/*
Theme Name: Tema Pleg  Strive!
Theme URI:
Author: Pleg
Author URI: https://www.pleg.es/
Template: twentytwentythree
Version: 1.0.0
*/
/*Necesario para que no haya scroll horizontal*/
body .wp-site-blocks {
  padding: 0 !important;

  margin-bottom: -35px !important;
}

.wp-site-blocks {
  margin-bottom: -35px !important;
}

.wp-site-blocks.posts-archive {
  margin-bottom: -125px !important;
}

/*Posicionamientos y tamaños*/
.width-100 {
  width: 100%;
}

@media (max-width: 1024px) {
  .align-md-center {
    text-align: center;
  }
}

@media (max-width: 782px) {
  .align-sm-center {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .align-md-center {
    text-align: center;
  }
}

.justify-content-center {
  justify-content: center;
}

.flex-dir-column {
  flex-direction: column;
}

@media (max-width: 1024px) {
  .justify-image-md-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1024px) {
  .flex-dir-md-col {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }
}

.pos-relative {
  position: relative;
}

.pos-fixed {
  position: fixed;
}

.pos-absolute {
  position: absolute;
}

.pos-sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.line-h-0 {
  line-height: 0;
}

.z-index-100 {
  z-index: 100;
}

.z-index-150 {
  z-index: 150;
}

/*Colores*/
.bg-white {
  background-color: white;
}

.fill-white *,
.fill-white {
  color: white;
  fill: white;
}

.fill-white-forced img {
  filter: invert(100%) sepia(0%) saturate(18%) hue-rotate(32deg) brightness(104%) contrast(100%);
}

.svg-filter-dark-blue {
  filter: invert(16%) sepia(24%) saturate(6342%) hue-rotate(202deg) brightness(93%) contrast(107%);
}

/*Navegación y header*/

.lista-horizontal li {
  display: inline;
  margin: 0px 5px;
}

/*Ajustes para menu mobile*/
@media (max-width: 768px) {
  .wp-block-navigation__responsive-container-content {
    align-items: flex-start;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    gap: unset;
    width: 100%;
    align-items: flex-start;
  }

  .wp-block-navigation__container li {
    width: 100%;
    height: unset;
    align-items: flex-start;
  }

  .wp-block-navigation__container a {
    font-size: 20px;
    font-weight: 400;
    height: 45px;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a.wp-block-navigation-item__content {
    display: flex;
  }

  .wp-block-navigation__submenu-container {
    width: 100% !important;
    padding: 0 0 0 0;
  }

  .wp-block-navigation__submenu-container li a span {
    padding: 0 0 0 15px;
  }
}

.wp-block-navigation__container li li {
  height: unset;
}

/*Botones*/
.btn-superpuesto {
  height: 0;
  z-index: 100;
  position: relative;
}

.btn-superpuesto .wp-block-button {
  margin-top: -23px;
}

.btn-icon.wp-block-button .wp-block-button__link {
  padding-top: 22px;
  padding-bottom: 28px;
}

.btn-icon img {
  margin-right: 10px;
  margin-bottom: -8px;
}

@media (max-width: 1024px) {

  .btn-md-100,
  .btn-md-100 a {
    width: 100%;
  }
}

@media (max-width: 782px) {

  .btn-sm-100,
  .btn-sm-100 a {
    width: 100%;
  }
}

/*Imágenes, tamaños de imagen y demás*/
.object-fit-cover img,
img.object-fit-cover {
  object-fit: cover;
}

.img-w-100,
.img-w-100 img {
  width: 100%;
}

@media (min-width: 1024px) {

  .img-height-lg-200 img,
  img.img-height-lg-200 {
    height: 200px;
  }

  .img-height-lg-450 img,
  img.img-height-lg-450 {
    height: 450px;
  }

  .img-height-lg-300 img,
  img.img-height-lg-300 {
    height: 300px;
  }
}

.img-blue-back {
  border: 35px solid var(--wp--preset--color--tertiary);
  box-sizing: border-box;
}

/*Galerías*/
.gallery-image img {
  max-height: 300px;
}

@media (max-width: 600px) {
  .gallery-image img {
    max-height: 200px;
  }
}

/*Arregla la separación de parrafos e imágenes en los posts individuales*/
.content-separation p,
.content-separation figure,
.content-separation ul {
  margin-bottom: 15pxs;
}

/*Formulario Contacto*/
.formulario-contacto label {
  color: white;
  font-weight: 400;
}

.formulario-contacto input.ff-el-form-control,
.formulario-contacto textarea.ff-el-form-control {
  border-radius: 0;
}

.formulario-contacto .ff-btn-submit {
  width: 100%;
  background-color: var(--wp--preset--color--custom-color-main);
  font-weight: 600;
  border-radius: 0;
  padding: 10px 0px;
}

/*Arreglos CSS gutenberg*/
.block-editor-block-contextual-toolbar {
  z-index: 200;
}

/*Estilos de Kadence*/
/*Sliders*/
.kt-blocks-carousel {
  padding: unset;
}

/*Count Up*/
.count-center-subtitle .kb-count-up-title {
  display: block;
  width: 100%;
}

/*Clases especificas de bloques y experimentales que hay que ordenar luego ! */
.drawn-separator {
  line-height: 0;
}

.img-drawn-border-white img {
  border: 4px solid white;
}

.editor-styles-wrapper .block-editor-block-list__layout li {
  list-style-type: none !important;
}

body,
* {
  scroll-behavior: smooth !important;
}

/* Cambios Alfredo */
.wp-block-create-block-gb-container-content-width ol li,
.wp-block-create-block-gb-container-content-width ul li {
  list-style: disc;
}