/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.booking-page{
	text-align: left;
	max-width:800px;
	margin:30px auto;
	padding:0px 5px;
}

.input-daterange input.cal{
	background: url(../images/form-datepicker.png) no-repeat scroll 10px 5px;
	background-size: 30px 34px;
	font-size: 22px;
    text-align: left;
    padding-left: 60px;
    cursor: pointer;
}

.input-timepicker.tic{
	background: url(../images/form-timepicker.png) no-repeat scroll 10px 5px;
	background-size: 32px 32px;
	height: 48px;
	text-indent: 40px;
}

select.input-timepicker{
	background-color: #000 !important;
    color: #FFF !important;
    font-size: 22px;
    text-align: left;
    padding: 8px 30px 10px 5px;
    cursor: pointer;
}

select.input-interested{
	background-color: #000 !important;
    color: #FFF !important;
}

table.gym-table th{width: 25%;}
table.gym-table th,td{padding: 1em; border: 1px solid #FFF;}
table.gym-table{color: white; margin-bottom: 5px;}

.team-image img, .team-title h4 {
	cursor: pointer;
}
.team-desc{
	text-align: left;
	overflow-y: scroll;
}

.team-desc p{
	 color: white;
	 text-align: left;
	 font-size:0.9rem !important;
	 /*padding: 10px;
	 border: 2px solid #FFF;*/
}
.bg-overlay-content{padding: 20px 20px 20px 20px;}

.block-section{padding: 40px 0px; align-items: normal !important;}
.block-section-decription {padding: 0px 20px 10px;}
h1.section-title{font-size: 6rem; line-height: 5rem;}
h1.section-title2{font-size: 3rem; line-height: 3rem;}
h1.mainpage-title{font-size: 4em; line-height: 1em; text-transform: uppercase; margin-bottom: 5px;}
h1.mainpage-title span{font-style: italic; font-size:0.5em;}
h2.mainpage-title{font-size: 2.4rem; line-height: 2rem; text-transform: uppercase; margin-bottom: 5px;}
.white{color: #FFF !important;}
.black{color: #000 !important;}
.offwhite{color: #EEE !important;}
.yellow{color: #f9b851 !important;}
.orange{color: #e85745 !important;}
.green{color: #7cb99b !important;}
.greenun{color: #34bc4a !important;}
.purple{color: #e2b7e0 !important;}
.blue{color: #6579d8 !important;}
.gymyellow{color: #f1c233 !important;}
.right{text-align: right;}
.no-float{float: none !important;}
.mb20{margin-bottom: 20px !important;}
.pb20{padding-bottom: 20px !important;}
.text-overlay-title{background-color: #EEE; color:#000; padding-left: 8px;}
.input-daterange{width: 50%;}

/* Honeypot */
.sam-formfield{display: none;}

a.green:hover, a.yellow:hover, a.orange:hover, a.purple:hover, a.blue:hover, a.gymyellow:hover{text-decoration: underline !important;}
h3.subhead{color: white; text-transform: uppercase; margin: 10px 0px;}

#header-wrap{background-color: #000 !important;}
.small-p{font-size: 15px !important;}

/* Subscribe Popup*/
#fvpp-blackout {
	  display: none;
	  z-index: 499;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background: #000;
	  opacity: 0.5;
	}

#my-welcome-message {
  display: none;
  z-index: 500;
  position: fixed;
  width: 36%;
  left: 30%;
  top: 20%;
  background: #FFF;
}

#fvpp-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  z-index: 9999;
  color: #FFF;
}

#subscribe_form .sm-form-control{background: rgba(0,0,0,.5); padding: 10px;}
#subscribe_form #subscribebox-subscribe{background: #FFF; color: #000; border: 1px solid #000; padding: 10px;}

/* Vacancies*/
.v-container{border:3px solid #FFF; margin: 0px 0px 30px;}
.v-title, .v-title a{margin: 0px; padding: 5px; font-size: 1.4rem; background-color: #FFF; color: #000;}
.v-description{padding: 10px; color: #FFF;}
.v-description ul{list-style-type: none;}

/* Pagination*/
.c-pagination ul{
	list-style: none;
	text-align: center;
}
.c-pagination li{
	display: inline-block;
}
.c-pagination ul li a{
	display: inline-block;
	width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0,0,0,0.3);
    font-size: 1.25rem;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    border-radius: 2px;
}

.c-content-pagination a:hover{
	color: #000;
    background-color: #FFF;
}


/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-bottom: 1px solid white;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.form-valid-success{color: #00cc00; margin:10px 0px; font-size: 1.2em;}
.form-valid-error{color: #cc3300; margin:10px 0px; font-size: 1.2em;}
.form-error-border{border-bottom:1px solid #cc3300 !important;}

/* From the page itself */
.play-icon {
			position: relative;
			display: block;
			font-size: 28px;
			width: 60px;
			height: 60px;
			line-height: 62px;
			left: 50%;
			margin-left: -30px;
			border-radius: 50%;
			color: #267DF4 !important;
			background-color: #FFF;
			-webkit-transition: transform .3s ease;
			-o-transition: transform .3s ease;
			transition: transform .3s ease;
		}

.play-icon i {
	position: relative;
	left: 4px;"
}

.play-icon:hover {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.footer-melville{
	padding:10px !important; background: url('../images/melville-vector-invert.png') no-repeat bottom left;
}

.page_header{
	height: 400px;
    margin-top: -122px;
    min-height: 100px !important;
}
.block-head{font-size: 2em; text-transform: uppercase;}
.card-body{border: 2px solid #CCC; background-color: #000; border-radius: 0.5rem !important; font-size:16px;}
.card-body p{font-size:16px; margin: 5px auto;}
ul.block-list{list-style-type: none; color: #FFF;}
ul.block-list a{color: #FFF;}
ul.block-list li{border-bottom: 1px solid #fff; padding: 10px 0px;}
ul.block-list > :first-child{border-top: 1px solid #fff;}

.legal-paragraph a, a.underline{text-decoration: underline !important; color: #FFF !important;}
.legal-paragraph a:hover, a.underline:hover{text-decoration: underline; color: #EEE !important;}
.legal-title{color: #FFF; margin: 30px 0px 10px; text-decoration: underline;}
ul.legal-list{color: #FFF; margin: 20px;}
ul.legal-list a{color: #FFF;}
ul.legal-list a:hover{color: #EEE;}
ul.legal-list strong{text-decoration: underline;}

.block-icon-mini{
	border: 1px solid #000;
    vertical-align: text-top;
    margin-right: 10px;
}

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}
.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}
.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}
.frame::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
}
.back-button{cursor: pointer; color: #000; font-size: 16px; text-align: right;}
.back-button img{vertical-align: text-bottom;}

h2.block-member-title{font-size:40px; font-weight: 300; border-bottom: 1px solid #eee;}
.block-member-text{color: #EEE; margin-bottom:20px;}

body.device-xl .onepage-outdoor-negetive,
body.device-lg .onepage-outdoor-negetive { margin-top: -300px; }

a.btn-scale, button.btn-scale, a.btn-scale2, button.btn-scale2, input.btn-scale, .white-box{font-size: 20px; background-color: #FFF; color: #000 !important; padding: 10px; border: 1px solid #FFF; border-radius: unset; margin-bottom:10px; margin-right:10px; text-decoration: none !important;}
a.btn-scale:hover, button.btn-scale:hover, a.btn-scale2:hover, button.btn-scale2:hover{color: #000;}
	.btn-scale i {
		--width: 50px;
		position: relative;
		margin-left: 6px;
		transition: padding .2s linear;
		vertical-align: sub;
		font-size: 30px;
	}
	.btn-scale2 i {
		position: relative;
		margin-left: 6px;
		vertical-align: sub;
		font-size: 30px;
	}

	.btn-scale i::after {
		content: "";
		opacity: 0;
		position: absolute;
		right: 3px;
		top: 48%;
		width: 2px;
		height: 2px;
		background-color: #000;
		transition: all .2s linear;
	}

	.btn-scale:hover i::after {
		opacity: 1;
		width: var(--width);
	}

	.btn-scale:hover i { padding-left: var(--width); }

.btn-scale::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
.btn-scale::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
.btn-scale::-ms-input-placeholder { /* IE 10+ */
  color: black;
}
.btn-scale::-moz-placeholder { /* Firefox 18- */
  color: black;
}}

/* ----- Gym Tabs ----- */
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) {
	border-bottom: none;
}

.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li {
	float: left;
	height: auto;
	text-align: center;
	border: 1px solid #FFF;
  padding: 18px 6px;
  background-color: #111;
  margin: 5px;
}
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active {
	background-color: #f1c233;
	color: #000;
}

.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li:hover, .block-tab-2 ul.tab-nav:not(.tab-nav-lg) li:hover a{background-color: #f1c233; color: #000;}

.block-tab-2.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
	border: 0;
	background-color: #f1c233;
	color: #000;
}

.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li a {
	height: auto;
	line-height: 1;
	background-color: transparent;
	font-size: 28px;
	font-weight: 400;
}

.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li a i {
	display: block;
	font-size: 42px;
	margin: 0 0 17px 0;
}

.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
	top: 0;
}

.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active i {
	color: var(--danger, #f1c233);
}

/*
.block-tab-2 ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	border-radius: 50%;
	background: var(--danger, #f1c233);
}
*/
.tooltip-highlighted {
	padding: 0 5px;
  cursor: pointer;
}
.tooltip-inner {
  width: auto;
  max-width: 350px;
  padding: 8px;
}
/* Owl Carousel */
.owl-carousel .owl-nav [class*=owl-] {
	opacity: 1;
	left: -18px;
	top:45%;
}
.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -18px;
}
.toggle-title{
	color: #FFF;
}
.toggle-content{
	color: #EEE !important;
}
.toggle-content, .toggle-content p{font-size: 16px !important;}

#main-menu{
		color: #FFF;
		height: 100%;
		width: 100%;
		z-index: 99;
	    background-color: rgb(0,0,0);
	    overflow-x: hidden;
	    font-size: 3.2em;
	    font-weight: 100;
    	padding: 5px 30px;
    	position:fixed;
    	margin-top: -10px;
	}
#main-menu a{color: #FFF;}
#main-menu a.hover-orange:hover{color: #f9b851;}
#main-menu a.hover-red:hover{color: #e85745;}
#main-menu a.hover-green:hover{color: #7cb99b;}
#main-menu a.hover-greenun:hover{color: #34bc4a;}
#main-menu a.hover-purple:hover{color: #e2b7e0;}
#main-menu a.hover-blue:hover{color: #6579d8;}
#main-menu a.hover-gymyellow:hover{color: #f1c233;}
#main-menu a.hover-yellow:hover{color: #ffff00;}
#main-menu ul{list-style: none;}


/*********** CUSTOM MEDIA QUERIES ************/

@media (min-width: 768px) {
	.text-overlay-title h3 {
		font-size: 22px;
		letter-spacing: 1px;
		font-weight: 600;
	}
}

@media (max-width: 767px) {
	.mobile-left{text-align:left !important;}
	h1.mainpage-title{font-size: 3em; line-height: 1em; text-transform: uppercase; margin-bottom: 5px;}
	h2.mainpage-title{font-size: 2em; line-height: 1em; text-transform: uppercase; margin-bottom: 5px;}
	}

@media (max-width: 500px) {
	#my-welcome-message {width: 56%; left: 20%; top: 10%;}
	.svg-trigger {width: 30px; height: 30px; margin-left:2px;}
	#primary-menu-trigger, #page-menu-trigger {width: 30px; height: 30px; margin-right:40px;}
	.copyrights{padding:0px;}
	.footer-melville{background-size: 300px auto; padding-bottom:100px !important;}
	#footer .widget{margin-bottom:30px;}
	.sam-testi{background-position: -440px -100px}
	.page_header{margin-top: 0px !important;}
	#main-menu{font-size: 2em;}
	h1.section-title {font-size: 4rem; line-height: 3.2rem; margin-top: 20px;}
	.block-section {padding: 20px 0px;}
	/*.block-section img {margin: 20px 0px;}*/
	h1.mainpage-title{font-size: 2em; line-height: 1em;}
	h2.mainpage-title{font-size: 1.7em; line-height: 1em;}
	.samflexbox{display: flex; flex-direction: column-reverse;}
}