/*
Theme Name: o2qi
Theme URI: 
Author: Keeo
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: o2qi
Tags: 
*/
:root {
  --stk-container-color: var(--wp--preset--color--contrast);
}
@media screen and (max-width: 80rem) {
  :root {
    --wp--style--global--wide-size: none;
    --stk-block-width-wide-detected: none;
  }
}
*, *::before,*::after {
  box-sizing: border-box;
}

#svg-sprite {
  display: none;
}
figure {
  margin: 0;
}

svg.icon-button {
  display: inline-block;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  padding: .35em;
  border-radius: .5em;
}
a:hover svg.icon-button {
  background-color: var(--wp--preset--color--contrast);
}

/* Corrections blocks */
.wp-block-media-text {
  gap: var(--wp--preset--spacing--80);
}
.wp-block-media-text>.wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text,
.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px) {
  .wp-block-media-text {
    gap: var(--wp--preset--spacing--50);
  }
}

/* Blocks custom */
.wp-block-group.is-style-deco-1,
.wp-block-group.is-style-deco-2,
.wp-block-group.is-style-deco-3,
.wp-block-group.is-style-deco-4,
.wp-block-group.is-style-deco-1b,
.wp-block-group.is-style-deco-2b,
.wp-block-group.is-style-deco-3b,
.wp-block-group.is-style-deco-4b {
  border-radius: 2rem;
  padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--30);
  background-position: bottom right;
  background-size: 20em auto;
  background-repeat: no-repeat;
}
.wp-block-group.is-style-deco-1.alignfull,
.wp-block-group.is-style-deco-2.alignfull,
.wp-block-group.is-style-deco-3.alignfull,
.wp-block-group.is-style-deco-4.alignfull,
.wp-block-group.is-style-deco-1b.alignfull,
.wp-block-group.is-style-deco-2b.alignfull,
.wp-block-group.is-style-deco-3b.alignfull,
.wp-block-group.is-style-deco-4b.alignfull {
  border-radius: 0;
}
@media (max-width: 600px) {
  .wp-block-group.is-style-deco-1,
  .wp-block-group.is-style-deco-2,
  .wp-block-group.is-style-deco-3,
  .wp-block-group.is-style-deco-4,
  .wp-block-group.is-style-deco-1b,
  .wp-block-group.is-style-deco-2b,
  .wp-block-group.is-style-deco-3b,
  .wp-block-group.is-style-deco-4b {
    background-image: none !important;
  }
}
@media (min-width: 48em) {
  .wp-block-group.is-style-deco-1,
  .wp-block-group.is-style-deco-2,
  .wp-block-group.is-style-deco-3,
  .wp-block-group.is-style-deco-4,
  .wp-block-group.is-style-deco-1b,
  .wp-block-group.is-style-deco-2b,
  .wp-block-group.is-style-deco-3b,
  .wp-block-group.is-style-deco-4b {
    padding: var(--wp--preset--spacing--70);
  }
}


/* Menus */
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--primary);
}
.main-navigation .wp-block-navigation-item.current-menu-ancestor > a,
.main-navigation .wp-block-navigation-item.current-menu-item > a {
  font-weight: 700;
}
.main-navigation.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
  color: inherit;
}

@media screen and (max-width: 599px) {
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open {
    padding: var(--wp--preset--spacing--50);
    color: var(--wp--preset--color--contrast) !important;
    background-color: var(--wp--preset--color--neutral-light) !important;
    font-size: var(--wp--preset--font-size--large);
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    padding: .25em 1em;
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
    gap: 0;
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    width: 100%;
    --navigation-layout-justification-setting: flex-start;
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
    width: 100%;
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list > li {
    width: 100%;
  }
  .main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list > li + li::before {
    content:"";
    display: block;
    border-top: 1px solid var(--wp--preset--color--neutral);
    width: 100%;
    margin: var(--wp--preset--spacing--30) 0;
  }

}
/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
}
@media screen and (min-width: 601px) {
  body.admin-bar .site-header {
    top: var(--wp-admin--admin-bar--height);
  }
}
/* Footer */
footer.wp-block-template-part {
  margin-top: 0;
}

/* Blog */
.blog-post-content > p {
  max-width: var(--wp--custom--layout--narrow);
}
.card-category-badge {
  width: fit-content;
}
.wp-block-navigation.blog-categories {
  margin-top: var(--wp--preset--spacing--50);
}
.wp-block-navigation.blog-categories .wp-block-navigation-item > a {
  padding: .5em 1em;
  border-radius: .5em;
}
.wp-block-navigation.blog-categories .wp-block-navigation-item.wp-block-navigation-item.current-menu-item > a {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  font-weight: 400;
}

.yoast-breadcrumbs {
  font-size: var(--wp--preset--font-size--small);
}
.yoast-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.yoast-breadcrumbs a:hover {
  text-decoration: underline;
}
.wp-block-stackable-card .stk-hover-parent .stk-block-card__image {
  border-radius: .75rem;
}
.wp-block-stackable-card .stk-hover-parent .stk-block-card__image img {
  transition-duration: .5s;
}
.wp-block-stackable-card .stk-hover-parent:hover .stk-block-card__image img {
  transform: scale(1.08);
}

/* Forms */
input[type="text"],
input[type="email"],
textarea,
select {
  font-family: var(--wp--preset--font-family--albert-sans);
  font-size: var(--wp--preset--font-size--normal);
  border: 1px solid currentColor;
  padding: 1em 2.5em;
  line-height: 1;
  border-radius: 0.5em;
  color: var(--wp--preset--color--contrast);
  appearance: unset;
}
select {
  padding-right: 2em !important;
  background-image: url("./assets/images/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 1em 1em;
}
@media only screen and (max-width: 641px) {
  select {
    line-height: 2;
  }
}
input[type="submit"] {
  font-family: var(--wp--preset--font-family--albert-sans);
  font-size: var(--wp--preset--font-size--normal);
  background-color: var(--wp--preset--color--primary);
  border: 0;
  color: var(--wp--preset--color--base);
  font-weight: 400;
  padding: 1em 1.5em;
  border-radius: 0.5em;
  line-height: 1;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: var(--wp--preset--color--contrast);
}
.gform-field-label--type-sub {
  margin-bottom: .25em;
}