/*
	Theme Name: Can Quim
	Theme URI: http://www.apartamentoscanquim.com/
	Description: Can Quim template
	Version: 1.0
	Author: LLOS&
	Author URI: http://llos.co
	Text Domain: wmtr
	Domain Path: /lang
*/


/*	Typography
	---------- */
	
	@font-face {
		font-family: 'Brown';
		src: url('fonts/Brown-Bold.eot');
		src: url('fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Brown-Bold.woff') format('woff'),
			 url('fonts/Brown-Bold.ttf') format('truetype');
		font-style: normal;
		font-weight: bold;
		text-rendering: optimizeLegibility;
	}
	
	@font-face {
		font-family: 'Brown';
		src: url('fonts/Brown-Regular.eot');
		src: url('fonts/Brown-Regular.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Brown-Regular.woff') format('woff'),
			 url('fonts/Brown-Regular.ttf') format('truetype');
		font-style: normal;
		font-weight: 400;
		text-rendering: optimizeLegibility;
	}
	
	@font-face {
		font-family: 'Brown';
		src: url('fonts/Brown-Thin.eot');
		src: url('fonts/Brown-Thin.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Brown-Thin.woff') format('woff'),
			 url('fonts/Brown-Thin.ttf') format('truetype');
		font-style: normal;
		font-weight: 100;
		text-rendering: optimizeLegibility;
	}


/*	Misc
	---- */
	
body, html {
    max-width: 100%;
    overflow-x: hidden;
}
	
body{ margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100vh; background: #26292d; color: #FFF; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; }

a{ color: #FFF; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;}
a:hover, a:focus{ color: #BA9853; text-decoration: none; outline:none;}
input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }

input, textarea {  -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; }
textarea { resize: none; }
input:focus{ outline: none}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus{ outline: none}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

::-webkit-input-placeholder {color: #909;}
:-moz-placeholder { color: #909; opacity: 1;}
::-moz-placeholder { color: #909; opacity: 1;}
:-ms-input-placeholder { color: #909;}

::-moz-selection { color: #1a1a1a; background: #c9e1f0; }
::selection      { color: #1a1a1a;  background: #c9e1f0; } 

:focus {outline:none;}
::-moz-focus-inner {border:0;}

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}

p{ margin-bottom: 20px; margin-top: 0; }

.container-fluid{ max-width: 1280px; margin: 0 auto;}
.img-responsive{ width: 100%;}

.fullscreen{ width: 100%; height: 100%; margin: 0 auto; padding: 0;}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}

.fluid-embed{ position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 0; z-index: 2;} 
.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; }
.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
.bg-parallaxed{ background-position: 50% 0;}

.row:after, .row:before {content:""; display: table; }
.row:after {clear:both}
*, :after, :before {box-sizing: border-box;}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

.wrapper {min-height:100vh;}
section {padding-bottom:60px;}

/* 	wrapper
	------*/

.col-full {max-width: 100%;margin: 0 25px;}
.page-template-template-fullwidth .site-content .col-full {margin: 0;}
.page-template-template-fullwidth #main {margin: 0;}

/* 	font
	----*/
h1, h2, h4 {font-family: 'Brown', sans-serif;font-weight:bold;}
h3 {font-family: 'Brown', sans-serif;font-weight:normal;}
body, h3, p, li {font-family: 'Brown', sans-serif;font-weight:thin;}
header li, #footer li {font-weight:bold;}
h1, h2, h4 {text-transform:uppercase; color:#FFF;}
h1, h2 {font-size:24px; letter-spacing:.05em;}
h4 {font-size:16px; letter-spacing:.05em;}
.home .entry-content {font-size: 14px;}
.page p {font-size: 14px;}
.page h3 {font-size: 18px;}

    /*	H E A D E R	 */
.site-header {
	position:fixed;
    background-color: rgba(38,41,44,0.5);
    height: 80px;
    width: 100%;
    left: 0; 
    right: 0; 
    top:0;
    text-align:right;
    z-index: 999;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.site-header.active {background-color: #26292d;box-shadow: 0px 4px 6px 0px rgba(38,41,44,0.5);}
.site-branding {position: absolute;top: 32px;left:30px;}
h1.site-title {padding-left: 10px;margin-top: -10px;}
.home .site-branding {opacity:0;}
.home .site-header.active .site-branding {opacity:1;}
.site-branding h1 a {background: url('img/logo.png');background-size: 100%;background-repeat: no-repeat;background-position: top left;height: 39px;width: 175px;display: block;}
span.cover-slider {
    position: absolute;
    height:100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: transparent;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
span.cover-slider.active, span.cover-slider.light-up {background:transparent;}
.logo-big {
	position:absolute;
	vertical-align:middle;
    background: url('img/logo-big.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    width: 650px; 
    height:136px;   
    display: block;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 60vh;
    cursor:pointer;
}

	/*	N A V */
.site-header .main-navigation {display: inline-block;vertical-align: top;}
.main-navigation li {display:inline-block;padding-left: 35px;}
.main-navigation ul.menu {list-style:none;margin: 45px 0 0 0;}
.main-navigation ul li a, nav.lang ul li a {color:#FFF;font-size: 16px;position: relative;}
.main-navigation ul li a:hover, li.villasmenu ul li a:hover, nav.lang ul li a:hover {color: #BA9853;}
li.villasmenu ul.sub-menu {
	display:none;
    position: absolute;
    width: auto;
    text-align:center;
    margin: 0 0 0 -20px;
    padding: 15px 0 0 0;
    list-style: none;
    z-index: 999;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5);
}
li.villasmenu:hover > ul.sub-menu {display:block;}
li.villasmenu ul.sub-menu li {position:relative;display: block;background-color:rgba(38,41,44,0.8);padding: 12px 0;}
li.villasmenu ul.sub-menu li a {padding: 12px 20px;}
li.villasmenu a:after {
	content: '';
    background: url('img/dropdown.png');
    background-size: 100%;
    display: block;
    width: 16px;
    height: 32px;
    position: absolute;
    top: -10px;
    left: -35px;
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}
li.villasmenu ul li a:after {content: none;}
.site-header nav.lang {display: inline-block;margin: 45px 0 0 0;text-align: center;float:right;}
nav.lang ul {display: table;position: relative;width: auto;margin: 0;padding: 0;list-style: none;z-index: 999;}
nav.lang ul li.lang-active {padding: 0 0 15px 0;background-color: transparent;}
nav.lang ul li {display: block;padding: 12px 0;background-color:rgba(38,41,44,0.8);}
nav.lang ul li a {padding: 12px 35px;}
nav.lang li:first-child a:after {
	content: '';
    background: url('img/dropdown.png');
    background-size: 100%;
    display: block;
    width: 16px;
    height: 32px;
    position: absolute;
    top: 2px;
    right: 0;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
nav.lang li:not(:first-child){display:none;}
nav.lang ul:first-child:hover {box-shadow: 0 4px 2px -2px rgba(0,0,0,0.5);}
nav.lang ul:first-child:hover > li:not(:first-child){ display: block;}
li.villasmenu:hover a:after, nav.lang ul:hover a:after{ transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}

	/*	H O M E	*/
/*----
All Sliders
-----------*/
.site-main {padding-top: 0;margin: 0;}
.flexslider, .flexslider-2 {border:none;}
.flexslider .slides, .flexslider-2 .slides,
.flexslider .slides > li, .flexslider-2 .slides > li {height: 100%;}
.flex-control-paging li a {width: 6px;height: 6px;}
.flex-direction-nav {display: none;}

.intro {position:absolute;left:0;top:57px;width:100%;height:100%;max-height:600px;text-align:center;z-index:2;}
.tab {display: table;vertical-align: middle;width: 100%;height: 100%;}
.tab-cell {display: table-cell;vertical-align: middle;width: 100%;}
.box {width: 50%;margin: 0 auto;background-color:rgba(255,255,255,0.5);padding: 20px;border:2px solid #FFF;margin-bottom:30px;}
.intro h1 {font-size: 36px;font-weight: normal;line-height: 1.2em;margin: 0;padding:0;}
.intro h1 a {color: #FFF;}
.icon-arrow.scroll {display: block;width: 110px;height: 48px;position: absolute;margin: 0 auto;left: 0;right: 0;background: url('img/scroll.png');background-size: 110px 48px;background-repeat: no-repeat;}
/*---
Bottom-box / Bottom box All
--------------------------*/
.main-content {background-color: #26292d;position:relative;}
.bottom-box {background-color: rgba(38,41,44,0.5);position: absolute;left: 30px;right: 30px;top: -120px;z-index: 9;}
.home.page .bottom-box, .single .bottom-box {height: 580px;}
.bottom-box-call-form {min-height: 150px;}
.bottom-box-slogan {padding: 30px;}
.bottom-box-slogan h4 {font-size: 24px;color: #FFF;}
.bottom-box-slogan h3 {color: #FFF;}
.bottom-box-slogan a {color:#FFF;}
.home .bottom-box-slogan {text-align:center !important;}
.page .bottom-box-slogan {text-align:left;}

/*---
First (requadre contingut) / Home First
---------------------------------------*/
.content-frame {
    margin: 0 30px;
    padding: 36px 30px 30px;
	background-color: rgba(38,40,45,.5);
    border:2px solid #5A5B68;
    position: absolute;
    left:0;
    right:0;
}
.home .content-inner-frame {
	border: 3px solid #FFF;
    background-color: rgba(44,45,61,0.4);
    min-height: 320px;
    padding: 40px 0 25px;
}
.content-frame .tagline {margin-top: -97px;}
.the-content {padding: 40px;}
.the-content h2 {padding: 5px 0 10px;}
.the-content h3 {padding-bottom: 25px;color: #FFF;}
.home .the-content h3 {font-size: 18px;color: #FFF;padding-top: 15px;}
/*First requadre amb gap*/
.home .gap {position: relative;height: 850px;}
.home .featured-img {width:450px;margin:0 auto;padding-top:30px;}

/*----
GRID / All Grids / home Grid
----------------------------*/
/*greekBG*/
#blocs {
    position: relative;
    display: block;
    overflow: hidden;
}
#home-grid #blocs {
	float: none;
    margin: 0 auto;
    padding: 0;
}
.highlighted-content-block .bloc-img {position: relative;text-align: center;}
.bloc-img img {max-width: 80%;}
.home .bloc-img img {max-width:100%;}
.highlighted-content-block .rollover-layer {position:absolute;width:80%;top:0;left:0;right:0;margin:0 auto;height: 100%;text-align: center;}
.home .highlighted-content-block .rollover-layer {width:100%;}
.highlighted-content-block .rollover-layer .entry-frame {
    opacity: 1;
    position: absolute;
    top: 30%;
    left: 10%;
    width: 80%;
    height: 40%;
    margin: 0 auto;
    border: 3px solid white;
}
.highlighted-content-block .rollover-layer .bloc-title {
	-webkit-transition: top 500ms ease-in-out;
    transition: top 500ms ease-in-out;
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    z-index:99;
}
.bloc-title h2 {
    width: 65%;
    margin: 0 auto;
    padding-top: 4px;
    line-height:1.2em;
}
.highlighted-content-block .rollover-layer .tagline {
	position: relative;
    top: 50%;
    opacity: 0;
    width: 50%;
    margin: 0 auto;
    font-size: 22px;
    color:#FFF;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition-delay: .25s;
    -webkit-transition-delay: .25s;
}
.highlighted-content-block .rollover-layer .entry-frame, .highlighted-content-block .rollover-layer .entry-frame-2, .highlighted-content-block .rollover-layer .bloc-title h2, .highlighted-content-block .rollover-layer .tagline {-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;}
a.highlighted-content-block:hover .tagline {opacity: 1;top: 60%;}
a.highlighted-content-block:hover .bloc-title h3 {opacity:0;color:#FFF;}
a.highlighted-content-block:hover {color:#FFF;}
.home .the-content h3.mail {font-size:18px;}
.home .the-content h3 {padding-bottom:0;}
	    
    /*	P A G E S (general) */
/* Page BG
----------*/
#seccio {position: relative;z-index: 9;}

/* Page Bottom box
------------------*/
.page .bottom-box {height: 200px;}

/* Page Sliders
---------------*/
.page #slider {position: relative;display: block;clear: both;}
.page .flex-control-nav {display: none;}

/* Page - condicions generals
-----------------------------*/
/*.page {background-color: #f6f6f6;}*/
.page .container, .archive .container {margin-top: 90px;}
.page .container.entorn {width:100%;padding:0 50px;}
.boredered-page {border: 3px solid #FFF;background-color: #26292d;padding: 50px 40px 0;margin: 40px 0;}
.page h1, .archive h1 {text-align: center;}
.boredered-page h1 {margin-bottom:30px;font-size:36px;font-weight: 100;}
.archive .boredered-page h1 {margin-bottom: 15px;}
.boredered-page ol li {padding-bottom:15px;}
.boredered-page ol li ol li {padding-bottom:0;}
.boredered-page p, .boredered-page li {font-size:16px;}
.archive .boredered-page p {margin-bottom: 50px;}

    /*	(t) E N T O R N	*/
.page-template-template-entorn .passos {padding: 20px;border: 3px solid #E8DDC6;background-color: #fafaf8;}
.page-template-template-entorn .pas {width:50%;float:left;padding:0 20px;}
.page-template-template-entorn .mini {max-width:75px;}
.carusel {float: left;margin-left: 20px;}
.flexslider-3 {width: 540px;padding: 0;}
.flexslider-3 ul li, .flexslider-3 ul li img {height: 150px;}
.entorn .grup {border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 50px;}
.entorn h2 .small {font-size: 16px;}
.entorn h2 {display: inline-block;font-weight: 100;margin-bottom:20px;}
.second-block {margin-top:-8px;}
.entorn p {line-height: 1.2em;font-size: 14px;}
.page-template-template-entorn .the-content h3 {padding-bottom: 10px;}

    /*	(t) C O N T A C T E */
    
.page-template-template-contacte .bottom-box {height: 580px;}
.page-template-template-contacte .content-frame {margin: 0 30px;padding: 36px 30px 30px;background-color: rgba(38,40,45,.5);border: 2px solid #f2f2f2;position: absolute;left: 0;right: 0;}
.page-template-template-contacte .content-inner-frame {padding: 40px 100px 25px;border: 3px solid #FFF;background-color: rgba(44,45,61,0.4);min-height: 320px;}
.page-template-template-contacte .the-content {padding: 15px;}
.page-template-template-contacte .the-content h3 {padding-bottom: 15px;}
.the-content h3.dades {color: #BA9853;text-transform:uppercase;}
.the-content h3.mail {font-size:24px;}
.the-content h3.mail:hover {text-decoration:underline;}
/*First requadre amb gap*/
.page-template-template-contacte .gap {position: relative;height: 490px;}

    /*	Form & Map */    
.formulari {position:relative;}
.formulari h2 {color: #9a9a9a;text-align: center;padding-top:20px;}
#responsive-form{max-width:600px;	margin:0 auto;width:100%;padding-top: 40px;}
.form-row{width: 100%;}
.column-quarter, .column-half, .column-full{float: left;position: relative;padding: 0.65rem;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-transform: uppercase;font-size: 11px;color: #9a9a9a;} 
.column-half {width: 50%;}
.column-quarter {width: 25%;}
.clearfix:after {content: "";display: table;clear: both;}
div.wpcf7 {margin-top:-20px;}
.wpcf7 {/*font-family: 'Montserrat';*/}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {width: 100%;padding: 8px;border: none;background:#5a5b68;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.wpcf7 input[type="text"]:focus{background: #fff;}
.wpcf7-submit{float: right;background: transparent;color: #FFF;border: 1px solid #FFF;text-transform: uppercase;padding: 8px 20px;cursor: pointer;}
.wpcf7-submit:hover{background: #FFF;color: #26282c;}
span.wpcf7-not-valid-tip{text-shadow: none;font-size: 12px;color: #dd6464;background: transparent;padding: 5px 5px 5px 0;text-transform:none;}
div.wpcf7-validation-errors { text-shadow: none;border: transparent;background: transparent;padding: 5px;border-color: #9cbc72;color: #dd6464;
text-align: center;margin: 0;font-size: 12px;}
div.wpcf7-mail-sent-ok{text-align: center;text-shadow: none;padding: 5px;font-size: 12px;background: transparent;border-color: #9cbc72;color: #9cbc72;margin: 0;}
.acf-map {width: 100%;height: 500px;border: none;}
.acf-map img {max-width: inherit !important;}
    
    /*	F O O T E R */
footer {position: absolute;width: 100%;bottom: 20px;}    
#footer {padding:0 20px;}
.footer-left {text-align:left;}
.footer-right {text-align:right;}
.footer-nav-1, .footer-nav-2 {display:block;}
.footer-nav-1 ul, .footer-nav-2 ul {list-style:none;margin: 0;padding:0;}
.footer-nav-1 ul li, .footer-nav-2 ul li {padding: 0 6px;display:inline;}
.footer-nav-1 ul li a, .footer-nav-2 ul li a {font-size: 12px;text-transform:uppercase;letter-spacing: .05em;}
.to-top {position: absolute;bottom: 20px;right: 20px;}
.footer-bottom {top: 60px;height: 55px;}
.lang-horizontal ul {list-style: none;padding:0}
.footer-lang ul li {display: inline;padding: 0 8px;}
.lang-horizontal ul li a {font-size: 12px;color: #FFF;}
.lang-horizontal ul li a:hover {color: #000;}
.lang-horizontal ul li.lang-active a {color:#BA9853;}


    /* ------------------------------------------------------
    ---------------------------------------------------------
    --------------- A L L O T J A M E N T S -----------------
    ---------------------------------------------------------*/
    /*	A R C H I V E product */
.archive .boredered-page {padding:50px 40px;}   
.archive .bloc-title h2 {width:80%;font-size: 20px;}
    /*	S I N G L E - product */
/*Single Product BG
------------------*/
.bg-image {width: 100%;height: 100%;background-size: 100% 100%; background-size:cover; }

/* Bottom box BOOKING Single Product
-----------------------------------*/
.bottom-box-villa {
    background-color: rgba(38,41,44,0.95);
    position: absolute;
    right: 30px;
    left: 30px;
    top: -120px;
    z-index: 9;
	height: 120px;
}
.summary {max-width: 500px;left: 0;right: 0;margin: 0 auto;}
.bottom-box-villa-call-form {min-height: 150px;}
.bottom-box-villa-slogan {padding: 30px;}
.bottom-box-villa-slogan h4 {font-size: 24px;color: #FFF;}
.bottom-box-villa-slogan h3 {color: #FFF;}
.booking-call-action {position: absolute;left: 0;right: 0;top: 15px;text-align: center;}
.booking-call-action a, .booking-call-action a:hover {color: #FFF;}
.calendar-bubble {background-color: transparent;border: 1px solid #FFF;width: 150px;height: 40px;position: absolute;right: 30px;top: 26px;}
.calendar-bubble.dos {background-color: transparent;border: 1px solid #FFF;width: 150px;height: 40px;position: absolute;right: 200px;top: 26px;}
.calendar-bubble.tres {background-color: transparent;border: 1px solid #FFF;width: 150px;height: 40px;position: absolute;right: 370px;top: 26px;}
.calendar-bubble .text {position: absolute;width: 150px;top: 11px;right: 0;font-family: 'Montserrat';font-size: 11px;color: #FFF;text-transform: uppercase;}
.calendar-bubble:hover {background-color: #FFF;}
.calendar-bubble:hover .text {color: #26292d;}

/* Single Product First (c)
--------------------------*/
.single .content-inner-frame {padding: 40px 0 25px;border: 3px solid #E8DDC6;background-color: #fafaf8;min-height: 320px;}
.miniature {margin: 0;padding: 0;top: 5px;}
.mini {float:left;}
/*First requadre amb gap*/
.single .gap {position: relative;height: 0;}

/* Content
----------*/
.product-content {background-color: #26292d;}
.first-row, .second-row {margin-top: 30px;height: 100%;position: relative;}
.product-content .foto {margin-bottom: 30px;}
.product-content .foto img {width: 100%;}
.product-content .frame-box {margin-bottom:30px;padding: 15px 0;padding-left: 15px;border: 1px solid #CCC;background-color: #5A5B68;border-right: none;}
.product-content .second-row .frame-box {padding-left: 0;padding-right: 15px;border-left: none;border-right: 1px solid #CCC;}
.product-content .info-box {padding: 15px;background-color: #26292d;	height: 100%;}
.product-content .second-row .info-box {padding-left: 45px;}
.second-row .calendar-bubble {position: relative;left: 0;right: 0;margin: 0 auto;text-align: center;top:40px;}
.second-row .info-box p {word-spacing: 2px;}
.info-box h2 {padding-bottom: 10px;}
.info-box ul {margin: 10px 0;padding-left: 15px;}
.info-box li {font-size: 14px;}
.info-box p {line-height:1.2em;margin-bottom:10px;}
p.capacitat {color: #9a9a9a;text-transform:uppercase;margin-bottom:0;}
/* Galeria
----------*/
.villa_gallery .image img {max-height: 400px;padding: 0 20px;}


/* BOOKING SYSTEM: BUSCADOR * CALENDAR
-------------------------------------/*
Edited Plugin Files

 templates/default/css/jquery.dop.frontend.BSPCalendar.css
 (CSS de la Reserva)
 
 templates/default/css/jquery.dop.frontend.BSPSearch.css
 (CSS del Buscador)
 
 assets/js/jquery.dop.frontend.BSPCalendar
 (JS del Timer dels missatges d'error durant el procés de Reserva)
 
 includes/calendars/class-frontend-calendar-sidebar.php
 (PHP de la distribució de les Caixes del procés de Reserva)
 
 views/search/views-frontend-search-results-grid.php
 (PHP del grid de resultats del Buscador)
 
*/

.DOPBSPCalendar-container {
    display: none;
}
.content-calendar-frame {
    margin-bottom: 25px;
    padding: 40px 50px 40px;
	background-color: #26292d;
    position: relative;
}
.content-calendar-inner-frame {
    padding: 0px 40px 25px;
    border: 3px solid #5A5B68;
    background-color: #26292d;
    min-height: 320px;
}
.calendar-slogan h4 {
    padding-top: 20px;
    font-size: 24px;
    color: #FFF;
}
.DOPBSPCalendar-sidebar.dopbsp-style3 .dopbsp-column1 {
    width: 25%;
}
#DOPBSPCalendar-search2 {
	text-align:center !important;
	padding: 20px 0 0 0;
}
#DOPBSPCalendar-sidebar-column-wrapper-1-2 #DOPBSPCalendar-search2 .dopbsp-input-wrapper {
    display: block;
    padding: 0;
}
	
td#DOPBSPCalendar-sidebar-column-wrapper-2-2 {
    width: 0;
}
td#DOPBSPCalendar-sidebar-column-wrapper-4-2 {
    width: 30%;
}
#DOPBSPCalendar-sidebar-column-wrapper-3-2 #DOPBSPCalendar-form2 .dopbsp-input-wrapper, #DOPBSPCalendar-sidebar-column-wrapper-4-2 .dopbsp-input-wrapper {
    display: inline-block;
    padding: 0 6px;
}
#DOPBSPCalendar-extras2 {
    padding-bottom: 15px;
    text-align:center;
}
#DOPBSPCalendar-order2 {
    padding-bottom: 15px;
}
#DOPBSPCalendar-order2 h4 {
    text-align: center;
}
#DOPBSPCalendar-reservation2 {
    padding: 15px;
}
td#DOPBSPCalendar-sidebar-column-wrapper-3-2 #DOPBSPCalendar-form2 {
    padding: 8px 0 15px 0;
    text-align:center;
}
.dopbsp-message a, .dopbsp-message a:hover {
    color: #FFF;
    text-decoration: underline;
}
.dopbsp-input-wrapper.dopbsp-payment-first {
    width: 100%;
}
.DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=submit]
{padding: 0 15px !important;}


/* Product Navigation
--------------------------*/
.product-navigation {
    padding: 0 30px;
}
.product-navigation a {
    display: block;
    margin: 15px 0;
    padding: 10px 0;
    min-height: 120px;
    font-size: 16px;
    text-align: center;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #9a9a9a;
    transition: all .25s ease-in-out; 
    -webkit-transition: all 200ms ease-in-out; 
    -moz-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out;
}
.product-navigation a:hover {
	color: #FFF;
}
.fancy-rollover .icon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
}
.fancy-rollover {
	position:relative;
	height: 120px;
}
.fancy-rollover .border {
	position:absolute;
	width:3px;
	height:3px;
	display:block;
	background-color: #5A5B68;

}
.fancy-rollover .border.border-top {
	top:0;
	left:0;
	width:100%;
}
.fancy-rollover .border.border-right {
	top:0;
	right:0;
	height:100%;
}
.fancy-rollover .border.border-bottom {
	bottom:0;
	right:0;
	width:100%;
}
.fancy-rollover .border.border-left {
	bottom:0;
	left:0;
	height:100%;
}
fancy-rollover .border.gold.border-bottom,.fancy-rollover .border.gold.border-top {
	width:0;
	-webkit-transition: all .40s ease-out;
    transition: all .40s ease-out;
}
.fancy-rollover .border.gold.border-left,.fancy-rollover .border.gold.border-right {
	height:0;
	-webkit-transition: all .40s ease-out;
    transition: all .40s ease-out;
}
fancy-rollover:focus .border.gold.border-bottom, fancy-rollover:focus .border.gold.border-top, .fancy-rollover:hover .border.gold.border-bottom, .fancy-rollover:hover .border.gold.border-top {
	width:100%;
	background-color: #FFF;
}
.fancy-rollover:focus .border.gold.border-left, .fancy-rollover:focus .border.gold.border-right, .fancy-rollover:hover .border.gold.border-left, .fancy-rollover:hover .border.gold.border-right {
	height:100%;
	background-color: #FFF;
}
.nav-products ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-products ul li {
	font-family:'GillSans';
}

/*	Media query
	----- */
/* Desktop */
@media screen and (max-width: 1440px) {
	#home-grid #blocs.col-lg-7 {width:75%;}
	.DOPBSPCalendar-sidebar.dopbsp-style3 {width:100% !important;}
	td.dopbsp-column-separator, .dopbsp-column2 {width: 0 !important;}
}
@media screen and (max-width: 1400px) {
	.flexslider-3 {margin:0 auto;}
	.carusel {float:none;text-align:center;margin-left:0;}
	.page-template-template-entorn .mini {margin:0 auto;float:none;margin-top: -15px;padding-bottom: 15px;}
}
@media screen and (max-width: 1280px) {    
    /*	H O M E & Allotjaments */
    .highlighted-content-block .rollover-layer .bloc-title .white-line {left:5%;width:90%;}
	.bloc-title h2 {width:80%;}
    .home .content-inner-frame p br {display:none;}
    /*	A L L O T J A M E N T S */    
	.DOPBSPCalendar-sidebar.dopbsp-style3 .dopbsp-column1 {width: 45%;}
	.DOPBSPCalendar-sidebar.dopbsp-style3  .dopbsp-column3 {width:55%;}
	.DOPBSPCalendar-sidebar .dopbsp-module, .DOPBSPCalendar-outer-sidebar .dopbsp-module {min-width:270px;}
	#DOPBSPCalendar-sidebar-column-wrapper-3-2 {width: 33%;}
}
@media screen and (max-width: 1224px) {
    .main-navigation ul li a, nav.lang ul li a {font-size: 12px;}
	.site-branding .desc {font-size: 12px;width: 150%;}
	.main-navigation li {padding-left: 20px;}
}
@media only screen and (max-width : 1199px) {
	td.dopbsp-column-separator {width:20px !important;}
	.content-calendar-inner-frame {padding: 0 20px 25px;}
	.home .highlighted-content-block .rollover-layer {width: 70%;}
	.highlighted-content-block .bloc-img {margin-bottom:30px;}
	.second-block {margin-top: 30px;}
	.entorn .grup {margin-bottom:50px;}
}
@media only screen and (max-width : 1139px) {
	#DOPBSPCalendar-sidebar-column-wrapper-3-2, td#DOPBSPCalendar-sidebar-column-wrapper-4-2 {width:100%;}
}

/* Small Devices, Tablets, Landscape */
@media only screen and (max-width : 1024px) {
	body, .info-box li {font-size: 12px;}
    .site-branding .desc {display: none;} 
    h1.site-title {margin-top: 0;} 
	.logo-big {width:500px;top:65vh;}
	.archive .bloc-title h2 {font-size: 18px;}
	.second-row .calendar-bubble {top:0;}
	.page-template-template-entorn .pas {width:100%;}
	.page-template-template-entorn .the-content {padding: 0 10px;}
    /*	(t) C O N T A C T E */
    .column-half {width: 100%;}
	.column-quarter {width: 50%;}
}

/* Small Devices, Tablets, Landscape */
@media only screen and (max-width : 991px) {
	/*	H E A D E R	 */
	.site-header {height:60px;}
	.site-branding, .home .site-branding {display:block;top:10px;position: absolute;margin: 0 auto;right: 0;left: 0;opacity:1;}
	.site-branding h1 a {position: absolute;margin: 0 auto;right: 0;left: 0;}
	
    /*	N A V */
    .nav-toggle {display: block !important;position: absolute !important;left: 0;z-index:99;}
	.nav-toggle, .nav-toggle:hover {background-color: transparent;margin-left:20px;cursor: pointer;}
	.nav-toggle span{display: block;border-top: 1px solid #FFF;width: 22px;padding: 0;}
	.nav-toggle span + span{margin-top: 4px;}
	.nav-toggle .icon-bar:nth-of-type(2) {top: 1px;}
	.nav-toggle .icon-bar:nth-of-type(3) {top: 2px;}
	.nav-toggle .icon-bar {position: relative;transition: all 500ms ease-in-out;}
	.menu-opened .nav-toggle .icon-bar:nth-of-type(1) {top: 3px;transform: rotate(45deg);border: 1px solid;}
	.menu-opened .nav-toggle .icon-bar:nth-of-type(2) {display:none;}
	.menu-opened .nav-toggle .icon-bar:nth-of-type(3) {top: -3px;transform: rotate(-45deg);border: 1px solid;}
	.navbar-nav ul {list-style: none;margin: 0;padding: 0;}
	.navbar-nav ul li {padding: 6px 0;}
	.navbar-nav ul li a {padding: 6px 80px;}
	.navbar-nav ul li a:hover {color: #BA9853;}
	.menu-opened li.current-menu-item {background-color: #BA9853 !important;}
	.mobile-navigation {
    top: 60px;
    bottom: 0;
    right: 0;
    width: 100%;
    position: fixed;
    overflow: hidden;
    background-color: #26292d;
	z-index:9;
    display:none;
    text-align: center;
	}
	.mobile-navigation.active {display:block;}
	.navbar-nav {
    position: absolute;
    font-size: 14px;
    letter-spacing: .05em;
    text-transform: uppercase;
    width: 100%;
    height:100%;
    padding-top: 10px;
	}
	nav.lang-mobile {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
	}
	.lang-mobile ul {list-style: none;padding:0;}
	.lang-mobile ul li {display: inline-block;padding: 0 6px;text-transform: uppercase;}
    /*	H O M E */
    .calendar-bubble {display:none;}
	.home .content-inner-frame {padding: 0;}
	.home .highlighted-content-block .rollover-layer {width: 80%;}
	
	.product-content .frame-box {padding:15px;}
	.product-content .second-row .frame-box {margin: 0 15px 30px;padding:15px;}
    /*	F O O T E R */
	.footer-content {height:75px;}
	.footer-right, .footer-left {text-align: center;padding:0;}
	.footer-bottom {text-align:center;top: 75px;}  
	footer li.current-menu-item a {color: #BA9853; }  	
}
/* Small Devices, Tablets, Portrait */
@media only screen and (max-width : 768px) {
	.hidden-sm {display: none !important;}
	.logo-big {top:35vh;}
	.fullscreen {height: 600px !important;}
	.intro {top: 0;}

	footer {position: relative;}
}
@media only screen and (max-width : 767px) {
	.logo {display:none;} 
    /*	H O M E */
    .home .bloc {width: 100%;left: 0;margin: 20px 0;}
	.highlighted-content-block .bloc-img {left: 0;right: 0;margin: 0 auto;}
	.highlighted-content-block .rollover-layer .bloc-title h2 {width:80%;font-size:20px;}
	.frame .info {width: 75%;}
    /*	P A G E S (general) */
    .bottom-box {left: 0;right: 0;top: -80px;}
	.bottom-box-slogan {padding: 10px 20px;}
	.content-frame {margin: 0;}
    .the-content {padding: 20px;text-align: center;}
    .mini {float: none;border-radius: 0;}
    .mini img {border-radius: 0;}
	.page-template-template-entorn p {font-size: 14px;}
	h4 {font-size: 14px;} 
	.bottom-box-slogan h4 {font-size: 14px;}
	.page h3 {font-size: 14px;}
	.text_llarg {font-size: 14px;}    
    /*	(t) E N T O R N */
	.page-template-template-entorn .the-content {padding:0;margin-bottom:20px;}
	.page-template-template-entorn .content-frame {margin: 0 10px;padding: 20px;background-color: transparent;border: none;}
	.page-template-template-entorn .passos {padding: 20px 0 0;margin-bottom:20px;border: 2px solid #E8DDC6;}
    .flexslider-3 {padding:0;}
    .page-template-template-entorn .mini {margin:0 auto;}
	.carusel.col-md-6 {width: 50%;float: none;margin: 0 auto;}
    /*	F O O T E R */
    .footer-nav-1 ul li a, .footer-nav-2 ul li a {font-size: 11px;}    
    /*	A L L O T J A M E N T S */ 
	.DOPBSPCalendar-sidebar .dopbsp-sidebar-content td, .DOPBSPCalendar-outer-sidebar .dopbsp-sidebar-content td {float:left !important;}
	.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column1, 
	.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column3,
	.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column4{width:100% !important;display:block !important;}
	.DOPBSPCalendar-sidebar.dopbsp-style3-medium .dopbsp-column2 {display:none !important;}
	.product-content .second-row .info-box {padding-left:15px;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	.boredered-page {padding: 30px 20px 0;margin: 20px 0;}
	.boredered-page h1 {margin-bottom: 20px;font-size: 30px;}
	.boredered-page ol {padding-left: 20px;}
	.home .highlighted-content-block .rollover-layer {width: 95%;}
	.highlighted-content-block .rollover-layer .bloc-title h2 {width:90%;}
    .tax-product_cat .miniature.col-md-6 {width: 75%;}
}
@media only screen and (max-width : 480px) {
	.intro {max-height:300px;}
	h1, h2, .bloc-title h3 {font-size: 18px;}
	.fullscreen {height: 390px !important;}
    .box {width: 80%;padding: 10px 20px;}
    .intro h1 {font-size: 24px;line-height: 1.2em;}
    .bottom-box {left:0;right:0;}
    .bottom-box-call-form {min-height: 80px;}
    .home .bloc {height: 425px;margin:0;}
    .page .bottom-box-slogan {text-align: center;}
	.tax-product_cat .miniature.col-md-6 {width: 100%;}
	.page-template-template-about .miniature.col-md-6 {width: 100%;}
	.carusel.col-md-6 {width: 75%;}
	.page .container.entorn {padding:0 25px;}
	/*Pàgina Contacte*/
	.page-template-template-contacte .content-frame {margin: 0;padding: 0;border: none;}
	.page-template-template-contacte .content-inner-frame {padding: 20px;padding-bottom: 0;border:none;min-height: 280px;}
    .page-template-template-contacte .bottom-box {height: 270px;position: relative;}
	.page-template-template-contacte .gap {height: 0;}
	.the-content h3.mail {font-size: 18px;}
	#form {padding: 0 20px;}
	#form h2 {font-size: 18px;padding: 35px 20px 0 20px;}
	.acf-map {height: 200px;}
    .frame .info {width: 100%;}
    .footer-nav-1 ul li a, .footer-nav-2 ul li a {font-size:9px;}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}



/*	Print
	----- */
	
@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, a:visited { text-decoration:underline;}
	a[href]:after { content:" (" attr(href) ")";}
	abbr[title]:after { content:" (" attr(title) ")";}
	.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.4cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
}