/*los colores de default para los elementos personalizados*/
.bg-dark{ background-color: #1C242E !important;}
nav.bg-dark{background-color: rgb(255, 100, 60) !important;}
.navbar-dark .nav-link{
    color:#000 !important;
}
.navbar-dark .nav-link:hover{
    color:#fff !important
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link
{
    color:#fff !important
}
#myNavSearch .form-control{
    background:#fff
}
.sc-icono{
    border: 2px solid #000;
    color: #000;
    
}
.sc-icono-search{
    color: #000;
}
.sc-icono:hover{
    border-color: #fff ;
    color: #fff;
}
.sc-icono-search:hover{color: #fff !important;}
#footer{
    background: linear-gradient(to right, #6900ff , #a400ff 40%);
    color: #fff;
}


#footer .cont-widgets .sc-widget ul a{color:#fff;}
#footer .cont-widgets .sc-widget ul a:hover{color:#3cd2bb;}
/*estilos overlay*/
.overlay {
    background-color: rgb(255, 100, 60);
   
}
.overlay a {color: #818181;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}

#myNavSearch .btn-outline-secondary{
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight:bold;
    transition: all .5s ease
}
#myNavSearch .btn-outline-secondary:hover{
    background-color: #6900ff;
    border-color: #6900ff;
    color: #000;
}

/*los que estaban en el personalize*/
/*homepage modo catalogo*/
.page-id-920,
.page-id-920 main{
    background: #f6f6f6;
}
/* FIN homepage modo catalogo*/

/*--------------*\
   single-movie
\*--------------*/
/*el video de Vimeo TRAILLER single-movie*/
.contenedor-sinopsis-video{background: #000;}
.contenedor-sinopsis-video .sc-sinopsis {
    background-color: transparent;
    background-image: linear-gradient(to right, black , transparent);
}
.info-related-movie{background: rgba(0,0,0,.6);}

::selection {
    background: #ff643c !important;
    color: #1C242E !important;
}
.movie-template-default .trending-info{background:#1C242E;}
.movie-template-default /*el titulo single-movie*/
.big-title {
    color: transparent;
    -webkit-text-fill-color: #fff;/*#00aae1*/
}
.sc-boton-reproducir{
    background: #ff643c !important;
    color: #fff !important;
    border-color: #fff;
}
.sc-boton-reproducir:hover{
    background: #fff !important;
    color: #ff643c !important;
    border-color: #ff643c;

}
.sc-boton-reproducir span.tooltiptext {
    background-color: black;
    color: #fff;
}
/*boton ver trailer*/
.contenedor-boton-trailer .sc-boton-trailer{
    background:#ff643c !important;
    border-color:#ff643c;
    color:#fff !important;

}
.contenedor-boton-trailer .sc-boton-trailer{transition: all .5s ease;}
.contenedor-boton-trailer .sc-boton-trailer:hover{ background:#fff !important;color:#ff643c !important}
.btn-primary.sc-boton-trailer,
.btn-primary.sc-boton-trailer:focus,
.btn-primary.sc-boton-trailer:active{
    border-color: #ff643c !important;
    box-shadow: none;
}
/*logo de slider:*/
.channel-logo{
    border-left: 5px solid #ff643c !important;
    background: transparent linear-gradient(270deg, #ff643c 0%, #fff 100%) !important;
}
/*boton registrarse home-REMOTO:*/
.scz-btn-home .btn-hover:before, .scz-btn-home .iq-button:before{background:#ff643c !important;}
.scz-btn-home .iq-button{color:#fff !important;}
.scz-btn-home .iq-button:hover{
    background:#fff;
    color:#ff643c !important;
}
.btn-primary{
    background:#ff643c !important;
    color:#fff !important;
    border-radius: 33px !important;
}
.btn-primary:hover{
    background:#fff !important;
    color:#ff643c !important;
}
/*related movie*/
.sc-content-related-movie .iq-title{color:#fff;}
.sc-content-related-movie .iq-title a{color:#fff;}
.sc-content-related-movie .iq-title a:hover{color:#ff643c;}
/*los socials share*/
.fa-share-alt::before{
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(28, 36, 46, .4);
}
.sc-socials-hero .fa-share-alt::before{
    background-color: #fff;
    box-shadow: 0 5px 30px rgb(28 36 46 / 40%);
}
.sc-link-shares{
    color:#ff643c ;
    transition: all .5s ease !important;
}
.sc-link-shares:hover, .sc-link-shares:focus, .sc-link-shares:active, .show:not(.modal);{color: #6900ff;}
#exampleModalToggle2,#exampleModalToggle2 .btn-close{color: #fff !important}    


.sc-socials-share{background:rgba(28, 36, 46, 1) ;} 
.sc-socials-share a{
    color: #fff;
    transition: all .5s ease !important;
}
.sc-socials-share a:hover{
    color: #ff643c;
}
/*aviso modal para Movies*/
.sc-modal{background:rgba(0,0,0,.8);}
.contenido{background:#f8f8f8;}

/*---------*\
  PRODUCTOS
\*---------*/
/*single product*/
.woocommerce #respond input#submit.alt,
 .woocommerce a.button.alt, 
 .woocommerce button.button.alt, 
 .woocommerce input.button.alt{
    background-color:#3cd2bb;

    color:#fff;
}
.form-select:focus {
    border-color: #6900ff !important;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(105 0 255 / 25%) !important;
    box-shadow: 0 0 0 0.25rem rgb(105 0 255 / 25%) !important;
    outline: 0;
}

/*carrito?*/
.woocommerce #respond input#submit,
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
    background-color:#6900ff;
    color:#fff;
    border:1px solid  #6900ff;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background-color: #fff !important;
    color: #6900ff;/*antes azul*/
    border-color: #6900ff;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
   background-color: #fff !important;
    color: #6900ff;/*antes azul*/
    border-color: #6900ff;
} 
/*modifico menu del account Woocommerce*/

.woocommerce-MyAccount-navigation-link a {
    background-color:#1C242E ;
    color:#fff;
}
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation ul .is-active a{
    background:#6900ff; /*verde pastel*/
    color:#fff
}
/*modifico addresses de la pagina account.*/
.woocommerce-Addresses header.menu-sticky{
    border: 2px solid #6900ff;
}
.woocommerce-account .addresses .title h3, address{color: #1C242E;}
.scz{color:#1C242E !important;}
/*single product*/
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background:#6900ff !important; /*morado*/
    color:#fff;
}
.woocommerce-Tabs-panel--description p, 
.woocommerce-product-details__short-description{color:#1C242E;}
button.button.alt.disabled{background:#6900ff !important}
.sc-wc-mensaje-festival{
    background:rgba(0,0,0,.1);
    border-bottom:2px solid #fff;
}
.lista-wc-causascpt li{
    background:rgba(0,0,0,.1);
    border-bottom:2px solid #fff
}
.lista-wc-causascpt li a{color:#6900ff;}
.lista-wc-causascpt li a:hover{
    color:#ff643c
}
/*loop productos*/
h2.woocommerce-loop-product__title{
    color: #ff643c;
}
.products .product_cat-mercado{
    border:1.5px solid #6900ff;/*verde pastel*/
}
.products .product_cat-mercado: hover{
     border-color: #ff643c;/*naranja*/
}
.sc-boton-sabermas{
    background:#ff643c;
    color:#fff;
    border-color:#ff643c;
    transition: all .5s ease;
}
.sc-boton-sabermas:hover{
    background:#6900ff;
    color:#fff;
}
.products .product:hover{
    -webkit-box-shadow: 0 0 0 0.25rem rgb(105 0 255 / 25%) !important;
    box-shadow: 0 0 0 0.25rem rgb(105 0 255 / 25%) !important;
    outline: 0;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color: #6900ff !important;
    color: #fff;
    border-radius: 33px;
}
/*products loop causas*/
.products .product_cat-causas-activas{
    border:1.5px solid #ff643c;
}
.products .product_cat-causas-activas:hover{
    border-color: #6900ff;
}
/* -------- --- *\
--- causas CPT ---
\--------------**/
.featured-cpt-causa{border:1.5px solid #ff643c;}
.post-navigation .btn-outline-secondary {
    border-color: #ff005a;
    border-radius: 33px !important;
    color: #ff005a;
    margin: 1rem;
}

/*estilos para pasar al banner de woocommerce en remoto*/
.hello .woocommerce-store-notice, p.demo_store{
    background-color: #1C242E;
    color: #fff;
    box-shadow: 0 1px 1em rgba(0,0,0,.2);
}



/*-----------------*\
---archive movies---
\*-----------------*/
.sc-link-archives{
    color:#fff !important;
    transition:all .5s ease !important;
}
.sc-link-archives:hover{ border-color:#ff643c !important;}

/*-------------------------*\
 post-comment & forms varios
\*-------------------------*/
form:not(.wpv-filter-form){box-shadow: 0 4px 8px 0 #fff;}
input, input[type=text], input[type=email], input[type=search], input[type=password]
{
    color:#1C242E;
}
textarea,.form-check-input, input[type=number], input[type=tel]{
    border: .5px solid rgba(0,0,0,.5) !important;
    color:#1C242E;
}
input:focus, 
input[type=text]:focus,
input[type=tel]:focus, 
input[type=email]:focus, 
input[type=search]:focus, 
input[type=password]:focus, 
textarea:focus, select:focus{
      border: 1px solid #6900ff !important;
    background:#fff;
    box-shadow:none;
}
/*header*/
#only_desktop input, 
#only_desktop input[type=text],
#only_desktop input[type=search]{
    border-left: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    border-right:0px !important;
    background:#fff;

}
#only_desktop input:focus, 
#only_desktop input[type=text]:focus,
#only_desktop input[type=search]:focus{
    border-left: 1px solid #6900ff !important;
    border-top: 1px solid #6900ff !important;
    border-bottom: 1px solid #6900ff !important;
    border-right:0px !important;
    background:#fff;

}
#only_desktop .sc-icono-search:hover{
    color:#ff643c !important;
}
/* /header*/


#custom_price_field{
    color:#1C242E;
    border: 1px solid #6900ff;
    background:#fff;
}
#custom_price_field:focus{
    border: 2px solid #ff643c;
}
.blog-button .button-link::before, .comment-respond .form-submit .submit::before, .commentlist .iq-comments-media .reply a:before, .wp-block-button__link:before{
    background: #6900ff;
    color:#fff;
    border: 1px solid #6900ff;
}
.blog-button .button-link, 
.comment-respond .form-submit .submit, 
.commentlist .iq-comments-media .reply a{
    background: #ff643c;
    color:#fff;
    border: 1px solid #ff643c;
}
/*campos forms*/
input, input[type=text], input[type=email], input[type=search], input[type=password], textarea{
    background:#e3e1e1;
}
.wpv-custom-search-filter-reset input[type=button]{
    background:#ff643c !important;
    color:#000 !important;
    border-radius: 33px;
    border: 1px solid #ff643c !important;
    transition: all .5s;
}
.wpv-custom-search-filter-reset input[type=button]:hover{
    background:#fff !important;
    color:#ff643c !important

}
.wpv-custom-search-filter__input .form-control:focus{
    border-color: #ff643c !important;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(255 100 60/ 25%);
    box-shadow: 0 0 0 0.25rem rgb(255 100 60 / 25%);
}
/*creando hero image para paginas que no lleven slider*/
.hero-text {color: white;}
.hero-text button {
    border: none;
    color: black;
    background-color: #ddd;
}
.hero-text button:hover {
    background-color: #555;
    color: white;
}
/*--------*\
---equipo $ views---
\*--------*/
.wpv-pagination-previous-next-buttons > a {
    color: rgba( 28, 36, 46, 1 );
    background-color: rgba( 255, 100, 60,1 );
}

/*-----------------*\
---views carousels home---
TODO:
NOTA: elimino toolsets-views, ahora lo voy a hacer con BX-slider.
        Tomar en cuenta los estilos.y cambiar/eliminar lo necesario
\*-----------------*/
.wpv-pagination-previous-next-buttons a.page-link:focus, 
.wpv-pagination-previous-next-buttons a.page-link:hover, 
.wpv-pagination-previous-next-preview-element a.page-link:focus, 
.wpv-pagination-previous-next-preview-element a.page-link:hover {
    background-color: #f5f6f8;
    color:rgba( 28, 36, 46, 1 );
}
.sc-link-archives{
    color:#fff !important;
    transition:all .5s ease !important;
}
.sc-link-archives:hover{ border-color:#ff643c !important;}
.sc-link-archives .tb-button .tb-button__link{background:#ff643c !important}

.sc-cont-view-carousel .wp-block-toolset-views-view-template-block{

    -moz-box-shadow: inset 0px 7px 29px 0px #000;
    -webkit-box-shadow: inset 0px 7px 29px 0px #000;
    box-shadow: inset 0px 7px 29px 0px #000;
    background:#000;
  }
  
.sc-cont-view-carousel .sc-link-archives{
    -moz-box-shadow: inset 0px 7px 29px 0px #000;
    -webkit-box-shadow: inset 0px 7px 29px 0px #000;
    box-shadow: inset 0px 7px 29px 0px #000;
    background: #000;
}
/*-- estilos con BX-slider*/
.sc-cont-view-carousel  .bx-wrapper{
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;

}
.slide {
    -moz-box-shadow: inset 0px 7px 29px 0px #000;
    -webkit-box-shadow: inset 0px 7px 29px 0px #000;
    box-shadow: inset 0px 7px 29px 0px #000;
    background: #000;
}
.slide img.img-thumbnail {
    background-color:none;
    border: none;
    border-radius: 0;
    padding: 0;
}


.sc-cont-view-carousel .bx-wrapper .fa-angle-right,
.sc-cont-view-carousel .bx-wrapper .fa-angle-left {
    color: rgba( 255, 100, 60, 1 );
}
.sc-cort-nacionales .bx-wrapper .fa-angle-right,
.sc-cort-nacionales .bx-wrapper .fa-angle-left {
    color: rgba( 255,255,255, 1 ) !important;
}

.sc-cont-view-carousel .bx-wrapper .fa-angle-right:hover,
.sc-cont-view-carousel .bx-wrapper .fa-angle-left:hover {
    color: rgba( 105, 0, 255, 1 );
}

.sc-cort-nacionales .bx-wrapper .fa-angle-right:hover,
.sc-cort-nacionales  .bx-wrapper .fa-angle-left:hover {
     color: rgba( 105, 0, 255, 1 ) !important;
}
/*-------------------*\
--- accordion faqs ---
\*-------------------*/


.accordion-header button.sc-normal:after{
    background-image:url("../../../uploads/2022/10/arrow-orange-up.png") !important ;
}
.accordion-header button.collapsed:after{
    background-image:url("../../../uploads/2022/10/arrow-orange.png") ;
}
/*
button.accordion-button.sc-normal:not(.collapsed){
    background: #fff !important;
    color: #ff643c !important;
}
*/
button.accordion-button.sc-normal[aria-expanded="true"]{
   background: #fff !important;
    color: #ff643c !important;
}
.accordion-header button{
    background:#1C242E !important;
    color:#fff !important
}
.accordion-button:focus{
    border-color:#ff643c;
    box-shadow: 0 0 0 0.25rem rgb(255 100 60 / 25%);
}
.accordion-body{
    color:#1C242E;
}
.sc-cort-nacionales{
    background: linear-gradient(to right, #ff643c , #ff533c 40%);
}
.sc-cort-nacionales .wpv-pagination-previous-next-buttons > a {
    color: rgba( 255,255,255, 1 );
    background-color: transparent;
}

/*--------------*\
  --- QUERIES ---
\*--------------*/
@media screen and (max-width:991px){
    header .navbar-light .navbar-toggler{
        background: #ff643c;
        border-color: #ff643c;
    }
}

@media screen and (max-width:768px){
    #header{
         background-color: rgba(255, 100, 60,1) !important;
    }
}

/* (max-width:600px) , (max-height: 450px) solo estilos.css*/
/* --- NEW 29/09/2022 --- */
/*social footer icons NEW*/
.sc-mis-socials .fa {
    color: #fff;
    background: none;
}
  
 .social-icon.fa-facebook:hover,
 .social-icon.fa-twitter:hover,
 .social-icon.fa-instagram:hover,
 .social-icon.fa-youtube:hover{
    background-color:transparent;
    border: 1px solid #f8f8f8;
 }
 .social-icon.fa-facebook { background-color: #3b5998;
 color:#fff}
 .social-icon.fa-twitter  { background-color: #00aced; 
 color:#fff}
 .social-icon.fa-instagram{
     background-color:#E4405F;
     color:#fff
 }
 .social-icon.fa-youtube{
     background-color:#bb0000;
     color:#fff
 }
 /* fin socials*/