/*
	Theme Name: Bocagrande
	Version: 1
	Author: SEOCOM (@seocom_es)
	Author URI: http://www.seocom.es
*/


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family: "Neutra";
  font-weight: normal;
  font-style: normal;
  src: url(fonts/NeutraText-Light.otf) format("opentype");
}

@font-face {
  font-family: "Modern";
  font-weight: normal;
  font-style: normal;
  src: url(fonts/MOD20.ttf) format("truetype");
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection { background:#04A4CC; color:#FFF; text-shadow:none; }
::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; }
::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; }
   
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
   
.alignnone { margin:5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display:block; margin:5px auto 5px auto; }
.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
.aligncenter { display:block; margin:5px auto 5px auto; }
a img.alignright { float:right; margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left; margin:5px 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; }
.wp-caption.alignnone { margin:5px 20px 20px 0; }
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption .wp-caption-text,
.gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
.sticky {  }
.bypostauthor {  }
.pagination { text-align: center; }
.pagination > .current,
.pagination > a { display: inline-block; font: normal 16px arial; margin: 0 5px; }
.pagination > .current { font-weight: bold; }
.comment-form-comment label { display: block; }

/*------------------------------------*\
    Slideshows
\*------------------------------------*/

.scrollable_container { position:relative; width:100%; padding-bottom: 65px; }
.scrollable_container .scrollable { position:relative; overflow:hidden; width: 100%; height: 425px; }
.scrollable_container .scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable_container .scrollable .item { float:left; width:785px; height:425px; background-size: cover; }
.scrollable_container .scrollable .item img { width: 100%; height: auto; }
.scrollable_container .navigator { position: absolute; z-index:1; bottom: 0; height:41px; text-align: center; width: 100%; }
.scrollable_container .navigator a { width:41px; height:41px; display:inline-block; margin: 0 -5px 0 0; background:url(img/scrollable_navigator.png) 0 0 no-repeat; font-size:1px; cursor: pointer; }
.scrollable_container .navigator a.active { background-position:-41px 0; margin-right: 3px; margin-left: 5px; }

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html { font-size:62.5%; }
body { background-color: #fbfaf3; padding: 0; }
/*body, input, textarea { font: normal 11px/1.4 'PT Sans', sans-serif; color:#222; }*/
body, input, textarea { font: normal 11px/1.4 'arial', sans-serif; color:#222; }
img { max-width:100%; vertical-align:bottom; }
a { color:#222; text-decoration:none; }
a:hover { color:#222; }
a:focus { outline:0; }
a:hover,
a:active { outline:0; }
/*input:focus { outline:0; border:1px solid #04A4CC; }*/

ul { padding-left: 0; margin: 0; }
.blockUI.blockMsg { font: normal 14px arial; }

.titles { color: #1c1c1b; font-weight: normal; font-size: 14px; font-style: normal; }
.home .titles, .home .titles a { color: white; text-shadow: 1px 1px 1px #6E6E6E; }
.home .titles.alt, .home .titles.alt a { color: #1c1c1b; text-shadow: none; }
.display-table { display: table; }
.display-cell { display: table-cell; vertical-align: top; }
.align-center { text-align: center; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix {
  *zoom: 1;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
html { height: 100%; }
header { margin-bottom: 55px; }
header .qtrans_language_chooser { text-align: center; }
header nav { padding-top: 10px; }
header nav ul { text-align: center; font-size: 0; }
header .qtrans_language_chooser ul { margin-top: 8px; display: inline-block; }
header .qtrans_language_chooser li,
header nav li { display: inline-block; margin-left: 5px; }
header nav li { background: url('img/hsep_1.png') no-repeat right center; padding-right: 10px; }
header nav ul > li:last-child { background: none; padding-right: 0; }
header .qtrans_language_chooser li { font-size: 16px; color: #1c1c1b; font-weight: bold; }
header .qtrans_language_chooser .info { color: black; font: normal 13px Neutra; margin-top: -2px; }
header nav li a { color: white; font-size: 16px; text-transform: uppercase; white-space: nowrap; padding: 3px; }
header nav li a:hover,
header nav li.current-menu-item a { color: white; }

.home header { margin-bottom: 0; }

.home header nav li a,
.home header nav li a:hover { color: white; }

header .motto { position: relative; padding-top: 10px; }
header .motto a { white-space: nowrap; }
header .motto span.logo { background: url('img/logo.png') no-repeat; display: inline-block; width: 40px; height: 46px; margin: 0 12px -10px 0; }
.home header .motto span.logo { display: none; }



footer { width: 100%; font-size: 18px; text-align: center; background: #fbfaf3; z-index: 1; padding-top: 20px; font-size: 14px; }
footer .legal a { white-space: nowrap; }
footer .legal a:after { content: "/"; }
footer .legal > a:last-child:after { content: ""; }
footer .copy,
footer .legal { display: inline-block; }
footer .copy { color: #1c1c1b; }
footer .right { margin: 10px 0; }
.home footer .copy { color: white; }

.footer .social { white-space: nowrap; text-align: center; }
.footer .social li { list-style: none; display: inline-block; }
.footer .social li a { display: inline-block; background-image: url(img/social.png); background-repeat: no-repeat; width: 38px; height: 38px; }
.footer .social li a span { display: none; }

.footer .social li.fs a { background-position: 0 -38px; }
.footer .social li.fb a { background-position: -44px -38px; }
.footer .social li.pi a { background-position: -87px -38px; }
.footer .social li.tw a { background-position: -128px -38px; width: 43px; }
.footer .social li.ig a { background-position: -174px -38px; }
.footer .social li.gp a { background-position: -217px -38px; }

.home .footer { background: none; position: fixed; bottom: 0; }
.home .footer .social li.fs a { background-position: 0 0; }
.home .footer .social li.fb a { background-position: -44px 0; }
.home .footer .social li.pi a { background-position: -87px 0; }
.home .footer .social li.tw a { background-position: -128px 0; }
.home .footer .social li.ig a { background-position: -174px 0; }
.home .footer .social li.gp a { background-position: -217px 0; }

/*------------------------------------*\
    HOME
\*------------------------------------*/
body.home.page {
	height: 100%;
	background-image: url('img/home/background_h.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.default-page .block { padding: 0 20px; }
.default-page .display-cell { width: 33% }
.default-page article { font-size: 14px; line-height: 18px; }

.default-page .block3 { padding-top: 20px; }
.default-page .block3 .post-meta { font-size: 17px; font-style: italic; list-style-type: none; letter-spacing: -1px; }
.default-page .block3 .post-meta li { float: left; width: 50%; margin-bottom: 10px; }
.default-page .block3 .post-meta li:nth-of-type(odd) { clear: left; }
.default-page .block3 .post-meta .post-meta-key { font-weight: bold; font-style: normal; display: block; text-transform: uppercase; }


.blog .postlist .post h1 { text-align: center; font: normal 16px arial; margin: 0 0 15px 0; }
.blog .postlist .post .excerpt { font: normal 13px arial; }
.blog .postlist .post { background: white; padding: 20px; }
.blog .postlist .post a { position: relative; display: block; }
.blog .postlist .post a .overlay { position: absolute; top: 50%; margin-top: -31px; left: 0; width: 100%; background: rgba(0,0,0,.8); color: white; font: normal 20px arial; text-align: center; padding: 20px; pointer-events: none; }

.contact .banner img { width: 100%; }
.contact .banner { margin-bottom: 30px; }
.contact .blocks { text-align: center; }
.contact .blocks .block { display: block; margin: 20px; }
.contact .blocks .block dt { color: #85724D; text-transform: uppercase; }
.contact .blocks .block dt,
.contact .blocks .block dd { font: normal 18px arial; }
.contact .blocks .block dd { margin-left: 0; margin-bottom: 15px; }

.single-post .twocols { background: white; width: 100%; max-width: 765px; padding: 0 10px; margin: 0 auto; overflow: auto; }
.single-post .twocols h1 { margin: 40px 0; text-align: center; font-size: 20px; font-weight: normal; text-transform: uppercase; }
.single-post .twocols .date { font-size: 16px; text-align: center; }
.single-post .twocols .body { font-size: 14px; }
.single-post .twocols .column.first { padding-right: 25px; }
.single-post .twocols .column.last { padding-left: 25px; }
.single-post .twocols .post .body { margin-top: 30px; }
.single-post .comments { padding-bottom: 150px; }
.single-post .twocols .post .body > *:first-child { margin-top: 0; }

.notfound { text-align: center; }
.notfound h1 { font-size: 20px; font-weight: normal; text-transform: uppercase; }
.notfound h2 a { color: #85724D; }

.page-id-7 .default-page .block3 ul.post-meta > li:first-child { margin-top: 5px; }
.page-id-7 .default-page .block3 ul.post-meta > li { clear: left; margin: 20px 0 0 50px; }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* móvil vertical */
@media only screen and (min-width:320px) and (orientation: portrait) {
	body.home.page { background-image: url('img/home/background_v.jpg?t2='); }
}
/* móvil horizontal */
@media only screen and (min-width:320px) and (orientation: landscape) {
	body, html { height: 100%; }
	body.home.page { background-image: url('img/home/background_h.jpg'); }
}

/* móvil retina vertical */
@media only screen and (min-width:320px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	body, html { height: 100%; }
	body.home.page { background-image: url('img/home/background_v_2x.jpg'); }
}
/* móvil retina horizontal */
@media only screen and (min-width:320px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	body, html { height: 100%; }
	body.home.page { background-image: url('img/home/background_h_2x.jpg'); }
}

@media only screen and (max-width:480px), only screen and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 2) {
	header nav { position: absolute; right: 0; top: 0; overflow: visible; width: 40px; height: 40px; background: url('img/menu.png') no-repeat center center; margin-top: 0; }
	header nav ul { display: none; }
	header nav.active ul {
		display: block; position: absolute; top: 40px; width: 100%; right: 0; background: rgba(0,0,0,.8); z-index: 2;
	}
	header nav.active ul li { width: 100%; display: block; margin-left: 0; padding-right: 0; background: none; }
	header nav.active ul li a { display: block; padding: 15px 0; }
	header nav.active ul li:nth-of-type(odd) { background: rgba(255,255,255,.1); }
}

@media only screen and (min-width:481px) {
	header nav li a {color: #1c1c1b;}
	header nav li a:hover, header nav li.current-menu-item a { outline: 1px solid #76685a;color:#1c1c1b; }
}

@media only screen and (min-width:550px) {	
	.default-page .block1 { float: left; width: 30%; }
	.default-page .block2 { float: left; width: 70%; }
	.default-page .block3 { clear: left; }
	.default-page .block3 .post-meta { text-align: center; }
	.default-page .block3 .post-meta li { float: none; display: inline-block; width: 33%; margin-bottom: 10px; vertical-align: top; }
	.default-page .block3 .post-meta li:nth-of-type(odd) { clear: none; }
	.default-page .block3 .post-meta li:nth-of-type(4n+0) { clear: left; }

	.page-id-7 .default-page .block3 ul.post-meta > li { margin: 5px 0 20px 0; }
}

@media only screen and (min-width:650px) {
	.single-post .twocols { padding: 0 81px 25px 63px; }
	.single-post .twocols .post .body {
		-webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 5; column-count: 2;
		-webkit-column-gap: 50px; -moz-column-gap: 50px; -ms-column-gap: 50px; column-gap: 50px;
	}
	.contact section[role=main] { padding-bottom: 50px; }
	.contact .blocks .block { display: inline-block; text-align: left; width: 33%; max-width: 300px; box-sizing: border-box; margin: 0; vertical-align: top; padding: 0 20px; }
}

@media only screen and (min-width:768px) {
	.contact section[role=main] { padding-bottom: 200px; }
	.default-page { margin-bottom: 150px; }
	footer { position: fixed; bottom: 0; }
	.contact .blocks .block.block2 { padding-left: 40px; background-repeat: no-repeat; background-position: center left, center right; background-image: url('img/vsep_1.png'),  url('img/vsep_1.png'); }
}

@media only screen and (min-width:1024px) {
	body.home.page { background-image: url('img/home/background_h_2x.jpg'); } 
	footer .reservations { display: block; }	
}
@media only screen and (min-width:1140px) {
	footer { display: table; padding-left: 50px; padding-bottom: 20px; }
	footer > div { display: table-cell; vertical-align: bottom; }
	footer .copy { display: block; }
	footer .right { padding-right: 50px; text-align: right; margin: 0; }
	footer .center { text-align: center; }
	footer address { display: block; margin-right: 20px; }
	.home footer address,
	footer .reservations { display: inline-block; }
}
@media only screen and (min-width:1280px) {
	.default-page .blocks { display: table; width: 100%; }
	.default-page .block3 { text-align: right; min-width: 565px; padding-right: 60px; }
	.default-page .block { float: none !important; display: table-cell; vertical-align: top; }
	.default-page .block1 { width: 50%; }
	.default-page .block2 { padding: 0; }
	.default-page .block2 article { margin: 0; display: block; max-width: 550px; }
	

	/*.default-page .block3 .post-meta { display: inline-block; text-align: left; min-width: 440px; padding: 0 0 0 40px; background-image: url('img/vsep_1.png'), url('img/vsep_1.png'); background-repeat: no-repeat; background-position: left 2px, right 2px; min-height: 170px; }*/
	.default-page .block3 .post-meta li { width: 210px; }
	.default-page .block3 .post-meta li:nth-of-type(4n+0) { clear: none; }
	.default-page .block3 .post-meta li:nth-of-type(odd) { clear: left; width: 160px; }
}

@media only screen and (min-width:1380px) {
	header { height: 120px; }
	header .qtrans_language_chooser,
	header nav { position: absolute; top: 50px; margin-top: 0; }
	header .qtrans_language_chooser { left: 80px; }
	.home header .qtrans_language_chooser { left: 50px; }
	header nav { right: 50px; }
	header .motto { margin-top: 0; }
	header .motto span.logo { position: absolute; top: -17px; left: -51px; margin: 0; }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

	

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	.qtrans_language_chooser { display: none; }
	a,
	a:visited {
		text-decoration:underline;
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

#contact_titulo{
    font: normal 18px arial;
    color: #85724D;
    text-transform: uppercase;
}

.iframe_block{
    margin: auto;
    border: 1px solid #85714c;
    border-radius: 5px;
    margin-bottom: 20px;
}

.iframe_block iframe{
	height: 600px;
	height: -webkit-fill-available;
}

@media only screen and (max-width:768px) {
.iframe_block{
width: 100%;
}
}

@media only screen and (min-width:769px) {
.iframe_block{
width: 50%;
}
}