/*--------------*\
  --- QUERIES ---
\*--------------*/
@media screen and (min-width:1200px){
    #only_desktop{
        display:block;
    }
    #myNavSearch, #icono_search_open{
        display:none;
    }
}
@media screen and (min-width:821px){
    /*bx-sliders*/
    .sc-cont-view-carousel .wp-block-toolset-views-view-template-block{
        padding: 10px;
        box-sizing: border-box;
        resize: vertical;
        max-width: 100%;
        height: calc(100% - 16px);
    }
    .sc-cont-view-carousel .bx-wrapper .bx-controls-direction{
        text-align: center;
        margin-top: 1.3rem;
    }
    .sc-cont-view-carousel .bx-wrapper  .bx-prev{
        left:-100px;
    }
    .sc-cont-view-carousel .bx-wrapper  .bx-next{
        right:-100px;
    }
    .sc-cont-view-carousel  .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 60px;
        height: auto;
        text-indent:0;
        z-index: 100;
    }
    
}
@media screen and (max-width:1199px){
    #only_desktop{
        display:none !important;
    }
    #myNavSearch, #icono_search_open{
        display:inline-block;
    }
}
@media screen and (max-width: 820px){
    /*bx-slider*/
    .sc-cont-view-carousel .bx-wrapper .bx-controls-direction{
        margin-top: 1.5rem;
    }
    .sc-cont-view-carousel .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 100%;
        margin-top: 0;
        outline: 0;
        width: 60px;
        height: auto;
        text-indent: 0;
        z-index: 1;
    }
    .sc-cont-view-carousel .bx-wrapper .bx-prev {
        left: 0;
    }
    .sc-cont-view-carousel .bx-wrapper .bx-next {
        right: 0;
    }
    /*single product*/
    .woocommerce .single-product .wc-tabs li{
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width:768px){
    
    #main{
        margin-top: 72px !important;
    }
    .sc-sinopsis *{
        height: auto ;
        max-height: 100%;
    }
    .woocommerce .woocommerce-billing-fields__field-wrapper > p{
        width:100% !important
    }
    .sc-iconos-menu{
        font-size:24px
    }
    /*movie*/
    .contenedor-sinopsis-video .trending-info{
        
        width: 90%;
        margin-bottom:100px;
        margin-top: auto ;
    }
    /*agrego estilos para single-product remoto (no se porque se esta viendo mal alla)*/
    .woocommerce .single-product div.product div.images{
        float:none;
        width:100%
     }
    .woocommerce .single-product div.product div.summary{
        float:none;
        width:100%
    }

}    

@media screen and (max-width:600px){
     #main{
        margin-top: 72px !important;
    }
    #menu-principal-festival, #menu-principal-catalogo{
        margin-bottom:1rem;
    }
    .sc-iconos-menu{
        font-size:20px
    }
    .sc-icono{float:right;}
    .hero-text .entry-title{
        font-size:24px !important;
    }

    /*bx-sliders home*/
    .sc-cont-view-carousel .bx-wrapper{
        max-width:100% !important;
    }
    .sc-cont-view-carousel .bx-wrapper .bx-next{text-align: right}
    /*WC*/
    .woocommerce #content table.cart td.actions .coupon .button,
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce #content table.cart td.actions .coupon input, 
    .woocommerce table.cart td.actions .coupon .button, 
    .woocommerce table.cart td.actions .coupon .input-text, 
    .woocommerce table.cart td.actions .coupon input, 
    .woocommerce-page #content table.cart td.actions .coupon .button, 
    .woocommerce-page #content table.cart td.actions .coupon .input-text, 
    .woocommerce-page #content table.cart td.actions .coupon input, 
    .woocommerce-page table.cart td.actions .coupon .button, 
    .woocommerce-page table.cart td.actions .coupon .input-text, 
    .woocommerce-page table.cart td.actions .coupon input{
        width:100%;
        display:block
    }
    .woocommerce #content table.cart td.actions .input-text, 
    .woocommerce table.cart td.actions .input-text, 
    .woocommerce-page #content table.cart td.actions .input-text, 
    .woocommerce-page table.cart td.actions .input-text{width:100%;display:block}
    .variations_form table.variations tr{
        display:flex;
        flex-flow:column
    }
    .variations_form table.variations tr td{
        text-align:center;
        padding-right:0;
    }
    .variations_form table.variations tr td select{
        margin-right:0;
        width:100%;
    } 
    /*en los shortcodes de wc*/
    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product{
        width:100%;
    }
    /*cpt-M*/
    .contenedor-sinopsis-video{
        height: 90vh;
    }

    /*cpt causas*/
    .featured-cpt-causa {
        margin-bottom:2rem
    }
    /*boton ver trailer*/
    .contenedor-boton-trailer{
        position: inherit;
       /*
             position:absolute;
        right:16px;
        bottom:0px;
       */
    }
    
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
  
}