/*
Theme Name: CIFP Reina Victoria Eugenia theme
Theme URI: https://squembri.com
Author: Squembri - Juan M.
Author URI: https://squembri.com
Description: Theme a medida para el proyecto CIFP Reina Victoria Eugenia
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: cifp-reina-victoria-eugenia
*/
/* --------------------------------------------- */
/* Variables */
:root {
  --theme-font: "Inter", sans-serif;
  --theme-font-two: "Inter", sans-serif;
  --theme-font-three: "Inter", sans-serif;
  --theme-font-four: "Inter", sans-serif;
  --theme-gray: #576070;
  --theme-gray-rgb: 87, 96, 112;
  --theme-white: #ffffff;
  --theme-white-rgb: 255, 255, 255;
  --theme-base: #066CCB;
  --theme-base-rgb: 6, 108, 203;
  --theme-black: #222E48;
  --theme-black-rgb: 34, 46, 72;
  --theme-primary: #afb8bc;
  --theme-bdr-color: #e0dcd3;
  --theme-naranja: #F37739;
}
/* --------------------------------------------- */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
/* General */
html {
  scroll-padding-top: 120px;
}
.row {
  --bs-gutter-x: 30px;
}
.gutter-y-30 {
  --bs-gutter-y: 30px;
}
body {
  font-family: var(--theme-font);
  color: var(--theme-gray);
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: -0.176px;
}
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;
}
::-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-black);
  margin: 0;
}
p {
  margin: 0;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}
/* --------------------------------------------- */
/* Botones */
.thm-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  background-color: var(--theme-base);
  color: var(--theme-white);
  font-family: var(--theme-font-two);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
  transition: all 0.2s linear !important;
  z-index: 1;
  text-decoration: none;
  border-radius: 800px;
  border: 1px solid transparent;
  border-color: var(--theme-base);
  padding: 17px 32px;
  cursor: pointer;
}
.thm-btn:hover {
  background: var(--main-800);
  border-color: var(--main-800);
  color: var(--theme-white);
  text-decoration: none !important;
}
.thm-btn:hover.btn-arrow::after {
  transform: translateY(-50%) rotate(45deg);
}
.thm-btn:hover.outline {
  background-color: rgba(var(--theme-base-rgb), 0.1);
}
.thm-btn.outline {
  background-color: transparent;
  color: var(--theme-base);
}
.thm-btn.outline.btn-arrow::after {
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.3438 4.5V11.8125C14.3438 12.0469 14.2617 12.2461 14.0977 12.4102C13.9336 12.5742 13.7344 12.6562 13.5 12.6562C13.2656 12.6562 13.0664 12.5742 12.9023 12.4102C12.7383 12.2461 12.6562 12.0469 12.6562 11.8125V6.53906L5.09766 14.0977C5.01562 14.168 4.9248 14.2266 4.8252 14.2734C4.72559 14.3203 4.61719 14.3438 4.5 14.3438C4.26562 14.3438 4.06641 14.2617 3.90234 14.0977C3.73828 13.9336 3.65625 13.7344 3.65625 13.5C3.65625 13.3828 3.67676 13.2715 3.71777 13.166C3.75879 13.0605 3.82031 12.9727 3.90234 12.9023L11.4609 5.34375H6.1875C5.95312 5.34375 5.75391 5.26172 5.58984 5.09766C5.42578 4.93359 5.34375 4.73438 5.34375 4.5C5.34375 4.26562 5.42578 4.06641 5.58984 3.90234C5.75391 3.73828 5.95312 3.65625 6.1875 3.65625H13.5C13.7344 3.65625 13.9336 3.73828 14.0977 3.90234C14.2617 4.06641 14.3438 4.26562 14.3438 4.5Z" fill="%23066CCB"/%3E%3C/svg%3E%0A');
}
.thm-btn.btn-arrow {
  padding-right: 58px;
}
.thm-btn.btn-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.3438 4.5V11.8125C14.3438 12.0469 14.2617 12.2461 14.0977 12.4102C13.9336 12.5742 13.7344 12.6562 13.5 12.6562C13.2656 12.6562 13.0664 12.5742 12.9023 12.4102C12.7383 12.2461 12.6562 12.0469 12.6562 11.8125V6.53906L5.09766 14.0977C5.01562 14.168 4.9248 14.2266 4.8252 14.2734C4.72559 14.3203 4.61719 14.3438 4.5 14.3438C4.26562 14.3438 4.06641 14.2617 3.90234 14.0977C3.73828 13.9336 3.65625 13.7344 3.65625 13.5C3.65625 13.3828 3.67676 13.2715 3.71777 13.166C3.75879 13.0605 3.82031 12.9727 3.90234 12.9023L11.4609 5.34375H6.1875C5.95312 5.34375 5.75391 5.26172 5.58984 5.09766C5.42578 4.93359 5.34375 4.73438 5.34375 4.5C5.34375 4.26562 5.42578 4.06641 5.58984 3.90234C5.75391 3.73828 5.95312 3.65625 6.1875 3.65625H13.5C13.7344 3.65625 13.9336 3.73828 14.0977 3.90234C14.2617 4.06641 14.3438 4.26562 14.3438 4.5Z" fill="white"/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s linear !important;
}
/* 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;
}
body .wp-site-blocks main {
  margin-top: 100px;
}
@media screen and (max-width: 1199px) {
  body .wp-site-blocks main {
    margin-top: 74px;
  }
}
.SQ_migas_yoast #breadcrumbs span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.SQ_migas_yoast #breadcrumbs span span {
  color: #89BDED;
  font-family: var(--theme-font);
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.SQ_migas_yoast #breadcrumbs span span .ico-home {
  margin-bottom: 3px;
}
.SQ_migas_yoast #breadcrumbs span span a {
  color: #89BDED;
  font-family: var(--theme-font);
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  vertical-align: middle;
  text-decoration: none;
}
.SQ_migas_yoast #breadcrumbs span span.breadcrumb_last {
  color: var(--theme-white);
  font-family: var(--theme-font);
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0px;
  vertical-align: middle;
}
body.page-template-page-textos-legales .wp-site-blocks main .container h2 {
  color: var(--theme-black);
  font-family: var(--theme-font);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0px;
  vertical-align: middle;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  body.page-template-page-textos-legales .wp-site-blocks main .container h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
body.page-template-page-textos-legales .wp-site-blocks main .container h3,
body.page-template-page-textos-legales .wp-site-blocks main .container h4,
body.page-template-page-textos-legales .wp-site-blocks main .container h5,
body.page-template-page-textos-legales .wp-site-blocks main .container h6 {
  color: var(--theme-black);
  font-family: var(--theme-font);
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  body.page-template-page-textos-legales .wp-site-blocks main .container h3,
  body.page-template-page-textos-legales .wp-site-blocks main .container h4,
  body.page-template-page-textos-legales .wp-site-blocks main .container h5,
  body.page-template-page-textos-legales .wp-site-blocks main .container h6 {
    font-size: 28px;
    line-height: 36px;
  }
}
body.page-template-page-textos-legales .wp-site-blocks main .container p {
  color: var(--theme-gray);
  font-family: var(--theme-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0px;
  vertical-align: middle;
  margin-bottom: 20px;
}
body.page-template-page-textos-legales .wp-site-blocks main .container ul {
  list-style: disc;
  margin-bottom: 20px;
}
body.page-template-page-textos-legales .wp-site-blocks main .container ul li {
  color: var(--theme-gray);
  font-family: var(--theme-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0px;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-left: 20px;
}
body.page-template-page-textos-legales .wp-site-blocks main .container ol {
  list-style: disc;
  margin-bottom: 20px;
}
body.page-template-page-textos-legales .wp-site-blocks main .container ol li {
  color: var(--theme-gray);
  font-family: var(--theme-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  letter-spacing: 0px;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-left: 20px;
}
/* Dashboard */
body.page-template-dashboard .wp-site-blocks main {
  margin-top: 0px;
}
@media screen and (max-width: 1199px) {
  body.page-template-dashboard .wp-site-blocks main {
    margin-top: 0px;
  }
}
body .wp-site-blocks main {
  overflow: hidden;
}
