/*
Theme Name: Esero Theme
Theme URI: https://www.squembri.com
Author: Squembri | Juan M.
Author URI: https://www.squembri.com
Description: Theme a medida para el proyecto Esero Theme
Version: 1.2.2
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: Esero Theme
*/
/* --------------------------------------------- */
/* Variables */
:root {
  --theme-font: "Jost", sans-serif;
  --theme-font-two: "Jost", sans-serif;
  --theme-font-three: "Jost", sans-serif;
  --theme-font-four: "Jost", sans-serif;
  --theme-color-font: #666666;
  --theme-base: #20ACE2;
  --theme-base-rgb: 32, 172, 226;
  --theme-secondary: #003B4A;
  --theme-gray: #F6F5F3;
  --theme-white: #ffffff;
  --theme-black: #222222;
}
/* --------------------------------------------- */
/* General */
.color-base {
  color: var(--theme-base) !important;
}
.color-secondary {
  color: var(--theme-secondary) !important;
}
.color-white {
  color: var(--theme-white) !important;
}
.bg-base {
  background-color: var(--theme-base) !important;
}
.bg-secondary {
  background-color: var(--theme-secondary) !important;
}
.bg-white {
  background-color: var(--theme-white) !important;
}
.row {
  --bs-gutter-x: 30px;
}
.gutter-y-30 {
  --bs-gutter-y: 30px;
}
body {
  font-family: var(--theme-font);
  color: var(--theme-color-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
body.locked {
  overflow: hidden;
}
a {
  color: var(--theme-base);
}
a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  transition: all 500ms ease;
}
a:hover {
  text-decoration: underline;
  color: var(--theme-base);
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
::placeholder {
  color: inherit;
  opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-font-two);
  color: var(--theme-secondary);
}
h2 {
  font-weight: 500;
  font-size: 52px;
  line-height: 57px;
}
h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 25px;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
::placeholder {
  color: inherit;
  opacity: 1;
}
.container {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1080px) {
  .container.medio {
    max-width: 1080px;
  }
}
@media (min-width: 1240px) {
  .container {
    max-width: 1240px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
::placeholder {
  color: inherit;
  opacity: 1;
}
/* checkbox */
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--theme-white);
  border: 2px solid rgba(var(--theme-base-rgb), 0.4);
  border-radius: 4px;
  transition: all 0.3s ease;
}
input[type="checkbox"]:hover {
  border: 2px solid rgba(var(--theme-base-rgb), 1);
}
input[type="checkbox"]:checked {
  background-color: var(--theme-base);
  border-color: var(--theme-base);
}
input[type="checkbox"]:checked:hover {
  background-color: rgba(var(--theme-base-rgb), 0.8);
}
/* --------------------------------------------- */
/* Botones */
.thm-btn,
.btn-main,
.wp-block-button a,
button:not(#moove_gdpr_cookie_info_bar button) {
  all: unset;
  display: inline-flex;
  font-size: 14px;
  line-height: 20px;
  border: 0px solid;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  padding: 5px 25px 6px 25px;
  position: relative;
  overflow: hidden;
  color: var(--theme-white);
  background-color: var(--theme-base);
  cursor: pointer;
  border-radius: 16px;
}
.thm-btn:hover,
.btn-main:hover,
.wp-block-button a:hover,
button:not(#moove_gdpr_cookie_info_bar button):hover {
  color: var(--theme-white);
  background-color: var(--theme-secondary);
  text-decoration: none;
}
.thm-btn i,
.btn-main i,
.wp-block-button a i,
button:not(#moove_gdpr_cookie_info_bar button) i {
  max-height: 19px;
  width: auto;
  position: relative;
  margin-top: -1px;
}
.thm-btn i img,
.btn-main i img,
.wp-block-button a i img,
button:not(#moove_gdpr_cookie_info_bar button) i img {
  height: 100%;
  width: auto;
}
.thm-btn.white,
.btn-main.white,
.wp-block-button a.white,
button:not(#moove_gdpr_cookie_info_bar button).white {
  background-color: #ECF6FB;
  color: var(--theme-base);
}
.thm-btn.white:hover,
.btn-main.white:hover,
.wp-block-button a.white:hover,
button:not(#moove_gdpr_cookie_info_bar button).white:hover {
  background-color: var(--theme-white);
  color: var(--theme-base);
}
.thm-btn.outline,
.btn-main.outline,
.wp-block-button a.outline,
button:not(#moove_gdpr_cookie_info_bar button).outline {
  background-color: transparent;
  color: var(--theme-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.thm-btn.outline:hover,
.btn-main.outline:hover,
.wp-block-button a.outline:hover,
button:not(#moove_gdpr_cookie_info_bar button).outline:hover {
  background-color: var(--theme-base);
  color: var(--theme-white);
}
.thm-btn.icon,
.btn-main.icon,
.wp-block-button a.icon,
button:not(#moove_gdpr_cookie_info_bar button).icon {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px 7px 15px;
}
.subtitle {
  display: inline-flex;
  border-radius: 16px;
  background-color: #ECF6FB;
  color: var(--theme-base);
  padding: 10px 17px 10px 17px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 10px;
}
/* Botón editar post y WP */
.sq_edit_post {
  position: fixed;
  z-index: 9999999;
  bottom: 210px;
  left: 30px;
  border-radius: 100%;
  background: #333;
  border: 3px #e00034 solid;
  box-shadow: 0 1px 16px 0px rgba(0, 0, 0, 0.75);
  transition: 0.5s;
}
.sq_edit_post a {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sq_edit_post a svg {
  width: 25px;
  height: 20px;
}
.sq_edit_post a svg path {
  fill: #fff;
  transition: 0.3s;
}
.sq_edit_post.sq_wp_link {
  bottom: 90px;
}
.sq_edit_post.sq_info_link {
  bottom: 150px;
}
.sq_edit_post:hover {
  border: 3px #000 solid;
}
.sq_edit_post:hover a svg path {
  fill: #ebebeb;
}
figure.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
}
.wow {
  visibility: hidden;
}
/* Migas de pan */
.SQ_migas_yoast {
  margin-bottom: 15px;
}
.SQ_migas_yoast #breadcrumbs span a {
  color: #FFFFFF80;
  font-family: var(--theme-font);
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.SQ_migas_yoast #breadcrumbs span a:hover {
  text-decoration: none;
}
.SQ_migas_yoast #breadcrumbs span span.breadcrumb_last {
  color: #FFFFFF80;
  font-family: var(--theme-font);
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--theme-white);
}