@import url("https://use.typekit.net/vfp8jpa.css");

html,body {
  height:100%;
  margin:0;
}
body {
	padding:0;
	margin:0;
	font-family: 'futura-pt', sans-serif;
	font-weight:400;
	line-height:1.45em;
	color:#293b4e;
}
.wrapper{
margin:0 auto;
max-width:1300px;
}
header{
	/*height:1.2em;
	font-family: 'Montserrat', sans-serif;*/
	background-color:white;
	text-transform:uppercase;
	font-weight:500;
	font-size:0.8em;
}

#hero{
	/*background-size:cover;
	height:17em;*/
	text-align:center;
	position:relative;
	clear: both;
}
#hero.home .darklogo{
	background:url('/images/logo-horiz-white.png') center 42% no-repeat scroll;
	background-size: 165px;
	height: 7em;
    background-color: rgba(0,0,0,0.3);
    margin-top: 8em;
}
/*
#hero .logo {
	width: 165px;
    margin-top: 7em;
}
#hero .logomain{
    display:none;
}
#hero.thin{
    height:10.9em;
	display:none;
}
#hero.thin .logo{
margin-top: 5em;
}
*/
/* Hiding email and reserve button as per client request.
	.email{
		display:block;
		color:#293b4e;
		text-transform:lowercase;
		position:absolute;
		top:0.95em;
		right:0;
		font-weight:300;
		font-size:0.95em;
		padding-right:0.45em
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
	}
header.transparent .email{
color:white;
}
.reserve{
	background-color:#9d9182;
	padding:0.5em;
	position:absolute;
	top:2.8em;
	right:0;
	padding: 0;
	z-index:101;
}
.reserve a{
text-decoration:none;
	color:white;
	text-transform:uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	padding: 0 2em;
    line-height: 2.9em;
    height: 2.7em;
    display: block;
}*/
.email,.reserve{
display:none;
}
.testimonial{
	background:url('/images/texture1.gif');
	padding:3% 10%;
	color:white;
	/*font-family: 'Montserrat', sans-serif;*/
	font-size:1.5em;
	font-weight:300;
	line-height:1.4em;
}
.home.testimonial{
	background:none;
	/*margin-top:-40%;*/
	margin-bottom: 4%;
    bottom: 0;
    position: absolute;
	background-color:rgba(0,0,0,0.3);
	display:none;
}
.content{
	padding:3% 7%;
	background-color:#e5e8ee;
	font-size:0.9em;
	/*position: absolute;*/
    bottom: 0;
}
.content h3{
    display:none;
}
h2,h4{
	/*font-family: 'Montserrat', sans-serif;*/
	text-transform:uppercase;
	font-weight:500;
	font-size: 0.95em;
    margin: 1.9em 0 1em 0;
}
.content p{
	font-size:1.1em;
	font-weight:100;
	margin-bottom:1em;
	line-height: 1.8em
}
.content p:first-of-type strong, .content h1, .gallery h1 { 
	font-size: 1.6em;
	line-height: 1.4em;
    font-weight: 300;
    margin: 0.9em 0;
}
.gallery h1 {
font-size:2em;
}
.content.txwhite{
    /*background:url(/images/texture3.gif) center center;*/
	background-color:#fcfcfc;
}
.content.txblue{
    background:url(/images/texture4.png) center bottom no-repeat;
    background-color:#e5e8ee;
}
.content img{
    display:none;
}
.content.contact img {
	display:block;
	width:100%;
}
.content a{
    color: #293b4e;
    border-bottom: solid 1px;
    text-decoration: none;
}
    .content.txwhite h1{
		text-align:center;
        }
.imagehotspot div{
	background-position:center center;
	background-size:cover;
	padding-top: 70%;
}
.texthotspot{
	background-image:url('/images/texture2.gif');
	background-position:center center;
	background-size:cover;
	color:white;
	/*font-family: 'Montserrat', sans-serif;*/
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
	line-height:2.6em;
	padding-bottom:2em;
}
.texthotspot a{
color:white;
	text-decoration:none;
}
.texthotspot h2{
	font-weight:400;
	font-size:1.5em;
    /*padding: 2em 1em 0.5em 1em;*/
        padding: 1em 21% 0;
    margin: 0;
}
.texthotspot h3{
	font-weight:400;
	font-size:0.85em;
	margin-top: 0;
    padding-bottom:9%;
}
.texthotspot img{
	width:10%;
	min-width:30px;
	max-width:60px;
}
.captionimage{
    height:17em;
}
.caption{
    background-color:#293b4e;
	background-color: rgba(41,59,78, 0.9);
    color:white;
	/*margin-top:7em;
    margin: -20% 0em;
    padding: 0.1em 2em 1em;
        max-width: 17em;*/
}
.captionimage{
	background-position: center center;
    background-size:cover;
}
footer{
	padding: 1% 10%;
	font-size:1em;
	text-align:center;
	line-height:1.5em;
}
footer .logo{
	width:160px;
	margin:2em 0;
}
footer a{
    text-decoration:none;
    color:#293b4e;
}
footer h4{
    font-size:1.05em;
    line-height: 2.5em;
}
.social {
    display:inline-block;
    padding: 0 0 2em 0;
}

.social li{
    list-style-type:none;
    padding:0;
    margin:0 10px;
    float:left;

}
.social li img{
    width:24px;
    margin-top: 1.1em;
}
.social li:first-child{
    float:none;
}
/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
/* Contact Form styling */
.form-group input, .form-group textarea{
    padding: 0.5em;
    width: 100%;
    margin-bottom: 1em;
}
.form-group input.btn{
    width: 102.5%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:none;
	font-size:1em;
	background-color:#293b4e;
	color:white;
}
.gallery{
	/*width:93%;
	max-width:945px;*/
	margin:0 auto;
	background-color:white;
}


.sm-hide {
	display:none;
}
.sm-show {
	display:initial;
}
/* prettyPhoto */
.prettyPhoto{
margin:0 10% 2em 10%;
text-align:center;
padding:2em 0;
}
.prettyPhoto a img {
margin: 0 0.5em 0.9em;
}
.pp_expand{
	display:none;
}

/* lightgallery */
#lightgallery {
text-align:center;
}
#lightgallery a img{
height:100px;
margin:0.3em;
}

.content.gallery {
padding: 3.5% 14% 2%;
}
.gallerythumbs {
//background:url('/images/texture-gallery.jpg') center center;
	background-color:#fcfcfc;
}

.google-maps {
	position: relative;
	padding-bottom: 45%;
	height: 0;
	overflow: hidden;
	width:100%;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media (min-width: 25em){
.email{
	font-size:1em;
}
}

@media (min-width: 38em){
    #hero.home .darklogo{
   		height: 15.86em;
		background-image:url('/images/latas.png');
        background-size:133px;
    }
	/*
    #hero .logo{
        display:none;
    }
    #hero .logomain{
        display:inline;
        margin:13em;
        width:133px;
    }
        #hero.thin{
        height:26.05em;
    }
    #hero.thin .logomain{
    margin-top: 4.1em;
        }
	*/
    .imagehotspot,.texthotspot{
        width:50%;
        float:left;
    }
        .imagehotspot div,.texthotspot{
        height: 19em;
        padding-top:0;
    }
	.texthotspot{
    padding-bottom: 0;
	}
	.texthotspot h2{
	padding: 4em 21% 0;
	}
    .content,{
                padding: 6.5% 5%;
        }
    .content img{
        display:block;
        float: left;
        width: 34%;
        max-width:234px;
        margin-top:1em;
    }
	.content.contact img{
        float: none;
        width: 100%;
        max-width:100%;
    }

    .content.txblue img{
        float:right;
        display:block;
    }
    .content .contenttext{
        /*float: left;
        width: 61%;
        margin-left: 5%;*/
		width:100%;
		text-align:center;
		font-size:16px;
    }
    .content.txblue .contenttext{
        width:50%;
		margin-left:0;
    }
    .content h2, h4{
        font-size: 1.2em;
        margin-top: 0.6em;
    }

   .content p:first-of-type strong, .content h1 {
   		font-size: 2.2em;
    	margin-top: 0.6em;
    }
	.caption {
	height:14em;
	}
   /*.captionimage{
       height: 23.3em;
	   width:70%
		   float:right;
   }
   .caption{
	   height: 23.3em;
     padding: 1em 3em 2em;
	 width:30%;
	   float:left;
}*/
       footer{
        clear:both;
    }
    .social{
        padding: 2em 0 0 0;
    }
    .social li:first-child{
    float:left;
    }

	.md-hide {
		display:none;
	}
	.md-show {
		display:initial;
	}
	/* lightgallery */
	#lightgallery a img{
	height:175px;
	}
}
@media (min-width: 60em) {
    #hero.home .darklogo{
        height:19.55em;
        background-size:164px;
    }

    #hero .logomain{
        margin:17em 0 7.5em 0;
        width:164px;
    }
    
        .testimonial{
            font-size:1.2em;
            text-align: center;
			padding:3% 0;
			width:100%;
        }
		.home.testimonial{
			display:block;
			
		}
		.under.testimonial{
			display:none;
		}
        .content{
		padding: 6.5% 14%;
        }
        .content .contenttext{
            /*width:57%;*/
        }
        .content img{
            width:38%;
        max-width:354px;
    }
        .content p:first-of-type strong, .content h1 {
        font-size: 2.2em;
    }
        .imagehotspot div,.texthotspot{
        height: 26em;
    }
        .texthotspot h2{
        padding: 4.5em 21% 5%;
        font-size: 2em;
    }
       .texthotspot h3{
        font-size: 1em;
    }

	.caption{
		width: 33%;
		float: left;
		height: 26em;
		padding: 0;
	}
	.caption p{
	margin: 4% 12%;
	}
	.caption h2{
	margin: 10% 12% 6%;
	}
	.captionimage{
		width: 67%;
		float: right;
		height: 23.4em;
		padding: 0
	}
	.gallery{
	/* width:86%; */
	}

	.lg-hide {
		display:none;
	}
	.lg-show {
		display:initial;
	}
.google-maps {
	padding-bottom: 18%;
	}
}

/**umb_name:Heading*/
h2{}

/**umb_name:Paragraph*/
p{}

.mce-content-body h2{
    padding: 1em;
    font-size: 1.2em;
    font-weight: bold;
}
.mce-content-body p{
    padding: 0 1em;
}