/*
Theme Name: Optik Theme
Version: 6.1 (Beta 1)
Theme URI: https://www.cyberoptik.net/
Description: Responsive Wordpress theme created by CyberOptik.
Author: CyberOptik
Author URI: https://www.cyberoptik.net/
*/



/*
 * FOR REFERENCE ONLY:
 * CUSTOM STYLES SHOULD BE ADDED TO THE CHILD THEME
 */





/******************************************************************************
 * * *  CSS IMPORTS  * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/

@import url("styles/theme.css");

@import url("styles/icons.css");





/******************************************************************************
 * * *  STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  CONTAINERS  ***/

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--custom--container--regular);
}

.container, 
.wp-block-group.alignwide > *, 
.wp-block-group.alignfull > * {
	padding-left: var(--wp--custom--spacer--lg);
	padding-right: var(--wp--custom--spacer--lg);
}

@media screen and (max-width: 900px) {
	.container, 
	.wp-block-group.alignwide > *, 
	.wp-block-group.alignfull > * {
		padding-left: var(--wp--custom--spacer--md);
		padding-right: var(--wp--custom--spacer--md);
	}
}

@media screen and (max-width: 600px) {
	.container, 
	.wp-block-group.alignwide > *, 
	.wp-block-group.alignfull > * {
		padding-left: var(--wp--custom--spacer--sm);
		padding-right: var(--wp--custom--spacer--sm);
	}
}

@media screen and (max-width: 420px) {
	.container, 
	.wp-block-group.alignwide > *, 
	.wp-block-group.alignfull > * {
		padding-left: var(--wp--custom--spacer--xs);
		padding-right: var(--wp--custom--spacer--xs);
	}
}



/***  WP BLOCKS  ***/

.wp-block-columns {
	justify-content: center;
	margin: var(--wp--custom--spacer--sm) 0;
}
.wp-block-columns:first-child {
	margin-top: 0;
}
.wp-block-columns:last-child {
	margin-bottom: 0;
}

.widget_block {
	margin: var(--wp--custom--spacer--sm) 0;
}
.widget_block:first-child {
	margin-top: 0;
}
.widget_block:last-child {
	margin-bottom: 0;
}

/* Stack on XL Screens */

@media screen and (max-width: 1600px) {

	.wp-block-columns.stack-xl {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.stack-xl:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100%;
	}

}
/* Stack on LG Screens */

@media screen and (max-width: 1200px) {

	.wp-block-columns.stack-lg {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.stack-lg:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100%;
	}

}

/* Stack on MD Screens */

@media screen and (max-width: 1024px) {

	.wp-block-columns.stack-md {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.stack-md:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100%;
	}

}

/* Stack on SM Screens (Default) */

@media screen and (max-width: 900px) {

	.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100%;
	}

}



/* Is Layout Flow Resets */

 .is-layout-flow > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.is-layout-flow > p, 
.is-layout-flow > ul, 
.is-layout-flow > ol {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

.is-layout-flow > h1, 
.is-layout-flow > h2, 
.is-layout-flow > h3, 
.is-layout-flow > h4, 
.is-layout-flow > h5, 
.is-layout-flow > h6 {
	margin-top: 1.6em;
	margin-bottom: 0.7em;
}

.is-layout-flow > *:first-child {
	margin-top: 0;
}

.is-layout-flow > *:last-child {
	margin-bottom: 0;
}

/* Block Buttons */

.wp-block-button__link, 
.wp-block-button__link:hover {
	line-height: 1.3em;
	text-decoration: none !important;
	transition: all 350ms ease-in-out;
}

.wp-block-button__link {
	border-radius: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: unset;
}



/***  SKIP-TO BUTTONS  ***/

.skip-to {
	display: inline-block;
	position: fixed;
	top: 4px;
	left: 4px;
	z-index: 5;
	width: auto;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.skip-to:focus, 
.skip-to:focus-within, 
.skip-to:active {
	height: auto;
	padding: 5px;
	border: 1px solid var(--wp--custom--primary--light);
}



/***  BACK TO TOP BUTTON  ***/

.btt-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 3;
	display: block;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all 750ms ease-in-out;
}

.btt-button.active {
	height: auto;
	overflow: visible;
	opacity: 1;
}

.btt-button [class*="fa-"] {
	padding: 0.5em;
	background-color: var(--wp--custom--primary--main);
	font-size: 1.5em;
	color: white;
	transition: all 350ms ease-in-out;
	box-sizing: content-box;
}

.btt-button:hover [class*="fa-"] {
	background-color: var(--wp--custom--primary--light);
	color: white;
}





/******************************************************************************
 * * *  CONTENT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  TEXT & LINKS  ***/

h1, 
h2, 
h3, 
h4, 
h5, 
p, 
ul, 
ol {
	text-wrap: pretty;
}

a {
	color: var(--wp--custom--primary--main);
}

a:hover {
	color: var(--wp--custom--primary--dark);
}

main a:not([class]) {
	border-bottom: 1px dotted var(--wp--custom--primary--main);
}

main a:not([class]):hover {
	border-bottom: 1px solid var(--wp--custom--primary--dark);
}

main figure a:not([class]), 
main figure a:not([class]):hover {
	border-bottom: none;
}



/***  HEADINGS  ***/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: var(--wp--custom--dark--1);
}

h1 {font-size: 3em;}
h2 {font-size: 2.25em;}
h3 {font-size: 1.75em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
h6 {font-size: 0.85em;}



/***  QUOTES  ***/

blockquote {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}



/***  DIVIDERS  ***/

hr, 
.divider {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px solid #e2e2e2;
	margin: 2.5em auto;
	padding: 0;
	clear: both;
}



/***  ACCORDIONS  ***/

details {
	transition: all 1s ease-in-out;
}

details:not(:last-of-type) {
	margin-bottom:var(--wp--custom--spacer--xxs);
}

details summary {
	background-color: var(--wp--custom--light--2);
	color: var(--wp--custom--dark--1);
	transition: all 350ms ease-in-out;
}

details summary:after {
	color: var(--wp--custom--primary--main);
	transition: all 350ms ease-in-out;
}



/***  BUTTONS  ***/

.wp-block-button {
	width: auto;
}

.button, 
.wp-block-button__link, 
.button-outline, 
.is-style-outline .wp-block-button__link {
	padding: 0.75em 1.5em;
	border: 1px solid var(--wp--custom--primary--main);
	background-color: var(--wp--custom--primary--main);
	color: white;
	transition: all 350ms ease-in-out;
}

.button:hover, 
.wp-block-button__link:hover, 
.button-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	text-decoration: none;
	border-color: var(--wp--custom--primary--light);
	background-color: var(--wp--custom--primary--light);
	color: white;
}

.button [class*="fa-"], 
.wp-block-button__link [class*="fa-"], 
.button:hover [class*="fa-"], 
.wp-block-button__link:hover [class*="fa-"] {
	transition: all 0ms ease-in-out;
	color: inherit !important;
}

/* Outlined Button */

.button-outline, 
.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--custom--primary--main);
}

.button-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--custom--primary--light);
	background-color: transparent;
	color: var(--wp--custom--primary--dark);
}



/***  ICONS  ***/

/*  Icon Colors  */

.fa, .fas, .far, .fal, .fab {
	color: var(--wp--custom--primary--light);
}

a .fa, a .fas, a .far, a .fal, a .fab {
	color: var(--wp--custom--primary--main);
	transition: all 350ms ease-in-out;
}

a:hover .fa, a:hover .fas, a:hover .far, a:hover .fal, a:hover .fab {
	color: var(--wp--custom--primary--light);
}

/*  Icon Backgrounds  */

.fa-bg {
	background-color: var(--wp--custom--primary--light);
	color: white;
}

a .fa-bg {
	background-color: var(--wp--custom--primary--main);
	color: white
}

a:hover .fa-bg {
	background-color: var(--wp--custom--primary--light);
	color: white;
}

/*  Icon Borders  */

.fa-br {
	border-color: var(--wp--custom--primary--light);
}

a .fa-br {
	border-color: var(--wp--custom--primary--main);
}

a:hover .fa-br {
	border-color: var(--wp--custom--primary--light);
}



/***  FORMS  ***/

/* Inputs */

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, 
input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
input[type="url"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, 
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, 
textarea:focus, select:focus {border-color: var(--wp--custom--primary--light);}

/* Buttons */

input[type="submit"], input[type="reset"], input[type="button"] {
	border-color: var(--wp--custom--primary--main);
	background-color: var(--wp--custom--primary--main);
	color: white;
}

input[type="Submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	border-color: var(--wp--custom--primary--light);
	background-color: var(--wp--custom--primary--light);
	color: white;
}

input[type="Submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	background-color: var(--wp--custom--primary--dark);
	color: white;
}

/* Search Form */

.search-form {
	position: relative;
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

input[type="Submit"].search-submit {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	height: calc(100% - 2px);
	width: 50px;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
	background: transparent url(assets/icons/search.svg) center no-repeat;
	background-size: 20px;
	transition: all 350ms ease-in-out;
}

input[type="Submit"].search-submit:hover {
	background-color: transparent;
	opacity: 0.6;
}

input[type="Submit"].search-submit:active {
	background-color: rgba(0,0,0,0.1);
}





/******************************************************************************
 * * *  HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  MASTHEAD  ***/

.masthead-link, 
.masthead-link:hover {
	display: flex;
	align-items: center;
	color: var(--wp--custom--dark--1);
	text-decoration: none;
}

.masthead:nth-child(2):not(:last-child) .masthead-link {
	justify-content: center;
}

/* Logo */

.brand-logo-wrap:first-child:not(:last-child) {
	max-width: 80px;
	padding-right: 15px;
}

span.brand-logo {
	display: flex;
}

.brand-logo {
	max-height: 60px;
}

.brand-logo svg {
	width: auto;
	max-width: 100%;
	max-height: inherit;
}

/* Brand Name & Tagline */

.brand-name, 
.brand-tagline {
	display: block;
}

.brand-name {
	font-size: 1.85em;
	font-weight: bold;
}

.brand-tagline {
	font-size: 1.15em;
}



/***  SCROLL BAR  ***/

.scrollbar {
	position: fixed;
	visibility: hidden;
	height: 0;
	top: 0;
	left: 0;
	z-index: 4000;
	opacity: 0;
	background-color: white;
	overflow: hidden;
	transition: all 750ms ease-in-out;
}

.scrollbar.active {
	display: block;
	opacity: 1;
	height: auto;
	visibility: visible;
	overflow: visible;
}

/* Masthead */

.scroll-masthead {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Scroll Columns */

.scrollbar .cols {align-items: center;}

.scroll-masthead {width: 280px;}

.scroll-left + .scroll-masthead:last-child {text-align: right;}

.scroll-left:nth-last-child(3) + .scroll-masthead, 
.scroll-masthead:first-child:last-child {text-align: center;}

.scroll-left, 
.scroll-right {width: calc(100% - 280px);}

.scroll-left:first-child:last-child, 
.scroll-right:first-child:last-child {
	width: 100%;
	text-align: center;
}

.scroll-left:nth-last-child(3), 
.scroll-right:nth-child(3) {width: calc(50% - 140px);}

.scroll-right:not(:first-child) {text-align: right;}

/* Scroll Bar Content Styles */

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



/***  TOP BAR  ***/

.top-bar {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: var(--wp--custom--light--2);
}

/* Block Columns */

.top-bar .wp-block-column:first-child:last-child, 
.top-bar .wp-block-column:nth-child(2):not(:last-child) {text-align: center;}

.top-bar .wp-block-column:last-child:not(:first-child) {text-align: right;}

@media screen and (max-width: 900px) {

.top-bar, 
.top-bar .wp-block-column:first-child:last-child, 
.top-bar .wp-block-column:nth-child(2):not(:last-child), 
.top-bar .wp-block-column:last-child:not(:first-child) {text-align: center;}

.top-bar .wp-block-columns {
	gap: 10px;
}

}

/* Top Bar Content Styles */
.top-bar-widget h1, 
.top-bar-widget h2, 
.top-bar-widget h3, 
.top-bar-widget h4, 
.top-bar-widget h5, 
.top-bar-widget h6, 
.top-bar-widget p, 
.top-bar-widget .menu, 
.top-bar-widget .menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Top Bar List Styles */
.top-bar-widget .menu li {display: inline-block;}
.top-bar-widget .menu li a {padding: 0.25em 0.75em;}
.top-bar-widget .menu li a .icon {margin-right: 4px;}
.top-bar-widget .menu li a .social-icon {margin-right: 0;}



/***  HEADER STYLES  ***/

/* Masthead */

.header-masthead {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Header Columns */

.header-content-inner {
	position: relative;
}

.header-content .cols {
	align-items: center;
}

.header-masthead {width: 280px;}

.header-left + .header-masthead:last-child {text-align: right;}

.header-left:nth-last-child(3) + .header-masthead, 
.header-masthead:first-child:last-child {text-align: center;}

.header-left, 
.header-right {width: calc(100% - 280px);}

.header-left:first-child:last-child, 
.header-right:first-child:last-child {
	width: 100%;
	text-align: center;
}

.header-left:nth-last-child(3), 
.header-right:nth-child(3) {width: calc(50% - 140px);}

.header-right:not(:first-child) {text-align: right;}

@media screen and (max-width: 1024px) {
.header-left:nth-last-child(3), 
.header-right:nth-child(3), 
.header-left:nth-last-child(3) + .masthead {
	display: block;
	width: 100%;
	text-align: center;
}
}

@media screen and (max-width: 900px) {

	.header-content .cols {
		flex-wrap: wrap;
	}

	.header-masthead, 
	.header-left, 
	.header-right {
		display: block;
		width: 100%;
	}

}

/* Absolute Header */

.header-absolute {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* Header Content Styles */

.header-widget, 
.header-widget h1, 
.header-widget h2, 
.header-widget h3, 
.header-widget h4, 
.header-widget h5, 
.header-widget h6, 
.header-widget p, 
.header-widget ul {
	margin: 0.5rem 0;
	padding: 0;
	list-style: none;
}

.header-widget:first-child, 
.header-widget h1:first-child, 
.header-widget h2:first-child, 
.header-widget h3:first-child, 
.header-widget h4:first-child, 
.header-widget h5:first-child, 
.header-widget h6:first-child, 
.header-widget p:first-child, 
.header-widget ul:first-child {margin-top: 0;}

.header-widget:last-child, 
.header h1:last-child, 
.header h2:last-child, 
.header h3:last-child, 
.header h4:last-child, 
.header h5:last-child, 
.header h6:last-child, 
.header p:last-child, 
.header ul:last-child {margin-bottom: 0;}

/* Header List Styles */

.header-widget li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.header-widget li a {padding: 0.25em 0.75em;}
.header-widget li a .icon {margin-right: 4px;}
.header-widget li a .social-icon {margin-right: 0;}

/* Menu Button */

.nav-tray-button {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	transform: translateY(-50%);
	z-index: 302;
	text-align: left;
}

.nav-tray-button [class*="fa-"] {
	padding: 0.33em;
	font-size: 1.5em;
	cursor: pointer;
	cursor: hand;
}

.nav-tray-active .nav-tray-button [class*="fa-"] {
	background-color: var(--wp--custom--primary--light);
	color: white;
}



/***  NAVBAR  ***/

.navbar {background-color: var(--wp--custom--light--3);}

.navbar-nav {width: 80%;}

.navbar-widget {
	width: 20%;
	text-align: right;
}

.navbar-nav:first-child:last-child {
	display: block;
	width: 100%;
	text-align: center;
}

/* Nav Bar Content Styles */
.navbar-widget h1, 
.navbar-widget h2, 
.navbar-widget h3, 
.navbar-widget h4, 
.navbar-widget h5, 
.navbar-widget h6, 
.navbar-widget p, 
.navbar-widget ul, 
.navbar-widget li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Nav Bar List Styles */
.navbar-widget li {display: inline-block;}
.navbar-widget li a {padding: 0.25em 0.75em;}
.navbar-widget li a .icon {margin-right: 4px;}
.navbar-widget li a .social-icon {margin-right: 0;}





/******************************************************************************
 * * *  MENUS  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  NAVIGATION MENU  ***/

.nav-menu {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	color: var(--wp--custom--dark--3);
	overflow: visible !important;
	box-sizing: border-box;
	list-style:none;
}

.nav-menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.nav-menu > li {
	position: relative;
	display: inline-block;
	padding: 0 12px;
	margin: 0;
	box-sizing: border-box;
}

.nav-menu > li > a, 
.nav-menu > li > span {
	display: inline-block;
	min-height: 20px;
	padding: 24px 0;
	text-decoration: none;
	color: var(--wp--custom--dark--3);
	box-sizing: border-box;
	transition: all 350ms ease-in-out;
}

.nav-menu > li:hover > a {
	text-decoration: none;
	color: var(--wp--custom--primary--main);
}

.nav-menu li > button {
	padding: 0;
	border: none;
	background: none;
	color: var(--wp--custom--dark--3);
	transition: all 0ms ease-in-out;
}

.nav-menu li:hover > button {
	color: var(--wp--custom--primary--main);
}

.nav-menu li > button > [class*="fa"], 
.nav-menu li > button > [class*="fa"]:hover {
	color: inherit;
}

/* Nav Button */

.nav-menu > li.nav-button > a > span {
	padding: 0.75em 1.5em;
	margin-top: -0.75em;
	margin-bottom: -0.75em;
	background-color: var(--wp--custom--primary--main);
	color: white;
	transition: all 350ms ease-in-out;
}

.nav-menu > li.nav-button:hover > a > span {
	background-color: var(--wp--custom--primary--light);
}



/***  DROPDOWN MENUS  ***/

.nav-menu li > ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 200px;
	height: 0;
	padding: 0;
	margin: 0;
	z-index: 5003;
	list-style: none;
	background-color: white;
	box-shadow: 0 24px 20px rgba(0, 0, 0, 0.2);
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	transition: all 350ms ease-in-out;
	text-align: left;
}

.nav-menu > li > ul {
	top: 100%;
	left: 0;
	font-size: 0.94em;
}

.nav-menu > li:last-child > ul {
	left: auto;
	right: 0;
}

.nav-menu li > ul:before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	padding: 0 30px 30px;
	content: '';
}

.nav-menu li ul li > ul:before {
	top: -30px;
	padding-top: 30px;
}

.nav-menu li:hover > ul, 
.nav-menu li.active > ul{
	visibility: visible;
	opacity: 1;
	height: auto;
	overflow: visible;
}

.nav-menu li ul li {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.nav-menu li ul li > a, 
.nav-menu li ul li > span {
	position: relative;
	display: block;
	padding: 8px 12px;
	line-height: 1.5em;
}

.nav-menu li ul li > a:focus-visible {
	outline-offset: -2px;
}

.nav-menu li ul li.nopad > span {padding: 0 !important;}

.nav-menu li ul li > a {
	color: var(--wp--custom--dark--3);
	text-decoration: none;
	transition: all 350ms ease-in-out;
}

.nav-menu li ul li.menu-item-has-children > a {
	width: calc(100% - 38px);
}

.nav-menu li ul li:hover > a {
	text-decoration: none;
	color: var(--wp--custom--primary--main);
}

.nav-menu li ul li > button {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%) rotate(-90deg);
	color: inherit;
	transition: all 0ms ease-in-out;
}

/* Nested Dropdowns */

.nav-menu li ul li ul {
	top: 0;
	left: 100%;
}

.nav-menu > li:last-child ul li ul {
	left: auto;
	right: 100%;
}

@media screen and (max-width: 600px) {
.nav-menu > li {display: block;}
}



/***  NAVIGATION TRAY  ***/

.nav-tray {
	display: block;
	visibility: hidden;
	float: none;
	padding: 0;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	background-color: var(--wp--custom--light--1);
	text-align: center;
	box-sizing: border-box;
	transition: all 750ms ease-in-out;
}

.nav-tray-active .nav-tray {
	max-height: 1000px;
	visibility: visible;
	display: block;
}

/* Nav Tray Menu */

.nav-tray-menu {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.nav-tray-menu li a:focus-visible {
	outline-offset: -2px;
}

.nav-tray-menu li {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

.nav-tray-menu li > a, 
.nav-tray-menu li > span {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	color: var(--wp--custom--dark--3);
	transition: all 350ms ease-in-out;
}

.nav-tray-menu li.menu-item-has-children > a {
	width: calc(100% - 44px);
}

.nav-tray-menu li a:hover {text-decoration: none;}

.nav-tray-menu li > button {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	background: none;
	color: var(--wp--custom--dark--3);
	transition: all 0ms ease-in-out;
	cursor: pointer;
	cursor: hand;
}

.nav-tray-menu li > button > [class*="fa"], 
.nav-tray-menu li > button > [class*="fa"]:hover {
	color: inherit;
}

.nav-tray-menu li.menu-item-has-children.active > button > [class*="fa"] {transform: rotate(180deg);}

/* Subpage Menu */

.nav-tray-menu li > ul, 
.nav-tray-menu li > ul {
	display: block;
	visibility: hidden;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	transition: all 350ms ease-out;
}

.nav-tray-menu li.active > ul {
	visibility: visible;
	max-height: 2000px;
	transition: all 1s ease-in;
}

/* LEFT & RIGHT HIDDEN MENU */

.nav-tray-left .nav-tray, 
.nav-tray-right .nav-tray {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 302;
	width: 350px;
	max-height: none;
	overflow: auto;
	text-align: left;
	transition: all 750ms ease-in-out;
}

.nav-tray-left .nav-tray {left: -350px;}
.nav-tray-left.nav-tray-active .nav-tray {left: 0;}

.nav-tray-right .nav-tray {right: -350px;}
.nav-tray-right.nav-tray-active .nav-tray {right: 0;}

.nav-tray-left .nav-tray .container, 
.nav-tray-right .nav-tray .container {
	padding: 0;
}

/* Body Styles */

body.nav-tray-left, 
body.nav-tray-right {
	margin-left: 0;
	margin-right: 0;
	transition: all 750ms ease-in-out;
}

.nav-tray-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: var(--wp--custom--dark--1);
	opacity: 0;
	visibility: hidden;
	content: '';
}

body.nav-tray-left.nav-tray-active .nav-tray-overlay, 
body.nav-tray-right.nav-tray-active .nav-tray-overlay {
	height: 100%;
	opacity: 0.7;
	visibility: visible;
}

/* Active site Styles */
body.nav-tray-left.nav-tray-active {margin-left: 350px;}
body.nav-tray-right.nav-tray-active {margin-left: -350px;}

@media screen and (max-width: 900px) {

.nav-tray-left .nav-tray,
.nav-tray-right .nav-tray {width: 50%;}
.nav-tray-left .nav-tray {left: -50%;}
.nav-tray-right .nav-tray {right: -50%;}

/* Active Site Styles */

.nav-tray-left.nav-tray-active .nav-tray {left: 0;}
.nav-tray-right.nav-tray-active .nav-tray {right: 0;}

body.nav-tray-left.nav-tray-active {margin-left: 50%;}
body.nav-tray-right.nav-tray-active {margin-left: -50%;}

}

@media screen and (max-width: 600px) {

.nav-tray-left .nav-tray,
.nav-tray-right .nav-tray {width: 75%;}
.nav-tray-left .nav-tray {left: -75%;}
.nav-tray-right .nav-tray {right: -75%;}

/* Active Site Styles */

.nav-tray-left.nav-tray-active .nav-tray {left: 0;}
.nav-tray-right.nav-tray-active .nav-tray {right: 0;}

body.nav-tray-left.nav-tray-active {margin-left: 75%;}
body.nav-tray-right.nav-tray-active {margin-left: -75%;}

}

/* OVERLAY MENU */

.nav-tray-overlay .nav-tray {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 302;
	width: 100%;
	height: 0;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 750ms ease-in-out;
}

.nav-tray-overlay.nav-tray-active .nav-tray {
	height: 100%;
	max-height: 100%;
	opacity: 1;
}

.nav-tray-overlay .nav-tray .container {
	display: flex;
	height: 100%;
}

.nav-tray-overlay .nav-tray-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.nav-tray .nav-tray-close-button {
	display: none;
	visibility: hidden;
}

.nav-tray-overlay.nav-tray-active .nav-tray .nav-tray-close-button {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 303;
	width: 125px;
	height: 125px;
	display: flex;
	background-color: transparent;
	border: none;
	visibility: visible;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	cursor: hand;
}

.nav-tray-overlay.nav-tray-active .nav-tray .nav-tray-close-button [class*="fa-"] {
	font-size: 2em;
	color: var(--wp--custom--dark--1);
	opacity: 0.8em;
}

.nav-tray-overlay.nav-tray-active .nav-tray .nav-tray-close-button:hover [class*="fa-"] {
	opacity: 1;
}

/* ALWAYS HIDE TRAY NAV */

.nav-tray-all .header-content-inner {padding-right: 50px;}
.nav-tray-all.nav-tray-left .header-content-inner {
  padding-left: 50px;
  padding-right: 0;
}
.nav-tray-all .nav-tray-button {right: 0;}
.nav-tray-all.nav-tray-left .nav-tray-button {
  left: 0;
  right: auto;
}
.nav-tray-all .header-nav, 
.nav-tray-all .navbar,
.nav-tray-all .scrollbar.active {
  display: none;
  visibility: hidden;
}
.nav-tray-all .header .nav-tray-button {
  display: block;
  visibility: visible;
}

/* Hide on XL screens and smaller */

@media screen and (max-width: 1600px) {

	.nav-tray-xl .header-content-inner {padding-right: 50px;}
	.nav-tray-xl.nav-tray-left .header-content-inner {
		padding-left: 50px;
		padding-right: 0;
	}
	.nav-tray-xl .nav-tray-button {right: 0;}
	.nav-tray-xl.nav-tray-left .nav-tray-button {
		left: 0;
		right: auto;
	}
	.nav-tray-xl .header-nav, 
	.nav-tray-xl .navbar,
	.nav-tray-xl .scrollbar.active {
		display: none;
		visibility: hidden;
	}
	.nav-tray-xl .header .nav-tray-button {
		display: block;
		visibility: visible;
	}

}

/* Hide on LG screens and smaller */

@media screen and (max-width: 1200px) {

	.nav-tray-lg .header-content-inner {padding-right: 50px;}
	.nav-tray-lg.nav-tray-left .header-content-inner {
		padding-left: 50px;
		padding-right: 0;
	}
	.nav-tray-lg .nav-tray-button {right: 0;}
	.nav-tray-lg.nav-tray-left .nav-tray-button {
		left: 0;
		right: auto;
	}
	.nav-tray-lg .header-nav, 
	.nav-tray-lg .navbar,
	.nav-tray-lg .scrollbar.active {
		display: none;
		visibility: hidden;
	}
	.nav-tray-lg .header .nav-tray-button {
		display: block;
		visibility: visible;
	}

}

/* Hide on MD screens and smaller */

@media screen and (max-width: 1024px) {

	.nav-tray-md .header-content-inner {padding-right: 50px;}
	.nav-tray-md.nav-tray-left .header-content-inner {
		padding-left: 50px;
		padding-right: 0;
	}
	.nav-tray-md .nav-tray-button {right: 0;}
	.nav-tray-md.nav-tray-left .nav-tray-button {
		left: 0;
		right: auto;
	}
	.nav-tray-md .header-nav, 
	.nav-tray-md .navbar,
	.nav-tray-md .scrollbar.active {
		display: none;
		visibility: hidden;
	}
	.nav-tray-md .header .nav-tray-button {
		display: block;
		visibility: visible;
	}

}

/* Hide on SM screens and smaller */

@media screen and (max-width: 900px) {

	.nav-tray-sm .header-content-inner {padding-right: 50px;}
	.nav-tray-sm.nav-tray-left .header-content-inner {
		padding-left: 50px;
		padding-right: 0;
	}
	.nav-tray-sm .nav-tray-button {right: 0;}
	.nav-tray-sm.nav-tray-left .nav-tray-button {
		left: 0;
		right: auto;
	}
	.nav-tray-sm .header-nav, 
	.nav-tray-sm .navbar,
	.nav-tray-sm .scrollbar.active {
		display: none;
		visibility: hidden;
	}
	.nav-tray-sm .header .nav-tray-button {
		display: block;
		visibility: visible;
	}

}

/* Hide on XS screens only */

@media screen and (max-width: 600px) {

	.nav-tray-xs .header-content-inner {padding-right: 50px;}
	.nav-tray-xs.nav-tray-left .header-content-inner {
		padding-left: 50px;
		padding-right: 0;
	}
	.nav-tray-xs .nav-tray-button {right: 0;}
	.nav-tray-xs.nav-tray-left .nav-tray-button {
		left: 0;
		right: auto;
	}
	.nav-tray-xs .header-nav, 
	.nav-tray-xs .navbar,
	.nav-tray-xs .scrollbar.active {
		display: none;
		visibility: hidden;
	}
	.nav-tray-xs .header .nav-tray-button {
		display: block;
		visibility: visible;
	}

}



/***  4.5 ENTRY NAV  ***/

/* Entry Menu Defaults */

.entry-menu, 
.entry-menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.entry-menu li a {
	display: block;
	color: var(--wp--custom--dark--2);
	transition: all 350ms ease-in-out;
	border: none !important;
}

.entry-menu li.current-menu-item > a, 
.entry-menu li:hover > a {
	text-decoration: none;
	background-color: var(--wp--custom--primary--main);
	color: white;
}

.entry-menu li ul {
	display: none;
	visibility: hidden;
}

@media screen and (min-width: 1201px) {

.entry-nav-button {
	display: none;
	visibility: hidden;
}

/* Inline Entry Menu */

.entry-content .entry-menu, 
.entry-navbar .entry-menu {
	display: flex;
}

.entry-content .entry-menu li, 
.entry-navbar .entry-menu li {
	margin: 0;
	text-align: center;
}

.entry-content .entry-menu li > a, 
.entry-navbar .entry-menu li > a {
	padding: 20px 15px;
}

/* Sidebar Entry Menu */

.sidebar .entry-menu li > a {
	padding: 5px 0;
}

}

@media screen and (max-width: 1200px) {

.entry-nav {
	position: relative;
	width: 100%;
	max-width: 300px;
	margin-left: 0;
	margin-top: var(--wp--custom--spacer--xs);
	margin-bottom: var(--wp--custom--spacer--xs);
}

.entry-nav-button {
	position: relative;
	width: 100%;
	padding: 8px 12px;
	background-color: white;
	border: 1px solid #ccc;
	text-align: left;
	transition: all 300ms ease-in-out;
	cursor: pointer;
}

.entry-nav.active .entry-nav-button {
	border-color: var(--wp--custom--primary--main);
	background-color: var(--wp-custom--light--2);
}

.entry-nav-button .fa {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

.entry-menu {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 1;
	width: 100%;
	height: 0;
	opacity: 0;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
	background-color: white;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	list-style: none;
	visibility: hidden;
	transition: opacity 300ms ease-in-out;
}

.entry-nav.active .entry-menu {
	height: auto;
	visibility: visible;
	opacity: 1;
}

.entry-menu li a {
	padding: 5px 10px;
}

.entry-menu li a:focus-visible {
	outline-offset: -2px;
}

}





/******************************************************************************
 * * *  5 MAIN STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  5.1 BANNER  ***/

.banner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: var(--wp--custom--light--3);
	align-items: center;
	min-height: 400px;
}

.banner .banner-image-wrap {
	position: relative;
	display: block;
	width: 100%;
	min-height: 400px;
	margin: 0;
	background-color: var(--wp--custom--dark--1);
}

.banner .banner-image {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .banner-text-wrap {
	position: relative;
	display: block;
	width: 100%;
	padding-top: var(--wp--custom--spacer--sm);
	padding-bottom: var(--wp--custom--spacer--sm);
}

.banner .headline {
	margin: 0;
}

.banner .sub-headline {
	font-size: 1.15em;
}

.banner .headline + .sub-headline {
	margin-top: 0.5em;
}

/* Banner Overlay */

.banner-overlay {
	color: white;
}

.banner-overlay .banner-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}

.banner-overlay .banner-image {
	opacity: 0.7;
}

.banner-overlay h1, 
.banner-overlay h2, 
.banner-overlay h3, 
.banner-overlay h4, 
.banner-overlay h5, 
.banner-overlay h6 {color: white;}

.banner-overlay input, 
.banner-overlay select {color: var(--wp--custom--dark--2);}

/* Text Only */

.banner.banner-text-only {
	min-height: 0;
}



/***  5.3 MAIN  ***/

.main-content {
	padding-top:  var(--wp--custom--spacer--xxl);
	padding-bottom:  var(--wp--custom--spacer--xxl);
}

@media screen and (min-width: 1201px) {
.main-sidebar .main-inner > .cols > .entry {width: 75%;}
.main-sidebar .main-inner > .cols > .sidebar {width: 25%;}
}

/* Content Sections */

.entry-content .section:not(:last-child) {
	margin-bottom: 1.6em;
}

.entry-content .section:not(:first-child) {
	margin-top: 1.6em;
}

/* Content Alignment */

.entry-content .alignfull {
	margin-left: calc(50% - (var(--wp--custom--container--full) / 2));
	max-width: var(--wp--custom--container--full);
	width: var(--wp--custom--container--full);
}

.entry-content > .alignfull:first-child {margin-top: calc(var(--wp--custom--spacer--xxl) * -1);}
.entry-content > .alignfull:last-child {margin-bottom: calc(var(--wp--custom--spacer--xxl) * -1);}

.entry-content .alignwide {
	margin-left: calc(50% - (var(--wp--custom--container--wide) / 2));
	max-width: var(--wp--custom--container--wide);
	width: var(--wp--custom--container--full);
}

.entry-content img.alignleft, 
.entry-content figure.alignleft {
	margin: 0 20px 1em 0;
	max-width: 50%;
}

.entry-content img.alignright, 
.entry-content figure.alignright {
	margin: 0 0 1em 20px;
	max-width: 50%;
}

.entry-content .center, 
.entry-content .centered, 
.entry-content .aligncenter, 
.entry-content .align-center {
	margin: 1em auto;	
}

.aligncenter svg {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft svg {
	display: block;
	margin-left: 0;
	margin-right: auto;
}

.alignright svg {
	display: block;
	margin-left: auto;
	margin-right: 0;
}

.entry-content .center:first-child, 
.entry-content .centered:first-child, 
.entry-content .aligncenter:first-child, 
.entry-content .align-center:first-child {margin-top: 0;}

.entry-content .center:last-child, 
.entry-content .centered:last-child, 
.entry-content .aligncenter:last-child, 
.entry-content .align-center:last-child {margin-bottom: 0;}

@media screen and (max-width: 420px) {

.entry-content .alignleft, 
.entry-content .alignright {
	float: none;
	display: block;
	max-width: 100%;
	margin: 1em 0;
	text-align: center;
}

.entry-content .alignleft:first-child, 
.entry-content .alignright:first-child {margin-top: 0;}

.entry-content .alignleft:last-child, 
.entry-content .alignright:last-child {margin-bottom: 0;}

}

/* Content Headers */

.entry-content .alignleft + h1, 
.entry-content .alignleft + h2, 
.entry-content .alignleft + h3, 
.entry-content .alignleft + h4, 
.entry-content .alignleft + h5, 
.entry-content .alignleft + h6, 
.entry-content .alignright + h1, 
.entry-content .alignright + h2, 
.entry-content .alignright + h3, 
.entry-content .alignright + h4, 
.entry-content .alignright + h5, 
.entry-content .alignright + h6 {margin-top: 0.6em;}

/*  Content Images  */

.entry-content .wp-caption {max-width: 100%;}

.entry-content .wp-caption.alignnone {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

.entry-content .wp-caption.alignnone:first-child {margin-top: 0;}

.entry-content .wp-caption.alignnone:last-child {margin-bottom: 0;}

.entry-content img.alignleft, 
.entry-content img.alignright, 
.entry-content .wp-caption.alignleft, 
.entry-content .wp-caption.alignright {max-width: 50%;}

.wp-caption-text {
	margin: 0;
	margin-top: 0.25em;
	font-size: 0.8em;
	font-style: italic;
	opacity: 0.8;
}

@media screen and (max-width: 420px) {

.entry-content img.alignleft, 
.entry-content img.alignright, 
.entry-content .wp-caption.alignleft, 
.entry-content .wp-caption.alignright {max-width: 100%;}

}



/***  5.4 ARCHIVE  ***/

/* Search Filter */

.filter-field-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.filter-field-wrap .filter-submit {
	position: absolute;
	z-index: 50;
	top: 50%;
	right: 0;
	display: block;
	float: none;
	width: calc(1.6em + 20px);
	height: calc(1.6em + 20px);
	border: 0;
	margin: 0;
	transform: translateY(-50%);
	background: transparent url(assets/icons/search.svg) center no-repeat;
	background-size: 1.5em;
	cursor: pointer;
	cursor: hand;
}

.filter-field-wrap .filter-submit:hover {
	background-color: transparent;
	outline: none;
	opacity: 0.6;
}

.filter-field-wrap .filter-submit:active {
	background-color: rgba(0,0,0,0.025);
	outline: none;
	opacity: 1;
}

.filter-form .filter-reset {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 15px 12px;
	border: 1px solid #e9e9e9;
	height: calc(1.6em + 19px);
	box-sizing: border-box;
	transition: all 350ms ease-in-out;
}

.filter-form .filter-reset i,
.filter-form .filter-reset:hover i {color: red;}

.filter-form .filter-reset:hover {
	text-decoration: none;
}

.archive-navbar .filter-select, 
.archive-navbar .filter-field-wrap, 
.archive-navbar .filter-reset {
	margin-left: 10px;
	margin-right: 10px;
}

.sidebar .filter-form .filter-reset {
	width: 100%;
	margin-left: 0;
}

.filter-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}

.filter-overlay.active {height: 100%;}

.filter-overlay-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.filter-overlay [class*="fa-"] {color: white;}

/* Archive Navbar */

.archive-navbar {
	padding-top: 15px;
}

.archive-navbar select, 
.archive-navbar input {max-width: 300px;}

/* Entry Cols */

.entries .entry {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transition: all 350ms ease-in-out;
	cursor: pointer;
}

.entries .entry:hover {
	text-decoration: none;
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
	
	.entries .col-half, 
	.entries .col-third {
		width: 50%;
	}

	.entries .col-fourth,
	.entries .col-fifth,
	.entries .col-sixth {
		width: 33%;
	}

}

.entries .entry-icon-wrap:not(:first-child) {
	padding-top: 10px;
}

.entries img.entry-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
}

.entries span.entry-icon {
	display: flex;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
}

.entries .entry-thumb {
	width: 100%;
}

.entries .entry-text-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}

.includes-link-text .entry-text-wrap {
	padding-bottom: 40px;
}

.entries .entry-title {
	transition: all 350ms ease-in-out;
}

.entries .entry-title:not(:last-child) {
	margin-bottom: 0.25em;
}

.entries .entry-meta {
	margin-top: 0;
	margin-bottom: 0.5em;
	list-style: none;
}

.entries .entry-meta li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.entries .entry-meta .entry-author-portrait {
	width: 48px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--full);
	margin-right: 4px;
}

.entries .entry-meta .entry-author {
	font-style: normal;
}

.entries .entry-meta .entry-terms a:not(:last-child) {
	margin-right: 4px;
}

.entries .entry-excerpt-wrap:not(:last-child) {
	margin-bottom: 0.5em;
}

.entries .entry-more {
	position: absolute;
	bottom: 0;
	left: 0;
}

.entries .entry-link {
	transition: all 350ms ease-in-out;
}

/* Single Column */

@media screen and (min-width: 901px) {

.entries .entry.col-full {
	display: flex;
	flex-wrap: nowrap;
	column-gap: var(--wp--custom--spacer--sm);
}

.entries .entry.col-full .entry-thumb-wrap {
	width: 33%;
	text-align: center;
}

.entries .entry.col-full .entry-text-wrap {
	width: 67%;
}

.entries .entry.col-full .entry-text-wrap, 
.includes-link-text .entry.col-full .entry-text-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

.entries .entry.col-full .entry-more {
	position: static;
}

}

/* Archive Pagination */

.archive-pagination {
	padding-top: var(--wp--custom--spacer--lg);
}

.archive-pagination:after {
	display: block;
	width: 100%;
	clear: both;
	content: '';
}

.archive-pagination a {
	display: inline-block;
	padding: 0.5em 1.5em;
	border: 1px solid #ccc;
	transition: all 350ms ease-in-out;
}

.archive-pagination a:hover {
	text-decoration: none;
}

.archive-pagination .next-entries-link {
	float: right;
}



/***  5.5 SINGLE  ***/

.single .entry-meta {
	margin-top: 0;
	margin-bottom: 0.5em;
	list-style: none;
}

.single .entry-meta li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Entry Meta */

.single .entry-meta, 
.single .entry-meta li {
	margin-left: 0;
	list-style: none;
}

.single .entry-meta li {
	display: inline-block;
}

.single .entry-meta li {
	margin-right: 10px;
}

.single .entry-meta .entry-author-portrait {
	width: 64px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--full);
	margin-right: 4px;
}

.single .entry-meta .entry-author {
	font-style: normal;
}

.single .entry-meta .entry-terms {
	display: inline-block;
	width: auto;
}

.single .entry-meta .entry-terms:not(:last-child) {
	margin-right: 10px;
}

.single .entry-meta .entry-terms a:not(:last-child) {
	margin-right: 4px;
}

/* Entry Buttons */

.page section.entry-buttons, 
.single section.entry-buttons, 
.page section.entry-more, 
.single section.entry-more {
	background-color: var(--wp--custom--light--3);
	padding: var(--wp--custom--spacer--xs);
}

/* Single Pagination */

.entry-pagination {padding-top: var(--wp--custom--spacer--lg);}

.entry-pagination:after {
	display: block;
	width: 100%;
	clear: both;
	content: '';
}

.entry-pagination a {
	display: inline-block;
	padding: 0.5em 1.5em;
	border: 1px solid #ccc;
	transition: all 350ms ease-in-out;
}

.entry-pagination a:hover {text-decoration: none;}

.entry-pagination .next-entry-link {float: right;}



/***  5.6 COMMENTS  ***/

.comments {
	margin-top: var(--wp--custom--spacer--xl);
}

.comments ul {
	float: left;
	width: 100%;
	list-style: none;
}

.comments .avatar {display: none;}

.comments li {
	float: left;
	width: 100%;
	padding: 0;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	margin-bottom: 1.5em;
	box-sizing: border-box;
	background-color: transparent;
}

.comments li ul li {
	padding: 0.5em 0 0.5em 40px;
	padding-left: 40px;
	border: 0;
	border-left: 10px solid var(--wp--custom--light--1);
	margin: 0;
 }

.comments li ul li:nth-child(odd) {background-color: transparent;}

.comments a.url {font-weight: bold;}

.comments .reply {font-size: 0.8em;}

.comments time {font-size: 0.8em;}

.comments .reply-form {
	padding: 15px;
	background-color: var(--wp--custom--light--2);
}





/******************************************************************************
 * * *  6 FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  6.1 CTA BAR  ***/

.cta-bar {
	padding-top: var(--wp--custom--spacer--xxl);
	padding-bottom:  var(--wp--custom--spacer--xxl);
	background-color: var(--wp--custom--dark--3);
	color: white;
}

.cta-bar h1, 
.cta-bar h2, 
.cta-bar h3, 
.cta-bar h4, 
.cta-bar h5, 
.cta-bar h6 {color: white;}



/***  6.2 FOOTER  ***/

.footer-content {
	padding-top:  var(--wp--custom--spacer--xl);
	padding-bottom:  var(--wp--custom--spacer--xl);
	background-color: var(--wp--custom--light--2);
}

/* Block Columns */

.footer-content .wp-block-column:first-child:last-child {text-align: center;}

/* Footer Content Style */

.footer-content ul {
	margin-left: 0;
	list-style: none;
}

.footer-content li {margin: 0;}

.footer-content li a .icon {margin-right: 4px;}

.footer-content li a .social-icon {margin-right: 0;}

.footer-content li ul {display: none;}

.footer-content .arrow-list li, 
.footer-content .check-list li, 
.footer-content .check-circle-list li, 
.footer-content .icon-list li, 
.footer-content .contact-list li {margin-left: 1.75em;}

/* Footer Menu */

.footer-content .menu li a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}



/***  6.3 BOTTOM BAR  ***/

.bottom-bar {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: var(--wp--custom--light--1);
}

/* Block Columns */

.bottom-bar .wp-block-column:first-child:last-child, 
.bottom-bar .wp-block-column:nth-child(2):not(:last-child) {text-align: center;}

.bottom-bar .wp-block-column:last-child:not(:first-child) {text-align: right;}

@media screen and (max-width: 1200px) {

.bottom-bar, 
.bottom-bar .wp-block-column:first-child:last-child, 
.bottom-bar .wp-block-column:nth-child(2):not(:last-child), 
.bottom-bar .wp-block-column:last-child:not(:first-child) {text-align: center;}

.bottom-bar .wp-block-columns {
	flex-wrap: wrap !important;
	gap: 10px;
}

}

/* Bottom Bar Content Styles */

.bottom-bar-widget h1, 
.bottom-bar-widget h2, 
.bottom-bar-widget h3, 
.bottom-bar-widget h4, 
.bottom-bar-widget h5, 
.bottom-bar-widget h6, 
.bottom-bar-widget p, 
.bottom-bar-widget ul, 
.bottom-bar-widget li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.bottom-bar-widget li {display: inline-block;}

.bottom-bar-widget li a {padding: 0.25em 0.75em;}

.bottom-bar-widget li a .icon {margin-right: 4px;}

.bottom-bar-widget li a .social-icon {margin-right: 0;}

.bottom-bar li ul {display: none;}

/* Credits */

.copyright, 
.credits {display: inline-block;}

.credits a {display: inline-block;}

.credits img {width: 1.2em;}