/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0 
Description: Child Theme. Parent Theme Divi v.3.0.50
Author: blanco
Author URI: http://www.blanco.esy.es
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Divi-child
Template: Divi
*/


@import url("https://casaperiques.com/wp-content/themes/Divi/style.css");
 
 

/* Tipografía ------------------------------------- 
	
	'Poppins':
		light 300
		regular 400
		semi-bold 600
	
	'Cormorant'
		regular 400
		
*/
/* Colores ----------------------------------------

	Gris claro 
	#ebebec

	Gris oscuro
	#66666a

	Verde claro
	#cbdbd1

	Verde
	#739d83
*/

	
@media (max-width: 767px){}
@media (max-width: 980px){}
@media (max-width: 1200px){}





/* ============================================================================= */
/* GLOBALS */
/* ============================================================================= */

 
.login h1 {
    margin-left: -30px;
}


body{
   font-family: 'Poppins', sans-serif;
   font-weight:400;
}
b,strong{
	font-weight:600;
}

h1,h2,h3,h4,h5,h6{}
h1{font-size: 2rem;}
h2{font-size: 1.62rem;}


/* Accent color */
#et_search_icon:hover,
.mobile_menu_bar:before,
.mobile_menu_bar:after,
.et-social-icon a:hover,
.comment-reply-link,
.form-submit .et_pb_button,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.et_password_protected_form .et_submit_button,
.nav-single a,
.posted_in a,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a,
.bottom-nav li.current-menu-item > a,
.footer-widget h4 {
	color: #739d83;
}


/*mobil menu*/
#et_mobile_nav_menu .mobile_nav{
	border: 1px solid rgba(115, 157, 131, 0.4);
    border-radius: 0!important;
	background-color:transparent!important;
	font-weight:300;
}


/* boto scroll Up */
.et_pb_scroll_top {
	border-radius:0!important;
	padding:10px!important;
	transition:all 0.3s;
}
.et_pb_scroll_top:hover {  
	background: rgba(115, 157, 131, .9);
}

/* fix background image to center */
.et_pb_column {
	background-position: center!important;
}


/* Section imatge principal d'apartats */
.section-img-main{
	min-height:900px;
	display: flex;
    justify-content: center;
}
@media (max-width: 980px){
	.section-img-main{
		min-height:450px;
	}
}




/* Títol imatge principal d'apartats */
.titular-img-main,
.titular-img-main .et_pb_text_inner,
.titular-img-main .et_pb_text_inner h1{
	font-family:'Cormorant';
	margin:auto!important;
	line-height:0.9em!important;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 980px){
	.titular-img-main,
	.titular-img-main .et_pb_text_inner,
	.titular-img-main .et_pb_text_inner h1{
		font-size:3rem!important;
	}
}
@media (min-width: 981px) and (max-width: 1199px){
	.titular-img-main,
	.titular-img-main .et_pb_text_inner,
	.titular-img-main .et_pb_text_inner h1{
		font-size: 4rem!important;
	}
}
@media (min-width: 1200px){
	.titular-img-main,
	.titular-img-main .et_pb_text_inner,
	.titular-img-main .et_pb_text_inner h1{
		font-size: 5rem!important;
	}
}



/* Tilular columna */
.et_pb_section:not(.cols-header-home) .et_pb_text_inner h4,
.et_pb_section:not(.cols-header-home) .et_pb_promo_description h2{	
	font-size:14px;
	font-family:'Poppins';
	font-weight:600;
	padding-bottom:2em;
	letter-spacing:3px;
}





/* Padding articles (2 columnes) en pantalles >1200 */
@media (min-width: 1200px) {
	.et_pb_promo.article_col_left{
		padding-left:50%!important;
	}	
	.et_pb_promo.article_col_right{
		padding-right:50%!important;
	}	
}








/* Call To Action "Contacta'ns" */
#call-to-contact a.et_pb_promo_button.et_pb_button{
	border:0;
	border-bottom: 1px solid white!important;
	font-family:'Cormorant';
	padding:0 0.2em!important;
}

#call-to-contact .et_pb_promo_description h2{
	font-family:'Cormorant';
	font-size: 1.62rem;
    padding-bottom: 10px;
    color: #333;
    font-weight: 500;
    line-height: 1em;
	letter-spacing:0;
}























/* ============================================================================= */
/* MENU */
/* ============================================================================= */
#main-header {
    background-color: #ebebec;
}
	

#top-menu-nav .menu-item a,
#et-secondary-menu .menu-item a{
	font-weight:400;
	font-size:10px!important;
}
#top-menu-nav .menu-item:first-of-type a{
	font-weight:600;
}

#top-menu-nav > ul > li > a:hover, 
#et-secondary-menu > ul > li > a:hover {
    opacity: 1;
	color:black;
}




/* Menu idioma */
#top-header .container{
	padding-top:1em;
}
#top-header a,
#et-secondary-nav li,
#et-secondary-nav li a,
#et-secondary-nav li a span{
	text-transform:uppercase;
	letter-spacing: 1px;
}

#et-secondary-nav .wpml-ls-current-language,
#et-secondary-nav .wpml-ls-current-language a,
#et-secondary-nav .wpml-ls-current-language a span{
	color:#739d83;
}

#et-secondary-nav .wpml-ls-menu-item:after{
	content: "/";
    position: absolute;
    top: 0;
    right: -13px;
    font-size: 0.7em;
	color:#66666a;
}
#et-secondary-nav .wpml-ls-menu-item:last-child:after{
	content:"";
}



/* social icons */
#et-secondary-menu{}
#et-secondary-menu li.et-social-icon{margin-left: 6px;margin-top:0;vertical-align:middle;}
#et-secondary-menu li.et-social-icon a.icon{padding-bottom:0;}
#et-secondary-menu li.et-social-icon a.icon:hover{color:#739d83}






/* ============================================================================= */
/* Home */
/* ============================================================================= */
#home-img-main{}


.et_pb_promo_button:hover {
	padding-left:3em!important;
}




/* Section: Estança */
#imgs-estances .et_pb_text .et_pb_text_inner{	
    display: flex;
	justify-content: center;
	text-align:center;
	width: 100%;
    height: 100%;
	background: rgba(0,0,0,0.6);	
}
#imgs-estances .et_pb_text.et_pb_module {
    height: 250px;
    margin: 0!important;
    padding: 0;
}
#imgs-estances .et_pb_text .et_pb_text_inner p,
#imgs-estances .et_pb_text .et_pb_text_inner *{
    margin: auto;	
}	





/* Section: Slider Espais */
#slider-espais{}

#slider-espais .et_pb_slider,
#slider-espais .et_pb_slides,
#slider-espais .et_pb_slide{
	background-color:#d8d8d9;
}

#slider-espais .et-pb-arrow-next, 
#slider-espais .et-pb-arrow-prev{
    opacity: 1;
}
#slider-espais .et-pb-arrow-next{
	right:22px;
}
#slider-espais .et-pb-arrow-prev{
    left: 22px;
}

@media (min-width: 981px){
	#slider-espais .et_pb_slides{
		margin-left: 100px;
		margin-right: 100px;
	}
}






#entorn-i-natura .et_pb_image_sticky {
    margin-bottom: -1px !important;
}







/* Section: entradas Blog */
#blog-slider{}

#blog-slider .et_pb_post {
	font-family: 'Cormorant';
	padding:0;
	background-color:#739d83;
	border:none;
	color:white;
}
#blog-slider .et_pb_image_container{
	margin: 0 0 20px 0;
}
#blog-slider .entry-title {
    margin-top: 0;
    font-size: 22px;
}
#blog-slider .post-content{
	line-height: 1.4em;
}

#blog-slider .more-link{
	color:white !important;
	font-family:'Poppins';
	display: inline-block;
	text-transform:uppercase;
    border-width: 0px !important;
    border-radius: 0px;
    letter-spacing: 0px;
    font-size: 10px;
    padding-left: 2em;
    padding-right: 0.7em;
	font-weight: 500;
    line-height: 1.7em !important;
	margin-top:40px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
	transition: all 0.2s;
}

#blog-slider .more-link:before{
	content: attr(data-icon);
    font-family: "ETmodules" !important;
    color: white;
    line-height: 1em;
    font-size: 16px !important;
    opacity: 1;
    margin-left: -1.3em;
	position: absolute;
    right: auto;
    display: inline-block;	
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


/* paginación blog */
#blog-slider a.pagination-right,
#blog-slider a.pagination-left{
	position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
	margin-top: -100px;
}
#blog-slider a.pagination-left{
    right: -100px;
}
#blog-slider a.pagination-right{
    left: -100px;
}
#blog-slider a.pagination-right:before,
#blog-slider a.pagination-left:before{
	content: attr(data-icon);
    font-family: "ETmodules" !important;
    color: white;
    line-height: 1em;
    font-size: 46px !important;
    opacity: 1;
	position: absolute;
    right: auto;
    display: inline-block;
}

@media (max-width: 980px){	
	#blog-slider a.pagination-right,
	#blog-slider a.pagination-left{
		top:100%;
	}
	#blog-slider a.pagination-left{
		right: 0;
	}
	#blog-slider a.pagination-right{
		left: 0;
	}	
	#blog-slider .et_pb_blog_grid_wrapper {
		padding-bottom: 50px;
	}
}








/* Section: comentaris */
#comentaris-slider{}

#comentaris-slider .et_pb_post {
	font-family: 'Cormorant';
	padding:0;
	background-color:white;
	border:none;
	color:#739d83;
	text-align:center;
	margin-bottom:0!important;
}
#comentaris-slider .et_pb_post .et_quote_content{
	display:none;
}
#comentaris-slider .et_pb_post .entry-title {
	margin-top: 1.4em;
}

/* paginación comentaris */
#comentaris-slider a.pagination-right,
#comentaris-slider a.pagination-left{
	position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
	margin-top: -125px;
}
#comentaris-slider a.pagination-left{
    right: -100px;
}
#comentaris-slider a.pagination-right{
    left: -100px;
}
#comentaris-slider a.pagination-right:before,
#comentaris-slider a.pagination-left:before{
	content: attr(data-icon);
    font-family: "ETmodules" !important;
    color:#739d83;
    line-height: 1em;
    font-size: 46px !important;
    opacity: 1;
	position: absolute;
    right: auto;
    display: inline-block;
}

@media (max-width: 980px){	
	#comentaris-slider a.pagination-right,
	#comentaris-slider a.pagination-left{
		top:100%;
	}
	#comentaris-slider a.pagination-left{
		right: 0;
	}
	#comentaris-slider a.pagination-right{
		left: 0;
	}	
	#comentaris-slider .et_pb_blog_grid_wrapper {
		padding-bottom: 50px;
	}
}



.envia-comentari-btn{
	font-family: 'Cormorant';
	font-size:26px;
	color:#739d83;
	text-align:center;
}

/*
.envia-comentari-btn:before{
	content:"xx";
	position:absolute;
	left:50%;
	bottom:0;
	width:60%;
	border-bottom:1px solid #739d83;
	background:cyan;
}
*/



/* ============================================================================= */
/* Casa Periques */
/* ============================================================================= */
.casaperiques_row .et_pb_promo_description h2{
	padding-bottom:4em;
}







/* ============================================================================= */
/* Espais */
/* ============================================================================= */


#gallery-espais{}


#espais-fila-uno .et_pb_gallery_item.et_pb_grid_item{
	width:100%;
}
#espais-fila-uno .et_pb_gallery_image{
	max-height:450px;	
}


#gallery-espais .et_pb_gallery_image a{
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#gallery-espais .et_overlay{
	height:70%;
	top:15%;
	border:none;
	background-color:transparent;
	mix-blend-mode: multiply;
}
#gallery-espais .et_overlay:before{
	display:none!important;
}
#gallery-espais .et_pb_gallery_image img{}
#gallery-espais .et_pb_gallery .et_pb_gallery_title{
	display:none;
}
#gallery-espais .et_pb_gallery .et_pb_gallery_caption{
    position: absolute;
    z-index: 10;
    top: auto;
    left:auto;
	margin: auto;
    font-family: 'Cormorant';
	opacity:0;
	transition:opacity 0.3s;
	text-align:center;
	padding:0 20px;
	font-size:1.8em!important;
	line-height:1em!important;
}
#gallery-espais .et_pb_gallery .et_pb_gallery_image a:hover .et_pb_gallery_caption{
	opacity:1;
}

@media (min-width: 1025px){
	#espais-fila-uno .et_pb_gallery_image a{
		margin-top:-12.5%;
	}
}
@media(max-width: 1024px){
	#gallery-espais .et_overlay{
		opacity:1;
		z-index:1;
	}
	#gallery-espais .et_pb_gallery .et_pb_gallery_caption{
		opacity:1;
		font-size:2em;
	}
}
@media (min-width: 480px) and (max-width: 1024px){
	
	#gallery-espais .et_pb_column.et_pb_column_1_2{
		width:50%!important;
	}
	#gallery-espais .et_pb_column.et_pb_column_1_3{
		width:33.333%!important;
	}
	#gallery-espais .et_pb_gallery_item.et_pb_grid_item{
		width:100%!important;
	}
}






/* Popup lightbox ----------------------------------------------------- */

@media (max-width: 980px){	
	body.page-espais .mfp-bg,
	body.page-espacios .mfp-bg{
		position:fixed!important;
	}
	body.page-espais .mfp-bg.mfp-ready,
	body.page-espacios .mfp-bg.mfp-ready{
		opacity: 1!important;
	}
}

@media (min-width: 981px){
	body.page-espais .mfp-figure figure,
	body.page-espacios .mfp-figure figure{
		margin: 0;
		display: flex;
		flex-direction: row-reverse;
	}
	body.page-espais .mfp-figure figcaption,
	body.page-espacios .mfp-figure figcaption {
		max-width: 500px;
		width:auto;
	}

	body.page-espais .mfp-figure figcaption .mfp-bottom-bar,
	body.page-espacios .mfp-figure figcaption .mfp-bottom-bar{
		margin-top: 0;
		position: relative;
		top: 40px;
		padding: 40px;
	}
	
}
body.page-espais .mfp-figure figcaption .mfp-bottom-bar .mfp-title,
body.page-espacios .mfp-figure figcaption .mfp-bottom-bar .mfp-title{
	padding:0;
	font-family: 'Cormorant';
	color:white;
	line-height: 1.2em;
	font-size:1.2rem;
}
body.page-espais .mfp-figure figcaption .mfp-bottom-bar .mfp-title h2,
body.page-espacios .mfp-figure figcaption .mfp-bottom-bar .mfp-title h2{
	color:white;
	font-size:2.50rem;
}





/* ============================================================================= */
/* Celebracions */
/* ============================================================================= */











/* ============================================================================= */
/* Blog */
/* ============================================================================= */


.et_pb_post {
	border-bottom: 1px solid #739d83;
    padding-bottom: 30px;
    margin-bottom: 80px;
}


.et_pb_post .entry-title{
	font-family:'Cormorant';
	color:#739d83;
	font-size:2.4em;
}

.et_pb_post .entry-content {
    font-family: 'Cormorant';
    color: black;
    font-size: 1.2em;
}
.et_pb_post .post-meta {
    font-size: 0.6em;
}


#sidebar{}

#sidebar .widgettitle{
	font-family: 'Cormorant';
    font-size: 1.5em;
    color: #739d83!important;
}


#sidebar .et_pb_widget ul li,
#sidebar .et_pb_widget ul li a{
	font-size: 0.8em;
}
#sidebar .et_pb_widget ul li {
    border-bottom: 1px solid #dedede;
}
	
#comment-wrap .et_pb_button{
	border-radius:0!important;
}
	

	
	
	
	
/* ============================================================================= */
/* Ubicació */
/* ============================================================================= */

.apartat-ubicacio .et_pb_text_inner h4{
	color:#739d83;
}
.et_pb_map{
	height:600px;
}





/* ============================================================================= */
/* Contactar */
/* ============================================================================= */


.et_pb_contact p input, 
.et_pb_contact p textarea {
    color: #739d83 !important;
    border-bottom: 1px solid #739d83;
	padding:0 0 16px 0;
}

.et_pb_contact_form_label{
	display:block;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	font-weight: 600;
	color: #739d83;
	     
}

.et_pb_contact ::-webkit-input-placeholder,
.et_pb_contact ::-moz-placeholder,
.et_pb_contact :-ms-input-placeholder,
.et_pb_contact :-moz-placeholder{ 
	opacity:0!important;
	color:#ffffff!important;
}


.et_pb_contact_message {
    min-height: 168px;
}

.et_pb_contact p textarea {
	line-height:2.4em;
	border:none;
	background-image:url('https://casaperiques.com/wp-content/themes/Divi-child/bg_textarea.gif');
	background-repeat:repeat;
	background-attachment: local;
}
.et_contact_bottom_container{
	text-align: center;
	float:none;
}
.et_contact_bottom_container .et_pb_contact_right {
	min-width: 200px;
}
.et_pb_contact_captcha{
	padding:12px 0!important;
	text-align:center;
	font-size: 1.2em;
    line-height: 1em;
}
#contact-form .et_pb_contact_submit.et_pb_button{
	border:0;
	border-bottom:1px solid #739d83;
	padding:0.3em!important;
	margin-left: 2em;
}
#contact-form .et_pb_contact_submit.et_pb_button:hover{
	border:0;
	border-bottom:1px solid #666666;
}




#opinio-form .et_pb_contact_submit.et_pb_button{
	border:0;
	border-bottom:1px solid white;
	padding: 0.3em!important;
	margin-left: 2em;
}
#opinio-form .et_pb_contact_submit.et_pb_button:hover{
	border:0;
	border-bottom:1px solid #666666;
}
#opinio-form .et_pb_contact_form_label{
	color: white;	     
}
#opinio-form .et_pb_contact_captcha_question{
	color:#cbdbd1;
}
#opinio-form .et_pb_contact_captcha{
	background-color:#cbdbd1;
	color:#666!important;
}
#opinio-form .et_pb_contact p input, 
#opinio-form .et_pb_contact p textarea {
    color: white !important;
    border-bottom: 1px solid white;
}
#opinio-form .et_pb_contact p textarea {
	background-image:url('https://casaperiques.com/wp-content/themes/Divi-child/bg_textarea2.gif');
	border:none;
}







/* ============================================================================= */
/* FOOTER */
/* ============================================================================= */
#custom-footer{
	padding:60px 0 !important;
}
#custom-footer .et_pb_row .et_pb_column{
	display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
}
#custom-footer .et_pb_row .et_pb_column:first-of-type{
	display:block;
}
#custom-footer .et_pb_row .et_pb_column .et_pb_text {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
}
#custom-footer .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner{
    margin-top: 28%;
    font-size: 10px;
	letter-spacing: 2px;
	text-align:center;
}
#custom-footer .et_pb_row .et_pb_column.et_pb_column_21 .et_pb_text .et_pb_text_inner{
    margin-top: 16%;
}
#custom-footer .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner p{
	display: inline-block;
	text-align:left;
}
#custom-footer a{
	font-weight:600;
	color:#739d83;
}
@media (max-width: 980px){
	#custom-footer .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner{
		margin-top:0;
	}
	#custom-footer .et_pb_row .et_pb_column .et_pb_text .et_pb_text_inner p{
		text-align:center;
	}
}