/*

 Theme Name:   Impreza child
 Theme URI:    https://impreza.us-themes.com/
 Description:  Impreza child theme
 Author:       Rodanet
 Author URI:   https://rodanet.com/
 Template:     Impreza
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  Impreza-child
*/

/* Menu */
.top-bar-link i { color: #BB9153; }

/* Global */
.no-line-break { white-space: nowrap; }

/* FAQ */
.w-tabs-section { border: none !important; background: #F4F3EE; margin-bottom: .6rem; border-radius: 3px; }
.w-tabs-section-header { border-radius: 3px; }
.w-tabs-section.active  .w-tabs-section-header { background: rgba(0,0,0,0.1) !important; border-radius: 3px 3px 0 0; }

/* FORMULARIO CONTACTO */
.formulario-contacto .icono { background: #BB9153; height: 3.4rem; width: 4rem; margin-top: 6.5px; background-size: 60%; background-repeat: no-repeat; background-position: center; }
.formulario-contacto .icono.user { background-image: url(/wp-content/uploads/icono-user.png); }
.formulario-contacto .icono.email { background-image: url(/wp-content/uploads/icono-mail.png); }
.formulario-contacto .icono.telefono { background-image: url(/wp-content/uploads/icono-telefono.png); }
.formulario-contacto .fila { display: flex; margin-top: .5rem; }
.formulario-contacto .fila > div:last-child { flex-grow: 1; }
.formulario-contacto .boton-enviar {  }
.formulario-contacto .boton-enviar input { padding: 1rem 3rem!important; margin-top: 1rem; }
.formulario-newsletter .boton-enviar input { padding: .8rem 2rem!important; }
.formulario-newsletter .wpcf7-acceptance { color: #fff; margin-top: .5rem; display: block; }
.wpcf7-spinner { position: absolute !important; margin-top: 1.8rem; }

/* Breadcrumbs */
.breadcrumbs { color: #fff; font-size: .9rem; text-transform: uppercase; }
.breadcrumbs a { color: #fff; }
.breadcrumbs a:hover { color: #BB9153; }
.breadcrumbs .breadcrumb_last { color: #BB9153; }

/* Escorts */
.disponibilidad { background: #fff; display: inline-block; padding: 5px 15px 4px 8px; border-radius: 20px; text-transform: uppercase; line-height: 1; font-size: .9rem; }
.disponibilidad span:before { content: ''; display: inline-block; width: 11px; height: 11px; border-radius: 10px; margin-right: 7px; }
.disponibilidad.disponible span:before { background: #53CD5F; }
.disponibilidad.no-disponible span:before { background: #E34F4F; }

.escort-title { color: #fff; text-transform: uppercase; }
.escort-title span { display: block; font-size: .9rem; }

.boton-video a { text-transform: uppercase; padding: 0.5em 1.4rem; }
#video .w-video-icon { background: transparent !important; box-shadow: inset 0px 0px 0px 5px #BB9153; }
/*#video .w-video.ratio_initial .w-video-h { max-height: 40rem; }*/
#video .w-video {
  max-width: max-content;
  max-height: max-content;
  margin: 0 auto;
}

.extra-description a { color: var(--color-content-link) !important; }
.extra-description a:hover { color: var(--color-content-link-hover) !important; }

.grid-caracteristicas { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
/*.grid-caracteristicas span { color: #fff; letter-spacing: 1px; }*/
.grid-caracteristicas .label { text-transform: uppercase; color: #fff; letter-spacing: 1px; }
.grid-caracteristicas .value { font-weight: 500; color: #fff; letter-spacing: 1px; }
.grid-caracteristicas a.value { font-weight: 500; color: var(--color-content-link); letter-spacing: 1px; }
.grid-caracteristicas a.value:hover { color: var(--color-content-link-hover); }
.grid-caracteristicas p { margin-bottom: 0; }
.grid-caracteristicas > a { color: var(--color-content-link); font-weight: 500; text-overflow: ellipsis; text-wrap: nowrap; overflow: hidden; }
.grid-caracteristicas > a:hover { color: var(--color-content-link-hover); }

.concertar-cita { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; }
.concertar-cita a { width: 100%; }

#imagen-destacada img { cursor: zoom-in; }

.icono-video { transition: .3s; }
.icono-video:hover { transform: scale(1.1); }

.grid-escorts-titulo .w-post-elm-before { margin-right: 0.5rem; }
.grid-edad:before { content: "·"; display: inline-block; margin-right: 10px; }

.tags-escort { margin-top: 0; }
.tags-escort a { color: #fff; transition: .3s; display: inline-block; padding: 0.4rem 0.6rem; border: solid 2px #BB9153; margin-right: 0.6rem; margin-top: 0.6rem; font-size: .7rem; letter-spacing: 1px; border-radius: 5px; }
.tags-escort a:hover { color: #fff; background: #BB9153; }

/* Home */
.home-category-grid.w-post-elm a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); }
.home-category-grid.w-post-elm a:hover { background: rgba(0,0,0,0); }
.home-category-grid.w-post-elm a span { position: absolute; bottom: 1rem; left: 1rem; }

.contenedor-home-boton > .w-vwrapper { flex-grow: 1; }

/* Filtros */
.widget_wpc_filters_widget { margin-bottom: 0rem !important; }
.wpc-custom-selected-terms span { color: #fff; }
.wpc-custom-selected-terms .wpc-filter-chip a { border: solid 1px #bb9153 !important;}
.wpc-filters-open-widget { border-color: #bb9153 !important; color: #bb9153 !important; padding: 0.5rem 3rem 0.5rem 2rem !important; }
.wpc-filters-open-widget .wpc-icon-html-wrapper span { background: #bb9153; }
.center-grid .w-grid-list { justify-content: center; }
.wpml-ls-statics-footer { background: transparent; padding: 5px 0 0 0; }


/* BOTONES CONTACTO */

#whatsapp { border-color: #26D366; background: #26D366; }
#telegram { border-color: #2EA6DD; background: #2EA6DD; }
#phone-call { border-color: #F04D52; background: #F04D52; }


@media (min-width: 768px) {
  /* Filtros */
  .wpc-filters-main-wrap .wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    place-content: center;
  }

  .wpc-custom-selected-terms ul.wpc-filter-chips-list { justify-content: center; }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section {
    min-width: 9rem;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    padding: .2rem 1rem;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header.active {
    border-top: solid 1px #BB9153;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section:last-child .wpc-filter-header.active {
    border-right: solid 1px #BB9153;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper > .wpc-filters-section ~ .wpc-filters-section .wpc-filter-header,
  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header.active {
    border-left: solid 1px #BB9153;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header.active .wpc-filter-title {
    margin-top: -1px;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header .wpc-filter-title {
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 0;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header .wpc-filter-title:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 7px;
    transition: 0.2s;
    border-left: 5px solid transparent;
    border-top: 8px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 1px solid transparent;
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-header.active .wpc-filter-title:after {
    transform: rotate(180deg);
  }

  .wpc-filters-main-wrap .wpc-filters-widget-wrapper .wpc-filters-section .wpc-filter-content {
    display: none;
    padding: 0.5rem 1rem;
    position: absolute;
    z-index: 9;
    background: #1a1a1a;
    border: solid 1px #bb9153;
    width: calc(100% + 1px);
  }

  .wpc-term-item-content-wrapper label {
    color: #fff;
  }

  .wpc-term-item-content-wrapper input:hover {
    background: #bb9153 !important;
  }
}

/* Media queries */

@media (max-width: 1024px) {
  .concertar-cita { grid-template-columns: repeat(2, 1fr); }
  .hide-tablet { display: none; }
}

@media (max-width: 600px) {
  .hide-mobile { display: none; }
  .grid-caracteristicas { grid-template-columns: repeat(2, 1fr); }
  .grid-caracteristicas span.label { display: block; line-height: 1; }
  .grid-caracteristicas p { margin-bottom: 5px; }
}