/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* GENERAL STYLES */

p a{color:#89c4ff!important;}

p a:hover{color:#bae8ff!important;}

.unclickable-area{pointer-events:none!important;}

/* BOTONES*/
.fusion-button-wrapper a{
	border-radius:4px!important;}

.fusion-button-wrapper a span{
	font-size:13px!important;
	font-weight:bold!important;
	letter-spacing:1px!important;}

.fusion-title .title-sep.sep-single{
	border-width:3px!important;}

.title-heading-center p{
	margin-bottom:0px}

.panel-heading .panel-title a{
	font-family:"dosis"!important;}


/* ACORDEON*/
.fusion-accordian .panel-title .fa-fusion-box{
	float:right!important;
	border-radius:50%!important;}

.fusion-accordian .panel-title .active .fa-fusion-box{
	background-color:#6b9080!important;}

.fusion-accordian .panel-title a:hover{
	color:#6b9080!important;
	opacity:0.75!important;}

.fusion-accordian .panel-title a:hover .fusion-toggle-icon-wrapper .fa-fusion-box{
	background-color:#6b9080!important;
	opacity:0.75!important;}

.no-margin-container .fusion-content-boxes,
.no-margin-container .fusion-content-boxes .content-box-column{
	margin-bottom:0px!important;}

.no-margin-container .fusion-content-boxes .content-box-column .content-wrapper-background{
	padding-bottom:0px!important;}

.resize-heading h1 {
	line-height: 20px!important;
   	font-size: 15px!important;
   	letter-spacing: 3px!important;}


/* TAB STYLE */
.tab-content{
	padding-left:0px!important;
	width:76%!important;
}
.tab-content p{
	font-size: 14px!important;
	margin-bottom:20px!important;}

.tab-content blockquote{
	background-color: transparent!important;
	margin:0px!important;
	border:0px!important;
	font-family: Crete Round!important;
   	font-size: 21px!important;
	line-height: 31px!important;
    	letter-spacing: 0px!important;
	font-style:normal!important;
	font-weight:bold!important;}

.tab-content blockquote p{
	font-family: Crete Round!important;
   	font-size: 21px!important;
	line-height: 31px!important;
    	letter-spacing: 0px!important;
	font-style:normal!important;
	font-weight:bold!important;}

.tab-content ul{
    color: #fff!important;}

.nav .nav-tabs{
	width:24%!important;}

.nav .nav-tabs li{
	margin-bottom:1px!important;
	width:180px!important;}

.nav .nav-tabs li h4{
	font-size:12px!important;	
}
.nav .nav-tabs li a{
	padding: 15px 35px!important;
	font-weight: 500;
   	letter-spacing: 2px;
  	text-transform: uppercase;
	font-size:12px!important;
	background-color:#fafafa!important;}



.fusion-flip-box .flip-box-back,
.fusion-flip-box .flip-box-front{
	transition:none!important;
}

/* HEADER */
#menu-main-menu .menu-item ul .menu-item,
.fusion-header.fusion-sticky-shadow .menu-item ul .menu-item{
	padding-top:0px!important;
	padding-bottom:0px!important;
}

#menu-main-menu .menu-item .fusion-megamenu-title,
.fusion-header.fusion-sticky-shadow .menu-item .fusion-megamenu-title{
	padding-bottom:0px!important;
}
.fusion-megamenu-wrapper .fusion-megamenu-border{
	border-width:0px!important;}

.fusion-megamenu-wrapper a:hover{
	color: #bae8ff!important;}

/*background y ancho del submenu */

li .fusion-megamenu-holder{
	width:100%!important;
	background-color:rgb(33,33,33)!important;}
	padding-top:16px!important;
	padding-bottom:16px!important;

li .fusion-megamenu-holder .fusion-megamenu li{
	width:220px!important;
	max-width:220px!important;
	display:block!important;
	padding-top:0px!important;
	padding-bottom:0px!important;
	border:0px solid transparent!important;}

li .fusion-megamenu-holder .fusion-megamenu li .fusion-megamenu-title{
	padding-bottom:0px}

#menu-main-menu li .fusion-megamenu-holder ul{
	padding-top:0px!important;
	padding-bottom:0px!important;	
}

.lang-item:nth-last-of-type(2){
	padding-left:40px!important;
}

/* menu español */

#menu-menu-spanish li .fusion-megamenu-wrapper{
	padding-right:0px!important;
	padding-left:0px!important;
}

#menu-menu-spanish li .fusion-megamenu-wrapper,
#menu-main-menu li .fusion-megamenu-wrapper,
#menu-menu-ingles li .fusion-megamenu-wrapper{
	width:210px!important;
}

#menu-menu-spanish li .fusion-megamenu-wrapper .fusion-megamenu-holder,
#menu-main-menu li .fusion-megamenu-wrapper .fusion-megamenu-holder,
#menu-menu-ingles li .fusion-megamenu-wrapper .fusion-megamenu-holder {
	padding-top:20px!important;
	padding-bottom:20px!important;
}
#menu-menu-spanish li .fusion-megamenu-wrapper .fusion-megamenu-holder ul li,
#menu-main-menu li .fusion-megamenu-wrapper .fusion-megamenu-holder ul li,
#menu-menu-ingles li .fusion-megamenu-wrapper .fusion-megamenu-holder ul li{
	padding-top:0px!important;
	padding-bottom:0px!important;
	width  :100%!important;
}

#menu-menu-spanish li .fusion-megamenu-wrapper .fusion-megamenu-holder ul li .fusion-megamenu-title,
#menu-main-menu li .fusion-megamenu-wrapper .fusion-megamenu-holder ul li .fusion-megamenu-title,
#menu-menu-ingles li .fusion-megamenu-wrapper .fusion-megamenu-holder ul li .fusion-megamenu-title{
	width:100%!important;
	padding-right:20px!important;
	padding-left:20px!important;	
}

.fusion-header.fusion-sticky-shadow .fusion-sticky-menu li .fusion-megamenu-wrapper .fusion-megamenu-holder{
    width:220px!important;
	padding-top:20px!important;
	padding-bottom:20px!important;    
}

/* FOOTER */

.fusion-copyright-notice div{
	letter-spacing:0!important;}

/* HOME */

.home-section-display{
	background-size:cover!important;
	opacity:90%!important;}

.flipbox-home h2{
	font-size: 15px!important;}

.home-green-section{
	width:98%!important;
	margin-left:1%!important;
}
.home-green-section a{
	font-size:12px!important;
	letter-spacing:1px!important;
	font-weight: 600!important;
}


/* HOW TREFI WORKS */

.content-style-circular .fusion-button{
	width:100px!important;
	height:100px!important;
	border-radius:50%!important;}

.content-style-circular .fusion-button .fusion-button-text{
	font-size:35px!important;
	line-height:60px!important;}

/* PRODUCTS */ 

.products-content-section .content-box-column .heading .icon span i,
.products-content-section .content-box-column .heading .icon span{
	width:140px!important;
	height:140px!important;
	line-height:140px!important;
	margin-bottom:30px!important;}

.products-section-display .fusion-button-wrapper a:hover{
	background-color:rgba(186, 232, 255, 0.5)!important;
}

/* OVER TREFI */

.over-trefi-woods{
	width:86%!important;
	margin-left:7%!important;
}

.over-trefi-woods .fusion-layout-column{
	margin-bottom:0px!important;
	font-size:15px!important;
}
.sobre-text-section h1,
.socios-toogle-column h1{
	font-size:22px!important;
}

/* CAREERS */

.careers-widget-section h4{
	color: #ffffff!important;
    	font-family: Dosis,sans-serif!important;
   	font-weight: 500!important;
    	font-size: 10px!important;
    	line-height: 5px!important;
    	letter-spacing: 3px!important;
    	text-transform: uppercase!important;
}
.careers-widget-section a{
	color: #ffffff!important;
    	font-family: Dosis,sans-serif!important;
    	font-size: 13px!important;
    	line-height: 5px!important;
    	letter-spacing: 2px!important;
}


/* CONTACT INFO */
.contact-info-box a{
	color:#fff!important;}

.contact-info-box a:hover{
	color:#fff!important;
	opacity:0.7!important;}
.contact-map-section{
	overflow:hidden!important;}
.contact-info-box h1{
	font-size:22px!important;
}
/* MOBILE OPTIONS */

@media screen and (max-width: 1235px){
	.fusion-main-menu > ul> li{
		padding-right:15px!important;
	}
}
@media screen and (max-width: 1024px){
	.fusion-header{
		background-color: rgba(79,80,81,1)!important;
		padding-left:7%!important;
		padding-right:7%!important;
	}
}

@media screen and (max-width: 414px){
    #content{
        margin-bottom:0px!important;
    }
    .lang-item:nth-last-of-type(2){
    	padding-left:0px!important;
    }   
    .fusion-header{
    background-color: #4f5051!important;
    padding-left:20px!important;
    padding-right:20px!important;
    }
    .products-section-display .fusion-button-wrapper,
    .home-section-display .fusion-button-wrapper{
        margin-bottom:20px!important;
    }
    .over-trefi-woods div .fusion-column-wrapper{
        padding:40px 40px!important;
    }
    .carrers-tabs-section .tab-content{
        width:100%!important;
    }


}