@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
    :root { --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-size-base: 1.25rem;
--global--font-size-xs: 1rem;
--global--font-size-sm: 1.125rem;
--global--font-size-md: 1.25rem;
--global--font-size-lg: 1.5rem;
--global--font-size-xl: 2.25rem;
--global--font-size-xxl: 4rem;
--global--font-size-xxxl: 5rem;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--letter-spacing: normal; --global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
--global--line-height-page-title: 1.1; --heading--font-family: var(--global--font-primary);
--heading--font-size-h6: var(--global--font-size-xs);
--heading--font-size-h5: var(--global--font-size-sm);
--heading--font-size-h4: var(--global--font-size-lg);
--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
--heading--font-size-h2: var(--global--font-size-xl);
--heading--font-size-h1: var(--global--font-size-page-title);
--heading--letter-spacing-h6: 0.05em;
--heading--letter-spacing-h5: 0.05em;
--heading--letter-spacing-h4: var(--global--letter-spacing);
--heading--letter-spacing-h3: var(--global--letter-spacing);
--heading--letter-spacing-h2: var(--global--letter-spacing);
--heading--letter-spacing-h1: var(--global--letter-spacing);
--heading--line-height-h6: var(--global--line-height-heading);
--heading--line-height-h5: var(--global--line-height-heading);
--heading--line-height-h4: var(--global--line-height-heading);
--heading--line-height-h3: var(--global--line-height-heading);
--heading--line-height-h2: var(--global--line-height-heading);
--heading--line-height-h1: var(--global--line-height-page-title);
--heading--font-weight: normal;
--heading--font-weight-page-title: 300;
--heading--font-weight-strong: 600; --latest-posts--title-font-family: var(--heading--font-family);
--latest-posts--title-font-size: var(--heading--font-size-h3);
--latest-posts--description-font-family: var(--global--font-secondary);
--latest-posts--description-font-size: var(--global--font-size-sm);
--list--font-family: var(--global--font-secondary);
--definition-term--font-family: var(--global--font-primary); --global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray); --global--color-secondary: var(--global--color-gray); --global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--global--color-green); --global--color-border: var(--global--color-primary);  --global--spacing-unit: 20px;
--global--spacing-measure: unset;
--global--spacing-horizontal: 25px;
--global--spacing-vertical: 30px; --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); --form--font-family: var(--global--font-secondary);
--form--font-size: var(--global--font-size-sm);
--form--line-height: var(--global--line-height-body);
--form--color-text: var(--global--color-dark-gray);
--form--color-ranged: var(--global--color-secondary);
--form--label-weight: 500;
--form--border-color: var(--global--color-secondary);
--form--border-width: 3px;
--form--border-radius: 0;
--form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); --cover--height: calc(15 * var(--global--spacing-vertical));
--cover--color-foreground: var(--global--color-white);
--cover--color-background: var(--global--color-black); --button--color-text: var(--global--color-background);
--button--color-text-hover: var(--global--color-secondary);
--button--color-text-active: var(--global--color-secondary);
--button--color-background: var(--global--color-secondary);
--button--color-background-active: var(--global--color-background);
--button--font-family: var(--global--font-primary);
--button--font-size: var(--global--font-size-base);
--button--font-weight: 500;
--button--line-height: 1.5;
--button--border-width: 3px;
--button--border-radius: 0;
--button--padding-vertical: 15px;
--button--padding-horizontal: calc(2 * var(--button--padding-vertical)); --entry-header--color: var(--global--color-primary);
--entry-header--color-link: currentColor;
--entry-header--color-hover: var(--global--color-primary-hover);
--entry-header--color-focus: var(--global--color-secondary);
--entry-header--font-size: var(--heading--font-size-h2);
--entry-content--font-family: var(--global--font-secondary);
--entry-author-bio--font-family: var(--heading--font-family);
--entry-author-bio--font-size: var(--heading--font-size-h4); --branding--color-text: var(--global--color-primary);
--branding--color-link: var(--global--color-primary);
--branding--color-link-hover: var(--global--color-secondary);
--branding--title--font-family: var(--global--font-primary);
--branding--title--font-size: var(--global--font-size-lg);
--branding--title--font-size-mobile: var(--heading--font-size-h4);
--branding--title--font-weight: normal;
--branding--title--text-transform: uppercase;
--branding--description--font-family: var(--global--font-secondary);
--branding--description--font-size: var(--global--font-size-sm);
--branding--logo--max-width: 300px;
--branding--logo--max-height: 100px;
--branding--logo--max-width-mobile: 96px;
--branding--logo--max-height-mobile: 96px;  --pagination--color-text: var(--global--color-primary);
--pagination--color-link-hover: var(--global--color-primary-hover);
--pagination--font-family: var(--global--font-secondary);
--pagination--font-size: var(--global--font-size-lg);
--pagination--font-weight: normal;
--pagination--font-weight-strong: 600; --footer--color-text: var(--global--color-primary);
--footer--color-link: var(--global--color-primary);
--footer--color-link-hover: var(--global--color-primary-hover);
--footer--font-family: var(--global--font-primary);
--footer--font-size: var(--global--font-size-sm); --pullquote--font-family: var(--global--font-primary);
--pullquote--font-size: var(--heading--font-size-h3);
--pullquote--font-style: normal;
--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
--pullquote--line-height: var(--global--line-height-heading);
--pullquote--border-width: 3px;
--pullquote--border-color: var(--global--color-primary);
--pullquote--color-foreground: var(--global--color-primary);
--pullquote--color-background: var(--global--color-background);
--quote--font-family: var(--global--font-secondary);
--quote--font-size: var(--global--font-size-md);
--quote--font-size-large: var(--global--font-size-xl);
--quote--font-style: normal;
--quote--font-weight: 700;
--quote--font-weight-strong: bolder;
--quote--font-style-large: normal;
--quote--font-style-cite: normal;
--quote--line-height: var(--global--line-height-body);
--quote--line-height-large: 1.35;
--separator--border-color: var(--global--color-border);
--separator--height: 1px; --table--stripes-border-color: var(--global--color-light-gray);
--table--stripes-background-color: var(--global--color-light-gray);
--table--has-background-text-color: var(--global--color-dark-gray); --widget--line-height-list: 1.9;
--widget--line-height-title: 1.4;
--widget--font-weight-title: 700;
--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); --global--admin-bar--height: 0px;
}
.admin-bar {
--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar {
--global--admin-bar--height: 46px;
}
}
@media only screen and (min-width: 652px) {
:root {
--global--font-size-xl: 2.5rem;
--global--font-size-xxl: 6rem;
--global--font-size-xxxl: 9rem;
--heading--font-size-h3: 2rem;
--heading--font-size-h2: 3rem;
}
}   html {
-webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration-thickness: 1px;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration-style: dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}   :root {
--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignfull-width: 100%;
--responsive--alignright-margin: var(--global--spacing-horizontal);
--responsive--alignleft-margin: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
}
}
@media only screen and (min-width: 822px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
}
} .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
max-width: var(--responsive--aligndefault-width);
margin-left: auto;
margin-right: auto;
}
.widget-area, .pagination,
.comments-pagination, .post-navigation, .site-footer, .alignwide, .wide-max-width {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
.alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width {
max-width: var(--responsive--alignfull-width);
width: var(--responsive--alignfull-width);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 482px) {
.alignfull, .full-max-width {
max-width: var(--responsive--alignfull-width);
width: auto;
margin-left: auto;
margin-right: auto;
}
}
.entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide {
margin-left: auto;
margin-right: auto;
width: var(--responsive--alignwide-width);
max-width: var(--responsive--alignfull-width);
}
@media only screen and (min-width: 482px) {
.entry-content > .alignleft { margin-left: var(--responsive--alignleft-margin); margin-right: var(--global--spacing-horizontal);
}
}
@media only screen and (min-width: 482px) {
.entry-content > .alignright { margin-left: var(--global--spacing-horizontal); margin-right: var(--responsive--alignright-margin);
}
}  .site-header,
.site-main,
.widget-area,
.site-footer {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
margin-left: auto;
margin-right: auto;
}
.site-header {
padding-top: calc(0.75 * var(--global--spacing-vertical));
padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-header {
padding-bottom: calc(3 * var(--global--spacing-vertical));
}
} .site-main > * {
margin-top: calc(3 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.site-main > *:first-child {
margin-top: 0;
}
.site-main > *:last-child {
margin-bottom: 0;
}    .entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
margin-top: var(--global--spacing-vertical);
margin-right: auto;
margin-bottom: var(--global--spacing-vertical);
margin-left: auto;
} .site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
margin-top: 0;
}
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
margin-bottom: 0;
}
.site-footer > *,
.widget-area > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-footer > *,
.widget-area > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
} .entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.widget > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
margin-top: 0;
}
.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
margin-bottom: 0;
} .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background {
margin-top: 0;
}
.entry-content > *:last-child, .entry-content > *.alignfull.has-background {
margin-bottom: 0;
}
.entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright {
margin-top: var(--global--spacing-vertical);
} html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
} html { box-sizing: border-box;
} *, *::before, *::after {
box-sizing: inherit;
}
button {
cursor: pointer;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} blockquote {
padding: 0;
position: relative;
margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
blockquote > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
blockquote p {
letter-spacing: var(--heading--letter-spacing-h4);
font-family: var(--quote--font-family);
font-size: var(--quote--font-size);
font-style: var(--quote--font-style);
font-weight: var(--quote--font-weight);
line-height: var(--quote--line-height);
}
blockquote cite,
blockquote footer {
font-weight: normal;
color: var(--global--color-primary);
letter-spacing: var(--global--letter-spacing);
}
blockquote.alignleft, blockquote.alignright {
padding-left: inherit;
}
blockquote.alignleft p, blockquote.alignright p {
font-size: var(--heading--font-size-h5);
max-width: inherit;
width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer, blockquote.alignright cite,
blockquote.alignright footer {
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
blockquote strong {
font-weight: var(--quote--font-weight-strong);
}
blockquote:before {
content: "“";
position: absolute;
left: calc(-0.5 * var(--global--spacing-horizontal));
}
blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
color: var(--global--color-primary);
font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481.98px) {
blockquote {
padding-left: calc(0.5 * var(--global--spacing-horizontal));
}
blockquote:before {
left: 0;
}
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit);
margin: 0 2px;
max-width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
color: var(--form--color-text);
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
opacity: 0.7;
}
.is-dark-theme input[type=text],
.is-dark-theme input[type=email],
.is-dark-theme input[type=url],
.is-dark-theme input[type=password],
.is-dark-theme input[type=search],
.is-dark-theme input[type=number],
.is-dark-theme input[type=tel],
.is-dark-theme input[type=date],
.is-dark-theme input[type=month],
.is-dark-theme input[type=week],
.is-dark-theme input[type=time],
.is-dark-theme input[type=datetime],
.is-dark-theme input[type=datetime-local],
.is-dark-theme input[type=color],
.is-dark-theme .site textarea {
background: var(--global--color-white-90);
}
input[type=search]:focus {
outline-offset: -7px;
}
.is-dark-theme input[type=search]:focus {
outline-color: var(--global--color-background);
}
input[type=color] {
padding: calc(var(--form--spacing-unit) / 2);
height: calc(4 * var(--form--spacing-unit));
}
input[type=email],
input[type=url] { direction: ltr;
}
select {
border: var(--form--border-width) solid var(--form--border-color);
color: var(--form--color-text);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
background-position: right var(--form--spacing-unit) top 60%;
}
select:focus {
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
.is-dark-theme select {
background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
background-position: right var(--form--spacing-unit) top 60%;
}
textarea {
width: 100%;
}
label {
font-size: var(--form--font-size);
font-weight: var(--form--label-weight);
margin-bottom: calc(var(--global--spacing-vertical) / 3);
} @supports (-webkit-appearance: none) or (-moz-appearance: none) {
input[type=checkbox],
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 25px;
height: 25px;
border: var(--form--border-width) solid var(--form--border-color);
background: var(--global--color-white);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
opacity: 0.7;
}
.is-dark-theme input[type=checkbox],
.is-dark-theme input[type=radio] {
background: var(--global--color-white-90);
}
input[type=checkbox]:focus {
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
input[type=checkbox]:after {
content: "";
opacity: 0;
display: block;
left: 5px;
top: 2px;
position: absolute;
width: 7px;
height: 13px;
border: 3px solid var(--form--color-text);
border-top: 0;
border-left: 0;
transform: rotate(30deg);
}
input[type=checkbox]:checked {
color: var(--form--color-text);
}
input[type=checkbox]:checked:after {
opacity: 1;
}
input[type=radio] {
border-radius: 50%;
}
input[type=radio]:focus {
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
input[type=radio]:after {
content: "";
opacity: 0;
display: block;
left: 3px;
top: 3px;
position: absolute;
width: 11px;
height: 11px;
border-radius: 50%;
background: var(--form--color-text);
}
input[type=radio]:checked {
border: 4px solid var(--form--border-color);
}
input[type=radio]:checked:after {
opacity: 1;
}
input[type=radio]:checked:focus {
outline-offset: 4px;
outline: 2px dotted var(--form--border-color);
}
}
input[type=checkbox] + label,
input[type=radio] + label {
display: inline-block;
padding-left: 10px;
font-size: var(--global--font-size-xs);
vertical-align: top;
} @supports (-webkit-appearance: none) or (-moz-appearance: none) {
input[type=range] {
-webkit-appearance: none; width: 100%; height: 6px;
background: var(--form--color-ranged);
border-radius: 6px;
outline-offset: 10px;
}
input[type=range]:disabled {
opacity: 0.7;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: 3px solid var(--form--color-ranged);
height: 44px;
width: 44px;
border-radius: 50%;
background: var(--global--color-background);
cursor: pointer;
}
input[type=range]::-moz-range-thumb {
border: 3px solid var(--form--color-ranged);
height: 44px;
width: 44px;
border-radius: 50%;
background: var(--global--color-background);
cursor: pointer;
box-sizing: border-box;
}
}
input[type=range]::-ms-track {
width: 100%;
height: 6px;
border-radius: 6px;
border-width: 19px 0;
border-color: var(--global--color-background);
background: transparent;
color: transparent;
cursor: pointer;
}
input[type=range]::-ms-fill-upper {
background: var(--form--color-ranged);
border-radius: 6px;
}
input[type=range]::-ms-fill-lower {
background: var(--form--color-ranged);
border-radius: 6px;
}
input[type=range]::-ms-thumb {
border: 3px solid var(--form--color-ranged);
height: 44px;
width: 44px;
border-radius: 50%;
background: var(--global--color-background);
cursor: pointer;
}
fieldset {
display: grid;
border-color: var(--global--color-secondary);
padding: var(--global--spacing-horizontal);
}
fieldset legend {
font-size: var(--global--font-size-lg);
}
fieldset input[type=submit] {
max-width: max-content;
}
fieldset input:not([type=submit]) {
margin-bottom: var(--global--spacing-unit);
}
fieldset input[type=radio], fieldset input[type=checkbox] {
margin-bottom: 0;
}
fieldset input[type=radio] + label, fieldset input[type=checkbox] + label {
font-size: var(--form--font-size);
padding-left: 0;
margin-bottom: var(--global--spacing-unit);
}
::-moz-placeholder {
opacity: 1;
}
.post-password-message {
font-size: var(--global--font-size-lg);
}
.post-password-form {
display: flex;
flex-wrap: wrap;
}
.post-password-form__label {
width: 100%;
margin-bottom: 0;
}
.post-password-form input[type=password] {
flex-grow: 1;
margin-top: calc(var(--global--spacing-vertical) / 3);
margin-right: calc(0.66 * var(--global--spacing-horizontal));
}
.post-password-form__submit {
margin-top: calc(var(--global--spacing-vertical) / 3);
}
@media only screen and (min-width: 592px) {
.post-password-form__submit {
margin-left: calc(0.4 * var(--global--spacing-horizontal));
}
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
} .entry-content img {
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
} figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
color: currentColor;
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.alignleft figcaption, .alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
margin-bottom: 0;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
pre {
white-space: pre;
overflow-x: auto;
}
.entry-content > code {
display: block;
} a {
cursor: pointer;
color: var(--wp--style--color--link, var(--global--color-primary));
text-underline-offset: 3px;
text-decoration-skip-ink: all;
}
a:hover {
text-decoration-style: dotted;
text-decoration-skip-ink: none;
}
.has-background .has-link-color a, .has-background.has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
} .wp-block-audio audio:focus {
outline-offset: 5px;
outline: 2px solid var(--global--color-primary);
}  .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-background);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-background, var(--global--color-background));
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
color: var(--global--color-primary);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--global--color-primary);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--local--color-primary, var(--global--color-primary));
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
border-color: currentColor !important;
background-color: transparent !important;
color: inherit !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
border-color: currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-primary);
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-primary, var(--global--color-primary));
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
border-color: transparent !important;
background-color: var(--global--color-primary) !important;
color: var(--global--color-background) !important;
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
background-color: var(--local--color-primary, var(--global--color-primary)) !important;
color: var(--local--color-background, var(--global--color-background)) !important;
}
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
color: var(--local--color-background, var(--global--color-background)) !important;
}
.wp-block-button .is-style-squared .wp-block-button__link {
border-radius: 0;
}
.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
outline-offset: 2px;
outline: 2px dotted var(--button--color-background);
}
.wp-block-code {
border-color: var(--global--color-border);
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
padding: var(--global--spacing-unit);
}
.wp-block-code code {
color: var(--global--color-primary);
white-space: pre;
overflow-x: auto;
display: block;
}
.wp-block-columns:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-columns .wp-block-column > * {
margin-top: calc(0.66 * var(--global--spacing-vertical));
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: var(--global--spacing-vertical);
}
}
@media only screen and (min-width: 822px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 0;
}
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap {
justify-content: space-around;
}
@media only screen and (min-width: 652px) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
margin-left: calc(-2 * var(--global--spacing-horizontal));
margin-top: calc(2.5 * var(--global--spacing-horizontal));
z-index: 2;
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
background-color: var(--global--color-background);
padding: var(--global--spacing-unit);
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
padding-left: calc(2 * var(--global--spacing-horizontal));
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
margin-top: 0;
}
}
.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.wp-block-cover,
.wp-block-cover-image {
background-color: var(--cover--color-background);
min-height: var(--cover--height);
margin-top: inherit;
margin-bottom: inherit;    }
.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
color: currentColor;
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
color: var(--cover--color-foreground);
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
max-width: inherit;
text-align: inherit;
padding: 0;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: right;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 2 * var(--global--spacing-vertical));
}
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-cover.alignleft, .wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
margin-top: 0;
}
.wp-block-cover.alignleft > *, .wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
margin-top: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(2 * var(--global--spacing-vertical));
padding-left: var(--global--spacing-horizontal);
padding-right: var(--global--spacing-horizontal);
width: 100%;
}
.wp-block-cover.has-left-content, .wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
justify-content: center;
}
.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-cover-image.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
background-color: unset;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
opacity: inherit;
}
.wp-block-file a.wp-block-file__button {
display: inline-block;
}
.wp-block-gallery {
margin: 0 auto;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc((100% - var(--global--spacing-unit)) / 2);
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
margin: 0;
color: var(--global--color-white);
font-size: var(--global--font-size-xs);
}
.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
color: var(--global--color-white);
}
.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
background-color: transparent;
outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
text-decoration: none;
}
.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
outline-offset: 2px;
}
.wp-block-group {
display: block;
clear: both;
display: flow-root;
}
.wp-block-group:before, .wp-block-group:after {
content: "";
display: block;
clear: both;
}
.wp-block-group .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group .wp-block-group__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-group .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-group.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
padding: var(--global--spacing-vertical);
}
.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
margin-left: calc(-1 * var(--global--spacing-vertical));
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
clear: both;
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
font-weight: var(--heading--font-weight-strong);
}
h1,
.h1 {
font-size: var(--heading--font-size-h1);
letter-spacing: var(--heading--letter-spacing-h1);
line-height: var(--heading--line-height-h1);
}
h2,
.h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
}
h3,
.h3 {
font-size: var(--heading--font-size-h3);
letter-spacing: var(--heading--letter-spacing-h3);
line-height: var(--heading--line-height-h3);
}
h4,
.h4 {
font-size: var(--heading--font-size-h4);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h4);
line-height: var(--heading--line-height-h4);
}
h5,
.h5 {
font-size: var(--heading--font-size-h5);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h5);
line-height: var(--heading--line-height-h5);
}
h6,
.h6 {
font-size: var(--heading--font-size-h6);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h6);
line-height: var(--heading--line-height-h6);
}
.wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.wp-block-image .alignright {
margin-left: var(--global--spacing-horizontal);
}
.wp-block-image .alignleft {
margin-right: var(--global--spacing-horizontal);
}
.wp-block-image a:focus img {
outline-offset: 2px;
}
.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
margin-top: 0;
margin-bottom: 0;
}
.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
margin-top: 0;
}
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-image.is-style-twentytwentyone-image-frame img {
padding: var(--global--spacing-unit);
}
@media only screen and (min-width: 482px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
max-width: 50%;
}
}
@media only screen and (max-width: 481.98px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
margin-left: 0;
margin-right: 0;
}
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
font-size: var(--global--font-size-sm);
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
line-height: var(--global--line-height-body); margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
margin-top: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: var(--heading--font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: inherit;
font-size: inherit;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
line-height: var(--global--line-height-body);
margin: 0;
}
.wp-block-latest-posts {
padding-left: 0;
}
.wp-block-latest-posts:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.widget-area .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid {
word-wrap: break-word;
word-break: break-word;
}
.wp-block-latest-posts.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
margin-bottom: 0;
}
.wp-block-latest-posts > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-latest-posts > li > *:first-child {
margin-top: 0;
}
.wp-block-latest-posts > li > *:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts > li > a {
display: inline-block;
font-family: var(--latest-posts--title-font-family);
font-size: var(--latest-posts--title-font-size);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.widget-area .wp-block-latest-posts > li > a {
font-size: var(--global--font-size-sm);
margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
color: var(--global--color-primary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-body);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
padding-bottom: var(--global--spacing-vertical);
border-bottom: var(--separator--height) solid var(--global--color-border);
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
box-shadow: inset 0 -1px 0 0 var(--global--color-border);
border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
margin: 0;
padding-top: var(--global--spacing-vertical);
padding-right: var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
width: calc(100% / 2);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
width: calc(100% / 3);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
width: calc(100% / 4);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
width: calc(100% / 5);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
width: calc(100% / 6);
}
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
padding-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
margin-top: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-horizontal);
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item a {
display: block;
}
.gallery-item a:focus img {
outline-offset: -2px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
figure.wp-caption a:focus img {
outline-offset: 2px;
}
.wp-block-media-text.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-media-text a:focus img {
outline-offset: -1px;
}
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 482px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
padding: 0;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
display: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
border: none;
left: 0;
min-width: max-content;
opacity: 0;
padding: 0;
position: inherit;
top: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
display: none;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
background: var(--global--color-background);
margin: 0;
padding: 0;
position: absolute;
top: 100%;
border: 1px solid var(--primary-nav--border-color);
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
content: "";
display: block;
position: absolute;
width: 0;
top: -10px;
left: var(--global--spacing-horizontal);
border-style: solid;
border-color: var(--primary-nav--border-color) transparent;
border-width: 0 7px 10px 7px;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
top: -9px;
border-color: var(--global--color-background) transparent;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background: var(--global--color-background);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
background: var(--global--color-background);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
color: var(--primary-nav--color-link-hover);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
color: currentColor;
}
pre.wp-block-preformatted {
overflow-x: auto;
white-space: pre;
}
.wp-block-pullquote {
padding: calc(2 * var(--global--spacing-unit)) 0;
text-align: center;
border-width: var(--pullquote--border-width);
border-bottom-style: solid;
border-top-style: solid;
color: currentColor;
border-color: currentColor;
position: relative;
font-size: var(--pullquote--font-size);
font-style: var(--pullquote--font-style);
font-weight: 700;
letter-spacing: var(--pullquote--letter-spacing); }
.wp-block-pullquote blockquote::before {
color: currentColor;
content: "“";
display: block;
position: relative;
left: 0;
font-size: 3rem;
font-weight: 500;
line-height: 1;
}
.wp-block-pullquote p {
font-family: var(--pullquote--font-family);
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
}
.wp-block-pullquote:where(:not([style*=line-height])) p {
line-height: var(--pullquote--line-height);
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
display: block;
font-size: var(--global--font-size-xs);
font-style: var(--pullquote--font-style);
text-transform: none;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
text-align: center;
}
.wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote {
max-width: var(--responsive--alignwide-width);
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
padding: 0 calc(2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color {
color: var(--pullquote--color-foreground);
padding: calc(2.5 * var(--global--spacing-unit));
border-width: var(--pullquote--border-width);
border-style: solid;
border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {
.wp-block-pullquote.is-style-solid-color {
padding: calc(5 * var(--global--spacing-unit));
}
}
.wp-block-pullquote.is-style-solid-color blockquote::before {
text-align: left;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin: 0;
max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: var(--pullquote--font-size);
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright {
padding: var(--global--spacing-unit);
}
.wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote {
max-width: initial;
}
.wp-block-query.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-query.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-quote {
border-left: none;
font-family: var(--quote--font-family);
font-size: var(--quote--font-size);
font-style: var(--quote--font-style);
font-weight: var(--quote--font-weight);
line-height: var(--quote--line-height); }
.wp-block-quote p {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.wp-block-quote:before {
content: "“";
left: 8px;
}
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
font-family: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
color: currentColor;
}
.wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-style])) cite, .wp-block-quote:where(:not([style*=font-style])) footer {
font-style: var(--quote--font-style-cite);
}
.wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-weight])) cite, .wp-block-quote:where(:not([style*=font-weight])) footer {
font-weight: normal;
}
.wp-block-quote.has-text-align-right {
margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
padding-right: 0;
border-right: none;
}
.wp-block-quote.has-text-align-right:before {
display: none;
}
.wp-block-quote.has-text-align-right p:before {
content: "”";
margin-right: 5px;
}
.wp-block-quote.has-text-align-center {
margin: var(--global--spacing-vertical) auto;
}
.wp-block-quote.has-text-align-center:before {
display: none;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-left: 0;
padding-right: 0; margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: var(--quote--font-size-large);
font-style: var(--quote--font-style-large);
line-height: var(--quote--line-height-large);
}
.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
font-size: var(--quote--font-size-large);
line-height: var(--quote--line-height-large);
left: calc(-1 * var(--global--spacing-horizontal));
}
.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
display: none;
}
.wp-block-quote.is-large.has-text-align-right p:before, .wp-block-quote.is-style-large.has-text-align-right p:before {
content: "”";
font-size: var(--quote--font-size-large);
font-weight: normal;
line-height: var(--quote--line-height-large);
margin-right: 10px;
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
color: var(--global--color-primary);
font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481.98px) {
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-left: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before {
left: 0;
}
.wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right {
padding-left: 0;
padding-right: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before {
right: 0;
}
.wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 481.98px) {
.wp-block-quote.has-text-align-right {
padding-left: 0;
padding-right: calc(0.5 * var(--global--spacing-horizontal));
}
.wp-block-quote.has-text-align-right:before {
right: 0;
}
.wp-block-quote.has-text-align-center {
padding-left: 0;
padding-right: 0;
}
}
.wp-block-rss {
padding-left: 0;
}
.wp-block-rss > li {
list-style: none;
}
.wp-block-rss:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-rss:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-rss:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-rss.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
margin-bottom: 0;
}
.wp-block-rss > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss > li > *:first-child {
margin-top: 0;
}
.wp-block-rss > li > *:last-child {
margin-bottom: 0;
}
.wp-block-rss .wp-block-rss__item-title > a {
display: inline-block;
font-family: var(--latest-posts--title-font-family);
font-size: var(--latest-posts--title-font-size);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss .wp-block-rss__item-author {
color: var(--global--color-primary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-body);
}
.wp-block-rss .wp-block-rss__item-publish-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date {
color: currentColor;
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
font-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-search {
max-width: var(--responsive--aligndefault-width);
}
.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
justify-content: center;
}
.wp-block-search .wp-block-search__label {
font-size: var(--form--font-size);
font-weight: var(--form--label-weight);
margin-bottom: calc(var(--global--spacing-vertical) / 3);
}
.wp-block-search .wp-block-search__input {
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--form--line-height);
max-width: inherit;
margin-right: calc(-1 * var(--button--border-width));
margin-left: 0;
padding: var(--form--spacing-unit);
}
.wp-block-search .wp-block-search__input:focus {
color: var(--form--color-text);
border-color: var(--form--border-color);
}
.has-background .wp-block-search .wp-block-search__input {
border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search button.wp-block-search__button {
margin-left: 0;
line-height: 1;
}
.wp-block-search button.wp-block-search__button.has-icon {
padding: 6px calc(0.5 * var(--button--padding-horizontal));
}
.wp-block-search button.wp-block-search__button.has-icon svg {
width: 40px;
height: 40px;
fill: currentColor;
}
.has-background .wp-block-search button.wp-block-search__button:hover, .has-background .wp-block-search button.wp-block-search__button:active {
background-color: var(--local--color-background, var(--global--color-background)) !important;
color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.has-text-color .wp-block-search button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active {
color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: var(--global--color-white);
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
padding: var(--form--border-width);
}
.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
margin-left: 0;
margin-right: 0;
padding-left: var(--form--spacing-unit);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
color: var(--form--color-text);
outline-offset: -2px;
outline: 2px dotted var(--form--border-color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
color: var(--global--color-dark-gray);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
color: var(--global--color-dark-gray);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
background-color: var(--global--color-dark-gray);
color: var(--global--color-white);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
padding: 6px calc(0.5 * var(--button--padding-horizontal));
}
.wp-block-search__button {
box-shadow: none;
}
hr {
border-style: none;
border-bottom: var(--separator--height) solid var(--separator--border-color);
clear: both;
margin-left: auto;
margin-right: auto;
}
hr.wp-block-separator {
border-bottom: var(--separator--height) solid var(--separator--border-color);
opacity: 1; }
hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
max-width: var(--responsive--aligndefault-width);
}
hr.wp-block-separator:not(.is-style-dots).alignwide {
max-width: var(--responsive--alignwide-width);
}
hr.wp-block-separator:not(.is-style-dots).alignfull {
max-width: var(--responsive--alignfull-width);
}
hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
border-bottom-width: calc(3 * var(--separator--height));
}
hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: var(--separator--border-color);
font-size: var(--global--font-size-xl);
letter-spacing: var(--global--font-size-sm);
padding-left: var(--global--font-size-sm);
}
.has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator {
border-color: currentColor;
}
.wp-block-social-links a:focus {
color: var(--global--color-primary);
}
.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
color: var(--global--color-primary);
}
.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
background: none;
}
table,
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
text-align: center;
}
table th,
.wp-block-table th {
font-family: var(--heading--font-family);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
padding: calc(0.5 * var(--global--spacing-unit));
border: 1px solid;
}
table figcaption,
.wp-block-table figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
}
table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
color: var(--table--has-background-text-color);
}
table.is-style-stripes,
.wp-block-table.is-style-stripes {
border-color: var(--table--stripes-border-color);
}
table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border-width: 0;
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--table--stripes-background-color);
}
table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: var(--global--color-white-90);
}
table.wp-calendar-table td,
table.wp-calendar-table th {
background: transparent;
border: 0;
text-align: center;
line-height: 2;
vertical-align: middle;
word-break: normal;
}
table.wp-calendar-table th {
font-weight: bold;
}
table.wp-calendar-table thead,
table.wp-calendar-table tbody {
color: currentColor;
border: 1px solid;
}
table.wp-calendar-table caption {
font-weight: bold;
text-align: left;
margin-bottom: var(--global--spacing-unit);
color: currentColor;
}
.wp-calendar-nav {
text-align: left;
margin-top: calc(var(--global--spacing-unit) / 2);
}
.wp-calendar-nav svg {
height: 1em;
vertical-align: middle;
}
.wp-calendar-nav svg path {
fill: currentColor;
}
.wp-calendar-nav .wp-calendar-nav-next {
float: right;
}
.wp-block-tag-cloud.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.wp-block-verse {
font-family: var(--entry-content--font-family);
}
.wp-block-video figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
* > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
:root .is-extra-small-text,
:root .has-extra-small-font-size {
font-size: var(--global--font-size-xs);
}
:root .is-small-text,
:root .has-small-font-size {
font-size: var(--global--font-size-sm);
}
:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
font-size: var(--global--font-size-base);
}
:root .is-large-text,
:root .has-large-font-size {
font-size: var(--global--font-size-lg);
line-height: var(--global--line-height-heading);
}
:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
font-size: var(--global--font-size-xl);
line-height: var(--global--line-height-heading);
}
:root .is-huge-text,
:root .has-huge-font-size {
font-size: var(--global--font-size-xxl);
line-height: var(--global--line-height-heading);
font-weight: var(--heading--font-weight-page-title);
}
:root .is-gigantic-text,
:root .has-gigantic-font-size {
font-size: var(--global--font-size-xxxl);
line-height: var(--global--line-height-heading);
font-weight: var(--heading--font-weight-page-title);
}   .alignleft { text-align: left;
margin-top: 0;
}
.entry-content > .alignleft {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignleft { float: left; margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignleft-margin));
}
} .aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
} .alignright {
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignright {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignright { float: right; margin-left: var(--global--spacing-horizontal);
}
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignright-margin));
}
}
[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
margin-top: 0;
} .alignwide {
clear: both;
} .alignfull {
clear: both;
}
.has-left-content {
justify-content: flex-start;
}
.has-right-content {
justify-content: flex-end;
}
.has-parallax {
background-attachment: fixed;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
line-height: 0.66;
text-transform: uppercase;
font-style: normal;
float: left;
margin: 0.1em 0.1em 0 0;
font-size: calc(1.2 * var(--heading--font-size-h1));
}
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
padding-top: 14px;
}
.desktop-only {
display: none;
}
@media only screen and (min-width: 482px) {
.desktop-only {
display: block;
}
} .site-branding {
color: var(--branding--color-text);
margin-right: 140px;
}
.site-branding:last-child {
margin-right: 0;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 482px) {
.site-branding {
margin-right: initial;
margin-top: 4px;
}
}
.site-title {
color: var(--branding--color-link);
font-family: var(--branding--title--font-family);
font-size: var(--branding--title--font-size-mobile);
letter-spacing: normal;
text-transform: var(--branding--title--text-transform);
line-height: var(--global--line-height-heading);
margin-bottom: calc(var(--global--spacing-vertical) / 6);
}
.site-title a {
color: currentColor;
font-weight: var(--branding--title--font-weight);
}
.site-title a:link, .site-title a:visited, .site-title a:active {
color: currentColor;
}
.site-title a:hover, .site-title a:focus {
color: var(--branding--color-link-hover);
}
@media only screen and (min-width: 482px) {
.site-title {
font-size: var(--branding--title--font-size);
}
}
.site-description {
color: currentColor;
font-family: var(--branding--description--font-family);
font-size: var(--branding--description--font-size);
line-height: 1.4;
}
.site-title > a {
text-decoration-color: var(--global--color-secondary);
}
.site-logo {
margin: calc(var(--global--spacing-vertical) / 2) 0;
}
.site-header > .site-logo {
width: 100%;
padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
border-bottom: 1px solid;
text-align: center;
}
.site-logo .custom-logo {
margin-left: auto;
margin-right: auto;
max-width: var(--branding--logo--max-width-mobile);
max-height: var(--branding--logo--max-height-mobile);
height: auto;
display: inline-block;
width: auto;
}
@media only screen and (min-width: 482px) {
.site-logo .custom-logo {
max-width: var(--branding--logo--max-width);
max-height: var(--branding--logo--max-height);
height: auto;
width: auto;
}
}
@media only screen and (max-width: 481.98px) {
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
position: absolute;
padding-top: calc(0.5 * var(--global--spacing-vertical));
margin-top: 0;
top: var(--global--admin-bar--height);
}
.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
display: none;
}
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em);
}
.site-header.has-logo.has-title-and-tagline {
align-items: flex-start;
}
.site-header.has-logo.has-title-and-tagline.has-menu {
justify-content: space-between;
}
.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
max-width: calc(100% - 160px);
}
.site-header.has-logo.has-title-and-tagline .site-branding {
margin-right: 0;
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
display: none;
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
position: relative;
top: 0;
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
position: relative;
padding-top: 0;
margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
}
.site-header:not(.has-logo).has-title-and-tagline .site-branding {
margin-right: 0;
max-width: calc(100% - 160px);
}
.site-header:not(.has-menu) {
justify-content: center;
}
}
.site-footer {
padding-top: 0;
padding-bottom: calc(1.7 * var(--global--spacing-vertical));
}
.no-widgets .site-footer {
margin-top: calc(6 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481.98px) {
.no-widgets .site-footer {
margin-top: calc(3 * var(--global--spacing-vertical));
}
}
.site-footer > .site-info {
padding-top: var(--global--spacing-vertical);
color: var(--footer--color-text);
font-family: var(--footer--font-family);
font-size: var(--footer--font-size);
line-height: var(--global--line-height-body);
border-top: 3px solid var(--global--color-border);
}
.site-footer > .site-info .site-name {
text-transform: var(--branding--title--text-transform);
font-size: var(--branding--title--font-size);
}
.site-footer > .site-info .privacy-policy,
.site-footer > .site-info .powered-by {
margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 822px) {
.site-footer > .site-info {
display: flex;
align-items: center;
}
.site-footer > .site-info .site-name {
margin-right: calc(0.5 * var(--global--spacing-vertical));
}
.site-footer > .site-info .privacy-policy,
.site-footer > .site-info .powered-by {
margin-top: initial;
margin-left: auto;
}
.site-footer > .site-info .privacy-policy + .powered-by {
margin-left: calc(0.5 * var(--global--spacing-vertical));
}
}
.site-footer > .site-info a {
color: var(--footer--color-link);
}
.site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
color: var(--footer--color-link);
}
.site-footer > .site-info a:hover {
color: var(--footer--color-link-hover);
}
.site-footer > .site-info a:focus {
color: var(--footer--color-link-hover);
}
.is-dark-theme .site-footer > .site-info a:focus {
color: var(--wp--style--color--link, var(--global--color-background));
}
.has-background-white .site-footer > .site-info a:focus {
color: var(--wp--style--color--link, var(--global--color-white));
}
.singular .entry-header {
border-bottom: 3px solid var(--global--color-border);
padding-bottom: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.home .entry-header {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.singular .has-post-thumbnail .entry-header {
border-bottom: none;
padding-bottom: calc(1.3 * var(--global--spacing-vertical));
margin-bottom: 0;
}
.no-results.not-found > *:first-child {
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.page-links {
clear: both;
}
.page-links .post-page-numbers {
display: inline-block;
margin-left: calc(0.66 * var(--global--spacing-unit));
margin-right: calc(0.66 * var(--global--spacing-unit));
min-width: 44px;
min-height: 44px;
}
.page-links .post-page-numbers:first-child {
margin-left: 0;
}
.entry-title {
color: var(--entry-header--color);
font-size: var(--entry-header--font-size);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
overflow-wrap: break-word;
}
.entry-title a {
color: var(--entry-header--color-link);
text-underline-offset: 0.15em;
}
.entry-title a:hover {
color: var(--entry-header--color-hover);
}
.entry-title a:focus {
color: var(--entry-header--color-focus);
}
.entry-title a:active {
color: var(--entry-header--color-link);
}
.singular .entry-title {
font-size: var(--global--font-size-page-title);
}
h1.entry-title {
line-height: var(--heading--line-height-h1);
font-weight: var(--heading--font-weight-page-title);
} .entry-content,
.entry-summary {
font-family: var(--entry-content--font-family);
}
.entry-content p {
word-wrap: break-word;
}
.entry-content > iframe[style] {
margin: var(--global--spacing-vertical) 0 !important;
max-width: 100% !important;
}
.entry-footer {
color: var(--global--color-primary);
clear: both;
float: none;
font-size: var(--global--font-size-xs);
display: block;
}
.entry-footer > span {
display: inline-block;
}
.entry-footer a {
color: currentColor;
}
.entry-footer a:hover, .entry-footer a:focus {
color: var(--global--color-primary-hover);
}
.entry-footer a:active {
color: currentColor;
}
.site-main > article > .entry-footer {
margin-top: var(--global--spacing-vertical);
padding-top: var(--global--spacing-unit);
padding-bottom: calc(3 * var(--global--spacing-vertical));
border-bottom: var(--separator--height) solid var(--separator--border-color);
}
body:not(.single) .site-main > article:last-of-type .entry-footer {
border-bottom: var(--separator--height) solid transparent;
}
.single .site-main > article > .entry-footer {
margin-top: calc(3.4 * var(--global--spacing-vertical));
margin-bottom: calc(3.4 * var(--global--spacing-vertical));
padding-bottom: 0;
padding-top: calc(0.8 * var(--global--spacing-vertical));
border-top: 3px solid var(--separator--border-color);
border-bottom: var(--separator--height) solid transparent;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: calc(2 * var(--global--spacing-horizontal));
}
.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
justify-content: flex-end;
text-align: right;
}
.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
grid-column: span 2;
}
.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline,
.single .site-main > article > .entry-footer .cat-links,
.single .site-main > article > .entry-footer .tags-links {
display: block;
}
@media only screen and (max-width: 481.98px) {
.single .site-main > article > .entry-footer {
display: block;
}
.single .site-main > article > .entry-footer .full-size-link {
display: block;
}
.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
text-align: left;
}
} .post-thumbnail {
text-align: center;
}
.post-thumbnail .wp-post-image {
display: block;
width: auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: calc(2 * var(--global--spacing-vertical));
} .author-bio {
position: relative;
font-size: var(--global--font-size-xs);
max-width: var(--responsive--aligndefault-width);
}
.site-main > article > .author-bio {
margin-top: calc(2 * var(--global--spacing-vertical));
}
.author-bio.show-avatars .avatar {
display: inline-block;
vertical-align: top;
border-radius: 50%;
}
.author-bio.show-avatars .author-bio-content {
display: inline-block;
padding-left: var(--global--spacing-horizontal);
max-width: calc(var(--responsive--aligndefault-width) - 90px);
}
.author-bio .author-bio-content .author-title {
font-family: var(--entry-author-bio--font-family);
font-size: var(--entry-author-bio--font-size);
display: inline;
}
.author-bio .author-bio-content .author-description {
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-vertical));
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.page-title {
font-size: var(--global--font-size-page-title);
}
h1.page-title,
h2.page-title {
font-weight: var(--heading--font-weight-page-title);
}
h1.page-title {
line-height: var(--heading--line-height-h1);
}
.page-header {
border-bottom: 3px solid var(--global--color-border);
padding-bottom: calc(2 * var(--global--spacing-vertical));
}
.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
font-size: var(--global--font-size-lg);
}
.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
margin-top: calc(2 * var(--global--spacing-vertical));
}
.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links {
display: block;
}
.archive.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on {
margin-right: calc(0.5 * var(--global--spacing-unit));
}
.archive-description {
margin-top: var(--global--spacing-vertical);
font-size: var(--global--font-size-xl);
line-height: var(--global--line-height-heading);
}
.error404 main p {
font-size: var(--global--font-size-lg);
margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
}
.search-no-results .page-content {
margin-top: calc(3 * var(--global--spacing-vertical));
} .comments-area > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comments-area > *:first-child {
margin-top: 0;
}
.comments-area > *:last-child {
margin-bottom: 0;
}
.comments-area.show-avatars .avatar {
border-radius: 50%;
position: absolute;
top: 10px;
}
.comments-area.show-avatars .fn {
display: inline-block;
padding-left: 85px;
}
.comments-area.show-avatars .comment-metadata {
padding: 8px 0 9px 85px;
} .comments-title,
.comment-reply-title {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
}
.comment-reply-title {
display: flex;
justify-content: space-between;
}
.comment-reply-title small a {
font-family: var(--global--font-secondary);
font-size: var(--global--font-size-xs);
font-style: normal;
font-weight: normal;
letter-spacing: normal;
} .comment .comment-respond .comment-reply-title {
font-size: var(--global--font-size-lg);
} .comment-list {
padding-left: 0;
list-style: none;
}
.comment-list > li {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-list .children {
list-style: none;
padding-left: 0;
}
.comment-list .children > li {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
@media only screen and (min-width: 482px) {
.comment-list .depth-2,
.comment-list .depth-3 {
padding-left: calc(4 * var(--global--spacing-horizontal));
}
} .comment-meta .comment-author {
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.25 * var(--global--spacing-unit));
}
@media only screen and (min-width: 482px) {
.comment-meta .comment-author {
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
font-family: var(--global--font-secondary);
font-weight: normal;
font-size: var(--global--font-size-lg);
hyphens: auto;
word-wrap: break-word;
word-break: break-word;
}
.comment-meta .comment-metadata {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
padding: 8px 0 9px 0;
}
.comment-meta .comment-metadata .edit-link {
margin-left: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
max-width: inherit;
}
}
.reply {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-heading);
}
.bypostauthor {
display: block;
}
.says {
display: none;
}
.pingback .url,
.trackback .url {
font-family: var(--global--font-primary);
}
.comment-body {
position: relative;
margin-bottom: calc(1.7 * var(--global--spacing-vertical));
}
.comment-body > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-body .reply {
margin: 0;
}
.comment-content {
word-wrap: break-word;
}
.pingback .comment-body,
.trackback .comment-body {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-respond {
margin-top: var(--global--spacing-vertical);
}
.comment-respond > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.comment-respond > *:first-child {
margin-top: 0;
}
.comment-respond > *:last-child {
margin-bottom: 0;
}
.comment-respond > *:last-child.comment-form {
margin-bottom: var(--global--spacing-vertical);
}
.comment-author {
padding-top: 3px;
}
.comment-author .url {
color: currentColor;
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form > * {
flex-basis: 100%;
}
.comment-form .comment-notes {
font-size: var(--global--font-size-sm);
}
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 0;
flex-grow: 1;
}
@media only screen and (max-width: 481.98px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 100%;
}
}
.comment-form .comment-form-cookies-consent > label,
.comment-form .comment-notes {
font-size: var(--global--font-size-xs);
font-weight: normal;
}
.comment-form > p {
margin-bottom: var(--global--spacing-unit);
}
.comment-form > p:first-of-type {
margin-top: 0;
}
.comment-form > p:last-of-type {
margin-bottom: 0;
}
.comment-form > p label,
.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
display: block;
font-size: var(--global--font-size-sm);
margin-bottom: calc(0.5 * var(--global--spacing-unit));
width: 100%;
font-weight: var(--form--label-weight);
}
.comment-form > p.comment-form-cookies-consent {
display: flex;
}
@media only screen and (min-width: 482px) {
.comment-form > p.comment-form-author {
margin-right: calc(1.5 * var(--global--spacing-horizontal));
}
.comment-form > p.comment-notes, .comment-form > p.logged-in-as {
display: block;
}
} .navigation {
color: var(--global--color-primary);
}
.navigation a {
color: var(--global--color-primary);
text-decoration: none;
}
.navigation a:hover {
color: var(--global--color-primary-hover);
text-decoration: underline;
text-decoration-style: dotted;
}
.navigation a:focus {
color: var(--global--color-secondary);
}
.navigation a:active {
color: var(--global--color-primary);
}
.navigation .nav-links > * {
min-width: 44px;
min-height: 44px;
}
.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
display: flex;
flex-direction: column;
}
.navigation .nav-links .dots {
text-align: center;
}
@media only screen and (min-width: 592px) {
.navigation .nav-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.navigation .nav-links .nav-next,
.navigation .nav-links .nav-previous {
flex: 0 1 auto;
margin-bottom: inherit;
margin-top: inherit;
max-width: calc(50% - 0.5 * var(--global--spacing-unit));
}
.navigation .nav-links .nav-next {
text-align: right;
}
}
.navigation .svg-icon {
display: inline-block;
fill: currentColor;
vertical-align: middle;
position: relative;
}
.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
top: -2px;
margin-right: calc(0.25 * var(--global--spacing-unit));
}
.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
top: -1px;
margin-left: calc(0.25 * var(--global--spacing-unit));
}
.post-navigation {
margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {
.post-navigation {
margin: var(--global--spacing-vertical) auto;
}
}
.post-navigation .meta-nav {
line-height: var(--global--line-height-body);
color: var(--global--color-primary);
}
.post-navigation .post-title {
display: inline-block;
font-family: var(--global--font-primary);
font-size: var(--global--font-size-lg);
font-weight: var(--pagination--font-weight-strong);
line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {
.post-navigation .post-title {
margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
}
}
@media only screen and (min-width: 482px) {
.post-navigation .nav-links {
justify-content: space-between;
}
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
margin-top: 0;
}
.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
margin-bottom: 0;
}
.pagination,
.comments-pagination {
border-top: 3px solid var(--global--color-border);
padding-top: var(--global--spacing-vertical);
margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {
.pagination,
.comments-pagination {
margin: var(--global--spacing-vertical) auto;
}
}
.pagination .nav-links,
.comments-pagination .nav-links {
margin-top: calc(-1 * var(--global--spacing-vertical));
}
.pagination .nav-links a:hover,
.comments-pagination .nav-links a:hover {
color: var(--pagination--color-link-hover);
}
.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus,
.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus {
color: var(--global--color-background);
}
.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus,
.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus {
color: var(--global--color-white);
}
.pagination .nav-links > *,
.comments-pagination .nav-links > * {
color: var(--pagination--color-text);
font-family: var(--pagination--font-family);
font-size: var(--pagination--font-size);
font-weight: var(--pagination--font-weight);
margin-top: var(--global--spacing-vertical);
margin-left: calc(0.66 * var(--global--spacing-unit));
margin-right: calc(0.66 * var(--global--spacing-unit));
}
.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
text-decoration: underline;
}
.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
text-decoration-style: dotted;
}
.pagination .nav-links > *:first-child,
.comments-pagination .nav-links > *:first-child {
margin-left: 0;
}
.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
margin-right: 0;
}
.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
margin-left: auto;
}
.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
margin-right: auto;
}
@media only screen and (max-width: 821.98px) {
.pagination .nav-links,
.comments-pagination .nav-links {
display: flex;
flex-wrap: wrap;
}
.pagination .page-numbers,
.comments-pagination .page-numbers {
display: none;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next,
.comments-pagination .page-numbers.prev,
.comments-pagination .page-numbers.next {
display: inline-block;
flex: 0 1 auto;
}
}
@media only screen and (max-width: 481.98px) {
.pagination .nav-short,
.comments-pagination .nav-short {
display: none;
}
}
.comments-pagination {
padding-top: calc(0.66 * var(--global--spacing-vertical));
margin: calc(3 * var(--global--spacing-vertical)) auto;
}
@media only screen and (min-width: 822px) {
.comments-pagination {
margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
}
}
.comments-pagination .nav-links > * {
font-size: var(--global--font-size-md);
}
.widget-area {
margin-top: calc(6 * var(--global--spacing-vertical));
padding-bottom: calc(var(--global--spacing-vertical) / 3);
color: var(--footer--color-text);
font-size: var(--footer--font-size);
font-family: var(--footer--font-family);
}
@media only screen and (min-width: 652px) {
.widget-area {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: calc(2 * var(--global--spacing-horizontal));
}
}
@media only screen and (min-width: 1024px) {
.widget-area {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 481.98px) {
.widget-area {
margin-top: calc(3 * var(--global--spacing-vertical));
}
}
.widget-area .wp-block-social-links.alignright {
margin-top: var(--global--spacing-vertical);
justify-content: flex-end;
}
.widget-area .wp-block-social-links.alignleft {
margin-top: var(--global--spacing-vertical);
}
.widget-area:after {
content: "";
display: table;
clear: both;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
font-weight: var(--widget--font-weight-title);
line-height: var(--widget--line-height-title);
}
.widget h1 {
font-size: var(--global--font-size-md);
}
.widget h2 {
font-size: var(--global--font-size-sm);
}
.widget h3 {
font-size: var(--global--font-size-xs);
}
.widget h4 {
font-size: var(--global--font-size-xs);
}
.widget h5 {
font-size: var(--global--font-size-xs);
}
.widget h6 {
font-size: var(--global--font-size-xs);
}
.widget ul {
list-style-type: none;
padding: 0;
}
.widget ul li {
line-height: var(--widget--line-height-list);
}
.widget ul.sub-menu, .widget ul.children {
margin-left: var(--widget--spacing-menu);
}
.widget ul .sub-menu-toggle {
display: none;
}
.widget a {
color: var(--footer--color-link);
text-decoration: underline;
text-decoration-style: solid;
text-decoration-color: currentColor;
}
.widget a:link, .widget a:visited, .widget a:active {
color: var(--footer--color-link);
}
.widget a:hover {
color: var(--footer--color-link-hover);
text-decoration-style: dotted;
}
.search-form {
display: flex;
flex-wrap: wrap;
margin: auto;
max-width: var(--responsive--aligndefault-width);
}
.search-form > label {
width: 100%;
margin-bottom: 0;
font-weight: var(--form--label-weight);
}
.search-form .search-field {
flex-grow: 1;
max-width: inherit;
margin-top: calc(var(--global--spacing-vertical) / 3);
margin-right: calc(0.66 * var(--global--spacing-horizontal));
}
.search-form .search-submit {
margin-top: calc(var(--global--spacing-vertical) / 3);
margin-left: 10px;
}
.widget_search > .search-form .search-field {
margin-right: calc(-1 * var(--button--border-width));
-webkit-appearance: none;
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.widget_search > .search-form .search-submit {
margin-left: 0;
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.widget_rss a.rsswidget .rss-widget-icon {
display: none;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.skip-link:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
}
.has-black-color[class] {
color: var(--global--color-black);
}
.has-black-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-black, #000000);
color: var(--local--color-primary);
}
.has-gray-color[class] {
color: var(--global--color-gray);
}
.has-gray-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-gray, #000000);
color: var(--local--color-primary);
}
.has-dark-gray-color[class] {
color: var(--global--color-dark-gray);
}
.has-dark-gray-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-dark-gray, #000000);
color: var(--local--color-primary);
}
.has-green-color[class] {
color: var(--global--color-green);
}
.has-green-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-green, #FFFFFF);
color: var(--local--color-primary);
}
.has-blue-color[class] {
color: var(--global--color-blue);
}
.has-blue-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-blue, #FFFFFF);
color: var(--local--color-primary);
}
.has-purple-color[class] {
color: var(--global--color-purple);
}
.has-purple-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-purple, #FFFFFF);
color: var(--local--color-primary);
}
.has-red-color[class] {
color: var(--global--color-red);
}
.has-red-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-red, #FFFFFF);
color: var(--local--color-primary);
}
.has-orange-color[class] {
color: var(--global--color-orange);
}
.has-orange-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-orange, #FFFFFF);
color: var(--local--color-primary);
}
.has-yellow-color[class] {
color: var(--global--color-yellow);
}
.has-yellow-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-yellow, #FFFFFF);
color: var(--local--color-primary);
}
.has-white-color[class] {
color: var(--global--color-white);
}
.has-white-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-white, #FFFFFF);
color: var(--local--color-primary);
}
.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
color: currentColor;
}
.has-black-background-color[class] {
background-color: var(--global--color-black);
}
.has-black-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-black, #000000);
background-color: var(--local--color-background);
}
.has-dark-gray-background-color[class] {
background-color: var(--global--color-dark-gray);
}
.has-dark-gray-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-dark-gray, #000000);
background-color: var(--local--color-background);
}
.has-gray-background-color[class] {
background-color: var(--global--color-gray);
}
.has-gray-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-gray, #000000);
background-color: var(--local--color-background);
}
.has-light-gray-background-color[class] {
background-color: var(--global--color-light-gray);
}
.has-light-gray-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-light-gray, #FFFFFF);
background-color: var(--local--color-background);
}
.has-green-background-color[class] {
background-color: var(--global--color-green);
}
.has-green-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-green, #FFFFFF);
background-color: var(--local--color-background);
}
.has-blue-background-color[class] {
background-color: var(--global--color-blue);
}
.has-blue-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-blue, #FFFFFF);
background-color: var(--local--color-background);
}
.has-purple-background-color[class] {
background-color: var(--global--color-purple);
}
.has-purple-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-purple, #FFFFFF);
background-color: var(--local--color-background);
}
.has-red-background-color[class] {
background-color: var(--global--color-red);
}
.has-red-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-red, #FFFFFF);
background-color: var(--local--color-background);
}
.has-orange-background-color[class] {
background-color: var(--global--color-orange);
}
.has-orange-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-orange, #FFFFFF);
background-color: var(--local--color-background);
}
.has-yellow-background-color[class] {
background-color: var(--global--color-yellow);
}
.has-yellow-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-yellow, #FFFFFF);
background-color: var(--local--color-background);
}
.has-white-background-color[class] {
background-color: var(--global--color-white);
}
.has-white-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-white, #FFFFFF);
background-color: var(--local--color-background);
}
.has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
color: var(--global--color-white);
}
.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-background, #FFFFFF);
color: var(--local--color-primary, var(--global--color-primary));
}
.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-primary, #000000);
}
.has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class] {
color: var(--global--color-dark-gray);
}
.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-primary, #000000);
color: var(--local--color-primary, var(--global--color-primary));
}
.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-background, #FFFFFF);
}
.has-purple-to-yellow-gradient-background {
background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}
.has-yellow-to-purple-gradient-background {
background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}
.has-green-to-yellow-gradient-background {
background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}
.has-yellow-to-green-gradient-background {
background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}
.has-red-to-yellow-gradient-background {
background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}
.has-yellow-to-red-gradient-background {
background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}
.has-purple-to-red-gradient-background {
background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}
.has-red-to-purple-gradient-background {
background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}
header *,
main *,
footer * {
max-width: var(--global--spacing-measure);
}
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
max-width: none;
}
.is-IE.is-dark-theme {
color: #fff;
}
.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer > .site-info,
.is-IE.is-dark-theme .site-footer > .site-info a,
.is-IE.is-dark-theme .site-footer > .site-info a:visited {
color: #fff;
}
.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
fill: #fff;
}
.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
background: #000;
}
@media only screen and (max-width: 481.98px) {
.is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
.is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
background-color: #000;
}
}
.is-IE.is-dark-theme .skip-link:focus {
color: #21759b;
}
.is-IE .navigation .nav-links {
display: block;
}
.is-IE .post-thumbnail .wp-post-image {
min-width: auto;
}
* {
margin: 0;
list-style: none;
padding: 0;
font-weight: inherit;
letter-spacing: inherit;
}
html {
font-family: "Nunito", sans-serif !important;
overflow-x: hidden;
font-size: 15px;
line-height: 23px;
scrollbar-gutter: stable;
background-color: #F7F9FF;
}
@media (min-width: 769px) {
html {
font-size: 16px;
line-height: 24px;
}
}
body {
overflow-x: hidden;
}
body:before {
content: "";
height: 35px;
width: 100vw;
background-color: black;
display: none;
position: fixed;
z-index: 3;
}
@media (min-width: 992px) {
body:before {
display: block;
}
}
a, button {
color: inherit;
text-decoration: none;
}
strong {
font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
letter-spacing: inherit;
font-family: inherit;
font-size: inherit;
}
section {
position: relative;
background-size: cover;
background-position: center;
overflow: hidden;
}
section .mask-color {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
section .mask-img {
position: absolute;
top: 0;
height: 100% !important;
object-fit: cover;
width: 100%;
z-index: 0;
}
section .container,
section .container-fluid {
z-index: 2;
position: relative;
}
.site-main {
padding: 0;
}
@media (min-width: 992px) {
.site-main {
min-height: calc(100vh - 542px);
}
}
.site-main .entry-content {
font-family: inherit;
}
.site-main .entry-content .e-con-inner {
max-width: 100%;
padding: 0;
gap: 0;
}
.site-main .entry-content .elementor-element {
padding: 0;
}
.site-main .entry-content > div {
width: 100%;
max-width: 100% !important;
}
.u-px-contain {
padding: 0 12px !important;
}
@media (min-width: 769px) {
.u-px-contain {
padding: 0 24px !important;
}
}
.u-m-0 {
margin: 0 !important;
}
.u-mt-0 {
margin-top: 0 !important;
}
.u-ml-0 {
margin-left: 0 !important;
}
.u-mr-0 {
margin-right: 0 !important;
}
.u-mb-0 {
margin-bottom: 0 !important;
}
.u-mt-4xs {
margin-top: 8px !important;
}
.u-mt-3xs {
margin-top: 16px !important;
}
.u-mt-2xs {
margin-top: 24px !important;
}
.u-mt-xs {
margin-top: 32px !important;
}
.u-mt-s {
margin-top: 48px !important;
}
.u-mt-m {
margin-top: 42.6666666667px !important;
}
.u-mt-l {
margin-top: 40px !important;
}
.u-mt-xl {
margin-top: 48px !important;
}
.u-mt-2xl {
margin-top: 56px !important;
}
.u-mt-3xl {
margin-top: 64px !important;
}
.u-mt-4xl {
margin-top: 72px !important;
}
@media (min-width: 769px) {
.u-mt-4xs {
margin-top: 8px !important;
}
.u-mt-3xs {
margin-top: 16px !important;
}
.u-mt-2xs {
margin-top: 24px !important;
}
.u-mt-xs {
margin-top: 32px !important;
}
.u-mt-s {
margin-top: 48px !important;
}
.u-mt-m {
margin-top: 42.6666666667px !important;
}
.u-mt-l {
margin-top: 53.3333333333px !important;
}
.u-mt-xl {
margin-top: 64px !important;
}
.u-mt-2xl {
margin-top: 74.6666666667px !important;
}
.u-mt-3xl {
margin-top: 85.3333333333px !important;
}
.u-mt-4xl {
margin-top: 96px !important;
}
}
@media (min-width: 992px) {
.u-mt-4xs {
margin-top: 8px !important;
}
.u-mt-3xs {
margin-top: 16px !important;
}
.u-mt-2xs {
margin-top: 24px !important;
}
.u-mt-xs {
margin-top: 32px !important;
}
.u-mt-s {
margin-top: 48px !important;
}
.u-mt-m {
margin-top: 64px !important;
}
.u-mt-l {
margin-top: 80px !important;
}
.u-mt-xl {
margin-top: 96px !important;
}
.u-mt-2xl {
margin-top: 112px !important;
}
.u-mt-3xl {
margin-top: 128px !important;
}
.u-mt-4xl {
margin-top: 144px !important;
}
}
.u-mb-4xs {
margin-bottom: 8px !important;
}
.u-mb-3xs {
margin-bottom: 16px !important;
}
.u-mb-2xs {
margin-bottom: 24px !important;
}
.u-mb-xs {
margin-bottom: 32px !important;
}
.u-mb-s {
margin-bottom: 48px !important;
}
.u-mb-m {
margin-bottom: 42.6666666667px !important;
}
.u-mb-l {
margin-bottom: 40px !important;
}
.u-mb-xl {
margin-bottom: 48px !important;
}
.u-mb-2xl {
margin-bottom: 56px !important;
}
.u-mb-3xl {
margin-bottom: 64px !important;
}
.u-mb-4xl {
margin-bottom: 72px !important;
}
@media (min-width: 769px) {
.u-mb-4xs {
margin-bottom: 8px !important;
}
.u-mb-3xs {
margin-bottom: 16px !important;
}
.u-mb-2xs {
margin-bottom: 24px !important;
}
.u-mb-xs {
margin-bottom: 32px !important;
}
.u-mb-s {
margin-bottom: 48px !important;
}
.u-mb-m {
margin-bottom: 42.6666666667px !important;
}
.u-mb-l {
margin-bottom: 53.3333333333px !important;
}
.u-mb-xl {
margin-bottom: 64px !important;
}
.u-mb-2xl {
margin-bottom: 74.6666666667px !important;
}
.u-mb-3xl {
margin-bottom: 85.3333333333px !important;
}
.u-mb-4xl {
margin-bottom: 96px !important;
}
}
@media (min-width: 992px) {
.u-mb-4xs {
margin-bottom: 8px !important;
}
.u-mb-3xs {
margin-bottom: 16px !important;
}
.u-mb-2xs {
margin-bottom: 24px !important;
}
.u-mb-xs {
margin-bottom: 32px !important;
}
.u-mb-s {
margin-bottom: 48px !important;
}
.u-mb-m {
margin-bottom: 64px !important;
}
.u-mb-l {
margin-bottom: 80px !important;
}
.u-mb-xl {
margin-bottom: 96px !important;
}
.u-mb-2xl {
margin-bottom: 112px !important;
}
.u-mb-3xl {
margin-bottom: 128px !important;
}
.u-mb-4xl {
margin-bottom: 144px !important;
}
}
.u-p-0 {
padding: 0 !important;
}
.u-pt-0 {
padding-top: 0 !important;
}
.u-pl-0 {
padding-left: 0 !important;
}
.u-pr-0 {
padding-right: 0 !important;
}
.u-pb-0 {
padding-bottom: 0 !important;
}
.u-pt-4xs {
padding-top: 8px !important;
}
.u-pt-3xs {
padding-top: 16px !important;
}
.u-pt-2xs {
padding-top: 24px !important;
}
.u-pt-xs {
padding-top: 32px !important;
}
.u-pt-s {
padding-top: 48px !important;
}
.u-pt-m {
padding-top: 42.6666666667px !important;
}
.u-pt-l {
padding-top: 40px !important;
}
.u-pt-xl {
padding-top: 48px !important;
}
.u-pt-2xl {
padding-top: 56px !important;
}
.u-pt-3xl {
padding-top: 64px !important;
}
.u-pt-4xl {
padding-top: 72px !important;
}
@media (min-width: 769px) {
.u-pt-4xs {
padding-top: 8px !important;
}
.u-pt-3xs {
padding-top: 16px !important;
}
.u-pt-2xs {
padding-top: 24px !important;
}
.u-pt-xs {
padding-top: 32px !important;
}
.u-pt-s {
padding-top: 48px !important;
}
.u-pt-m {
padding-top: 42.6666666667px !important;
}
.u-pt-l {
padding-top: 53.3333333333px !important;
}
.u-pt-xl {
padding-top: 64px !important;
}
.u-pt-2xl {
padding-top: 74.6666666667px !important;
}
.u-pt-3xl {
padding-top: 85.3333333333px !important;
}
.u-pt-4xl {
padding-top: 96px !important;
}
}
@media (min-width: 992px) {
.u-pt-4xs {
padding-top: 8px !important;
}
.u-pt-3xs {
padding-top: 16px !important;
}
.u-pt-2xs {
padding-top: 24px !important;
}
.u-pt-xs {
padding-top: 32px !important;
}
.u-pt-s {
padding-top: 48px !important;
}
.u-pt-m {
padding-top: 64px !important;
}
.u-pt-l {
padding-top: 80px !important;
}
.u-pt-xl {
padding-top: 96px !important;
}
.u-pt-2xl {
padding-top: 112px !important;
}
.u-pt-3xl {
padding-top: 128px !important;
}
.u-pt-4xl {
padding-top: 144px !important;
}
}
.u-pb-4xs {
padding-bottom: 8px !important;
}
.u-pb-3xs {
padding-bottom: 16px !important;
}
.u-pb-2xs {
padding-bottom: 24px !important;
}
.u-pb-xs {
padding-bottom: 32px !important;
}
.u-pb-s {
padding-bottom: 48px !important;
}
.u-pb-m {
padding-bottom: 42.6666666667px !important;
}
.u-pb-l {
padding-bottom: 40px !important;
}
.u-pb-xl {
padding-bottom: 48px !important;
}
.u-pb-2xl {
padding-bottom: 56px !important;
}
.u-pb-3xl {
padding-bottom: 64px !important;
}
.u-pb-4xl {
padding-bottom: 72px !important;
}
@media (min-width: 769px) {
.u-pb-4xs {
padding-bottom: 8px !important;
}
.u-pb-3xs {
padding-bottom: 16px !important;
}
.u-pb-2xs {
padding-bottom: 24px !important;
}
.u-pb-xs {
padding-bottom: 32px !important;
}
.u-pb-s {
padding-bottom: 48px !important;
}
.u-pb-m {
padding-bottom: 42.6666666667px !important;
}
.u-pb-l {
padding-bottom: 53.3333333333px !important;
}
.u-pb-xl {
padding-bottom: 64px !important;
}
.u-pb-2xl {
padding-bottom: 74.6666666667px !important;
}
.u-pb-3xl {
padding-bottom: 85.3333333333px !important;
}
.u-pb-4xl {
padding-bottom: 96px !important;
}
}
@media (min-width: 992px) {
.u-pb-4xs {
padding-bottom: 8px !important;
}
.u-pb-3xs {
padding-bottom: 16px !important;
}
.u-pb-2xs {
padding-bottom: 24px !important;
}
.u-pb-xs {
padding-bottom: 32px !important;
}
.u-pb-s {
padding-bottom: 48px !important;
}
.u-pb-m {
padding-bottom: 64px !important;
}
.u-pb-l {
padding-bottom: 80px !important;
}
.u-pb-xl {
padding-bottom: 96px !important;
}
.u-pb-2xl {
padding-bottom: 112px !important;
}
.u-pb-3xl {
padding-bottom: 128px !important;
}
.u-pb-4xl {
padding-bottom: 144px !important;
}
}
.u-p-0 {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.u-p-4xs {
padding-bottom: 8px !important;
padding-top: 8px !important;
}
.u-p-3xs {
padding-bottom: 16px !important;
padding-top: 16px !important;
}
.u-p-2xs {
padding-bottom: 24px !important;
padding-top: 24px !important;
}
.u-p-xs {
padding-bottom: 32px !important;
padding-top: 32px !important;
}
.u-p-s {
padding-bottom: 48px !important;
padding-top: 48px !important;
}
.u-p-m {
padding-bottom: 42.6666666667px !important;
padding-top: 42.6666666667px !important;
}
.u-p-l {
padding-bottom: 40px !important;
padding-top: 40px !important;
}
.u-p-xl {
padding-bottom: 48px !important;
padding-top: 48px !important;
}
.u-p-2xl {
padding-bottom: 56px !important;
padding-top: 56px !important;
}
.u-p-3xl {
padding-bottom: 64px !important;
padding-top: 64px !important;
}
.u-p-4xl {
padding-bottom: 72px !important;
padding-top: 72px !important;
}
@media (min-width: 769px) {
.u-p-4xs {
padding-bottom: 8px !important;
padding-top: 8px !important;
}
.u-p-3xs {
padding-bottom: 16px !important;
padding-top: 16px !important;
}
.u-p-2xs {
padding-bottom: 24px !important;
padding-top: 24px !important;
}
.u-p-xs {
padding-bottom: 32px !important;
padding-top: 32px !important;
}
.u-p-s {
padding-bottom: 48px !important;
padding-top: 48px !important;
}
.u-p-m {
padding-bottom: 42.6666666667px !important;
padding-top: 42.6666666667px !important;
}
.u-p-l {
padding-bottom: 53.3333333333px !important;
padding-top: 53.3333333333px !important;
}
.u-p-xl {
padding-bottom: 64px !important;
padding-top: 64px !important;
}
.u-p-2xl {
padding-bottom: 74.6666666667px !important;
padding-top: 74.6666666667px !important;
}
.u-p-3xl {
padding-bottom: 85.3333333333px !important;
padding-top: 85.3333333333px !important;
}
.u-p-4xl {
padding-bottom: 96px !important;
padding-top: 96px !important;
}
}
@media (min-width: 992px) {
.u-p-4xs {
padding-bottom: 8px !important;
padding-top: 8px !important;
}
.u-p-3xs {
padding-bottom: 16px !important;
padding-top: 16px !important;
}
.u-p-2xs {
padding-bottom: 24px !important;
padding-top: 24px !important;
}
.u-p-xs {
padding-bottom: 32px !important;
padding-top: 32px !important;
}
.u-p-s {
padding-bottom: 48px !important;
padding-top: 48px !important;
}
.u-p-m {
padding-bottom: 64px !important;
padding-top: 64px !important;
}
.u-p-l {
padding-bottom: 80px !important;
padding-top: 80px !important;
}
.u-p-xl {
padding-bottom: 96px !important;
padding-top: 96px !important;
}
.u-p-2xl {
padding-bottom: 112px !important;
padding-top: 112px !important;
}
.u-p-3xl {
padding-bottom: 128px !important;
padding-top: 128px !important;
}
.u-p-4xl {
padding-bottom: 144px !important;
padding-top: 144px !important;
}
}
.u-mr-xs {
margin-right: 32px;
}
.u-img-responsive {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.u-center-element {
text-align: center;
}
.u-scroll-block {
overflow: hidden;
}
.u-hidden {
display: none;
}
.btn {
height: 45px;
padding: 0 32px;
align-items: center;
display: inline-flex;
justify-content: center;
width: max-content;
background-color: #F0F2FC;
cursor: pointer;
font-size: inherit;
color: #292866;
border: 0;
}
@media (min-width: 769px) {
.btn {
height: 48px;
}
}
.btn:hover {
background-color: #292866;
color: white;
opacity: 0.8;
transition: all 250ms;
}
.btn-fill--black {
background-color: black;
color: white;
}
.btn-fill--black:hover {
opacity: 0.8;
transition: all 250ms;
}
.btn-fill--lime {
background-color: #25D366;
border: 1px solid #25D366;
color: white;
}
.btn-fill--lime:hover {
background-color: #25D366;
border: 1px solid #25D366;
opacity: 0.8;
transition: all 250ms;
}
.btn-fill--navy {
background-color: #292866;
border: 1px solid #292866;
color: white;
}
.btn-fill--navy:hover {
background-color: #292866;
border: 1px solid #292866;
opacity: 0.8;
transition: all 250ms;
}
.btn-size--w100 {
width: 100%;
}
.btn-style--underline {
text-decoration: underline !important;
padding: 0;
height: 0;
background-color: transparent;
}
.btn-style--underline:hover {
color: #292866;
}
button.btn {
height: 47px;
}
@media (min-width: 769px) {
button.btn {
height: 50px;
}
}
.color-element--white {
color: white;
}
.color-element--black {
color: black;
}
.color-element--v1 {
color: gray;
}
.color-element--v2 {
color: red;
}
.color-element--navy {
color: #292866;
}
.color-bg--black {
background-color: black;
}
.color-bg--white {
background-color: white;
}
.color-bg--v1 {
background-color: #475F6A;
}
.color-bg--v2 {
background-color: #F7F7F7;
}
.color-bg--v3 {
background-color: black;
}
.color-bg--deep {
background-color: #201f52;
}
.color-mode--white {
color: white;   }
.color-mode--white .btn {
border: 0 !important;
background-color: rgba(255, 255, 255, 0.1019607843);
color: white;
}
.color-mode--white .btn:hover {
border: 1px solid white;
background-color: white;
color: black;
}
.color-mode--white .custom-buttons button.next,
.color-mode--white .custom-buttons button.prev {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/arrow-right-white.svg) !important;
}
.color-mode--white .custom-buttons button:hover {
opacity: 0.6;
}
.color-mode--white .slick-dots li.slick-active button:before {
opacity: 1;
color: white !important;
}
.color-mode--white .slick-dots li button:before {
color: white !important;
}
.color-mode--white .timeline__element-center:before {
border-left: 1px solid white;
left: 19px;
}
@media (min-width: 769px) {
.color-mode--white .timeline__element-center:before {
left: 5px;
}
}
.color-mode--white .timeline__element-center span.square {
background-color: white;
width: 11px;
height: 11px;
}
.color-mode--white .accordion-item {
border: 1px solid rgba(255, 255, 255, 0.4509803922);
border-bottom: 0;
}
.color-mode--white .accordion {
border-bottom: 1px solid rgba(255, 255, 255, 0.4509803922);
}
.color-mode--white .accordion-title span {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-right-white.svg);
}
.color-mode--white .text-icons__element-icons span {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icon-star-white.svg);
}
.color-mode--white .text-icons__element-icons.star-1 span,
.color-mode--white .text-icons__element-icons.star-2 span,
.color-mode--white .text-icons__element-icons.star-3 span,
.color-mode--white .text-icons__element-icons.star-4 span,
.color-mode--white .text-icons__element-icons.star-5 span {
opacity: 0.2;
}
.color-mode--white .grid.separator .grid-col:first-child:before {
content: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/10/icn-detail-dots-white.svg);
}
@media (min-width: 769px) {
.color-mode--white .grid.separator .grid-col:first-child:before {
content: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icn-detail-dots-vertical-white.svg);
}
}
.color-mode--white .icon-text span.email {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-email-white.svg);
}
.color-mode--white .icon-text span.phone {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-phone-white.svg);
}
.color-mode--white .icon-text span.whatsapp {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-whatsapp-white.svg);
}
.color-mode--white .icon-text span.tripadvisor {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-tripadvisor-white.svg);
}
.color-mode--white .icon-text span.tumblr {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-tumblr-white.svg);
}
.color-mode--white .icon-text span.facebook {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-facebook-white.svg);
}
.color-mode--white .icon-text span.pinterest {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-pinterest-white.svg);
}
.color-mode--white .icon-text span.x {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-x-white.svg);
}
.color-mode--white .icon-text span.instagram {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-instagram-white.svg);
}
.color-mode--white .icon-text span.light-email {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-email-white.svg);
}
.color-mode--white .icon-text span.light-phone {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-phone-white.svg);
}
.color-mode--white .icon-text span.light-whatsapp {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-whatsapp-white.svg);
}
.color-mode--white .icon-text span.light-tripadvisor {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-tripadvisor-white.svg);
}
.color-mode--white .icon-text span.light-tumblr {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-tumblr-white.svg);
}
.color-mode--white .icon-text span.light-facebook {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-facebook-white.svg);
}
.color-mode--white .icon-text span.light-pinterest {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-pinterest-white.svg);
}
.color-mode--white .icon-text span.light-x {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-x-white.svg);
}
.color-mode--white .icon-text span.light-instagram {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-instagram-white.svg);
}
.color-mode--white .image-info__element-content {
color: black;
background-color: #ffffff;
}
@media (min-width: 992px) {
.color-mode--white .image-info__element-content {
background-color: rgba(255, 255, 255, 0.9411764706);
}
}
.color-mode--white .image-info__element-content:after {
border-bottom: 10px solid rgba(255, 255, 255, 0.9411764706);
}
.color-mode--white .image-info__element-content .btn {
border: 1px solid black;
}
.color-mode--white .image-info__element-content .btn:hover {
background-color: black;
color: white;
}
.color-mode--white .grid-col--form-style {
background-color: rgba(255, 255, 255, 0.1215686275);
}
.color-mode--white .custom-scrollbar::-webkit-scrollbar {
width: 3px;
background-color: #1a1a1a;
}
.color-mode--white .custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #3d3d3d;
}
.color-mode--white .custom-scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(46, 46, 46, 0.86);
background-color: #1e1e1e;
}
.color-mode--white .slider__navigation .active {
background-color: white;
}
.color-mode--white .slider__navigation li {
background-color: rgba(255, 255, 255, 0.2392156863);
}
.color-mode--white .slider-container .arrow {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-right-white.svg);
}
.color-mode--white .slider__element-box-value .star {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-star-white.svg);
}
.color-mode--white .slider__element-box-value.stars-4 span:last-child {
opacity: 0.25;
}
.color-mode--white .slider__element-box-value.stars-3 span:last-child, .color-mode--white .slider__element-box-value.stars-3 span:nth-last-child(2) {
opacity: 0.25;
}
.color-mode--white .slider__element-box-value.stars-2 span:last-child, .color-mode--white .slider__element-box-value.stars-2 span:nth-last-child(2), .color-mode--white .slider__element-box-value.stars-2 span:nth-last-child(3) {
opacity: 0.25;
}
.color-mode--white .slider__element-box-value.stars-1 span:last-child, .color-mode--white .slider__element-box-value.stars-1 span:nth-last-child(2), .color-mode--white .slider__element-box-value.stars-1 span:nth-last-child(3), .color-mode--white .slider__element-box-value.stars-1 span:nth-last-child(4) {
opacity: 0.25;
}
.color-mode--white .grid-col--form-style .wpcf7-form input, .color-mode--white .grid-col--form-style .wpcf7-form textarea, .color-mode--white .grid-col--form-style .wpcf7-form label {
background-color: transparent;
}
.color-mode--white .wpcf7-form input,
.color-mode--white .wpcf7-form textarea {
border: 1px solid rgba(255, 255, 255, 0.368627451);
}
.color-mode--white .wpcf7-form .wpcf7-not-valid {
border: 1px solid red;
}
.color-mode--white .wpcf7-form.invalid .wpcf7-response-output {
background-color: rgba(252, 60, 60, 0.1215686275);
}
.color-mode--white .grid-col--form-style .wpcf7-form .wpcf7-submit {
background-color: white !important;
color: black;
}
.color-mode--white .grid-col--form-style .wpcf7-form .wpcf7-submit:hover {
opacity: 0.7;
}
.color-mode--white .wpcf7-form label.up + span input,
.color-mode--white .wpcf7-form label.up + span textarea,
.color-mode--white .wpcf7-form .grid.checkbox .up input {
border: 1px solid white;
}
.color-mode--white .wpcf7-form input,
.color-mode--white .wpcf7-form textarea {
color: white;
}
.color-mode--white input:-webkit-autofill {
color: #fff !important; }
.color-mode--white input:-moz-autofill {
color: #fff !important; }
.color-mode--white input::-webkit-autofill {
color: #fff !important; }
.color-mode--white input:-webkit-autofill::first-line {
color: #fff !important;
}
.color-mode--white .wpcf7-form label.up {
left: 24px;
}
.color-mode--white .wpcf7-form label.up:after {
content: "";
position: absolute;
border-bottom: 3px solid #2e2b2b;
bottom: 9px;
width: calc(100% + 10px);
z-index: -1;
left: -6px;
border-radius: 20px;
}
.color-mode--white .wpcf7-form.sent .wpcf7-response-output {
background-color: rgba(17, 66, 53, 0.6705882353);
}
.color-mode--white .btn {
border: 1px solid rgba(255, 255, 255, 0.59);
}
.color-mode--white .slider__element-box {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-gris.gif);
}
.color-mode--white .text-size--xl.color-element--navy,
.color-mode--white .text-size--2xl.color-element--navy {
color: white;
}
.custom-scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: #F7F7F7;
}
.custom-scrollbar::-webkit-scrollbar {
width: 3px;
background-color: #F7F7F7;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #e0e0e0;
}
.icon-text {
display: flex;
gap: 16px;
align-items: center;
}
.icon-text + .icon-text {
margin: 24px 0 0 0;
}
.icon-text span {
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: center;
}
.icon-text span.large {
height: 48px;
width: 48px;
display: block;
}
@media (min-width: 769px) {
.icon-text span.large {
height: 64px;
width: 64px;
}
}
.icon-text span.email {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-email-1.svg);
}
.icon-text span.phone {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-phone-1.svg);
}
.icon-text span.whatsapp {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-whatsapp.svg);
}
.icon-text span.tripadvisor {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-tripadvisor.svg);
}
.icon-text span.tumblr {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-tumblr.svg);
}
.icon-text span.facebook {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-facebook.svg);
}
.icon-text span.pinterest {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-pinterest.svg);
}
.icon-text span.x {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-x.svg);
}
.icon-text span.instagram {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-instagram.svg);
}
.icon-text span.light-email {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-email.svg);
}
.icon-text span.light-phone {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-phone.svg);
}
.icon-text span.light-whatsapp {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-whatsapp.svg);
}
.icon-text span.light-tripadvisor {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-tripadvisor.svg);
}
.icon-text span.light-tumblr {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-tumblr.svg);
}
.icon-text span.light-facebook {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-facebook.svg);
}
.icon-text span.light-pinterest {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-pinterest.svg);
}
.icon-text span.light-x {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-x.svg);
}
.icon-text span.light-instagram {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/11/icon-light-instagram.svg);
}
.icon-text a:hover {
opacity: 0.7;
}
.icon-text-group__header {
text-align: center;
}
.icon-text-group__content {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 48px;
max-width: 300px;
margin: 0 auto;
}
@media (min-width: 768px) {
.icon-text-group__content {
max-width: 100%;
}
}
.image {
min-height: 200px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
}
.image img {
width: 100%;
}
.mi-custom--max-height .image img {
object-fit: cover;
max-height: 75vw;
}
@media (min-width: 769px) {
.mi-custom--max-height .image img {
max-height: 800px;
}
}
.mi-custom--height-100vh .image img {
object-fit: cover;
height: 75vw;
}
@media (min-width: 769px) {
.mi-custom--height-100vh .image img {
height: 100vh;
}
}
.mi-custom--full-width .container {
max-width: 100%;
}
.mi-custom--full-width .container .row {
padding: 0 !important;
}
.spinner {
border: 2px solid #000000;
border-left-color: white;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 1s linear infinite;
position: relative;
top: 50%;
left: 50%;
margin: 24px 0 0 -12px; display: none; }
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.text-dots {
overflow: hidden !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; box-sizing: border-box; position: relative; }
.text-size--3xs {
font-size: 12px;
line-height: 16px; }
.text-size--2xs {
font-size: 15px;
line-height: 20px; }
.text-size--xs {
font-size: 19px;
line-height: 24px; }
.text-size--s {
font-size: 24px;
line-height: 30px; }
.text-size--m {
font-size: 30px;
line-height: 38px; }
.text-size--l {
font-size: 38px;
line-height: 48px; }
.text-size--xl {
font-size: 47px;
line-height: 55px; }
.text-size--2xl {
font-size: 59px;
line-height: 75px; }
.text-size--3xl {
font-size: 74px;
line-height: 75px; }
.text-size--5xl {
font-size: 100px;
line-height: 95px;
}
@media (max-width: 992px) {
.text-size--m,
.text-size--s {
font-size: 24px;
line-height: 30px; }
.text-size--l {
font-size: 28px;
line-height: 36px; }
.text-size--xl {
font-size: 30px;
line-height: 36px; }
.text-size--2xl {
font-size: 30px;
line-height: 36px; }
.text-size--3xl {
font-size: 59px;
line-height: 75px; }
.text-size--5xl {
font-size: 41px;
line-height: 45px;
}
}
.text-style--underline {
text-decoration: underline;
}
.text-family--courier {
font-family: "Courier Prime", monospace;
}
.header {
padding: 0;
max-width: 100%;
}
.header__desktop {
width: calc(100% - 40px);
height: 100%;
position: fixed;
left: calc(-100% + 40px);
top: 0;
transition: all 200ms;
z-index: 21;
}
@media (min-width: 992px) {
.header__desktop {
width: 100%;
height: 120px;
position: relative;
left: 0;
top: 35px;
}
}
.header__desktop-container {
width: calc(100vw - 40px);
height: 100%;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
transition: height 250ms, box-shadow 250ms;
}
@media (min-width: 992px) {
.header__desktop-container {
height: 120px;
width: 100vw;
}
}
.header__desktop-container-fixed {
display: flex;
flex-direction: column;
align-items: center;
max-width: 1200px;
width: 100%;
padding: 48px 32px;
height: 100%;
background-color: white;
}
@media (min-width: 992px) {
.header__desktop-container-fixed {
flex-direction: row;
padding: 0 16px;
background-color: transparent;
}
}
.header__desktop-container-fixed-left {
width: 100%;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-left {
width: 300px;
}
}
.header__desktop-container-fixed-left .logo {
display: block;
}
.header__desktop-container-fixed-left .logo a {
width: 190px;
height: 24px;
background-image: url(https://www.valentziarrak.eus/wp-content/uploads/2025/07/logo-blue_Mesa-de-trabajo-1.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
transition: all 250ms;
display: block;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-left .logo a {
width: 326px;
height: 61px;
background-image: url(https://www.valentziarrak.eus/wp-content/uploads/2025/07/logo-blue_Mesa-de-trabajo-1.png);
}
}
.header__desktop-container-fixed-right {
width: 100%;
display: flex;
justify-content: flex-start;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right {
width: calc(100% - 300px);
justify-content: flex-end;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation {
width: 100%;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper {
display: flex;
flex-direction: column;
gap: 24px;
list-style: none;
margin: 0;
width: 100%;
margin: 24px 0 0 0;
position: relative;
font-size: 21px;
color: #292866;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper {
flex-direction: row;
margin: 0 auto;
justify-content: flex-end;
align-items: center;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li a {
color: inherit;
text-decoration: none;
position: relative;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li a:hover {
opacity: 0.6;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a {
opacity: 1;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after {
content: "";
position: absolute;
left: 0;
border-bottom: 2px solid #292866 !important;
width: 100%;
bottom: -2px;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1039 a, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1800 a, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1818 a {
background-color: #292866;
color: white;
height: 47px;
display: flex;
align-items: center;
padding: 0 24px;
width: max-content;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a:hover, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1039 a:hover, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1800 a:hover, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1818 a:hover {
background-color: #292866;
color: white;
opacity: 0.8;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a:after, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1039 a:after, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1800 a:after, .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1818 a:after {
display: none;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item {
position: absolute !important;
top: auto;
color: black;
font-size: 19px;
bottom: -80px;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item {
margin: 0 0 0 0;
position: fixed !important;
color: white;
top: 6px;
bottom: auto;
font-size: 16px;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item:before {
content: "|";
position: absolute;
left: -17px;
top: -1px;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item:before {
left: -9px;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item:nth-last-child(1):before {
display: none;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item a {
display: block;
width: 100%;
height: 100%;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item a img {
display: none;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item-eu {
margin-right: 90px;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item-ca {
margin-right: 45px;
}
@media (max-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item-ca {
left: 60px;
}
}
@media (max-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.lang-item-es {
left: 120px;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu {
display: none;
position: relative;
padding: 24px 0 8px 0;
width: calc(100% + 16px);
box-shadow: none;
top: -34px;
border: 16px solid #F7F7F7;
background-color: #F7F7F7;
margin: 0 0 -34px -16px;
right: 0;
color: black;
font-size: 16px;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu {
top: 25px;
padding: 20px 0 0 0;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0px 37px 16px;
width: 300px;
border: 0;
background-color: transparent;
margin: 0 0 0 -24px;
position: absolute;
}
}
@media (min-width: 1600px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu {
right: auto;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu:after {
content: "";
position: absolute;
bottom: -32px;
left: 0;
width: 100%;
border-bottom: 33px solid #fff;
display: none;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu:after {
display: block;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu li {
background-color: transparent;
padding: 24px 0 0 0;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu li {
padding: 16px 24px 0 24px;
background-color: white;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu li:after {
border-bottom: none !important;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu li:first-child {
padding: 24px 0 0 0;
}
@media (min-width: 769px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .sub-menu li:first-child {
padding: 32px 24px 0 24px;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children {
display: flex;
flex-direction: column;
padding: 0;
position: relative;
cursor: pointer;
margin: -17px 0 0 0;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children {
flex-direction: row;
margin: 0;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children > a {
pointer-events: none;
z-index: 9;
border: 16px solid transparent;
background-color: transparent;
border-bottom: 0;
left: -16px;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children > a {
border: 0;
left: 0;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children:hover .sub-menu {
display: block;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .icon-plus {
display: none;
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .sub-menu-toggle {
background-color: transparent;
border: 0;
position: absolute;
right: 7px;
z-index: 9;
top: 16px;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .sub-menu-toggle {
position: relative;
right: 0;
top: auto;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .icon-minus {
width: 20px;
height: 20px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-down-black.svg);
background-repeat: no-repeat;
background-size: 12px;
display: block;
display: flex;
margin: 9px 9px 0 0;
}
@media (min-width: 992px) {
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .icon-minus {
margin: 0 -3px -3px 5px;
width: 13px;
height: 15px;
background-size: 13px;
}
}
.header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .icon-minus svg {
display: none;
}
.header__desktop.open {
left: 0;
transition: all 500ms;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 16px;
}
.header__desktop.open ul li {
color: black !important;
}
.header__desktop.open ul li.button a, .header__desktop.open ul li.menu-item-1039 a, .header__desktop.open ul li.menu-item-1800 a, .header__desktop.open ul li.menu-item-1818 a {
background-color: black;
color: white;
}
.header__desktop.open .logo {
display: none;
}
.header__desktop.open li.menu-item-1818 {
background-color: #292866 !important;
width: min-content;
}
.header__desktop .close {
display: block;
position: absolute;
right: 15px;
top: 15px;
}
@media (min-width: 992px) {
.header__desktop .close {
display: none;
}
}
.header__desktop .close img {
height: 20px;
}
.header__desktop ~ .backdrop {
background-color: rgba(255, 255, 255, 0.8274509804);
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
z-index: 20;
}
.header__desktop.open ~ .backdrop {
display: block;
}
.header__mobile {
display: block;
height: 90px;
}
@media (min-width: 992px) {
.header__mobile {
display: none;
}
}
.header__mobile-container {
display: flex;
height: 90px;
position: fixed;
background-color: transparent;
width: 100%;
padding: 0 12px;
align-items: center;
transition: all 250ms;
z-index: 10;
transition: height 250ms;
top: 0;
}
@media (min-width: 769px) {
.header__mobile-container {
padding: 0 24px;
}
}
.header__mobile-container-left {
width: 60px;
height: 25px;
}
.header__mobile-container-left span.icon-menu {
position: absolute;
left: 16px;
width: 30px;
height: 30px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-menu.svg);
background-size: cover;
margin-top: -4px;
display: flex;
align-items: center;
}
@media (min-width: 769px) {
.header__mobile-container-left span.icon-menu {
left: 24px;
}
}
.header__mobile-container-center {
width: calc(100% - 120px);
display: flex;
align-items: center;
justify-content: center;
}
.header__mobile-container-center span.mobile-logo {
height: 47px;
background-image: url(https://www.valentziarrak.eus/wp-content/uploads/2025/07/logo-blue_Mesa-de-trabajo-1.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
transition: all 250ms;
display: block;
width: 240px;
position: relative;
}
.header__mobile-container-center span.mobile-logo a {
width: 100%;
height: 100%;
position: absolute;
}
.header__mobile-container-right {
width: 60px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
@media (min-width: 992px) {
.header.sticky .header__desktop-container {
height: 90px;
transition: height 250ms, box-shadow 250ms;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 16px;
background-color: rgba(247, 249, 255, 0.968627451);
}
}
.header.sticky .header__desktop-container-fixed-left .logo a {
background-image: url(https://www.valentziarrak.eus/wp-content/uploads/2025/07/logo-blue_Mesa-de-trabajo-1.png);
width: 190px;
transition: all 250ms;
}
@media (min-width: 992px) {
.header.sticky .header__desktop-container-fixed-left .logo a {
width: 282px;
}
}
.header.sticky .header__desktop-container ul {
color: black;
}
.header.sticky .header__desktop-container ul li.active a:after {
border-bottom: 2px solid black;
}
.header.sticky .header__desktop-container ul li.button a, .header.sticky .header__desktop-container ul li.menu-item-1039 a, .header.sticky .header__desktop-container ul li.menu-item-1800 a, .header.sticky .header__desktop-container ul li.menu-item-1818 a {
background-color: #292866 !important;
color: white;
}
.header.sticky .header__mobile-container {
height: 70px;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 16px;
background-color: #f7f9ff;
transition: height 250ms;
}
.header.sticky .header__mobile-container-left span.icon-menu {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-menu.svg);
}
.header.sticky .header__mobile-container-center span.mobile-logo {
background-image: url(https://www.valentziarrak.eus/wp-content/uploads/2025/07/logo-blue_Mesa-de-trabajo-1.png);
height: 40px;
width: 211px;
}
.header.sticky .dropdown > a span.arrow {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-down-black.svg);
}
#wpadminbar {
z-index: 22 !important;
}
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1039 a,
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1800 a,
.page-id-1062 .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-1818 a {
background-color: rgba(255, 255, 255, 0.1);
}
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper {
color: white;
}
.home .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper {
color: #292866;
}
.footer {
padding: 112px 0;
opacity: 0.5;
}
.footer__top {
display: flex;
justify-content: center;
padding: 0 0 32px 0;
flex-direction: column;
gap: 64px;
}
@media (min-width: 768px) {
.footer__top {
flex-direction: row;
justify-content: space-between;
}
}
.footer__top-logo img {
width: auto;
margin: 0 auto;
height: 55px;
}
.footer__top-icons {
display: flex;
justify-content: center;
gap: 16px;
}
@media (min-width: 768px) {
.footer__top-icons {
flex-direction: row;
}
}
.footer__top-icons a {
display: flex;
align-items: center;
}
.footer__top-icons a img {
width: 32px;
}
.footer__center {
border-top: 1px solid rgba(255, 255, 255, 0.431372549);
border-bottom: 1px solid rgba(255, 255, 255, 0.431372549);
padding: 32px 0;
}
.footer__center .menu-wrapper {
display: flex;
gap: 24px;
font-size: 19px;
justify-content: center;
flex-direction: column;
align-items: center;
}
@media (min-width: 768px) {
.footer__center .menu-wrapper {
flex-direction: row;
}
}
.footer__center .menu-wrapper .lang-item {
display: none;
}
.footer__bottom {
padding: 32px 0 0 0;
}
.site-footer {
max-width: 100%;
color: white;
background-color: #292866;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.container--m {
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
.container--l {
max-width: 800px;
margin-right: auto;
margin-left: auto;
}
.container--xl {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.container--2xl {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.container--3xl {
max-width: 1440px;
margin-right: auto;
margin-left: auto;
}
.container--center {
margin-right: auto;
margin-left: auto;
}
.elementor-editor-active section {
border: 1px dotted blue;
}
.elementor-editor-active .container .row,
.elementor-editor-active .container .header__container,
.elementor-editor-active .container-fluid .row,
.elementor-editor-active .container-fluid .header__container {
border: 1px dotted green;
}
.elementor-editor-active .container .row .col,
.elementor-editor-active .container .row .header__right,
.elementor-editor-active .container .row .header__left,
.elementor-editor-active .container .header__container .col,
.elementor-editor-active .container .header__container .header__right,
.elementor-editor-active .container .header__container .header__left,
.elementor-editor-active .container-fluid .row .col,
.elementor-editor-active .container-fluid .row .header__right,
.elementor-editor-active .container-fluid .row .header__left,
.elementor-editor-active .container-fluid .header__container .col,
.elementor-editor-active .container-fluid .header__container .header__right,
.elementor-editor-active .container-fluid .header__container .header__left {
border: 1px dotted red;
}
.elementor-editor-active .header__desktop nav ul,
.elementor-editor-active .header__mobile-container {
border: 1px dotted black;
}
.elementor-editor-active .header__mobile-container > div {
border: 1px dotted red;
}
.elementor-editor-active .grid-col {
border: 1px dotted black;
}
.elementor-editor-active .header__desktop-container-fixed {
border: 1px dotted green;
}
.elementor-editor-active .grid-col.right {
border: 2px solid red;
}
.elementor-editor-active .grid-col.left {
border: 2px solid blue;
}
.text-block > * {
margin: 16px 0 0 0;
}
.text-block > *:first-child {
margin: 0;
}
.text-block > *.btn {
margin: 24px 0 0 0;
}
.text-block__description p + p {
margin: 8px 0 0 0;
}
.text-block__actions {
display: flex;
gap: 16px;
}
@media (max-width: 500px) {
.text-block__actions {
flex-direction: column;
}
}
.text-block--center {
text-align: center;
}
.text-block--right {
text-align: right;
}
.text-block ul {
padding: 16px 0 0 18px;
text-align: left;
}
.text-block ul li {
list-style: square;
margin: 0 0 4px 0;
}
.text-block ul li::marker {
color: inherit;
}
.text-block h3 a {
text-decoration: underline !important;
}
.text-block h2 span {
font-size: 29px;
}
.accordion {
border-bottom: 0;
}
.accordion-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1215686275);
margin-bottom: -1px;
}
.accordion-item:first-child .accordion-content {
display: block;
}
.accordion-item.active .accordion-content {
display: block;
}
.accordion-item.active .accordion-title {
padding: 16px 16px 16px 0;
}
@media (min-width: 769px) {
.accordion-item.active .accordion-title {
padding: 24px 0;
}
}
.accordion-item.active .accordion-title span {
transform: rotate(-90deg);
}
.accordion-title {
padding: 16px 32px 16px 0;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 769px) {
.accordion-title {
font-size: 19px;
line-height: 27px;
padding: 16px 0;
}
}
.accordion-title .arrow {
height: 15px;
position: absolute;
right: 10px;
}
.accordion-title span {
height: 18px;
width: 17px;
position: absolute;
right: 13px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-right-black.svg);
background-size: 15px;
transform: rotate(90deg);
background-repeat: no-repeat;
}
@media (min-width: 769px) {
.accordion-title span {
right: 0;
}
}
.accordion-content {
padding: 0 37px 16px 0;
display: none;
}
@media (min-width: 769px) {
.accordion-content {
padding: 0 48px 24px 0;
}
}
.box-images {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
max-width: 350px;
margin: 0 auto;
}
@media (min-width: 769px) {
.box-images {
gap: 32px;
max-width: 100%;
}
}
.box-images__element {
width: 100%;
text-align: center;
position: relative;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: top;
background-size: 19vw;
}
@media (min-width: 769px) {
.box-images__element {
width: calc(33.3333333333% - 22px);
}
}
@media (min-width: 1199px) {
.box-images__element {
background-size: 240px;
}
}
.box-images__element a {
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.box-images__element img {
width: 100%;
height: 64vw !important;
object-fit: cover;
}
@media (min-width: 769px) {
.box-images__element img {
height: 25vw !important;
}
}
@media (min-width: 1200px) {
.box-images__element img {
height: 290px !important;
}
}
.box-images__element figcaption {
margin: 8px 0 16px 0;
}
@media (min-width: 769px) {
.box-images__element figcaption {
margin: 24px 0 32px 0;
}
}
.box-images__element:nth-last-child(-n+2) figcaption {
margin: 8px 0 0 0;
}
@media (min-width: 769px) {
.box-images__element:nth-last-child(-n+3) figcaption {
margin: 24px 0 0 0;
}
}
.box-images__element:hover figcaption {
text-decoration: underline;
}
.breadcrumbs {
display: inline;
list-style: none;
padding: 0;
margin: 0;
font-size: 13px;
}
@media (min-width: 769px) {
.breadcrumbs {
font-size: 15px;
}
}
.breadcrumbs-item {
margin: 0 8px 0 0;
}
@media (min-width: 769px) {
.breadcrumbs-item {
margin: 0 16px 0 0;
}
}
.breadcrumbs-item:first-child:before {
display: none;
}
.breadcrumbs-item a {
text-decoration: none;
}
.breadcrumbs-item:before {
content: ">";
padding: 0 5px;
position: relative;
left: -4px;
}
@media (min-width: 769px) {
.breadcrumbs-item:before {
left: -8px;
}
}
.card__image {
position: relative;
height: 250px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
}
.card__image .main-img {
width: 100%;
object-fit: cover;
height: 100%;
}
.card__image .card-label {
background-color: #ff7761;
color: white;
height: 30px;
display: inline-flex;
align-items: center;
top: -16px;
right: 16px;
position: absolute;
height: 48px;
width: 58px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 769px) {
.card__image .card-label {
height: 70px;
width: 70px;
top: -24px;
right: 24px;
}
}
.card__image + .card__info {
margin: 24px 0 0 0;
}
.card__info {
padding: 0 16px;
}
.card__info > div {
margin: 16px 0 0 0;
}
.card__info > div:first-child {
margin: 0;
}
.card__info-description.custom-scrollbar {
max-height: 148px;
overflow: auto;
padding: 0 16px 0 0;
}
.card__info-btn {
margin: 24px 0 0 0 !important;
}
.card-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 32px;
}
.card-group .card {
width: 100%;
margin: 0 0 0 0;
}
@media (min-width: 600px) {
.card-group .card {
width: calc(50% - 16px);
}
}
@media (min-width: 992px) {
.card-group .card {
width: calc(33.3333333333% - 22px);
}
}
.card-group .card:last-child {
margin: 0;
}
@media (min-width: 600px) {
.card-group .card:nth-last-child(-n+2) {
margin: 0;
}
}
@media (min-width: 992px) {
.card-group .card:nth-last-child(-n+3) {
margin: 0 0 0 0;
}
}
.card-group--2col {
gap: 64px;
}
.card-group--2col .card {
width: 100%;
max-width: 400px;
margin: 0 0 24px 0;
}
@media (min-width: 769px) {
.card-group--2col .card {
width: calc(50% - 32px);
max-width: 100%;
}
}
.card-group--4col {
gap: 64px;
}
@media (min-width: 1199px) {
.card-group--4col {
gap: 32px;
}
}
.card-group--4col .card {
width: 100%;
max-width: 400px;
margin: 0 0 24px 0;
}
@media (min-width: 769px) {
.card-group--4col .card {
width: calc(50% - 32px);
max-width: 100%;
}
}
@media (min-width: 1199px) {
.card-group--4col .card {
width: calc(25% - 24px);
}
.card-group--4col .card:nth-last-child(-n+4) {
margin: 0 0 0 0;
}
}
@media (min-width: 769px) {
.card-group--4col .card .card__image {
height: 380px;
}
}
@media (min-width: 1199px) {
.card-group--4col .card .card__image {
height: 200px;
}
}
.card-group--5col {
gap: 24px;
}
.card-group--5col .card {
width: calc(50% - 32px);
max-width: 400px;
margin: 0 0 0 0;
}
@media (min-width: 769px) {
.card-group--5col .card {
width: calc(20% - 26px);
}
.card-group--5col .card:nth-last-child(-n+5) {
margin: 0 0 0 0;
}
}
.card-group--5col .card .card__image {
height: 200px;
}
@media (max-width: 768px) {
.card-group--5col .card {
padding: 16px 24px !important;
}
.card-group--5col .card .card__image {
height: 70px !important;
}
.card-group--5col .card .card__info {
padding: 0;
}
}
.card-group--center {
text-align: center;
}
.card-group--center .card__info-header > div:last-child {
text-align: center;
}
.card-group--right {
text-align: right;
}
.mc-custom--height-description .card__info-description {
overflow: auto;
height: 148px;
padding: 0 16px 0 0;
}
.mc-custom--extra-image .card__image {
height: 250px;
}
@media (min-width: 769px) {
.mc-custom--extra-image .card__image {
height: 380px;
}
}
.mc-custom--icon .card__image {
height: 100px !important;
background-image: none;
}
.mc-custom--icon .card__image img {
object-fit: contain;
}
.mcg-style1 .card {
background-color: rgba(255, 255, 255, 0.0509803922);
padding: 32px;
}
.mcg-style2 .card {
background-color: #F0F2FC;
padding: 24px 32px;
}
.cky-consent-container .cky-consent-bar {
border: 0 !important;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 16px !important;
border-radius: 0 !important;
padding: 24px !important;
}
@media (min-width: 769px) {
.cky-consent-container .cky-consent-bar {
padding: 32px !important;
}
}
.cky-notice-btn-wrapper {
gap: 8px;
margin-top: 24px !important;
}
.cky-consent-container {
width: 100% !important;
max-width: 530px !important;
}
.cky-btn {
border: 1px solid black !important;
border-radius: 4px !important;
height: 48px;
padding: 0;
font-weight: normal !important;
}
.cky-btn:hover {
background-color: black !important;
color: white !important;
}
.cky-prefrence-btn-wrapper {
padding: 32px 32px 32px 32px !important;
gap: 8px;
}
.cky-modal {
border-radius: 0 !important;
border: 0 !important;
}
.cky-preference-center {
border-radius: 0 !important;
}
.cky-preference-header {
padding: 32px 32px 16px 32px !important;
}
.cky-preference-body-wrapper {
padding: 0 32px !important;
}
button.cky-show-desc-btn:not(:hover):not(:active) {
color: black !important;
text-decoration: underline;
}
button.cky-show-desc-btn:not(:hover):not(:active):hover {
color: black !important;
}
button.cky-show-desc-btn:hover {
color: black !important;
text-decoration: underline !important;
}
.cky-accordion-item .cky-accordion-header {
justify-content: flex-start !important;
align-items: center !important;
gap: 16px !important;
}
.cky-accordion-header .cky-always-active {
color: #00a48e !important;
}
.cky-audit-table {
border-radius: 0 !important;
background-color: #F7F7F7 !important;
padding: 16px 24px !important;
font-size: 14px !important;
}
.cky-overlay {
opacity: 0.5 !important;
}
.cky-custom-brand-logo-wrapper,
.cky-notice .cky-title,
.cky-notice-des,
.cky-notice-btn-wrapper {
padding: 0 !important;
}
.cky-preference-header .cky-btn-close img {
margin: 0;
height: 15px !important;
width: 15px !important;
position: absolute;
top: 20px;
right: 20px;
}
.cky-btn-revisit-wrapper {
z-index: 21 !important;
}
.dropdown {
position: relative;
}
@media (min-width: 992px) {
.dropdown {
flex-direction: row;
}
}
.dropdown > a {
display: flex;
gap: 4px;
}
.dropdown > a:after {
content: "";
position: absolute;
height: 50px;
width: 100%;
left: 0;
}
.dropdown > a span.arrow {
display: block;
height: 15px;
width: 15px;
background-image: url(//www.valentziarrak.eus/wp-content/themes/images/arrow-down-white.svg);
background-size: 11px;
background-repeat: no-repeat;
background-position: center bottom;
margin: 5px 0 0 0;
}
.dropdown__submenu {
list-style-type: none;
padding: 0;
margin: 0;
display: none;
position: relative;
top: 100%;
left: 0;
z-index: 1;
width: auto;
top: 0;
background-color: #F7F7F7;
padding: 16px;
color: black;
margin: 16px 0 16px 0;
}
@media (min-width: 992px) {
.dropdown__submenu {
position: absolute;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 16px 16px;
padding: 32px 32px 19px 32px;
background-color: white;
width: 200px;
left: -32px;
top: 48px;
margin: 0;
}
}
.dropdown__submenu:after {
content: "";
position: absolute;
bottom: -13px;
left: 0;
width: 100%;
border-bottom: 13px solid white;
display: none;
}
@media (min-width: 992px) {
.dropdown__submenu:after {
display: block;
}
}
.dropdown__submenu > li > a {
display: block;
text-decoration: none;
margin: 0 0 24px 0;
width: max-content;
}
.dropdown__submenu > li > a:hover {
font-weight: 600;
}
.dropdown__submenu > li:last-child a {
margin: 0;
}
.dropdown.open span.arrow {
transform: rotate(180deg);
margin: 8px 0 0 0;
}
.form__text-up {
position: relative;
}
.form__text-up input {
width: calc(100% - 49px);
border: 1px solid #000;
font-size: 16px;
background-color: transparent !important;
height: 45px;
padding: 0 24px;
outline: none;
border-radius: 0;
}
@media (min-width: 769px) {
.form__text-up input {
height: 48px;
}
}
.form__text-up input:focus + label, .form__text-up input:not(:placeholder-shown) + label {
top: -10px;
left: 15px;
font-size: 12px;
color: black;
transform: none;
}
.form__text-up label {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
transition: all 0.2s ease;
pointer-events: none;
background: white;
padding: 0 10px;
height: 20px;
display: flex;
align-items: center;
color: gray;
font-size: 16px;
z-index: 1;
}
.form__textarea-up {
position: relative;
}
.form__textarea-up textarea {
width: 100%;
padding: 24px;
font-size: 16px;
box-sizing: border-box;
border: 1px solid #000;
resize: none;
height: 150px;
outline: none;
font-family: inherit;
margin: 0 0 -7px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0; }
.form__textarea-up textarea:focus + label, .form__textarea-up textarea:not(:placeholder-shown) + label {
top: -7px;
left: 15px;
font-size: 12px;
color: #000;
background-color: white;
padding: 0 10px;
}
.form__textarea-up label {
position: absolute;
top: 20px;
left: 10px;
color: gray;
font-size: 16px;
pointer-events: none;
transition: all 0.2s ease-out;
background-color: white;
padding: 0 10px;
margin: 0;
}
.form__select-up {
position: relative;
}
.form__select-up select {
width: 100%;
border: 1px solid #000;
font-size: 16px;
background-color: #fff;
appearance: none;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Arrow-down.svg/800px-Arrow-down.svg.png);
background-size: 20px;
background-repeat: no-repeat;
background-position: right 10px center;
height: 47px;
padding: 0 24px;
outline: none;
color: inherit;
}
@media (min-width: 769px) {
.form__select-up select {
height: 50px;
}
}
.form__select-up select option[value=""] {
display: none;
}
.form__select-up label {
position: absolute;
top: 50%;
left: 10px;
transition: all 0.2s ease;
pointer-events: none;
background: white;
padding: 0 10px;
color: gray;
font-size: 16px;
z-index: 1;
display: flex;
align-items: center;
height: 20px;
}
.form__radiobutton {
position: relative;
display: flex;
align-items: center;
}
.form__radiobutton-group {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 769px) {
.form__radiobutton-group {
flex-direction: row;
gap: 32px;
}
}
.form__radiobutton input {
display: none;
}
.form__radiobutton input:checked + label::after {
opacity: 1;
}
.form__radiobutton input:checked + label::before {
background: #000000;
border-color: #000000;
}
.form__radiobutton label {
position: relative;
padding-left: 32px;
cursor: pointer;
user-select: none;
}
.form__radiobutton label:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: 1px solid #000;
border-radius: 50%;
background: #fff;
transition: all 0.3s ease;
}
.form__radiobutton label:after {
content: "";
position: absolute;
left: 7px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
opacity: 0;
transition: all 0.3s ease;
}
.form__checkbox {
position: relative;
display: flex;
align-items: center;
margin: 0 0 16px 0;
}
.form__checkbox:last-child {
margin: 0 0 0 0;
}
.form__checkbox input {
display: none;
}
.form__checkbox input:checked + label::before {
background: #000000;
border-color: #000000;
}
.form__checkbox input:checked + label::after {
opacity: 1;
}
.form__checkbox label {
position: relative;
padding-left: 32px;
cursor: pointer;
user-select: none;
}
.form__checkbox label:before {
content: "";
position: absolute;
left: 0;
top: 15px;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: 1px solid #000000;
background: #fff;
transition: all 0.3s ease;
}
.form__checkbox label:after {
content: "";
position: absolute;
left: 7px;
top: 13px;
transform: translateY(-50%) rotate(45deg);
width: 6px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
opacity: 0;
transition: all 0.3s ease;
}
.form__upload {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 769px) {
.form__upload {
flex-direction: row;
align-items: center;
}
}
.form__upload input {
display: none;
}
.form__upload span {
margin: 8px 0 0 0;
}
@media (min-width: 769px) {
.form__upload span {
margin: 0 0 0 16px;
}
}
.form__calendar {
position: relative;
}
.form__calendar input {
width: 100%;
font-size: 16px;
border: 1px solid black;
box-sizing: border-box;
position: relative;
height: 47px;
padding: 0 24px;
z-index: 1;
background-image: url(//www.valentziarrak.eus/wp-content/themes/images/icon-calendar.svg);
background-size: 25px;
background-repeat: no-repeat;
background-position: right 10px center;
outline: none;
}
@media (min-width: 769px) {
.form__calendar input {
height: 50px;
}
}
.form__calendar label {
position: absolute;
top: 12px;
left: 10px;
font-size: 16px;
color: gray;
pointer-events: none;
transition: 0.2s ease all;
background: white;
padding: 0 10px;
z-index: 2;
}
.form__calendar label.active {
top: -9px;
left: 15px;
font-size: 12px;
color: black;
}
.form__group {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 19;
display: flex;
flex-direction: column;
gap: 8px;
width: 50px;
height: 50px;
}
@media (min-width: 992px) {
.form__group {
bottom: 48px;
right: 48px;
}
}
.form__group-element {
background-color: black;
color: white;
width: 50px;
height: 50px;
border-radius: 50px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
transition: all 250ms;
}
.form__group-element button {
width: 100%;
height: 100%;
border-radius: 50px;
border: 0;
background-color: transparent;
align-items: center;
justify-content: center;
}
.form__group-element:nth-last-child(2), .form__group-element:nth-last-child(3) {
bottom: 0;
}
.form__group-element img {
height: 26px;
width: 26px;
}
.form__group-element.whatsapp {
background-color: #1ea321;
}
.form__group.open .form__group-element:nth-last-child(2) {
bottom: 58px;
}
.form__group.open .form__group-element:nth-last-child(3) {
bottom: 116px;
}
.form__group.open .form__group-element.close-open {
background-color: white;
}
#ui-datepicker-div {
padding: 24px;
border: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 4px;
font-family: inherit;
}
#ui-datepicker-div .ui-datepicker {
background: #fff;
border: 1px solid #3498db;
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 2;
}
#ui-datepicker-div .ui-datepicker-header {
background: white;
color: #fff;
border: 0;
margin: 0 0 12px 0;
padding: 0;
}
#ui-datepicker-div .ui-datepicker-title {
display: flex;
gap: 8px;
}
#ui-datepicker-div .ui-datepicker-title select {
color: black;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
border: 1px solid #F7F7F7;
background: #F7F7F7;
color: black;
display: flex;
align-items: center;
justify-content: center;
padding: 7px 0;
}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-datepicker-days-cell-over {
border: 1px solid black;
background: black;
color: white;
}
#ui-datepicker-div .ui-datepicker-current-day,
#ui-datepicker-div .ui-datepicker-today {
border: 1px solid transparent !important;
background: transparent !important;
color: black !important;
}
#ui-datepicker-div td a.ui-state-default:hover {
background-color: black !important;
color: white;
}
#ui-datepicker-div .ui-icon-circle-triangle-e {
background-position: -34px -2px;
}
#ui-datepicker-div .ui-icon-circle-triangle-w {
background-position: -100px -2px;
}
#ui-datepicker-div .ui-datepicker-buttonpane {
display: none;
}
#ui-datepicker-div td {
padding: 2px !important;
}
#ui-datepicker-div th {
font-weight: normal;
}
#ui-datepicker-div .ui-datepicker-title select {
color: #000;
width: 47%;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #929292;
font-weight: normal;
font-size: 15px;
}
#ui-datepicker-div table {
margin: 0;
}
.gallery-fullscreen {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
}
@media (min-width: 769px) {
.gallery-fullscreen {
gap: 24px;
}
}
.gallery-fullscreen__element {
width: calc(50% - 8px);
height: 38vw;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
position: relative;
}
@media (min-width: 500px) {
.gallery-fullscreen__element {
width: calc(33.3333333333% - 11px);
height: 26vw;
}
}
@media (min-width: 769px) {
.gallery-fullscreen__element {
width: calc(25% - 18px);
height: 21vw;
}
}
@media (min-width: 1200px) {
.gallery-fullscreen__element {
height: 250px;
}
}
.gallery-fullscreen__element img {
width: 100%;
cursor: pointer;
object-fit: cover;
height: 100%;
}
.gallery-fullscreen__element:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
background-size: 20px;
opacity: 0.2;
background-position: center;
background-color: white;
background-repeat: no-repeat;
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/09/icon-magny-black.svg);
}
.mgf-custom--container-fluid .container {
max-width: 100%;
}
.mgf-custom--container-fluid .container .row {
padding: 0;
}
.mgf-custom--container-fluid .gallery-fullscreen__element {
height: 38vw;
}
@media (min-width: 500px) {
.mgf-custom--container-fluid .gallery-fullscreen__element {
height: 20vw;
}
}
#elementor-lightbox-slideshow-single-img {
display: none !important;
}
.grid {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
margin: 0 0 24px 0;
}
@media (max-width: 768px) {
.grid {
gap: 16px;
margin: 0 0 16px 0;
}
.grid .card__info-description {
height: auto;
}
}
@media (min-width: 769px) {
.grid {
flex-direction: row;
}
}
.grid-col {
width: 100%;
}
.grid-col-image {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
}
.grid-col-video .video {
height: 65vw;
}
@media (min-width: 992px) {
.grid-col-video .video {
height: 30vw;
}
}
.grid-col-video .video__media {
padding-bottom: 100%;
}
.grid-col--form-style {
background-color: #F0F2FC;
padding: 24px 24px 0 24px;
}
@media (min-width: 769px) {
.grid-col--form-style {
padding: 48px 48px 0 48px;
}
}
.grid-col--form-style .wpcf7-form input, .grid-col--form-style .wpcf7-form textarea,
.grid-col--form-style .wpcf7-form label {
background-color: #F0F2FC;
}
.grid-col--form-style .wpcf7-form .wpcf7-submit {
background-color: #292866 !important;
}
.grid.separator {
gap: 80px !important;
}
@media (min-width: 769px) {
.grid.separator {
gap: 112px !important;
}
}
.grid.separator .grid-col {
position: relative;
}
.grid.separator .grid-col:first-child:before {
content: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icn-detail-dots-vertical.svg);
width: 2px;
position: absolute;
height: 80%;
left: -57px;
overflow: hidden;
top: 0;
bottom: 0;
margin: auto;
}
@media (max-width: 768px) {
.grid.separator .grid-col:first-child:before {
content: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icn-detail-dots.png);
width: 100%;
height: 20px;
left: 0;
top: -53px;
bottom: auto;
}
}
.grid:last-child {
margin: 0;
}
.mg-custom--xl .container .row .col > .grid {
gap: 32px;
}
@media (min-width: 992px) {
.mg-custom--xl .container .row .col > .grid {
gap: 96px;
}
}
.mg-custom--30-70 .container .row .col > .grid > .grid-col:first-child {
width: 100%;
}
@media (min-width: 769px) {
.mg-custom--30-70 .container .row .col > .grid > .grid-col:first-child {
width: 30%;
}
}
.mg-custom--30-70 .container .row .col > .grid > .grid-col:last-child {
width: 100%;
}
@media (min-width: 769px) {
.mg-custom--30-70 .container .row .col > .grid > .grid-col:last-child {
width: 70%;
}
}
.mg-custom--40-60 .container .row .col > .grid > .grid-col:first-child {
width: 100%;
}
@media (min-width: 769px) {
.mg-custom--40-60 .container .row .col > .grid > .grid-col:first-child {
width: 40%;
}
}
.mg-custom--40-60 .container .row .col > .grid > .grid-col:last-child {
width: 100%;
}
@media (min-width: 769px) {
.mg-custom--40-60 .container .row .col > .grid > .grid-col:last-child {
width: 60%;
}
}
.mg-custom--flex .container-fluid .row .col > .grid {
gap: 32px;
flex-direction: column-reverse;
align-items: center;
}
@media (min-width: 992px) {
.mg-custom--flex .container-fluid .row .col > .grid {
flex-direction: row;
gap: 0;
}
}
.mg-custom--flex .container-fluid .row .col > .grid .grid-col {
width: 100%;
}
@media (min-width: 992px) {
.mg-custom--flex .container-fluid .row .col > .grid .grid-col {
width: 50%;
}
}
.mg-custom--flex .container-fluid .row .col > .grid .grid-col:first-child {
display: flex;
justify-content: flex-end;
align-items: center;
}
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-box {
max-width: 100%;
padding: 0 12px;
}
@media (min-width: 769px) {
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-box {
padding: 0 24px;
}
}
@media (min-width: 992px) {
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-box {
max-width: 600px;
padding: 0 80px 0 24px;
}
}
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-image {
height: 60vw;
min-height: 350px;
}
@media (min-width: 992px) {
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-image {
height: 550px;
}
}
@media (min-width: 1199px) {
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-image {
height: 35vw;
}
}
.mg-custom--flex .container-fluid .row .col > .grid .grid-col-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mg-custom--flex.u-pb-0 .grid-col-box-container {
margin: 0 0 48px 0;
}
@media (min-width: 992px) {
.mg-custom--flex.u-pb-0 .grid-col-box-container {
margin: 48px 0;
}
}
.mg-custom--flex-reverse .container-fluid .row .col > .grid {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.mg-custom--flex-reverse .container-fluid .row .col > .grid {
flex-direction: row-reverse;
}
}
.mg-custom--flex-reverse .container-fluid .row .col > .grid .grid-col:first-child {
justify-content: flex-start;
}
.mg-custom--flex-reverse .container-fluid .row .col > .grid .grid-col-box {
padding: 0 12px;
}
@media (min-width: 769px) {
.mg-custom--flex-reverse .container-fluid .row .col > .grid .grid-col-box {
padding: 0 24px;
}
}
@media (min-width: 992px) {
.mg-custom--flex-reverse .container-fluid .row .col > .grid .grid-col-box {
padding: 0 24px 0 80px;
}
}
.mg-custom--reverse .container .row .col > .grid {
flex-direction: column-reverse;
}
@media (min-width: 769px) {
.mg-custom--reverse .container .row .col > .grid {
flex-direction: row-reverse;
}
}
.mg-custom--text-images .grid-col.right img {
max-height: 600px;
width: 100%;
object-fit: cover;
}
.mg-custom--text-images .grid-col.right img + img {
margin: 56px 0 0 0;
}
.image-text {
display: flex;
flex-direction: column-reverse;
gap: 32px;
align-items: stretch;
}
@media (min-width: 992px) {
.image-text {
flex-direction: row;
gap: 80px;
}
}
.image-text__left {
width: 100%;
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.image-text__left {
width: 50%;
}
}
.image-text__left .icon {
width: 100px;
height: 100px;
object-fit: contain;
object-position: left;
}
.image-text__right {
width: 100%;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
}
@media (min-width: 992px) {
.image-text__right {
width: 50%;
}
}
.image-text__right img {
width: 100%;
object-fit: cover;
height: 60vw !important;
}
@media (min-width: 769px) {
.image-text__right img {
height: 400px !important;
}
}
.image-text--reverse {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.image-text--reverse {
flex-direction: row-reverse;
}
}
html.open-sheet {
overflow: hidden;
}
.module_image_text-sheet {
position: fixed;
background-color: #F7F9FF;
width: 90vw;
right: -100vw;
top: 0;
z-index: 22;
height: 100vh;
padding: 24px 32px 24px 24px;
overflow: auto;
}
@media (min-width: 768px) {
.module_image_text-sheet {
width: 70vw;
padding: 48px;
}
}
.module_image_text-sheet button {
padding: 0;
background-color: transparent;
border: 0;
}
.module_image_text-sheet button.close {
position: absolute;
top: 24px;
right: 0;
height: 32px;
width: 32px;
}
@media (min-width: 768px) {
.module_image_text-sheet button.close {
right: 4px;
}
}
.module_image_text-sheet button.close:hover {
opacity: 0.5;
}
.module_image_text-sheet-gallery {
display: flex;
gap: 24px;
flex-wrap: wrap;
margin: 32px 0 0 0;
}
.module_image_text-sheet-gallery img {
width: calc(50% - 12px);
}
@media (min-width: 1199px) {
.module_image_text-sheet-gallery img {
width: calc(33.3333333333% - 16px);
}
}
.module_image_text-backdrop {
background-color: rgba(0, 0, 0, 0.5882352941);
width: 100%;
position: fixed;
top: 0;
right: -100vw;
height: 100%;
z-index: 21;
opacity: 0;
}
.module_image_text.open .module_image_text-sheet {
right: 0;
transition: right 350ms;
}
.module_image_text.open .module_image_text-backdrop {
right: 0;
opacity: 1;
transition: opacity 250ms;
}
.video-text {
display: flex;
flex-direction: column-reverse;
gap: 32px;
align-items: stretch;
}
@media (min-width: 992px) {
.video-text {
flex-direction: row;
gap: 80px;
}
}
.video-text__left {
width: 100%;
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.video-text__left {
width: 50%;
}
}
.video-text__right {
width: 100%;
}
@media (min-width: 992px) {
.video-text__right {
width: 50%;
}
}
.video-text__right .video {
height: 60vw;
}
@media (min-width: 992px) {
.video-text__right .video {
height: 360px;
}
}
.video-text__right .video__media {
padding-bottom: 100%;
}
.video-text__right .video__controls-play {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 40px;
width: 40px;
background-size: 40px;
}
.video-text__right .video__controls-pause {
right: 40px;
bottom: 12px;
margin: 0;
height: 20px;
width: 20px;
background-size: 20px;
}
.video-text__right .video__controls-fullscreen {
bottom: 12px;
right: 12px;
height: 20px;
width: 20px;
background-size: 20px;
}
.video-text--reverse {
flex-direction: column-reverse;
}
@media (min-width: 992px) {
.video-text--reverse {
flex-direction: row-reverse;
}
}
.image-info {
display: flex;
flex-wrap: wrap;
gap: 32px;
justify-content: center;
}
@media (min-width: 992px) {
.image-info {
gap: 48px;
}
}
.image-info__element {
width: 100%;
text-align: center;
position: relative;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
overflow: hidden;
height: auto;
}
@media (min-width: 769px) {
.image-info__element {
width: calc(50% - 24px);
}
}
@media (min-width: 992px) {
.image-info__element {
width: calc(50% - 24px);
height: 35vw;
}
}
@media (min-width: 1200px) {
.image-info__element {
height: 380px;
}
}
.image-info__element img {
object-fit: cover;
position: relative;
width: 100%;
height: 280px !important;
}
@media (min-width: 992px) {
.image-info__element img {
position: absolute;
height: 100% !important;
}
}
.image-info__element-content {
position: relative;
bottom: 0;
z-index: 1;
height: auto;
background-color: #000000;
padding: 24px;
transition: all 250ms;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: white;
}
@media (min-width: 992px) {
.image-info__element-content {
position: absolute;
bottom: -315px;
height: 320px;
padding: 32px;
background-color: rgba(0, 0, 0, 0.6196078431);
padding: 32px;
}
}
.image-info__element-content .btn {
border: 1px solid white;
}
.image-info__element-content .btn:hover {
background-color: white;
color: black;
}
@media (min-width: 992px) {
.image-info__element-content-description {
overflow: hidden !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
box-sizing: border-box;
position: relative;
}
}
.image-info__element-content:after {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(0, 0, 0, 0.6196078431);
position: absolute;
top: -10px;
right: 0;
left: 0;
margin: auto;
display: none;
}
@media (min-width: 992px) {
.image-info__element-content:after {
display: block;
}
}
.image-info__element:hover {
cursor: pointer;
}
.image-info__element:hover .image-info__element-content {
bottom: 0;
transition: all 250ms;
}
.video {
position: relative;
display: flex;
height: 60vw;
overflow: hidden;
}
@media (min-width: 1200px) {
.video {
height: 650px;
}
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.video__media {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 0;
padding-bottom: 100%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.video__overlay {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear;
}
.video__overlay--fadeOut {
opacity: 0;
visibility: hidden;
}
.video__controls {
z-index: 10;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.video__controls > * {
opacity: 0.6;
cursor: pointer;
position: absolute;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
border: 0;
padding: 0;
}
.video__controls > *:hover {
opacity: 1;
}
.video__controls-play {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 40px;
width: 40px;
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/play-white.svg);
background-size: 40px;
}
@media (min-width: 992px) {
.video__controls-play {
height: 60px;
width: 60px;
background-size: 60px;
}
}
.video__controls-pause {
right: 45px;
bottom: 12px;
margin: 0;
height: 20px;
width: 20px;
background-size: 20px;
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/pause-white.svg);
}
@media (min-width: 992px) {
.video__controls-pause {
right: 70px;
bottom: 24px;
height: 30px;
width: 30px;
background-size: 30px;
}
}
.video__controls-fullscreen {
bottom: 12px;
right: 12px;
height: 20px;
width: 20px;
background-size: 20px;
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/fullscreen-white.svg);
}
@media (min-width: 992px) {
.video__controls-fullscreen {
bottom: 24px;
right: 24px;
height: 30px;
width: 30px;
background-size: 30px;
}
}
.video-group {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.video-group__element {
width: 100%;
margin: 0 0 32px 0;
}
@media (min-width: 600px) {
.video-group__element {
width: calc(50% - 16px);
margin: 0 0 32px 0;
}
}
@media (min-width: 1199px) {
.video-group__element {
width: calc(33.3333333333% - 22px);
margin: 0 0 32px 0;
}
}
.video-group__element .video {
height: 60vw;
}
@media (min-width: 600px) {
.video-group__element .video {
height: 30vw;
}
}
@media (min-width: 1199px) {
.video-group__element .video {
height: 240px;
}
}
.video-group__element .video__media {
padding-bottom: 100%;
}
.video-group__element .video__controls-play {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 40px;
width: 40px;
background-size: 40px;
}
.video-group__element .video__controls-pause {
right: 40px;
bottom: 12px;
margin: 0;
height: 20px;
width: 20px;
background-size: 20px;
}
.video-group__element .video__controls-fullscreen {
bottom: 12px;
right: 12px;
height: 20px;
width: 20px;
background-size: 20px;
}
.mv-custom--black .video__controls-play {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/play-black.svg);
}
.mv-custom--black .video__controls-pause {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/pause-black.svg);
}
.mv-custom--black .video__controls-fullscreen {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/fullscreen-black.svg);
}
.mv-custom--w100 .container {
max-width: 100%;
}
.mv-custom--w100 .container .row {
padding: 0 !important;
}
.mv-custom--w100 .container .row .video {
height: 65vw;
}
@media (min-width: 992px) {
.mv-custom--w100 .container .row .video {
height: 45vw;
}
}
.lazy {
width: 100%;
height: auto;
display: block;
visibility: hidden;
}
.lazy-container {
max-width: 100%;
overflow: hidden;
}
.lazy.loading {
width: auto !important;
object-fit: contain !important;
margin: 0 auto !important;
max-width: 200px !important;
max-height: 200px !important;
visibility: visible;
}
.lazy:before {
content: "";
border: 2px solid red;
}
.load-cta {
display: flex;
flex-wrap: wrap;
gap: 16px;
width: 100%;
justify-content: center;
}
@media (min-width: 769px) {
.load-cta {
gap: 24px;
}
}
.load-cta__elements {
background-color: gray;
height: 200px;
width: calc(50% - 8px);
display: none;
}
@media (min-width: 769px) {
.load-cta__elements {
width: calc(25% - 18px);
}
}
.load-cta__text {
display: none;
} #masonry-container {
position: relative;
margin: 0 -12px 0 0;
}
@media (min-width: 992px) {
#masonry-container {
margin: 0 0 0 24px;
}
}
.masonry-item {
margin: 0;
width: calc(50% - 0.1px);
position: absolute;
opacity: 0;
transition: opacity 0.5s ease-in-out;
cursor: pointer;
display: none;
padding: 0 12px 12px 0;
}
@media (min-width: 992px) {
.masonry-item {
width: calc(33.3333333333% - 0.5px);
padding: 0 24px 24px 0;
}
}
@media (min-width: 1199px) {
.masonry-item {
width: calc(25% - 0.5px);
}
}
.masonry-item img {
width: 100%;
height: auto;
display: block;
border-radius: 0;
} #load-more-btn {
display: block;
margin: 32px auto 0 auto;
} .visible {
opacity: 1;
display: inline-flex;
} .modal-gallery {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-gallery-content {
display: flex;
justify-content: center;
align-items: center;
max-width: 90vw; max-height: 90vh; overflow: hidden; }
#modalImage {
max-width: 100%;
max-height: 90vh;
object-fit: contain;
}
.modal-gallery-content img {
width: 100%;
height: auto;
border-radius: 5px;
}
.modal-gallery-close, .modal-gallery-prev, .modal-gallery-next {
position: absolute;
top: 10px;
color: white;
font-size: 30px;
cursor: pointer;
}
.modal-gallery-close {
right: 20px;
}
.modal-gallery-close img {
width: 24px;
height: 24px;
}
.modal-gallery-prev {
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.modal-gallery-prev img {
width: 32px;
height: 32px;
transform: rotate(180deg);
}
.modal-gallery-prev img:hover {
opacity: 0.5;
}
.modal-gallery-next {
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.modal-gallery-next img {
width: 32px;
height: 32px;
}
.modal-gallery-next img:hover {
opacity: 0.5;
}
html.open-gallery {
overflow: hidden;
}
.e-con-boxed.open-gallery {
position: relative;
z-index: 21;
}
.mf-custom--container-fullwidth.module_masonry_fullscreen > .container {
max-width: 100%;
}
.mf-custom--container-fullwidth.module_masonry_fullscreen > .container > .row {
padding: 0 !important;
}
@media (min-width: 992px) {
.mf-custom--gallery-images-cover #modalImage {
max-width: 100%;
max-height: 100%;
height: 100%;
width: 100%;
object-fit: cover;
}
.mf-custom--gallery-images-cover .modal-gallery-content {
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.mf-custom--gallery-images-cover .modal-gallery {
width: 100%;
height: 100%;
}
}
.mf-custom--gallery-col5 .masonry-item {
width: calc(50% - 0.1px);
}
@media (min-width: 992px) {
.mf-custom--gallery-col5 .masonry-item {
width: calc(25% - 0.1px);
}
}
@media (min-width: 1199px) {
.mf-custom--gallery-col5 .masonry-item {
width: calc(20% - 0.1px);
}
}
.mf-custom--gallery-col3 .masonry-item {
width: calc(50% - 0.1px);
}
@media (min-width: 992px) {
.mf-custom--gallery-col3 .masonry-item {
width: 33.3333333333%;
}
}
.mf-custom--gallery-col2 .masonry-item {
width: calc(50% - 0.1px);
}
.box {
border: 1px solid black;
padding: 24px;
margin: 0 0 24px 0;
}
.box:last-child {
margin: 0;
}
.entry-content {
margin: 0 !important;
}
.entry-footer {
display: none;
}
.entry-footer .edit-link {
display: block;
}
.entry-footer .edit-link .post-edit-link {
width: 100%;
display: inline-flex;
background-color: black;
color: white;
font-weight: bold;
text-align: center;
height: 48px;
align-items: center;
justify-content: center;
border-radius: 4px;
margin: 128px 0 0 0;
}
.entry-footer .edit-link .post-edit-link:hover {
opacity: 0.8;
}
.page-id-41 .module_breadcrumbs:after,
.page-id-41 .module_html:after,
.page-id-41 .module_text_block:after,
.page-id-41 .module_image:after,
.page-id-41 .module_box_images:after,
.page-id-41 .module_card_group:after,
.page-id-41 .module_image_text:after,
.page-id-41 .module_outstanding_block:after,
.page-id-41 .module_timeline:after,
.page-id-41 .module_text_image_fullwidth:after,
.page-id-41 .module_accordion:after,
.page-id-41 .module_gallery_fullscreen:after,
.page-id-41 .module_slider_v1:after,
.page-id-41 .module_slider_v2:after,
.page-id-41 .module_slider_v3:after,
.page-id-41 .module_slider_v4:after,
.page-id-41 .module_slider_comments:after,
.page-id-41 .module_masonry_gallery:after,
.page-id-41 .module_text_2_columns:after,
.page-id-41 .module_text_3_columns:after,
.page-id-41 .module_contact:after,
.page-id-41 .module_video:after,
.page-id-41 .module_text_video:after,
.page-id-41 .module_text_video_fullwidth:after,
.page-id-41 .module_image_info:after,
.page-id-41 .outstanding-header:after,
.page-id-41 .module_tooltip:after,
.page-id-41 .module_video_group:after {
content: "Lorem ipsum dolor";
color: black;
background-color: #dedede;
z-index: 3;
position: absolute;
top: 5px;
font-size: 10px;
padding: 0 10px;
left: 5px;
border-radius: 20px;
}
.page-id-41 .module_breadcrumbs:after {
content: "Módulo breadcrumbs";
}
.page-id-41 .module_html:after {
content: "Módulo HTML vacío";
}
.page-id-41 .module_text_block:after {
content: "Módulo Bloque de texto";
}
.page-id-41 .module_image:after {
content: "Módulo imagen";
}
.page-id-41 .module_box_images:after {
content: "Módulo Imagen - Título";
}
.page-id-41 .module_card_group:after {
content: "Módulo Grupo de cards";
}
.page-id-41 .module_image_text:after {
content: "Módulo texto imagen";
}
.page-id-41 .module_outstanding_block:after {
content: "Módulo Bloque destacado";
}
.page-id-41 .module_timeline:after {
content: "Módulo timeline";
}
.page-id-41 .module_text_image_fullwidth:after {
content: "Módulo texto imagen fullwidth";
}
.page-id-41 .module_accordion:after {
content: "Módulo acoredeón";
}
.page-id-41 .module_gallery_fullscreen:after {
content: "Módulo Galería fullscreen";
}
.page-id-41 .module_slider_v1:after {
content: "Módulo slider v1";
}
.page-id-41 .module_slider_v2:after {
content: "Módulo slider v2";
}
.page-id-41 .module_slider_v3:after {
content: "Módulo slider v3";
}
.page-id-41 .module_slider_v4:after {
content: "Módulo slider v4";
}
.page-id-41 .module_slider_comments:after {
content: "Módulo slider comentarios";
}
.page-id-41 .module_masonry_gallery:after {
content: "Módulo Galería masonry fullscreen";
}
.page-id-41 .module_text_2_columns:after {
content: "Módulo Texto 2 columnas";
}
.page-id-41 .module_text_3_columns:after {
content: "Módulo Texto 3 columnas";
}
.page-id-41 .module_contact:after {
content: "Módulo Contacto";
}
.page-id-41 .module_video:after {
content: "Módulo Vídeo";
}
.page-id-41 .module_video_group:after {
content: "Módulo Video group";
}
.page-id-41 .module_text_video:after {
content: "Módulo video texto";
}
.page-id-41 .module_text_video_fullwidth:after {
content: "Módulo Texto vídeo - fullwidth";
}
.page-id-41 .module_image_info:after {
content: "Módulo Imagen Info";
}
.page-id-41 .outstanding-header:after {
content: "Módulo Header";
}
.page-id-41 .module_tooltip:after {
content: "Módulo Tooltip";
}
.description p + p {
margin: 24px 0 0 0;
}
.map {
position: relative;
}
.map__element {
width: 100%;
height: 80vh;
z-index: 1;
}
.map__zoom-controls {
position: absolute;
top: 16px;
right: 16px;
display: flex;
flex-direction: column;
z-index: 2;
}
@media (min-width: 769px) {
.map__zoom-controls {
top: 24px;
right: 24px;
}
}
.map__zoom-controls button {
width: 40px;
height: 40px;
border: none;
background: rgba(255, 255, 255, 0.8);
cursor: pointer;
font-family: "Poppins";
font-size: 26px;
}
@media (min-width: 769px) {
.map__zoom-controls button {
width: 60px;
height: 60px;
}
}
.map__zoom-controls button:hover {
background: rgb(255, 255, 255);
}
.map__footer {
position: absolute;
bottom: 0;
z-index: 2;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
padding: 24px;
text-align: center;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08) !important;
}
.leaflet-popup-content-wrapper {
border-radius: 0 !important;
padding: 24px 32px !important;
font-size: 16px;
line-height: 19px;
background-color: rgba(255, 255, 255, 0.8) !important;
}
.leaflet-container a.leaflet-popup-close-button span {
font-size: 18px;
color: rgba(0, 0, 0, 0.4901960784);
top: 3px;
position: relative;
right: 3px;
}
.leaflet-popup-content {
margin: 0 !important;
}
.leaflet-popup {
bottom: 0 !important;
}
.mm-custom--fullwidth .map__footer {
position: absolute;
padding: 24px;
}
.mm-custom--fullwidth .container {
max-width: 100%;
}
.mm-custom--fullwidth .container .row {
padding: 0 !important;
}
.mm-custom--fullwidth .map__element {
height: 65vh;
}
@media (min-width: 769px) {
.mm-custom--fullwidth .map__element {
height: 85vh;
}
}
.module_html p + p {
margin: 16px 0 0 0;
}
@media (min-width: 769px) {
.module_html p + p {
margin: 24px 0 0 0;
}
}
.module_html h1, .module_html h2, .module_html h3, .module_html h4, .module_html h5, .module_html h6 {
margin: 32px 0 16px 0;
}
@media (min-width: 769px) {
.module_html h1, .module_html h2, .module_html h3, .module_html h4, .module_html h5, .module_html h6 {
margin: 48px 0 24px 0;
}
}
.module_html h1:first-child, .module_html h2:first-child, .module_html h3:first-child, .module_html h4:first-child, .module_html h5:first-child, .module_html h6:first-child {
margin: 0 0 16px 0;
}
@media (min-width: 769px) {
.module_html h1:first-child, .module_html h2:first-child, .module_html h3:first-child, .module_html h4:first-child, .module_html h5:first-child, .module_html h6:first-child {
margin: 0 0 24px 0;
}
}
.module_html table {
margin: 24px 0 0 0;
}
@media (min-width: 769px) {
.module_html table {
margin: 32px 0 0 0;
}
}
.module_html h1 {
font-size: 24px;
line-height: 30px;
}
@media (min-width: 769px) {
.module_html h1 {
font-size: 38px;
line-height: 48px;
}
}
.module_html h2, .module_html h3, .module_html h4, .module_html h5, .module_html h6 {
font-size: 19px;
line-height: 24px;
}
@media (min-width: 769px) {
.module_html h2, .module_html h3, .module_html h4, .module_html h5, .module_html h6 {
font-size: 24px;
line-height: 30px;
}
}
.module_html a {
text-decoration: underline !important;
}
.module_html ul {
margin: 16px 0 24px 0;
list-style: circle;
padding: 0 0 0 20px;
}
.module_html ul li {
list-style: disc;
margin: 0 0 8px 0;
}
.modal {
display: none;
position: fixed;
z-index: 21;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(31, 31, 31, 0.8);
align-items: center;
justify-content: center;
opacity: 1;
}
.modal-content {
background-color: #fefefe;
margin: 0;
padding: 0 24px 32px 24px;
width: 100%;
max-width: 800px;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 16px;
position: relative;
max-height: 100vh;
overflow-y: auto;
height: 100%;
}
@media (min-width: 769px) {
.modal-content {
padding: 0 32px 48px 32px;
width: calc(100% - 64px);
margin: 15% auto;
max-height: calc(100vh - 112px);
height: auto;
}
}
.modal-content p {
word-wrap: break-word;
}
.modal-content .header {
background-color: white;
display: flex;
justify-content: space-between;
position: sticky;
top: 0;
padding: 24px 24px 16px 0;
}
@media (min-width: 769px) {
.modal-content .header {
padding: 32px 32px 24px 0;
}
}
.modal-content .header .close {
display: flex;
align-items: center;
margin-right: -24px;
cursor: pointer;
}
@media (min-width: 769px) {
.modal-content .header .close {
margin-right: -32px;
}
}
.modal-content .header .close img {
height: 15px;
width: 15px;
}
@media (min-width: 769px) {
.modal-content .header .close img {
height: 20px;
width: 20px;
}
}
.modal-content .header .close:hover {
opacity: 0.6;
}
.modal-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: #F7F7F7;
}
.modal-content::-webkit-scrollbar {
width: 5px;
background-color: #F7F7F7;
}
.modal-content::-webkit-scrollbar-thumb {
background-color: #c9c9c9;
}
@media (min-width: 769px) {
.modal-content::-webkit-scrollbar-thumb {
background-color: #b2b2b2;
}
}
.outstanding-header {
height: 100vh;
max-height: 1200px;
position: relative;
top: -90px;
margin: 0 0 -90px 0;
}
@media (min-width: 992px) {
.outstanding-header {
top: -120px;
margin: 0 0 -120px 0;
}
}
.outstanding-header__content {
height: 100vh;
max-height: 1200px;
width: 100%;
position: relative;
}
.outstanding-header__content-box {
position: absolute;
top: 120px;
left: 0;
height: calc(100vh - 120px);
width: 100%;
display: flex;
align-items: center;
z-index: 1;
}
.outstanding-header__content-image {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
}
.outstanding-header--slider .container-fluid {
width: 100%;
}
.outstanding-header--slider .outstanding-header__content-box {
height: 100vh;
max-height: 1200px;
top: 0;
}
.outstanding-header--slider .slider-v1-box {
height: 100vh;
max-height: 1200px;
}
@media (min-width: 992px) {
.is-dark-header .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper {
color: white;
}
}
.is-dark-header .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper {
color: black;
}
@media (min-width: 992px) {
.is-dark-header .header__desktop-container-fixed-left .logo a {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/logo-codigobeta-white.png);
}
}
.is-dark-header .header__mobile-container-center span.mobile-logo {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/logo-codigobeta-white.png);
}
.is-dark-header .header__mobile-container-left span.icon-menu {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icon-menu-white.svg);
}
.is-dark-header .outstanding-header .btn {
border: 1px solid white;
}
.is-dark-header .outstanding-header .btn:hover {
border: 1px solid white;
background-color: white;
color: black;
}
.is-dark-header .outstanding-header .custom-buttons button.next,
.is-dark-header .outstanding-header .custom-buttons button.prev {
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/arrow-right-white.svg) !important;
}
.is-dark-header .outstanding-header .custom-buttons button:hover {
opacity: 0.6;
}
.is-dark-header .outstanding-header .slick-dots li.slick-active button:before {
opacity: 1;
color: white;
}
.is-dark-header .outstanding-header .slick-dots li button:before {
color: white;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip-box {
display: none;
position: absolute;
background-color: #ffffff;
padding: 32px;
z-index: 1000;
width: 350px;
box-shadow: rgba(0, 0, 0, 0.1803921569) 0 0 16px;
}
@media (max-width: 768px) {
.tooltip-box {
position: fixed;
top: 0 !important;
width: 100%;
height: 100%;
padding: 24px;
}
}
@media (min-width: 992px) {
.tooltip-box {
width: 650px;
}
}
.tooltip-box-header {
font-size: 19px;
}
.tooltip-box-header button {
position: absolute;
right: 24px;
border: 0;
background-color: transparent;
display: inline-block;
}
@media (min-width: 769px) {
.tooltip-box-header button {
display: none;
}
}
.tooltip-box-header button img {
width: 15px;
}
.tooltip-box-content {
margin: 24px 0 0 0;
}
.tooltip:hover .tooltip-box {
display: block;
}
.tooltip + .tooltip {
margin: 0 0 0 24px;
}
.module_tooltip {
z-index: 20;
}
.tooltip-list ul li {
font-size: 19px;
display: flex;
gap: 16px;
align-items: center;
margin: 0 0 8px 0;
position: relative;
padding: 0 0 0 24px;
}
.tooltip-list ul li:last-child {
margin: 0;
}
.tooltip-list ul li:before {
content: ".";
font-size: 43px;
position: absolute;
left: 0;
line-height: 4px;
margin: -24px 0 0 0;
}
.tooltip-list .tooltip {
font-size: 16px;
}
.tooltip-list .tooltip-button {
padding: 0 8px;
height: 28px;
border-radius: 28px;
font-size: 16px;
}
.module_tooltip_list {
z-index: 20;
}
.separator-dots {
position: relative;
}
.separator-dots:before {
content: "";
width: 90%;
height: 20px;
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icn-detail-dots.png);
display: block;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
background-size: 620px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
@media (min-width: 769px) {
.separator-dots:before {
background-size: auto;
}
}
.separator-dots.u-mt-xl:before {
top: -34px;
}
@media (min-width: 769px) {
.separator-dots.u-mt-xl:before {
top: -42px;
}
}
@media (min-width: 992px) {
.separator-dots.u-mt-xl:before {
top: -58px;
}
}
.separator-dots.u-mt-2xl:before {
top: -38px;
}
@media (min-width: 769px) {
.separator-dots.u-mt-2xl:before {
top: -47px;
}
}
@media (min-width: 992px) {
.separator-dots.u-mt-2xl:before {
top: -66px;
}
}
.separator-dots.u-mt-3xl:before {
top: -42px;
}
@media (min-width: 769px) {
.separator-dots.u-mt-3xl:before {
top: -52.5px;
}
}
@media (min-width: 992px) {
.separator-dots.u-mt-3xl:before {
top: -74px;
}
}
.separator-dots.u-mt-4xl:before {
top: -46px;
}
@media (min-width: 769px) {
.separator-dots.u-mt-4xl:before {
top: -58px;
}
}
@media (min-width: 992px) {
.separator-dots.u-mt-4xl:before {
top: -82px;
}
}
.separator-triangles-top {
position: relative;
}
.separator-triangles-top:before {
content: "";
width: 100%;
height: 20px;
background-image: url(//www.valentziarrak.eus/wp-content/themes/images/icn-detail-triangles.png);
display: block;
background-repeat: repeat-x;
background-position: center;
position: absolute;
top: -7px;
transform: rotate(180deg);
}
.separator-triangles-bottom {
position: relative;
}
.separator-triangles-bottom:before {
content: "";
width: 100%;
height: 20px;
background-image: url(//www.valentziarrak.eus/wp-content/themes/images/icn-detail-triangles.png);
display: block;
background-repeat: repeat-x;
background-position: center;
position: absolute;
bottom: -7px;
}
.slider {
display: flex;
transition: transform 0.3s ease-in-out;
height: auto !important;
}
.slider-container {
position: relative;
width: 100%;
--slides-to-show: 1;
padding: 0 24px 32px 24px;
transition: all 250ms;
height: auto !important;
display: flex;
justify-content: center;
}
@media (min-width: 769px) {
.slider-container {
padding: 0 32px 32px 32px;
}
}
@media (min-width: 1300px) {
.slider-container {
padding: 0 0 32px 0;
}
}
.slider-container-block {
overflow: hidden;
width: 100%;
}
.slider-container .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
cursor: pointer;
z-index: 1;
display: none;
width: 24px;
height: 24px;
background-size: 24px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-right-black.svg);
}
@media (min-width: 769px) {
.slider-container .arrow {
width: 32px;
height: 32px;
background-size: 32px;
}
}
@media (min-width: 769px) {
.slider-container .arrow:hover {
opacity: 0.4;
}
}
.slider-container .arrow.left {
left: -8px;
transform: rotate(180deg);
margin-top: -12px;
}
@media (min-width: 769px) {
.slider-container .arrow.left {
left: -16px;
margin-top: -16px;
}
}
@media (min-width: 1300px) {
.slider-container .arrow.left {
left: -48px;
}
}
.slider-container .arrow.right {
right: -8px;
}
@media (min-width: 769px) {
.slider-container .arrow.right {
right: -16px;
}
}
@media (min-width: 1300px) {
.slider-container .arrow.right {
right: -48px;
}
}
.slider__element {
flex: 0 0 calc(100% / var(--slides-to-show, 1));
box-sizing: border-box;
text-align: center;
}
.slider__element-box {
height: 60vw;
position: relative;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/loading-fondo-trans-negro.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 300px;
}
@media (min-width: 1199px) {
.slider__element-box {
height: 650px;
}
}
.slider__element-box-action {
position: absolute;
bottom: 0;
width: calc(100% - 24px);
height: 0%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: all 250ms;
}
.slider__element-box:hover .slider__element-box-action {
height: 100%;
transition: all 250ms;
}
.slider__element-box img {
object-fit: cover;
width: 100%;
height: 100% !important;
}
.slider__element-box--height-auto {
height: auto !important;
}
.slider__element-box-value {
display: flex;
justify-content: center;
gap: 8px;
}
.slider__element-box-value .star {
display: block;
width: 22px;
height: 22px;
background-size: 22px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-star.svg);
}
.slider__element-box-value.stars-4 span:last-child {
opacity: 0.1;
}
.slider__element-box-value.stars-3 span:last-child, .slider__element-box-value.stars-3 span:nth-last-child(2) {
opacity: 0.1;
}
.slider__element-box-value.stars-2 span:last-child, .slider__element-box-value.stars-2 span:nth-last-child(2), .slider__element-box-value.stars-2 span:nth-last-child(3) {
opacity: 0.1;
}
.slider__element-box-value.stars-1 span:last-child, .slider__element-box-value.stars-1 span:nth-last-child(2), .slider__element-box-value.stars-1 span:nth-last-child(3), .slider__element-box-value.stars-1 span:nth-last-child(4) {
opacity: 0.1;
}
.slider__navigation {
display: flex;
justify-content: center;
position: absolute;
width: 100%;
bottom: 0;
}
.slider__navigation li {
list-style: none;
margin: 0 6px;
width: 7px;
height: 7px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.1019607843);
cursor: pointer;
}
.slider__navigation li:hover {
background-color: black;
}
.slider__navigation .active {
background: black;
}
.slider--comments .slider-container {
padding: 0 0 48px 0 !important;
}
.slider--comments .slider__element-box {
padding: 0 24px !important;
background-image: none;
}
@media (min-width: 769px) {
.slider--comments .slider__element-box {
padding: 0 32px !important;
}
}
.slider--comments .slider__element-box p + p {
margin: 8px 0 0 0;
}
.slider--comments .slider__element-box .slider__element-box-value + p {
margin: 24px 0 0 0;
}
.s-custom--col-5 .slider {
margin: 0 -8px;
}
.s-custom--col-5 .slider-container {
--slides-to-show: 1;
}
@media (min-width: 480px) {
.s-custom--col-5 .slider-container {
--slides-to-show: 2;
}
}
@media (min-width: 769px) {
.s-custom--col-5 .slider-container {
--slides-to-show: 3;
}
}
@media (min-width: 992px) {
.s-custom--col-5 .slider-container {
--slides-to-show: 4;
}
}
@media (min-width: 1199px) {
.s-custom--col-5 .slider-container {
--slides-to-show: 5;
}
}
.s-custom--col-5 .slider__element-box {
padding: 0 8px;
}
@media (min-width: 480px) {
.s-custom--col-5 .slider__element-box {
height: 35vw;
}
}
@media (min-width: 768px) {
.s-custom--col-5 .slider__element-box {
height: 22vw;
}
}
@media (min-width: 992px) {
.s-custom--col-5 .slider__element-box {
height: 17vw;
}
}
@media (min-width: 1199px) {
.s-custom--col-5 .slider__element-box {
height: 180px;
}
}
.s-custom--col-4 .slider {
margin: 0 -8px;
}
.s-custom--col-4 .slider-container {
--slides-to-show: 1;
}
@media (min-width: 480px) {
.s-custom--col-4 .slider-container {
--slides-to-show: 2;
}
}
@media (min-width: 769px) {
.s-custom--col-4 .slider-container {
--slides-to-show: 3;
}
}
@media (min-width: 992px) {
.s-custom--col-4 .slider-container {
--slides-to-show: 4;
}
}
.s-custom--col-4 .slider__element-box {
padding: 0 0;
}
@media (min-width: 480px) {
.s-custom--col-4 .slider__element-box {
height: 35vw;
padding: 0 12px;
}
}
@media (min-width: 768px) {
.s-custom--col-4 .slider__element-box {
height: 22vw;
}
}
@media (min-width: 992px) {
.s-custom--col-4 .slider__element-box {
height: 18vw;
}
}
@media (min-width: 1199px) {
.s-custom--col-4 .slider__element-box {
height: 210px;
}
}
.s-custom--col-3 .slider {
margin: 0 -12px;
}
.s-custom--col-3 .slider-container {
--slides-to-show: 1;
}
@media (min-width: 480px) {
.s-custom--col-3 .slider-container {
--slides-to-show: 2;
}
}
@media (min-width: 769px) {
.s-custom--col-3 .slider-container {
--slides-to-show: 3;
}
}
.s-custom--col-3 .slider__element-box {
padding: 0 12px;
height: 60vw;
}
@media (min-width: 480px) {
.s-custom--col-3 .slider__element-box {
height: 35vw;
}
}
@media (min-width: 768px) {
.s-custom--col-3 .slider__element-box {
height: 25vw;
}
}
@media (min-width: 1199px) {
.s-custom--col-3 .slider__element-box {
height: 300px;
}
}
.s-custom--col-2 .slider {
margin: 0 -12px;
}
@media (min-width: 992px) {
.s-custom--col-2 .slider {
margin: 0 -24px;
}
}
.s-custom--col-2 .slider-container {
--slides-to-show: 1;
}
@media (min-width: 480px) {
.s-custom--col-2 .slider-container {
--slides-to-show: 2;
}
}
.s-custom--col-2 .slider__element-box {
padding: 0 12px;
height: 60vw;
}
@media (min-width: 480px) {
.s-custom--col-2 .slider__element-box {
height: 35vw;
}
}
@media (min-width: 992px) {
.s-custom--col-2 .slider__element-box {
padding: 0 24px;
}
}
@media (min-width: 1199px) {
.s-custom--col-2 .slider__element-box {
height: 430px;
}
}
.s-custom--slides-space-ko .slider__element-box {
padding: 0;
}
.s-custom--slides-space-ko .slider {
margin: 0;
}
.s-custom--arrows-inside .slider-container .arrow.right {
right: 16px;
}
@media (min-width: 769px) {
.s-custom--arrows-inside .slider-container .arrow.right {
right: 24px;
}
}
.s-custom--arrows-inside .slider-container .arrow.left {
left: 16px;
}
@media (min-width: 769px) {
.s-custom--arrows-inside .slider-container .arrow.left {
left: 24px;
}
}
.s-custom--full-width > .container {
max-width: 100%;
}
.s-custom--full-width > .container > .u-px-contain {
padding: 0 !important;
}
.s-custom--full-width > .container .slider-container {
padding-right: 0;
padding-left: 0;
}
.s-custom--overflow-width > .container {
max-width: 100%;
}
.s-custom--overflow-width > .container .slider-container {
width: 100%;
}
.s-custom--overflow-width > .container .slider-container .arrow.left {
left: 0;
}
.s-custom--overflow-width > .container .slider-container .arrow.right {
right: 0;
}
.s-custom--overflow-width > .container .slider-container .slider-container-block {
max-width: 1200px;
overflow: visible;
padding: 0 12px;
}
@media (min-width: 769px) {
.s-custom--overflow-width > .container .slider-container .slider-container-block {
padding: 0 24px;
}
}
.s-custom--space-full-width > .container {
max-width: 100%;
}
.s-custom--space-full-width > .container > .u-px-contain {
padding: 0 32px !important;
}
@media (min-width: 769px) {
.s-custom--space-full-width > .container > .u-px-contain {
padding: 0 48px !important;
}
}
.s-custom--space-full-width > .container .slider-container {
padding: 0 0 32px 0;
}
.s-custom--space-full-width > .container .slider-container .arrow.left {
left: -30px;
}
@media (min-width: 769px) {
.s-custom--space-full-width > .container .slider-container .arrow.left {
left: -42px;
}
}
.s-custom--space-full-width > .container .slider-container .arrow.right {
right: -30px;
}
@media (min-width: 769px) {
.s-custom--space-full-width > .container .slider-container .arrow.right {
right: -42px;
}
}
.s-custom--large-size .slider__element-box {
height: 70vw !important;
}
@media (min-width: 480px) {
.s-custom--large-size .slider__element-box {
height: 35vw !important;
}
}
@media (min-width: 769px) {
.s-custom--large-size .slider__element-box {
height: 28vw !important;
}
}
@media (min-width: 1199px) {
.s-custom--large-size .slider__element-box {
height: 400px !important;
}
}
.s-custom--dots-inside .slider-container {
padding: 0 !important;
}
.s-custom--dots-inside .slider__navigation {
bottom: 16px;
}
.s-custom--dots-hidden .slider-container {
padding: 0 24px 0 24px;
}
@media (min-width: 769px) {
.s-custom--dots-hidden .slider-container {
padding: 0 32px 0 32px;
}
}
.s-custom--dots-hidden .slider__navigation {
display: none;
}
@media (max-width: 768px) {
.s-custom--arrows-ko .slider-container {
padding: 0 0 32px 0;
}
.s-custom--arrows-ko .slider-container .arrow {
display: none !important;
}
.s-custom--arrows-ko > .container > .u-px-contain {
padding: 0 12px !important;
}
}
.module_slider_header {
position: relative;
top: -90px;
height: 80vh;
margin: 0 0 -90px 0;
max-height: 1200px;
}
@media (min-width: 992px) {
.module_slider_header {
height: 100vh;
top: -120px;
margin: 0 0 -120px 0;
}
}
.module_slider_header .slider-container .arrow.right {
right: 16px;
}
.module_slider_header .slider-container .arrow.left {
left: 16px;
}
.module_slider_header .slider__element-box {
display: flex;
align-items: center;
justify-content: center;
}
.module_slider_header .slider__element-box .image-text {
position: absolute;
z-index: 1;
max-width: 1200px;
text-align: left;
padding: 0 48px;
width: 100%;
}
@media (min-width: 769px) {
.module_slider_header .slider__element-box .image-text {
padding: 0 80px;
}
}
@media (min-width: 1300px) {
.module_slider_header .slider__element-box .image-text {
padding: 0 24px;
}
}
.module_slider_header .slider__element-box .image-text .image-text__right {
display: none;
}
@media (min-width: 992px) {
.module_slider_header .slider__element-box .image-text .image-text__right {
display: block;
}
}
.module_slider_header .slider__element-box > img {
position: absolute;
z-index: 0;
object-fit: cover;
object-position: top;
}
.module_slider_header > .container-fluid {
height: 100%;
}
.module_slider_header > .container-fluid > .row {
height: 100%;
}
.module_slider_header > .container-fluid > .row > .col {
height: 100%;
}
.module_slider_header > .container-fluid > .row > .col .slider-container,
.module_slider_header > .container-fluid > .row > .col .slider-container-block,
.module_slider_header > .container-fluid > .row > .col .slider,
.module_slider_header > .container-fluid > .row > .col .slider__element-box {
height: 100% !important;
padding: 0;
}
@media (max-width: 768px) {
.module_slider_header .text-size--2xl {
font-size: 35px;
line-height: 44px;
}
}
@media (max-width: 768px) {
.module_slider_header .text-size--m,
.module_slider_header .text-size--s {
font-size: 16px;
line-height: 23px;
}
}
.module_slider_header .slider__navigation {
bottom: 24px;
}
.ms-custom--slider-cards .card__info {
text-align: center;
}
.ms-custom--slider-cards .slider__element {
padding: 0 16px;
}
.tabs-horizontal {
display: flex;
flex-direction: column;
position: relative;
}
.tabs-horizontal:after {
content: "";
position: absolute;
top: -1px;
right: 0;
width: 50px;
height: 52px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 84%);
}
.tabs-horizontal__header {
display: flex;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
padding: 0 1px 0 0;
position: relative;
}
.tabs-horizontal__header::-webkit-scrollbar {
display: none;
}
.tabs-horizontal__header-element {
text-align: center;
cursor: pointer;
background-color: white;
border: 1px solid black;
width: auto;
flex-shrink: 0;
flex-grow: 1;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 -1px 0 0;
padding: 0 24px;
white-space: nowrap;
}
.tabs-horizontal__header-element.active {
background-color: black;
color: white;
}
.tabs-horizontal__content {
display: none;
padding: 24px;
border: 1px solid black;
border-top: 0;
}
.tabs-horizontal__content.active {
display: block;
}
.tabs-vertical {
display: flex;
justify-content: space-around; }
.tabs-vertical__header {
display: flex;
flex-direction: column;
width: 110px;
}
@media (min-width: 789px) {
.tabs-vertical__header {
width: 150px;
}
}
.tabs-vertical__header-element {
cursor: pointer;
border: 1px solid black;
height: 25%;
display: flex;
align-items: center;
padding: 0 16px;
margin: 0 -1px -1px 0;
min-height: 50px;
}
@media (min-width: 789px) {
.tabs-vertical__header-element {
padding: 0 24px;
}
}
.tabs-vertical__header-element.active {
background-color: black;
color: white;
}
.tabs-vertical__container {
flex: 1;
}
.tabs-vertical__container-element {
display: none;
padding: 24px;
height: calc(100% - 48px);
border: 1px solid black;
}
.tabs-vertical__container.active {
display: block;
}
.text-icons__element {
text-align: center;
max-width: 450px;
margin: 0 auto;
}
.text-icons__element-icons {
display: flex;
justify-content: center;
gap: 4px;
}
.text-icons__element-icons span {
height: 20px;
width: 20px;
margin: 0 1px;
background-image: url(https://www.portfoliodaniel.es/wp-content/uploads/2024/08/icon-star-1.svg);
background-repeat: no-repeat;
background-size: 20px;
}
.text-icons__element-icons span.disabled {
opacity: 0.15;
}
.text-icons__element-icons.star-1 span {
opacity: 0.1;
}
.text-icons__element-icons.star-1 span:nth-child(1) {
opacity: 1;
}
.text-icons__element-icons.star-2 span {
opacity: 0.1;
}
.text-icons__element-icons.star-2 span:nth-child(1), .text-icons__element-icons.star-2 span:nth-child(2) {
opacity: 1;
}
.text-icons__element-icons.star-3 span {
opacity: 0.1;
}
.text-icons__element-icons.star-3 span:nth-child(1), .text-icons__element-icons.star-3 span:nth-child(2), .text-icons__element-icons.star-3 span:nth-child(3) {
opacity: 1;
}
.text-icons__element-icons.star-4 span {
opacity: 0.1;
}
.text-icons__element-icons.star-4 span:nth-child(1), .text-icons__element-icons.star-4 span:nth-child(2), .text-icons__element-icons.star-4 span:nth-child(3), .text-icons__element-icons.star-4 span:nth-child(4) {
opacity: 1;
}
.text-icons__element-icons.star-5 span {
opacity: 1;
}
.text-icons__element-title {
margin: 32px 0 0 0;
}
.text-icons__element-description {
margin: 16px 0 0 0;
}
.text-icons__element-description .text {
margin: 16px 0 0 0;
}
.timeline__element {
display: flex;
width: 100%;
margin: 0 auto;
}
.timeline__element-left {
width: 0;
font-size: 30px;
line-height: 38px;
position: relative;
left: 42px;
}
@media (min-width: 769px) {
.timeline__element-left {
width: 130px;
left: 0;
}
}
.timeline__element-center {
width: 45px;
position: relative;
}
@media (min-width: 769px) {
.timeline__element-center {
width: 50px;
}
}
.timeline__element-center span.square {
background-color: black;
width: 10px;
height: 10px;
display: block;
margin: 14px 0 0 14px;
}
@media (min-width: 769px) {
.timeline__element-center span.square {
width: 14px;
height: 14px;
margin: 14px 0 0 0;
}
}
.timeline__element-center:before {
content: "";
border-left: 1px solid #000;
height: 100%;
position: absolute;
left: 19px;
top: 16px;
}
@media (min-width: 769px) {
.timeline__element-center:before {
border-left: 2px solid #000;
left: 6px;
}
}
.timeline__element-right {
width: calc(100% - 45px);
padding: 48px 24px 48px 0;
}
@media (min-width: 769px) {
.timeline__element-right {
width: calc(100% - 180px);
padding: 2px 0 64px 0;
}
}
.timeline__element:last-child .timeline__element-center:before {
display: none;
}
.timeline__element:last-child .timeline__element-right {
padding: 48px 24px 0 0;
}
@media (min-width: 769px) {
.timeline__element:last-child .timeline__element-right {
padding: 2px 0 0 0;
}
}
.bottom-bar {
display: flex;
gap: 32px;
justify-content: center;
padding: 48px 0 16px 0;
font-size: 13px;
flex-direction: column-reverse;
opacity: 0.5;
}
@media (min-width: 992px) {
.bottom-bar {
justify-content: space-between;
flex-direction: row;
padding: 8px 0;
}
}
.bottom-bar__left {
text-align: center;
}
@media (min-width: 992px) {
.bottom-bar__left {
display: block;
text-align: left;
}
}
.bottom-bar__left a:hover {
text-decoration: underline;
}
.bottom-bar__right .footer-navigation-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
}
@media (min-width: 992px) {
.bottom-bar__right .footer-navigation-wrapper {
flex-direction: row;
text-align: right;
}
}
.bottom-bar__right .footer-navigation-wrapper a {
text-decoration: underline;
}
.bottom-bar__right .footer-navigation-wrapper a:hover {
opacity: 0.7;
}
.bottom-bar__right .footer-navigation-wrapper .copyright {
opacity: 0.7;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
width: 100%;
max-width: 100%;
border: 1px solid black;
height: 48px;
padding: 0 16px;
margin: 0;
background-color: #f0f2fc;
outline: none;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
outline: none;
}
.wpcf7-form input:-webkit-autofill,
.wpcf7-form textarea:-webkit-autofill {
background-color: #f0f0f0 !important;
transition: background-color 5000s ease-in-out 0s;
}
.wpcf7-form textarea {
height: 150px;
padding: 16px;
}
.wpcf7-form .grid {
flex-direction: column;
}
@media (min-width: 992px) {
.wpcf7-form .grid {
flex-direction: row;
}
}
.wpcf7-form .wpcf7-submit {
background-color: #292866 !important;
border-radius: 0;
color: white;
width: max-content;
cursor: pointer;
padding: 0 32px;
font-size: 19px;
}
.wpcf7-form .wpcf7-submit:hover {
opacity: 0.7;
}
.wpcf7-form .submit-block p {
display: flex;
flex-direction: column;
align-items: center;
}
.wpcf7-form .wpcf7-spinner {
margin: 13px 0 0 0;
background-color: #e8e8e8;
}
.wpcf7-form .wpcf7-spinner:before {
background-color: #000000;
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 14px;
margin: 5px 0 0 5px;
color: #ff1212;
line-height: 19px;
}
.wpcf7-form label {
position: absolute;
z-index: 1;
height: 46px;
display: flex;
align-items: center;
padding: 0 24px;
font-size: 16px;
font-weight: normal;
transition: all 250ms;
background-color: #f0f2fc;
margin: 0;
top: 1px;
left: 1px;
}
.wpcf7-form label.up {
top: -13px;
font-size: 12px;
padding: 0 8px;
height: 25px;
left: 10px;
}
.wpcf7-form label.up + span input,
.wpcf7-form label.up + span textarea {
border: 2px solid black;
font-weight: 500;
}
.wpcf7-form .grid-col {
position: relative;
}
.wpcf7-form .wpcf7-response-output {
margin: 0 !important;
padding: 16px 16px 16px 54px !important;
border: 0 !important;
background-repeat: no-repeat;
background-size: 20px;
background-position: left 18px top 18px;
margin: 0 0 48px 0 !important;
}
.wpcf7-form.invalid .wpcf7-response-output {
background-color: rgba(252, 60, 60, 0.0509803922);
color: #ff1212;
font-size: 14px;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/icon-alert.svg);
}
.wpcf7-form.sent .wpcf7-response-output {
background-color: rgba(207, 255, 234, 0.4);
color: #009770;
font-size: 16px;
font-weight: 500;
background-image: url(https://www.codigobeta.es/wp-content/uploads/2025/03/icon-check.svg);
}
.wpcf7-form.sent .custom-form-7 {
display: none;
}
.wpcf7-form .wpcf7-not-valid {
border: 1px solid red;
}
.wpcf7-form .wpcf7-not-valid.wpcf7-radio {
border: 1px solid red;
padding: 8px;
border-radius: 0;
}
.wpcf7-form .grid.checkbox label {
position: relative;
top: 0;
font-size: inherit;
padding: 0;
height: inherit;
left: 0;
}
.wpcf7-form .grid.checkbox input {
width: 24px;
height: 24px;
padding: 0;
margin: 0 12px 0 0;
}
.wpcf7-form .grid.checkbox .wpcf7-list-item {
margin: 0;
}
.wpcf7-form .grid.checkbox .wpcf7-checkbox {
display: block;
}
.wpcf7-form .grid.checkbox .up input {
border: 2px solid black;
}
.wpcf7-form .grid.checkbox input[type=checkbox]:after {
transform: rotate(44deg);
margin: 0 auto;
left: 0;
right: 0;
bottom: 0;
top: 2px;
width: 6px;
height: 13px;
border: 2px solid;
border-top: 0;
border-left: 0;
}
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid {
border: 0;
}
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid input {
border: 1px solid red;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form label {
border-radius: 0;
}
.wpcf7-form input[type=checkbox] {
border-radius: 0;
} .wpcf7-form .acceptance input[type=checkbox] {
width: 24px;
height: 24px;
position: absolute;
opacity: 0; cursor: pointer;
} .wpcf7-form .acceptance label {
position: relative;
display: inline-block;
padding-left: 35px; font-size: 16px;
line-height: 24px;
cursor: pointer;
} .wpcf7-form .acceptance input[type=checkbox]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border: 2px solid #000;
border-radius: 0;
background-color: #fff;
transition: background-color 0.3s, border-color 0.3s;
} .wpcf7-form .acceptance input[type=checkbox]:checked + label:before {
background-color: #000;
border-color: #000;
} .wpcf7-form .acceptance input[type=checkbox]:checked + label:after {
content: "✓"; font-size: 18px;
color: white;
position: absolute;
left: 6px;
top: 2px;
} .wpcf7-form .acceptance input[type=checkbox]:not(:checked) + label:after {
content: ""; } .wpcf7-form .acceptance input[type=checkbox]:focus + label:before {
border-color: #007bff;
} .wpcf7-form .acceptance input[type=checkbox]:disabled + label:before {
background-color: #f1f1f1;
border-color: #ddd;
}
.wpcf7-list-item-label a {
text-decoration: underline !important;
}
.wpcf7-form .grid-col.file .wpcf7-file {
border: 0;
height: auto;
padding: 0 0 0 0;
width: max-content;
}
.wpcf7-form .grid-col.file .wpcf7-form-control-wrap {
padding: 0 0;
}
.wpcf7-form .grid-col.file .btn-info {
margin-right: 10px;
border: 1px solid black;
padding: 8px 16px;
background-color: transparent;
}
.wpcf7-form .grid-col.file .btn-info:hover {
opacity: 0.7;
}
.column-style .wpcf7-radio {
flex-direction: column;
}
.wpcf7-box-style {
background-color: #f5f6fe;
padding: 24px;
margin: 0;
}
@media (min-width: 1199px) {
.wpcf7-box-style {
padding: 48px;
margin: 0 -48px;
}
}
.wpcf7-box-style input,
.wpcf7-box-style textarea,
.wpcf7-box-style select,
.wpcf7-box-style label {
background-color: #f5f6fe;
}
.wpcf7-radio {
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 768px) {
.wpcf7-radio {
flex-direction: row;
}
}
.wpcf7-radio .wpcf7-list-item {
display: flex;
gap: 8px;
margin: 0;
}
.wpcf7-radio .wpcf7-list-item input {
width: 24px;
height: 24px;
border-radius: 24px;
padding: 0;
outline: none !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.wpcf7-radio .wpcf7-list-item input[type=radio]:checked {
border: 1px solid black;
}
.wpcf7-radio .wpcf7-list-item input[type=radio]:after {
left: auto;
top: auto;
width: 12px;
height: 12px;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
width: calc(100% - 32px);
}
.membership .wpcf7-radio {
gap: 16px;
}
.membership .wpcf7-radio .wpcf7-list-item-label {
width: calc(100% - 24px);
display: block;
text-align: left;
}
.membership .wpcf7-radio .wpcf7-list-item-label span {
gap: 8px;
margin: 0 0 0 8px;
align-items: center;
display: inline;
}
.membership .wpcf7-radio .wpcf7-list-item-label input {
border-radius: 0;
width: 50px;
padding: 0 8px;
height: 30px;
display: inline-block;
margin: 0 5px;
}
.gray-form .wpcf7-form input,
.gray-form .wpcf7-form textarea,
.gray-form .wpcf7-form label {
background-color: #fafafa;
}
.codedropz-upload-inner h3 {
font-size: 16px;
line-height: 19px;
margin: 0 0 6px 0 !important;
}
.codedropz-upload-handler {
margin-top: 8px;
}
.detail {
top: 0;
display: none;
justify-content: space-between;
width: 100%;
z-index: -1;
position: relative;
}
@media (min-width: 1600px) {
.detail {
display: flex;
}
}
.detail img {
position: relative;
}
.elementor-element-2151221,
.elementor-element-e7ee551 {
position: absolute !important;
top: 0;
}
.page-404__content {
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
margin: 64px 0 0 0;
}
@media (min-width: 769px) {
.page-404__content {
height: calc(100vh - 542px);
margin: 0 0 0 0;
}
}
.page-404__content-title {
display: flex;
flex-direction: column-reverse;
font-size: 110px;
line-height: 110px;
}
@media (min-width: 769px) {
.page-404__content-title {
font-size: 200px;
line-height: 200px;
}
}
.page-404__content-subtitle {
font-size: 19px;
margin: 8px 0 0 0;
}
@media (min-width: 769px) {
.page-404__content-subtitle {
font-size: 26px;
margin: 24px 0 0 0;
}
}
.blog .page-header {
display: none;
}
.blog .site-main {
display: flex;
width: 100%;
max-width: 1200px;
gap: 32px;
margin-top: 32px;
padding: 0 12px;
flex-wrap: wrap;
}
@media (min-width: 769px) {
.blog .site-main {
padding: 0 24px;
margin: 64px auto 112px auto;
}
}
.blog .site-main .entry-header {
padding: 0;
margin: 0;
display: flex;
flex-direction: column-reverse;
}
.blog .site-main article {
width: 100%;
margin: 0;
}
@media (min-width: 769px) {
.blog .site-main article {
width: calc(50% - 16px);
}
}
@media (min-width: 992px) {
.blog .site-main article {
width: calc(33.3333333333% - 22px);
}
}
.blog .site-main article img {
margin: 0;
height: 300px !important;
object-fit: cover;
border-radius: 0;
}
.blog .site-main article .post-thumbnail {
margin: 0 0 24px 0 !important;
width: 100%;
}
.blog .site-main article .entry-title {
font-size: 19px;
line-height: 24px;
margin: 0 0 16px 0;
max-width: 100%;
}
@media (min-width: 769px) {
.blog .site-main article .entry-title {
overflow: hidden !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
box-sizing: border-box;
position: relative;
}
}
.blog .site-main article .entry-title a {
color: black;
}
.blog .site-main article .more-link {
width: max-content;
display: block;
margin: 24px 0 0 0;
font-size: 17px;
text-decoration: underline !important;
}
.blog .site-main article .more-link:hover {
opacity: 0.7;
}
.blog .site-main article .entry-footer .posted-on {
font-size: 14px;
}
.blog .site-main article .entry-content p {
max-width: 100% !important;
}
.single-post .entry-title {
display: none;
}
.single-post .entry-header {
margin-top: 32px !important;
max-width: 1200px;
padding: 0 12px !important;
}
@media (min-width: 769px) {
.single-post .entry-header {
margin-top: 64px !important;
padding: 0 24px !important;
}
}
.single-post .entry-header img {
margin: 0;
padding: 0;
height: 300px !important;
object-fit: cover;
border-radius: 0;
}
@media (min-width: 769px) {
.single-post .entry-header img {
height: 600px !important;
}
}
.single-post .entry-header .post-thumbnail {
margin: 0;
width: 100%;
}
.single-post .entry-content {
margin: 0;
}
.single-post .entry-footer {
max-width: 1200px;
padding: 0 24px;
border-top: 0 !important;
flex-direction: column;
display: flex !important;
}
.single-post .entry-footer .posted-by {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.single-post .entry-footer .post-taxonomies {
display: none;
}
.single-post .comments-area {
display: none;
}
.single-post .post-title {
font-size: 16px;
font-weight: normal;
}
.single-post .navigation {
max-width: 1200px;
padding: 0 24px;
}
.single-post .navigation a:hover {
text-decoration: underline;
}
.single-post .image {
height: 600px;
}
.single-post .image img {
border-radius: 0 !important;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
.single-post .col > .grid {
max-height: 500px;
}
.elementor-editor-active .entry-title,
.navigation.post-navigation,
.entry-header.alignwide {
display: none;
}
.page-id-867 .site-main,
.page-id-896 .site-main {
padding: 0;
margin: 0;
}
.page-id-867 .site-main article a,
.page-id-896 .site-main article a {
text-decoration: none !important;
margin: 0;
}
.page-id-867 .site-main article .entry-header,
.page-id-896 .site-main article .entry-header {
border: 0;
}
.page-id-867 .site-main article .entry-header h2,
.page-id-896 .site-main article .entry-header h2 {
margin: 32px 0 0 0 !important;
font-size: 24px;
line-height: 30px;
}
.page-id-867 .site-main article p,
.page-id-896 .site-main article p {
margin: 16px 0 0 0;
}
.btn {
border-radius: 0;
}
.header__desktop > nav > ul li.button a {
border-radius: 0;
}
.home .menu-wrapper,
.page-id-1062 .menu-wrapper {
color: white;
}
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .icon-minus,
.page-id-1062 .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper .menu-item-has-children .icon-minus {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/arrow-down-white.svg);
}
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-924 a,
.page-id-1062 .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.page-id-1062 .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-924 a {
background-color: white;
color: black;
}
.home .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after,
.page-id-1062 .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after {
border-bottom: 2px solid white !important;
}
.home .header__mobile-container-left span.icon-menu,
.page-id-1062 .header__mobile-container-left span.icon-menu {
background-image: url(https://www.codigobeta.es/wp-content/uploads/2024/08/icon-menu-white.svg);
}
.home .header__desktop-container-fixed-left .logo a,
.home .header__mobile-container-center span.mobile-logo,
.page-id-1062 .header__desktop-container-fixed-left .logo a,
.page-id-1062 .header__mobile-container-center span.mobile-logo {
background-image: url(https://www.valentziarrak.eus/wp-content/uploads/2025/07/logo-white-de-trabajo-1.png);
}
.home .header__desktop.open .menu-wrapper,
.page-id-1062 .header__desktop.open .menu-wrapper {
color: black;
}
.home .header__desktop.open .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.home .header__desktop.open .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-924 a,
.page-id-1062 .header__desktop.open .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.page-id-1062 .header__desktop.open .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-924 a {
background-color: black;
color: white;
}
.home .header__desktop.open .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after,
.page-id-1062 .header__desktop.open .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after {
border-bottom: 2px solid black !important;
}
.home .header__desktop.open .header__desktop-container-fixed-left .logo,
.page-id-1062 .header__desktop.open .header__desktop-container-fixed-left .logo {
display: none;
}
.home .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.home .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-924 a,
.page-id-1062 .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.button a,
.page-id-1062 .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.menu-item-924 a {
background-color: black;
color: white;
}
.home .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after,
.page-id-1062 .sticky .header__desktop-container-fixed-right > nav.primary-navigation ul.menu-wrapper li.current-menu-item a:after {
border-bottom: 2px solid black !important;
}