/*
* Fluidal V7.0
* Copyright 2017, Duncan Arrow
* http://fluidal.duncanarrow.com
*/


/* Mobile first
================================================== */

.headerfullwidth { position: relative; z-index: 9; width: 100%;  }
.headerfullwidth.topbar { background-color: rgba(16, 16, 16, 0.5); position: fixed; padding: 12px 0px; height: auto; font-size: 16px; color: #fff; z-index: 99; line-height: 20px; }
.headerfullwidth.navigation { background-color: rgba(88, 89, 91, 0.6); border-top: 1px solid #b4945d; box-sizing: border-box; }
.headerfullwidth a { color: #f6e4ac; border: 0px; }
.headerfullwidth a:hover { color: #b4945d; }
.headerfullwidth .six { display: none; margin-top: 0px; font-size: 13px; }
.admin-bar .headerfullwidth.topbar {}
.headerfullwidth.logo { position: absolute; padding: 10px 0px; background: transparent; }
.headerfullwidth.logo img, #footer .logo img { width: 200px; background: transparent; }
#flex_top_block { height: 600px; }

.headerfullwidth .tel { text-align: left; }
.headerfullwidth .book { text-align: right; position: absolute; bottom: 0px; }
.headerfullwidth .telephone span.location, .headerfullwidth .login span.location { display: block; font-size: 13px; }
.social-media { position: absolute;
    top: 138px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 150px;
    text-align: center;
    background-color: transparent;
    color: black;
    font-size: 30px; 
     }
     
.social-media a { color: #f6e4ac; }
.social-media a:hover { color: #b39461; }

.treatment-summary-bar { background-color: #1f1e1e; color: white; padding: 25px 0px 0px 0px; }
.treatment-summary-bar .fa.fa-gbp {     border: 4px solid white;
    border-radius: 39px;
    height: 17px;
    width: 20px;
    margin-right: 5px;
    padding-top: 3px;
    font-size: 13px!important;
    text-align: center;
 }

.tiled-background { background: #f2e8d4 url('#') repeat center center; }

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

.headerfullwidth .fa { font-size: 20px; margin-bottom: 0px; }

#top_block {position: relative; height: 410px; z-index: 0!important; }

.internal #flex_top_block .add_height { height: 400px; }

#top_block {position: relative; display: inline-table; margin-bottom: -6px; }
.home #top_block { height: 600px; }
.internal #top_block { height: 410px; }

output {
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0px 0px 0px;
    width: 100%;
}

.video-poster { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; }
.flex-col.video { padding: 0px!important; }
.flex-col.video video { width: 100%; height: 100%;  }

.top_video { display: flex; position: relative; }
.top_video video { width: 100%; }
.top_video .wrap { position: absolute;
    text-align: center;
    top: 45%;
    left: 0px;
    right: 0px;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 20px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.play, .refresh, .sound { 
	position: absolute;
	opacity: 1;
    top: 0%;
    left: 0px;
    right: 0px;
	background-color: rgba(0, 0, 0, 0.8);
    font-size: 2em;
    width: 96px;
    margin: 0 auto;
    padding: 15px 5px;
    border-radius: 10px; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;
}

.refresh { opacity: 0; }

.sound { position: absolute; top: 20px; left: 20px; right: auto; }

#top_block .wrap { display: table-cell; vertical-align: middle; text-align: center; }
#top_block .wrap h1, #top_block .wrap p { color: white; }
#top_block .wrap p { margin-bottom: -4px; }

#tabs .content_wrapper { background-color: #808080; }
#tabs ul.ui-tabs-nav { list-style-type: none; }
#tabs li {  }
#tabs ul.ui-tabs-nav li a { color: white; }
#tabs ul.ui-tabs-nav li a { float: left; padding: 25px 15px; }
#tabs li.ui-state-active a, #tabs li.ui-state-focus a, #tabs li.ui-state-hover a { background-color: #fff; }
#tabs .ui-tabs-panel { background-color: #ddd; padding: 25px; }

.logged_in_widget { margin-top: 25px; }

.at_a_glance {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    color: white!important;
    }
.at_a_glance div { padding: 30px; }


.overlay { height: 320px; background-color: #b9b9b9!important; color: #fff; }
.overlay .overlay_hover { height: 320px; }
.overlay .overlay_hover h2 { color: white; }
.overlay.one-third {float: left; }
.overlay_hover { position: relative; }
.overlay_hover .hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    font-size: 9px;
    color: white;
    font-size: 14px;
    margin-bottom: 0px;
    background-color: #7b7e83;
    background-color: rgb(123, 126, 131, 0.7);
    background-color: rgba(123, 126, 131, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83)";
}

.overlay_hover .hidden a { color: white; }

.overlay_hover h2 { position: absolute; text-align: center;
	top: 50%; left: 0px; right: 0px; 
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	padding: 20px; color: #1f1f1f; margin-bottom: 0px; }

.image-map .overlay_hover h2 { color: white!important; }
.image-map .overlay_hover {
	background-color: #7b7e83;
    background-color: rgb(123, 126, 131, 0.4);
    background-color: rgba(123, 126, 131, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83)";
}

.overlay_hover .hidden p { position: absolute; 
	top: 50%; left: 0px; right: 0px; font-size: 0.9em; 
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	padding: 20px; color: white; margin-bottom: 0px; }

.overlay .overlay_hover .hidden p { padding: 20px 60px; }

.headerfullwidth .container {margin: 0% auto!important; z-index: 99999; position: relative; background-color: transparent;}
.container.pagelayout {padding-bottom: 1%; }
.pagelayout { margin-top: 20px; } /* ************ SEAN ************ */

.home #flex_top_block { position: fixed; top: 0px; right: 0px; left: 0px; }
.home .pagelayout {  position: relative; margin-top: 600px; }
.home .page_wrapper.internal {  }

.page_wrapper.internal { }

.breadcrumb-trail.breadcrumbs {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #511300; }
.breadcrumb-trail.breadcrumbs a, .breadcrumb-trail.breadcrumbs span {color: #999!important; border-bottom: 0px; }
.breadcrumb-trail.breadcrumbs a:hover {color: #666!important;}

.top-image {background-color: #080506; background-repeat: no-repeat; background-position: center center; height: 200px}

.hide-text {display: none!important;}

.content_wrapper { margin-top: 0px;}

.slim_padding { padding-top: 15px; padding-bottom: 15px;}
.thin_padding { padding-top: 30px; padding-bottom: 30px;}
.medium_padding { padding-top: 50px; padding-bottom: 50px;}
.deep_padding { padding-top: 125px; padding-bottom: 125px;}

.flex_thin_padding, .flex_medium_padding, .flex_deep_padding { padding: 80px 5%; }
.flex_no_padding { padding: 0px; }

.padding1 { padding: 200px 0px 180px 0px; }
.padding2 { padding: 140px 0px 130px 0px; }
.padding3 { padding: 90px 0px 80px 0px; }

.menu-primary-container {}

.socmedia {text-align: left;}

.page-numbers {background-color: #575b59; padding: 8px 12px; color: whitesmoke; font-size: 0.8em; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;}

.page-numbers.current { background-color: #808080; }

.page-numbers:hover {background-color: #808080; color: whitesmoke; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;}
a.page-numbers {text-decoration: none!important; color: whitesmoke;}

.header {height: 100px; margin-bottom: 2%!important;}
header h1 {margin: 0%;}
.header hr {margin : 7% 0 -2%!important;}

.gform_footer p, .gform_footer br {display: none;}
#gform_confirmation_message_1 { 
	text-align: center;
    font-weight: bold;
    background-color: #72C2A5;
    color: white;
    padding: 20px;
    font-size: 16px;
    }

.flexslider ul {margin-bottom: 0px;}

#footer {
	position: relative;
	width : 100%;
	float : left;
	background-color: #242424; 
	font-size: 85%; text-align: left;
	color : #fff!important;
	padding: 50px 0px 34px;
}

#footer .socmedia {
    text-align: center;
}

#footer a {color: white; border-bottom: 0px; }
#footer a:hover, #footer .fab:hover {color: #b4945d;}
#footer .fab, #footer .fab:hover { 	-moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear; }


#footer .fab { color: white; font-size: 35px; margin-top: 5px; margin-right: 10px; }

#subfooter a .fa { color: #ffe1ae;
	-moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear; font-size: 30px; }

#subfooter a .fa:hover { color: #b4945d; cursor: pointer;
	-moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;}


#subfooter { position: relative; background-color: #242424; border-top: 1px solid #511300; padding: 15px 0px; width: 100%; color: #fff; float: left; margin: 0 auto; font-size: 85%; text-align: center; }
#subfooter a {color: #fff; text-decoration: none; border-bottom: 0px; }
#subfooter a:hover { color: #b4945d; }
.cookie-notice-container a {color: #fff;}

nav select {
  display: none;
}

header {display: none!important;}

.green_padding img { display: block; }




/* #Page Styles  SEAN EDIT
==================================================  SEAN EDIT */
.page_wrapper { margin-top: 0%; background-color: #fff; background-image: url("https://siamthaimassage.uk/wp-content/uploads/2023/06/thai-pattern-grad2.jpg"); /*  */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */}
.single .content_wrapper .eleven { min-height: 600px; }





/* Larger than mobile
================================================== */

@media (min-width: 480px) {
	
	.social-media { top: 58px; left: 40px; right: auto; text-align: left; }

	
}







/* Larger than phablet
================================================== */

@media (min-width: 547px) {
	
	.overlay_hover .hidden p { font-size: 1.0em; } 

	
}




/* Larger than tablet
================================================== */

@media (min-width: 768px) {
	.headerfullwidth .six { margin-top: 0px; font-size: 15px; }
	.headerfullwidth .book { position: relative; }

	.flex_thin_padding { padding: 60px 5%; }
	.flex_medium_padding { padding: 120px 5%; }
	.flex_deep_padding { padding: 180px 5%; }

	.headerfullwidth .telephone span.location, .headerfullwidth .login span.location { display: inline; }
	.headerfullwidth.logo img, #footer .logo img { width: 286px; }
	
	#nav {
		width : 100%;
		text-align: center;
		padding : 0 0 0;
		line-height : 100%;
	}
	
	#nav li {
		margin : 0px;
		padding : 14px 10px;
		display: table-cell;
		position : relative;
		list-style : none;
		text-align: center;
	}
	
	#nav li:first-child a{
	    border-right: 0px solid #ddd!important;
	}
	
	#nav a {
		font-weight : 200;
		font-size: 0.9em; border-bottom: 0px;
		color: #fff;
		text-decoration : none;
		letter-spacing: 0px;
		display : inline; /* or inline */
		margin : 0;
		text-transform: uppercase;
		-moz-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	/* FROM HERE */
	#nav a {color: #f6e4ac;!important; cursor: pointer; }
	#nav a:hover {color: #b9b9b9!important; cursor: pointer; }
	#nav ul li:hover > a {color: #b9b9b9!important;}

	#nav ul li.current_page_item > a, #nav ul li.current_menu_item a, #nav ul li.current_page_parent > a, #nav ul li.current_menu_parent a {color:#b9b9b9!important; }
	
	#nav li.home a, #nav li.current_page_item > a, #nav li.current_menu_item a, #nav li.current_page_parent > a, #nav li.current_menu_parent a {color:#b9b9b9!important; font-weight: bold; }
	
	/*Style top level links when hovering on child link!*/
	#nav li:hover a{ }
	
	#nav li a:hover { color: yellow;}
	
	#nav ul li:hover, #nav li:hover li {
		color : #fff; -moz-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	#nav ul li a:hover { color: #fff; }
	
	#nav li li a {padding: 0px!important;
	background-color: transparent!important;}
	#nav li li:hover {background-color: #333;}
	
	
	#nav ul a:hover {color: #333; background-color: transparent; }
	
	#nav li:hover > ul {
	display : block; background-color: #333;
	}
	
	#nav ul {
		display : none;
		font-size: 0.9em;
		margin : 8px 0;
		padding : 0;
		width : 185px;
		position : absolute;
		top : 43px;
		left : 20px;
		z-index: 99999!important;box-sizing: border-box;
	}

	ul#nav li:last-child ul {
		left : auto;
		right: 16px;
	}
	
	#nav ul li {
		float : left;
		margin : 0;
		padding : 5px 9px 5px 6px; 
		border-bottom: 0px solid #444!important; text-align: left; position: relative; z-index: 99998!important; width: 161px;
	}
	
	#nav ul a {
		line-height: 1.6em!important;
		font-weight : 100;
		padding: 0px 15px 0px 15px!important;
	}
	
	/* Second level flyout */
	#nav ul ul {
		left : 175px;
		top : -10px;
	}
	
	#nav:after {
		content : ".";
		display : block;
		clear : both;
		visibility : hidden;
		line-height : 0;
		height : 0;
	}
	
	html[xmlns] #nav {
		display : block;
	}
	
	* html #nav {
		height : 1%;
	}/* End nav menu */


}




/* Desktop and larger
================================================== */

@media (min-width: 960px) {
	
	
	
}



/* Legacy media queries - try and update!
================================================== */


@media only screen and (max-width: 479px) {
	
	.home_page_image {margin-top: 0px;}
	.divider {border-bottom: #ddd 1px solid; padding-bottom: 15px; margin-bottom: 15px!important;}

	header {padding-top: 0px!important;}
	
	.hide {display: none!important;}
	.contact .one_half p { text-align: center!important; }
	.headerfullwidth.topbar { font-size: 14px; }

	.green_padding .accordion { padding-left: 3%!important; }
}



@media only screen and (max-width: 547px) {
	
	.three_across img {float: none; margin-right: 0px; display: block; }
	.three_across {height: auto; margin-bottom: 20px; }
	.four_across img {float: none; margin-right: 0px; display: block;}
	.four_across {height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ddd 1px solid;}
	.hide547 {display: none!important;}
	.pagelayout {padding-top: 0px!important;}
	header {padding-top: 0px!important;}
	#top-widget h1 {font-size: 40px;}
	.top-featured {padding-top: 34px; padding-bottom: 0px; min-height: auto; height: 250px; }
	.internal.top-featured { padding-top: 0px; }
	.top-featured img { /*width: 50%; */ width: 100%; }
	.top-featured p {font-size: 15px; }
	.treatment.first { width: 100%; }
	.treatment.second { float: left; width: 100%; }
	.green_padding .half, .green_padding .half_last { width: 100%; }
	.green_padding .half { display: none; }

}




/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#footer .realself { width: 100px; margin-top: 20px; }
	.medium_padding { padding-top: 28px; }
	.socmedia { margin-top: 0px!important; }
	.socmedia .fsb { width: 35px; margin-right: 18px; }
	.home-widget-block .widget {margin-bottom: 40px;}
	.home-widget-block .widget.last {margin-bottom: 0px;}
	.hide769 {display: none;}
	.padding { padding: 20px 0px; }
	.ten.columns.home {padding-top: 0px;}
	#top_block {position: relative; height: 256px; }
	.divider {border-bottom: #ddd 1px solid; padding-bottom: 15px; margin-bottom: 15px!important;}
	.three_across {height: auto; margin-bottom: 20px; border-bottom: #ddd 1px solid; padding: 10px 0;}
	.four_across {height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ddd 1px solid;}
	.headerfullwidth {border-bottom: 0px;}
	#nav  { display: none!important; }
	#footer .icon-da_logo { font-size: 21px; }

	.pagelayout {padding-top: 0px; background-color: #e1c89e;}
	
}