/*
 * WP BLOCK LIBRARY
 */

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

ol,ul {
    box-sizing: border-box;
}

.editor-styles-wrapper,.entry-content {
    counter-reset: footnotes;
}

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

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

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

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

.wp-block-table {
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table td,.wp-block-table th {
    border: 1px solid;
    padding: .5em
}

 /*
 * GLOBAL
 */

@font-face {
    font-family: 'pass';
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}

/*
 * Fallback for Futura PT to reduce CLS
 * Metrics approximated to match Futura PT's heavy ascent/descent
 */
@font-face {
    font-family: 'futura-pt-fallback';
    src: local('Arial');
    ascent-override: 95%;
    descent-override: 25%;
    size-adjust: 94%;
}

body {
    background-color: var(--brown-100);
    margin: 0;
}

/*
 * SPACING
 */

* {
    box-sizing: border-box;
}

:root {
    --space-unit: 1rem;

    --space-xxs: calc(0.5 * var(--space-unit));
    --space-xs: var(--space-unit);
    --space-sm: calc(1.5 * var(--space-unit));
    --space-base: calc(2 * var(--space-unit));
    --space-md: calc(2.5 * var(--space-unit));
    --space-lg: calc(3 * var(--space-unit));
    --space-xl: calc(3.5 * var(--space-unit));
    --space-xxl: calc(4 * var(--space-unit));
    --space-xxxl: calc(4.5 * var(--space-unit));

    --space-col: calc(6 * var(--space-unit));
    --space-gutter: var(--space-sm);
}

@media (max-width: 768px) {
    :root {
        --space-unit: .8rem;
    }
}

@media (max-width: 425px) {
    :root {
        --space-unit: .6rem;
    }
}

/*
 * COLORS
 */

:root {
    --red-100: #FFEEEE;
    --red-200: #F2C7C7;
    --red-300: #ECB3B3;
    --red-400: #E59F9F;
    --red-500: #DF8C8C;
    --red-600: #D87878;
    --red-700: #CB5050;
    --red-800: #B94949;

    --orange-100: #FFF1D6;
    --orange-200: #FAE0B0;
    --orange-300: #F5CF8A;
    --orange-400: #EFBE63;
    --orange-500: #EAAD3D;
    --orange-600: #C99432;
    --orange-700: #A87B28;
    --orange-800: #87621D;

    --yellow-100: #FFEEC2;
    --yellow-200: #FFE8AE;
    --yellow-300: #FFE399;
    --yellow-400: #FFDD85;
    --yellow-500: #EDC96F;
    --yellow-600: #DAB559;
    --yellow-700: #B48E2C;
    --yellow-800: #8F6600;

    --green-100: #E9F2E8;
    --green-200: #C2DDC0;
    --green-300: #A4CB9F;
    --green-400: #81B67C;
    --green-500: #60A159;
    --green-600: #528A4D;
    --green-700: #447340;
    --green-800: #365C33;

    --blue-100: #EFF5FB;
    --blue-200: #D2E3F3;
    --blue-300: #B5D0EB;
    --blue-400: #98BEE3;
    --blue-500: #7BABDB;
    --blue-600: #6297CD;
    --blue-700: #4984BE;
    --blue-800: #3070B0;

    --purple-100: #F4EFFB;
    --purple-200: #E1D2F3;
    --purple-300: #CEB5EB;
    --purple-400: #BB98E3;
    --purple-500: #A87BDB;
    --purple-600: #9B67D5;
    --purple-700: #8D53D0;
    --purple-800: #803FCA;

    --brown-100: #F1D1A7;
    --brown-200: #E3C091;
    --brown-300: #CBA97B;
    --brown-400: #B99465;
    --brown-500: #A6824F;
    --brown-600: #916C3B;
    --brown-700: #7D5726;
    --brown-800: #684112;

    --gray-100: #F5F5F5;
    --gray-200: #E6E6E6;
    --gray-300: #DDDDDD;
    --gray-400: #D3D3D3;
    --gray-500: #C0C0BF;
    --gray-600: #9A9998;
    --gray-700: #747371;
    --gray-800: #4E4C4A;
    --gray-900: #282623;
}

/*
 * TYPOGRAPHY
 */

:root {
    --font-primary: "futura-pt", "futura-pt-fallback", sans-serif;

    --text-base-size: 20px;
    --text-scale-ratio: 1.2;

    --text-xs: calc(var(--text-base-size) / (var(--text-scale-ratio) * var(--text-scale-ratio)));
    --text-sm: calc(var(--text-base-size) / var(--text-scale-ratio));
    --text-base: var(--text-base-size);
    --text-md: calc(var(--text-base-size) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-xxxxl: calc(var(--text-base-size) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio) * var(--text-scale-ratio));
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    color: var(--brown-800);
    line-height: 1.4;
}

a {
    color: var(--brown-800);
    outline: 0;
    text-decoration: none;
}

b, strong {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

h1 {
    color: var(--brown-800);
    font-weight: 600;
}

h2 {
    color: var(--brown-800);
    font-weight: 600;
}

h3 {
    color: var(--brown-700);
    font-weight: 500;
}

h4 {
    color: var(--brown-700);
    font-weight: 500;
}

h5 {
    color: var(--brown-600);
    font-weight: 500;
}

h6 {
    color: var(--brown-600);
    font-weight: 500;
}

.subtitle {
    font-weight: 500;
}

.caption {
    font-style: italic;
}

.overline {
    font-weight: 500;
}

h1, .text--xxxxl {
    font-size: var(--text-xxxxl);
    line-height: 1.306;
    letter-spacing: -0.5px;
}

h2, .text--xxxl {
    font-size: var(--text-xxxl);
    line-height: 1.360;
    letter-spacing: -0.5px;
}

h3, .text--xxl {
    font-size: var(--text-xxl);
    line-height: 1.350;
    letter-spacing: -0.7px;
}

h4, .text--xl {
    font-size: var(--text-xl);
    line-height: 1.389;
    letter-spacing: -0.1px;
}

h5, .text--lg {
    font-size: var(--text-lg);
    line-height: 1.389;
    letter-spacing: -0.3px;
}

h6, .text--md {
    font-size: var(--text-md);
    line-height: 1.333;
    letter-spacing: -0.3px;
}

.caption, .overline, .text--sm {
    font-size: var(--text-sm);
    line-height: 1.440;
    letter-spacing: 0.2px;
}

.text--xs {
    font-size: var(--text-xs);
    line-height: 1.439;
}

@media (max-width: 1240px) {
    h1, .text--xxxxl {
        font-size: var(--text-xxxl);
        line-height: 1.360;
        letter-spacing: -0.5px;
    }

    h2, .text--xxxl {
        font-size: var(--text-xxl);
        line-height: 1.350;
        letter-spacing: -0.7px;
    }

    h3, .text--xxl {
        font-size: var(--text-xl);
        line-height: 1.389;
        letter-spacing: -0.1px;
    }

    h4, .text--xl {
        font-size: var(--text-lg);
        line-height: 1.389;
        letter-spacing: -0.3px;
    }

    h5, .text--lg {
        font-size: var(--text-md);
        line-height: 1.333;
        letter-spacing: -0.3px;
    }

    h6, .text--md {
        font-size: var(--text-base);
        line-height: 1.4;
        letter-spacing: -0.1px;
    }
}

@media (max-width: 425px) {
    h1, .text--xxxxl {
        font-size: var(--text-xxl);
        line-height: 1.350;
        letter-spacing: -0.7px;
    }

    h2, .text--xxxl {
        font-size: var(--text-xl);
        line-height: 1.389;
        letter-spacing: -0.1px;
    }

    h3, .text--xxl {
        font-size: var(--text-lg);
        line-height: 1.389;
        letter-spacing: -0.3px;
    }

    h4, .text--xl {
        font-size: var(--text-md);
        line-height: 1.333;
        letter-spacing: -0.3px;
    }

    h5, .text--lg {
        font-size: var(--text-base);
        line-height: 1.4;
        letter-spacing: -0.1px;
    }

    body {
        font-size: var(--text-sm);
        line-height: 1.440;
    }
}

article {
    display: grid;
    grid-row-gap: var(--space-sm);
    align-content: start;
}

article h1 {
    margin-top: var(--space-xl);
}

article h2 {
    margin-top: var(--space-lg);
}

article h3 {
    margin-top: var(--space-md);
}

article h4 {
    margin-top: var(--space-base);
}

article h5 {
    margin-top: var(--space-sm);
}

article h6 {
    margin-top: var(--space-sm);
}

.site-main--single article .entry-content h2 {
    font-weight: 500;
    margin-top: var(--space-base);
    font-size: var(--text-xl);
    line-height: 1.389;
    letter-spacing: -0.1px;
}

.site-main--single article .entry-content h3 {
    margin-top: var(--space-sm);
    font-size: var(--text-md);
    line-height: 1.333;
    letter-spacing: -0.3px;
}

.site-main--single article .entry-content h3.prompt {
    background-color: var(--green-300);
    color: var(--green-800);
    padding: var(--space-base);
    border-radius: 8px;
}

.site-main--single article .entry-content h3.prompt a {
    color: var(--green-800);
    border-bottom: 1px dashed var(--green-800);
}

.site-main--single article .entry-content h4 {
    margin-top: var(--space-xs);
    font-size: var(--text-base);
    line-height: 1.4;
    letter-spacing: -0.1px;
}

/*
 * GRID
 * Use 12-column grid.
 * Always do margin-bottom on block elements.
 */

.container {
    width: 100%;
    max-width: 1544px;
    margin: 0 auto;
    padding: 0 var(--space-xxxl);
}

@media (max-width: 425px) {
    .container {
        padding: 0 var(--space-md);
    }
}

.flex {
    display: flex;
}

.col {
    flex-basis: 100%;
    margin-right: var(--space-sm);
}

.col:last-of-type {
    margin-right: 0;
}

.col--1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
}

.col--2 {
    flex-basis: 16.67%;
    max-width: 16.67%;
}

.col--3 {
    flex-basis: 25%;
    max-width: 25%;
}

.col--4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
}

.col--5 {
    flex-basis: 41.67%;
    max-width: 41.67%;
}

.col--6 {
    flex-basis: 50%;
    max-width: 50%;
}

.col--7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
}

.col--8 {
    flex-basis: 66.67%;
    max-width: 66.67%;
}

.col--9 {
    flex-basis: 75%;
    max-width: 75%;
}

.col--10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
}

.col--11 {
    flex-basis: 91.67%;
    max-width: 91.67%;
}

.col--12 {
    flex-basis: 100%;
    max-width: 100%;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: var(--space-gutter);
}

.grid--6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid--4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid--3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid--2 {
    grid-template-columns: repeat(2, 1fr);
}

/*
 * SHADOWS
 */

.shadow--100 {
    box-shadow:
            0 5.7px 3.9px -11px rgba(110, 76, 22, 0.072),
            0 10px 8px -11px rgba(110, 76, 22, 0.2);
}

.shadow--200 {
    box-shadow:
            0 6.7px 1.3px -6px rgba(110, 76, 22, 0.018),
            0 7.9px 2.9px -6px rgba(110, 76, 22, 0.027),
            0 13px 8px -6px rgba(110, 76, 22, 0.05);
}

.shadow--300 {
    box-shadow:
            0 10.9px 2.7px -8px rgba(110, 76, 22, 0.016),
            0 13px 4px -8px rgba(110, 76, 22, 0.022),
            0 14.6px 5.2px -8px rgba(110, 76, 22, 0.03),
            0 23px 8px -8px rgba(110, 76, 22, 0.05);
}

/*
 * BUTTONS
 */

.button {
    outline: 0;
    cursor: pointer;
    font-weight: 500;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    line-height: 1.440;
    font-family: var(--font-primary);
    border: 0;

    border-radius: 8px;
    font-size: var(--text-sm);
    padding: var(--space-xs) var(--space-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.button--primary {
    color: white;
    background-color: var(--green-500);
    border-bottom: 2px solid var(--green-700);
}

.button--primary:hover {
    background-color: var(--green-600);
}

.button--primary:active {
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
}

.button--primary.disabled {
    background-color: var(--gray-400);
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
    cursor: default;
}

.button--white-green {
    color: var(--green-500);
    background-color: white;
    border-bottom: 2px solid var(--green-500);
}

.button--white-green:hover {
    background-color: var(--green-100);
}

.button--white-green:active {
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
}

.button--white-green.disabled {
    color: white;
    background-color: var(--gray-400);
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
    cursor: default;
}

.button--white {
    color: black;
    background-color: white;
    border-bottom: 2px solid var(--gray-500);
}

.button--white:hover {
    background-color: var(--gray-100);
}

.button--white:active {
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
}

.button--white.disabled {
    background-color: var(--gray-400);
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
    cursor: default;
}

.button--gray {
    color: white;
    background-color: var(--gray-200);
    border-bottom: 2px solid var(--gray-500);
}

.button--gray:hover {
    background-color: var(--gray-300);
}

.button--gray:active {
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
}

.button--gray.disabled {
    background-color: var(--gray-400);
    border-bottom: 0;
    top: 2px;
    margin-bottom: 2px;
    cursor: default;
}

.button--secondary {
    color: var(--brown-800);
    border: 2px solid var(--brown-800);
}

.button--secondary:hover {
    background-color: var(--brown-200);
}

.button--secondary:active {
    background-color: var(--brown-300);
}

.button--secondary.disabled {
    color: white;
    background-color: var(--gray-400);
    cursor: default;
}

.button--ghost {
    color: var(--brown-800);
}

.button--ghost:hover {
    background-color: var(--brown-200);
}

.button--ghost:active {
    background-color: var(--brown-300);
}

.button--ghost.disabled {
    color: white;
    background-color: var(--gray-400);
    cursor: default;
}

.button--sm {
    padding: var(--space-xxs) var(--space-xs);
}

.button--xs {
    padding: var(--space-xxs) var(--space-xxs);
}

@keyframes button-bubble {
    0% {
        transform: translateY(-110%);
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        transform: translateY(-130%);
        opacity: 0;
    }
}

.button__bubble {
    position: absolute;
    font-size: var(--text-sm);
    line-height: 1.440;
    background: rgba(0, 0, 0, .4);
    border-radius: 8px;
    padding: calc(var(--space-xxs) / 2) var(--space-xxs);
    animation: button-bubble .8s ease forwards;
}

/*
 * INPUTS
 */

input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    color: var(--gray-900);
}

textarea {
    resize: vertical;
}

.input--text label, .input--select label {
    display: block;
    margin-bottom: var(--space-xxs);
}

.input--text input, .input--select select, .input--textarea textarea {
    outline: 0;
    border-radius: 8px;
    border: 2px solid var(--gray-100);
    font-size: var(--text-base);
    font-family: var(--font-primary);
    padding: var(--space-xxs);
    transition: border-color .15s;
    line-height: 28px;
}

@media (max-width: 425px) {
    .input--text input, .input--select select, .input--textarea textarea {
        font-size: var(--text-sm);
    }
}

.input--text-sm input, .input--select-sm select, .input--textarea-sm textarea {
    font-size: var(--text-sm);
    padding: 0 var(--space-xxs);
}

.input--select select {
    background: white url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat calc(100% - 10px) calc(50% + 2px);
    background-size: 10px;
    padding-right: var(--space-md);
}

.input--select-sm select {
    padding-right: var(--space-sm);
}

.input--text input:focus, .input--select select:focus, .input--textarea textarea:focus {
    border-color: var(--green-300);
}

.input--text input[type=password] {
    font-family: 'pass', var(--font-primary);
}

.input--checkboxes, .input--radios {
    display: grid;
    grid-row-gap: var(--space-xxs);
}

.input--checkbox, .input--radio {
    display: flex;
    position: relative;
    align-items: center;
}

.input--checkbox input, .input--radio input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.input--checkbox .checkmark, .input--radio .checkmark {
    position: relative;
    height: 24px;
    width: 24px;
    background-color: white;
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid var(--gray-100);
    cursor: pointer;
    margin-right: var(--space-xxs);
}

.input--checkbox-sm .checkmark, .input--radio-sm .checkmark {
    height: 16px;
    width: 16px;
    margin-right: var(--space-xxs);
}

.input--radio .checkmark {
    border-radius: 100%;
}

.checkmark:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid var(--green-400);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: border-box;
    display: none;
}

.input--checkbox-sm .checkmark:after, .input--radio-sm .checkmark:after {
    left: 4px;
    top: 2px;
    width: 4px;
    height: 7px;
    border-width: 0 2px 2px 0;
}

.input--checkbox input:checked ~ .checkmark, .input--radio input:checked ~ .checkmark {
    border-color: var(--green-300);
}

.input--checkbox input:checked ~ .checkmark:after, .input--radio input:checked ~ .checkmark:after {
    display: block;
}

.input--brown input, .input--brown select, .input--brown textarea, .input--brown .checkmark {
    border-color: var(--brown-200);
}

.input--brown input:focus, .input--brown select:focus, .input--brown textarea:focus, .input--brown input:checked ~ .checkmark {
    border-color: var(--green-400);
}


.input--taper-right input, .input--taper-right select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input--taper-left input, .input--taper-left select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input--no-border-right input, .input--no-border-right select {
    border-right: 0;
}

.input--no-border-left input, .input--no-border-left select {
    border-left: 0;
}

.inline-form {
    display: flex;
}

.inline-form .input--select:not(:first-child) select, .inline-form .input--text:not(:first-child) input {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin: 0;
}

.inline-form .input--select:first-child select, .inline-form .input--text:first-child input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    margin: 0;
}

.inline-form .button {
    border-radius: 0 8px 8px 0;
}

.inline-form__divider {
    min-width: 2px;
    width: 2px;
    background-color: var(--gray-100);
    transition: background-color .15s;
}

.inline-form__divider--brown {
    background-color: var(--brown-200);
}

@media (max-width: 640px) {
    .inline-form--column {
        flex-direction: column;
    }

    .inline-form--column .input--select:not(:first-child) select, .inline-form--column .input--text:not(:first-child) input {
        border-radius: 0;
        border-left-width: 2px;
        border-right-width: 2px;
        border-top-width: 0;
        border-bottom-width: 0;
        width: 100%;
    }

    .inline-form--column .input--select:first-child select, .inline-form--column .input--text:first-child input {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-right-width: 2px;
        border-bottom-width: 0;
        width: 100%;
    }

    .inline-form--column .button {
        border-radius: 0 0 8px 8px;
    }

    .inline-form--column .button:active, .inline-form--column .button.disabled {
        top: 0;
    }

    .inline-form--column .inline-form__divider {
        height: 2px;
        width: 100%;
    }
}

.input--message {
    color: var(--red-700);
    font-size: var(--text-sm);
    line-height: 1.440;
    display: flex;
    align-items: center;
}

.input--message i {
    font-size: var(--text-xs);
    margin-right: calc(var(--space-xxs) / 2);
}

/*
 * MODAL
 */

@keyframes fadein {
    0% {
        background-color: rgba(0, 0, 0, .0);
    }
    100% {
        background-color: rgba(0, 0, 0, .4);
    }
}

@keyframes fadeout {
    0% {
        background-color: rgba(0, 0, 0, .4);
    }
    100% {
        background-color: rgba(0, 0, 0, .0);
    }
}

@keyframes popup {
    0% {
        transform: scale(.97);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes popout {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(.97);
        opacity: 0;
    }
}

.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeout .15s ease forwards;
    will-change: transform;
    padding: 0 var(--space-sm);
}

.modal-container--show {
    animation: fadein .15s ease forwards;
}

.modal {
    padding: var(--space-base);
    color: var(--gray-700);
    background-color: white;
    width: 700px;
    border-radius: 8px;
    position: relative;
    animation: popout .15s ease forwards;
}

.modal--show {
    animation: popup .15s ease forwards;
}

.modal__close {
    position: absolute;
    top: var(--space-base);
    right: var(--space-base);
    cursor: pointer;
    color: var(--gray-500);
    font-size: var(--text-sm);
}

.modal__body {
    display: grid;
    grid-row-gap: var(--space-sm);
}

.modal__title {
    font-weight: 500;
}

/*
 * CALLOUT
 */

.callout {
    background-color: var(--yellow-300);
    border-radius: 8px;
    color: var(--brown-800);
    padding: var(--space-xxs);
}

/*
 * BADGES
 */

.badge {
    background-color: var(--gray-600);
    color: white;
    font-size: var(--text-sm);
    border-radius: 4px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--space-xxs);
    white-space: nowrap;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 400;
    width: fit-content;
}

.badge i {
    font-size: var(--text-xs);
    line-height: 20px;
}

.badge--red {
    background-color: var(--red-700);
}

.badge--orange {
    background-color: var(--orange-500);
}

.badge--yellow {
    background-color: var(--yellow-400);
}

.badge--green {
    background-color: var(--green-500);
}

.badge--blue {
    background-color: var(--blue-500);
}

.badge--purple {
    background-color: var(--purple-500);
}

.badge--light-gray {
    background-color: var(--gray-500);
}

.badge--sm {
    font-size: var(--text-xs);
    height: 20px;
}

/*
 * CUSTOM CSS
 */

a {
    text-decoration: none;
    color: var(--brown-800);
}

b {
    font-weight: 600;
}

ol, ul {
    margin: 0;
}

blockquote {
    display: grid;
    grid-row-gap: var(--space-sm);
    align-content: start;
    border-left: 1px solid var(--brown-300);
    padding-left: var(--space-sm);
    margin-left: var(--space-md);
    margin-right: var(--space-md);
}

.wp-block-image {
    margin: var(--space-sm) 0 !important;
}

.wp-block-image:not(.is-style-rounded) img, .wp-block-image img {
    box-shadow: 0 10px 25px -16px #0000004a;
    border-radius: 8px !important;
}

#page {
    margin-top: var(--space-xxl);
    margin-bottom: calc(var(--space-xxl) * 2);
}

@media (max-width: 768px) {
    #page {
        margin-bottom: calc(var(--space-xl) * 2);
    }
}

#content {
    grid-row-gap: var(--space-lg);
}

#primary {
    grid-column: 1/13;
}

#secondary {
    grid-column: 1/13;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
}

#secondary h6 {
    display: none;
    margin-bottom: var(--space-xs);
}

#secondary .input--text, #secondary input {
    width: 280px;
}

@media (max-width: 1120px) {
    #secondary {
        grid-auto-flow: row;
        justify-content: center;
        row-gap: var(--space-xs);
    }

    #secondary .widget {
        width: 100%;
    }

    #secondary .inline-form {
        justify-content: center;
    }

    #secondary .input--text, #secondary input {
        width: 100%;
        max-width: 400px;
        min-width: 0;
    }
}

#masthead {
    margin-bottom: var(--space-xxxl);
}

@media (max-width: 768px) {
    #masthead {
        margin-bottom: var(--space-xxl);
    }
}

.site-title {
    text-align: center;
}

.site-description {
    text-align: center;
}

.section-title {
    text-align: center;
    margin-bottom: var(--space-base);
}

.site-main article .entry-content > ol, .site-main article .entry-content > ul {
    display: grid;
    grid-row-gap: var(--space-xs);
}

.site-main__posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: var(--space-xl) var(--space-xl);
}

.site-main__posts article {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 6.7px 1.3px -6px rgb(110 76 22 / 2%), 0 7.9px 2.9px -6px rgb(110 76 22 / 3%), 0 13px 8px -6px rgb(110 76 22 / 5%);
    align-content: stretch;
}

.site-main__posts article .entry-title a, .site-main__posts article .entry-meta, .site-main__posts article .entry-meta a {
    color: var(--green-800);
}

.site-main__posts article .entry-meta, .site-main__posts article .entry-meta a {
    color: var(--gray-800);
    margin-bottom: 0;
    justify-content: flex-start;
    align-self: end;
}

.site-main__posts .entry-content {
    grid-row-gap: var(--space-xxs);
    padding: var(--space-sm);
    grid-template-rows: auto auto auto 1fr;
    height: 100%;
}

.site-main__posts .entry-content .entry-title {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
}

.site-main__posts .entry-content p {
    margin-bottom: var(--space-xs);
    color: var(--gray-800);
}

@media (max-width: 1024px) {
    .site-main__posts {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .site-main__posts {
        grid-template-columns: 1fr;
    }
}

.search.inline-form .button {
    padding: 0 var(--space-xs);
    margin: 0;
}

.search.inline-form .button:active {
    top: 0;
}

/*
 * Sidebar ad
 */

.sidebar-ad {
    display: none;
    height: 100px;
    width: 100%;
    grid-column: 8/13;
    position: sticky;
    top: var(--space-sm);
    margin-left: var(--space-sm);
}

/*
 * Entry
 */

.entry-content-container {
    display: flex;
    flex-direction: column;
}

.entry-content-container .post-thumbnail {
    display: flex;
    align-items: flex-start;
}

.entry-content-container .post-thumbnail img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: auto;
}

.entry-content {
    display: grid;
    grid-row-gap: var(--space-sm);
    align-content: start;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    color: var(--brown-800);
}

.entry-content > a {
    width: fit-content;
}

.entry-content p a {
    border-bottom: 1px dashed var(--brown-800);
}

.entry-content .wp-block-table {
    box-shadow: 0 15px 30px -16px rgba(0, 0, 0, 0.16);
    margin: var(--space-sm) 0;
}

.entry-content table {
    background-color: white;
    border-radius: 8px;
    color: var(--gray-800);
    overflow: hidden;
}

.entry-content tr:first-of-type {
    background-color: var(--gray-200);
    font-weight: 500;
}

.entry-content td {
    border-width: 0 0 1px 0;
    border-color: var(--gray-600);
    padding: 12px;
}

.entry-content th {
    border: 0;
    font-weight: 500;
    text-align: left;
    padding: 12px;
}

.entry-content tr:last-of-type td {
    border-bottom: 0;
}

.entry-header {
    margin-bottom: var(--space-base);
    text-align: center;
}

.entry-title {
    margin-top: 0;
}

.entry-meta {
    display: flex;
    align-items: center;
    margin: var(--space-xxs)  0 var(--space-xxs) 0;
    color: var(--brown-700);
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .entry-meta {
        justify-content: center;
    }
}

.entry-meta a {
    color: var(--brown-700);
}

.entry-meta img {
    border-radius: 100%;
    margin-right: var(--space-xxs);
}

.entry-meta__divider {
    margin: 0 var(--space-xxs);
    font-weight: 400;
}

.entry-date {
    font-weight: 400 !important;
}

.entry-footer-single {
    margin-top: var(--space-xl);
    display: grid;
    grid-row-gap: var(--space-xl);
}

.entry-footer-single h6 {
    margin-bottom: var(--space-xs);
}

.services-push {
    text-align: center;
    display: flex;
    margin-top: var(--space-sm);
    align-items: flex-start;
}

.services-push img {
    width: 100%;
    height: auto;
}

.nav-links {
    margin-top: var(--space-md);
}

/*
 * About the author
 */

.about-the-author {
    margin-top: var(--space-xxs);
}

.about-the-author__wrapper {
    display: flex;
    align-items: center;
}

.about-the-author__name {
    display: flex;
    margin-bottom: var(--space-xs);
    align-items: center;
}

.about-the-author__icon {
    margin-right: var(--space-xs);
    display: flex;
}

.about-the-author img {
    border-radius: 100%;
}

@media (max-width: 425px) {
    .about-the-author img {
        width: 32px;
        height: 32px;
    }
}

/*
 * Related posts
 */

.related-posts {
    margin-top: var(--space-xxs);
}

.related-posts h5 {
    text-align: center;
    margin-bottom: var(--space-base);
}

.related-posts-list {
    display: grid;
    gap: var(--space-sm);
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.related-post {
    display: flex;
    flex-direction: column;
    box-shadow: 0 6.7px 1.3px -6px rgb(110 76 22 / 2%), 0 7.9px 2.9px -6px rgb(110 76 22 / 3%), 0 13px 8px -6px rgb(110 76 22 / 5%);
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    color: var(--gray-800);
}

.related-post > a {
    display: flex;
    justify-content: center;
    width: 100%;
}

.related-post > a img {
    width: 100%;
    height: auto;
}

.related-post__content {
    padding: var(--space-xs);
    display: flex;
    flex-direction: column;
}

.related-post__link {
    font-weight: 500;
    margin-bottom: calc(var(--space-xxs) / 2);
}

.related-post__link a {
    color: var(--green-800);
}

@media (max-width: 1024px) {
    .related-posts-list {
        grid-template-columns: 1fr 1fr;
    }

    .related-post {
        border-left: 2px solid var(--green-800);
    }

    .related-post > a {
        display: none;
    }
}

@media (max-width: 768px) {
    .related-post {
        border-left: 0;
    }

    .related-post > a {
        display: flex;
    }
}

@media (max-width: 375px) {
    .related-posts-list {
        grid-template-columns: 1fr;
    }

    .related-post {
        border-left: 2px solid var(--green-800);
    }

    .related-post > a {
        display: none;
    }
}

/*
 * Share post
 */

.share-post {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: start;
    column-gap: var(--space-xxs);
}

.share-post a {
    background-color: var(--brown-300);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background-color .15s ease;
}

.share-post a:hover {
    background-color: var(--brown-400);
}

.share-post svg {
    transform: scale(.7);
}

.entry-footer-single path {
    fill: white;
}

/*
 * Category list
 */

.category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.category-list > a {
    width: fit-content;
    padding: 0 4px 4px 4px;
}

/*
 * Navbar
 */

@keyframes open-dropdown {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.navbar {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: calc(2 * 1rem);
    align-items: center;
    margin-bottom: calc(var(--space-base) * 3);
}

.navbar label {
    font-size: unset;
    color: unset;
}

.navbar a {
    text-decoration: none;
    display: grid;
}

@media (max-width: 768px) {
    .navbar {
        margin-bottom: calc(4.5 * 1rem);
    }
}

.navbar__logo {
    display: flex;
    align-items: center;
    height: 42px;
}

.navbar__links {
    display: grid;
    justify-items: end;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-template-columns: 1fr;
    grid-column-gap: calc(2 * 1rem);
    align-items: center;
}

.navbar__link {
    position: relative;
    display: flex;
    justify-content: center;
}

.navbar__link:hover .navbar__dropdown-container {
    animation: open-dropdown .2s ease forwards;
    pointer-events: all;
}

.navbar__link > a, .navbar__link > label, .navbar__link > label > a, .navbar__link > label:not(.checkbox-container) {
    cursor: pointer;
    margin-bottom: 0;
    color: #684112;
}

.navbar__dropdown-container {
    position: absolute;
    top: 100%;
    padding-top: calc(calc(.5 * 1rem) * 3);
    opacity: 0;
    pointer-events: none;
}

.navbar__dropdown {
    background-color: white;
    border-radius: 8px;
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(.5 * 1rem) calc(.5 * 1rem);
    position: relative;
}

.navbar__dropdown--column {
    grid-template-columns: 1fr;
}

.navbar__dropdown:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: transparent transparent white transparent;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.navbar__dropdown a {
    width: 270px;
    border-radius: 4px;
    padding: calc(.5 * 1rem);
    color: var(--gray-800);
    transition: .2s background-color ease;
}

.navbar__dropdown a:hover {
    background-color: var(--gray-100);
}

.dropdown-box__title {
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: calc(calc(.5 * 1rem) / 2);
}

.dropdown-box__title i {
    font-size: var(--text-xs);
    margin-right: calc(.5 * 1rem);
}

.navbar__button {
    padding: calc(.5 * 1rem) calc(1.5 * 1rem);
    line-height: 24px;
    font-size: calc(20px / 1.2);
}

.navbar input, .navbar > label, .navbar .navbar__links > label {
    display: none;
}

/*
 * Navbar mobile
 */

@media (max-width: 1024px) {
    @keyframes open-menu {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(0);
        }
    }

    @keyframes close-menu {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(100%);
        }
    }

    .navbar--mobile .navbar__links {
        display: grid;
        grid-auto-columns: unset;
        grid-auto-flow: unset;
        grid-auto-rows: auto;
        align-content: start;
        justify-items: start;
        position: fixed;
        height: 100vh;
        right: 0;
        top: 0;
        padding: calc(4 * 1rem) 0;
        background-color: var(--brown-800);
        row-gap: calc(1rem);
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 300px;
        will-change: transform;
        z-index: 2;
        transform: translateX(100%);
        box-shadow:
                -5.7px 0 3.9px -11px rgba(110, 76, 22, 0.072),
                -10px 0 8px -11px rgba(110, 76, 22, 0.2);
    }

    .navbar--mobile .navbar__links.navbar__links--close {
        animation: close-menu forwards .5s ease;
    }

    .navbar--mobile .navbar__links.navbar__links--open {
        animation: open-menu forwards .5s ease;
    }

    .navbar--mobile .navbar__link {
        flex-direction: column;
        width: 100%;
    }

    .navbar--mobile .navbar__link > a, .navbar--mobile .navbar__link > label, .navbar__link > label > a {
        padding: 0 calc(2* 1rem);
        color: white;
        font-weight: 500;
        cursor: pointer;
        user-select: none;
    }

    .navbar__link > label > a {
        pointer-events: none;
        padding: 0;
    }

    .navbar--mobile .navbar__link > input:checked + label + div {
        display: block;
        animation: none;
    }

    .navbar--mobile .navbar__dropdown-container {
        display: none;
        visibility: visible;
        position: relative;
        top: unset;
        padding-top: unset;
        margin-top: calc(1rem);
        opacity: 1;
        pointer-events: all;
    }

    .navbar--mobile .navbar__dropdown {
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
        grid-gap: unset;
        background-color: var(--brown-700);
        border-radius: 0;
        padding: calc(1rem) calc(2* 1rem) calc(1rem - 2px);
        row-gap: calc(1rem);
    }

    .navbar--mobile .navbar__dropdown a {
        width: 100%;
        color: white;
        padding: 0;
    }

    .navbar--mobile .navbar__dropdown a .dropdown-box__description {
        display: none;
    }

    .navbar--mobile .navbar__dropdown a:hover {
        background-color: unset;
    }

    .navbar--mobile .navbar__dropdown:after {
        display: none;
    }

    .navbar--mobile .navbar__button {
        margin: calc(1rem) calc(2* 1rem) 0 calc(2* 1rem);
        width: 180px;
    }

    .navbar--mobile > label, .navbar--mobile > label:not(.checkbox-container) {
        display: flex;
        margin-left: auto;
        cursor: pointer;
    }

    .navbar--mobile .navbar__links > label {
        display: block;
        position: absolute;
        z-index: 3;
        top: calc(2 * 1rem);
        right: calc(2 * 1rem);
        color: white;
        cursor: pointer;
    }
}

@media (max-width: 425px) {
    .navbar__logo img {
        width: 160px;
        height: auto;
    }
}

/*
 * 404 page
 */

.not-found .button {
    margin-top: var(--space-sm);
}

.not-found a {
    width: fit-content;
}

/*
 * Footer
 */

.footer {
    width: 100%;
    background-color: #2d2d2d;
    color: white;
    padding: calc(var(--space-xl) * 2) 0;
    box-sizing: border-box;
    line-height: 1.4;
    margin-top: calc(7 * 1rem);
}

.footer p {
    line-height: 1.4;
}

.footer__notice {
    font-size: calc(20px / 1.2);
    color: #777;
}

.footer__notice a {
    color: #777 !important;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.22);
}

.footer__signup-form {
    max-width: 500px;
}

.footer__signup-form input {
    width: 100%;
    margin-bottom: 1rem;
}

.footer__signup-form .button {
    width: 100%;
}

.footer__cols {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 100px;
}

.footer__divider {
    width: 100%;
    height: 1px;
    background-color: #404040;
    margin: calc(var(--space-xs) * 4.5) 0 calc(var(--space-xs) * 4) 0;
}

.footer__col {
    max-width: 230px;
}

.footer__col__title {
    font-weight: 600;
}

.footer__col:last-of-type {
    margin-right: 0;
}

.footer__col > div {
    margin-bottom: calc(var(--space-xs) * 2);
}

.footer__col > div:last-of-type {
    margin-bottom: 0;
}

.footer__col > div p:last-of-type {
    margin-bottom: 0;
}

.footer__col__links div {
    margin-bottom: 1rem;
}

.footer__col__links div:last-of-type {
    margin-bottom: 0;
}

.footer a {
    color: white;
    text-decoration: none;
}

.footer a:visited, .footer a:active, .footer a:focus, .footer a:hover {
    color: white;
    outline: 0;
}

.footer__base {
    justify-content: space-between;
    font-size: calc(20px / 1.2);
    align-items: flex-end;
    line-height: 33px;
    display: flex;
}

.footer__base__label {
    margin-right: calc(1rem * 3);
    color: #777;
}

.footer__socials-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer__socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.footer__socials > a {
    margin-right: 1rem;
    transform: scale(0.9);
    cursor: pointer;
    opacity: 0.4;
    transition: 0.2s ease opacity;
}

.footer__socials > a:hover {
    opacity: 1;
}

.footer__socials > a:last-of-type {
    margin-right: 0;
}

.footer__socials__facebook {
    background: url('https://nextadmit.com/assets/images/socials.svg') no-repeat 0 0;
    background-size: 150px;
    width: 24px;
    height: 25px;
}

.footer__socials__instagram {
    background: url('https://nextadmit.com/assets/images/socials.svg') no-repeat 0 -35px;
    background-size: 150px;
    width: 24px;
    height: 24px;
}

.footer__socials__tiktok {
    background: url('https://nextadmit.com/assets/images/socials.svg') no-repeat -129px 0;
    background-size: 150px;
    width: 21px;
    height: 25px;
}

.footer__socials__linkedin {
    background: url('https://nextadmit.com/assets/images/socials.svg') no-repeat -63px 0;
    background-size: 150px;
    width: 25px;
    height: 25px;
}

.footer__socials__youtube {
    background: url('https://nextadmit.com/assets/images/socials.svg') no-repeat -126px -38px;
    background-size: 150px;
    width: 24px;
    height: 18px;
}

.footer__socials__twitter {
    background: url('https://nextadmit.com/assets/images/socials.svg') no-repeat -63px -37px;
    background-size: 150px;
    width: 24px;
    height: 20px;
}

@media (max-width: 1220px) {
    .footer__cols {
        gap: calc(1rem * 3.5);
    }
}

@media (max-width: 1024px) {
    .footer__cols {
        gap: calc(1rem * 4);
    }

    .footer__col {
        max-width: 200px;
    }

    .footer__col img {
        width: 200px;
        height: auto;
    }
}

@media (max-width: 930px) {
    .footer__base {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer__base__label {
        margin-right: 0;
    }

    .footer__base__text-name {
        display: none;
    }

    .footer__base > div {
        margin-bottom: 30px;
    }

    .footer__base > div:last-of-type {
        margin-bottom: 0;
    }
}

@media (max-width: 900px) {
    .footer__cols {
        grid-auto-flow: row;
    }

    .footer__col {
        max-width: 290px;
    }

    .footer__col img {
        width: 230px;
        height: auto;
    }
}

@media (max-width: 425px) {
    .footer__cols {
        gap: calc(3 * 1rem);
    }

    .footer__col img {
        width: 180px;
        height: auto;
    }

    .footer__base, .footer__notice {
        font-size: calc(18px / 1.2);
    }
}

/* NEW BLOG UPDATES */

#primary.site-main--single.grid_span--all {
    grid-column: 1/-1;
    padding: 0 0;
    max-width: 1100px;
    margin: 0 auto;
}

.blog_detail-header {
    grid-column: 1/-1;
    margin-top: -202px;
}

.blog_detail-inner {
    background-color: var(--brown-200);
    padding: 13rem var(--space-xxxl) 5rem;
    width: 100vw;
    margin: 0 calc(-50vw + 50%);
    max-width: 100vw;
}

@media (max-width: 425px) {
    .blog_detail-inner {
        padding: 13rem var(--space-md) 5rem;
    }
}

.post-template-default .navbar {
    z-index: 1;
    position: relative;
}

#ez-toc-container {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
}

div#ez-toc-container .ez-toc-title {
    color: var(--brown-800);
    font-weight: 500;
    font-size: 1.25rem;
    padding-bottom: 0.25rem;
    display: block;
    border-bottom: 2px solid var(--brown-600);
    margin-top: var(--space-sm);
}

#ez-toc-container ul.ez-toc-list {
    margin-top: 1.25rem;
    list-style-type: none;
}

#ez-toc-container ul.ez-toc-list .ez-toc-link {
    color: var(--brown-800);
    font-size: 1.125rem;
    font-weight: 400;
    text-decoration: none;
}

#ez-toc-container ul.ez-toc-list .ez-toc-link::before {
   display: none;
}

#ez-toc-container ul.ez-toc-list li + li {
    margin-top: 0.5rem;
}

.container--1100 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
}

@media (max-width: 768px) {
    .container--1100 {
        text-align: center;
    }
}

.subscribe_aside {
    padding: 1rem;
    border-radius: 8px;
    background-color: var(--brown-200);
}

.subscribe_aside p {
    color: var(--brown-800);
    font-weight: 500;
    line-height: 1.3;
}

.subscribe_aside .footer__signup-form {
    margin-top: 1rem;
}

.maxw--100 {
    max-width: 100%;
}

.email__cta {
    background-color: var(--brown-200);
    padding: 2rem;
    border-radius: 8px;
    margin-top: var(--space-xl);
}

.text-center {
    text-align: center;
}

.email__cta h6 {
    font-weight: 500;
    margin: 0;
    color: var(--brown-800);
}

.email__cta p {
    font-weight: 400;
    margin: .25rem 0 0 0;
    color: var(--brown-800);
}

.mt--24 {
    margin-top: 1.5rem;
}

.post-template-default.single {
    overflow-x: hidden;
}

.toc_widget #ez-toc-container {
    margin-bottom: 35px;
}

.subscribe_aside {
    display: none;
}

/* UPDATED BANNER AD */

.review_essay_wrapper {
    background-color: #553207;
    overflow: hidden;
    padding: 0 20px;
    box-shadow: 0 4px 7px 0 #5532075c;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: bottom left;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: var(--space-sm);
}

.review_essay_wrapper-content h2 {
    font-weight: 500;
    color: #fff;
    font-size: 28px;
    margin: 0;
    line-height: 125%;
}

.review_essay_wrapper-content p {
    font-weight: 300;
    color: #e3c091;
    font-size: 18px;
    margin: 10px 0 15px;
    line-height: 125%;
}

.grid_essaybox {
    display: grid;
    grid-gap: 1rem;
    font-size: 0;
}

.font-0 {
    font-size: 0;
}

.review_essay_wrapper-content {
    padding-bottom: 15px;
}

.review_essay_wrapper-content span {
    color: #e3c091;
    display: block;
    font-size: 16px;
    margin: 35px 0 0;
    font-weight: 600;
}

.font-0 img {
    max-width: 100%;
    margin: 10px auto 0;
    display: block;
}

.ms-img-10 img {
    margin-top: 10px;
    max-width: 100%;
}

.text-center {
    text-align: center;
}

.site-main--single article .entry-content h2 .ez-toc-section-end {
    display: none;
}

.site-main--single article .entry-content .review_essay_wrapper-content h2 {
    line-height: 1.15;
    margin-top: 0;
}

@media (max-width: 1024px) {
    .order-xs-1 {
        order: 1;
    }
}

@media (min-width: 1025px) {
    .grid_table_content {
        display: grid;
        grid-template-columns: 1fr 250px;
        grid-gap: 3rem;
    }

    .subscribe_aside {
        display: block;
    }

    .review_essay_wrapper-content h2 {
        font-size: 36px;
    }

    .grid_essaybox {
        grid-template-columns: minmax(0,230px) minmax(0,1fr);
        align-items: flex-end;
    }

    .text--md--end {
        text-align: end;
    }

    .site-main--single article .entry-content .review_essay_wrapper-content h2 {
        font-size: var(--text-lg);
        margin: 0 0 8px;
    }
}

@media (min-width: 769px) {
    .toc_widget {
        order: 1;
    }

    .toc_widget-sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 50px;
    }

    .email__cta h6 {
        font-size: 1.65rem;
    }

    .email__cta p {
        font-size: 1.125rem;
    }

    .toc_widget #ez-toc-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .toc_widget #ez-toc-container {
        display: none;
    }
    
    .grid_sat_bootcamp {
        grid-template-columns: minmax(0, 450px) minmax(0, 1fr);
        text-align:right;
    }
}

@media (min-width: 1025px) {
    .order--xs-1 {
        order: 1;
    }

    .review_essay_wrapper-content {
        padding-top: 0;
    }

    .review_essay_wrapper-content span {
        margin-top: 25px;
        font-size: 14px;
    }

    .review_essay_wrapper-content p {
        margin-top: 0;
    } 

    .review_essay_wrapper-content {
        padding-bottom: 30px;
    }
    
    .grid_sat_bootcamp {
        grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    }
}

@media (min-width: 1200px) {
    .grid_essaybox {
        grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    }

    .review_essay_wrapper-content span {
        margin-top: 30px;
    }

    .site-main--single article .entry-content .review_essay_wrapper-content h2 { 
        font-size: var(--text-xxl);
    }

    .grid_sat_bootcamp {
        grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
    }
}

@media (min-width: 1400px) {
    .review_essay_wrapper-content h2 {
        font-size: 56px;
    }

    .review_essay_wrapper {
        max-width: 1100px;
    }

    .review_essay_wrapper {
        padding: 0 45px;
    }

    .review_essay_wrapper-content p {
        font-size: 22px;
    }

    .review_essay_wrapper-content span {
        margin-top: 35px;
    }

    .review_essay_wrapper-content {
        padding-bottom: 40px;
    }

    .grid_sat_bootcamp {
        grid-template-columns: minmax(0, 410px) minmax(0, 1fr);
    }
}


.sat_bootcamp_warpper {
	background-color: #fff;
	border-radius: 0.5rem;
	overflow: hidden;
	padding: 0 1.875rem 0 1.25rem;
	box-shadow: 0 4px 7px 0 #5532075c;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: var(--space-sm);
	position: relative;
}

.grid_sat_bootcamp_image--shape {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
}

.grid_sat_bootcamp_image--shape img {
	object-fit: cover;
	width: 100%;
}

.sat_bootcamp_warpper-content {
	position: relative;
}

.sat_bootcamp_warpper .sat_bootcamp_warpper-content h2.sat_bootcamp_warpper-content-title,
.sat_bootcamp_warpper .sat_bootcamp_warpper-content h3.sat_bootcamp_warpper-content-subtitle {
    color: #fff;
	margin-top: 0px;
	text-align: right;
	font-weight: 600;
}

.sat_bootcamp_warpper .sat_bootcamp_warpper-content h2.sat_bootcamp_warpper-content-title {
	font-size: 1.75rem;
    line-height: 1;
}

.sat_bootcamp_warpper .sat_bootcamp_warpper-content h3.sat_bootcamp_warpper-content-subtitle {
	font-size: 2.25rem;
}


.sat_bootcamp_warpper p {
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.5rem;
	letter-spacing: -0.08px;
	color: #101828;
	text-align: right;
}

.sat_bootcamp_warpper-content_button {
	display: flex;
	flex-direction: column
}

.grid_sat_bootcamp {
	display: grid;
	column-gap: 1rem;
}

.sat-bootcamp-button {
	background-color: #F6C137;
	color: #6F5000;
	border-bottom: 2px solid #6F5000;
	margin-top: 0.875rem;
	margin-bottom: 1rem;
	margin-left: auto;
	font-weight: 600;
}


.sat-bootcamp-button:hover,
.sat-bootcamp-button:active {
    background-color: #f5b716;
    color: #6F5000;
    margin-bottom: 1rem;
}

.sat-bootcamp-button:hover {
    border-bottom: 2px solid #6F5000;
    top: 0;
}

.sat-bootcamp-button:active {
    border-bottom: 2px solid transparent;
    top: 2px;
}

.sat_bootcamp_warpper-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
	text-align: right;
}


.grid_sat_bootcamp_image-container {
	display: flex;
	position: relative;
}


.grid_sat_bootcamp_image {
	padding-top: 1.75rem;
	max-width: 100%;
	height: auto;
	align-self: flex-end;
}


@media (min-width:1025px) and (max-width:1199px) {
    .sat-bootcamp-button{
        margin-top: 32px;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .sat_bootcamp_warpper .sat_bootcamp_warpper-content h2.sat_bootcamp_warpper-content-title {
		font-size: 1.25rem;
	}

	.sat_bootcamp_warpper .sat_bootcamp_warpper-content h3.sat_bootcamp_warpper-content-subtitle {
		font-size: 1.75rem;
	}

    .grid_sat_bootcamp_image {
        padding-top: 2rem;
    }

    .sat_bootcamp_warpper-content {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
}

@media (min-width:1025px) and (max-width:1199px) {
    .sat_bootcamp_warpper p {
        font-size: 1rem;
  }
}

@media (max-width:991px) {
    .sat_bootcamp_warpper .lower-avg-points {
        display: block;
    }

    .sat_bootcamp_warpper p {
          font-size: 1rem;
    }

	.sat_bootcamp_warpper .sat_bootcamp_warpper-content h2.sat_bootcamp_warpper-content-title {
		font-size: 1.25rem;
	}

	.sat_bootcamp_warpper .sat_bootcamp_warpper-content h3.sat_bootcamp_warpper-content-subtitle {
		font-size: 1.75rem;
	}

}

@media (max-width:991px) {

	.grid_sat_bootcamp {
		grid-template-columns: repeat(1, 1fr);
	}

	.sat-bootcamp-button {
        margin-top: 3.125rem;
		margin-right: auto;
	}

    .grid_sat_bootcamp_image-container {
		justify-content: center;
	}

	.grid_sat_bootcamp_image-container {
		order: 2;
        justify-content: center;
	}

    .sat_bootcamp_warpper p,
	.sat_bootcamp_warpper .sat_bootcamp_warpper-content h2.sat_bootcamp_warpper-content-title,
	.sat_bootcamp_warpper .sat_bootcamp_warpper-content h3.sat_bootcamp_warpper-content-subtitle {
		text-align: center
	}

	.sat_bootcamp_warpper {
		padding: 1.25rem 1.25rem 0;
	}

	.grid_sat_bootcamp_image--shape {
		height: 40%;
	}

	.grid_sat_bootcamp_image--shape img {
		height: 100%;
	}
}