/*
Theme Name: sjb-the7
Author: Daniel «Cancrexo» Prol
Author URI: https://cancrexo.com/
Description: Child Theme dt-the7
Version: 1.0
License: Uso interno
Template: dt-the7
Text Domain: draoproducciones
*/


::placeholder { /* Internet Explorer 10+ */
    color:    #f00;
    font-family: inherit;
    opacity:1;
}


/*Colores*/

:root{
    --amarillo:#fda402;
    --granate:#5f1040;
    --gris-the7:#85868c;
    --gris:#241b1b;
    --grisfooter:#999;
}




/*Mapa Web*/
.wsp-pages-list li.page_item a{
    color: #333333 !important;
    transition: all 0.3s ease-out;
}

.wsp-pages-list li.page_item a:hover{
    color: #ece776 !important;
    transition: all 0.3s ease-out;
}

/*Media queries para desktop*/

footer .pie1{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /* border-left:2px solid #c00; */
}

footer .pie1 ul{
    list-style: none;
    padding:0;
    width:100%;
    /* border:1px dashed #fff; */
}

footer .pie1 ul li{
    display:flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom:1em;
}

footer .pie1 ul li strong{
    display:inline-block;
    padding-right: 1em;
    width:135px;
    text-align: right;
    /* border:1px solid; */
    font-size:17px;
    font-weight: bold;;
}
@media screen and (max-width: 580px) {
     footer .pie1 ul li{
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom:3em;
    }

    footer .pie1 ul li strong{
        width:100%;
        display:block;
        text-align: center;
        padding-bottom:1em;
    }
     footer .pie1 ul li >a{
        display:inline-block;
     }
     footer .pie1 ul li >span:not(.redes){
        text-align: center;
     }
}




footer .pie1 ul li a.redes,
footer .pie1 ul li  a.redes:hover{
    display:inline-block;
    height: 38px;
    width:38px;
    transform-origin: center;
    scale: 0.8;
    background:url('/wp-content/uploads/2025/05/socialmedia-icons-set-low.png') no-repeat !important;
    opacity:0.7 !important;
    transition: all 250ms ease-out;
    margin-right:0px;
    /* filter : hue-rotate(450deg); */
    /* border:1px solid; */
    image-rendering: smooth;
}



footer .pie1 ul li a.redes:hover{
    opacity:1 !important;
    scale: 1;
    filter : hue-rotate(450deg);
    transition: all 150ms ease-out;
}
footer .pie1 ul li a.redes >span{
    opacity:0;
}
footer .pie1 ul li a.redes.facebook{background-position: -10px -10px !important; }
footer .pie1 ul li a.redes.instagram{background-position:-10px -59px !important; }
footer .pie1 ul li a.redes.youtube{background-position:-103px -10px !important;}
footer .pie1 ul li a.redes.tiktok{background-position:-104px -149px !important;}
footer .pie1 ul li a.redes.pinterest{background-position:-151px -107px !important;}
footer .pie1 ul li a.redes.redx{background-position:-104px -107px !important; }
footer .pie1 ul li a.redes.whatsapp{background-position:-57px -10px !important; }
footer .pie1 ul li a.redes.contacto{background-position:-151px -10px !important; }


footer .pie1 ul li >span:not(.redes){
    display:inline-block;
    /* border:1px dashed #c00; */
    width:calc(100% - 155px);
    font-size:15px;
}

footer .pie1 ul li >span:not(.redes) >a {
    display:block;
    color:var(--gris-footer);
}
footer .pie1 ul li.instalaciones {

    align-items: flex-start;
}

footer .pie1 ul li.instalaciones > span{

    display:flex;
    flex-direction: column;
}

footer .pie1 ul li.instalaciones > span p{
    margin-bottom:1em;
}
footer .pie1 ul li.instalaciones > span p b{
    display:block;
}

footer .widget-title{
    text-align: right;
    font-size: 1.5em;
    font-weight: bold;
    color: var(--gris-footer) !important;
}
footer ul.custom-menu li{
    color: var(--gris-footer) !important;
    font-size: 15px;
    text-align: right;
    font-weight: bold;
}

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

    footer .widget-title{
        text-align: center;
        margin:0;
    }
    footer #custom_html-2{
        margin-bottom:2em;
    }
    footer ul.custom-menu{
        display: block;;
        text-align: center;

        width:100%;
    }
    footer ul.custom-menu li{
        font-size: 14px;
        text-align: left;
        display: inline-block;
        padding-right:1em;
    }
     footer ul.custom-menu li:last-of-type{
        display: block;
        width:100%;
        text-align: center;
     }
}


h1{
    text-shadow: 2px 2px #00000077 !important;
}

#h1-portada{
    display:none;
}

/*Zarzueling mobile*/
@media screen and (max-width: 730px) {
    body.page-bienvenidos #premios-zarzueling-home >.upb_row_bg {
        background-size: contain !important;

    }
    body.page-bienvenidos #premios-zarzueling-home >.contenido >.vc_column-inner {
        margin-top:0 !important;
        margin-bottom:0 !important;
        padding:0 !important;
    }
}


/*lOS H1 DE LS ESPECTACULOS VAN SIN IMAGEN DE FONDO Y +PEQUENOS:*/
body.single-portfolio h1{
    text-shadow: none !important;
    font-size: 42px !important;

}

/*
    Botones: los del nene y los del theme comunes en theme y plugin asi que los dejo aqui
*/
a.btn-sjb,
a.dt-btn{
    display:inline-block;
    border:2px solid var(--amarillo) !important;
    border-radius: 4px;
    color:#fff;
    background-color: #111 !important;
    text-decoration: none;
    font-size: 16px !important;
    line-height: 1.4em !important;
    font-weight: normal;
    padding:5px 10px !important;
    transition: all 150ms ease-in-out !important;
}
a.dt-btn{
    padding:5px 15px !important;
}
a.btn-sjb:hover,
a.dt-btn:hover{
    background-color: var(--amarillo) !important;
    color:#111 !important;
}

a.btn-sjb.info:before,
a.dt-btn:before{
    display:inline-block;
    content:'+';
    width:0.8em;
    font-size:1.4em !important;
    padding-right:3px;
    transition: all 50ms ease-in-out;
}

a.btn-sjb.info:hover:before,
a.dt-btn:hover:before{
    content:'›';
    width:0.8em;
    padding-right:8px;
    transition: all 200ms ease-in-out;
}
a.btn-sjb >i,
a.dt-btn >i,
a.dt-sjb:after{
    display:none;
}



/*ESPECTACULOS*/
body.page-espectaculos .post-thumbnail-wrap{
    border:1px solid #fff;
}
body.page-espectaculos .post-entry-content{
    border:2px solid #ffffff55
}

/*Filtro espectaculos*/
body.page-espectaculos .portfolio-shortcode div.css-grid-filter{
    border:0px dashed #fff !important;
}

/*Filtro espectaculos*/
body.page-espectaculos .portfolio-shortcode div.css-grid-filter a{
    background: transparent !important;
    color: var(--amarillo) !important;
    border:1px solid var(--amarillo) !important;
    font-size: 1em !important;
    font-weight: normal !important;
    padding: 10px;
    text-decoration: none !important;
    transition: all 150ms ease-in-out;
}
body.page-espectaculos .portfolio-shortcode div.css-grid-filter a::after,
body.page-espectaculos .portfolio-shortcode article.dt_portfolio div.entry-meta.portfolio-categories{
    display: none !important;
}
body.page-espectaculos .portfolio-shortcode div.css-grid-filter a:not(.act):hover,
body.page-espectaculos .portfolio-shortcode div.css-grid-filter a.act{
    background-color: var(--amarillo) !important;
    color: #111 !important;

}

body.page-vosotros .testimonial-item .testimonial-content >p{
    font-size:14px;
    line-height: 1.6em !important;
}

#drao-page-header-image{
    position:relative;
}

#drao-page-header-image  [id^="ultimate-heading"] {
    text-align: center;
    position: absolute;
    z-index: 140;
    width: 100%;
    top: 40%;
}

/* Banners */
@media screen and (max-width: 580px) {

    body.page-nosotros  #drao-page-header-image .upb_row_bg{
        background-position: 30% 0 !important;
    }

    body.page-proyecto-zarzueling  #drao-page-header-image .upb_row_bg{
        background-position: 30% 0 !important;
    }
    body.page-espectaculos  #drao-page-header-image .upb_row_bg{
        background-position: 40% 0 !important;
    }
    body.page-servicios  #drao-page-header-image .upb_row_bg{
        background-position: 30% 0 !important;
    }
    body.page-merchandising  #drao-page-header-image .upb_row_bg{
        background-position: 23% center !important;
    }
}

.mobile-main-nav li > a .menu-text {
    color: #eee;
    font-weight: normal;
}


/* Logos administraicon*/
.drao-widget-form {
    background: #fffbe6;
    border: 1px solid #ffd700;
    padding: 15px;
    border-radius: 8px;
    color: #333;
}

div.drao-logos-widget{
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    height:190px;
    padding:48px 0
}

div.drao-logos-widget img{
    display:inline-block;
    max-height:90px;
    height:100%;
    width:auto;
    margin:0 2px;
    display:inline-block;
}

@media screen and (max-width: 990px) {
    div.drao-logos-widget{
        flex-direction:column;
        align-items: center;
        justify-content: flex-start;
        max-height:none;
        height:auto;
        row-gap: 20px;
    }
    div.drao-logos-widget img{
        width:auto;
        height:90px;

    }
}