/*  
Theme Name:     Invedin
Description:    Plantilla personalizada para Invedin, Instituto Venezolano para el Desarrollo Integral del Niño.
Template:		Divi
Author:			Ciro Urdaneta
Author URI:		https://curdaneta.com
Version:		2.0
Updated:		###### Fri Nov 20 11:06:18 VET 2020
*/


/*
///////////// NOTAS ///////////////


*/

@charset "UTF-8";

/*
//////////////


base 

//////////////
*/

:root {
    --gris-oscuro: #252525;
    --azul: #0068ad;
    --azul-claro: #49b2df;
    --azul-extra-claro: #b0dbee;
    --rojo: #ee3124;
    --tipografia: 'Source Sans Pro', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    line-height: 1.7;
    font-weight: 400;
    color: #000;
    background: #fff;
    font-family: var(--tipografia)
}

bold,
strong,
b {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: var(--tipografia);
    font-weight: 900;
}

a:hover {
    transition: all 0.4s ease-in-out;
}

.derecha {
    float: right;
    text-align: right;
    position: relative;
}

.izquierda {
    float: left;
    position: relative;
}

.no_margin_v {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}

.no_margin_vt {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: auto !important;
}

.lc {
    text-transform: lowercase !important;
}

.uc {
    text-transform: uppercase !important;
}

small {
    font-size: 75%;
}

.resp-img {
    width: 100%;
    height: auto;
}

.azul {
    color: var(--azul);
}

.azul-claro {
    color: var(--azul-claro);
}

.rojo {
    color: var(--rojo);
}

ul li,
ol li {
    line-height: 1.7;
}


/*
//////////////

modified

//////////////
*/

.et_pb_sum,
.et_pb_pricing li a,
.et_pb_pricing_table_button,
.et_overlay:before,
.et_pb_member_social_links a:hover,
.woocommerce-page #content input.button:hover .et_pb_widget li a:hover,
.et_pb_bg_layout_light .et_pb_promo_button,
.et_pb_bg_layout_light.et_pb_module.et_pb_button,
.et_pb_bg_layout_light .et_pb_more_button,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,
.et_pb_gallery .et_pb_gallery_pagination ul li a.active,
.et_pb_contact_submit,
.et_pb_bg_layout_light .et_pb_newsletter_button,
.mobile_menu_bar:before {
    color: var(--azul);
}

#top-header {
    background: var(--azul) !important;
}

#et-secondary-nav li {
    margin-right: 10px;
    font-size: 1.6rem !important;
}

#et-secondary-nav li:nth-child(1) {
    font-size: 1.2rem !important;
}

#main-header {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;
    height: 110px;
}

#et-top-navigation {
    border-bottom: none;
    border-top: none;
}

#top-menu,
#et_top_search {
    margin-top: 3rem;
}

#top-menu li {
    font-family: var(--tipografia);
}

#top-menu li a {
    font-weight: bold !important;
    font-size: 1.8rem;
    opacity: 1 !important;
    color: #000;
}

#top-menu li a:hover,
#top-menu li.current_page_item a,
#top-menu li.current-cat a,
#top-menu li.current-post-ancestor a,
#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a {
    color: var(--azul-claro) !important;
    opacity: 1;
}

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

#top-menu li li a {
    color: #000 !important;
    padding: 10px 0 !important;
    width: 250px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
}

#top-menu li li a:hover {
    color: var(--azul-claro) !important;
    opacity: 1 !important;
}

.nav li ul {
    width: 280px !important;
}

.nav ul li a:hover {
    background: none !important;
}

#main-footer {
    border-top: 4px solid #e2e4e4;
    background: #f0f1f1;
}

#footer-bottom {
    border-top: 4px solid #49b2df;
    background: var(--azul);
}

#et_search_icon:before {
    color: #000 !important;
}

.footer-widgets,
.textwidget h4.title a {
    color: #000 !important;
}

.textwidget h4.title a:hover {
    color: var(--azul-claro) !important;
}

.et_pb_button:after {
    display: none !important;
}

h1.entry-title {
    color: var(--rojo);
    font-size: 3.6rem;
    margin-top: -4rem;
}

.widget_recent_entries ul li a:hover,
.textwidget ul li,
.textwidget ul li a,
.widget_text h4.title,
.textwidget {
    color: #000 !important;
}

#footer-widgets .footer-widget li:before {
    position: relative;
    top: 0;
    border-width: none;
    border-style: none;
    border-radius: none;
}

#footer-widgets .footer-widget li {
    padding-left: 0 !important;
}

.textwidget ul li a:hover {
    color: var(--azul-claro) !important;
    text-decoration: underline !important;
}

body.home .et_pb_slide_content {
    display: none !important;
}

.et_pb_widget_area_left {
    border-right: none !important;
}

.et_pb_widget_area ul {
    list-style-type: disc !important;
    list-style-position: inside !important;
}

.et_post_gallery {
    margin-top: 2rem !important;
}

ul#mobile_menu,
ul#mobile_menu ul.sub-menu {
    list-style-type: none !important;
}

#footer-widgets .textwidget {
    font-size: 14px !important;
}

#footer-widgets h4.title {
    font-size: 16px !important;
}


/*
//////////////

Zebra Tables

//////////////
*/

table.zebra {
    width: 100%;
    border: none !important;
}

.zebra th {
    background-color: var(--azul);
    color: #fff;
    font-weight: bold;
    border-left: none;
    border-bottom: none;
}

.zebra td {
    border-right: 1px solid #fff;
}

.zebra tr {
    border-bottom: 1px solid var(--azul);
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}

.zebra tr:last-of-type {
    border-bottom: none;
}

.zebra tr:nth-child(odd) {
    background: var(--azul-extra-claro);
}


/*
//////////////

Custom classes

//////////////
*/

h3 {
    margin-top: 1.6rem;
}

#footer-info {
    width: 100%;
    font-size: 1.2rem;
    padding-top: 0.6rem;
    color: #fff;
}

.creditos {
    float: right;
}

.creditos a {
    color: var(--azul-claro) !important;
}

.creditos a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.autor {
    text-align: right;
    margin-bottom: 2rem;
}

.revista p:first-child:first-letter,
.capitular p:first-child:first-letter {
    font-size: 18rem;
    line-height: 0.66;
    float: left;
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-left: -0.5rem;
    padding: 0;
    color: var(--azul);
    font-weight: bold;
}

blockquote p:first-child:first-letter {
    font-size: 1.6rem !important;
    line-height: 1.7 !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
}

blockquote {
    background: rgba(0, 0, 0, .05);
    padding: 1rem 1rem 1rem 1.5rem;
    border-left-width: 12px;
    border-left-color: var(--rojo);
}

.textwidget ul,
ul {
    margin-left: 0 !important;
    padding-left: 1em !important;
    text-indent: 0 !important;
    list-style-type: disc !important;
}

li.citas {
    height: 18px !important;
    max-height: 18px !important;
}

li.citas a {
    display: inline-block;
    background: var(--azul);
    border-radius: 6px;
    padding: 6px 8px !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 1.4rem !important;
    height: 18px !important;
    max-height: 18px !important;
}

li.donar a {
    display: inline-block;
    background: var(--rojo) !important;
    border-radius: 6px;
    padding: 6px 8px !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 1.4rem !important;
    height: 18px !important;
    max-height: 18px !important;
}

li.citas a:hover,
li.donar a:hover {
    opacity: 1 !important;
    background: var(--azul-claro) !important;
    color: #fff !important;
}

li.citas a:active {
    opacity: 1 !important;
    background: var(--azul-claro) !important;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .5);
    color: #fff !important;
}

.et_header_style_left #et-top-navigation nav>ul>li.citas>a,
.et_header_style_left #et-top-navigation nav>ul>li.donar>a {
    padding-bottom: 22px !important;
}

#top-menu li.citas a:hover,
#top-menu li.donar a:hover {
    color: #fff !important;
}

a.boton-donacion {
    display: inline-block;
    background: var(--azul-claro);
    border-radius: 6px;
    padding: 6px 8px !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 1.6rem !important;
}

a.boton-donacion.paypal {
    background: #f2ba36;
}

a.boton-donacion:hover,
a.boton-donacion.paypal:hover {
    background: var(--azul);
}

.et_pb_blog_grid article:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, .3);
}

.cols_3 {
    column-count: 3;
}

.et_pb_promo_sidebar {
    background-blend-mode: screen;
    background-image: url(https://invedin.online/wp-content/uploads/2020/11/donar-cta-sidebar.jpg);
    background-color: #0068ad;
    padding-top: 16px!important;
    padding-bottom: 16px!important;
}


/*
//////////////

forms

//////////////
*/

.requerido {
    color: #EC5300 !important;
}

.widget_search input#s {
    max-width: 76% !important;
}

.widget_search #searchsubmit {
    width: 20%;
    margin-top: 16px !important;
}


/*
//////////////

Mailpoet

//////////////
*/

.widget_mailpoet_form h4.title {
    color: #000 !important;
}

#mailpoet_form_1 form.mailpoet_form {
    padding: 0 !important;
}

.mailpoet_paragraph {
    line-height: 20px;
}

.mailpoet_segment_label,
.mailpoet_text_label,
.mailpoet_textarea_label,
.mailpoet_select_label,
.mailpoet_radio_label,
.mailpoet_checkbox_label,
.mailpoet_list_label,
.mailpoet_date_label {
    font-size: 100%;
    font-family: inherit;
}

.mailpoet_text,
.mailpoet_textarea,
.mailpoet_select,
.mailpoet_date_month,
.mailpoet_date_day,
.mailpoet_date_year,
.mailpoet_date {
    font-size: 100%;
    font-family: inherit;
    display: block;
    padding: 8px !important;
    border-radius: 4px;
    font-size: 1.33rem;
}

.mailpoet_text,
.mailpoet_textarea {
    width: auto;
}

.mailpoet_submit {
    background: var(--azul) !important;
    color: #fff !important;
    font-weight: bold !important;
}

.mailpoet_submit:hover {
    background: var(--azul-claro) !important;
    cursor: pointer !important;
}

.mailpoet_validate_success {
    color: var(--azul-claro);
}

.mailpoet_validate_error {
    color: var(--rojo);
}


/*
//////////////

mediaqueries
responsive

//////////////
*/


/* Responsive Styles Large Desktop And Above */

@media all and (min-width: 1900px) {
    #logo,
    img#logo,
    .et_pb_svg_logo #logo {
        max-width: 280px !important;
        height: auto !important;
    }
}


/* Responsive Styles Standard Desktop Only */

@media all and (min-width: 981px) and (max-width: 1405px) {
    #logo,
    img#logo,
    .et_pb_svg_logo #logo {
        max-width: 280px !important;
        height: auto !important;
    }
}


/* Responsive Styles Desktop Only */

@media all and (min-width: 981px) {}


/* Responsive Styles Tablet Only */

@media only screen and (min-device-width: 768px) and (min-device-width: 1405px) and (orientation: landscape) {
    #logo {
        max-width: 280px !important;
    }
}


/* Responsive Styles Tablet And Below */

@media all and (max-width: 980px) {}


/* Responsive Styles Smartphone Only */

@media all and (max-width: 767px) {
    #logo,
    img#logo,
    .et_pb_svg_logo #logo {
        max-width: 100% !important;
        height: auto !important;
    }
    #et_top_search {
        display: none;
    }
    h1.entry-title {
        margin-top: 0;
    }
    li.citas,
    li.donar {
        margin: 1.5rem 0;
    }
    li.citas a,
    li.donar a {
        min-height: 24px !important;
        padding: 1px 6px 2px 6px !important;
        border-radius: 4px !important;
    }
    li.citas a,
    li.citas a:hover,
    li.donar a,
    li.donar a:hover {
        box-shadow: none !important;
    }
    .redes-menu-movil {
        width: 20%;
        float: left;
        margin-left: 10px !important;
    }
    .cols_3 {
        column-count: 1;
    }
}


/* Responsive Styles Smartphone Portrait */

@media all and (max-width: 479px) {
    #logo {
        top: 2rem !important;
        position: absolute;
        max-width: 100%;
    }
    #et_mobile_nav_menu {
        margin-top: 5rem !important;
    }
}


/* Responsive Styles Tablet Portrait And Below */

@media all and (max-width: 768px) {}

@media only screen and (min-width: 981px) {}

@media (min-width: 981px) {}


/* debug only */

.debug-r {
    background: rgba(255, 0, 0, .3);
}

.debug-g {
    background: rgba(0, 255, 0, .3);
}

.debug-b {
    background: rgba(0, 0, 255, .3);
}

.debug {
    background: rgba(0, 0, 0, .3);
}