/* ACCESSIBILITY MENU */
#top-bar .html.custom {
	margin: 0;
}

.e5-accessibility-menu {
	display: inline-flex;
	gap: 25px;
}

.e5-accessibility-menu .e5-contrast,
.e5-accessibility-menu .e5-font-size-selection {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.e5-accessibility-menu button,
.e5-contrast-selection span {
	font-family: var(--body-font-family);
	font-weight: 900;
	color: var(--wp--preset--color--black);
	font-size: 0.8rem;
	min-height: unset;
	line-height: 1;
	padding: 2px 1em;
	transition: none;
	margin: 0;
}

.e5-accessibility-menu .e5-font-size-selection button {
	border: 2px solid var(--wp--preset--color--black);
	border-radius: 5px;
}

html.e5-font-size-normal button.e5-font-size-normal,
html.e5-font-size-large button.e5-font-size-large,
html.e5-font-size-xlarge button.e5-font-size-xlarge,
.e5-font-size-selection button:hover {
	border-color: var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

html:not(.e5-font-size-normal):not(.e5-font-size-large):not(.e5-font-size-xlarge) button.e5-font-size-normal {
	border-color: var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

.e5-contrast-selection, .e5-font-size-selection {
	display: inline-flex;
	gap: 6px;
}

.e5-contrast-selection span {
	text-transform: uppercase;
	border: none;
	padding: 4px 0;
}

.e5-contrast button {
	border: 2px solid var(--wp--preset--color--black);
	border-radius: 5px;
	background-size: 100% 100%;
	min-width: 2.5em;
}

html.e5-contrast-normal button.e5-contrast-normal,
html.e5-contrast-light button.e5-contrast-light,
html.e5-contrast-dark button.e5-contrast-dark,
html.e5-contrast-yellow button.e5-contrast-yellow,
.e5-contrast button:hover {
	border-color: var(--wp--preset--color--primary);
}

html:not(.e5-contrast-increase) button.e5-contrast-normal {
	border-color: var(--wp--preset--color--primary);
}

.e5-contrast .e5-contrast-normal {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none'%3E%3Cpath fill='%2374b959' d='M0 0h512v512H0z'/%3E%3Cpath d='M512 0 0 512h512V0Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.e5-contrast .e5-contrast-light {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none'%3E%3Cpath fill='%23000000' d='M0 0h512v512H0z'/%3E%3Cpath d='M512 0 0 512h512V0Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.e5-contrast .e5-contrast-dark {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0h512v512H0z'/%3E%3Cpath d='M512 0 0 512h512V0Z' fill='%23000000'/%3E%3C/svg%3E");
}

.e5-contrast .e5-contrast-yellow {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFF00' d='M0 0h512v512H0z'/%3E%3Cpath d='M512 0 0 512h512V0Z' fill='%23000000'/%3E%3C/svg%3E");
}

/* MOBILE FONT SIZES */
html.e5-font-size-normal, html.e5-font-size-normal body {
	font-size: 16px;
	--body-font-size: 16px;
}

html.e5-font-size-large, html.e5-font-size-large body {
	font-size: 18px;
	--body-font-size: 18px;
}

html.e5-font-size-xlarge, html.e5-font-size-xlarge body {
	font-size: 20px;
	--body-font-size: 20px;
}

/* DESKTOP FONT SIZES */
@media screen and (min-width: 850px) {
	html.e5-font-size-normal, html.e5-font-size-normal body {
		font-size: 20px;
		--body-font-size: 20px;
	}
	
	html.e5-font-size-large, html.e5-font-size-large body {
		font-size: 22px;
		--body-font-size: 22px;
	}
	
	html.e5-font-size-xlarge, html.e5-font-size-xlarge body {
		font-size: 24px;
		--body-font-size: 24px;
	}
}

/* text */
html.e5-contrast-increase a,
html.e5-contrast-increase h1,
html.e5-contrast-increase h2,
html.e5-contrast-increase h3,
html.e5-contrast-increase h4,
html.e5-contrast-increase h4.advantages,
html.e5-contrast-increase h5,
html.e5-contrast-increase h6,
html.e5-contrast-increase p,
html.e5-contrast-increase ul {
    color: var(--wp--preset--color--black);
}

html.e5-contrast-increase a:not(.button) {
	text-decoration: underline;
}

/* section */
html.e5-contrast-increase .section {
    background-color: var(--wp--preset--color--white) !important;
}

/* border */
html.e5-contrast-increase .is-border {
    border-color: var(--wp--preset--color--black) !important;
}

/* button */
html.e5-contrast-increase .button.secondary {
    border: 2px solid var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--white);
}

html.e5-contrast-increase .button.secondary:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black);
}

/* slider */
html.e5-contrast-increase .slider-nav-light .flickity-page-dots .dot {
    border-color: var(--wp--preset--color--black);
}

html.e5-contrast-increase .slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: var(--wp--preset--color--black);
}

html.e5-contrast-increase .slider-nav-light .flickity-button {
    color: var(--wp--preset--color--black);
}

/* box */
html.e5-contrast-increase .box-shadow-2.box-shadow-3-hover {
    background-color: var(--wp--preset--color--white) !important;
    border: 2px solid var(--wp--preset--color--black);
}

html.e5-contrast-increase .bg-secondary > .col-inner {
    background-color: var(--wp--preset--color--black) !important;
}

/* footer */
html.e5-contrast-increase #footer {
	border-top: 1px solid var(--wp--preset--color--black);
}

html.e5-contrast-increase #footer .back-to-top {
	border-color: var(--wp--preset--color--black);
}

html.e5-contrast-increase #footer .back-to-top i {
	color: var(--wp--preset--color--black);
}

html.e5-contrast-increase #footer .back-to-top:hover {
	background-color: var(--wp--preset--color--black);
}

html.e5-contrast-increase #footer .back-to-top:hover i {
	color: var(--wp--preset--color--white);
}

html.e5-contrast-increase #footer a:hover {
    text-decoration: underline;
}

/*content blocker*/
html.e5-contrast-increase [class*="-309"],
html.e5-contrast-increase [class*="-309"] div,
html.e5-contrast-increase [class*="-292"],
html.e5-contrast-increase [class*="-292"] div,
html.e5-contrast-increase [class*="-355"],
html.e5-contrast-increase [class*="-355"] div,
html.e5-contrast-increase [class*="-265"] {
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase div::after {
    background: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase .rcb-content-blocker a[role="button"],
html.e5-contrast-increase dialog .animate__animated a[role="button"] {
	box-shadow: none !important;
}

html.e5-contrast-increase .rcb-content-blocker a[role="button"],
html.e5-contrast-increase dialog .animate__animated a[role="button"]:not([class*="-253"]) {
	background-color: var(--wp--preset--color--black) !important;
	border-color: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase .rcb-content-blocker a[role="button"] span,
html.e5-contrast-increase dialog .animate__animated a[role="button"] span {
	color: var(--wp--preset--color--white) !important;
}

html.e5-contrast-increase .rcb-content-blocker a[role="button"]:hover,
html.e5-contrast-increase dialog .animate__animated a[role="button"]:hover {
	background-color: var(--wp--preset--color--white) !important;
}

html.e5-contrast-increase .rcb-content-blocker a[role="button"]:hover span,
html.e5-contrast-increase dialog .animate__animated a[role="button"]:hover span {
	color: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase dialog .animate__animated a,
html.e5-contrast-increase dialog .animate__animated [class*="-254"] {
	color: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase dialog .animate__animated [class*="-279"] {
	border-color: var(--wp--preset--color--black) !important;
}

/* checkbox */
html.e5-contrast-increase dialog .animate__animated div[aria-hidden="true"],
html.e5-contrast-increase .rcb-content-blocker div[aria-hidden="true"] {
	border-color: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase .rcb-content-blocker input[type="checkbox"]:checked + div[aria-hidden="true"] {
	background-color: var(--wp--preset--color--black) !important;
}

html.e5-contrast-increase dialog .animate__animated input[type="checkbox"]:not(:checked) + div[aria-hidden="true"] svg {
	display: none;
}

/* filter for svgs */
/*yellow*/
html.e5-contrast-yellow img[src*=".svg"],
html.e5-contrast-increase .slider-nav-light .flickity-button-icon {
	filter: brightness(0) saturate(100%) invert(84%) sepia(92%) saturate(540%) hue-rotate(354deg) brightness(105%) contrast(105%);
}

/* YELLOW COLOR SCHEME */
html.e5-contrast-yellow body {
	/* --primary-color: #ffff00;
	--secondary-color: #ffff00; */
	--wp--preset--color--primary: #ffff00;
	--wp--preset--color--secondary: #ffff00;
	--wp--preset--color--black: #ffff00;
	--wp--preset--color--white: #000000;
}