/*
 Theme Name:   Departamento de Psicología 2021
 Description:  Departamento de Psicología ULS Theme
 Author:       Wilson Vilches Molina
 Template:     psico2021
 Text Domain:  psicolo2021-child
*/
/* = Estilos del tema
-------------------------------------------------------------- */
#main-header {
    z-index: 99999;
    background-image: url(header.jpg);
    background-size: 50%;
    background-position: center right;
    background-repeat: no-repeat;
}

#top-menu li li a {
    line-height: normal;
}

#post-133 h4.pt-cv-title a {
    color: #2951a5;
}

#top-menu li {
    padding-right: 16px;
    }

.container {
    max-width: 1120px;
    }

.et-fixed-header img#logo {
    height: 60px;
}

.et-fixed-header .site-info {
    height: 111px;
}

.et-fixed-header .site-info img {
    height: 112px;
    top: -3px;
}

#top-menu li {
    /*padding-right: 8px;*/
    font-size: 13.4px;
    }
/*
#top-menu li.menu-item-has-children {
    padding-right: 0px;
}
*/
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    right: 4px;
}

.single h1.entry-title {
    font-weight: 700;
    color: #203a70;
    margin-bottom: 10px;
    margin-top: 30px;
}

.noticias h3 {
    font-weight: 700;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    color: #203a70;
}

.post-521 .pt-cv-title a {
    color: #2951a3;
}

#main-content {
    background-image: url(greca.png);
    background-repeat-x: no-repeat;
}

.et-info {
    border: none;
    margin-top: 10px;
}

.et-info .et-box-content {
    color: #000000;
    background: #fff7d3;
    border: 1px solid #fff2b6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sub-header {
    background: linear-gradient(to left, #a4c71800 50%, #A4C21B 50%);
}

span.breadcrumb_last, #menu-menu-lateral li a:hover {
    color: #2951a5;
}

.et_right_sidebar #sidebar {
    padding-left: 0;
    padding-top: 27px;
}

.menu-menu-lateral-container li {
    border-bottom: 1px dotted #9f9a9a;
    padding: 5px 0px 7px;
    margin-bottom: 0!important;
}

div#nav_menu-3 {
    padding: 15px 10px;
       background-color: #2951a5;
    border: 1px solid #4069bf;
}

h4.widgettitle {
    font-weight: 600;
}

.menu-menu-institucional-container li {
        border-bottom: 1px dotted #4069bf;
    padding-bottom: 10px;
}

.menu-menu-institucional-container li a, div#nav_menu-3 h4 {
    color: #fff;
    }

.menu-menu-institucional-container li:last-child {
    border:none;
    padding-bottom: 0px;
}

.menu-menu-lateral-container li:last-child {
    border:none;
}

a.small-button.smallblue {
    background: #de3a3b!important;
    border: none;
    border-radius: 2px;
    margin-top: 10px;
    color: #fff!important;
}

#main-content .container:before {
    display: none;
}

.entry-content h3, .entry-content h3 b {
    font-weight: 700;
}


.nav li ul {
    border-top: 3px solid #4069bf;
    background: #1d3e84;
}

.nav li a:hover {
    color: #44cafa!important;
    opacity: 1;
}

.nav li ul li a {
    color: #fff!important;
}


#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #fff;
}

#top-menu a {
    color: #fff;
    }

.pt-cv-wrapper .btn-success {
    background-color: #a4c718;
    border-color: #b6d928;
}

.site-info {
    float: right;
    top: 0;
    right: 0px;
    text-align: center;
    /*background-color: #2951a5;*/
    width: 175px;
    height: 125px;
}

.site-info h4 {
    font-size: 25px;
    line-height: initial;
}

img#logo {
    height: 80px;
    margin: 25px 0;
        -webkit-filter: drop-shadow(0px 0px 8px #6d7f18);
    filter: drop-shadow(0px 0px 8px #6d7f18);
}

.site-info img {
    height: 130px;
    top: 0px;
    left: -5px;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
        -webkit-filter: drop-shadow(5px 15px 5px #222);
    filter: drop-shadow(5px 5px 15px #222);
}

.logo_container {
    position: relative!important;
}

.menu-container {
    border-top: 3px solid #4069bf;
    padding-top: 14px;
    background-color: #2951a5;
}

div#et-top-navigation {
    padding-left: 0!important;
    padding-top: 0!important;
    float: none;
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 18px;
}

.container.clearfix.et_menu_container {
    text-align: center;
}

#top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
    float: none;
}

p {text-align: justify;}

.box {
    display: inline-block;
    margin-bottom: 30px;
}
/*
.container-accesos {
    background-color: #243777;
    background-image: url(dots.png);
    background-size: 70px;
    padding: 10px;
    border-bottom: 3px solid #22377e;
}
*/

.container-accesos {
    background-color: #ffab11;
    border-bottom: 6px solid #f89924;
    border-top: 6px solid #f89924;

}

/*
ul#menu-accesos-directos li:hover {
    border-left: 1px dotted white;
    border-right: 1px dotted white;
    background-color: #23377d47;
    /*box-shadow: inset 0px 0px 35px #0a1033a6;
}*/

ul#menu-accesos-directos li:hover {
    background-color: #f89924;
}


ul#menu-accesos-directos li a {
    padding: 25px 0;
    font-size: 20px;
    text-transform: uppercase;
}

.menu-accesos-directos-container {
    text-align: center;
}

ul#menu-accesos-directos li {
    display: inline-grid;
    width: 24.7%;
    text-align: center;
}


ul#menu-accesos-directos li a {
    color: #fff;
    font-weight: 600;
}

/*


ul#menu-accesos-directos li:nth-child(2), ul#menu-accesos-directos li:nth-child(4), ul#menu-accesos-directos li:nth-child(6) {
    border-bottom: 5px solid #bf2f2f;
}

ul#menu-accesos-directos li:nth-child(1), ul#menu-accesos-directos li:nth-child(3), ul#menu-accesos-directos li:nth-child(5) {
    border-bottom: 5px solid #a4c718;
}

ul#menu-accesos-directos li:nth-child(2):hover, ul#menu-accesos-directos li:nth-child(4):hover, ul#menu-accesos-directos li:nth-child(6):hover {
    background-color: #bf2f2f;
}

ul#menu-accesos-directos li:nth-child(1):hover, ul#menu-accesos-directos li:nth-child(3):hover, ul#menu-accesos-directos li:nth-child(5):hover {
    background-color: #a4c718;
}
*/

.entry-content ul {
    text-align: justify;
}

.one_third.img-fondo {
    height: 260px;
}

footer {
    background-color: #243777!important;
    display: flex;
}

/** FLEX SLIDER **/

.flexslider {
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
}

.flexslider li {
        position: relative;
        height: 420px;
        width: 100%;
}

.flexslider li .meta {
        /*position: absolute;*/
        /*bottom: 20px;*/
        top:40%;
        left: 20px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        font-family: 'Roboto', sans-serif;
}

a.slider-button {
    background-color: #a4c718;
    border-bottom: 3px solid #89a41f;
    color: #fff;
    padding: 9px 20px;
    font-weight: 600;
    margin-top: 20px;
}

a.slider-button:hover, a.slider-button:focus {
    background-color: #89a41f;
}

.flexslider li h1 {
        background: rgba(0, 0, 0, 0.69);
        padding: 12px 18px 12px;
        margin-bottom: 0;
        font-size: 1.8em;
        font-weight: 600;
        color: #fff;
}

.flexslider li h2 {
        background: rgba(0, 0, 0, 0.69);
        padding: 13px 18px 11px;
        font-size: 1.4em;
        margin-bottom: 0;
        font-weight: 300;
        color: #fff;
}

.flexslider li .category {
        display: flex;
        flex-direction: row;
}

.flexslider li .category p {
        background: #e43837;
        margin-right: 7px;
        font-size: 1.1em;
        padding: 12px 18px 10px;
        font-weight: 300;
}

.flexslider li .category span {
        background: #e43837;
        margin-top: 17px;
        padding: 8px 12px 0;
        font-size: 0.9em;
        font-weight: 300;
        height: 26px;
}

.flexslider li h1,
.flexslider li h2,
.flexslider li .category p,
.flexslider li .category span {
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta .category p,
.flexslider li.flex-active-slide .meta .category span {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta .category p {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
}

.flexslider li.flex-active-slide .meta .category span {
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
}

/*.flex-direction-nav {
        position: absolute;
        top: 0;
        left: 30px;
}*/

.flex-direction-nav {
    z-index: 9999;
    width: 75px;
    margin: 0 auto;
    position: relative;
    top: -50px;
}

ul.flex-direction-nav li {
    position: absolute;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #333;
    /* margin: -20px 0 0; */
    position: absolute;
    /* top: 50px; */
    z-index: 10;
    overflow: hidden;
    opacity: .5;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
        text-align: left;
        /*left: -10px;*/
}

.flex-direction-nav .flex-next {
    text-align: right;
    left: 45px;
}

.flexslider:hover .flex-prev {
        /*left: -10px;*/
}

.flexslider:hover .flex-next {
        left: 45px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
        opacity: 1;
}

.flex-direction-nav a:before {
        font-family: dashicons;
        content: "\f341";
        font-size: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 0;
        padding: 2px;
        font-size: 19px;
    line-height: 27px;
}

.flex-direction-nav a.flex-next:before {
        content: "\f345";
}

@-webkit-keyframes fadeInLeft {
        0% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
        100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
        }
}

@keyframes fadeInLeft {
        0% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
        100% {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
        }
}

@-webkit-keyframes fadeOutLeft {
        0% {
                opacity: 1;
        }
        100% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
}

@keyframes fadeOutLeft {
        0% {
                opacity: 1;
        }
        100% {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
}

/** ----------- **/

#main-content .container {
    padding-top: 15px;
}

p#breadcrumbs a {
    color: #c1c1c1;
}

.migas {
    margin-bottom: 5px;
}

p#breadcrumbs {
    font-size: 12px;
}

.article-header {
    height: 150px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-position: center!important;
    background-size: cover!important;
    margin-bottom: 20px;
}

.overlay-back {
    vertical-align: middle;
    width: 100%;
    height: 150px;
    background-color: #96868666;
}

h1.entry-title.main_title {
    color: #fff;
    font-weight: 700;
    position: relative;
    top: 35%;
    padding-left: 20px;
}

.campo-ficha.imagen {
    width: 110px;
    height: 110px;
    background-size: cover!important;
    background-position: center!important;
    margin-bottom: -6px;
}

.ficha {
    background: #f6f1f1;
    padding: 0 15px 0 0;
    margin-bottom: 10px;
    width: 48%;
    display: inline-block;
    margin-right: 1.6%;
}

.campo-ficha {
    display: inline-block;
}

.campo-ficha.info {
    max-width: 225px;
    vertical-align: super;
    padding-left: 15px;
}

.campo-ficha.info h3 {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 5px;
}

.campo-ficha.info strong {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
}

.campo-ficha.info a {
    color: #bf1d17;
    font-weight: 600;
    font-style: italic;
    font-size: 13px;
}

.imagen {
    background-color: #e5e0e0!important;
}

.page-id-103 tbody > tr:nth-child(1) td , .page-id-115 tbody > tr:nth-child(1) td {
    background-color: #203a70;
}

.page-id-103 tbody > tr:nth-child(1) td h3, .page-id-115 tbody > tr:nth-child(1) td b {
    color:#fff;
}

.perfil_academicos .box {
    width: 100%;
}

.foto-ficha.one_third {
    height: 250px;
    background-size: cover!important;
    background-position: center!important;
}

/* Redes Sociales */
/*************************

Styles for the buttons.
@Vivek Kumar Poddar
https://wpvkp.com

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

.social-box {
    display: block;
    margin: -20px 0 40px;
    padding: 0 6rem 0;
}

.social-box:last-of-type {
    margin: 0 0 40px;
}

.social-btn {
    display: block;
    width: 100%;
}

a.col-2.sbtn span {
    margin: 0 0 0 5px;
}

a.col-1.sbtn {
    width: 130px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 5px;
    color: #fff;
    margin: 0 0.5% 0 0;
    font-size: 15px;
}

a.col-1.sbtn span {
    margin: 0 0 0 15px;
}

a.col-2.sbtn {
    width: 125px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    padding: 0px 10px;
    line-height: 1.825 !important;
}

.social-btn a:before {
    font-size: 20px!important;
}

.s-twitter {
    background: #03A9F4;
}
.s-twitter::before {
    font-family: fontawesome;
    content: '\f099';
}
.s-twitter:hover {
    background: #0093d6;
}


.s-facebook {
    background: #3F51B5;
}
.s-facebook::before {
    font-family: fontawesome;
    content: '\f09a';
}
a.col-1.sbtn.s-facebook:hover {
    background: #2f409f;
}



.s-googleplus {
    background: #F44336;
}
.s-googleplus::before {
    font-family: fontawesome;
    content: '\f0d5';
}
.s-googleplus:hover {
    background: #c82c21;
}



.s-whatsapp {
    background: #4CAF50;
}
.s-whatsapp::before {
    font-family: fontawesome;
    content: '\f232';
}
a.col-2.sbtn.s-whatsapp:hover {
    background: #3d9440;
}



.s-linkedin {
    background: #1a7baa;
}
.s-linkedin::before {
    font-family: fontawesome;
    content: '\f0e1';
}
a.col-2.sbtn.s-linkedin:hover {
    background: #136288;
}


.s-pinterest {
    background: #bd081c;
}
.s-pinterest::before {
    font-family: fontawesome;
    content: '\f231';
}
a.col-2.sbtn.s-pinterest:hover {
    background: #a10718;
}

.social-btn span {
    display: inline-block!important;
}



/*.s-buffer {
    background: #ced7df;
}
.s-buffer::before {
    font-family: fontawesome;
    content: '\e804';
}
a.col-2.sbtn.s-buffer:hover {
    background: #c3c5c8;
}*/

/********************************
////// Important
*******************************/

.social-btn a:last-of-type {
    margin: 0;
}

/* POST RELACIONADOS */

div#relatedpages {
    background-color: #f2f2f2;
    padding: 15px 10px;
}

div#relatedpages h3 {
    font-size: 16px;
    font-weight: 700;
}

div#relatedpages li h3 {
    font-size: 14px;
    font-weight: 500;
}

div#relatedpages ul {
    padding-bottom: 0;
}

div#relatedpages ul li {
    list-style: none;
    width: 32%;
    display: inline-grid;
    padding: 6px;
}


@media only screen and (max-width: 1200px) {
    a.col-1.sbtn {
        width: 180px;
        display: inline-block;
        text-align: center;
        border-radius: 50px;
        padding: 10px;
        color: #fff;
        margin: 0 0.5% 0 0;
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    a.col-1.sbtn {
        width: 46px;
    }

    a.col-1.sbtn span {
        display: none;
    }


}
/* ------------ redes ----------- */

article p, article ul li {
    color: #000;
    line-height: initial;
}

.perfil_academicos h1 {
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 5px;
}

.info > span {
    display: block;
    font-weight: 400;
}

span.cargo {
    color: #000;
}

span.correo {
    color: #bc2218;
}

.curriculum {
    background-color: #f5f9fb;
    border: 1px dotted #accae9;
    border-radius: 10px;
    padding: 20px;
}

.entry-content a {
    color: #e25051;
    font-weight: bold!important;
}

.page-id-105 ul {
    display: inline-block;
}

.page-id-105 ul li {
    list-style: none;

}

/* Mobile */

@media only screen and (max-width: 1024px) {

ul#menu-accesos-directos li {
    width: 49.4%;
}

.social-box {
    padding: 0 0 0;
}

a.col-1.sbtn {
    width: 150px!important;
    padding: 6px!important;
}

} /* fin mobile 1024 */


@media only screen and (max-width: 769px) {

.campo-ficha.imagen {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
}

.ficha {
    padding: 0;
}

img#logo {
    height: inherit;
}

.sub-header {
    background: linear-gradient(to left, #a4c71800 50%, #A4C21B 50%);
}

#main-header {
    background-size: cover;
    }

.et_mobile_menu {
    background: #203a70;
}

.et_mobile_menu li a {
    color: #fff;
}

.ficha {
    width: 100%;
    }

.foto-ficha.one_third {
    width: 200px!important;
}

} /* fin mobile 769 */

@media only screen and (max-width: 667px) {
    .site-info {
    float: left;
    height: 134px;
    background-color: #2951a5;
}

div#relatedpages ul li {
    width: 100%;
    }

.site-info img {
    height: 120px;
    top: 0px;
    }

.container.logo_container {
    height: 87px;
}

img#logo {
    display: none;
}

.sub-header {
    background: none;
}

.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
    padding-bottom: 8px;
}

.menu-container {
    padding-top: 4px;
}

} /* fin mobile 667 */

@media only screen and (max-width: 375px) {

.flexslider li .meta {
    left: 0;
}

ul#menu-accesos-directos li {
    width: 100%;
}

} /* fin mobile 375 */