/*
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{
	--color-primary: #f58e1d;
	--color-secundary: #728584;
}

svg{
	fill:#728584 !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;
}

/******************************************************************************************
* GENERAL
******************************************************************************************/

.av-special-heading {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 25px;
    position: relative;
}
/******************************************************************************************
 * AVIA LAYOUT ELEMENTS
 ******************************************************************************************/

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

/* Imatges guadrades */
img, .thumbnail_container, .inner_product, a.slide-image,
.avia-button, .button, a.avia_image, .team-img-container {
    border-radius: 0px !important;
}
.image-overlay {
	opacity: 0 !important;
}
.image-overlay .image-overlay-inside:before, span.image-overlay-inside {
  display: none;
}

/*home slider*//*
.avia-builder-el-0.av-minimum-height-100:not(.av-slideshow-section) .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow, .avia-builder-el-0.av-cell-min-height-100 > .flex_cell {
    height: 725px !important;
}

.responsive .container:has(.slideshow_align_caption) {
    min-width: 100%;
    margin-left: 0px;
}

.slideshow_align_caption {
    background-color: var(--enfold-alternate-color-bg2);
    margin-left: 0;
    padding-left: 51px !important;
    margin-left: -50px;
    padding-bottom: 120px;
    margin-bottom: -50px;
    padding-top: 28px;
	max-width:600px !important;
	min-height:260px !important;
}
.slideshow_caption .avia-caption-content p, .slideshow_caption .avia-caption-title{
    background: none !important;
	color:white !important;
}
.avia-caption-content p{
	font-size:40px !important;
	margin-top:25px;
	font-weight:900 !important;
	font-family:"raleway" !important;
	color:white !important;
}
@media only screen and (max-width: 1074px) {  
  .slideshow_align_caption {  
    background-color: var(--enfold-alternate-color-bg2);
    margin-left: 0;
    padding-left: 30px !important;
	padding-right:20px !important;
    margin-left: 30px;
    padding-bottom: 120px;
    margin-bottom: -90px;
    padding-top: 28px;
	font-size:30px !important;
  }  
	.container.caption_container{
		margin-left:-30px !important;
		
	}.slideshow_inner_caption{
		padding-left:0 !important;
		
	}.avia-caption-title,.avia-caption-content p {
		font-size:30px !important;
		line-height: 34px;
	}.avia-caption-content {
		margin-top:-24px !important;
	}
}
*/

.avia-caption-title {
	color:white !important;
}

.avia-caption-content{
	font-size:27px !important;
	margin-top:30px !important;
}

/* ICONBOX TOP */
.iconbox_content{
	background-color:transparent !important;
	border:none !important;
	box-shadow:none !important;
	margin-bottom:30px !important;
}
.iconbox_icon{
	background-color:transparent !important;
 color:var(--color-secundary) !important;
	margin-left:-55px !important;
	font-size:80px !important;
		margin-bottom:40px !important;

}

.iconbox_icon svg {
  width: 50px !important;
  height: 50px !important;
	margin-left:-10px;
	margin-top:20px !important;
}
h3.iconbox_content_title {
	font-weight:600 !important;
	color:  var(--color-secundary) !important;
	margin-top:20px  !important;
	font-size:24px !important;
}


/* ICON BOX LEFT AVIA LAYOUT*/ 
.iconbox_left h3 {
	margin-left:40px !important;
}
.iconbox_left svg{
	width:30px !important;
	margin-top:-9px !important;
	margin-left:2px;
}

/* AVIA LAYOUT ACORDIO */
.toggle_content p{
	color:#65908F !important;
}

.av_toggle_section p {
	color:var(--color-primary)  !important;
		background-color:#f6f6f6  !important;
	border:none !important;
	margin-bottom:20px !important;
	padding-top:15px !important;
	padding-bottom:15px !important;
	border-radius:8px !important;

}

.av_toggle_section p.activeTitle {
	background-color:var(--color-primary)  !important;
}
.activeTitle.av-title-above{
	color:white !important;
}
.toggle_content.invers-color{
	background-color:white !important;
	border:none !important;
}

.av_toggle_section .vert_icon,.av_toggle_section .hor_icon{
	border-color:var(--color-primary)  !important; !important;
}
.activeTitle .vert_icon,.activeTitle .hor_icon{
		border-color:white !important;
}
.toggler.av-title-above{
	color: !important;
	font-weight:bolder !important;
	font-size:16px !important;
}
.toggle_content.invers-color  p{
	background-color: white !important;
	margin-top:-20px !important;
} 
.toggle_icon{
	left:96%  !important;
	border:none !important;
}

/* AVIA LAYOUT BLOKQUOTE */

blockquote{
	border: none !important;
	margin-left: -20px !important;
}

blockquote *{
		font-size:22px !important;
	text-transform:normal !important;
	color:black !important;
}

/*mini iconlist avia element*/
.avia-icon-list-left .iconlist_title_small{
	color:black !important;
	font-weight:bolder !important;
}

/* BOTONS */
 
.avia-button,.button{
	background-color:transparent !important;
	border: solid 2.5px var(--color-primary) !important;
	border-radius:5px !important;
	color: var(--color-primary) !important;
	font-weight:bolder !important;
	font-size:14px !important;
	padding-top:16px !important;
	padding-bottom:16px !important;
	transition-duration:0.3s !important;
}
.solid a,.button,.avia-color-dark,.avia-color-dark a{
	background-color: var(--color-primary) !important;
	border-color:var(--color-primary) !important;
	color:white !important;
}
.avia-button:hover{
	background-color: var(--color-primary) !important;
	border-color:var(--color-primary) !important;
	color:white !important;
}
.solid a:hover,.button:hover,.avia-color-dark a:hover,.avia-color-dark{
		background-color:transparent !important;
	border: solid 2.5px var(--color-primary) !important;
	border-radius:5px !important;
	color: var(--color-primary) !important;
}

/* FORMULARI */ 
 
input,textarea{ background-color:#f6f6f6 !important; border:none !important; border-radius:8px !important; }

input:hover:hover,textarea:hover{ outline: 1px solid #728584 !important; }

input:focus, textarea:focus { outline: 1px solid var(--color-primary) !important; }

.button{ outline:white !important; }


 
 
 /******************************************************************************************
 * HEADER I MENÚ
 ******************************************************************************************/
/*burger menu*/
.av-burger-menu-ul 
{
	border:none !important;	
}

.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{
	border:none !important;
	height:42px;
	color:#253130 !important;
}

.av-burger-overlay #av-burger-menu-ul .sub-menu li .avia-menu-text{
	color:#728584 !important;
}


#header_meta{
	border:none !important;
}
.avia-menu-fx{
	display:none !important;
}

#header_main{
	border:none !important;
}

.logo img{
	padding: 10px;
}
.header-col-1{
	margin-right:20px !important;
}
.header-col-1, .header-col-2{
	font-size:13px !important;
	font-weight:normal
}
.header-col-1 svg{
		font-size:16px !important;
}
.header-col-2 *{
		font-size:18px !important;
	margin-top:-2px;
}

.avia-menu-text{
	font-weight:normal !important;
}


ul.sub-menu{
border-top-color: #f58d1d !important;
}
/*submenu*/
ul.sub-menu li a{
	font-size:14px !important;
}
/* IDIOMES */
.avia_wpml_language_switch li .language_flag img {
display: none !important; 
} 
.avia_wpml_language_switch li .language_native { 
display: block; 
} 

/* Per si fem servir shortcodes per mostrar nom de la pàgina i breadcrumb per cada secció 
   Necessita les funcions a functions.php */
@media (min-width: 900px) {
  .flex_column.intro {
    padding: 0px 120px !important;
  }
}

span.trail-before {
    display: none !important;
}
span.sep {
    padding: 0px 10px !important;
}
.breadcrumb-trail a {
    color: #ffffff !important;
}
.breadcrumb-page-title{
	font-size:60px !important;
	font-family:'raleway', Helvetica, Arial, sans-serif !important;
	margin-bottom:15px !important;
	font-weight:800 !important;
	color: #ffffff;
}

.breadcrumb-trail{
	margin-top:30px !important;
	display:flex !important;
	justify-content:center !important;
	font-weight:bolder !important;
	font-size:18px !important;
    color: #ffffff !important;
}
 /******************************************************************************************
 * FOOTER
 ******************************************************************************************/

/* MENÚ WIDGET footer automàtic (per idiomes) */
#footer .menu li a {
    font-size: 17px !important;
    padding: 0px !important;
}
#footer .menu {
    padding-top: 15px !important;
}
#top .content .flex_column .widget_nav_menu li a {
    padding: 5px 0px;
}
#top .content .flex_column .widget_nav_menu li a:hover {
    background-color: transparent;
}
#top .content .flex_column .widget_nav_menu li {
    border: none !important;
}
#socket-erg {
    min-height: 40px;
}
#socket-erg .av_font_icon {
    margin-left: 20px;
}

/* FOOTER */
.logo-footer img{
	width: 10.3em;
}

.footer-icons{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-icons .av_font_icon{
	margin-left:10px;
}
 /******************************************************************************************
 * 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 */




/*BLOG*/

.avia-arrow{
	display:none !important;
}
.main_color .container .av-inner-masonry-content{
	background-color:#ffffff !important;
}
.av-masonry-entry-title.entry-title {
}
.av-masonry-date,.av-masonry-entry-content,.av-masonry-entry-title.entry-title{
	margin-left:-20px !important;
} 

.av-inner-masonry-content-pos{
}

.has-post-thumbnail h3.av-masonry-entry-title {
	font-size:30px !important;
}

.av-masonry-entry.type-post{
	min-height:450px !important;
}

.av-inner-masonry-content{
	max-height: 250px !important;
}