/*
 Theme Name:   BirdCom
 Theme URI:    https://birdcom.es
 Description:  BirdCom Comunicación y Diseño
 Author:       Dani Moreno
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*  - - - GENERALES - - - -  */

/* HEADER */
nav#site-navigation,
nav#mobile-header {
  border-bottom: 1px solid var(--contrast);
}
.inside-navigation.grid-container {
  padding: 0 48px;
}
a {
  text-decoration: none;
}
.is-style-logos-only {
  margin: 0;
}
button.menu-toggle {
  display: none !important;
}
button.mega-close {
  background-color: white !important;
}
span.mega-toggle-label span {
  font-family: "Exo 2", sans-serif;
}

@media (max-width: 800px) {
  .main-navigation .inside-navigation {
    justify-content: center;
  }
  .inside-navigation.grid-container {
    padding: 0 10px;
  }
  #mega-menu-wrap-primary
    #mega-menu-primary
    li.mega-menu-megamenu
    > ul.mega-sub-menu
    > li.mega-menu-row
    .mega-menu-column
    > ul.mega-sub-menu
    > li.mega-menu-item {
    padding: 12px 0;
  }
}

@media (min-width: 768px) {
  span.menu-bar-item.wc-menu-item.has-items {
    display: none;
  }
}

/* home */
.scroll-lateral {
  max-width: max-content;
}

/* Breadcrums de woocommerce */
nav.woocommerce-breadcrumb {
  max-width: 1496px;
  margin: auto !important;
  padding: 12px 48px !important;
}
.migasdepan {
  border-bottom: 1px solid;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  .woocommerce-breadcrumb
  a {
  color: var(--primario);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  .woocommerce-breadcrumb
  a:hover {
  color: var(--contrast);
}
nav.woocommerce-breadcrumb {
  color: var(--contrast) !important;
}
@media (max-width: 800px) {
  nav.woocommerce-breadcrumb {
    padding: 12px 10px !important;
  }
}

/* - - - W O O C O M M E R C E - - - */

/* bloque de subcategorias */
.tienda-subcategories-container {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 20px;
  margin: 40px 0;
}

.tienda-subcategory {
  width: 14.5%;
  text-align: center;
}
.tienda-subcategory a {
  color: var(--primary);
}

.tienda-subcategory img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.tienda-subcategory span {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}
.imgsub {
  width: 120px;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 150px;
  margin: auto;
}

@media (max-width: 800px) {
  .tienda-subcategories-container {
    flex-wrap: nowrap;
    overflow: scroll;
    padding-bottom: 20px;
  }
  .tienda-subcategory {
    width: 40%;
  }
}

/* border li */
ul.products li,
ul.wp-block-woocommerce-product-template li {
  border: 1px solid #e8e8e8;
  padding: 20px !important;
  border-radius: 10px;
}

.woocommerce
  ul.products
  li.product
  .woocommerce-LoopProduct-link
  > :not(:first-child) {
  margin-top: 10px;
  margin-bottom: 0;
}
h2.woocommerce-loop-product__title {
  color: var(--contrast);
  font-weight: 500 !important;
}
h2.woocommerce-loop-product__title:hover {
  color: var(--primario);
}
li span.price {
  font-size: 22px !important;
  font-weight: 500 !important;
  color: var(--contrast) !important;
  margin-top: 20px !important;
}
span.onsale {
  background-color: var(--amarillo) !important;
  border-radius: 10px !important;
  color: var(--contrast) !important;
  font-size: 16px !important;
}
.custom-category-excerpt {
  padding-top: 48px;
}
.custom-category-excerpt h2 {
  font-size: 25px !important;
}
.custom-category-excerpt h3 {
  font-size: 20px !important;
}
small.woocommerce-price-suffix {
  font-size: 12px;
}

@media (max-width: 800px) {
  ul.products li,
  ul.wp-block-woocommerce-product-template li {
    padding: 10px !important;
  }
  ul.wc-block-product-template__responsive {
    grid-gap: 1em;
  }
}

/*  - - - single product - - -  */

h1.product_title.entry-title {
  color: var(--primario);
  margin-bottom: 24px;
}
.summary.entry-summary .price {
  font-size: 25px !important;
  color: var(--contrast) !important;
}
.quantity.buttons-added {
  border: 1px solid var(--contrast);
  border-radius: 10px;
  margin-right: 20px !important;
}
button.single_add_to_cart_button.button.alt {
  border-radius: 10px;
  padding: 10px 48px;
}
.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: left;
  font-size: 16px;
  text-transform: uppercase;
  line-height: normal;
  font-weight: 600;
}
.woocommerce-product-gallery {
  margin-right: 96px;
}
.woocommerce-product-gallery__wrapper a img {
  border-radius: 10px;
}
.woocommerce-product-gallery {
  margin-bottom: 96px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin: 0;
  border-radius: 10px !important;
  margin-right: 12px !important;
  border: 1px solid var(--contrast) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--azul);
}
.woocommerce-Tabs-panel h2 {
  font-size: 20px;
}
.woocommerce-product-gallery__image.flex-active-slide img {
  max-height: 630px;
  object-fit: cover;
}
.flex-viewport,
.woocommerce-product-gallery__image.flex-active-slide {
  max-height: 630px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--contrast) !important;
}

section.related.products {
  margin-top: 96px;
}
section.related.products h2 {
  margin-bottom: 48px;
}
ol.flex-control-nav.flex-control-thumbs img {
  border-radius: 10px;
}
h2.woocommerce-loop-product__title {
  font-size: 16px !important;
}
.woocommerce form .quantity.buttons-added .minus,
.woocommerce form .quantity.buttons-added .plus,
.woocommerce form .quantity.buttons-added .qty {
  width: 35px !important;
  height: 35px !important;
}
.woocommerce div.product form.cart>:not(.quantity):not(.single_add_to_cart_button) {
    width: -webkit-fill-available !important;
}
.variations th.label {
  text-align: left;
}
.woocommerce-variation.single_variation {
  margin-bottom: 24px;
}
button.wpcsb-btn.button {
    border-radius: 10px;
}

/* medias single product */
@media (max-width: 800px) {
  .woocommerce-product-gallery {
    margin-bottom: 48px !important;
  }
  ul.tabs.wc-tabs li {
    margin-bottom: 10px !important;
  }
  button.single_add_to_cart_button.button.alt {
    padding: 10px 24px;
  }
  .woocommerce div.product form.cart .button{
    font-size: 15px;
  }
}

/*  - - FILTROS WOOCOMMERCE - -  */
.mobile-search {
  display: none;
}

.inside-left-sidebar {
  padding-right: 48px;
}
.yith-wcan-filters .yith-wcan-filter .filter-title {
  color: var(--contrast) !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a:hover,
.yith-wcan-filters
  .yith-wcan-filter
  .filter-items
  .filter-item
  > label
  > a:hover {
  color: var(--primario) !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a,
.yith-wcan-filters
  .yith-wcan-filter
  .filter-items
  .filter-item.active
  > label
  > a {
  color: var(--contrast) !important;
}
.yith-wcan-filters
  .yith-wcan-filter
  .yith-wcan-dropdown
  .dropdown-wrapper
  .show-more {
  color: var(--contrast) !important;
}
ul.matching-items.filter-items::-webkit-scrollbar-thumb {
  background: var(--primario) !important;
}
@media (max-width: 800px) {
  .tax-product_cat div#primary {
    order: 1;
  }
  .mobile-search {
    display: block;
    margin-bottom: 0;
  }
  .search-filter {
    display: none !important;
    margin-top: 24px;
    width: 100%;
  }
  .show-filter {
    display: block !important;
  }
  .inside-left-sidebar {
    padding-right: 0px;
  }
}

/* - - - - bloque de productos de woocommerce - - */
ul.wc-block-product-template__responsive {
  margin: 0;
}
ul.is-product-collection-layout-list {
  margin: 0;
}
.product-brand-name {
  font-size: 12px;
}
/* - titulo - */
h3.wp-block-post-title a,
h2.wp-block-post-title a {
  text-align: left;
  color: var(--contrast);
  font-size: 16px;
  font-weight: 500;
}
h3.wp-block-post-title a:hover,
h2.wp-block-post-title a:hover {
  color: var(--primario);
}
.prod-verticales .product-brand-name {
  padding-bottom: 6px;
}

/* - precios -  */
.wc-block-components-product-price,
li .price {
  text-align: left;
  font-size: 22px !important;
  font-weight: 500;
  margin-top: 20px !important;
}
li.sale del {
  font-size: 16px;
  margin-right: 12px;
}
li.sale ins {
  color: var(--primario);
  font-weight: 500 !important;
}

/* - - bandera de oferta - - */
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale
  span,
.wc-block-components-product-sale-badge span {
  color: var(--contrast);
  font-weight: bold;
  font-size: 16px;
  padding: 0;
}

.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale,
.wc-block-components-product-sale-badge {
  background-color: var(--amarillo) !important;
  border: none !important;
  padding: 4px 12px 0 12px !important;
  border-radius: 10px !important;
}
.prod-verticales
  .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-left.wc-block-grid__product-onsale {
  position: relative;
}
/* carrito checkout */
.page-id-10
  a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
  border-radius: 5px;
  margin-top: 24px;
  color: white !important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  border-radius: 5px;
}
:where(.wc-block-mini-cart__badge) {
  color: var(--contrast) !important;
}

/* BLOG */
.post-image img,
.featured-image.page-header-image-single img {
  border-radius: 8px;
}

body.blog .inside-article .entry-title,
body.category .inside-article .entry-title,
body.author .inside-article .entry-title {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 24px;
}
body.blog .site-content {
  padding: 48px 0;
}

body.blog .generate-columns,
body.category .generate-columns,
body.author .generate-columns {
  padding-left: 48px;
  padding-bottom: 48px;
}

body.blog .generate-columns .inside-article,
body.category .generate-columns .inside-article,
body.author .generate-columns .inside-article {
  background-color: #fff;
  padding: 24px 24px 24px 24px;
  box-shadow: 3px 3px 10px 0 rgb(1 97 145 / 17%);
  border-radius: 10px;
}

body.blog .generate-columns .inside-article:hover,
body.category .generate-columns .inside-article:hover,
body.author .generate-columns .inside-article:hover {
  box-shadow: 3px 3px 10px 0 rgb(1 97 145 / 30%);
}
body.blog .generate-columns,
body.category .generate-columns,
body.author .generate-columns {
  margin-bottom: 0px;
}

body.blog .entry-summary,
body.category .entry-summary,
body.author .entry-summary {
  margin-top: 12px;
}

body.blog .post-image,
body.category .post-image,
body.author .post-image {
  margin-bottom: 12px !important;
}

.post-template-default.single.single-post .wp-block-image img,
.post-template-default.single.single-post .wp-block-embed__wrapper {
  margin-bottom: 24px;
}

.button,
.wp-block-search__button {
  border-radius: 10px;
  padding: 12px 30px;
  font-weight: 600;
}

@media (max-width: 768px) {
  body.blog .generate-columns,
  body.category .generate-columns,
  body.author .generate-columns {
    padding-left: 0px;
    padding-bottom: 48px;
  }
  .widget-area .widget {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 48px;
    padding-left: 10px;
  }
  body.blog .site-content {
    padding: 48px 10px;
  }
  body.blog .site-content,
  body.category .site-content,
  body.author .site-content {
    flex-direction: column-reverse;
  }
}

/* - - BLOQUE DE AUTOR EAT - - */
aside#autor {
  margin-right: 10px;
}
aside#block-5,
aside#block-4 {
  margin-right: 10px;
}
aside#block-5 h2,
aside#block-4 h2 {
  color: var(--primario);
  margin-bottom: 12px;
  font-size: 30px !important;
}

/* Color y tamaño de la etiqueta "Buscador" */
.wp-block-search__label {
  color: #ffffff;
  font-size: 17px;
}

/* Botón de "BUSCAR" */
.wp-block-search__button {
  background: var(--primario);
  color: #fff;
  border: none;
  font-size: 15px;
  text-transform: uppercase;
}
/* Autor container */
.autor-text {
  display: flex;
  flex-direction: column;
}

.linkedin-logo {
  order: 2;
}
.author-position {
  order: 3;
  margin-top: 12px;
}

.author-name {
  color: var(--primario) !important;
  font-weight: 800;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}
/* Author image */
.autor-imagen img {
  max-width: 150px;
  border-radius: 50% !important;
}

aside#autor .wp-block-image img {
  height: auto;
  max-width: 100% !important;
  vertical-align: bottom;
}
p.read-more-container a:hover {
  color: white;
}

/*CONTACTO*/
#responsive-form {
  max-width: 90%
    /*60% /*-- cambiar esto para conseguir el ancho de la forma deseada --*/;
  margin: 5 auto;
  width: 100%;
}
.form-row {
  width: 100%;
}
.column-half,
.column-full {
  float: left;
  position: relative;
  padding: 0.4rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 48em) {
  .column-half {
    width: 50%;
  }
}

.wpcf7 label {
  width: 100%;
  font-size: 16px;
}
.form p {
  font-size: 11px;
  text-align: justify;
}
.wpcf7 .wpcf7-submit {
  border: 2px solid var(--contrast);
  background: var(--contrast);
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
}
.wpcf7 .wpcf7-submit:hover {
  border: 2px solid var(--primario);
  background: var(--primario);
  color: #fff;
}
.wpcf7-textarea,
input[type="text"],
input[type="tel"],
input[type="email"] {
  width: 100%;
  border-radius: 2px;
  border: 1px solid var(--contrast) !important;
  font-size: 16px;
  margin-bottom: 0px;
  border-width: 2px;
  background: var(--base);
  border-radius: 10px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px !important;
}
.wpcf7-form-control-wrap > select {
  width: 100% !important;
}
.wpcf7-submit {
  width: 100%;
  font-size: 16px;
  padding: 20px;
  margin-bottom: 15px;
  /*para centrar*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  /**************/
}

.wpcf7-list-item {
  margin: 6px 6px !important;
}

.form-row p {
  margin-bottom: 0.2em;
}
div#formulario-newsletter .wpcf7-spinner {
  display: none;
}
div#formulario-newsletter p {
  margin-bottom: 6px;
}
/* FIN CONTACTO */

/* Marcas en ficha de producto */

p.marca {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 2px;
  color:#686868;
}
.marca:hover {
		color:#000;
	}

/* FIN - Marcas en ficha de producto */