/*
 Theme Name:   GeneratePerf Child Theme
 Theme URI:    https://agencewebperformance.fr/prestations/creation-site-performant/
 Author:       Agence Web Performance
 Author URI:   https://agencewebperformance.fr/
 Template:     generatepress
 Text Domain:  generateperf_child
 Version:      1.1.6
 License: GPLv3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/








.contenttags{ margin: 0px !important; padding: 0px !important; }
.contenttags li{ list-style-type: none; margin: 0px; padding: 0px; display: inline-block; }
.contenttags li a{  font-size: 13px; background: #fff; display: inline-block; margin: 2px; padding: 6px 12px; border: solid 1px #ededed; border-radius: 20px; color: #0b0745; }


.thecategories{}
.thecategories a{ font-size: 13px; background: #fff; display: inline-block; margin: 2px; padding: 6px 12px; border: solid 1px #0b0745; border-radius: 20px; color: #0b0745;  }



#sidebarhome_article{}
#sidebarhome_article img{ display: none; }
#sidebarhome_article span.ultp-block-meta-element,
#sidebarhome_article .ultp-block-meta { margin-bottom: 0px !important; padding-bottom: 0px !important; }

body  #right-sidebar div.ultp-block-wrapper .ultp-block-items-wrap .ultp-block-item .ultp-category-grid a {	display: none !important; }

body  #right-sidebar .ultp-block-image{ width: 100% !important; }

body  #right-sidebar .ultp-block-item .ultp-block-image img {
    height: 200px;
    width: 100% !important;
}

body.category .site-content .entry-title,
body.archive .site-content .entry-title,
body.tag .site-content .entry-title
{
    font-size: 16px !important;
    line-height: 25px !important;
}

body.single-post h1{ margin-top: 20px; font-size: 36px !important; }
body.single-post aside{ padding-top: 0px !important; padding-bottom: 0px !important; }

/*#main article .entry-content{ display: none !important; }*/

.single-post #main article .entry-content,
.home #main article .entry-content
{ display: block !important; }


.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li:hover > a
{
    background-color: transparent !important;
}

body.search-results .site-content .content-area h2{ font-size: 17px !important; line-height: 26px !important; }

.post-image-above-header .inside-article .featured-image, 
.post-image-above-header .inside-article .post-image 
{
    margin-top: 0;
    height: 230px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
}

.post-image-above-header .inside-article .post-image:hover img,
.post-image-above-header .inside-article .post-image img
{ transition: all .3s !important; }


@media screen and (min-width:769px)
{
	body .site-content .content-area 
	{
    	width: 70% !important;
	}
	
	body.category .site-content .content-area,
	body.home .site-content .content-area,
	body.search-results .site-content .content-area,
	body.archive .site-content .content-area,
	body.tag .site-content .content-area
	{ width: 100% !important; }
	
	body.category .generate-columns-container article;
	body.archive .generate-columns-container article,
	body.tag .generate-columns-container article
	{ width: 33% !important; }
	
	body.category .post-image a, 
	body.tag .post-image a,
	body.archive .post-image a
	{ 
		display: block !important; 
	}
	
	body.category .post-image img,
	body.tag .post-image img,
	body.archive .post-image img
	{ 
		height: 230px !important; width: 100%; object-fit: cover !important; transform: scale(1); transition: all .3s; 
	}
	
	body.category .site-content .post-image,
	body.tag .site-content .post-image,
	body.archive .site-content .post-image
	{ 
		margin-bottom: 20px !important; height: 230px !important; overflow: hidden !important; 
	}
	
	body.category .post-image:hover img,
	body.tag .post-image:hover img,
	body.archive .post-image:hover img
	{ 
		transform: scale(1); transition: all .3s; 
	}
}


/* h1, h2, h3{ font-family: "Bitter,Bitter-fallback,serif" !important; } */

.site-footer{ border-top: solid 1px #000 !important; border-bottom: none !important; }
.site-footer .footer-with-bg{ max-width: 1380px !important; margin: 0 auto; border-top: none !important; border-bottom: solid 1px #000 !important; }


.site-footer .tag-cloud-link{ font-size: 13px; background: #fff; display: inline-block; margin: 2px; padding: 6px 12px; border: solid 2px #ededed; border-radius: 20px; }


.sidebarsingle .ultp-block-media .ultp-block-content-wrap {
    display: block !important;
}







/**
 * Compatibilité old CSS variables.
 */

 :root {
  --primary: var(--darker);
  --secondary:var(--accent);
  --lightest:var(--base-3);
  --light:var(--base);
  --medium:var(--contrast-3);
  --dark:var(--contrast-2);
  --darkest:var(--contrast);
}

/**
 * Components spacing based on root 10px (1 rem).
 */

:root {
  --spacing-100: .5rem; /* 8px */
  --spacing-200: 1rem; /* 16px */
  --spacing-300: 1.5rem; /* 24px */
  --spacing-400: 2rem; /* 32px */
  --spacing-500: 2.5rem; /* 40px */
  --spacing-600: 3rem; /* 48px */
  --spacing-700: 3.5rem; /* 56px */
  --spacing-800: 4rem; /* 64px */
  --spacing-900: 5rem; /* 80px */
  --spacing-1000: 7rem; /* 112px */
}

/**
 * Smooth transitions.
 */

@view-transition {
  navigation: auto;
}

:root {
  scrollbar-color: var(--primary) var(--lightest);
}

/**
 * Beautiful lists.
 */

li::marker {
  color: var(--primary);
}

/**
 * Beautiful inputs.
 */

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--primary);
}

/**
 * Beautiful Blockquotes.
 */

 blockquote cite {
  display: block;
  font-style: normal;
  font-size: 1rem;
  margin-top: var(--spacing-200);
  color: var(--dark);
}

/**
 * Add missing space.
 */

.wp-block-image,
.wp-block-embed {
  margin-bottom: var(--spacing-300);
}

/**
 * Prevent footer rendering on initial rendering.
 */

.site-footer {
  content-visibility: auto;
  contain-intrinsic-height: 400px;
}

@media(min-width: 768px) {
  .site-footer {
    contain-intrinsic-height: 300px;
  }
}

/**
 * Add external icons to _blank links.
 */

.entry-content p a[target="_blank"]::after,
.entry-content li a[target="_blank"]::after {
   display: inline-block;
   content: "";
   margin-left: .25em;
   width: .8em;
   height: .8em;
   mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M320 0a32 32 0 1 0 0 64h82.7L201.4 265.4a32 32 0 0 0 45.3 45.3L448 109.3V192a32 32 0 1 0 64 0V32a32 32 0 0 0-32-32H320zM80 32a80 80 0 0 0-80 80v320a80 80 0 0 0 80 80h320a80 80 0 0 0 80-80V320a32 32 0 1 0-64 0v112a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h112a32 32 0 1 0 0-64H80z"/></svg>') no-repeat 50% 50%;
   mask-size: cover;
   -webkit-mask-size: cover;
   vertical-align: -.075em;
   background-color: currentColor;
 }

/**
 * Improve default links style
 */

 .entry-content a:not(.simple):not(.wp-block-latest-posts__post-title) {
  color: var(--darkest);
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--secondary);
  text-underline-offset: .25em;
}

.entry-content a:not(.simple):not(.wp-block-latest-posts__post-title):hover {
  color: var(--primary);
  text-decoration-color: var(--darkest);
}

/**
 * Separator.
 */

.separator {
  background-color: var(--medium);
}

/**
 * Simple lists in footer.
 */

.site-footer ul {
	list-style-type: none;
	margin-left: 0;
}

/**
 * Beautiful SVGs in menus.
 */

.menu-item-icon {
  width: 22px;
  height: 22px;
  margin-right: var(--spacing-100);
  fill: currentColor;
  vertical-align: sub;
}

/**
 * Featured images full width.
 */

.featured-image img {
	width: 100%;
}

/**
 * Custom design for main images captions.
 */

.featured-image figcaption::before {
  content: "";
  display: block;
  position: absolute;
  top: -24px;
  left: 25px;
  height: 0px;
  width: 0px;
  border-right: solid 25px transparent;
  border-left: solid 25px transparent;
  border-bottom: solid 25px var(--light);
}

/**
 * Custom subtitles styling.
 */

p[role="doc-subtitle"] {
  padding-left: var(--spacing-200);
  border-left: 4px solid var(--primary);
}

/**
 * Reduce titles size for mobile.
 */

@media(max-width: 768px) {
  h1 {
    font-size: 2.125rem;
  }

  h2 {
    font-size: 1.813rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1.125rem;
  }
}

/**
 * Éléments greffés avant et après le logo en position centrale
 */

 @media(min-width: 768px) {
  .header-aligned-center:not([class*=nav-float-]) .inside-header {
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
  }
}

@media(max-width: 767px) {
  .inside-header > div.gb-container {
    display: none;
  }
}

.inside-header > div {
  margin-top: 0 !important;
}

/**
 * Affichage de contenus à la Une sur 2 colonnes au lieu de 1/3 dans les blocs derniers articles Gutenberg
 */

 @media(min-width: 600px) {
  .featured-first li:first-child {
    width: calc(66.66666% - .416665em) !important;
  }
  .featured-first li:nth-child(3n) {
    margin-right: 1.25em !important;
  }
  .featured-first li:nth-child(3n+2) {
    margin-right: 0 !important;
  }
}

/**
 * Custom code.
 */

@media( min-width: 769px ) {
  .menu-bar-items {
    display: none !important;
  }
 /* #menu-menu-principal > li + li {
    border-left: 1px solid var(--contrast-2);
  }*/
}

.toc summary {
  font-weight: bold;
  font-family: system-ui, sans-serif;
}

.entry-meta,
.entry-meta span,
.vote-info,
button,
.button,
.pills,
.badges-container,
figcaption {
  font-family: system-ui, sans-serif;
}
            img:is([sizes=auto i],[sizes^="auto," i]) {
                contain-intrinsic-size: 3000px 1500px
            }

            @font-face {
                font-family: Onest;
                font-weight: 300 800;
                font-display: swap;
                src: url('/wp-content/plugins/generateperf/fonts/onest-variable.woff2') format(woff2) tech(variations)
            }

            @supports not font-tech(variations) {
                @font-face {
                    font-family: Onest;
                    font-weight: 300 800;
                    font-display: swap;
                    src: url('/wp-content/plugins/generateperf/fonts/onest-variable.woff2') format('woff2 supports variations'),url('/wp-content/plugins/generateperf/fonts/onest-variable.woff2') format("woff2-variations")
                }
            }

            :root {
                --wp-admin-theme-color: #007cba;
                --wp-admin-theme-color--rgb: 0,124,186;
                --wp-admin-theme-color-darker-10: #006ba1;
                --wp-admin-theme-color-darker-10--rgb: 0,107,161;
                --wp-admin-theme-color-darker-20: #005a87;
                --wp-admin-theme-color-darker-20--rgb: 0,90,135;
                --wp-admin-border-width-focus: 2px;
                --wp-block-synced-color: #7a00df;
                --wp-block-synced-color--rgb: 122,0,223;
                --wp-bound-block-color: var(--wp-block-synced-color)
            }

            @media (min-resolution: 192dpi) {
                :root {
                    --wp-admin-border-width-focus:1.5px
                }
            }

            :root {
                --wp--preset--font-size--normal: 16px;
                --wp--preset--font-size--huge: 42px
            }

            .screen-reader-text {
                border: 0;
                clip: rect(1px,1px,1px,1px);
                clip-path: inset(50%);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
                word-wrap: normal!important
            }

            .screen-reader-text:focus {
                background-color: #ddd;
                clip: auto!important;
                clip-path: none;
                color: #444;
                display: block;
                font-size: 1em;
                height: auto;
                left: 5px;
                line-height: normal;
                padding: 15px 23px 14px;
                text-decoration: none;
                top: 5px;
                width: auto;
                z-index: 100000
            }

            html :where(.has-border-color) {
                border-style: solid
            }

            html :where([style*=border-top-color]) {
                border-top-style: solid
            }

            html :where([style*=border-right-color]) {
                border-right-style: solid
            }

            html :where([style*=border-bottom-color]) {
                border-bottom-style: solid
            }

            html :where([style*=border-left-color]) {
                border-left-style: solid
            }

            html :where([style*=border-width]) {
                border-style: solid
            }

            html :where([style*=border-top-width]) {
                border-top-style: solid
            }

            html :where([style*=border-right-width]) {
                border-right-style: solid
            }

            html :where([style*=border-bottom-width]) {
                border-bottom-style: solid
            }

            html :where([style*=border-left-width]) {
                border-left-style: solid
            }

            html :where(img[class*=wp-image-]) {
                height: auto;
                max-width: 100%
            }

            :where(figure) {
                margin: 0 0 1em
            }

            html :where(.is-position-sticky) {
                --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px)
            }

            @media screen and (max-width: 600px) {
                html :where(.is-position-sticky) {
                    --wp-admin--admin-bar--position-offset:0px
                }
            }

            body,figure,h1,h2,html,iframe,li,p,ul {
                margin: 0;
                padding: 0;
                border: 0
            }

            html {
                font-family: sans-serif;
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            main {
                display: block
            }

            html {
                box-sizing: border-box
            }

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

            button,input {
                font-family: inherit;
                font-size: 100%;
                margin: 0
            }

            [type=search] {
                -webkit-appearance: textfield;
                outline-offset: -2px
            }

            [type=search]::-webkit-search-decoration {
                -webkit-appearance: none
            }

            ::-moz-focus-inner {
                border-style: none;
                padding: 0
            }

            body,button,input {
                font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
                font-weight: 400;
                text-transform: none;
                font-size: 17px;
                line-height: 1.5
            }

            p {
                margin-bottom: 1.5em
            }

            h1,h2 {
                font-family: inherit;
                font-size: 100%;
                font-style: inherit;
                font-weight: inherit
            }

            h1 {
                font-size: 42px;
                margin-bottom: 20px;
                line-height: 1.2em;
                font-weight: 400;
                text-transform: none
            }

            h2 {
                font-size: 35px;
                margin-bottom: 20px;
                line-height: 1.2em;
                font-weight: 400;
                text-transform: none
            }

            ul {
                margin: 0 0 1.5em 3em
            }

            ul {
                list-style: disc
            }

            li>ul {
                margin-bottom: 0;
                margin-left: 1.5em
            }

            code,var {
                font: 15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace
            }

            ins {
                text-decoration: none
            }

            figure {
                margin: 0
            }

            img {
                height: auto;
                max-width: 100%
            }

            button,input[type=button] {
                background: #55555e;
                color: #fff;
                border: 1px solid transparent;
                cursor: pointer;
                -webkit-appearance: button;
                padding: 10px 20px
            }

            input[type=number],input[type=search],input[type=text],input[type=url] {
                border: 1px solid;
                border-radius: 0;
                padding: 10px 15px;
                max-width: 100%
            }

            a,button,input {
                transition: color .1s ease-in-out,background-color .1s ease-in-out
            }

            a {
                text-decoration: none
            }

            .button {
                padding: 10px 20px;
                display: inline-block
            }

            .using-mouse :focus {
                outline: 0
            }

            .using-mouse ::-moz-focus-inner {
                border: 0
            }

            .screen-reader-text {
                border: 0;
                clip: rect(1px,1px,1px,1px);
                clip-path: inset(50%);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute!important;
                width: 1px;
                word-wrap: normal!important
            }

            .screen-reader-text:focus {
                background-color: #f1f1f1;
                border-radius: 3px;
                box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
                clip: auto!important;
                clip-path: none;
                color: #21759b;
                display: block;
                font-size: .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
            }

            #primary[tabindex="-1"]:focus {
                outline: 0
            }

            .main-navigation {
                z-index: 100;
                padding: 0;
                clear: both;
                display: block
            }

            .main-navigation a {
                display: block;
                text-decoration: none;
                font-weight: 400;
                text-transform: none;
                font-size: 15px
            }

            .main-navigation ul {
                list-style: none;
                margin: 0;
                padding-left: 0
            }

            .main-navigation .main-nav ul li a {
                padding-left: 20px;
                padding-right: 20px;
                line-height: 60px
            }

            .inside-navigation {
                position: relative
            }

            .main-navigation .inside-navigation {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                justify-content: space-between
            }

            .main-navigation .main-nav>ul {
                display: flex;
                flex-wrap: wrap;
                align-items: center
            }

            .main-navigation li {
                position: relative
            }

            .main-navigation .menu-bar-items {
                display: flex;
                align-items: center;
                font-size: 15px
            }

            .main-navigation .menu-bar-items a {
                color: inherit
            }

            .main-navigation .menu-bar-item {
                position: relative
            }

            .main-navigation .menu-bar-item.search-item {
                z-index: 20
            }

            .main-navigation .menu-bar-item>a {
                padding-left: 20px;
                padding-right: 20px;
                line-height: 60px
            }

            .main-navigation ul ul {
                display: block;
                box-shadow: 1px 1px 0 rgba(0,0,0,.1);
                float: left;
                position: absolute;
                left: -99999px;
                opacity: 0;
                z-index: 99999;
                width: 200px;
                text-align: left;
                top: auto;
                transition: opacity 80ms linear;
                transition-delay: 0s;
                pointer-events: none;
                height: 0;
                overflow: hidden
            }

            .main-navigation ul ul a {
                display: block
            }

            .main-navigation ul ul li {
                width: 100%
            }

            .main-navigation .main-nav ul ul li a {
                line-height: normal;
                padding: 10px 20px;
                font-size: 14px
            }

            .main-navigation .main-nav ul li.menu-item-has-children>a {
                padding-right: 0;
                position: relative
            }

            .main-navigation.sub-menu-left ul ul {
                box-shadow: -1px 1px 0 rgba(0,0,0,.1)
            }

            .main-navigation.sub-menu-left .sub-menu {
                right: 0
            }

            .main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul {
                left: auto;
                opacity: 1;
                transition-delay: 150ms;
                pointer-events: auto;
                height: auto;
                overflow: visible
            }

            .main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul {
                left: 100%;
                top: 0
            }

            .main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul {
                right: 100%;
                left: auto
            }

            .menu-item-has-children .dropdown-menu-toggle {
                display: inline-block;
                height: 100%;
                clear: both;
                padding-right: 20px;
                padding-left: 10px
            }

            .menu-item-has-children ul .dropdown-menu-toggle {
                padding-top: 10px;
                padding-bottom: 10px;
                margin-top: -10px
            }

            nav ul ul .menu-item-has-children .dropdown-menu-toggle {
                float: right
            }

            .site-header {
                position: relative
            }

            .inside-header {
                padding: 20px 40px
            }

            .site-logo {
                display: inline-block;
                max-width: 100%
            }

            .site-header .header-image {
                vertical-align: middle
            }

            .inside-header {
                display: flex;
                align-items: center
            }

            .header-aligned-center:not([class*=nav-float-]) .inside-header {
                justify-content: center;
                flex-direction: column;
                text-align: center
            }

            .header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
                margin-top: 1em
            }

            .site-branding-container {
                display: inline-flex;
                align-items: center;
                text-align: left;
                flex-shrink: 0
            }

            .site-branding-container .site-logo {
                margin-right: 1em
            }

            .entry-content:not(:first-child) {
                margin-top: 2em
            }

            .site-content {
                word-wrap: break-word
            }

            .entry-content>p:last-child {
                margin-bottom: 0
            }

            embed,iframe,object {
                max-width: 100%
            }

            .wp-block-post-template {
                margin-left: 0
            }

            .site-content {
                display: flex
            }

            .grid-container {
                margin-left: auto;
                margin-right: auto;
                max-width: 1200px
            }

            .site-main>* {
                margin-bottom: 20px
            }

            .one-container .site-content {
                padding: 40px
            }

            .one-container .site-main>:last-child {
                margin-bottom: 0
            }

            .full-width-content .container.grid-container {
                max-width: 100%
            }

            .full-width-content.one-container .site-content {
                padding: 0
            }

            .gp-icon {
                display: inline-flex;
                align-self: center
            }

            .gp-icon svg {
                height: 1em;
                width: 1em;
                top: .125em;
                position: relative;
                fill: currentColor
            }

            .close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child {
                display: none
            }

            .close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2) {
                display: block
            }

            nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg {
                transform: rotate(180deg)
            }

            .container.grid-container {
                width: auto
            }

            .menu-toggle {
                display: none
            }

            .menu-toggle {
                padding: 0 20px;
                line-height: 60px;
                margin: 0;
                font-weight: 400;
                text-transform: none;
                font-size: 15px;
                cursor: pointer
            }

            .menu-toggle .mobile-menu {
                padding-left: 3px
            }

            .menu-toggle .gp-icon+.mobile-menu {
                padding-left: 9px
            }

            .menu-toggle .mobile-menu:empty {
                display: none
            }

            button.menu-toggle {
                background-color: transparent;
                flex-grow: 1;
                border: 0;
                text-align: center
            }

            button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover {
                background-color: transparent
            }

            .has-menu-bar-items button.menu-toggle {
                flex-grow: 0
            }

            nav.toggled ul ul.sub-menu {
                width: 100%
            }

            .toggled .menu-item-has-children .dropdown-menu-toggle {
                padding-left: 20px
            }

            .main-navigation.toggled .main-nav {
                flex-basis: 100%;
                order: 3
            }

            .main-navigation.toggled .main-nav>ul {
                display: block
            }

            .main-navigation.toggled .main-nav li {
                width: 100%;
                text-align: left
            }

            .main-navigation.toggled .main-nav ul ul {
                transition: 0s;
                visibility: hidden;
                box-shadow: none;
                border-bottom: 1px solid rgba(0,0,0,.05)
            }

            .main-navigation.toggled .main-nav ul ul li:last-child>ul {
                border-bottom: 0
            }

            .main-navigation.toggled .main-nav ul ul.toggled-on {
                position: relative;
                top: 0;
                left: auto!important;
                right: auto!important;
                width: 100%;
                pointer-events: auto;
                height: auto;
                opacity: 1;
                display: block;
                visibility: visible;
                float: none
            }

            .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
                float: right
            }

            .mobile-menu-control-wrapper {
                display: none;
                margin-left: auto;
                align-items: center
            }

            @media (max-width: 768px) {
                a,body,button,input {
                    transition:all 0s ease-in-out
                }

                .inside-header {
                    flex-direction: column;
                    text-align: center
                }

                .site-content {
                    flex-direction: column
                }

                .container .site-content .content-area {
                    width: auto
                }

                #main {
                    margin-left: 0;
                    margin-right: 0
                }

                body:not(.no-sidebar) #main {
                    margin-bottom: 0
                }
            }

            :root {
                --border-radius: 5px
            }

            .site-content .content-area {
                width: 100%
            }

            @media (max-width: 767px) {
                .main-navigation .menu-toggle {
                    display:block
                }

                .main-navigation ul,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav>ul {
                    display: none
                }
            }

            html {
                -webkit-tap-highlight-color: transparent
            }

            h1,h2 {
                text-wrap: balance
            }

            .site-branding-container {
                cursor: pointer
            }

            h1 img {
                border-radius: 50%;
                margin-right: .75em
            }

            img[width][height] {
                content-visibility: auto
            }

            .main-navigation ul ul {
                content-visibility: auto
            }

            .site-content ins {
                contain: content;
                display: block;
                height: 280px;
                width: 100%;
                margin-top: var(--spacing);
                margin-bottom: var(--spacing)
            }

            :root {
                --spacing: 2rem
            }

            .gb-query-loop-item,[data-gpmodal-trigger]:hover {
                cursor: pointer
            }

            button,input {
                border-radius: var(--border-radius)!important
            }

            .generate-columns-container article {
                padding-bottom: 0!important
            }

            .generate-columns-container .inside-article,.wp-block-post {
                contain: content;
                text-align: left
            }

            @media (pointer: fine) {
                .generate-columns-container article:hover img,li.wp-block-post:hover img {
                    transform:scale(1.1)
                }
            }

            .generate-columns-container article:hover,li.wp-block-post:hover {
                cursor: pointer
            }

            .wp-block-post a {
                text-wrap: balance;
                display: block;
                font-family: inherit;
                color: inherit;
                font-size: 1.1rem!important;
                margin-top: 1rem!important;
                line-height: 1.9rem;
                font-weight: 700
            }

            .wp-block-post a:hover {
                color: inherit
            }

            .wp-block-post:hover a {
                color: var(--primary)!important
            }

            body {
                background-color: var(--lightest);
                color: var(--darkest)
            }

            a {
                color: var(--primary)
            }

            a:active,a:focus,a:hover {
                color: var(--primary)
            }

            .grid-container {
                max-width: 1320px
            }

            .site-header .header-image {
                width: 330px;
            }

            :root {
                --primary: #225ac7;
                --secondary: #160e8a;
                --lightest: #ffffff;
                --light: #f0f0f3;
                --medium: #9493ae;
                --dark: #67648b;
                --darkest: #0b0745
            }

            .gp-modal:not(.gp-modal--open):not(.gp-modal--transition) {
                display: none
            }

            .gp-modal--transition:not(.gp-modal--open) {
                pointer-events: none
            }

            .gp-modal__overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,.2);
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 10000;
                backdrop-filter: blur(3px);
                transition: opacity .5s ease;
                opacity: 0
            }

            .gp-modal--open:not(.gp-modal--transition) .gp-modal__overlay {
                opacity: 1
            }

            .gp-modal__container {
                max-width: 100%;
                max-height: 100vh;
                transform: scale(.9);
                transition: transform .5s ease;
                padding: 0 10px
            }

            .gp-modal--open:not(.gp-modal--transition) .gp-modal__container {
                transform: scale(1)
            }

            .search-modal-fields {
                display: flex
            }

            .gp-search-modal .gp-modal__overlay {
                align-items: flex-start;
                padding-top: 25vh;
                background: var(--gp-search-modal-overlay-bg-color)
            }

            .search-modal-form {
                width: 500px;
                max-width: 100%;
                background-color: var(--gp-search-modal-bg-color);
                color: var(--gp-search-modal-text-color)
            }

            .search-modal-form .search-field,.search-modal-form .search-field:focus {
                width: 100%;
                height: 60px;
                background-color: transparent;
                border: 0;
                appearance: none;
                color: currentColor
            }

            .search-modal-fields button,.search-modal-fields button:active,.search-modal-fields button:focus,.search-modal-fields button:hover {
                background-color: transparent;
                border: 0;
                color: currentColor;
                width: 60px
            }

            body,button,input {
                font-family: Onest,Onest-fallback,sans-serif;
                font-size: 18px
            }

            body {
                line-height: 1.6
            }

            h1,h2 {
                font-weight: 800
            }

            .main-navigation .menu-bar-items,.main-navigation .menu-toggle,.main-navigation a {
                font-weight: 500;
                font-size: 1em
            }

            .site-header {
                background-color: var(--lightest)
            }

            .mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:focus,.mobile-menu-control-wrapper .menu-toggle:hover {
                background-color: rgba(0,0,0,.02)
            }

            .main-navigation,.main-navigation ul ul {
                background-color: var(--lightest)
            }

            .main-navigation .main-nav ul li a,.main-navigation .menu-bar-items,.main-navigation .menu-toggle {
                color: var(--secondary)
            }

            .main-navigation .main-nav ul li.sfHover:not([class*=current-menu-])>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):focus>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):hover>a,.main-navigation .menu-bar-item.sfHover>a,.main-navigation .menu-bar-item:hover>a {
                color: var(--primary)
            }

            button.menu-toggle:focus,button.menu-toggle:hover {
                color: var(--secondary)
            }

            .main-navigation .main-nav ul li[class*=current-menu-]>a {
                color: var(--primary)
            }

            .main-navigation .main-nav ul li.search-item.active>a,.main-navigation .menu-bar-items .search-item.active>a,.navigation-search input[type=search],.navigation-search input[type=search]:active,.navigation-search input[type=search]:focus {
                color: var(--primary)
            }

            .main-navigation ul ul {
                background-color: var(--lightest)
            }

            .main-navigation .main-nav ul ul li a {
                color: var(--secondary)
            }

            .main-navigation .main-nav ul ul li.sfHover:not([class*=current-menu-])>a,.main-navigation .main-nav ul ul li:not([class*=current-menu-]):focus>a,.main-navigation .main-nav ul ul li:not([class*=current-menu-]):hover>a {
                color: var(--primary)
            }

            .main-navigation .main-nav ul ul li[class*=current-menu-]>a {
                color: var(--primary)
            }

            input[type=number],input[type=search],input[type=text],input[type=url] {
                color: var(--dark);
                background-color: var(--lightest);
                border-color: var(--light)
            }

            input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus {
                color: var(--darkest);
                background-color: var(--lightest);
                border-color: var(--light)
            }

            a.button,button,html input[type=button] {
                color: var(--lightest);
                background-color: var(--primary)
            }

            a.button:focus,a.button:hover,button:focus,button:hover,html input[type=button]:focus,html input[type=button]:hover {
                color: var(--lightest);
                background-color: var(--dark)
            }

            :root {
                --gp-search-modal-bg-color: var(--lightest);
                --gp-search-modal-text-color: var(--darkest);
                --gp-search-modal-overlay-bg-color: rgba(11, 7, 69, .75)
            }

            .inside-header {
                padding: 10px 20px 16px
            }

            .nav-below-header .main-navigation .inside-navigation.grid-container {
                padding: 0
            }

            .one-container .site-content {
                padding: 40px 20px 20px
            }

            .rtl .menu-item-has-children .dropdown-menu-toggle {
                padding-left: 20px
            }

            .rtl .main-navigation .main-nav ul li.menu-item-has-children>a {
                padding-right: 20px
            }

            @media (max-width: 768px) {
                .one-container .site-content {
                    padding:20px
                }

                .inside-header {
                    padding-right: 20px;
                    padding-left: 20px
                }
            }

            li::marker {
                color: var(--primary)
            }

            .site-footer {
                content-visibility: auto;
                contain-intrinsic-height: 400px
            }

            @media(min-width: 768px) {
                .site-footer {
                    contain-intrinsic-height:300px
                }
            }

            .entry-content li a[target="_blank"]::after,.entry-content p a[target="_blank"]::after {
                display: inline-block;
                margin-left: .25em;
                content: "\2197";
                font-size: .8em;
                font-weight: 700;
                border: 1.5px solid currentColor;
                border-radius: 4px;
                line-height: 1.1em;
                speak: never
            }

            body:not(.home) .entry-content a:not(.simple):not(.wp-block-latest-posts__post-title) {
                text-decoration-line: underline;
                text-decoration-thickness: 2px;
                text-decoration-color: var(--darkest);
                text-underline-offset: .25em
            }

            body:not(.home) .entry-content a:not(.simple):not(.wp-block-latest-posts__post-title):hover {
                text-decoration-color: var(--primary)
            }

            .site-footer ul {
                list-style-type: none;
                margin-left: 0
            }

            .menu-item-icon {
                width: 22px;
                height: 22px;
                margin-right: .5em;
                fill: currentColor;
                vertical-align: sub
            }

            @media(max-width: 768px) {
                h1 {
                    font-size:34px
                }

                h2 {
                    font-size: 29px
                }
            }

            .main-navigation {
                position: relative
            }

            .main-navigation::after {
                content: "";
                display: block;
                top: 62px;
                left: 0;
                width: 100%;
                height: 40px;
                background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100px);
                z-index: -10
            }

            .inside-navigation {
                border-top: 1px solid var(--darkest);
                border-bottom: 1px solid var(--darkest)
            }

            .gb-container-4a3de19a>.gb-inside-container {
                padding-right: 20px;
                padding-bottom: 20px;
                padding-left: 20px;
                max-width: 1320px;
                margin-left: auto;
                margin-right: auto
            }

            .gb-grid-wrapper>.gb-grid-column-68d662a8 {
                width: 70%
            }

            .gb-container-9791a686 {
                height: 100%
            }

            .gb-grid-wrapper>.gb-grid-column-9791a686 {
                width: 100%
            }

            .gb-container-99296451 {
                margin-top: 40px
            }

            .gb-container-32b75e24 {
                height: 100%
            }

            .gb-grid-wrapper>.gb-grid-column-32b75e24 {
                width: 50%
            }

            .gb-container-c2ab14bb {
                margin-top: 40px
            }

            .gb-container-6acefef6 {
                height: 100%
            }

            .gb-grid-wrapper>.gb-grid-column-6acefef6 {
                width: 33%
            }

            .gb-grid-wrapper>.gb-grid-column-ac89a0aa {
                width: 30%
            }

            .gb-container-6d21c792 {
                height: 100%;
                padding-top: 20px;
                border-top: 1px solid var(--light)
            }

            .gb-grid-wrapper>.gb-grid-column-6d21c792 {
                width: 100%
            }

            .gb-container-5318c37a {
                padding-top: 40px;
                padding-bottom: 40px;
                margin-top: 20px;
                border-top: 1px solid var(--darkest);
                background-color: rgba(255,255,255,.5)
            }

            .gb-container-27cea4f1 {
                max-width: 1320px;
                padding-right: 20px;
                padding-left: 20px;
                margin-right: auto;
                margin-bottom: 20px;
                margin-left: auto
            }

            .gb-container-aa80de50 {
                height: 100%
            }

            .gb-grid-wrapper>.gb-grid-column-aa80de50 {
                width: 66.66%
            }

            .gb-container-83c65945 {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                column-gap: 20px;
                row-gap: 20px;
                margin-bottom: 20px
            }

            .gb-container-773ace4a a {
                color: var(--darkest)
            }

            .gb-container-773ace4a a:hover {
                color: var(--primary)
            }

            .gb-container-6d5c93c5 {
                height: 100%;
                display: flex;
                flex-direction: column;
                row-gap: 6px;
                margin-bottom: 20px
            }

            .gb-container-6d5c93c5 a {
                color: var(--darkest)
            }

            .gb-container-6d5c93c5 a:hover {
                color: var(--primary)
            }

            .gb-grid-wrapper>.gb-grid-column-6d5c93c5 {
                width: 33.33%
            }

            .gb-container-f2639b7f {
                max-width: 1320px;
                padding-top: 20px;
                padding-right: 20px;
                padding-left: 20px;
                margin-top: 20px;
                margin-right: auto;
                margin-left: auto;
                border-top: 1px solid var(--dark);
                color: var(--dark)
            }

            .gb-container-60791cc0 {
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative
            }

            div.gb-headline-81538da4 {
                font-size: 16px;
                font-weight: 500;
                text-transform: uppercase;
                margin-top: 12px;
                margin-bottom: 6px;
                color: var(--primary)
            }

            p.gb-headline-7ca7ae93 {
                font-size: 36px;
                line-height: 1.2em;
                font-weight: 700;
                margin-bottom: 12px
            }

            p.gb-headline-7ca7ae93 a {
                color: var(--darkest)
            }

            p.gb-headline-7ca7ae93 a:hover {
                color: var(--primary)
            }

            p.gb-headline-341ff83f {
                font-size: 17px;
                margin-bottom: 0;
                color: var(--dark)
            }

            div.gb-headline-cfbb488c {
                font-size: 14px;
                font-weight: 500;
                text-transform: uppercase;
                margin-top: 12px;
                margin-bottom: 6px;
                color: var(--primary)
            }

            p.gb-headline-cb3b20a6 {
                font-size: 20px;
                line-height: 1.2em;
                font-weight: 700;
                margin-bottom: 12px
            }

            p.gb-headline-cb3b20a6 a {
                color: var(--darkest)
            }

            p.gb-headline-cb3b20a6 a:hover {
                color: var(--primary)
            }

            p.gb-headline-5904ee09 {
                font-size: 14px;
                margin-bottom: 0;
                color: var(--dark)
            }

            div.gb-headline-23c10f9b {
                font-size: 14px;
                font-weight: 500;
                text-transform: uppercase;
                margin-top: 12px;
                margin-bottom: 6px;
                color: var(--primary)
            }

            p.gb-headline-f8a7d739 {
                font-size: 20px;
                line-height: 1.2em;
                font-weight: 700;
                margin-bottom: 12px
            }

            p.gb-headline-f8a7d739 a {
                color: var(--darkest)
            }

            p.gb-headline-f8a7d739 a:hover {
                color: var(--primary)
            }

            p.gb-headline-aa9004e7 {
                font-size: 14px;
                margin-bottom: 0;
                color: var(--dark)
            }

            h2.gb-headline-7e978c75 {
                font-size: 24px
            }

            p.gb-headline-20f7ee0e {
                font-size: 14px;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 0;
                color: var(--primary)
            }

            p.gb-headline-0408d50c {
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 5px
            }

            p.gb-headline-0408d50c a {
                color: var(--darkest)
            }

            p.gb-headline-0408d50c a:hover {
                color: var(--primary)
            }

            p.gb-headline-dacac4a8 {
                font-size: 14px;
                margin-bottom: 0;
                color: var(--dark)
            }

            p.gb-headline-39088a5b {
                display: flex;
                align-items: center;
                column-gap: .5em;
                font-size: 26px;
                line-height: 1em;
                font-weight: 700;
                margin-bottom: 0
            }

            p.gb-headline-5b0f0da9 {
                font-size: 26px;
                font-weight: 700;
                margin-bottom: 20px
            }

            div.gb-headline-cd5158f5 {
                margin-bottom: 0
            }

            p.gb-headline-dcdc0b7e {
                font-size: 1rem;
                text-align: center;
                margin-bottom: 0
            }

            .gb-grid-wrapper-ad037bd8 {
                display: flex;
                flex-wrap: wrap;
                row-gap: 40px;
                margin-left: -40px
            }

            .gb-grid-wrapper-ad037bd8>.gb-grid-column {
                box-sizing: border-box;
                padding-left: 40px
            }

            .gb-grid-wrapper-9d53f6e3 {
                display: flex;
                flex-wrap: wrap
            }

            .gb-grid-wrapper-9d53f6e3>.gb-grid-column {
                box-sizing: border-box
            }

            .gb-grid-wrapper-0d254d1e {
                display: flex;
                flex-wrap: wrap;
                margin-left: -30px
            }

            .gb-grid-wrapper-0d254d1e>.gb-grid-column {
                box-sizing: border-box;
                padding-left: 30px;
                padding-bottom: 20px
            }

            .gb-grid-wrapper-70d07d80 {
                display: flex;
                flex-wrap: wrap;
                margin-left: -30px
            }

            .gb-grid-wrapper-70d07d80>.gb-grid-column {
                box-sizing: border-box;
                padding-left: 30px;
                padding-bottom: 20px
            }

            .gb-grid-wrapper-09bc6f2e {
                display: flex;
                flex-wrap: wrap;
                row-gap: 20px
            }

            .gb-grid-wrapper-09bc6f2e>.gb-grid-column {
                box-sizing: border-box
            }

            .gb-grid-wrapper-1d5817e5 {
                display: flex;
                flex-wrap: wrap;
                margin-left: -40px
            }

            .gb-grid-wrapper-1d5817e5>.gb-grid-column {
                box-sizing: border-box;
                padding-left: 40px
            }

            .gb-image-e86375d4 {
                width: 100%;
                height: 500px;
                object-fit: cover;
                vertical-align: middle
            }

            .gb-image-2892ff5f {
                width: 100%;
                height: 220px;
                object-fit: cover;
                vertical-align: middle
            }

            .gb-image-bc095a41 {
                width: 100%;
                height: 160px;
                object-fit: cover;
                vertical-align: middle
            }

            a.gb-button-0340ca0c {
                display: inline-flex;
                font-size: 16px;
                padding: 2px 18px;
                border-radius: 2em;
                border: 2px solid var(--light);
                color: var(--darkest);
                text-decoration: none
            }

            a.gb-button-0340ca0c:active,a.gb-button-0340ca0c:focus,a.gb-button-0340ca0c:hover {
                border-color: var(--primary);
                background-color: var(--primary);
                color: var(--lightest)
            }

            .gb-button-a1dc37f5 {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                column-gap: .5em;
                height: 60px;
                text-decoration: none
            }

            .gb-button-a1dc37f5 .gb-icon {
                line-height: 0
            }

            .gb-button-a1dc37f5 .gb-icon svg {
                width: 24px;
                height: 24px;
                fill: currentColor
            }

            @media (max-width: 1024px) {
                .gb-container-99296451 {
                    margin-top:20px
                }

                .gb-container-c2ab14bb {
                    margin-top: 0
                }

                .gb-grid-wrapper>.gb-grid-column-6acefef6 {
                    width: 50%
                }

                p.gb-headline-7ca7ae93 {
                    font-size: 24px
                }

                p.gb-headline-cb3b20a6 {
                    font-size: 18px
                }

                p.gb-headline-f8a7d739 {
                    font-size: 18px
                }

                .gb-image-e86375d4 {
                    height: 300px
                }

                .gb-image-2892ff5f {
                    height: 160px
                }
            }

            @media (max-width: 767px) {
                .main-navigation .menu-bar-item.sfHover>a,.main-navigation .menu-bar-item:hover>a {
                    background:0 0;
                    color: var(--secondary)
                }

                .gb-grid-wrapper>.gb-grid-column-68d662a8 {
                    width: 100%
                }

                .gb-grid-wrapper>.gb-grid-column-32b75e24 {
                    width: 100%
                }

                .gb-grid-wrapper>.gb-grid-column-6acefef6 {
                    width: 100%
                }

                .gb-grid-wrapper>.gb-grid-column-ac89a0aa {
                    width: 100%
                }

                .gb-grid-wrapper>.gb-grid-column-aa80de50 {
                    width: 100%
                }

                .gb-grid-wrapper>.gb-grid-column-6d5c93c5 {
                    width: 100%
                }

                div.gb-headline-81538da4 {
                    font-size: 14px
                }

                p.gb-headline-7ca7ae93 {
                    font-size: 18px
                }

                p.gb-headline-341ff83f {
                    font-size: 14px
                }

                .gb-grid-wrapper-1d5817e5>.gb-grid-column {
                    padding-bottom: 20px
                }

                .gb-image-e86375d4 {
                    height: 160px
                }
            }

            ul.pills {
                list-style-type: none;
                margin-left: 0;
                counter-reset: pills-number;
                line-height: 2.3em
            }

            ul.pills li {
                display: inline-block;
                counter-increment: pills-number
            }

            ul.pills a {
                margin-right: 5px;
                padding: .15em .66em;
                border-radius: 2rem;
                border: 2px solid var(--light);
                text-transform: capitalize;
                color: var(--darkest)
            }

            ul.pills a::before {
                content: counter(pills-number) ".";
                color: var(--primary);
                margin-right: .25em;
                font-weight: 500
            }

            ul.pills a:hover {
                border-color: var(--primary)
            }

            :root {
                --wp--preset--aspect-ratio--square: 1;
                --wp--preset--aspect-ratio--4-3: 4/3;
                --wp--preset--aspect-ratio--3-4: 3/4;
                --wp--preset--aspect-ratio--3-2: 3/2;
                --wp--preset--aspect-ratio--2-3: 2/3;
                --wp--preset--aspect-ratio--16-9: 16/9;
                --wp--preset--aspect-ratio--9-16: 9/16;
                --wp--preset--color--black: #000000;
                --wp--preset--color--cyan-bluish-gray: #abb8c3;
                --wp--preset--color--white: #ffffff;
                --wp--preset--color--pale-pink: #f78da7;
                --wp--preset--color--vivid-red: #cf2e2e;
                --wp--preset--color--luminous-vivid-orange: #ff6900;
                --wp--preset--color--luminous-vivid-amber: #fcb900;
                --wp--preset--color--light-green-cyan: #7bdcb5;
                --wp--preset--color--vivid-green-cyan: #00d084;
                --wp--preset--color--pale-cyan-blue: #8ed1fc;
                --wp--preset--color--vivid-cyan-blue: #0693e3;
                --wp--preset--color--vivid-purple: #9b51e0;
                --wp--preset--color--primary: var(--primary);
                --wp--preset--color--secondary: var(--secondary);
                --wp--preset--color--lightest: var(--lightest);
                --wp--preset--color--light: var(--light);
                --wp--preset--color--medium: var(--medium);
                --wp--preset--color--dark: var(--dark);
                --wp--preset--color--darkest: var(--darkest);
                --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6, 147, 227, 1) 0%,rgb(155, 81, 224) 100%);
                --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122, 220, 180) 0%,rgb(0, 208, 130) 100%);
                --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252, 185, 0, 1) 0%,rgba(255, 105, 0, 1) 100%);
                --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255, 105, 0, 1) 0%,rgb(207, 46, 46) 100%);
                --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238, 238, 238) 0%,rgb(169, 184, 195) 100%);
                --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74, 234, 220) 0%,rgb(151, 120, 209) 20%,rgb(207, 42, 186) 40%,rgb(238, 44, 130) 60%,rgb(251, 105, 98) 80%,rgb(254, 248, 76) 100%);
                --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255, 206, 236) 0%,rgb(152, 150, 240) 100%);
                --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254, 205, 165) 0%,rgb(254, 45, 45) 50%,rgb(107, 0, 62) 100%);
                --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255, 203, 112) 0%,rgb(199, 81, 192) 50%,rgb(65, 88, 208) 100%);
                --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255, 245, 203) 0%,rgb(182, 227, 212) 50%,rgb(51, 167, 181) 100%);
                --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202, 248, 128) 0%,rgb(113, 206, 126) 100%);
                --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2, 3, 129) 0%,rgb(40, 116, 252) 100%);
                --wp--preset--font-size--small: 13px;
                --wp--preset--font-size--medium: 20px;
                --wp--preset--font-size--large: 36px;
                --wp--preset--font-size--x-large: 42px;
                --wp--preset--spacing--20: 0.44rem;
                --wp--preset--spacing--30: 0.67rem;
                --wp--preset--spacing--40: 1rem;
                --wp--preset--spacing--50: 1.5rem;
                --wp--preset--spacing--60: 2.25rem;
                --wp--preset--spacing--70: 3.38rem;
                --wp--preset--spacing--80: 5.06rem;
                --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
                --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
                --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
                --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),6px 6px rgba(0, 0, 0, 1);
                --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
            }

            :where(.is-layout-flex) {
                gap: .5em
            }

            :where(.is-layout-grid) {
                gap: .5em
            }

            :where(.wp-block-columns.is-layout-flex) {
                gap: 2em
            }

            :where(.wp-block-columns.is-layout-grid) {
                gap: 2em
            }

            :where(.wp-block-post-template.is-layout-flex) {
                gap: 1.25em
            }

            :where(.wp-block-post-template.is-layout-grid) {
                gap: 1.25em
            }

.meta-separator {opacity: .5;margin-inline: .15rem;}