/*
Theme Name: Divi child theme
Template: Divi
*/
/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */

/* Cambiar el ancho de las 4 columnas del footer*/
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
	width: 24% !important;
}

.et_pb_gutters3 .footer-widget {
	margin: 0 1% 5.5% 0 !important;
}

/* Cambiar los colores del modulo tab */

.et_pb_tabs_controls li.et_pb_tab_active {
	background-color: #ffffff !important;
}

.et_pb_tabs_controls li {
	border-right-color:#ffffff !important;
	background-color: #ee7516;
	border-top: #ee7516 3px solid;
}

.et_pb_tabs_controls li a {
	color: #fff;
}

ul.et_pb_tabs_controls {
	background-color: #ffffff !important;
}

ul.et_pb_tabs_controls:after {
	border-top: 1px solid #ee7516;
}

.et_pb_tabs {
	border: 0px solid #d9d9d9;
}

.et_pb_all_tabs {
    border-bottom: 0px solid #ee7516;
}

/*Cambiar color de links de footer*/

.footer-widget .textwidget a {
	color: #705338;
}

/*Cambiar estilos de modulos ET*/

.author-shortcodes, .et-learn-more, .et-simple-slider, .et-tabs-container, .et-tooltip-box, .tabs-left {
    text-shadow: none !important;
    color: #666 !important;
    font-family: "Open Sans",Arial,sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.7em !important;
}

.et-learn-more h3.heading-more {
    cursor: pointer !important;
    padding: 16px 50px 16px 22px !important;
    font-size: 16px !important;
    color: #fff !important;
    letter-spacing: 0 !important;
    text-shadow: 0px 0px 0 #fff !important;
    position: relative !important;
    border-left: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
    margin: 0 !important;
    font-weight: bold !important;
    background: #e02b20 !important;
	width: 100% !important;
}

.et-learn-more {
    background: #fff !important;
    border: 0px solid #e7e7e7 !important;
    margin: 10px 0 !important;
    -moz-box-shadow: 1px -1px 0 0 #fff !important;
    -webkit-box-shadow: 1px -1px 0 0 #fff !important;
    box-shadow: 1px -1px 0 0 #fff !important;
}

.et-learn-more .learn-more-content {
    padding: 10px 0 20px !important;
    border-top: 1px solid #e7e7e7 !important;
}

.et-learn-more span.et_learnmore_arrow span {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50%;
    margin-top: -6px !important;
    margin-left: -6px !important;
    width: 15px !important;
    height: 15px !important;
    background: url(../images/shortcodes-sprite.png) no-repeat -58px 0px !important;
}

.et-learn-more .open span.et_learnmore_arrow span {
    background-position: -58px -14px !important;
}

/*Cambiar color de menu estático*/

#main-header.et-fixed-header {
    background-color: rgba(255, 255, 255, 0.9);
}

/*Ancho y espaciado de submenu secundario*/

#et-secondary-nav li {
    margin-right: 25px;
}

#et-secondary-nav li>ul {
    width: 260px;
}

#et-secondary-nav li ul ul {
    right: 260px;
}

#et-secondary-nav li li {
    padding: 0px;
}

#et-secondary-nav li li a {
    padding: 1em 2em;
}

/*Estilos CF7*/

div.wpcf7 .wpcf7-form-control {
    background-color: #ffffff;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    padding: 2px;
    border: 1px solid #f2f2f2;
    color: #4e4e4e;
    background-color: #fff;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #ababab !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ababab !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ababab !important;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ababab !important;
}

/*Carusel de imagenes (partners)*/

/***10 Imagenes***/

/*Stops the browser creating a horizontal scrollbar*/

.ds-carousel-section {
    overflow: hidden;
}

/*Sets the width of the image modules and floats them so they are next to each other*/

.ds-carousel-logo {
    width: 20%;
    float: left;
}

/*Sets the position and visibility of the rows*/

.ds-image-carousel {
    float: left;
    position: absolute;
    padding: 0;
    opacity: 0;
    z-index: 0;
}

/*Position, visibility and animation settings for the first row*/

.ds-image-carousel-first {
    position: relative;
    z-index: 1;
    -webkit-animation: first 15s 1 linear forwards;
    animation: first 15s 1 linear forwards;
}

/*Animation settings for the rest of the rows*/

.ds-image-carousel-second,
.ds-image-carousel-third {
    -webkit-animation: rest 30s infinite linear;
    animation: rest 30s infinite linear;
}

/*Animation delay for the third row*/

.ds-image-carousel-third {
    -webkit-animation-delay: 15s;
    animation-delay: 15;
}

/*Animation for the continuous scrolling effect*/

/*First row - this only plays once*/

@-webkit-keyframes first {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }

    99.99% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        z-index: 1;
    }

    100% {
        opacity: 0;
        z-index: 0;
    }
}

@keyframes first {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }

    99.99% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        z-index: 1;
    }

    100% {
        opacity: 0;
        z-index: 0;
    }
}

/*All other rows - these play continuously*/

@-webkit-keyframes rest {
    0.01% {
        opacity: 0;
        z-index: 0;
    }

    0.011% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        z-index: 1;
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
}

@keyframes rest {
    0.01% {
        opacity: 0;
        z-index: 0;
    }

    0.011% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        z-index: 1;
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
}

/*Pause all animation on hover*/

.ds-carousel-section:hover .ds-image-carousel {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/*---End Scrolling Image Carousel by Divi Soup---*/

/*Social Media Icons*/

.et_pb_social_media_follow li a.icon::before {
    color: #428bca;
}

.et_pb_social_media_follow li a.icon:hover::before {
    color: #60b5ff;
}

.nav li ul {
	width: 320px;
}

#top-menu li li {
    padding: 0 0px;
}

#top-menu li li a {
    width: 320px;
    padding: 10px 20px;
}

.nav li.et-reverse-direction-nav li ul {
    right: 320px;
}

.nav li li {
    line-height: 1.5em;
}

#top-menu li.mega-menu>ul>li>a:first-child {
    border-bottom: 1px solid rgba(238, 117, 22, 0.6);
}

@media all and (max-width: 980px) {
#page-container, .et_fixed_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
    padding-top: 49px;
}
}

/*Toogles Divi*/

.et_pb_toggle {
    border: 0px solid #d9d9d9;
}

.et_pb_toggle_close {
    padding: 0px;
}

.et_pb_toggle_open {
    padding: 0px;
}

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    color: #ffffff;
    background-color: #ee7516;
    padding: 20px;
}

.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
    color: #ffffff;
    background-color: #ee7516;
	padding: 20px;
}

/*Icono de los Toogles Divi*/

.et_pb_toggle_title:before {
    font-size: 28px;
    content: "\4c";
    font-weight: bold !important;
	margin-right: .5em;
    color: #ffffff;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    content: "\4b";
}

/*Contenido de los Toogles*/

.et_pb_toggle_content {
    padding: 20px;
}

/*Campo CF7 Numero telefono pais*/

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-left: 52px !important;
}