/*
    BASES
    El contenidor principal te un padding horitzontal var(--wp--custom--gap--horizontal)
    Si volem contingut 100% hem de fer el contingut + 2 cops el gap horitzontal;
*/

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

strong {
  /* only needed if value is different than bold */
  /* font-weight: var(--wp--custom--font-weight--extrabold); */
}

#container {
  width: 100%;
  padding-left: var(--wp--style--block-gap);
  padding-right: var(--wp--style--block-gap);
  /* margin-left: calc(-1 * var(--wp--style--block-gap));
  margin-right: calc(-1 * var(--wp--style--block-gap));
  width: calc(100% + 2 * var(--wp--style--block-gap));*/
}

.wp-block-cover__inner-container > *,
.entry-content > * {
  margin: 0 auto;
}

.wp-block-cover__inner-container > * + *,
.entry-content > * + * {
  margin-top: var(--wp--style--block-gap);
  margin-bottom: 0;
}

.entry-content > *:not(.alignfull):not(.alignwide) {
  max-width: var(--wp--style--global--content-size);
}

.wp-block-cover,
.alignwide,
.alignfull {
  margin-top: var(--wp--style--block-gap);
  margin-bottom: var(--wp--style--block-gap);
}

.wp-block-image {
  margin-bottom: var(--wp--style--block-gap);
}

.alignwide {
  max-width: var(--wp--style--global--wide-size);
}

.entry-content > .alignfull {
  margin-left: calc(-1 * var(--wp--style--block-gap));
  margin-right: calc(-1 * var(--wp--style--block-gap));
  width: calc(100% + 2 * var(--wp--style--block-gap));
}

.alignfull.has-background > .alignfull {
  margin-left: calc(-1 * var(--wp--style--block-gap));
  margin-right: calc(-1 * var(--wp--style--block-gap));
}

.wp-block-cover,
.has-background:not(.wp-block-button__link):not(.wp-block-separator) {
  padding: var(--wp--style--block-gap);
}

h1.alignfull:not(.has-background),
h2.alignfull:not(.has-background),
h3.alignfull:not(.has-background),
h4.alignfull:not(.has-background),
h5.alignfull:not(.has-background),
h5.alignfull:not(.has-background) {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h5.has-background {
  padding-left: var(--wp--style--block-gap);
  padding-right: var(--wp--style--block-gap);
}

.is-style-list-columns-2,
.is-style-list-columns-3 {
  break-inside: avoid;
  page-break-inside: avoid;
}

.is-style-list-columns-2 {
  columns: auto 2;
  column-gap: calc(2 * var(--wp--style--block-gap));
}

.is-style-list-columns-3 {
  columns: auto 3;
  column-gap: calc(2 * var(--wp--style--block-gap));
}

/* images */

figure[class*="is-style-aspect-ratio"] img {
  object-fit: cover;
}

.is-style-aspect-ratio-1_1 img {
  aspect-ratio: 1/1;
}

.is-style-aspect-ratio-4_3 img {
  aspect-ratio: 4/3;
}

.is-style-aspect-ratio-3_4 img {
  aspect-ratio: 3/4;
}

.is-style-aspect-ratio-3_2 img {
  aspect-ratio: 3/2;
}

.is-style-aspect-ratio-2_3 img {
  aspect-ratio: 2/3;
}

.is-style-aspect-ratio-16_9 img {
  aspect-ratio: 16/9;
}

.is-style-aspect-ratio-9_16 img {
  aspect-ratio: 9/16;
}

.is-style-aspect-ratio-21_9 img {
  aspect-ratio: 21/9;
}

.is-style-aspect-ratio-9_21 img {
  aspect-ratio: 9/21;
}

.is-style-aspect-ratio-1_1 img {
  aspect-ratio: 1/1;
}

/* STYLE */

body {
  background-color: white !important;
  /*font-family: "Jockey One", sans-serif;*/
  font-family: var(--wp--preset--font-family--jockey-one);
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #646464 !important;
}
/*
.oh {
  overflow-x: hidden;
}
.oh-light {
  overflow: hidden;
}*/
h1 {
  font-size: 2rem !important;
  /*font-family: "Jockey One", sans-serif;*/
  font-family: var(--wp--preset--font-family--jockey-one);
  color: var(--wp--preset--color--theme-white) !important;
}
.editor-styles-wrapper h1 {
  color: black !important;
}
h2 {
  font-size: 4rem !important;
  font-weight: 400 !important;
  /*font-family: "Jomhuria", serif !important;*/
  font-family: var(--wp--preset--font-family--jomhuria) !important;
}
h3 {
  /*font-family: "Jockey One", sans-serif;*/
  font-family: var(--wp--preset--font-family--jockey-one);
}
.is-style-no-margin {
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
a {
  text-decoration: none !important;
  color: var(--wp--preset--color--theme-blue) !important;
  transition: all 0.2s !important;
}
a:hover {
  color: var(--wp--preset--color--theme-green-light) !important;
}
.partners-footer a {
  color: var(--wp--preset--color--theme-white) !important;
  transition: all 0.2s ease-in-out;
}
.partners-footer a:hover {
  color: var(--wp--preset--color--theme-green-light) !important;
}
.link-header a {
  color: var(--wp--preset--color--theme-white) !important;
  transition: all 0.2s !important;
}
.link-header a:hover {
  color: var(--wp--preset--color--theme-green-light) !important;
}
.footer-container a {
  color: var(--wp--preset--color--theme-white) !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}
.footer-container a:hover {
  color: var(--wp--preset--color--theme-green-light) !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation-link a {
  transition: all 0.5s !important;
}
.wp-element-button,
.wp-block-button__link {
  font-size: 18px !important;
}
.menu-interior a {
  color: white !important;
  font-weight: bold !important;
}
a.menu-interior {
  color: white !important;
  font-weight: bold !important;
}
.bg-color-2-before {
  position: absolute;
  width: 100%;
  height: 50px;
  color: var(--wp--preset--color--theme-white) !important;
  bottom: 30px;
  left: 0;
  padding-left: 30px !important;
}
.bg-color-2-before:before {
  content: "";
  background-color: var(--wp--preset--color--theme-green-light) !important;
  position: absolute;
  width: 100%;
  height: 50px;
  color: var(--wp--preset--color--theme-white) !important;
  top: 0;
  left: 0;
  z-index: -1;
}