/* Font Size */

:root[data-textsize="120"] {
    font-size: 120%;
}

:root[data-textsize="140"] {
    font-size: 140%;
}

:root[data-textsize="160"] {
    font-size: 160%;
}

:root[data-textsize="180"] {
    font-size: 180%;
}

:root[data-textsize="200"] {
    font-size: 200%;
}

/* Letter Spacing */

:root[data-textspacing="120"] {
    letter-spacing: 1px;
}

:root[data-textspacing="140"] {
    letter-spacing: 2px;
}

:root[data-textspacing="160"] {
    letter-spacing: 3px;
}

:root[data-textspacing="180"] {
    letter-spacing: 4px;
}

:root[data-textspacing="200"] {
    letter-spacing: 5px;
}

/* Line Height */

:root[data-linespacing="120"] {
    --line-height-multiplier: 1.2;
}

:root[data-linespacing="140"] {
    --line-height-multiplier: 1.4;
}

:root[data-linespacing="160"] {
    --line-height-multiplier: 1.6;
}

:root[data-linespacing="180"] {
    --line-height-multiplier: 1.8;
}

:root[data-linespacing="200"] {
    --line-height-multiplier: 2;
}

/* Theme Color */

:root[data-themecolor="1"] .has-custom-background-color {
    background-color: var( --color-lightestgray) !important;
}

:root[data-themecolor="1"] body {
    --color-black: #ffffff !important;
    --wp--preset--color--black: #ffffff !important;
    --wp--preset--color--off-white: #000000 !important;
    --wp--preset--color--beige: #DEDCD6 !important;
    --wp--preset--color--purple: #A03595 !important;
    --wp--preset--color--purple-70: #903086 !important;
    --wp--preset--color--purple-30: #802a77 !important;
    --wp--preset--color--purple-15: #702568 !important;
    --wp--preset--color--orange: #D6401F !important;
    --wp--preset--color--orange-70: #962d16 !important;
    --wp--preset--color--orange-30: #401309 !important;
    --wp--preset--color--orange-15: #2b0d06 !important;
    --wp--preset--color--yellow: #857500 !important;
    --wp--preset--color--yellow-70: #5d5200 !important;
    --wp--preset--color--yellow-30: #282300 !important;
    --wp--preset--color--yellow-15: #1b1700 !important;
    --wp--preset--color--green: #508131 !important;
    --wp--preset--color--green-70: #385a22 !important;
    --wp--preset--color--green-30: #18270f !important;
    --wp--preset--color--green-15: #101a0a !important;
    --wp--preset--color--blue: #2D6EF0 !important;
    --wp--preset--color--blue-70: #1f4da8 !important;
    --wp--preset--color--blue-30: #0d2148 !important;
    --wp--preset--color--blue-15: #091630 !important;
    --wp--preset--color--apricot: #AC640C !important;
    --wp--preset--color--apricot-70: #784608 !important;
    --wp--preset--color--apricot-30: #341e04 !important;
    --wp--preset--color--apricot-15: #221402 !important;
    --wp--preset--color--pink: #E00087 !important;
    --custom-background-color: #000000 !important;
    --color-lightestgray: #303030 !important;
}

:root[data-themecolor="1"] mark[style*="background-color"] {
    background-color: #373737 !important;
}
  
:root[data-themecolor="1"] svg,
:root[data-themecolor="1"] svg path,
:root[data-themecolor="1"] svg circle {
    fill: var(--wp--preset--color--black);
}

:root[data-themecolor="1"] div[class*="-background-color-hover"]:hover * {
    color: var(--wp--preset--color--black) !important;
}

:root[data-themecolor="1"] div[class*="-background-color-hover"]:hover svg * {
    fill: var(--wp--preset--color--black) !important;
}

:root[data-themecolor="1"] #site-header svg path[fill="black"] {
    fill: var(--wp--preset--color--black) !important;
}

:root[data-themecolor="1"] #site-header svg path[fill="white"] {
    fill: var(--wp--preset--color--off-white) !important;
}

:root #site-header.condensed #home-logo svg path {
    fill: var(--wp--preset--color--black) !important;
}

:root[data-themecolor="1"] #site-header.condensed #home-logo svg path {
    fill: var(--wp--preset--color--black) !important;
}

:root[data-themecolor="1"] .tax-filter {
    background-image: url('../icons/caret-alt.svg');
}

:root[data-themecolor="1"] {
    --custom-background-color: #000000;
}

/* Animations */

:root[data-animations="1"] * {
    transition: 0s none !important;
}

:root[data-highlights="1"] a,
:root[data-highlights="1"] a * {
    box-shadow: 0px 0px 10px 10px yellow !important;
}

:root[data-highlights="1"][data-themecolor="1"] a,
:root[data-highlights="1"][data-themecolor="1"] a * {
    box-shadow: 0px 0px 10px 10px darkkhaki !important;
}


/* Header adjustments for larger text sizes */

:root[data-textsize="180"] #site-header,
:root[data-textsize="200"] #site-header {
    position: absolute !important;
}

/* :root[data-textsize="180"] #site-header,
:root[data-textsize="200"] #site-header {
    background-color: var(--wp--preset--color--off-white);
} */

:root[data-textsize="180"] body #site-header.condensed #header-branding,
:root[data-textsize="200"] body #site-header.condensed #header-branding {
    border-left: 1px dashed var(--wp--preset--color--black);
}

:root[data-textsize="180"] body #site-header.condensed #logo,
:root[data-textsize="200"] body #site-header.condensed #logo,
:root[data-textsize="180"] body #site-header.condensed #header-support,
:root[data-textsize="200"] body #site-header.condensed #header-support {
    padding: var(--one-spacer);
}

:root[data-textsize="180"] body #site-header.condensed #header-current,
:root[data-textsize="200"] body #site-header.condensed #header-current {
    border-width: 0 !important;
}

:root[data-textsize="180"] body #site-header.condensed #header-support,
:root[data-textsize="200"] body #site-header.condensed #header-support {
    width: 100%;
    border-width: 1px 0 !important;
    border-style: dashed;
}

:root[data-textsize="180"] #header-branding,
:root[data-textsize="200"] #header-branding {
    flex-direction: column;
    justify-content: center !important;
}

:root[data-textsize="180"] #header-branding  > *,
:root[data-textsize="200"] #header-branding  > * {
    margin-left: 0 !important;
    align-self: flex-start !important;
}

:root[data-textsize="180"] #site-header.condensed #header-branding .svg-20pt,
:root[data-textsize="200"] #site-header.condensed #header-branding .svg-20pt {
    display: none !important;
}

:root[data-textsize="180"] #header-branding #header-current,
:root[data-textsize="200"] #header-branding #header-current {
    width: 100%;
    order: 1;
}

:root[data-textsize="180"] #site-header.condensed #header-buttons,
:root[data-textsize="200"] #site-header.condensed #header-buttons {
    flex-direction: column;
}

:root[data-textsize="180"] body:not(.accessibility-open):not(.search-open):not(.menu-open) #site-header:not(.condensed) #header-buttons #accessibility-toggle,
:root[data-textsize="200"] body:not(.accessibility-open):not(.search-open):not(.menu-open) #site-header:not(.condensed) #header-buttons #accessibility-toggle {
    display: none;
}

:root[data-textsize="180"] #header-buttons #accessibility-toggle,
:root[data-textsize="200"] #header-buttons #accessibility-toggle,
:root[data-textsize="160"] #header-buttons #search-toggle,
:root[data-textsize="180"] #header-buttons #search-toggle,
:root[data-textsize="200"] #header-buttons #search-toggle {
    border-width: 0px 1px 1px 1px !important;
    border-style: dashed !important;
}

:root[data-textsize="180"] #header-branding h6,
:root[data-textsize="200"] #header-branding h6 {
    white-space: normal !important;
}

:root[data-textsize="180"] #site-header #search-modal,
:root[data-textsize="200"] #site-header #search-modal {
    border-top: 1px dashed var(--wp--preset--color--black);
}

:root[data-textsize="180"] body.modal-open #site-header,
:root[data-textsize="200"] body.modal-open #site-header {
    max-height: 100vh;
    max-width: 100vw;
    overflow: hidden scroll;
}

:root[data-textsize="180"] body.modal-open #site-header #primary-menu-list,
:root[data-textsize="200"] body.modal-open #site-header #primary-menu-list {
    flex-direction: column !important;
}

/* End header adjustments for larger text sizes */

:root[data-textsize="180"] .entry-content > *:not(.alignfull),
:root[data-textsize="200"] .entry-content > *:not(.alignfull) {
    max-width: 1600px !important;
    margin-left: var(--four-spacer) !important;
    margin-right: var(--four-spacer) !important;
}

:root[data-textsize="180"] .grid > *,
:root[data-textsize="200"] .grid > * {
    grid-column: span 12 !important;
    height: auto !important;
}

:root[data-textsize="120"] .metadata svg {
    width: 18px;
    height: 18px;
}

:root[data-textsize="140"] .metadata svg {
    width: 20px;
    height: 20px;
}

:root[data-textsize="160"] .metadata svg {
    width: 24px;
    height: 24px;
}

:root[data-textsize="180"] .metadata svg {
    width: 26px;
    height: 26px;
}

:root[data-textsize="200"] .metadata svg {
    width: 28px;
    height: 28px;
}

:root[data-textsize="120"] {
    --page-margin-top: 150px;
}

:root[data-textsize="140"] {
    --page-margin-top: 175px;
}

:root[data-textsize="160"] {
    --page-margin-top: 200px;
}

:root[data-textsize="180"] {
    --page-margin-top: 250px;
}

:root[data-textsize="200"] {
    --page-margin-top: 300px;
}