/*Estilos Podcast Home*/
#block-views-podcast-sic-block-7
{
    max-height: 400px; overflow: hidden;
}
.latest-podcast-home
{
    margin-top: 2rem;max-height: 400px;
}
#cta-notisic .sic-podcast-subs-btn
{
    margin-top: 0; max-width: 250px;
}
#cta-notisic figure img
{
    max-width: 200px;
}
.sic-banner-podcast-wrapper.of-hidden.cta-home:before
    {
        background-color: transparent !important;
    }
.sic-banner-podcast-wrapper.of-hidden.cta-home:after
{/*Fallback en caso de haber alteraciones en el campo imagen*/
content: ""; position: absolute; top: 0; left: 0;  background-color: #252525; width: 100%; height: 100vh; z-index: -4; background-image: url("/sites/default/files/images/2020/podcast/cta-pattern2-8.png");
}
@media (min-width: 768px){
    #block-views-podcast-sic-block-7 .latest-podcast-block-wrapper .container
    {
        max-height: 380px !important; overflow: hidden; padding: 1rem 5rem; top: 0;
    }
    #block-views-podcast-sic-block-7 .sic-banner-podcast-wrapper
    {
       max-height: 400px;
    }
    .latest-podcast-home .container .sic-podcast-meta-wrapper .date-display-single
    {
       margin-bottom: 0; font-size: 1.2rem;
    }

    .latest-podcast-home .container .sic-podcast-meta-wrapper h1 a
    {
        font-size: 1.7rem;
    }
    #cta-notisic .sic-podcast-subs-btn
    {
       font-size: 1.7rem;
    }
    #cta-notisic .row .col-md-6:last-child
    {
        position: relative; z-index: 3 !important; background-color: #0000000f ; min-height: 300px; padding:0 2rem;
    }
    /*#cta-notisic .row .col-md-6:last-child::before{
        content: ""; position: absolute; top: 0; left: 0; background-color: #00000073;
        width: 100%; height: 100vh !important; z-index: 0;
    }*/
}
@media (max-width: 767px){
    #block-views-podcast-sic-block-7
    {/*Fallback para responsive*/
        min-height: 408px; margin-top: 2rem; position: relative; z-index: 0; max-height: 600px;
    }
    .latest-podcast-block-wrapper .container.cta-notisic
    {
      z-index: 3; margin-top: calc(6rem + 100px);
    }
    .latest-podcast-home .container
    {
     top: 0;
    }
    .container.cta-notisic
    {
        padding:0;
    }
    .latest-podcast-home
    {
        margin-top: 0;
    }
    .latest-podcast-home > div
    {
        min-height: 500px;
    }
    .sic-banner-podcast-wrapper
    {
        min-height: 400px; margin-top: 0 !important;
    }
    #cta-notisic .row:first-child
    {
        margin-top: 50px;
    }
    .cta-notisic figure img
    {
        max-width: 100px;
    }
    .sic-banner-podcast-wrapper.of-hidden::before
    {
        width: 100%; z-index: 0; height: 100hv !important;
    }
    .latest-podcast-home .container .sic-podcast-meta-wrapper h1
    {
        line-height: 15px;
    }
    .latest-podcast-home .container .sic-podcast-meta-wrapper h1 a
    {
        font-size: 1.7rem !important;
    }
    .sic-podcast-subs-btn
    {
        margin: 15px auto !important; max-width: 200px; font-size: 1.5rem;
    }
}

@media /*Este media query mitiga problema de visualización en los que el contenido queda oculto*/
and (min-device-width: 768px)
and (max-device-width: 1500px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    #block-views-podcast-sic-block-7 .latest-podcast-block-wrapper .container
    {
        bottom: 0;
    }
    .sic-banner-podcast-wrapper.cta-home
    {
        min-height: 400px !important;
    }
}

a{transition: all .25s ease-in-out;}
.blanco
{
    color: white !important;
}
.of-hidden
{
    overflow: hidden;
}
    /*---------------------------------------------------*/
    /*Página principal del Podcast*/
    /*---------------------------------------------------*/
    /*Buscador*/
    #views-exposed-form-podcast-sic-page .views-exposed-widgets{
        background-color: transparent !important; color: #8d8d8d; display: flex;
        justify-content: flex-end;
    }
    #views-exposed-form-podcast-sic-page #edit-combine-wrapper{
        min-width: 300px; max-width: 800px; width: 100%;
    }
    #views-exposed-form-podcast-sic-page .views-exposed-form .views-exposed-widget .btn{
        width: 45px; height: 40px; background-image: url(https://www.sic.gov.co/sites/default/files/images/2020/podcast/btn-browser-pod_blanco.png);
        background-size: 30px; background-position: center center; background-repeat: no-repeat; font-size: 12px !important;
        margin: 28px 0; color: transparent !important; border-radius: 5px !important;
     }
     input#edit-combine
     {
         height: 40px; transition: all .3s ease-in-out;
     }
     input#edit-combine:hover
     {
         background-color: #f5f5f5;
     }
     input#edit-combine:focus
     {
         border-color: #ffca4e !important; -webkit-box-shadow: #ffca4f4f; box-shadow: #ffca4f4f; -moz-box-shadow:#ffca4f4f;
     }
    /*---------*/

    .latest-podcast-block-wrapper{
        position: relative;
    }
    .latest-podcast-block-wrapper .container{
        position:absolute; top: 24%; left: 0; right: 0;
    }
    .latest-podcast-block-wrapper .container .sic-podcast-meta-wrapper .date-display-single{
       display: block; font-size: 2rem; color: white; margin-bottom: 20px; font-style: italic
       ;
    }
    .latest-podcast-block-wrapper .container .sic-podcast-meta-wrapper h1 a{
        font-family: 'ralewaybold' !important; color: white; font-size: 4rem;
        transition:all .2s ease-in-out;
    }
    .latest-podcast-block-wrapper .container .sic-podcast-meta-wrapper h1 a:hover{
        text-decoration: none; color: #ffca4f;
    }
    hr.sic-hr-podcast{
        border-top: 1px solid #ffca4f !important;
    }
    .latest-podcast-block-wrapper{
        position: relative;
    }
    .latest-podcast-block-wrapper iframe{
        height: 80px !important; min-height: 60px;
    }
    .sic-podcast-subs-btn{
        display: block; color: white !important; font-size: 2rem; border: 2px solid white; border-radius: 10px;
        padding: 10px; background-color: #0000003d; margin-top: 50px; max-width: 200px;
    }
    .sic-podcast-subs-btn:hover{
        background-color: #ffca4f !important; text-decoration: none !important; color: #333; border-color: #ffca4f;
    }
    .sic-banner-podcast-wrapper{
        max-height: 800px;
    }
    .sic-banner-podcast-wrapper img{
        width: 100% !important; position: relative; z-index: -2;
    }
    .sic-banner-podcast-wrapper.of-hidden::before{
        content: ""; position: absolute; top: 0; left: 0; background-color: #00000073;
        width: 100%; height: 900px; z-index: -1;
    }

    #block-system-main .view-id-podcast_sic .row > div
    {
        margin: 20px 0; width: 100% !important;
    }
    .sic-podcast-meta-wrapper.ptop10.pbottom10.col-md-12 span
    {
        margin-right: 5%; color: #8d8d8d !important;
    }
    .sic-podcast-meta-wrapper.ptop10.pbottom10.col-md-12 span:first-child
    {
        margin-left: 5px; font-family: 'ralewaybold';
    }
    .sic-podcast-meta-wrapper.ptop10.pbottom10.col-md-12 span:first-child::before
    {
        content: ""; background-image: url(https://www.sic.gov.co/sites/default/files/images/2020/podcast/noun_podcast_small.png);
        background-repeat: no-repeat; background-size: cover; display: inline-block; width: 16px; height: 20px;
        margin-right: 5px; margin-bottom: -5px;
    }

    /*---------------------------------------------------*/
    /*Body nodo Podcast*/
    /*---------------------------------------------------*/
    .submitted, li.comment_forbidden.first.last
    {
        display: none !important;
    }

    #block-system-main article.node.node-podcast-sic .field-item.even[property="content:encoded"]
    {
        margin: 0 25% 0 0 !important; max-width: 750px; padding-right: 0;
        border-bottom: 1px solid #eee; padding-bottom: 50px;
    }

    .latest-podcast-block-wrapper .container
    {
        position:absolute; top: 37%; left: 0; right: 0;
    }
    .latest-podcast-block-wrapper .sic-podcast-banner-wrapper .date-display-single
    {
       display: block; font-size: 2rem; color: white; margin-bottom: 20px; font-style: italic;
    }
    .latest-podcast-block-wrapper .sic-podcast-banner-wrapper .container h2
    {
        font-family: 'ralewaybold' !important; color: white !important; font-size: 4rem !important;
        max-width: 750px;
    }

    #block-system-main article.node.node-podcast-sic .field-name-field-iframe-podcast
    {
        margin: 0 16% !important; display: none !important;
    }

    .sic-podcast-banner-wrapper
    {
        max-height: 800px;
    }
    .sic-podcast-banner-wrapper:before
    {
        content: ""; position: absolute; top: 10px; left: 0; background-color: #00000073;
        width: 100%; height: 99%; max-height: 800px; z-index: -1;
    }

    .sic-podcast-banner-wrapper img
    {
        width: 100% !important; position: relative; z-index: -2;
    }

    .latest-podcast-block-wrapper .container .sic-podcast-banner-wrapper .date-display-single
    {
       display: block; font-size: 2rem; color: white; margin-bottom: 20px; font-style: italic;
    }

    .container.sic-podcast-node-iframe-wrapper
    {
        background-color: white; margin-top: -100px; position: relative; z-index: 4;
    }

    .container.sic-podcast-node-iframe-wrapper iframe
    {
        border: none !important;
    }

    .sic-banner-podcast-wrapper img
    {
        width: 100% !important;
    }

    /*---------------------------------------------------*/
    /*Temas de interés Podcast*/
    /*---------------------------------------------------*/
    section#block-views-podcast-sic-block-2
    {
        position: relative; z-index: 4; right: 0; top: 22%;min-height: 600px;
        max-width: 300px; display: flex; float: right; transition: all .35s ease-in-out;
        border-top: 1px solid #f4f4f4;
    }
    section#block-views-podcast-sic-block-2:hover
    {
        -webkit-box-shadow: 0px 0px 20px 0px #3232321a;
        -moz-box-shadow: 0px 0px 20px 0px #3232321a;
        box-shadow: 0px 0px 20px 0px #3232321a;
    }

    .view-sic-otros-episodios-podcast
    {
        max-width: 300px;
    }
    .gris-podcast
    {
        color: #8d8d8d !important; font-size: 2.8rem !important;
    }
    .sic-podcast-meta-wrapper.ptop10.pbottom10.col-md-12
    {
        color: #8d8d8d;
    }
    .sic-podcast-meta-wrapper.ptop10.pbottom10.col-md-12 span:first-child
    {
        margin-right: 5%;
    }
    .sic-sub-title-podcast.ci-btn-vernota a {

    padding-left: 0% !important;
    }
     .sic-sub-title-podcast a
    {
        font-family: 'ralewaybold' !important; font-size: 1.6rem; color: #333; padding-left: 5%;
        transition: all .25s ease-in-out; display: block !important;
    }
    .sic-sub-title-podcast a:hover
    {
        color: #CB9B26; text-decoration: none;
    }
@media (max-width:767px){
        /*---------------------------------------------------*/
    /*Página principal del Podcast*/
    /*---------------------------------------------------*/
    .latest-podcast-block-wrapper .container
    {
        top: 0; padding: 30px;
    }

    .latest-podcast-block-wrapper .container .sic-podcast-meta-wrapper .date-display-single
    {
        font-size: 1.5rem;
    }

    .latest-podcast-block-wrapper .container .sic-podcast-meta-wrapper h1 a
    {
        font-size: 2.5rem !important;
    }

    .sic-podcast-tags .row.pad20
    {
        border-bottom: 1px solid #f4f4f4;
    }
    .sic-podcast-tags .row.pad20 .col-md-3
    {
        display: none;
    }

    /*---------------------------------------------------*/
    /*Body nodo Podcast*/
    /*---------------------------------------------------*/
    .latest-podcast-block-wrapper .container
    {
        top: 20%;  padding: 0 27px !important;
    }

    .latest-podcast-block-wrapper .sic-podcast-banner-wrapper .date-display-single
    {
        font-size: 1.5rem;
    }

    .latest-podcast-block-wrapper .sic-podcast-banner-wrapper .container h2
    {
        font-size: 2.5rem !important;
    }

    .container.sic-podcast-node-iframe-wrapper
    {
        margin-top: -10px; padding: 0 30px !important;
    }

    #block-system-main article.node.node-podcast-sic .field-item.even[property="content:encoded"]
    {
        margin: 0 !important; order: 1;
    }

    #block-views-podcast-sic-block-2
    {
        margin-bottom: 50px !important; border-bottom: 1px solid #f4f4f4;
    }

    .gris-podcast
    {
        font-size: 2.5rem; padding: 20px 0 0;
    }

    #block-views-podcast-sic-block-2 .container-fluid
    {
        padding: 15px 0 !important;
    }

    .sic-btn-volver-episodios-podcast .view-content .row > div
    {
        margin: auto !important;
    }



}