/* ============================== 

SECTION MENU

ANCHOR ENLACE DE INTERES

1.ENLACE DE INTERES PRIMARIO
2.ENLACE DE INTERES SECUNDARIO
3.ENLACE DE INTERES TERCIARIO

!SECTION 

@IngJheyner - 2019
============================== */


/*ESCRITORIO (XL REVISAMOS EN 1366px EN ADELANTE)*/


/* ==================================
SECTION 1.ENLACE DE INTERES PRIMARIO
===================================== */

.enlace_interes .contenido-enlace-interes .columna_enlace_interes {
    border-right: 1px solid rgb(160, 159, 159, .5);
}

.enlace_interes .contenido-enlace-interes .columna_enlace_interes:nth-child(4) {
    border: none;
}

.enlace_interes .card .card-enlace a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
}

.enlace_interes .card .card-body {
    height: 50px;
}

.enlace_interes .card .card-body .card-title h3 a {
    color: black;
}

.enlace_interes .card .card-body .card-title h3 a:hover {
    color: #264ba3;
}

.enlace_interes .card span.card-icon {
    position: absolute;
    margin: 5px 0px 0px 277px;
    cursor: pointer;
}


/* =================================================
!SECTION ******FIN******1.ENLACE DE INTERES PRIMARIO 
==================================================== */


/* ====================================
SECTION 2. ENLACE DE INTERES SECUNDARIO
======================================= */

.enlace_interes_secun .enlace-secundario-contenido,
.enlace_interes_secun .enlace-secundario-movil {
    border-radius: 5px;
    background: linear-gradient(to right, rgba(28, 28, 125, 1) 0%, rgba(28, 28, 125, 1) 0%, rgba(28, 28, 125, 1) 17%, rgba(13, 13, 48, 1) 100%);
}

.enlace_interes_secun .views-slideshow-cycle-main-frame {
    width: 100% !important;
}

.enlace_interes_secun .views-slideshow-cycle-main-frame-row {
    text-align: center;
    width: 100% !important;
    height: 180px !important;
}

.enlace_interes_secun .views-slideshow-cycle-main-frame-row-item {
    position: relative;
    /* padding-right: 10px; */
    padding-right: 19px;
    /* margin-left: 5px; */
    margin-left: 35px;
    float: left;
}

.enlace_interes_secun .views-slideshow-cycle-main-frame-row-item:nth-child(2) {
    border-right: 1px solid rgb(199, 199, 198, .5);
}

.enlace_interes_secun .views-slideshow-cycle-main-frame-row-item:nth-child(odd) {
    border-right: 1px solid rgb(199, 199, 198, .5);
}

.enlace_interes_secun .views-slideshow-cycle-main-frame-row-item .views-field.views-field-field-global-image img {
    border-radius: 5px;
    border: 0;
}


/* ===== ===== ENLACE DE CADA UNO ===== ===== */

.enlace_interes_secun .views-slideshow-cycle-main-frame-row-item .views-field-field-global-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: -1;
}


/* ===== ===== ICONO AZUL INFERIOR DERECHO ===== ===== */

.enlace_interes_secun .views-field-nothing {
    position: absolute;
    top: 2px;
    right: 25px;
}


/* ===== ===== BTN DESPLAZAMIENTO CARRUSEL ===== ===== */

.enlace_interes_secun .views-slideshow-controls-bottom a {
    opacity: -1
}

.enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-next {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 0;
    text-align: center;
    width: 55px;
    line-height: 55px;
    background: url("https://www.sic.gov.co/sites/default/files/images/2019/sic_home_enlaces/iconos/FlechaDerCarrusel.png") no-repeat;
}

.enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-previous {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    text-align: center;
    width: 55px;
    line-height: 55px;
    background: url("https://www.sic.gov.co/sites/default/files/images/2019/sic_home_enlaces/iconos/FlechaIzqCarrusel.png") no-repeat;
}

.enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-pause {
    display: none;
}


/* ===== ===== BTN PAGINADOR===== ===== */

.enlace_interes_secun .views-slideshow-simple-pager {
    text-align: center;
    margin-top: 30px;
}

.enlace_interes_secun .views-slideshow-simple-pager .views-slideshow-pager-field-item {
    margin-right: 5px;
    background-color: #9597Ba;
    border-radius: 50%;
    padding: 2px;
}

.enlace_interes_secun .views-slideshow-simple-pager .views-slideshow-pager-field-item.active {
    background-color: white;
    border-radius: 50%;
}

.enlace_interes_secun .views-slideshow-simple-pager .views-slideshow-pager-field-item a {
    padding: 4px;
}


/* ====================================================
!SECTION ******FIN****** 2.ENLACE DE INTERES SECUNDARIO
======================================================= */


/* ==============================================
SECTION 3.ENLACES DE INTERES TERCIARIO
=================================================*/

.img-t-e{

    width: 7rem;
    height: 7rem;
}

.enlace_interes_terciarios .columna-categoria {
    border-right: 1px solid rgb(199, 199, 198, .5);
}

.enlace_interes_terciarios .columna-categoria:nth-child(4) {
    border: none;
}

.enlace_interes_terciarios .categoria {
    position: relative;
    z-index: 2;
    border-radius: 5px;
}

.enlace_interes_terciarios .categoria .icono-up {
    position: absolute;
    z-index: -1;
    top: 62px;
    right: 17px;
}

.enlace_interes_terciarios .categoria .icono-down {
    position: absolute;
    z-index: -1;
    bottom: 14px;
    right: 17px;
}

.enlace_interes_terciarios .categoria .contenido-categoria {
    overflow: scroll;
    overflow-x: hidden;
    height: 200px;
}


/* ===== ===== SCROLL ===== ===== */

.enlace_interes_terciarios .categoria .contenido-categoria::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


/* ===== ===== SCROLL BARRA ===== ===== */

.enlace_interes_terciarios .categoria .contenido-categoria::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.enlace_interes_terciarios .categoria .contenido-categoria::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}


/* ===== ===== BOTONES UP Y DOWM ===== ===== */

.enlace_interes_terciarios .categoria .contenido-categoria::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-color: black transparent;
    height: 32px;
}

.enlace_interes_terciarios .categoria .contenido-categoria::-webkit-scrollbar-button:single-button:vertical:increment {
    background-color: yellow transparent;
    height: 32px;
}


/* ===== ===== CONTENIDO ===== ===== */

.enlace_interes_terciarios .categoria .contenido-categoria .titulo-categoria a {
    text-align: justify;
    color: black;
    text-decoration: none;
    list-style: none;
    font-size: 14px;
}


/* ===============================================================
!SECTION ******FIN****** 3. ENLACES DE INTERES TERCIARIO TERCIARIO
================================================================== */


/* ==============================
SECTION MEDIA QUERY
============================== */

@media (max-width: 1366px) and (min-width: 1200px) {
    /* ===== ===== Enlace de interes primario ===== ===== */
    .enlace_interes .card .card-body .card-title h3 a {
        font-size: 17px;
    }
    .enlace_interes .card span.card-icon {
        margin: 5px 0px 0px 209px;
    }
    /* ===== ===== Enlace de interes secundario ===== ===== */
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item .views-field.views-field-field-global-image img {
        width: 245px;
    }
    .enlace_interes_secun .views-field-nothing {
        right: 15px;
    }
    .enlace_interes_secun .views-slideshow-simple-pager {
        margin-top: 14px;
    }
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item {
        padding-right: 10px;
        margin-left: 14px;
    }
}


/*TABLET HORIZONTAL (LG REVISAMOS EN 1024px)*/

@media (max-width: 1199px) and (min-width: 992px) {
    /* ===== ===== Enlace de interes primario ===== ===== */
    .enlace_interes .card span.card-icon {
        margin: 5px 0px 0px 166px;
    }
    .enlace_interes .card .card-body .card-title h3 a {
        font-size: 12px;
    }
    /* ===== ===== Enlace de Interes secundario ===== ===== */
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row {
        height: 140px !important;
    }
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item .views-field.views-field-field-global-image img {
        width: 200px;
    }
    .enlace_interes_secun .views-field-nothing {
        right: 15px;
    }
    .enlace_interes_secun .views-slideshow-simple-pager {
        margin-top: 14px;
    }
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item {
        padding-right: 10px;
        margin-left: 14px;
    }
    /* ===== ===== Enlace de interes terciario ===== ===== */
    .enlace_interes_terciarios .categoria .icono-up {
        top: 47px;
    }
    .enlace_interes_terciarios .categoria .contenido-categoria .titulo-categoria a {
        font-size: 12px;
    }
}


/*TABLET VERTICAL (MD REVISAMOS EN 768px)*/

@media (max-width: 991px) and (min-width: 768px) {
    /* ===== ===== Enlace de interes primario ===== ===== */
    .enlace_interes .contenido-enlace-interes .columna_enlace_interes:nth-child(2n) {
        border: 0;
    }
    .enlace_interes .card .card-img img {
        width: 100%;
    }
    .enlace_interes .card .card-body .card-title h3 a {
        font-size: 19px;
    }
    /* ===== ===== Enlace de interes secundario (slider movil) ===== ===== */
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item:nth-child(odd) {
        border: 0;
        float: none;
        margin: 0;
        padding: 0;
    }
    .enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-previous {
        display: none;
    }
    .enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-next {
        display: none;
    }
    /* ===== ===== Enlace terciarios ===== ===== */
    .enlace_interes_terciarios .categoria .icono-up {
        top: 42px;
    }
    .enlace_interes_terciarios .columna-categoria:nth-child(2n) {
        border: 0;
    }
}


/*MOVIL HORIZONTAL(SM REVISAMOS EN 576px)*/

@media (max-width: 767px) and (min-width: 576px) {
    /* ===== ===== Enlace de interes primario ===== ===== */
    .enlace_interes .contenido-enlace-interes .columna_enlace_interes:nth-child(2n) {
        border: 0;
    }
    .enlace_interes .card .card-img img {
        width: 100%;
    }
    .enlace_interes .card .card-body .card-title h3 a {
        font-size: 15px;
    }
    /* ===== ===== Enlace de interes secundario (slider movil) ===== ===== */
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item:nth-child(odd) {
        border: 0;
        float: none;
        margin: 0;
        padding: 0;
    }
    .enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-previous {
        display: none;
    }
    .enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-next {
        display: none;
    }
    .enlace_interes_secun .views-field-nothing {
        right: 3px;
    }
    /* ===== ===== Enlace terciarios ===== ===== */
    .enlace_interes_terciarios .categoria .icono-up {
        top: 42px;
    }
    .enlace_interes_terciarios .columna-categoria:nth-child(2n) {
        border: 0;
    }
}


/*MOVIL VERTICAL(XS REVISAMOS EN 320px)*/

@media (max-width: 575px) {
    /* ===== ===== Enlace de interes primario ===== ===== */
    .enlace_interes .contenido-enlace-interes .columna_enlace_interes {
        border: 0;
    }
    /* ===== ===== Enlace de interes secundario (slider movil) ===== ===== */
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item:nth-child(odd) {
        border: 0;
        float: none;
        margin: 0;
        padding: 0;
    }
    .enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-previous {
        display: none;
    }
    .enlace_interes_secun .views-slideshow-controls-bottom .views-slideshow-controls-text-next {
        display: none;
    }
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row-item .views-field.views-field-field-global-image img {
        width: 240px;
    }
    .enlace_interes_secun .views-slideshow-cycle-main-frame-row {
        height: 170px !important;
    }
    .enlace_interes_secun .views-slideshow-simple-pager {
        margin-top: 20px;
    }
    /* ===== ===== Enlace terciarios ===== ===== */
    .enlace_interes_terciarios .categoria .icono-up {
        top: 42px;
    }
    .enlace_interes_terciarios .columna-categoria {
        border: 0;
    }
}


/* =================================
!SECTION ******FIN****** MEDIA QUERY
==================================== */