/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     Finca Solmark
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
	font-family: 'et-line';
	src:url('fonts/et-line.eot');
	src:url('fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('fonts/et-line.woff') format('woff'),
		url('fonts/et-line.ttf') format('truetype'),
		url('fonts/et-line.svg#et-line') format('svg');
	font-style: normal;
}

/**--Iconos Social media a la derecha**/

#top-header .et-social-icons {
    float: left;
}

.et-social-icons {
    color: white;
}

#et-info-phone {
    margin-right: 30px;
    margin-left: 30px;
}

/* === Show social icons on mobiles === 
@media only screen and (max-width: 767px) {
    div#et-secondary-menu { 
		display: block !important; 
		margin-top: 0px !important;
		padding-top: .75em;
	} 
	#et-secondary-menu>div.et_duplicate_social_icons>ul>li a {
		display: block;
		padding-bottom: .75em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	div#et-secondary-menu { 
		display: block !important; 
		padding-top: .75em; 
    } 
}*/

/*-----------------Menu Icons Home---------------- */
 
.menu-home2 a:before {
    font-family: 'ETmodules';
    content: "\e038";
    margin-right: 10px;
    margin-top: -2px;
    font-size: 18px;
    float: left;
}

.menu-home a {
    font-family: 'ETmodules';
    font-size: 18px!important;
}
 
.menu-home2 a:hover {
    color: #8dc63f!important;
}

/*--------Icono Finca-------*/
.icon-streetsign a:before {
	font-family: 'et-line';
	content: "\e029";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}


/*--------Icono Alojamiento-------*/
.icon-flag :before {
	font-family: 'et-line';
	content: "\e024";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}

/*--------Icono Apadrina-------*/
.icon-heart :before {
	font-family: 'et-line';
	content: "\e04a";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}

/*--------Icono Actividades-------*/
.icon-camera :before {
	font-family: 'et-line';
	content: "\e012";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}


/*--------Icono Tienda-------*/
.icon-basket :before {
	font-family: 'et-line';
	content: "\e027";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}

/*--------Icono Contacto-------*/
.icon-envelope :before {
	font-family: 'et-line';
	content: "\e028";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}

/*--------Icono Reserva-------*/
.icon-key :before {
	font-family: 'et-line';
	content: "\e02c";
	margin-right: 10px;
    margin-top: -2px;
    float: left;
	font-size: 18px;
}


/*-----------------Menu Icons Quienes somos---------------- */
 
.menu-quienes a:before {
    font-family: 'ETmodules';
    content: "\e038";
    margin-right: 10px;
    margin-top: -2px;
    font-size: 18px;
    float: left;
}

/*---------------Disable icon for submenu---------------*/
#top-menu .sub-menu::before {
  display: none;
}
#top-menu .sub-menu ::before {
  display: none;
}

/*---------------Menu CTA Boton Reserva---------------*/
 
#top-menu li a:hover {opacity: 1!important;}

.menu-cta a:before {
    /*font-family: 'ETmodules';*/
    /*content: "\e001";*/
    margin-right: 10px;
    margin-top: -2px;
    font-size: 18px;
    float: left;
    background-color: #ad9a6b;
}
             
.menu-cta a {
    border: 2px solid #ad9a6b!important;
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
}
 
.menu-cta a:hover {
    background-color: #ad9a6b;
    color: white!important;
}
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}
 
 
/*---------------Menu CTA Boton Reserva Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-cta a {
    background-color: #ad9a6b;
    }
}

/*---------------TExto cupon Woocommerce---------------*/
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 215px;
}

/*---------------Iconos Material Icons---------------*/

.material-icons {
    font-size: 60px;
}

/*---------------Color de fondo Text---------------*/
.fondo-color {
	background-color: rgba(0,0,0,0.17);
}

/*---------- [Testimonial Slider ]----------*/
    
    .testimonial-slider,
    .testimonial-slider .et_pb_container {
        height: auto !important;
    }
    .testimonial-slider,
    .testimonial-slider .et_pb_slide {
        max-height: auto;
        
    }
    .testimonial-slider .et_pb_slide_description {
        position: relative;
        top: 25%;
        padding-top: 20px !important;
        padding-bottom: 10px !important;
        height: auto !important;
    }
    .testimonial-slider .et_pb_testimonial_portrait {
        display: table-cell;
        float: left;
        position: relative;
        width: 175px !important;
        height: 175px !important;
        margin-right: 30px;
        border: 3px solid #ffffff;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
  
  .testimonial-slider .et-pb-controllers a {
    border-radius: 0px;
  }
    
  .et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
    background-color: rgba(0,0,0,0);
  }

@media (max-width:980px){
#main-footer{
display:none;
}}

@media (max-width: 1230px) {
 #top-menu li, #top-menu li a {
 font-size: 14px;
 }
 }

@media (max-width: 1130px) {
 #top-menu li, #top-menu li a {
 font-size: 12px;
 }
 }

@media (max-width: 1020px) {
 #top-menu li, #top-menu li a {
 font-size: 11px;
 }
 }
 
/****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divis default button padding */
}

/*** Checkout en 2 columnas */

@media (min-width: 850px) {
    #customer_details,
    #order_review_heading,
    #order_review {
    width: 48%;
}
     
#customer_details {
    float: left;
}

     
#order_review_heading,
#order_review {
    float: right;
}
     
#order_review_heading {
    clear: none;
    padding-top: 0;
}

#customer_details .col-1,
#customer_details .col-2 { 
    width: 100%;
    float: none; 
}