/*
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-principal: #28AA56;
  --color-principal-icones: #28AA56;
	--color-principal-titols: #28AA56;
}

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

h1,h2,h3{
	text-transform: none !important;
	font-family:futura-pt !important;
	font-weight:700 !important;
	letter-spacing:-1px !important;
	color: var(--color-principal-titols) !important;
}
.av-subheading p{
    color: #000000c9 !important;
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 98px !important;
    line-height: 65px !important;
    font-weight: 800 !important;
    letter-spacing: 0;
    display: block;
}

p{
  font-family: "futura-pt" !important;
  line-height: 1.4;
}

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

@import url("https://use.typekit.net/vba4bum.css");

.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Ú
 ******************************************************************************************/

/* 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 */
span.breadcrumb-page-title {
    font-weight: 600;
    font-size: 30px;
	color: #000000;
}
.breadcrumb-trail {
    color: #000000 !important;
    margin-top: 8px;
}
span.trail-before {
    display: none !important;
}
span.sep {
    padding: 0px 10px !important;
}
.breadcrumb-trail a {
    color: #000000 !important;
}

.breadcrumb-trail *{
	color:white;
	font-weight:bolder !important;
}
.trail-end{
	margin-left:10px !important;
}

span.breadcrumb-page-title{
	font-weight: 600;
  font-size: 70px !important;
  color: #ffffff !important;
  text-transform: none;
}
 /******************************************************************************************
 * 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;
}
 
#top .avia-menu-fx {
	bottom: 34%;
	width: 70%;
	left: 15%;
}

.avia-menu-fx{
	height:1px !important;
	background-color:#707070 !important;
}

.avia-menu-text{
	text-transform:uppercase;
	font-size:16px !important;
	font-weight:600 !important;
}

.avia-menu-fx {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-in-out;
  height: 1px !important;
}

.menu-item:hover .avia-menu-fx {
  transform: scaleX(1);
}

.current_page_item .avia-menu-fx,
.current-menu-ancestor .avia-menu-fx {
  transform: scaleX(1);
  height: 1px !important;
}
.menu-item {
  position: relative; 
}

.menu-item::after {
  content: "l";
  position: absolute;
  bottom: 34%;
  left: 96%;
}

.menu-item-top-level-4::after{
	display:none !important;
}
.sub-menu *::after {
  display:none !important;
}
.sub-menu span{
	font-size:14px !important;
}
 /******************************************************************************************
 * AVIA LAYOUT ELEMENTS
 ******************************************************************************************/

/*BLOCKQUOTE ELEMENT*/

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

blockquote b, blockquote strong{
	color:white !important;
}

/* 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;
}

 
/* BOTONS ALTERNAT CONTENT */
.alternate_color a.avia-button {
    font-size: 19px !important;
    padding: 16px 32px !important;
    border: 2px solid #ffffff !important;
    background-color: transparent !important;
}
.alternate_color a.avia-button:hover {
   background-color: #2cab58 !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* BOTONS .ROUND */
.round a.avia-button {
    background-color: transparent !important;
    border: 1px solid #ffffff !important; 
    border-radius: 10px !important;
    padding: 10px 20px!important;
    text-transform: none !important;
    font-weight: normal !important;
}
.round a.avia-button:hover {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #ffffff !important;
}


/*BOTONS GENERAL*/
/*GENERAL BUTONS*/

.avia-button,.button{
	background-color:var(--color-principal) !important;
	text-transform:uppercase !important;
	font-size:15px !important;
	padding:17px 32px 17px 32px !important;
	font-weight:bolder !important;
	transition-duration:0.3s;
	border:none !important;
	border:2px solid var(--color-principal) !important; !important;
}
.avia-button:hover,.button{
	background-color:transparent !important;
	text-transform:uppercase !important;
	font-size:15px !important;
	padding:17px 32px 17px 32px !important;
	font-weight:bolder !important;
	color: var(--color-principal) !important;
	border: solid 2px var(--color-principal)  !important;
}
.avia-color-dark {
	background-color: transparent !important;
	text-transform: uppercase !important;
	font-size: 15px !important;
	padding: 17px 32px !important;
	font-weight: bolder !important;
	color: var(--color-principal) !important;
	border: 2px solid var(--color-principal) !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box !important; 
}

.avia-color-dark:hover {
	background-color: var(--color-principal) !important;
	color: white !important;
	border: 2px solid transparent !important; 
}


/* LLISTA ICONES ESQUERRA PETITES */
.av_iconlist_title.iconlist_title_small {
    color: #28aa56 !important;
    font-weight: 700 !important;
}
    
/* GALERIA MASONRY */
h3.av-masonry-entry-title.entry-title {
    font-size: 20px !important;
}


/*ACORDEON AVIA STYLE*/

.av_toggle_section div p.toggler{
	border:none !important;
	color:var(--color-principal) !important;
	font-size:22px !important;
}
.toggle_content {
	background-color:white !important;
	border:none !important;
	margin-left:6px;
}
.toggle_content p{
	font-size:18px !important;

}

.toggle_icon{
	border:none !important;
	left:90% !important;
}
.vert_icon,.hor_icon{
		border-color:var(--color-principal) !important;

}
 
/*ICONBOX*/
 
 .iconbox_icon svg{
	width:30px !important;
	height:30px !important;
	margin-top:9px !important;
}

.av-no-box svg{
	width:110px !important;
	height:110px !important;
	margin-left:-10px !important;
}

.iconbox_icon{
	border:none !important;
}

.iconbox_content_title {
	margin-top:40px !important;
}

/*general icons*/

.avia-svg-icon svg{
	fill: var(--color-principal-icones) !important;
}

/*iconbox left*/

.iconbox_left .entry-content-header{
	min-height:97px !important;
}

.iconbox_left .iconbox_content_title {
	display:flex;
	align-items: flex-end;
	margin-bottom:-0px !important;
	font-size:25px !important;
	text-transform:none !important;
	margin-left:15px !important;
	letter-spacing:0.9px !important;
	font-weight:500 !important;
}


.iconbox_left .iconbox_icon svg,.iconbox_left .iconbox_icon{
	display:flex !important;
	align-items: flex-end;
	margin-bottom:3px !important;
	font-size:70px !important;
	width:70px !important;
	height:70px !important;
	margin-left:-0px !important;
	color: var(--color-principal-icones) !important;

}
.iconbox_left .entry-content-header{
	display: flex;
    align-items: flex-end;
}



/* FORMULARI */ 
input, textarea{
	border-color:#707070 !important;
	background-color:transparent !important;
	color:black !important;
}
::placeholder{
	color:black !important;
}
 
 
 /******************************************************************************************
 * WOOCOMMERCE
 ******************************************************************************************/
 
 
  /******************************************************************************************
 * PÀGINES CONCRETES
 ******************************************************************************************/
 
/*alt content*/
.color-alt p,.alternate_color h3,.alternate_color h2{
	color:white !important;
}

.alternate_color .iconbox_icon{
	color:white !important;
}

.alternate_color .iconbox_left{
	margin-top:-10px !important;
}

.alternate_color a,.alternate_color strong{
	color:white !important;
}

.alternate_color a.avia-button:hover{
	color:white !important;
}



/* 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 */