/*
Theme Name: Bali Wedding
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Bali Wedding
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

@font-face {
    font-family: 'better_times';
    src: url('fonts/better_times-webfont.woff2') format('woff2'),
         url('fonts/better_times-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* =====================
Reset
======================== */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;vertical-align:top}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input{-webkit-appearance: none;}

/* =====================
Defaults
======================== */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5% ;
}
body{font-family:'Fira Sans', sans-serif;color:#333; }
img{border-style:none;}
a{text-decoration:none;color:#deb3ac;}
a:hover{color:#666666;}
input,textarea,select{font:100% 'Fira Sans', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Fira Sans', sans-serif;}

img.alignleft {margin: 0 15px 15px 0;}
.alignleft {float: left;}
img.alignright {margin: 0 0 15px 15px;}
.alignright {float: right;}
.aligncenter {margin:15px auto;}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
}
h2{
	font-size:2.8rem;
}
h3{
	font-size:2.4rem;
}
h4{
	font-size:2rem;
}

/* =====================
Text Styles
======================== */
.btn{
	border:3px solid #d91b5c;
	color:#000;
	font-weight:700;
	font-size:2rem;
	line-height:2.1em;
	display:inline-block;
	padding:0 1.5em;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	border-radius:0;
	white-space	:normal;
}
.btn.red{
	background:#deb3ac;
	border-color:#deb3ac;
	color:#fff;
}
.btn.black{
	background:#000;
	border-color:#000;
	color:#fff;
}
.entry-content{
	font-size:1.5rem;
	font-weight:300;
	line-height:1.3em;
}
.entry-content img{
	max-width:100%;
	height:auto;
}
.entry-content strong{
	font-weight:700;
}
.entry-content h2, .entry-content h3{
	font:700 2.4rem 'Playfair Display', serif;
	color:#333;
}
.entry-content h4{
	font:700 2rem 'Playfair Display', serif;
}
.entry-content p,.entry-content ul,.entry-content ol{
	margin:0 0 1em;
}
.entry-content li{
	margin-bottom:0.2em;
}
.entry-content ul li{
	margin-left:2em;
}
.entry-content ol li{
	margin-left:1em;
}
.entry-content .btn{
	font-size:1.6rem;
	line-height:2.3125em;
	padding: 0 2.3125em;
	border-width:2px;
	margin:1em 0;
}
.entry-content .wp-video{
	margin-bottom:1.5em;
}
.entry-content h2, .entry-content h3, .entry-content h4{
	margin-top:1em;
}
.entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child{
	margin-top:0;
}
.entry-content iframe{
	max-width:100%;
}

/* =====================
Layout
======================== */
.clear{clear: both;}
.site-content{
	min-height:600px;
}
.section{
	margin-top:30px;
	margin-bottom:30px;
}
#popup_form{
	min-width:600px;
}

/* =====================
Light Gallery Style
======================== */
.lg-icon {
    font-family: 'Ionicons';
}
.lg-actions .lg-next:before{
	content:'\f10b';
}
.lg-actions .lg-prev:after{
	content:'\f108';
}
.lg-outer .lg-toogle-thumb:after{
	content:'\f13f';
}
.lg-fullscreen:after {
    content: "\f25e";
}
.lg-fullscreen-on .lg-fullscreen:after {
    content: "\f267";
}
.lg-toolbar .lg-download:after {
	content:"\f2dd";
}
.lg-toolbar .lg-close:after {
	content:"\f129";
}
.lg-outer .lg-thumb{
	margin:0 auto;
}
.lg-outer{
	z-index:16000005;
}

/* =====================
Form
======================== */
#page .gfield input[type='text'],
#page .gfield input[type='email'],
#page .gfield input[type='tel']{
	border: 1px solid #b7b7b7;
	font-weight: 300;
	font-size: 1.4rem;
	padding: 0 12px;
	height: 2.6em;
	width:100%;
} 
#page .ginput_container{
	margin:0;
}
#page .gfield select{
	border: 1px solid #b7b7b7;
	font-weight: 300;
	font-size: 1.4rem;
	padding: 0 12px;
	height: 2.6em;
	width:100%;
}
#page .gfield textarea{
	height:115px;
	border: 1px solid #b7b7b7;
	font-size: 1.4rem;
	padding: 5px 12px;
}
#page .gform_footer {
	text-align:center;
	margin:0;
}
#page .gform_button{
	border:2px solid #deb3ac;
	color:#fff;
	font-weight:500;
	font-size: 2rem;
	line-height: 2.3125em;
	padding: 0 2.3125em;
	margin: 0 0;
	display:inline-block;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	border-radius:0; 
	cursor:pointer;
	background:#deb3ac;
}
#page .gfield{
	padding:0;
	width:100%;
	list-style:none;
	display:inline-block;
}
#page .gfield.col-1-2{
	width:48.53%;
	margin-right:2.94%;
}
#page .gfield.col-1-3{
	width:31.37%;
	margin-right:2.94%;
}
#page .gfield.col-1-4{
	width:22.795%;
	margin-right:2.94%;
}
#page .gfield_label{
	font-weight:400;
	font-size:1.3rem;
}
#page .gfield.last{
	margin-right:0 !important;
}
#page .validation_message{
	padding:0;
	font-size:1.2rem;
	color:#f00;
	font-weight:400;
}
#page .gfield_error{
	max-width:100% !important;
	border:none;
	background:none;
	margin-bottom:0 !important;
}
#page .gfield_error .gfield_label{
	margin-top:0;
	color:#f00;
}
#page .validation_error{
	border:none;
	padding:0;
	margin: 0 0 0;
	color:#f00;
	font-size:1.2rem;
	font-weight:400;
}
#page .gform_confirmation_message{
	font-size:2.4rem;
	margin: 2em 0;
	min-height:200px;
}

/* =====================
Header
======================== */
.header-top{
	background:rgba(0,0,0,0.55);
	color:#fff;
}
.header-top a{
	color:#fff;
}
#desktop-menu{
	/*width:calc(100% - 250px);
	float:left;*/
}
#desktop-menu li{
	list-style:none;
	font-size:1.4rem;
	text-transform:uppercase;
	-webkit-flex-grow:1;
	flex-grow:1;
	text-align:left;
	position:relative;
	padding: 10px 10px;
}
/*#desktop-menu li:hover:before{
	content:' ';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:10px;
	background:#deb3ac;
}*/
#desktop-menu li:hover .sub-menu{
	display:block;
}
#desktop-menu .sub-menu{
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#737373;
	display:none;
}
#desktop-menu .current-menu-item,#desktop-menu .current-menu-parent, #desktop-menu li:hover{
	background:#deb3ac;
}
#desktop-menu li:hover a{
	text-decoration:none;
}
#desktop-menu .menu{
	display:flex;
}
.header-button{
	width:200px;
	float:right;
	line-height:1.2;
	white-space:normal;
	padding:18px 10px 0;
	text-align:center;
	color:#fff;
	background:#deb3ac;
	height:62px;
	border:none;
}
#masthead{
	padding:15px 0 12px;
	position:relative;
	background:#fff;
	-webkit-transition: padding 0.3s; 
  transition: padding 0.3s;
}
#masthead.stick{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:200;
	padding: 12px 0 5px;
	-moz-box-shadow: 0 0 10px 0 #888;
	-webkit-box-shadow: 0 0 10px 0 #888;
	box-shadow: 0 0 10px 0 #888;
}
#masthead .container{
	max-width:1160px;
}
.site-branding{
	width:235px;
	height:auto;
	display:block;
	margin-top:5px;
}
.site-branding img{
	display:block;
	width:100%;
	height:auto;
}
.header-left{
	display:inline-block;
	float:left;
}
.header-right{
	display:inline-block;
	float:right;
}
.header-right .btn{
	color:#fff;
	background:#d91b5c;
	font-size:1.8rem;
	border-color:#d91b5c;
	max-width:170px;
	white-space:normal;
	line-height:normal;
	padding: 2px 5px;
}
.site-tag{
	margin: 0 215px 0 0;
	font-size: 2.4rem;
	font-family:'better_times', serif;
	display: inline-block;
	vertical-align: middle;
}
.header-img{
	width:100%;
	height:auto;
}
.header-img img{
	max-width:100%;
	height:auto;
	margin:auto;
	display:block;
}
.header-phone{
	vertical-align:middle;
	display:inline-block;
	font-size:2.2rem;
	font-weight:700;
	margin:40px 0 0 15px;
	color:#deb3ac;
}
#desktop-menu-new {
	display:inline-block;
	font-size:1.4rem;
	line-height:3.4em;
	font-weight:500;
	vertical-align:top;
	margin-right:15px;
	padding-top:4px;
}
#desktop-menu-new li{
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
	padding: 0 10px 0;
	position:relative;
}
#desktop-menu-new li a{
	color:#333;
	display:block;
}
#desktop-menu-new li:hover  a{
	text-decoration:none;
}
#desktop-menu-new li:hover, #desktop-menu-new .current-menu-item, #desktop-menu-new .current-menu-parent{
	background:#d7b5af;
}
#desktop-menu-new li:hover .sub-menu{
	display:block;
}
#masthead.stick #desktop-menu-new .sub-menu{
	padding-top:13px;
}
#desktop-menu-new .sub-menu{
	display:none;
	background:#d7b5af;
	position:absolute;
	top:100%;
	left:0;
	width:295px;
	padding: 14px 0 10px;
	z-index:300;
	line-height:normal;
}
#desktop-menu-new .sub-menu li:hover,#desktop-menu-new .sub-menu .current-menu-item{
	background:#333;
}
#desktop-menu-new .sub-menu li{
	display:block;
}
#desktop-menu-new .sub-menu li:last-child a{
	border:none;
}
#desktop-menu-new .sub-menu a{
	color:#fff;
	display:block;
	border-bottom:1px solid #fff;
	padding: 13px 0;
}

/* =====================
Footer
======================== */

#colophon{
	background:rgba(0,0,0,0.55);
	color:#fff;
	text-align:center;
	padding: 22px 0;
}
#colophon a{
	color:#fff;
}
#footer-menu{
	border-bottom:1px solid #8493a8;
	margin: 15px 0 1.1em;
	padding-bottom:1.1em;
	font-size:1.4rem;
}
#footer-menu ul{
	display:flex;
}
#footer-menu li{
	list-style:none;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	text-transform:uppercase;
	padding: 0 10px;
	text-align:left;
}
.footer-address{
	margin-bottom:15px;
}
.footer-address li{
	list-style:none;
	font-size:1.6rem;
	font-weight:400;
}
.footer-logo{
	width:240px;
	height:auto;
	vertical-align:middle;
}
.socials{
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	margin-left:35px;
}
#colophon .socials a{
	color:#8493a8;
	margin: 0 7px;
}
#copyright{
	color:#8493a8;
	font-size:1.3rem;
}
.design-by{
	color:#8493a8;
	font-size:1.3rem;
}
#colophon .design-by a{
	color:#8493a8;
}

/* =====================
Popup 
======================== */
.popup-wrapper{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:800;
	display:none; 
}
.popup-overlay {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7); 
}
.popup-container{
	position:absolute;
	left:50%;
	top:50%;
	-ms-transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index:999;
	background:#fff;
	padding: 20px 20px;
	overflow-y:scroll;
	max-width:950px;
}
.close-icon{
	cursor:pointer;
	text-align:center;
	font-size:20px;
	position:absolute;
	right:20px;
	top:5px;
}
.popup-wrapper h3{
	font-size:2rem;
	margin-bottom:0.5em;
}
.popup-wrapper p{
	font-size:1.4rem;
	margin-top:0.5em;
}
#booking-form .gform_wrapper{
	margin:0;
}
#booking-form .validation_error{
	display:none;
}

/* =====================
Frontpage / Home
======================== */
.header-image-wrapper {
	position:relative;
	min-height:300px;
}
#home-header-image .header-img{
	max-height:645px;
	overflow:hidden;
	position:relative;
}
#home-header-image .header-img:before{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
}
#home-header-image .header-img img{
	width:100%;
}
.home-header-content{
	z-index:5;
	text-align:center;
	color:#fff;
	position:absolute;
	left:0;
	bottom:6.6%;
	width:100%;
}
.home-header-text{
	max-width:580px;
	margin:auto;
	font:4.8rem/1.05 'Playfair Display';
	padding: 0 15px;
}
.home-header-text h2, .home-header-text h3{
	font:400 4.8rem/1.05 'Playfair Display';
	text-shadow:3px 3px 1px rgba(0, 0, 0, 0.2);
}
.home-header-text .btn{
	font-size:2.2rem;
	font-weight:400;
	border:none;
	background:#d7b5af;
	color:#fff !important;
	line-height:2.7em;
	width:100%;
	max-width:295px;
}
#home-new-intro {
	padding: 25px 0 1px;
}
#home-new-intro .entry-content{
	text-align: center; 
	font: 3.6rem 'Playfair Display'; 
	color: #666666;
}
.internal-header-content{
	position:absolute;
	width:100%;
	left:0;
	bottom:17%;
}
.internal-header-text{
	text-align:center;
	margin:0;
	color:#fff;
	font:700 3.2rem/1 'Playfair Display', serif;
	text-transform: capitalize;
}

/* =====================
Modules
======================== */
#text-section .entry-content{
	padding: 0 8.5%;
}
#pic-box img{
	display:block;
	width:auto;
	height:100%;
}
.pic-box-wrapper{
	position:relative;
}
.pic-box-text{
	width:43%;
	float:right;
	text-align:left;
	padding:25px 30px 10px;
	min-height:360px;
	font-size:1.4rem;
}
.pic-box-img{
	width:57%;
	overflow:hidden;
	height:100%;
	position:absolute;
	left:0;
}
.right .pic-box-text{
	float:left;
	text-align:left;
}
.right .pic-box-img{
	right:0;
	left:auto;
}
.right .pic-box-img img{
	float:right;
}
.left .pic-box-wrapper{
	background:#deb3ac;
}
.left .pic-box-wrapper a{
	color:#fff;
}
.right .pic-box-wrapper{
	background:#ebebeb;
}
.img-bg {
	position:relative;
}
.img-bg:before{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1;
}
.img-bg img{
	display:block;
	width:100%;
	height:auto;
}
.text-over-img-content{
	position:absolute;
	top:50%;
	width:100%;
	z-index:5;
	text-align:center;
	color:#fff;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.middle .text-over-img-content .entry-content{
	margin:auto;
}
.right .text-over-img-content .entry-content{
	margin-right:4.05%;
}
.two-col .text-over-img-content .entry-content{
	margin:auto;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	max-width:90%;
}
.two-col-video .text-over-img-content .entry-content{
	max-width:100%;
	margin: 0 4.05%;
	text-align:left;
}
.two-col-video .text-over-img-content .entry-content .wp-video{
	float:right;
	margin: 0 0 60px 35px;
	width:48% !important;
}
.text-over-img-content .entry-content{
	font-size:1.8rem;
	max-width:560px;
	margin-left:4.05%;
}
.text-over-img-content .entry-content strong{
	font:italic 900 2rem/1.2 'Playfair Display', serif;
}
.gallery-thumb{
	overflow:hidden;
	display:block;
	position:relative;
	margin-bottom:25px;
	padding-top:60%;
}
.venues-list .gallery-thumb{
	padding-top:62%;
}
.gallery-thumb img{
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:100%;
	width:100%;
}
#gallery-section{
	margin-top:40px;
	margin-bottom:40px;
}
.section-heading{
	text-align:center;
	font: 900 2.4rem/1.2 'Playfair Display', serif;
	margin-bottom:0.9em;
	color:#333;
}
.readmore{
	font-weight:300;
	font-size:1.4rem;
	color:#333;
}
.news{
	margin-bottom:20px;
}
.news h3{
	color:#777;
	font: 700 1.6rem 'Playfair Display', serif;
}
#news-wrapper{
	margin-top:40px;
	margin-bottom:40px;
}
.blog-sidebar{
	margin-bottom:20px;
}
.blog-sidebar header{
	font-size:2.6rem;
}
.blog-sidebar li{
	margin-left:15px;
	font-size:1.5rem;
	margin-bottom:3px;
}
.highlight-wrapper{
	background:#ebebeb;
	padding: 40px 20px 5px;
}
.hl{
	text-align:center;
	padding: 0 20px;
	margin-bottom:20px;
}
.hl .number{
	width:70px;
	height:70px;
	background:#deb3ac;
	color:#fff;
	font: 700 2.8rem/60px 'Playfair Display', serif;
	text-align:center;
		-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	border-radius:50%; 
	margin: 0 auto 10px;
}
#wedding-list-section .container{
	
}
.wedding-list header .wrapper{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.wedding-list  header{
	background:#deb3ac;
	text-align:center;
	min-height:45px;
	color:#333;
	font: 700 1.5rem/1.2 'Playfair Display', serif;
	position: relative;
}
.wedding-list  header span{
	display:block;
	margin: 0 15px 0;
}
.wedding-list .entry-content{
	margin: 0 20px;
	font-family:'Playfair Display';
}
.wedding-list .gallery-thumb{
	margin-bottom:0;
}
.wedding-list{
	
}

.location-tabs{
	display:flex;
	margin-bottom:30px;
}
.location-tabs li:last-child{
	margin-right:0;
}
.location-tabs li{
	list-style:none;
	display: inline-block;
	color: #fff;
	background: #333;
	margin-right: 1%;
	text-align: center;
	font-size: 1.6rem;
	padding: 8px 0;
	cursor: pointer;
	text-transform: capitalize;
	flex-grow:1;
}
.location-tabs li.current{
	color:#fff;
	background:#d91b5c;
}
.location-tabs-dropdown{
	display:none;
}
.villa-deals.active{
	display:block;
}
.villa-deals{
	display:none;
}
.venues-list header .wrapper{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.venues-list header{
	background:#deb3ac;
	text-align:center;
	min-height:245px;
	color:#333;
	font: 700 1.5rem/1.2 'Fira Sans', serif;
	position: relative;
	padding:20px 0 0;
}
.venues-list  header span{
	display:block;
	margin: 0 15px 15px;
	font-family:'Playfair Display';
}
.venues-list .entry-content{
	margin: 0 20px;
	font-size:1.4rem;
}
.venues-list .gallery-thumb{
	margin-bottom:0;
}
.venu-statistics{
	margin-bottom:15px;
}
.venu-statistics li {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0;
	padding: 0 12px 0 0;
	vertical-align:bottom;
}
.venu-statistics li:before {
	content: '';
	display: inline-block;
	margin: 0 5px 0 0;
}
.venue-beds:before {
	background: url(images/sprite.webp) -1px -37px no-repeat;
	height: 18px;
	width: 34px;
}
.venue-showers:before {
	background: url(images/sprite.webp) -35px -37px no-repeat;
	height: 25px;
	width: 15px;
}
.venue-pools:before {
	background: url(images/sprite.webp) -52px -37px no-repeat;
	height: 17px;
	width: 29px;
}
.venue-people:before {
	background: url(images/sprite.webp) -82px -37px no-repeat;
	height: 25px;
	width: 39px;
}
.venue-internet:before {
	/*background: url(images/sprite.webp) -122px -37px no-repeat;*/
	background: url(images/ios-wifi.svg) no-repeat center center / 22px auto;
	height: 17px;
	width: 22px;
}

.tab {
	overflow: hidden;
	background: rgba(0,0,0,0.55);
	margin-top:20px;
}
/* Style the buttons that are used to open the tab content */
.tab button {
	color:#fff;
	background:none;
	display:inline-block;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0.7em 1em;
	transition: 0.3s;
	font-size:1.8rem;
	float:left;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #deb3ac;
}
/* Create an active/current tablink class */
.tab button.active {
	background-color: #deb3ac;
}
/* Style the tab content */
.tabcontent {
	display: none;
	padding:30px 0 20px;
	min-height:400px;
} 


.wl{
	margin-bottom:30px;
}
.question{
	font-size:1.6rem;
	font-weight:500;
	padding:1em 0;
	cursor:pointer;
	margin:0;
}
.answer{
	display:block;
	margin-bottom:2em;
}
.faq{
	
	padding: 0 0 0 35px;
	position:relative;
}
.faq:before{
	content:' ';
	position:absolute;
	width:10px;
	height:10px;
	left:10px;
	top:20px;
	background:#777;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	border-radius:50%;
}
.faqs .faq:nth-child(1) .faq, .faqs .faq:nth-child(2) .faq{
	border-top:1px solid #999999;
}
.post-thumb{
	margin-bottom:5px;
	display:block;
	height:155px;
	overflow:hidden;
}
.post-thumb img{
	display:block;
	width:100%;
	height:auto;
}

/* =====================
CTA box
======================== */
.ctab{
	padding: 30px 20px 50px 20px;
	border: 1px solid #999999;
	box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2), inset 0px -3px 5px 0px rgba(0, 0, 0, 0.2);
	text-align:center;
}
.ctab a:hover{
	text-decoration:none;
}
.ctab h4{
	color:#666;
	font:700 2.6rem 'Playfair Display', serif;
}
.ctab .entry-content{
	color:#000;
	font-size:1.8rem;
	font-weight:700;
	min-height:2.6em;
	display:block;
}
.ctab .thumbnail img{
	display:block;
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	top:0;
}
.ctab .thumbnail{
	overflow:hidden;
	position:relative;
	width:100%;
	padding-top:71.15%;
	display:block;
	margin-bottom:25px;
}

/* =====================
Wedding Venues
======================== */
.single-wedding-title h2{
	display:inline;
	margin:0;
	font: 700 2.4rem/1.2 'Playfair Display', serif;
}
.single-wedding-title {
	font: 700 2.4rem/1.2 'Playfair Display', serif;
	float:left;
	margin-bottom:1.16em;
}
.single-wedding-title span{
	color:#deb3ac;
}
#single-wedding .container{
	max-width:990px;
}
.wedding-info{
	font-size:1.4rem;
	font-weight:700;
}
.wedding-info span:last-child{
	display:none;
}
.wedding-content{
	margin-top:1.14em;
}
.view-other-btn{
	font-size:1.4rem;
	font-weight:300;
	color:#fff;
	float:right;
	display:inline-block;
	padding: 0 15px;
	border:1px solid #d91b5c;
	line-height:2em;
	margin-bottom: 2em;
	background:#d91b5c;
}
.view-other-btn:before{
	content:"\f108";
	font-family: "Ionicons";
	margin-right:5px;
}
.wedding-gallery li{
	list-style:none;
	display:none;
	height:630px;
	width:100%;
	overflow:hidden;
}
.wedding-gallery li img{
	display:block;
	height:auto;
	width:100%;
}
.wedding-video{
	position:relative;
	padding-top:56.25%;
}
.wedding-video iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.wedding-pager{
	margin-bottom:20px;
}
.wedding-pager a{
	display:inline-block;
	width:180px;
	height:120px;
	overflow:hidden;
	margin:10px 10px 0 0;
	position:relative;
	border:1px solid transparent;
}
.wedding-pager a:before{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:10;
}
.wedding-pager .cycle-pager-active:before{
	background:none;
}
.wedding-pager .cycle-pager-active{
	border-color:#d91b5c;
}
.wedding-pager img{
	display:block;
	width:100%;
	height:auto;
}
.video-thumb:after{
	content:'\f215';
	font-family: "Ionicons";
	position:absolute;
	z-index:5px;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%);  
    transform: translate(-50%,-50%); 
	font-size:16px;
	background:rgba(0,0,0,0.7);
	padding: 3px 18px;
	color:#fff;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
}
.wedding-gallery-wrapper{
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:100%;
}
.wg-prev,.wg-next{
	position:absolute;
	top:50%;
	z-index:200;
	color:#fff;
	font-size:3.2rem;
	cursor:pointer;
	text-shadow: 0 0 5px #777;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.wg-prev{
	left:2%;
}
.wg-next{
	right:2%;
}

/* =====================
profile
======================== */
.separator-line{
	height:10px;
	background:#000;
	width:100%;
}
.profile-testimonial{
	background:#d6b4ae;
	font-weight:700;
	padding: 20px 35px;
}
.page-title{
	font:700 2.4rem 'Playfair Display';
	margin-top:1em;
}
.profile-list li{
	list-style:none;
	display:inline-block;
	width:255px;
	margin: 0 20px;
}
.profile-list li img{
	display:block;
	width:100%;
	height:auto;
}
.profile-list li header{
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
	color:#000;
	margin-top:1em;
}
.profile-list-intro a{
	color:#000;
	text-decoration:underline;
}
.profile-image img{
	max-width:299px;
	height:auto;
}

/* =====================
conversion page
======================== */
.page-template-pt-conversion  .header-top,
.page-template-pt-conversion  #masthead,
.page-template-pt-conversion  #colophon{
	display:none;
}
#conversion-header{
	background:#deb3ac;
	color:#fff;
	text-align:center;
	padding:10px 0 65px;
}
.ch-title-tag{
	color:#333333;
	font:600 1.4rem 'Source Sans Pro','Fira Sans', sans-serif;
}
.ch-pahe-title{
	font:12rem 'better_times';
	position:relative;
	padding-bottom:0.1em;
	margin: 0.3em 0 0.5em;
}
.ch-pahe-title:after{
	content:' ';
	position:absolute;
	width:170px;
	height:5px;
	background:#464646;
	bottom:0;
	left:50%;
	margin-left:-85px;
}
.ch-header h3{
	font-size:3.6rem;
	max-width:580px;
	margin:0 auto 1.8em;
}
.ch-header a.btn{
	color:#333333;
	padding: 0 2.5em;
	border-color:#333;
}
.ch-full-img {
	margin-bottom:50px;
}
.ch-full-img img{
	display:block;
	margin:auto;
	height:auto;
	width:100%;
}
#price-content-section .container{
	background:#deb3ac;
	max-width:1110px;
	color:#000;
	padding-top:15px;
	padding-bottom:15px;
}
#price-content-section .btn{
	border-color:#000;
	background:#fff;
}
#price-content-section h2, #price-content-section h3, #price-content-section p{
	color:#000;
}
.price-content-content{
	margin:1em 0 0;
}

.mobile{
	display:none;
}

/* =====================
Slide menu defautl style
======================== */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:500;width:280px;overflow-x:none;overflow-y:auto;background:#333333;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-280px}
.sidr.left{left:-280px;right:auto}

/* 1600  */
@media screen and (max-width:1600px){
	.popup-container{
		top:0;
		-ms-transform: translateX(-50%); 
		-webkit-transform: translateX(-50%); 
		transform: translateX(-50%);
		height:100%;
		padding: 15px 20px 10px;
	}
	#page .gfield{
		margin-top:12px;
	}
	#page .gform_button{
		font-size:1.8rem;
	}
	#booking-form h3{
		font-size:1.8rem;
	}
	#booking-form p{
		font-size:1.2rem;
		margin:0;
	}   
}

/* 1200  */
@media screen and (max-width:1200px){
	#desktop-menu,
	#desktop-menu-new,.header-top,.header-right .btn{
		display:none;
	}
	#open-mobile-menu{
		display:inline-block;
		color:#333;
		font-size:32px;
		position:absolute;
		top:5px;
		right:20px;
	}
	#masthead{
		padding: 10px 0;
	}
	.mobile-menu a{
		color:#fff;
		display:block;
		line-height:1.47em;
		padding: 15px 0;
	}
	.mobile-menu{
		color:#fff;
		font-size:1.7rem;
		padding: 48px 25px 0;
	} 
	.mobile-menu li{
		list-style:none;
		border-bottom:1px dotted #fff;
	}
	.mobile-menu .sub-menu{
		border-top:1px dotted #fff;
	}
	.site-tag{
		display:none;
	}
	.site-tag.mobile{
		display:inline-block;
		float:left;
		padding:14px 0 0;
		font-size:1.4rem;
		text-transform:none;
	}
	.header-top{
		text-align:right;
	}
	.btn{
		font-size: 1.6rem;
		border-width: 2px;
		line-height: 2.3125em;
		padding: 0 2.3125em;
	}
	.site-branding {
		margin:0;
		width:240px;
	}
	.home-header-text h2, .home-header-text h3,.home-header-text{
		font-size:3.2rem;
	}
	.home-header-text .btn{
		font-size:1.6rem;
		max-width:260px;
	}
	#home-new-intro .entry-content{
		font-size:2.4rem;
	}
	.entry-content .btn{
		font-size:1.4rem;
	}
	.entry-content h2, .entry-content h3,.section-heading{
		font-size:2.9rem;
	}
	.entry-content{
		font-size:1.4rem;
	}
	#text-section .entry-content{
		padding:0;
	}
	.section,#gallery-section{
		margin-bottom:20px;
		margin-top:20px;
	}
	.text-over-img-content .entry-content,.text-over-img-content .entry-content strong{
		font-size:1.4rem;
		margin:auto;
	}
	.news h3{
		margin-bottom:5px;
	}
	.entry-content h2, .entry-content h3{
		font-size:2rem;
	}
	.readmore{
		font-size:1.4rem;
	}
	.footer-logo{
		width:180px;
	}
	#footer-menu{
		font-size:1rem;
	}
	#copyright,.design-by{
		font-size:1rem;
	}
	.internal-header-text{
		font-size:2.9rem;
	}
	.wedding-list header{
		font-size:1.6rem;
	}
	.single-wedding-title{
		width:100%;
		font-size:2rem;
	}
	.single-wedding-title h2{
		font-size:2rem;
	}
	h4{
		font-size:1.4rem;
	}
	.question{
		font-size:1.4rem;
	}
}

/* 900 */
@media screen and (max-width:900px){
	.pic-box-img{
		width:100%;
		overflow:hidden;
		max-height:350px;
		position:relative;
		left:auto !important;
		right:auto !important;
	}
	#pic-box img{
		width:100%;
		height:auto;
	}
	.pic-box-text{
		width:100%;
		text-align:left;
		padding:10px 15px 0;
	}
	.two-col-video .text-over-img-content .entry-content .wp-video{
		float:none;
		width:100% !important;
		margin:0 0 20px;
	}
	.img-bg{
		overflow:hidden;
		padding:15px 15px 10px;
	}
	.img-bg img{
		position:absolute;
		left:0;
		top:0;
		width:auto;
		height:100%;
	}
	.text-over-img-content{
		position:relative;
		top:auto;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.two-col .text-over-img-content .entry-content{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		max-width:100%;
	}
	.btn{
		font-size:1.4rem;
		padding: 0 1.5em;
	}
	.ch-full-img{
		margin:0;
	}
	.ch-pahe-title{
		font-size:8rem;
	}
	.ch-header h3{
		font-size:2.4rem;
	}
	#conversion-header{
		padding:7px 0 40px;
	}
}

/* 760 */
@media screen and (max-width:760px){
	.venues-list header{
		min-height:0;
		padding: 20px 0;
	}
	.wedding-gallery li{
		height:400px;
	}
	.wedding-pager a{
		width:120px;
		height:80px;
	}
	.map iframe{
		width:100%;
		height:300px;
	}
	.footer-address li{
		font-size:1.2rem;
	}
	.home-header-text h2, .home-header-text h3, .home-header-text{
		font-size:2.4rem;
	}
	#home-new-intro {
		padding:15px 0 1px;
	}
	#home-new-intro .entry-content{
		font-size:2.1rem;
	}
	.popup-container{
		width:100%;
		height:100%;
		left:0;
		top:0;
		-ms-transform: none; 
		-webkit-transform: none; 
		transform: none;
		padding: 10px 15px 10px;
	}
	.profile-testimonial{
		margin-top:0;
		-ms-transform: none; 
    -webkit-transform:none; 
    transform: none;
	}
}

/* 600 */
@media screen and (max-width:600px){
	.site-branding{
		width:180px;
		float:none;
		display:block;
		margin:auto;
	}
	.btn{
		font-size:1.2rem;
		padding: 0 1.5em;
	}
	.header-right{
		padding: 0 1em;
		text-align:center;
		width:100%;
	}
	#home-header-image .container{
		padding:0;
	}
	.internal-header-text{
		font-size:2.4rem;
	}
	.header-image-wrapper .header-img{
		overflow:hidden;
		height:250px;
		position:relative;
	}
	.header-image-wrapper img{
		height:100%;
		width:auto;
		max-width:none;
		left:auto;
	}
	.header-image-wrapper{
		min-height:0;
	}
	#internal-header-image .container{
		padding:0;
	}
	.header-img img{
	width: auto;
    position: absolute; /* Position the image absolutely within its parent */
    left: 50%;
    transform: translateX(-50%); /* Center the image */
    -ms-transform: translateX(-50%); /* For older versions of Internet Explorer */
    -webkit-transform: translateX(-50%); /* For older versions of Webkit browsers */

	}
	#home-header-image .header-img.mobile{
		display:block;
		height:430px;
	}
	#home-header-image .header-img{
		display:none;
	}
	.header-right .btn,.header-button{
		display:none;
	}
	.btn{
		background:#d7b5af;
		border-color:#d7b5af;
		color:#fff;
	}
	.entry-content .btn span{
		color:#fff !important;
	}
	.entry-content .btn{
		width:100%;
		line-height:2.6em;
		padding:0;
	}
	#footer-menu,.footer-logo{
		display:none;
	}
	.socials{
		margin: 0 0 10px;
	}
	.wedding-list header{
		min-height:80px;
	}
	.wedding-gallery li{
		height:400px;
	}
	.wedding-pager a{
		width:120px;
		height:80px;
	}
	.two-col-video .text-over-img-content .entry-content{
		margin:0;
	}
	.highlight-wrapper{
		padding: 30px 0 5px;
	}
	.hl .number{
		width:50px;
		height:50px;
		font-size:2.4rem;
		line-height:40px;
	}
	#popup_form{
		min-width:0;
	}
	.header-phone span{
		display:none;
	}
	.header-phone{
		font-size:1.8rem;
		margin:5px 0 0;
	}
	#page .gfield.col-1-3,#page .gfield.col-1-2,#page .gfield.col-1-4{
		width:100%;
		margin-right:0;
	}
	.pic-box-text{
		min-height:0;
	}
	.hide-mobile{
		display:none;
	}
	.location-tabs-dropdown{
		display:block;
		margin-bottom:30px;
		border:1px solid #a1a1a1;
		font-size:1.6rem;
		padding:10px;
		white-space:nowrap;
	}
	.location-tabs {
		display:none;
	}
	#home-new-intro{
		max-width:260px;
		margin-left:auto;
		margin-right:auto;
	}
	h1{
		font-size:2rem;
		font-weight:600;
	}
	#text-section{
		text-align:center;
	}
	.ctab{
		border:none;
		-moz-box-shadow: none;
		-webkit-box-shadow:none;
		box-shadow:none;
		padding:0;
		margin:0 -15px;
		position:relative;
	}
	.ctab .entry-content{
		display:none;
	}
	.ctab h4{
		margin:0;
		position:absolute;
		top:0;
		left:50%;
		top:50%;
		ms-transform: translate(-50%,-50%); 
		-webkit-transform: translate(-50%,-50%); 
		transform: translate(-50%,-50%);
		z-index:10;
		background:#d7b5af;
		color:#fff;
		font:1.6rem/2.6em 'Fira Sans';
		text-transform:uppercase;
		min-width:215px;
	}
	.ctab .thumbnail{
		padding-top:65%;
		margin-bottom:20px;
	}
	#text-section .entry-content img.mobile{
		display:block;
	}
	.profile-list li{
		display:block;
		margin:0;
	}
	.profile-image{
		margin-bottom:20px;
	}
}

/* 450 */
@media screen and (max-width:450px){
	#home-header-image img{
		position:relative;
	}
	
}



/*CUSTOM CSS*/

.single-wedding-title span {
    font-size: 12px;
    color: black;
    font-weight: 400;
    font-family: sans-serif;
}