/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/******************************************************************************************
 * VARIABLES
 ******************************************************************************************/
/*:root {
  --primary-front-color: ;
  --primary-back-color: ;
  --text-font-hx: '';
  --text-font: '';
}*/

h1 {
    text-transform: none !important; 
    font-family: "klavika-web", sans-serif;
    font-weight: 800!important;
    font-size: 50px;
}
h2 {
    text-transform: none !important; 
    font-weight: 800 !important;
    font-size: 40px;
    font-family: "klavika-web", sans-serif;
}
h3 {
    text-transform: none !important; 
    font-weight: 300;
    font-size: 32px;
    font-family: "klavika-web", sans-serif;
}
h4 {
    text-transform: none !important; 
    font-weight: 300;
    font-size: 25px;
    font-family: "klavika-web", sans-serif;
}
/* BLOCKQUOTE */
blockquote {
    border-left: none !important;
    padding-left: 0px;
}
blockquote p {
    font-size: 20px !important;    
}


/******************************************************************************************
 *COOKIE-CONSENT ESTILS
 ******************************************************************************************/

.avia-cookie-consent p {
    font-size: 15px !important;
}
.avia-cookie-consent .avia_cookie_text {
    padding-bottom: 15px;
}
.avia-cookie-consent a {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 12px !important;
    margin: 5px !important;
	color: #ffffff !important;
}
 
 
 
 /******************************************************************************************
 * HEADER I MENÚ
 ******************************************************************************************/

.logo{
	padding:5px !important;
}

/* IDIOMES */
.avia_wpml_language_switch li .language_flag img {
display: none !important; 
} 
.avia_wpml_language_switch li .language_native { 
display: block; 
} 
#header_meta{
	background-color:transparent !important;
	border:none !important;
}
/* Per si fem servir shortcodes per mostrar nom de la pàgina i breadcrumb per cada secció 
   Necessita les funcions a functions.php */
span.breadcrumb-page-title {
    font-weight: 600;
    font-size: 50px;
	color: #000000;
}
.breadcrumb-trail {
    color: #000000 !important;
	margin-top:25px;

}
span.trail-before {
    display: none !important;
}
span.sep {
    padding: 0px 10px !important;
}
.breadcrumb-trail a {
    color: #000000 !important;
}
.breadcrumb-trail,.breadcrumb-page-title,.trail-begin *{
	color:white !important;
}



.post-entry:has(.breadcrumb-trail){
	display:flex !important;
}

/* menú */
.av-menu-button-colored span.avia-menu-text {
    padding: 10px 22px !important;
    border: none !important;
	border-radius: 10px !important;
}
.avia-menu-fx{
	display:none !important;
}

/* SUBMENÚ */
#top #wrap_all #header #avia-menu ul.sub-menu {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 10px 0 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.14) !important;
    border: 0 !important;
    min-width: 300px !important;
}
/* Items del submenu */
#top #wrap_all #header #avia-menu ul.sub-menu li.menu-item {
    margin: 0 !important;
    padding: 0 !important;
}
/* Enllaços del submenu */
#top #wrap_all #header #avia-menu ul.sub-menu li.menu-item > a {
    display: block !important;
    padding: 12px 20px !important;
    line-height: 1.35 !important;
    font-size: 15px !important;
    color: #222222 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0,0,0,.06) !important;
    transition: all .25s ease !important;
}
/* Últim item sense línia */
#top #wrap_all #header #avia-menu ul.sub-menu li.menu-item:last-child > a {
    border-bottom: none !important;
}
/* Hover */
#top #wrap_all #header #avia-menu ul.sub-menu li.menu-item > a:hover {
    background: #e15d31b5 !important;
    color: #fff !important;
    padding-left: 26px !important;
}
/* Parent del submenu */
#top #wrap_all #header #avia-menu > li > ul.sub-menu {
    margin-top: -12px !important;
}


/* BURGER MENU */
@media only screen and (max-width: 1024px) {
	/* Activar burger menu*/
	#top #header .av-main-nav > li.menu-item  {
		display: none!important;
	}
	#top #header .av-burger-menu-main {
		cursor: pointer;
		display: block!important;
	}
	ul.sub-menu span.avia-bullet {
		display: none !important;
	}
	.av-burger-overlay-scroll {
	    width: 100% !important;
	    background-color: #fbf5f2 !important;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
	    text-align: center !important;
	    padding: 5px 0px !important;
	    border: none !important;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a:hover {
	    background-color: transparent !important;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a:hover span {
	    color: #a1bd40 !important;
	}
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a span {
	    color: #222222;
		font-size: 25px;
		line-height: 1em;
	    font-family: 'klavika-web';
	}
	.sub-menu .avia-menu-text {
	    color: #777777 !important;
	}
	span.av-hamburger-inner, span.av-hamburger-inner::after,
	span.av-hamburger-inner, span.av-hamburger-inner::before {
	    background-color: #ce6c24 !important;
	}

	li.av-menu-button.av-menu-button-colored {
		padding-top: 30px;
	}
}


#header_main{
	border:none !important;
}

 /******************************************************************************************
 * FOOTER
 ******************************************************************************************/

footer h2 {
    font-size: 27px;
}
footer .logo-bianya {
    width: 200px !important;
}
 
 
 /******************************************************************************************
 * AVIA LAYOUT ELEMENTS
 ******************************************************************************************/

/* ICON / FLIPBOX GRID */
.avia-icongrid {
    display:flex;
    justify-content:flex-start !important;
}
h4.av_icongrid_title.icongrid_title {
    min-height: 33px; /* permet 2 línies de text */
    font-size: 15px;
}
.avia-icongrid-icon {
    font-size: 37px !important;
    margin-bottom: 10px;
}
span.icongrid-char svg {
    fill: #F2662D !important;
}
span.icongrid-char.avia-iconfont {
	color: #F2662D !important;
}
.avia-icongrid-front {
    padding: 5px !important;
}


/* LLISTA ICONES ESQUERRA GRANS */
ul.avia-icon-list.avia-icon-list-left.av-iconlist-big li .iconlist_icon {
    width: 60px;
    height: 60px;
    line-height: 50px;
    font-size: 35px;
    background-color: transparent !important;
    margin-right: 5px !important;
    margin-top: -1px !important;
}
li.avia_start_animation {
    padding-bottom: 0px !important;
    min-height: 50px !important;
}
ul.avia-icon-list.avia-icon-list-left.av-iconlist-big li .iconlist_icon span.av-icon-char {
	color: #ce6d24 !important;
}
ul.avia-icon-list.avia-icon-list-left.av-iconlist-big .av-icon-char svg{
    fill: #F2662D  !important; 
}
ul.avia-icon-list.avia-icon-list-left.av-iconlist-big .iconlist-timeline {
    display: none;
}
h4.av_iconlist_title.iconlist_title {
    font-size: 22px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
article.article-icon-entry p {
    margin: 0px !important;
}

/* LLISTA ICONA PETITES */
ul.avia-icon-list.avia-icon-list-left.av-iconlist-small li .iconlist_icon {
    font-size: 25px !important;
    margin-top: -5px !important;
}
ul.avia-icon-list.avia-icon-list-left.av-iconlist-small li .iconlist_icon span.av-icon-char {
	color: #F2662D !important;
}
ul.avia-icon-list.avia-icon-list-left.av-iconlist-small .av-icon-char svg{
    fill: #F2662D  !important; 
}
ul.avia-icon-list.avia-icon-list-left.av-iconlist-small li {
    padding-top: 5px !important;    
    padding-bottom: 5px !important;
}
.av_iconlist_title.iconlist_title_small {
    font-weight: 600;
    font-family: 'klavika-web';
}
.avia-icon-list-container {
    margin-top: 10px;
}



/* MASONRY GALLERY */
.av-masonry-image-container {
    border-radius: 10px !important;
}
.av-masonry-outerimage-container {
    border-radius: 10px !important;
}
.av-masonry-image-container {
    opacity: 1 !important;
}

/* ICONBOX NO BORDER ICON ON TOP */
article.iconbox.iconbox_top { 
 
}
article .iconbox_icon.heading-color.avia-iconfont,
article.iconbox.iconbox_top .iconbox_icon.heading-color.avia-svg-icon.avia-font-svg_entypo-fontello {
    border: none !important;
    font-size: 70px !important;
    color: #ED803D;
}
article.iconbox.iconbox_top .iconbox_icon.heading-color.avia-svg-icon.avia-font-svg_entypo-fontello svg{
    fill: #ED803D !important;
	
}
article.iconbox.iconbox_top h3.iconbox_content_title {
    font-size: 25px !important;
    padding-top: 10px !important;
	font-weight: 500;
	text-transform: none
}


/* treure línia after section */
.container_wrap { border-top: none !important; }

/* Treure overlay fotos */
.image-overlay {
	opacity: 0 !important;
}
.image-overlay .image-overlay-inside:before, span.image-overlay-inside {
  display: none;
}

 /*iconbox*/
.iconbox_top svg,
.iconbox_left svg{
	width:60px !important;
	height:60px !important;
	fill:var(--enfold-alternate-color-constant-font) !important;
}

.iconbox_left .iconbox_content .entry-content-header h3,.iconbox_left .iconbox_content_container p{
	margin-left:80px !important;
}


.iconbox_icon{
	border:none !important;
}

/*acordeon*/
.toggler{
	background-color:red !important;
	font-size:17px !important;
	padding:20px 80px 20px 30px !important;
	color:white !important;
border-radius:20px !important;
background-color:white !important;
	color:black !important;
}
.toggler.activeTitle{
border-radius:0px !important;
		border-top-left-radius:20px !important;
	border-top-right-radius:20px !important;
	background-color:var(--enfold-main-color-primary) !important;
	color:white !important;
}
.toggle_content{
	background-color:#f9f9f9 !important;
	border-radius: 0px 0px 20px 20px !important;
}
.single_toggle .toggler:not(.activeTitle){
	margin-bottom:25px !important;
	border:1px solid #e8e8e8 !important;
	border-radius:20px !important;
}

.toggle_icon{
	margin-left:88% !important;
	border:none !important;
	background-color:var(--enfold-main-color-primary) !important;
	height:38px !important;
	width:38px !important;
	margin-top:-20px !important;
	border-radius:20px !important;

}
.activeTitle .toggle_icon{
	background-color:white !important;
}


.hor_icon,.vert_icon{
	width:15px !important;
	height:15px !important;
	border-color:white !important;
	margin-left:10px !important;
	margin-top:12px !important;
}

.activeTitle .hor_icon,.activeTitle .vert_icon{
	border-color:black !important;
}
.vert_icon{
	margin-left:12px !important;
	margin-top:10px !important;
}
 
/* BOTONS */
input.button,
a.avia-button {
    font-size: 19px !important;
    padding: 13px 22px !important;
    border: none !important;
	border-radius: 10px !important;
}
a.avia-button:hover {
    background-color: #a1bd40 !important;
}
.alternate_color a.avia-button {
    font-size: 19px !important;
    padding: 13px 22px !important;
    border: none !important;
	border-radius: 10px !important;
    color: #ffffff !important;
	background-color: #e15d31 !important;
}
.alternate_color a.avia-button:hover {
    background-color: #a1bd40 !important;
    color: #ffffff !important;
}

/* FORMULARI */ 
 
input:not(.button),textarea, select{
	border:1px solid #82be49 !important;
	border-radius:20px !important;
}
/* checkbox privacitat */
label.input_checkbox_label {
    font-weight: normal !important;
    margin-top: -2px !important;
    font-size: 14px !important;
}

/* FULL SCREEN SLIDER */
span.avia-caption-title {
	color: #ffffff !important;
    font-size: 50px;
    line-height: 50px;
    font-weight: 800 !important;
    font-family: "klavika-web", sans-serif;
}
.avia-caption-content p {
	color: #ffffff !important;
    font-size: 20px !important;
    line-height: 34px
}
a.avia-slideshow-button.avia-button {
    text-transform: none !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    padding: 15px 38px !important;
    background-color: #e15d31 !important;
    color: #ffffff !important;
}
a.avia-slideshow-button.avia-button:hover {
    background-color: #a1bd40 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
	opacity: 1 !important;
}
.slideshow_caption {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    span.avia-caption-title {
        font-size: 40px;
        line-height: 34px;
    }
    .avia-caption-content p {
        font-size: 19px !important;
        line-height: 30px
    }
    a.avia-slideshow-button.avia-button {
        font-size: 19px !important;
    }
}


/*estil imatges*/
.avia-image-overlay-wrap img{
	border-radius:10px !important;
}
 /******************************************************************************************
 * WOOCOMMERCE
 ******************************************************************************************/
 
 
  /******************************************************************************************
 * PÀGINES CONCRETES
 ******************************************************************************************/
 




/* BEGIN ACCESSIBILITAT CSS */
/******************************************************************************************
 * Accessibilitat web
 **/
 
 .avia-cookie-consent a {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 12px !important;
    margin: 5px !important;
    color: #ffffff !important;
}
.avia_cookie_text{
	font-size: 15px !important;
}

/*mapa hostspot*/
.special-h2-h5 h2{
	font-size:16px;
	text-transform:none !important;
	color:#222 !important;
}
.avia-cookie-consent-button-3{
	color:black !important;
}
.mejs-duration,.mejs-currenttime{
	font-size:14px !important;
}

.single  .avia-tooltip{
	display:none !important;
}

.av-hotspot-container .av-image-hotspot-pulse {
    border-radius: 100px !important;
    background: #000000 !important;
}
.av-image-hotspot_inner {
    border-radius: 50% !important; 
    background-color: #004996 !important;
    color: white !important; 
    font-weight: bold !important;
    width: 50px; 
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 73, 150, 0.8), 0 0 30px rgba(0, 73, 150, 0.6);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.av-image-hotspot_inner:hover {
    box-shadow: 0 0 20px rgba(0, 73, 150, 1), 0 0 40px rgba(0, 73, 150, 0.8);
    transform: scale(1.2); 
}

.av-image-hotspot_inner:hover {
    box-shadow: 0 0 20px #004996, 0 0 40px #004996, 0 0 60px #004996;
}
abbr {
    text-decoration: none !important;
}

/* END ACCESSIBILITAT CSS */
