/**********************************************\
ACCESSIBILITY TOOLBAR
Author: Surface Impression
\**********************************************/
/**********************************************\
1.  Access Toolbar Nav Toggle
\**********************************************/
button.access-toggle{
    position: fixed;
    bottom: 2vh;
    left: 3rem;
    z-index: 9999;
    background: transparent;
    border: none;
    transition: all 0.5s ease-in-out;
}
/* button.access-toggle .fa-stack{
	height: 2.7rem;
	line-height: 2.7rem;
	width: 2.5rem;
}
button.access-toggle .fa-stack-2x{
	font-size: 2.5rem;
} */
button.access-toggle:hover, button.access-toggle:focus{
	transform: scale(1.2);
    background-color: transparent;
}
/* Show screen reader tag */
button.access-toggle:hover span.screen-reader-text, button.access-toggle:focus span.screen-reader-text{
    clip: unset;
    height: auto;
    overflow: visible;
    width: auto;
    clip-path: none;
    background: var(--wp--preset--color--lilac);
    color: var(--wp--preset--color--pure-black);
    position: absolute !important;
    text-transform: uppercase;
    top: 25%;
    left: 3em;
    padding: 0.3rem 1rem;
    font-size: var(--wp--preset--font-size--smaller);
    text-transform: none;
    font-weight: 500;
}
/**********************************************\
2.  Access Toolbar Dialogue (requires a11y-dialog)
\**********************************************/
/*=== Required for plugin functionality ===*/
.dialog-container,
.dialog-overlay {
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
}
.dialog-container{
    display: flex;
    justify-content: center;
    align-items: center;  
	overflow-y: auto;
}
.dialog-container::-webkit-scrollbar{
	display: none;
}
.dialog-container, .dialog-container > .has-background {
    z-index: 9999; 
}
.dialog-container[aria-hidden='true'] {
    display: none;
}
.dialog-overlay {
    background-color: rgba(0,0,0,0.8); /*change colour value for your theme */
}
.dialog-content {
    margin: auto; 
    z-index: 9999; 
    position: relative; 
    background: var(--wp--preset--color--pure-white); /*change colour for your theme using wp--presets */
}
/* ensure our content can scroll if needed */
.dialog-content {
    overflow: auto; 
    max-height: 90vh;
}
/*==== Custom Theme Styles ===*/
.access-toolbar-modal .access-modal-inner{
	padding: 2rem 3vw 3rem;
    max-width: 90%;
	margin-top: auto;
	margin-bottom: auto;
}
.access-toolbar-modal .access-modal-inner, .access-toolbar-modal .access-modal-inner .has-border-color{
    border-radius: var(--round-border);
}
.access-modal-inner h1{
    margin-block-start: 0.5rem;
    margin-block-end: 0.5rem;
}
.access-modal-inner h2{
    margin-bottom: 2rem;
    text-transform: none;
}
.access-modal-inner #text h2{
	margin-bottom: 0.5rem;
}
.has-border-color{
    border-radius: var(--access-border-radius);
}
.access-modal-inner > .wp-block-group, .access-modal-inner > .wp-block-columns{
    margin: 2rem auto;
}
.access-modal-inner .wp-block-columns{
    gap: 1rem;
} 
@media (min-width: 782px){
	.access-modal-inner .wp-block-columns > .wp-block-column:not(:last-child){
		margin-bottom: 0;
	}
}
.access-modal-inner .flex-col{
    flex-direction: column;
    align-items: flex-start;
}
.access-modal-inner .wp-block-group.alignwide{
    width: 100%;
}
.access-modal-inner .wp-block-column.has-background{
	padding: 4rem;
}
/*=== Close btn ===*/
.access-modal-inner .close-toolbar-wrapper{
    display: flex;
    justify-content: center;
}
.access-toolbar-modal button.close-toolbar{
    background-color: var(--wp--preset--color--pure-black);
    border: 2px solid var(--wp--preset--color--pure-black);
    color: var(--wp--preset--color--pure-white);
    padding: 1rem 1.5rem;
    border-radius: var(--round-border);
    font-size: clamp(1.3rem, 1.1947rem + 0.3368vw, 1.7rem);
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.access-toolbar-modal button.close-toolbar span:before{
	content: "\f057";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	padding-right: 0.5rem;
}
/**********************************************\
3.  ToolBar Inputs
\**********************************************/
.access-modal-inner .access-options{
    position: relative;
}
.access-modal-inner .access-options input{
    cursor: pointer;
}
.is-content-justification-space-between{
    justify-content: space-between;
}
.access-modal-inner *:not(.contrast-list) > .access-options input[type="radio"]{
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.access-modal-inner label{
    transition: all 0.5s ease-in-out;
}
.access-options input:hover ~ label{
    padding: 0.3rem 1rem;
    background: var(--wp--preset--color--pure-black);
	color: var(--wp--preset--color--pure-white);
	border-radius: var(--round-border);
}
.access-options input:focus ~ label{
    outline: 2px dotted;
}
/* If text or contrast options are selected */
body[data-cookie-text=smallText] label.small-text,
body[data-cookie-text=defaultText] label.default-text,
body[data-cookie-text=largeText] label.large-text,
body[data-cookie-text=largestText] label.largest-text{
	padding: 0.3rem 1rem;
	background: var(--wp--preset--color--pure-black);
	color: var(--wp--preset--color--pure-white);
	border-radius: var(--round-border);
}
body[data-cookie-contrast=low] label.low-contrast,
body[data-cookie-contrast=high] label.high-contrast,
body[data-cookie-contrast=standard] label.default-contrast{
	transform: scale(1.2);
}
/*=== ACCESS TOOLBAR: Text Sizing Options ===*/
label.small-text{
	font-size: clamp(1.5rem, 1.4474rem + 0.1684vw, 1.7rem) !important;
}
label.default-text{
	font-size: var(--wp--preset--font-size--normal) !important;
}
label.large-text{
	font-size: clamp(3rem, 2.3231rem + 0.9846vw, 3.8rem) !important;
}
label.largest-text{
	font-size: clamp(4.3rem, 4.0632rem + 0.7579vw, 5.2rem) !important;
}
/* Text option icon */
.access-modal-inner span.access-icon.text-size span:first-child{
	font-size: 110%;
}
.access-modal-inner span.access-icon.text-size span:last-child{
	font-size: 80%;
}
/*=== ACCESS TOOLBAR: Contrast Options ===*/
ul.contrast-list{
	display: flex;
	justify-content: space-between;
    list-style: none;
}
ul.contrast-list li{
	width: 4rem;
	height: 2rem;
}
.access-modal-inner ul.contrast-list .access-options input[type="radio"]{
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
    width: 4rem;
    height: 2rem;
}
ul.contrast-list li:nth-child(2){
	margin: 0 1rem;
}
ul.contrast-list li label{
	font-size: var(--wp--preset--font-size--normal);
    border-radius: var(--round-border);
}
/* Tooltip */
.tooltip{
	position: absolute;
	display: none;
	width: 100%;
	min-width: 200px;
	background-color: var(--wp--preset--color--pure-whitewhite);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.2;
	font-weight: bold;
	transform: all 0.3s ease-in-out;
}
.access-options:hover .tooltip, .access-options:focus .tooltip{
	display: block;
}
/* Inputs */
.access-modal-inner .radio-label{
    display: block;
	border-width: 2px;
	border-style: solid;
	padding: 0.2rem;
	text-align: center;
	font-weight: 600;
}
label.default-contrast{
	position: relative;
	overflow: hidden;
}
label.default-contrast:before{
	position: absolute;
  	content: "";
  	left: 0;
  	top: 50%;
  	right: 0;
  	border-top: 2px solid;
 	border-color: inherit;
  
  	-webkit-transform:rotate(5deg);
  	-moz-transform:rotate(5deg);
  	-ms-transform:rotate(5deg);
  	-o-transform:rotate(5deg);
  	transform:rotate(5deg);
}
label.low-contrast{
	color: #AAACAE;
	border-color: #AAACAE;
}
label.high-contrast{
	color: yellow;
	border: yellow;
	background-color: var(--wp--preset--color--pure-black);
}
/*=== ACCESS TOOLBAR: Switch paddle Options (underline and motion) ===*/
.access-modal-inner .paddle-switch{
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%; 
	height: 3.3rem; 
	border-radius: 50px;
	background: #D7D7D7;
	font-weight: 600;
	/*padding: 0.2rem 0.3rem 0.3rem; */
}
.access-modal-inner .paddle-switch .switch-item{
	position: relative;
	height: 3.3rem;
	padding: 0.3rem 0.5rem;
	font-size: 1rem;
    text-transform: uppercase;
    text-wrap: nowrap;
}
.access-modal-inner .paddle-switch input{
	position: absolute;
	margin-bottom: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.access-modal-inner .paddle-switch label{
	display: block;
	border-radius: 100%;
	height: 3rem;
	width: 3rem;
    padding-top: 0.2rem;
    font-weight: 600;
}
/*=== ACCESS TOOLBAR: Underline Options ===*/
/* Default input is selected or none */
body:not([data-cookie-underline=underline]) .access-modal-inner #underline .paddle-switch label.underline-on{
    background: var(--wp--preset--color--pure-black);
	color: var(--wp--preset--color--pure-black);
}
/* Underline option is active */
body[data-cookie-underline=underline] .access-modal-inner #underline .paddle-switch{
	background: var(--wp--preset--color--lilac);
}
body[data-cookie-underline=underline] .access-modal-inner #underline .paddle-switch label.underline-off{
    background: var(--wp--preset--color--pure-black);
}
/*=== ACCESS TOOLBAR: Motion Options ===*/
/* Default input is selected or none */
body:not([data-cookie-motion=reduce]) .access-modal-inner #motion .paddle-switch label.motion-on{
    background: var(--wp--preset--color--pure-black);
	color: var(--wp--preset--color--pure-black);
}
/* Motion reduced option is active */
body[data-cookie-motion=reduce] .access-modal-inner #motion .paddle-switch{
	background: var(--wp--preset--color--lilac);
}
body[data-cookie-motion=reduce] .access-modal-inner #motion .paddle-switch label.motion-off{
    background: var(--wp--preset--color--pure-black);
}
/**********************************************\
 ACCESSIBILITY SETTINGS: CONTRAST
\**********************************************/
/*=== LOW CONTRAST ===*/
/* body[data-cookie-contrast=low] > *:not(label.high-contrast.radio-label) */
body[data-cookie-contrast=low] main *, body[data-cookie-contrast=low] .footer-main-info, body[data-cookie-contrast=low] .footer-nav-widgets, body[data-cookie-contrast=low] footer
{
	filter: grayscale(1) !important; 
}
body[data-cookie-contrast=low]  label.high-contrast.radio-label{
	border: yellow !important;
}
body[data-cookie-contrast=low] > *:not(#accessToolbar):not(.menu-modal):not(.alert-block-modal):not(label.high-contrast.radio-label){
	opacity: 0.8;
}
/*=== HIGH CONTRAST ===*/
body[data-cookie-contrast=high] *:not(.access-modal-inner *):not(.wp-block-media-text__media):not(.site-logo a):not(img):not(.ap-logo):not(.wp-block-button__link){
	background: var(--wp--preset--color--black) !important;
	background-color: var(--wp--preset--color--black) !important;
	color: yellow !important;
}
/* Access modal changes */
body[data-cookie-contrast=high] .access-modal-inner .access-section-inner{
	background-color: var(--wp--preset--color--black) !important;
	color: yellow !important;
}
body[data-cookie-contrast=high][data-cookie-text=smallText] label.small-text,
body[data-cookie-contrast=high][data-cookie-text=defaultText] label.default-text,
body[data-cookie-contrast=high][data-cookie-text=largeText] label.large-text,
body[data-cookie-contrast=high][data-cookie-text=largestText] label.largest-text{
	background: yellow !important;
	color: var(--wp--preset--color--black) !important;
}
body[data-cookie-contrast=high] #accessToolbar .paddle-switch{
	background: yellow;
}
body[data-cookie-contrast=high][data-cookie-underline=underline] #accessToolbar #underline .paddle-switch{
	background: yellow;
}
/*THEME SPECIFIC */
body[data-cookie-contrast=high] .access-toolbar-modal button.close-toolbar span{
	background:  var(--wp--preset--color--black);
	-webkit-text-fill-color: yellow;
}
body[data-cookie-contrast=high] .access-section-inner.has-pure-white-background-color.has-background > *{
	color: yellow;
}
body[data-cookie-contrast=high] .has-background{
    border-color: yellow;
    border-radius: var(--round-border);
    border-style: solid;
    border-width: 2px;
}
body[data-cookie-contrast=high] form.menu-search .wp-block-search__inside-wrapper{
    border: 2px solid yellow;
}
body[data-cookie-contrast=high] header .site-logo, body[data-cookie-contrast=high] header .site-logo a, body[data-cookie-contrast=high] header .ap-logo{
    background: yellow;
}
body[data-cookie-contrast=high] .wp-block-button:not(.is-style-outline) .wp-block-button__link, body[data-cookie-contrast=high] .wp-block-button .wp-block-button__link.has-pure-white-background-color{
    background: yellow;
    background-color: yellow !important;
    border: 2px solid yellow;
    color: var(--wp--preset--color--pure-black);
}
body[data-cookie-contrast=high] .grid-x.loop .loop-list .inner-list{
    border-bottom: 2px solid yellow;
}
body[data-cookie-contrast=high] .wp-block-button.is-style-outline a{
    background-color: transparent;
}
body[data-cookie-contrast=high] .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, body[data-cookie-contrast=high] .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
body[data-cookie-contrast=high] .wp-block-button .wp-block-button__link.has-pure-white-background-color:hover, body[data-cookie-contrast=high] .wp-block-button .wp-block-button__link.has-pure-white-background-color:focus{
    background: var(--wp--preset--color--pure-black);
    background-color: var(--wp--preset--color--pure-black) !important;
    color: yellow;
    border: 2px solid yellow;
}
@media screen and (min-width: 1100px){
    body[data-cookie-contrast=high] .sidebar{
        border-left: 2px solid yellow;
    }
}
/**********************************************\
 ACCESSIBILITY SETTINGS: TEXT SIZING
\**********************************************/
/*=== Smaller Font Size ===*/
/* body[data-cookie-text=smallText] .has-small-font-size{
	font-size: clamp(1.9rem, 1.8211rem + 0.2526vw, 2.2rem) !important;
} */
body[data-cookie-text=smallText]{
    --wp--preset--font-size--smaller: clamp(1.3rem, 1.2474rem + 0.1684vw, 1.5rem);
    --wp--preset--font-size--small: clamp(1.7rem, 1.6211rem + 0.2526vw, 2rem);
	--wp--preset--font-size--normal: clamp(1.9rem, 1.8211rem + 0.2526vw, 2.2rem);
	--wp--preset--font-size--medium: clamp(2.3rem, 2.1947rem + 0.3368vw, 2.7rem);
	--wp--preset--font-size--large: clamp(2.7rem, 2.4895rem + 0.6737vw, 3.5rem);
	--wp--preset--font-size--larger: clamp(3.4rem, 3.2684rem + 0.4211vw, 3.9rem);
	--wp--preset--font-size--extra-large: clamp(4rem, 3.7895rem + 0.6737vw, 4.8rem);
	--wp--preset--font-size--massive: clamp(5.1rem, 4.6526rem + 1.4316vw, 6.8rem);
}
body[data-cookie-text=smallText] body{
	font-size: clamp(1.9rem, 1.8211rem + 0.2526vw, 2.2rem);
}
body[data-cookie-text=smallText] h1, .body[data-cookie-text=smallText] .heading-size-1{
	font-size: clamp(3.1rem, 2.7579rem + 1.0947vw, 4.4rem);
}
body[data-cookie-text=smallText] h2, body[data-cookie-text=smallText] .heading-size-2{
	font-size: clamp(2.5rem, 2.2368rem + 0.8421vw, 3.5rem);
}
body[data-cookie-text=smallText] h3, body[data-cookie-text=smallText] .heading-size-3{
	font-size: clamp(2.2rem, 2.1474rem + 0.1684vw, 2.4rem);
}
body[data-cookie-text=smallText] button, body[data-cookie-text=smallText] .button, body[data-cookie-text=smallText] .faux-button, 
body[data-cookie-text=smallText] .wp-block-button:not(.is-style-outline) a, body[data-cookie-text=smallText] .wp-block-file .wp-block-file__button, 
body[data-cookie-text=smallText] input[type="button"], body[data-cookie-text=smallText] input[type="reset"], body[data-cookie-text=smallText] input[type="submit"], body[data-cookie-text=smallText] .nav-ctas a{
    font-size: clamp(1.1rem, 0.9947rem + 0.3368vw, 1.5rem);
}
body[data-cookie-text=smallText] .wp-block-button.is-style-outline>.wp-block-button__link, 
body[data-cookie-text=smallText] .wp-block-button .wp-block-button__link.is-style-outline{
    font-size: clamp(1.8rem, 1.6421rem + 0.5053vw, 2.4rem);
}
body[data-cookie-text=smallText] form.menu-search.wp-block-search input[type="search"]{
    font-size: clamp(1.7rem, 1.5421rem + 0.5053vw, 2.3rem);
}
/*=== larger Font Size ===*/
body[data-cookie-text=largeText]{
	--wp--preset--font-size--smaller: clamp(1.7rem, 1.6474rem + 0.1684vw, 1.9rem);
    --wp--preset--font-size--small: clamp(2.1rem, 2.0211rem + 0.2526vw, 2.4rem);
	--wp--preset--font-size--normal: clamp(2.3rem, 2.2211rem + 0.2526vw, 2.6rem);
	--wp--preset--font-size--medium: clamp(2.8rem, 2.6947rem + 0.3368vw, 3.2rem);
	--wp--preset--font-size--large: clamp(3.2rem, 2.9895rem + 0.6737vw, 4rem);
	--wp--preset--font-size--larger: clamp(3.9rem, 3.7684rem + 0.4211vw, 4.4rem);
	--wp--preset--font-size--extra-large: clamp(4.5rem, 4.2632rem + 0.7579vw, 5.4rem);
	--wp--preset--font-size--massive: clamp(5.7rem, 5.2526rem + 1.4316vw, 7.4rem);
}
body[data-cookie-text=largeText] body{
	font-size: clamp(2.3rem, 2.2211rem + 0.2526vw, 2.6rem);
}
body[data-cookie-text=largeText] h1, body[data-cookie-text=largeText] .heading-size-1{
	font-size: clamp(3.7rem, 3.3579rem + 1.0947vw, 5rem);
}
body[data-cookie-text=largeText] h2, body[data-cookie-text=largeText] .heading-size-2{
	font-size: clamp(3rem, 2.7368rem + 0.8421vw, 4rem);
}
body[data-cookie-text=largeText] h3, body[data-cookie-text=largeText] .heading-size-3{
	font-size: clamp(2.6rem, 2.5474rem + 0.1684vw, 2.8rem);
}
body[data-cookie-text=largeText] button, body[data-cookie-text=largeText] .button, body[data-cookie-text=smallText] .faux-button, 
body[data-cookie-text=largeText] .wp-block-button:not(.is-style-outline) a, body[data-cookie-text=largeText] .wp-block-file .wp-block-file__button, 
body[data-cookie-text=largeText] input[type="button"], body[data-cookie-text=largeText] input[type="reset"], body[data-cookie-text=largeText] input[type="submit"], body[data-cookie-text=largeText] .nav-ctas a{
    font-size: clamp(1.5rem, 1.3947rem + 0.3368vw, 1.9rem);
}
body[data-cookie-text=largeText] .wp-block-button.is-style-outline>.wp-block-button__link, 
body[data-cookie-text=largeText] .wp-block-button .wp-block-button__link.is-style-outline{
    font-size: clamp(2.2rem, 2.0421rem + 0.5053vw, 2.8rem);
}
body[data-cookie-text=largeText] form.menu-search.wp-block-search input[type="search"]{
    font-size: clamp(2.1rem, 1.9421rem + 0.5053vw, 2.7rem);
}
/*=== Largest ===*/
body[data-cookie-text=largestText]{
	--wp--preset--font-size--smaller: clamp(1.9rem, 1.8474rem + 0.1684vw, 2.1rem);
    --wp--preset--font-size--small: clamp(2.3rem, 2.2211rem + 0.2526vw, 2.6rem);
	--wp--preset--font-size--normal: clamp(2.5rem, 2.4211rem + 0.2526vw, 2.8rem);
	--wp--preset--font-size--medium: clamp(3rem, 2.8947rem + 0.3368vw, 3.4rem);
	--wp--preset--font-size--large: clamp(3.4rem, 3.1895rem + 0.6737vw, 4.2rem);
	--wp--preset--font-size--larger: clamp(4.1rem, 3.9684rem + 0.4211vw, 4.6rem);
	--wp--preset--font-size--extra-large: clamp(4.7rem, 4.4632rem + 0.7579vw, 5.6rem);
	--wp--preset--font-size--massive: clamp(5.9rem, 5.4526rem + 1.4316vw, 7.6rem);
}
body[data-cookie-text=largestText] body{
	font-size: clamp(2.5rem, 2.4211rem + 0.2526vw, 2.8rem);
}
body[data-cookie-text=largestText] h1, body[data-cookie-text=largestText] .heading-size-1{
	font-size: clamp(3.9rem, 3.5579rem + 1.0947vw, 5.2rem);
}
body[data-cookie-text=largestText] h2, body[data-cookie-text=largestText] .heading-size-2{
	font-size: clamp(3.2rem, 2.9368rem + 0.8421vw, 4.2rem);
}
body[data-cookie-text=largestText] h3, body[data-cookie-text=largestText] .heading-size-3{
	font-size: clamp(2.8rem, 2.7474rem + 0.1684vw, 3rem);
}
body[data-cookie-text=largestText] button, body[data-cookie-text=largestText] .button, body[data-cookie-text=largestText] .faux-button, 
body[data-cookie-text=largestText] .wp-block-button:not(.is-style-outline) a, body[data-cookie-text=largestText] .wp-block-file .wp-block-file__button, 
body[data-cookie-text=largestText] input[type="button"], body[data-cookie-text=largestText] input[type="reset"], body[data-cookie-text=largestText] input[type="submit"], body[data-cookie-text=largestText] .nav-ctas a{
    font-size: clamp(1.7rem, 1.5947rem + 0.3368vw, 2.1rem);
}
body[data-cookie-text=largestText] .wp-block-button.is-style-outline>.wp-block-button__link, 
body[data-cookie-text=largestText] .wp-block-button .wp-block-button__link.is-style-outline{
    font-size: clamp(2.4rem, 2.2421rem + 0.5053vw, 3rem);
}
body[data-cookie-text=largestText] form.menu-search.wp-block-search input[type="search"]{
    font-size: clamp(2.3rem, 2.1421rem + 0.5053vw, 2.9rem);
}
/**********************************************\
 ACCESSIBILITY SETTINGS: UNDERLINE
\**********************************************/
body[data-cookie-underline=underline] a, body[data-cookie-underline=underline] button{
	text-decoration: underline !important;
    text-underline-offset: 0.8rem;
}
/**********************************************\
 ACCESSIBILITY SETTINGS: MOTION
\**********************************************/
body[data-cookie-motion=reduced] *{
	transition: none;
	transform: none;
}
body[data-cookie-motion=reduced] *:hover, body[data-cookie-motion=reduced] *:focus,
body[data-cookie-motion=reduced] a.loop:hover .loop-featured-img > img, body[data-cookie-motion=reduced] a.loop:focus .loop-featured-img > img{
	transform: none;
}
body[data-cookie-motion=reduced] .media-bg iframe{
	display: none;
}