/*
Theme Name: VidoRev Child
Template: vidorev
Theme URI: http://demo.beeteam368.com/vidorev/
Author: BeeTeam368
Author URI: http://themeforest.net/user/beeteam368
Description: Video WordPress Theme
Version: 1.0.4
License: Themeforest Licence
License URI: http://themeforest.net/licenses
Text Domain: vidorev
Tags: translation-ready, one-column, two-columns, three-columns, right-sidebar, custom-menu, editor-style, featured-images, theme-options, rtl-language-support
*/
@media screen and (max-width:630px) {
    .slider-container.slider-4 .post-item-wrap {
        min-height: 350px !important;
    }
    .slider-container.slider-4 .post-item-wrap {
        background-size: contain !important;
        background-position: 50% 0% !important;
    }
    .slider-container .sync-wrapper {
        margin-top: -108px !important;
        position: static !important;
    }
    #header-slider-1 {
        margin-bottom: 15px !important;
    }
    .slider-container .sync-slider-small .sync-item .sync-item-text {
        height: 80px !important;
    }
    .top-login-box-mobile .top-login-mobile-elm .top-login-mobile-dropdown {
        display: none !important;
    }
}
.slider-container h3 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.top-nav {
    background-color: #000 !important;
}
.header-default .top-content,
.main-nav.sticky-menu {
    background-color: #0a0a0a !important;
}
.top-content .nav-logo .nav-logo-img img {
    max-height: 100px !important;
}
.nav-wrap-control .main-nav {
    background-color: #000 !important;
}
#my-ticker .mdp-crawler-elementor-ticker-label {
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);
}
.nav-wrap-control .main-nav {
    border-top: 2px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(
        90deg, 
        #8a5d19cc 0%, /* Sombra oscura exterior */ 
        #d3a73bcc 25%, /* Tono oro base */ 
        #836507cc 50%, /* Brillo central (luz) */ 
        #d3a73bcc 75%, /* Tono oro base */ 
        #8a5d19cc 100% /* Sombra oscura exterior */
    );
    opacity: 0.8;
}
/* 1. Aseguramos que el contenedor del logo sea la base de referencia */
.nav-logo {
    position: relative;
    display: inline-block; 
    z-index: 1; /* Mantiene el logo por encima del brillo */
}

/* 2. Creando el efecto spotlight virtual */
.nav-logo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* Dimensiones del resplandor */
    width: 130%; 
    height: 157%; 
    
    /* Degradado radial: el primer valor es el centro (luz intensa), el segundo es el desvanecimiento */
    background: radial-gradient(circle, rgb(135 135 135 / 19%) 0%, rgb(253 240 166 / 0%) 65%);
    
    z-index: -1; /* Envía la luz detrás del logo */
    pointer-events: none; /* Evita que el resplandor bloquee los clics hacia el enlace del logo */
}
.site__col.float-right.top-search-box {
    width: auto;
}
/* Oculta el buscador desde el primer instante y anula su espacio original */
.top-search-box {
    display: none !important;
}

/* Formatos que se activarán solo cuando el elemento esté insertado en su posición final */
.top-search-box.reubicado {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 15px;
    float: none;
    animation: fadeIn 0.3s ease-in-out; /* Opcional: transición para una aparición suave */
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* Buscador */
/* 1. Ajuste del contenedor para la posición relativa de la lupa */
.top-search-box.reubicado {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0;
    float: none;
    position: relative; /* Necesario para anclar el ícono de la lupa */
}

/* 2. Estilo minimalista del campo de texto */
.top-search-box input[type="text"],
.top-search-box input[type="search"] {
    background-color: rgba(255, 255, 255, 0.05) !important; /* Fondo casi transparente */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Borde sumamente tenue */
    color: #e0e0e0 !important;
    padding: 5px 35px 5px 15px !important; /* Espacio interno, dejando libre la derecha para la lupa */
    font-size: 13px !important; /* Tamaño de fuente discreto */
    width: 170px !important; /* Ancho reducido por defecto */
    height: 40px !important;
    box-shadow: none !important;
    transition: all 0.3s ease-in-out !important; /* Transición suave */
}

/* 3. Comportamiento dinámico al hacer clic (Focus) */
.top-search-box input[type="text"]:focus,
.top-search-box input[type="search"]:focus {
    background-color: rgba(31,31,31, 0.95) !important;
    border-color: rgba(211, 167, 59, 0.6) !important; /* Un destello del color oro del borde */
    width: 254px !important; /* Se expande ligeramente para mayor comodidad al escribir */
    outline: none !important;
}

/* 4. Estilización del texto de fondo (Placeholder) */
.top-search-box input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3) !important; }
.top-search-box input::-moz-placeholder { color: rgba(255, 255, 255, 0.3) !important; }
.top-search-box input::placeholder { color: rgba(255, 255, 255, 0.3) !important; }

/* 5. Integración del botón / Ícono de la lupa */
.top-search-box button,
.top-search-box .search-submit {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centrado vertical perfecto */
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important; /* Lupa atenuada */
    cursor: pointer !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: color 0.3s ease !important;
}

/* 6. Efecto hover sobre la lupa */
.top-search-box button:hover,
.top-search-box .search-submit:hover {
    color: #d3a73b !important; /* Iluminación dorada al pasar el cursor */
}
.top-search-box .top-search-box-wrapper .search-terms-textfield {
    margin: 2px 0 0 0 !important;
}
.top-search-box .top-search-box-wrapper {
    min-height: 41px !important;
}
.nav-logo-img img {
    max-height: 40px !important;
}
.filter-items-wrapper span.filter-item {
    text-transform: uppercase;
}
.widget_media_image.img-ads-600 .widget-item-wrap a, 
.widget_media_image.img-ads-600 .widget-item-wrap img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    max-height: 600px;
    width: 300px;
    height: 600px;
}