/*
 Theme Name:   Custom Twenty Seventeen
 Theme URI:    https://wordpress.org/themes/twentyseventeen/
 Description:  Custom Twenty Seventeen
 Author:       Roster - HNN Team
 Author URI:   https://wordpress.org/
 Template:     twentyseventeen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  custom-twentyseventeen
*/
@import url("../twentyseventeen/style.css");


/* General ===================== */

/*
   text-color (azul): color: #043054;
   hr (rojo): color: #d6424f;
   background (gris): #ededed;
*/

@font-face {
    font-family: 'Roboto-Bold';
    src: url('assets/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('assets/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('assets/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto-Medium';
    src: url('assets/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body{
    color: #043054;
    font-family: Roboto-Regular;
}

h1{
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family: Roboto-Bold;
}

.disable-temp{
    display: none !important;
}

.menu-toggle{
    color: #043054;
}

.site-info{
    display: none;
}

.more{
    text-align: center;
    margin-top: 20px;
}

.more a{
    text-decoration: none;
    background-color: #d6424f;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 10px 2px 10px;
    border-radius: 15px;
    box-shadow: none;
    font-family: Roboto-Bold;
}

.more a:hover,
.more a:visited,
.more a:active,
.more a:focus
{
    text-decoration: none;
    background-color: #d6424f;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 10px 2px 10px;
    border-radius: 15px;
    box-shadow: none;
}

/* Wrap */
.page-one-column .panel-content .wrap{
    max-width: 980px;
    padding: 20px;
}

/* Portada */
#wp-custom-header img{
    position: absolute;
}

/* Menu */

.navigation-top.site-navigation-fixed{
    z-index: 10000;
}

#top-menu{
    text-align: center;
    text-transform: uppercase;
}

.main-navigation a{
    color: #043054;
    font-weight: 200;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{
    color: #043054;
    font-weight: 200;
}

.main-navigation a:hover {
    color: #043054;
    font-weight: 800;
}

.main-navigation a.mPS2id-clicked{
    color: #043054;
    font-weight: 800;
}

#top-menu .menu-image-title-hide.menu-image-not-hovered{
    padding: 10px 17px 10px 17px;
}

#top-menu .menu-image-title-hide.menu-image-not-hovered img{
    width: 90px !important;
    height: auto !important;

}




#menu-menu-aviacion li{
    border: none;
    float: left;
}

#menu-menu-aviacion .menu-image-title-hide.menu-image-not-hovered{
    padding: 10px 17px 10px 17px;
}

#menu-menu-aviacion .menu-image-title-hide.menu-image-not-hovered img{
    width: 30px !important;
    height: auto !important;
}

#menu-menu-aviacion a,
#menu-menu-aviacion .more a:hover,
#menu-menu-aviacion .more a:visited,
#menu-menu-aviacion .more a:active,
#menu-menu-aviacion .more a:focus
{
    text-decoration: none;
    box-shadow: none;
}





#menu-menu-enlaces-externos li{
    border: none;
    float: right;
}

#menu-menu-enlaces-externos .menu-image-title-hide.menu-image-not-hovered{
    padding: 10px 17px 10px 17px;
}

#menu-menu-enlaces-externos .menu-image-title-hide.menu-image-not-hovered img{
    width: 40px !important;
    height: auto !important;
}

#menu-menu-enlaces-externos a,
#menu-menu-enlaces-externos .more a:hover,
#menu-menu-enlaces-externos .more a:visited,
#menu-menu-enlaces-externos .more a:active,
#menu-menu-enlaces-externos .more a:focus
{
    text-decoration: none;
    box-shadow: none;
}
/* Info - Icon */

.info{
    margin-top: 25px;
    text-align: center;
}

.info h4{
    margin-bottom: 5px;
    font-weight: 600;
    color: #043054;
}

.circle-icon{
    border: none;
    margin: auto;
    padding: 0px;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* Title */

.label-title{
    text-align: center;
}

.label-title{
    text-align: center;
    color: #043054;
    margin-bottom: 7px;
}

.lt-white{
    color: white;
}

.hr-title{
    width: 50px;
    height:3px;
}

.hr-blue{
    background-color: #043054;
}

.hr-red{
    background-color: #d6424f;
}

.text-down{
    text-align: center;
    width: 60%;
    margin: auto auto;
    font-size: 12px;
}

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


}

.info h4,
.info h3{
    color: #043054;
}

#panel2 .panel-image,
#panel3 .panel-image,
#panel4 .panel-image,
#panel5 .panel-image,
#panel6 .panel-image {
    height: 60vh;
}

.menu-scroll-down{
    text-align: center !important;
    background-image: url('assets/images/saeta_down.png')  !important;
    background-repeat: no-repeat !important;
    width: 100%;
    background-position-x: 50% !important;
    background-size: contain !important;
    height: 55px !important;
    transform: translateY(-170%);
}

.menu-scroll-down svg{
    display: none !important;
}

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header{
    margin-bottom: 0;
}

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

    .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header{
        margin-bottom: 0;
    }
}


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

    .panel-image{
        background-attachment: fixed;
    }

    .site-branding{
        display: none;
    }
}

.txt-img{
    text-align: center;
    position: absolute;
    top: -235px;
    left: 50%;
    transform: translate(-50%, 0);
}

.txt-img h1,
.txt-img h4{
    padding: 0;
    margin: 0;
    color: #ffffff;
    text-shadow: 2px 2px 2px #043054;
}

.site-branding{
    display: none;
}

/* ==================== General */


/* Perfil ===================== */

.mision-vision{
    /*text-align: center;*/
    /*padding-bottom: 35px;*/
    /*padding: 0;*/
    display: flex;
    /*justify-content: center;*/
    margin-top: 30px;
}

.mision,
.vision{
    background-color: white;
    text-align: center;
    padding: 30px;
    border-radius: 30px 0px 30px 0;
    width: 40%;
    height: 315px;
    float: left;
}


.mision{
    margin-left: auto;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
}

.vision{
    margin-left: 10px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
}

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

    .mision-vision{
        display: block;
    }

    .mision,
    .vision{
        width: 90%;
        margin: 0 auto 0 auto;
        display: block;
        float: none;
        height: auto;
        padding-top: 25px;
    }

    .vision{
        margin-top: 20px;
    }
}

.post-32{
    background-color: #ededed;
}

.post-174{
    background-color: white;
}

/* ==================== Perfil  */

/* Direcciones ================ */

.dir-item .circle-icon{
    display: none;
}


.direcciones{
    text-align: center;
    padding-bottom: 35px;
    display: flex;
    justify-content: center;
}

.direcciones{
    text-align: center;
}

.dc-up,
.dc-down{
    text-align: center;
    display: flex;
    justify-content: center;
}

.dir-item{
    background-color: white;
    text-align: center;
    width: 32%;
    height: 260px;
    margin: auto auto;
}

.dc-down .dir-item{
    height: 360px;
}

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

    .dc-up,
    .dc-down{
        display: block;
    }

    .dir-item{
        width: 90%;
        margin: auto auto;
        margin-top: 50px;
    }
}

/* ================ Direcciones */

/* Servicios ================== */
.serv-item .circle-icon{
    cursor: pointer;

}

.sc1,
.sc2,
.sc3,
.sc4,
.sc5{
    text-align: center;
    padding-bottom: 0px;
    /*display: flex;*/
    /*justify-content: center;*/
    margin-top: 0px;
    width: 100%;
}

.serv-item{
    background-color: white;
    /*text-align: center;*/
    padding: 0;
    width: 45%;
    height: 80px;
    display: inline-block;
    /*margin: auto auto;*/
}

.serv-item-right{
}

.serv-item-right .circle-icon{
    float: left;
    margin-top: auto;
    margin-bottom: auto;
}

.serv-item-right .info{
    float: left;
    margin-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: left;
}




.serv-item-left{
    margin-right: 4%;
}

.serv-item-left .circle-icon{
    float: right;
    margin-top: auto;
    margin-bottom: auto;
}

.serv-item-left .info{
    float: right;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    text-align: right;
}



.serv-item .circle-icon{
    width: 59px;
    height: 59px;
}

.servicios-content{
    margin-top: 30px;
}

.servicios-content p{
    display: none;
}



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

    .sc1,
    .sc2,
    .sc3,
    .sc4,
    .sc5{
        display: block;
    }

    .serv-item{
        width: 90%;
        height: 80px;
        margin: auto auto;
        margin-top: 0px;
        padding: 0;
    }
}

/* ================== Servicios */

/* Popup Servicios =========== */

.serv-item-left .sg-show-popup{
    display: contents !important;
    box-shadow: none !important;
    /*transform: translate(30px, -7px);*/
}

.serv-item-right .sg-show-popup{
    display: contents !important;
    box-shadow: none !important;
    /*transform: translate(30px, 7px);*/
}

#sgcboxContent,
#sgcboxLoadedContent{
    border-radius: 30px 0px 30px 0 !important;
}

#sgcboxClose{
    top: 20px !important;
    left: 90% !important;
}

#sgcboxLoadedContent{
    padding: 20px !important;
}


/* ========== Poppup Servicios  */


/* Portafolio ================== */

.rwd-title-text{
    font-weight: bold;
}

.rwd-description-text h4{
    color: #ffffff;
    font-weight: normal;
}

.portafolio-content .description-block_2 p{
    display: none !important;
}

.portafolio-content .description-block_2 h4,
.default-block_2 .title-block_2{
    color: #043054 ;
    font-weight: normal;
}

.portelement.portelement_2.colorbox_grouping {
    border-color: #043054;
    border: none;
}

/* ================== Portafolio */



/* Logros ====================== */

.tm_timeline__event__date{
    display: none;
}

.tm_timeline__even{
    margin-bottom: 25px;
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__dot {
    transform: translate(-6px, 6px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__dot {
    transform: translate(6px, 6px);
}

.tm_timeline-layout-vertical-chessOrder .tm_timeline__tense{
    background: #043054;
}

.tm_timeline__event__dot {

    width: 12px;
    height: 12px;
    background: #d6424f;
}

.tml-text,
.tml-img{
    width: 50%;
}

.tm_timeline__event-even .tml-text{
    transform: translateX(100%);
}

.tm_timeline__event-even .tml-img{
    transform: translateY(-60%) translateX(-10%);
}

.tm_timeline__event-odd .tml-img{
    transform: translateY(-60%) translateX(110%);
}

.tm_timeline__event__title{
    color: #043054;
}

/* ====================== Logros */

/* Contactos =================== */

.contact-items,
.contact-map
{
    display: block;
    width: 100%;
    text-align: center;
}

.cont-item {
    display: inline-block;
    text-align: center;
    margin: 10px;
}

.cont-item-txt{
    line-height: 2px;
    margin-top: 15px;
}

.contact-map img {
    border: solid 1px;
}

/* =================== Contactos*/


/* ADMIN */
/*.portfolio_options_grey_overlay{*/
    /*z-index: -100;*/
/*}*/

/* Footer ============== */
.widget-area{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#nav_menu-2,
#nav_menu-4{
    padding-bottom: 0px;
}


/* Fixeds */
#wp-custom-header img{
    object-fit: cover;
    /*position: fixed;*/
}

.page .panel-content .entry-title{
    text-align: center;
    color: #043054;
    margin-bottom: 7px;
    font-size: 1.875rem;
    font-family: Roboto-Bold;
    margin-top: 25px;
    letter-spacing: normal;
}