/*
Theme Name: Child of Davenport
Theme URI: https://creanncy.com/
Description: Child theme based on Davenport
Author: Your Name
Version: 1.0
Template: davenport
*/


/* ==============================  MI CODIGO  =================================== */

header .logo{
    margin: 0 auto!important;
}


.regular-logo{width:96px}.ligth-logo{width:96px}

@media(max-width: 991px){
    .header-right{
        position: absolute;
        z-index: 99;
        right: 0px!important;
        width: 36%!important;
    }
    header .logo{
        padding-bottom: 13px;
    }
    .header-center{
        width: 100%!important;

    }
}
 
/* ESTILOS PARA SIBRE ESCRIBIR */

/* CODIGO PARA BAJAR EL TAMAÑO EN LAS SECCIONES DEL HOME */
.davenport-overlay-post.davenport-overlay-short-post .post-title{
    padding: 4%!important;
}


/* ESTILO PARA EL EN VIVO */



#player-container iframe{
        top: 7.6%!important;
        left: 9.37%!important;
        width: 78.8%!important;
        height: 78.5%!important;
        box-shadow: 0px 0px 10px 0px black;
    }
    div.back-branding{
        width: 100%;
        height: 100%;
        top:0;
        position: absolute;
        background-size: cover;
    }
     .pad0im{
            padding: 0!important;
    }
    .padbo0{
            padding-bottom: 0!important;
    }
     .marbo0{
            margin-bottom: 0!important;
    }

    .link-categoria a{
            color: white;
            text-decoration: none;
            background: black;
            padding: 7px 17px;
            border-radius: 26px;
            font-size: 11px;
    }

    .link-categoria{
            padding: 10px
    }


    .computadora{
        display: inherit!important;
    }
    .responsive{
        display: none!important
    }


    @media(max-width: 991px){
        .fntprog{
                font-size: 8px!important;
        }
        .fntproghora{
                font-size: 12px!important;
        }

        .txtcenter-res{
                text-align: center;
        }

         .responsive{
            display: inherit!important;
        }
        .computadora{
            display: none!important
        }
        

    }

    .dib{
        display: inline-block;
    }

    .mt30{
        margin-top: 30px
    }
    .nv-cover{
        cursor: pointer;
        background-size: cover!important;
        background-position: center!important;
        border-radius: 11px;
    }
    .nv-cover2{
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(219,128,0,0) 100%);
        height: 228px;
        border-radius: 11px;
        transition: ease-in-out .4s;
    }
    .nv-cover2:hover{
        transition: ease-in-out .4s; 
        backdrop-filter: blur(6px);
    }

    .color-date{
        color: white; margin-top: 16px;
    }

    .pad920{
        padding: 9px 20px;  
    }
    .clw{
        color: white!important
    }

    .marbo30{
        margin-bottom: 30px
    }

    .bx-nv1{
        padding: 15px 0px; line-height: 22px; background: #fafafa;
    }
    .bx-nv2{
        padding: 15px 0px; line-height: 22px; background: #efefef;      
    }
    .bx-nv3{
        padding: 15px 0px; line-height: 22px; background: #e2e2e2;  
    }

    .martp60{
        margin-top: 69px
    }


.nav .sub-menu li.menu-item>a:hover{
    color: grey!important;
}


.video-iframe{
    width: 100%;
    height: 400px;
}



      .btn-envivo{
        font-weight: 900;
        background: white;
        color: #4550df!important;
        font-size: 18px;
        font-style: italic;
        padding: 8px 13px 8px 13px;
        text-decoration: none;
        border-radius: 26px;
   }

   .circulorojo{
        background: red;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 23px;
        vertical-align: text-top;
        margin-top: 1px;
   }


   .logotcm{
        width: 50px;
        margin-left: 20px;
        margin-top: -5px;
   }


   .computadora{
    display: inherit!important;
   }

   .responsive{
    display: none!important;
   }


   .pad25{
    padding: 25px;
   }

    @media(max-width: 990px){


    .pad25{
        padding: 0px;
    }

    /*  ESCONDEMOS EL MENU HAMBURGUESA      */
    .mainmenu-mobile-toggle{
            position: absolute;
            left: 10px;
            color: white!important;
    }

    .responsive{
        display: inherit!important;
    }

   .computadora{
        display: none!important;
   }

    .barlow-condensed-thin {
      font-family: "Barlow Condensed", serif;
      font-style: normal;
    }


        .logotcm{
            width: 42px;
            margin-left: 9px;
            margin-top: 2px;
       }

     .btn-envivo{
        padding: 5px 5px;
        border-radius: 26px;
        font-size: 8px;
     }

    .circulorojo{
        margin-top: 0px;
        width: 9px;
        height: 9px;
    }
     header .header-left {
           width: auto!important;
           position: absolute!important;
            z-index: 9999999!important;
            display: inherit!important;
            margin-left: 39px!important;
            padding: 0px!important;
       }
   }



 .boton{
        width: 30px;
        vertical-align: middle;
        margin-top: -4px;
        animation-name: parpadeomenu;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: parpadeomenu;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
    }
    @-moz-keyframes parpadeomenu {
      0% {
        opacity: 1.0;
      }

      50% {
        opacity: 0.0;
      }

      100% {
        opacity: 1.0;
      }
    }

    @-webkit-keyframes parpadeomenu {
      0% {
        opacity: 1.0;
      }

      50% {
        opacity: 0.0;
      }

      100% {
        opacity: 1.0;
      }
    }

    @keyframes parpadeomenu {
      0% {
        opacity: 1.0;
      }

      50% {
        opacity: 0.0;
      }

      100% {
        opacity: 1.0;
      }
    }