@property --grid-row-start {
  syntax: "*";
  inherits: false;
  initial-value: auto;
}

@property --grid-row-end {
  syntax: "*";
  inherits: false;
  initial-value: auto;
}

@property --grid-column-start {
  syntax: "*";
  inherits: false;
  initial-value: auto;
}

@property --grid-column-end {
  syntax: "*";
  inherits: false;
  initial-value: auto;
}

@property --gutter-width {
    syntax: "<length>";
    inherits: true;
    initial-value: 160px;
}

@media only screen and (max-width: 1322px) {
    .wp-site-blocks {
        --gutter-width: 0px;
    }
}

@media (max-width: 639px) {
    .is-position-sticky {
        position: unset !important;
    }
}


body:not(.editor-styles-wrapper) .wp-site-blocks,
body.editor-styles-wrapper .wp-site-blocks:has(.cell-site) {
    display: grid !important;
    grid-template-columns: [site-start leftgutter-start] minmax(var(--gutter-width), 1fr) [leftgutter-end content-start] minmax(0, 1400px) [content-end rightgutter-start]  minmax(var(--gutter-width), 1fr) [rightgutter-end site-end];
    grid-template-rows: [site-start header-start] auto [header-end content-start] auto [content-end footer-start] auto [footer-end site-end];
    row-gap: 0px;
    column-gap: 24px;
    transition: all ease-in-out 0.25s;
}





.cell-site {
    margin: 0px;
}

.row-header {
    grid-row: header-start / header-end !important;
}   

.row-content {
    grid-row: content-start / content-end !important;
}

.row-footer {
    grid-row: footer-start / footer-end !important;
}

.row-site {
    grid-row: site-start / site-end !important;
}

.column-leftgutter {
    grid-column: leftgutter-start / leftgutter-end !important;
}

.column-content {
    grid-column: content-start / content-end !important;
}

.column-rightgutter {
    grid-column: rightgutter-start / rightgutter-end !important;
}

.column-site {
    grid-column: site-start / site-end !important;
}


.display-contents {
    display: contents;
}
.grid-site {
    grid-template-columns: subgrid !important;
    grid-template-rows: auto !important;
    transition: all ease-in-out 0.25s;
}


.zindex-m1 {
    z-index: -1;
}

@media (width < 128000px) {
    .grid-columns-auto { grid-template-columns: auto !important; }
    .grid-columns-sub  { grid-template-columns: subgrid !important; }

    .grid-rows-auto { grid-template-rows: auto !important; }
    .grid-rows-sub  { grid-template-rows: subgrid !important; }

    .grid-cell { --grid-row-start: auto; --grid-row-end: auto }
    .grid-row-fill     { --grid-row-start: 1; --grid-row-end: span all; }
    .grid-row-start-1  { --grid-row-start: 1; }
    .grid-row-start-2  { --grid-row-start: 2; }
    .grid-row-start-3  { --grid-row-start: 3; }
    .grid-row-start-4  { --grid-row-start: 4; }
    .grid-row-start-5  { --grid-row-start: 5; }
    .grid-row-start-6  { --grid-row-start: 6; }
    .grid-row-end-s1   { --grid-row-end: span 1; }
    .grid-row-end-s2   { --grid-row-end: span 2; }
    .grid-row-end-s3   { --grid-row-end: span 3; }
    .grid-row-end-s4   { --grid-row-end: span 4; }
    .grid-row-end-s5   { --grid-row-end: span 5; }
    .grid-row-end-s6   { --grid-row-end: span 6; }

    .grid-cell { --grid-column-start: auto; --grid-column-end: auto; }
    .grid-column-fill     { --grid-column-start: 1; --grid-column-end: span all; }
    .grid-column-start-1  { --grid-column-start: 1; }
    .grid-column-start-2  { --grid-column-start: 2; }
    .grid-column-start-3  { --grid-column-start: 3; }
    .grid-column-start-4  { --grid-column-start: 4; }
    .grid-column-start-5  { --grid-column-start: 5; }
    .grid-column-start-6  { --grid-column-start: 6; }
    .grid-column-end-s1   { --grid-column-end: span 1; }
    .grid-column-end-s2   { --grid-column-end: span 2; }
    .grid-column-end-s3   { --grid-column-end: span 3; }
    .grid-column-end-s4   { --grid-column-end: span 4; }
    .grid-column-end-s5   { --grid-column-end: span 5; }
    .grid-column-end-s6   { --grid-column-end: span 6; }
}

@media (width < 1280px) {
    .lg-grid-columns-auto { grid-template-columns: auto !important; }
    .lg-grid-columns-sub  { grid-template-columns: subgrid !important; }

    .lg-grid-rows-auto { grid-template-rows: auto !important; }
    .lg-grid-rows-sub  { grid-template-rows: subgrid !important; }

    .lg-grid-cell { --grid-row-start: auto; --grid-row-end: auto }
    .lg-grid-row-fill     { --grid-row-start: 1; --grid-row-end: span all; }
    .lg-grid-row-start-1  { --grid-row-start: 1; }
    .lg-grid-row-start-2  { --grid-row-start: 2; }
    .lg-grid-row-start-3  { --grid-row-start: 3; }
    .lg-grid-row-start-4  { --grid-row-start: 4; }
    .lg-grid-row-start-5  { --grid-row-start: 5; }
    .lg-grid-row-start-6  { --grid-row-start: 6; }
    .lg-grid-row-end-s1   { --grid-row-end: span 1; }
    .lg-grid-row-end-s2   { --grid-row-end: span 2; }
    .lg-grid-row-end-s3   { --grid-row-end: span 3; }
    .lg-grid-row-end-s4   { --grid-row-end: span 4; }
    .lg-grid-row-end-s5   { --grid-row-end: span 5; }
    .lg-grid-row-end-s6   { --grid-row-end: span 6; }

    .lg-grid-cell { --grid-column-start: auto; --grid-column-end: auto; }
    .lg-grid-column-fill     { --grid-column-start: 1; --grid-column-end: span all; }
    .lg-grid-column-start-1  { --grid-column-start: 1; }
    .lg-grid-column-start-2  { --grid-column-start: 2; }
    .lg-grid-column-start-3  { --grid-column-start: 3; }
    .lg-grid-column-start-4  { --grid-column-start: 4; }
    .lg-grid-column-start-5  { --grid-column-start: 5; }
    .lg-grid-column-start-6  { --grid-column-start: 6; }
    .lg-grid-column-end-s1   { --grid-column-end: span 1; }
    .lg-grid-column-end-s2   { --grid-column-end: span 2; }
    .lg-grid-column-end-s3   { --grid-column-end: span 3; }
    .lg-grid-column-end-s4   { --grid-column-end: span 4; }
    .lg-grid-column-end-s5   { --grid-column-end: span 5; }
    .lg-grid-column-end-s6   { --grid-column-end: span 6; }
}

@media (width < 1024px) {
    .md-grid-columns-auto { grid-template-columns: auto !important; }
    .md-grid-columns-sub  { grid-template-columns: subgrid !important; }

    .md-grid-rows-auto { grid-template-rows: auto !important; }
    .md-grid-rows-sub  { grid-template-rows: subgrid !important; }

    .md-grid-cell { --grid-row-start: auto; --grid-row-end: auto }
    .md-grid-row-fill     { --grid-row-start: 1; --grid-row-end: span all; }
    .md-grid-row-start-1  { --grid-row-start: 1; }
    .md-grid-row-start-2  { --grid-row-start: 2; }
    .md-grid-row-start-3  { --grid-row-start: 3; }
    .md-grid-row-start-4  { --grid-row-start: 4; }
    .md-grid-row-start-5  { --grid-row-start: 5; }
    .md-grid-row-start-6  { --grid-row-start: 6; }
    .md-grid-row-end-s1   { --grid-row-end: span 1; }
    .md-grid-row-end-s2   { --grid-row-end: span 2; }
    .md-grid-row-end-s3   { --grid-row-end: span 3; }
    .md-grid-row-end-s4   { --grid-row-end: span 4; }
    .md-grid-row-end-s5   { --grid-row-end: span 5; }
    .md-grid-row-end-s6   { --grid-row-end: span 6; }

    .md-grid-cell { --grid-column-start: auto; --grid-column-end: auto; }
    .md-grid-column-fill     { --grid-column-start: 1; --grid-column-end: span all; }
    .md-grid-column-start-1  { --grid-column-start: 1; }
    .md-grid-column-start-2  { --grid-column-start: 2; }
    .md-grid-column-start-3  { --grid-column-start: 3; }
    .md-grid-column-start-4  { --grid-column-start: 4; }
    .md-grid-column-start-5  { --grid-column-start: 5; }
    .md-grid-column-start-6  { --grid-column-start: 6; }
    .md-grid-column-end-s1   { --grid-column-end: span 1; }
    .md-grid-column-end-s2   { --grid-column-end: span 2; }
    .md-grid-column-end-s3   { --grid-column-end: span 3; }
    .md-grid-column-end-s4   { --grid-column-end: span 4; }
    .md-grid-column-end-s5   { --grid-column-end: span 5; }
    .md-grid-column-end-s6   { --grid-column-end: span 6; }
}

@media (width < 768px) {
    .sm-grid-columns-auto { grid-template-columns: auto !important; }
    .sm-grid-columns-sub  { grid-template-columns: subgrid !important; }

    .sm-grid-rows-auto { grid-template-rows: auto !important; }
    .sm-grid-rows-sub  { grid-template-rows: subgrid !important; }

    .sm-grid-cell { --grid-row-start: auto; --grid-row-end: auto }
    .sm-grid-row-fill     { --grid-row-start: 1; --grid-row-end: span all; }
    .sm-grid-row-start-1  { --grid-row-start: 1; }
    .sm-grid-row-start-2  { --grid-row-start: 2; }
    .sm-grid-row-start-3  { --grid-row-start: 3; }
    .sm-grid-row-start-4  { --grid-row-start: 4; }
    .sm-grid-row-start-5  { --grid-row-start: 5; }
    .sm-grid-row-start-6  { --grid-row-start: 6; }
    .sm-grid-row-end-s1   { --grid-row-end: span 1; }
    .sm-grid-row-end-s2   { --grid-row-end: span 2; }
    .sm-grid-row-end-s3   { --grid-row-end: span 3; }
    .sm-grid-row-end-s4   { --grid-row-end: span 4; }
    .sm-grid-row-end-s5   { --grid-row-end: span 5; }
    .sm-grid-row-end-s6   { --grid-row-end: span 6; }

    .sm-grid-cell { --grid-column-start: auto; --grid-column-end: auto; }
    .sm-grid-column-fill     { --grid-column-start: 1; --grid-column-end: span all; }
    .sm-grid-column-start-1  { --grid-column-start: 1; }
    .sm-grid-column-start-2  { --grid-column-start: 2; }
    .sm-grid-column-start-3  { --grid-column-start: 3; }
    .sm-grid-column-start-4  { --grid-column-start: 4; }
    .sm-grid-column-start-5  { --grid-column-start: 5; }
    .sm-grid-column-start-6  { --grid-column-start: 6; }
    .sm-grid-column-end-s1   { --grid-column-end: span 1; }
    .sm-grid-column-end-s2   { --grid-column-end: span 2; }
    .sm-grid-column-end-s3   { --grid-column-end: span 3; }
    .sm-grid-column-end-s4   { --grid-column-end: span 4; }
    .sm-grid-column-end-s5   { --grid-column-end: span 5; }
    .sm-grid-column-end-s6   { --grid-column-end: span 6; }
}

@media (width < 640px) {
    .xs-grid-columns-auto { grid-template-columns: auto !important; }
    .xs-grid-columns-sub  { grid-template-columns: subgrid !important; }

    .xs-grid-rows-auto { grid-template-rows: auto !important; }
    .xs-grid-rows-sub  { grid-template-rows: subgrid !important; }

    .xs-grid-cell { --grid-row-start: auto; --grid-row-end: auto }
    .xs-grid-row-fill     { --grid-row-start: 1; --grid-row-end: span all; }
    .xs-grid-row-start-1  { --grid-row-start: 1; }
    .xs-grid-row-start-2  { --grid-row-start: 2; }
    .xs-grid-row-start-3  { --grid-row-start: 3; }
    .xs-grid-row-start-4  { --grid-row-start: 4; }
    .xs-grid-row-start-5  { --grid-row-start: 5; }
    .xs-grid-row-start-6  { --grid-row-start: 6; }
    .xs-grid-row-end-s1   { --grid-row-end: span 1; }
    .xs-grid-row-end-s2   { --grid-row-end: span 2; }
    .xs-grid-row-end-s3   { --grid-row-end: span 3; }
    .xs-grid-row-end-s4   { --grid-row-end: span 4; }
    .xs-grid-row-end-s5   { --grid-row-end: span 5; }
    .xs-grid-row-end-s6   { --grid-row-end: span 6; }

    .xs-grid-cell { --grid-column-start: auto; --grid-column-end: auto; }
    .xs-grid-column-fill     { --grid-column-start: 1; --grid-column-end: span all; }
    .xs-grid-column-start-1  { --grid-column-start: 1; }
    .xs-grid-column-start-2  { --grid-column-start: 2; }
    .xs-grid-column-start-3  { --grid-column-start: 3; }
    .xs-grid-column-start-4  { --grid-column-start: 4; }
    .xs-grid-column-start-5  { --grid-column-start: 5; }
    .xs-grid-column-start-6  { --grid-column-start: 6; }
    .xs-grid-column-end-s1   { --grid-column-end: span 1; }
    .xs-grid-column-end-s2   { --grid-column-end: span 2; }
    .xs-grid-column-end-s3   { --grid-column-end: span 3; }
    .xs-grid-column-end-s4   { --grid-column-end: span 4; }
    .xs-grid-column-end-s5   { --grid-column-end: span 5; }
    .xs-grid-column-end-s6   { --grid-column-end: span 6; }
}

.grid-cell { grid-row: var(--grid-row-start) / var(--grid-row-end); }
.grid-cell { grid-column: var(--grid-column-start) / var(--grid-column-end); }
.site-row  {
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding-top: 34px;
    padding-bottom: 34px;
    column-gap: 24px;
    transition: all ease-in-out 0.25s;
}

.site-row-end {
    row-gap: 0px;
}