/*
Theme Name: Fall River Public Library
Version: 1.0
Description: Customizable accessible responsive Wordpress theme created by CyberOptik
Author: CyberOptik
Author URI: http://www.cyberoptik.net
Template: optik-theme
*/





/******************************************************************************
 * * *  IMPORTS & VARIABLES  * * * * * * * * * * * * * * * * * * * * * * * * *
******************************************************************************/

@import url("../optik-theme/style.css");

/***	Staatliches	***/

/* Normal */
@font-face {
	font-family: 'Staatliches';
	font-weight: normal;
	src: url('fonts/staatliches/staatliches-regular.woff2');
}


/***	Inter	***/

/* Light */
@font-face {
	font-family: 'Inter';
	font-weight: 300;
	src: url('fonts/inter/inter-light.woff2');
}

/* Normal */
@font-face {
	font-family: 'Inter';
	font-weight: normal;
	src: url('fonts/inter/inter-regular.woff2');
}

/* Italic */
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: normal;
	src: url('fonts/inter/inter-italic.woff2');
}

/* Medium */
@font-face {
	font-family: 'Inter';
	font-weight: 500;
	src: url('fonts/inter/inter-medium.woff2');
}

/* Bold */
@font-face {
	font-family: 'inter';
	font-weight: bold;
	src: url('fonts/inter/inter-bold.woff2');
}

/* Black */
@font-face {
	font-family: 'Inter';
	font-weight: 900;
	src: url('fonts/inter/inter-black.woff2');
}




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



/***  UNIVERSAL STYLES  ***/

html {
	font-size: 16px;
}

body {
	line-height: 1.6em;
	font-family: var(--wp--custom--font--1);
	color: var(--wp--custom--dark--1);
}

ul,
.entry-list:not(.arrow-list, .check-list, .check-circle-list, .icon-list, .contact-list) { list-style-type: square; }

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

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

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





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



/***  TEXT & LINKS  ***/

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

a:hover {
	color: var(--wp--custom--secondary--light);
	text-decoration: none;
}

.main-wrap a:not([class]) {
	border-bottom: 1px dotted currentColor;
	font-weight: 700;
}

.main-wrap a:not([class]):not(:has(img)):hover {
	border-bottom-style: solid;
}

.main-wrap .social-list a,
.main-wrap .wp-block-image a,
.main-wrap .wp-block-media-text__media a {
	border-bottom: none;
}

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


/*CONTENT BLOCK IMAGE WITH LINKS*/
section#main .wp-block-media-text.link-card img,
section#main .wp-block-image a img{transition: all 300ms ease-in-out;}

section#main .wp-block-media-text.link-card:hover img,
section#main .wp-block-image a:hover img { transform: scale(1.05); }

section#main .wp-block-media-text.link-card:hover a{color: var(--wp--custom--secondary--dark);}



/***  HEADINGS  ***/

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	color: var(--wp--custom--dark--1);
	font-family: var(--wp--custom--font--2);
	line-height: .85;
}

h1 {
	font-size: 10em;
}

h2 {
	font-size: 3em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.15em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.85em;
}

ul ul,
ol ul{margin-top: 10px;}

@media screen and (max-width:1600px) {
	h1 {font-size: 10em;}
}

@media screen and (max-width:1200px) {
	h1 {font-size: 10em;}
}

@media screen and (max-width:900px) {
	h1 {font-size: 8em;}
}

@media screen and (max-width:600px) {
	h1 {font-size: 3.5em;}

	h2 { font-size: 3em; }
}

.wp-block-heading.slash-design{
	font-size: 2em;
	position: relative;
}


.wp-block-heading.slash-design:before{
	content: '//';
	margin-right: 5px;
	color: var(--wp--custom--primary--main);
}


.large-text{font-size: 8em;}

.x-large-text{font-size: 12.5em;}


@media screen and (max-width:1500px) {
	.x-large-text{font-size: 9em!important;}
}

@media screen and (max-width:1200px) {
	.x-large-text{font-size: 5em!important;}
}

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

	.large-text{font-size: 4em;}

	.x-large-text{font-size: 4em!important;}
}

/***  BORDERS & DIVIDERS  ***/

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



/***  BUTTONS  ***/

.wp-block-button{padding-right: 35px;}
 
 .button, 
 .wp-block-button__link, 
 .button-outline, 
 .is-style-outline .wp-block-button__link {
	 padding: 0;
	 border:unset;
	 background-color: transparent;
	 color: var(--wp--custom--dark--1);
	 border-bottom: 1px solid var(--wp--custom--dark--1);
	 text-transform: uppercase;
	 position: relative;
	 transition: all 300ms ease-in-out;
 }
 
 .button:hover, 
 .wp-block-button__link:hover, 
 .button-outline:hover,
 .is-style-outline .wp-block-button__link:hover {
	 color: var(--wp--custom--primary--main);
	 background-color: transparent;
	 border-bottom-color: var(--wp--custom--primary--main);
	 transform: translateY(-3px);
 }
 
 .button [class*="fa-"], 
 .wp-block-button__link [class*="fa-"], 
 .button:hover [class*="fa-"], 
 .wp-block-button__link:hover [class*="fa-"],
 .button i, 
.wp-block-button__link i, 
.button:hover i{
	color: white !important;
    position: absolute;
    right: -35px;
    top: -3px;
    padding: 5px;
    background-color: var(--wp--custom--dark--1);
    border-radius: 100%;
	transition: all 300ms ease-in-out;
 }

 .wp-block-button__link:hover [class*="fa-"]{background-color: var(--wp--custom--primary--main)!important;}
 
 /*white button*/
 .white-button.button, 
 .white-button .wp-block-button__link, 
 .white-button .button-outline, 
 .white-button .is-style-outline .wp-block-button__link {
	 color: white;
	 border-bottom-color: white;
 }
 
 .white-button.button:hover, 
 .white-button .wp-block-button__link:hover, 
 .white-button .button-outline:hover,
 .white-button .is-style-outline .wp-block-button__link:hover {
	color: var(--wp--custom--primary--main);
	background-color: transparent;
	border-bottom-color: var(--wp--custom--primary--main);
 }


 .white-button .wp-block-button__link [class*="fa-"]{
	background-color: white;
	color: var(--wp--custom--dark--1)!important;
 }

@media screen and (max-width:900px) {
	.wp-block-buttons.is-content-justification-right{    justify-content: left!important;}
}


/***  ICONS  ***/

/* Icon Colors */

.fa {
	font-weight: 300;
}

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

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

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--main);
	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--main);
}

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

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



/***  LISTS  ***/

.arrow-list li:before, 
.check-list li:before, 
.check-circle-list li:before, 
.icon-list li:before, 
.contact-list li:before {
	color: var(--wp--custom--primary--main);
}



/***  FORMS  ***/

/* Inputs */

input[type="text"], input[type="email"], input[type="number"], 
input[type="password"], input[type="search"], input[type="tel"], 
input[type="url"], input[type="date"], input[type="datetime-local"], 
input[type="month"], input[type="time"], input[type="week"], 
textarea, select, .filter-reset {
	border-radius: var(--wp--custom--radius--xs);
}

/* Buttons */

input[type="submit"], input[type="reset"], input[type="button"] {
	border-color: var(--wp--custom--dark--1);
	background-color: var(--wp--custom--dark--1);
	border-radius: var(--wp--custom--radius--xs);
	color: white;
	text-transform: uppercase;
	transition: all 300ms ease-in-out;
}

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

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

form button {
	border-radius: var(--wp--custom--radius--xs);
}

form button:hover {
	background-color: var(--wp--custom--primary--light);
	color: white;
}

form button:active {
	background-color: var(--wp--custom--primary--dark);
	color: white;
}

/* Ninja Forms */

.nf-field-element input[type="button"], 
.nf-field-element input[type="submit"] {
	height: 50px;
}





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

.logo svg { width: 100%; }

/***  SCROLL BAR  ***/

.scroll-bar {
	background-color: var(--wp--custom--dark--1);
	font-size: .9em;
}

.scroll-bar-container {
	max-width: none;
}

.scroll-logo {
	max-height: 60px;
	position: relative;
    z-index: 99999;
}

.scroll-right{
	display: flex;
    justify-content: space-between;
	align-items: center;
}



/***  TOP BAR  ***/

.top-bar {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: var(--wp--custom--secondary--dark);
	font-size: 0.9em;
	color: white;
}

.top-bar .button {
	margin-left: 15px;
	padding: 0.4em 1.2em;
}

.top-bar a .fab {
	margin-left: 2px;
	margin-right: 2px;
}

@media screen and (max-width:900px) {
	.top-bar .wp-block-social-links,
	.top-bar .wp-block-buttons{justify-content: center!important;}
}



/***  HEADER  ***/
.header{
	background-color: var(--wp--custom--dark--1);
	border-bottom: 2px solid white;
}

.header-logo {
	max-height: 120px;
	position: relative;
	z-index: 9999;
}

.header-right {
	display: flex;
    justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

@media screen and (max-width: 900px) {
	.header-right {
		padding-top: 0;
	}
}
.scroll-right .scroll-menus,
.header-right .header-menus{width: 100%;}

.scroll-right i,
.header-right i { padding-left: 4px; }

.scroll-right a:not(:hover) i,
.header-right a:not(:hover) i { color: white; }

.scroll-right a:not(:hover) i.fa-external-link,
.header-right a:not(:hover) i.fa-external-link { color: var(--wp--custom--dark--1); }

.scroll-right .scroll-right-widget{margin-top: 0;}

.scroll-right .scroll-right-widget,
.header-right .header-right-widget{
	width: 300px;
}

.scroll-right .scroll-right-widget .wp-block-button,
.header-right .header-right-widget .wp-block-button{padding-right: 0;}

.scroll-right .scroll-right-widget .wp-block-button__link,
.header-right .header-right-widget .wp-block-button__link{
	border-bottom: unset;
	font-family: var(--wp--custom--font--2);
	font-size: 1.5em;
}

.header-right-menu,
.header-right-secondary-menu{justify-content: left;}

@media screen and (max-width: 1200px) {
	.header-right{display: none;}
}

/* Menu Button */

.header .menu-button [class*="fa-"], 
.header .menu-button:hover [class*="fa-"] {
	color: white;
}

.header .menu-button.active [class*="fa-"] {
	background-color: white;
	color: var(--wp--custom--dark--1);
}



/***  NAVBAR  ***/

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

.navbar-container {
	max-width: none;
	padding: 0;
}



/***  NAV MENUS  ***/
.nav-menu > li{
	text-align: left;
	min-width: 149px;
	display: inline-flex;
}

.nav-menu > li > a,
.nav-menu > li > span{
		cursor:pointer;
}

.nav-menu > li > button {
	opacity: 0;
}

.nav-menu > li:hover > button {
	opacity: 1;
}

.nav-menu > li:first-of-type{
	min-width: 202px;
}

.nav-menu li button{
	color:white;
	padding: 0;
    margin-left: 0;
}


.nav-menu > li > a, 
.nav-menu > li > span{
	font-size: 1.5em;
	font-family: var(--wp--custom--font--2);
	color: white;
	padding: 8px;
}


.nav-menu > li:hover > span,
.nav-menu > li:hover > button
.nav-menu > li > a:hover,
.nav-menu > li.open > span,
.nav-menu > li.current-menu-ancestor > a, 
.nav-menu > li.current-menu-item > a,  
.nav-menu > li.current-menu-ancestor > span, 
.nav-menu > li.current-menu-item > span,
.nav-menu > li.current-menu-ancestor > button, 
.nav-menu > li.current-menu-item > button,
.nav-menu li ul li > a:hover {
	color: var(--wp--custom--secondary--light);
}

.nav-menu > li > a:hover,
.nav-menu > li:hover > button { color: var(--wp--custom--secondary--light) }

.nav-menu > li > button { transition: all 300ms ease-in-out; }

@media screen and (max-width:1330px) {
	.nav-menu{font-size: .9em;}

	.nav-menu > li{ min-width: 120px; }

	.nav-menu > li:first-of-type {
		min-width: 169px;
	}
}

/* Nav Button */

.nav-menu > li.nav-button {
	background-color: transparent !important;
}

.nav-menu > li.nav-button > a {
	margin-left: 8px;
	margin-right: 8px;
	background-color: var(--wp--custom--primary--main);
	border-radius: var(--wp--custom--radius--xl);
	color: var(--wp--custom--secondary--dark);
}

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

/*CLICK TO TOGGLE SUBMENU AND FULL WIDTH*/
.nav li.et-touch-hover>ul,
.nav li:hover>ul {
  opacity: 0;
  visibility: hidden;
}

ul.sub-menu.hide.visible {
  opacity: 1;
  visibility: visible;
}

.nav-menu > li {
  position: initial;
}

.nav-menu > li > .sub-menu {
  width: 100%;
  padding-top: var(--wp--custom--spacer--md);
  padding-bottom: var(--wp--custom--spacer--md);
}

.nav-menu > li > .sub-menu:before {
  content: '';
  width: 1000vw;
  left: -50vw;
  background-color: var(--wp--custom--dark--1);
  position: absolute;
}

.nav-menu li ul li {
  width: 35%;
  min-width: 350px;
  transition: unset;
}

.nav-menu li > span > .fa-external-link {
  display: none;
}

/* Base state: hidden */
.nav-menu > li > .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  display: flex;
  flex-wrap: wrap;
  visibility: hidden !important;
  opacity: 0;
}

/* Expanded state */
.nav-menu > li.open > .sub-menu {
  max-height: 500px;
  visibility: visible !important;
  opacity: 1;
	    overflow: visible;
    height: auto;
}

.header-widget,
.scroll-right-widget {
  position: relative;
  z-index: 9999;
}


.nav-menu > li > .sub-menu .sub-menu{
	z-index: 999;
    width: 350px;
	border-top:2px solid var(--wp--custom--dark--3);
    left: calc(100% - 40px);
}

/***  SECONDARY NAV MENUS  ***/
.scroll-secondary-nav .nav-menu > li > a, 
.scroll-secondary-nav .nav-menu > li > span,
.scroll-secondary-nav .nav-menu > li:hover > a,
.scroll-secondary-nav .nav-menu > li:hover > button,
.secondary-nav .nav-menu > li > a, 
.secondary-nav .nav-menu > li > span,
.secondary-nav .nav-menu > li:hover > a,
.secondary-nav .nav-menu > li:hover > button {
	font-family: var(--wp--custom--font--1);
	font-size: 1em;
	text-transform: uppercase;
}

.scroll-menu{
	justify-content: flex-start;
}


/***  DROPDOWN MENUS  ***/


.nav-menu li ul {
	background-color: var(--wp--custom--dark--1);
}
.nav-menu li ul a,
.nav-menu li > span{
	font-size:20px;
}

.header-right-secondary-menu.nav-menu > li > .sub-menu{
	top: calc(100% - 45px);
}

.scroll-right-secondary-menu.nav-menu > li > .sub-menu{
	top: calc(100% - 40px);
}

.nav-menu li ul li:last-child {
	margin-bottom: 12px;
}

.nav-menu li ul li > a,
 .nav-menu li ul li > span{
	 color: white;
	 transition:unset;
}

.nav-menu li.open ul li > a,
.nav-menu li.open ul li > span{
	transition: all 300ms ease-in-out;
}

.nav-menu li ul li.current-menu-item > a{
	background-color: var(--wp--custom--dark--1);
	color: white;
}

/* Nested Dropdowns */

.nav-menu li ul li ul {
	top: -12px;
}



/***  MOBILE NAV  ***/

.hidden-nav {
	background-color: var(--wp--custom--dark--1);
}

.hidden-menu > li > a, 
.hidden-menu > li > span {
	font-weight: 600;
}

.hidden-menu li > a, 
.hidden-menu li > span, 
.hidden-menu li > button {
	color: white;
}

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

.hidden-menu li.current-menu-item > a {
	background-color: white;
	color: var(--wp--custom--dark--1);
}

/* Sub Menu */

.hidden-menu li ul {
	background-color: rgba(0,0,0,0.15);
}

.hidden-menu > li > ul {
	font-size: 0.9em;
}


/*SEARCH*/
.search-area{padding: 30px;}

.search-area,
.toggle-form-wrap{max-width: 650px;}


/******************************************************************************
 * * *  BODY STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/



/***  BANNER  ***/

.banner {
	background-color: white;
	text-align: left;
	border-bottom: 1px solid var(--wp--custom--dark--1);
}
.banner-container{padding-top: var(--wp--custom--spacer--xxl);}

@media screen and (min-width:901px) {
	.banner-container{
		max-width: calc(100% - 190px);
		margin-left: 0;
	}	
}

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

.banner-inner {
    min-height: 120px;
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-end;
}

@media screen and (max-width:900px) {
	.banner-inner {min-height: 300px;}
}

@media screen and (max-width:600px) {
	.banner-inner {min-height: 200px;}
}

.banner-tall .banner-inner {
	min-height: 380px;
}

.banner-viewheight .banner-inner {
	padding-top: calc(var(--wp--custom--spacer--lg) + 140px);
	padding-bottom: var(--wp--custom--spacer--lg);
}

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

.banner a:hover {
	color: var(--wp--custom--primary--light)
}

.banner .wp-block-button{
	position: absolute;
	bottom: 20px;
	right: 30px;
}

.banner .wp-block-button__link{
	color: var(--wp--custom--dark--1);
}
.banner .wp-block-button__link span { text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }

.banner .wp-block-button__link:hover{
	color: var(--wp--custom--primary--main);
}

@media screen and (max-width:900px) {
	.banner .wp-block-button{
		position: initial;
		padding: 40px;
	}
}

/*home-banner*/
.home-banner{
	position: relative;

}

.home-banner > .wp-block-group{gap:0; }

.home-banner > .wp-block-group .wp-block-cover:not(:last-of-type){
	border: 1px solid var(--wp--custom--dark--3);;
}

.home-banner h1{
	position: absolute;
	bottom: 250px;
	max-width: 1887px;
	
}

@media screen and (min-width:1200px) {
	.home-banner h1{font-size: 10em;}
}


@media screen and (min-width:1650px) {
	.home-banner h1{font-size: 12em;}
}

.home-banner .wp-block-buttons{
	position: absolute;
	bottom: 30px;
	right: 0;
}

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

	.home-banner h1{
		bottom: 100px;
		font-size: 5em;
	}

	.home-banner .wp-block-buttons{
		left: 0;
		right: unset
	}

	.home-banner > .wp-block-group{ grid-template-columns: repeat(2, minmax(0, 1fr));}

	.home-banner > .wp-block-group > .wp-block-cover:first-of-type,
	.home-banner > .wp-block-group > .wp-block-cover:last-of-type{
		display: none;
	}
}



/***  HEADLINE BAR  ***/

.headline-bar {
	padding-top: var(--wp--custom--spacer--sm);
}



/***  ENTRY NAVBAR  ***/

.entry-menu > li > a {
	color: var(--wp--custom--dark--3);
}

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



/***  MAIN  ***/

/* Sidebar */

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

.sidebar .entry-menu li:not(:last-child) {margin-bottom: 5px;}

.sidebar .entry-menu li a {
	position: relative;
	display: block;
	font-weight: 500;
	padding: 10px 35px 10px 15px;
	background-color: var(--wp--custom--light--2);
	color: var(--wp--custom--dark--2);
	transition: all 300ms ease-in-out;
}

.sidebar .entry-menu li a:hover {
	background-color: var(--wp--custom--primary--light);
	text-decoration: none;
	color: var(--wp--custom--dark--1);
}

.sidebar .entry-menu li.current-menu-item > a {
	background-color: var(--wp--custom--primary--dark);
	color: white;
}

.sidebar .entry-menu li a [class*="fa-"], 
.sidebar .entry-menu li a:hover [class*="fa-"] {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0ms ease-in-out;
	color: inherit !important;
}



/***  ARCHIVE  ***/

/* Entry Cols */

.entry-cols .entry-link {
	background-color: var(--wp--custom--dark--1);
	overflow: hidden;
	color: white;
	border:1px solid var(--wp--custom--light--2);
}

.entry-cols .entry-link:hover {
	transform: translateY(-3px);
}

.entry-cols .entry-icon-wrap:first-child {
	padding: 30px 30px 0;
}

.entry-cols .entry-icon svg {
	width: 60px;
	fill: var(--wp--custom--primary--main);
}

.entry-cols .entry-link .entry-title, 
.entry-cols .entry-link:hover .entry-title {
	color: white;
}

.entry-cols .entry-text-wrap {
	padding: 30px;
}

.includes-link-text .entry:not(.col-full) .entry-text-wrap {
	padding-bottom: 70px;
}

.entry-cols .entry:not(.col-full) .entry-link-text-wrap {
	left: 30px;
	bottom: 30px;
}

.entry-cols .entry-link .entry-link-text {
	color: var(--wp--custom--primary--light);
}

.entry-cols .entry-link:hover .entry-link-text {
	color: var(--wp--custom--primary--light);
}

/* Paging Nav */

.archive-pagination a {
	border-radius: var(--wp--custom--radius--xl);
	border-color: var(--wp--custom--light--1);
	background: var(--wp--custom--dark--1);
	color: white;
}

.archive-pagination a:not(:hover) i { color: white; }

.archive-pagination a:hover {
	background-color: var(--wp--custom--primary--main);
	color: white;
}

/*EVENTS*/

.event-cols img{ 
	filter: var(--wp--preset--duotone--grayscale); 
	opacity: .35;
}

.event-cols .entry-link:hover{
	transform:unset;
	background-color: white;
	border-color: transparent;
}

.event-cols .entry-link:hover .event-thumb-wrap{opacity: 0;}

.event-cols .entry-text-wrap,
.event-cols .event-date,
.event-cols .entry-link .entry-title{
	color: white;
	transition: all 300ms ease-in-out;
}

.event-cols .entry-link:hover .entry-text-wrap,
.event-cols .entry-link:hover .event-date,
.event-cols .entry-link:hover .entry-title{color: var(--wp--custom--dark--1);}

.event-cols .event-date{
	font-size: 4em;
	margin-bottom: -20px;
}

@media screen and (max-width:1200px) {
	.event-cols .event-date{
		font-size: 2.813em;
	}
}

.event-cols .entry-text-wrap {
    position: absolute;
    top: 0;
    height: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*ENTRY LIST*/

.entry-list a{border-bottom: 1px dotted currentColor;}

.entry-list a:hover{ border-bottom-style: solid; }

.entry-cat-list{
	display:flex;
	flex-wrap:wrap;
	gap: 60px 20px;
}

.entry-cat-list .cat-container{width:calc(25% - 20px);}

@media screen and (max-width:1024px){
	.entry-cat-list .cat-container{width:calc(50% - 20px);}
}

@media screen and (max-width:600px){
	.entry-cat-list .cat-container{width:100%;}
}

.entry-cat-image img{
    aspect-ratio: 1 / 1;
	object-fit:cover;	
    filter: grayscale(100%);
}

/*OBITUARIES*/
.obituary-cat-list .cat-container {
    width: calc(10% - 20px);
}

@media screen and (max-width:1024px){
	.obituary-cat-list .cat-container{width:calc(20% - 20px);}
}

@media screen and (max-width:600px){
	.obituary-cat-list .cat-container{width:calc(33.33% - 20px);}
}


/***  SINGLE  ***/





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



/***  CTA BAR  ***/

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

/*
@media screen and (min-width:601px) {
	.cta-bar:before{
		content: '';
		width: 1px;
		height: 100%;
		background: var(--wp--custom--light--3);;
		position: absolute;
		top:0;
		left: 25%;
	}

	.cta-bar:after{
		content: '';
		visibility: visible;
		width: 1px;
		height: 100%;
		background: var(--wp--custom--light--3);
		position: absolute;
		top:0;
		left: 75%;
	}
}


.cta-bar-container:before{
	content: '';
	width: 1px;
	height: 100%;
	background: var(--wp--custom--light--3);;
	position: absolute;
	top:0;
	left: 50%;
}

*/

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

/***  FOOTER  ***/

.footer {
	border-top: 1px solid white;
	padding-top: var(--wp--custom--spacer--lg);
	padding-bottom: var(--wp--custom--spacer--xxs);
	background-color: var(--wp--custom--dark--1);
	color: white;
	font-size: 0.9em;
}

 @media screen and (max-width:900px){
	 .footer .wp-block-column{
		 flex-basis: 0!important;
		 flex-grow: 1!important;
	 }
 }

.footer a,
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6 {
	color: white;
}

.footer h4:first-child {
	margin-bottom: 30px;
}

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


/* Footer Menus */
.footer .menu li a {
    display: inline-block;
    padding: .5em 1em .5em 0;
}

.credits a,
.footer .menu li a {
	color: white;
	border-bottom: none;
}

.credits a:hover,
.footer .menu li a:hover {
	color: var(--wp--custom--primary--main);
	text-decoration: none;
	border-bottom: none;
}

/* Footer Icon List */

.footer .contact-list li:before {
	color: white;
}

.footer .contact-list li a {
	color: white;
	border-bottom: none;
}

.footer .contact-list .map-marker a {display: block;}

.footer .contact-list li a:hover {
	color: var(--wp--custom--primary--light);
	border-bottom: none;
}

@media screen and (min-width: 1199px) {
	.footer #menu-learn-more { columns: 2; }
}

@media (min-width:601px) and (max-width:900px) {
	.footer #menu-learn-more { columns: 2; }
}

@media screen and (min-width:1200px) {
	.footer-widget > .wp-block-columns > .wp-block-column:last-of-type{
		display: flex;
    	justify-content: flex-end;
	}
}
 



/***  6.3 BOTTOM BAR  ***/

.bottom-bar {
	background-color: var(--wp--custom--dark--1);
	padding-bottom: var(--wp--custom--spacer--lg);
	font-size: 0.9em;
	color: white;
}

.bottom-bar a:not([class]) {
	border-bottom: 1px dotted currentColor;
	color: white;
}

.bottom-bar a:not([class]):hover {
	border-bottom-style: solid;
	color: var(--wp--custom--primary--light);
}

/* Bottom Bar Menu */

.bottom-bar .menu li a {
	color: white;
	border-bottom: none;
}

.bottom-bar .menu li a:hover {
	color: var(--wp--custom--primary--light);
	text-decoration: none;
	border-bottom: none;
}

.credits{display: block;}



/******************************************************************************
 * * *  7 CUSTOM STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
******************************************************************************/
/*detail accordion*/
 details{
	 border: 1px solid var(--wp--custom--light--2);
	 padding: 0 20px;
 }
 
 details[open]{border-color:var(--wp--custom--primary--main);}
 
 details[open] summary:after{color:white;}
 
 details:not([open]):hover summary{background-color:var(--wp--custom--light--1);}
 
 details[open] summary{
	 background-color:var(--wp--custom--primary--main)!important;
	 color:white!important;
 }
 
 details > :last-of-type{padding-bottom:20px;}
 
 details:not(:last-of-type){margin-bottom:20px;}
 
 details summary{
	 margin-left: -20px;
	 margin-right: -20px;
 }



/***  HOURS  ***/

.opening-hours {
	width: 100%;
	margin-top: -3px;
}

.opening-hours tr th, 
.opening-hours tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.opening-hours tr:not(:last-child) {
	border-bottom: 1px solid #00000085;
}

.opening-hours .day-name {
	text-align: left;
}

.opening-hours .hours {
	text-align: right;
}

.top-bar-widget a:not([class]) i,
.top-bar-widget a:not([class]){color: white;}

.top-bar-widget a:not([class]):hover{text-decoration: underline;}



/***  EVENTS  ***/

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container, 
#tribe-events, 
#tribe-events-pg-template, 
.tribe-events-pg-template, 
#tribe-events-content {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: none;
}

.tribe-events-single-event-title {
	display: none;
	visibility: hidden;
}

.tribe-block__venue {
	font-family: var(--wp--custom--font--1);
}

.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3 {
	font-size: 1.15em;
	font-weight: bold;
}

/* Event List */

.event-list, 
.event-list .event {
	margin-left: 0;
	list-style: none;
}

.event-list .event:not(:last-child) {
	margin-bottom: 0.5em;
}

.event-list .event-title {
	font-weight: bold;
}

.event-list .event-date {
	color: var(--wp--custom--dark--3);
	font-size: 0.94em;
}

/*events calendar*/
.tribe-embed a,
.tribe-events-event-meta a,
.tribe-events-single a{
	color: var(--wp--custom--primary--dark);
}

.tribe-embed a:hover,
.tribe-events-event-meta a:hover,
.tribe-events-single a:hover{
	color: var(--wp--custom--primary--main);
}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border{
	border-color: var(--wp--custom--primary--dark);
	color: var(--wp--custom--primary--dark);
}

.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus{
	background-color: var(--wp--custom--primary--dark);
	color: white;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover{
	background-color: var(--wp--custom--primary--dark);
	color: white;
}

.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover,
.tribe-events .datepicker .day.focused,
.tribe-events .datepicker .day:focus,
.tribe-events .datepicker .day:hover,
.tribe-events .datepicker .month.focused,
.tribe-events .datepicker .month:focus,
.tribe-events .datepicker .month:hover,
.tribe-events .datepicker .year.focused,
.tribe-events .datepicker .year:focus,
.tribe-events .datepicker .year:hover{
	background-color: var(--wp--custom--secondary--main);
	color: var(--wp--custom--dark--1);
}

.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:focus,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:hover{
	background-color: var(--wp--custom--primary--light);
	color: var(--wp--custom--dark--1);
}

.tribe-common .tribe-common-anchor-thin:active,
.tribe-common .tribe-common-anchor-thin:focus,
 .tribe-common .tribe-common-anchor-thin:hover{
    border-bottom: 1px solid var(--wp--custom--primary--main)!important;
}
 




/***  HP COLS  ***/

.hp-box-cols .wp-block-column {
	background-color: var(--wp--custom--light--3);
	border-radius: var(--wp--custom--radius--sm);
	transition: all 300ms ease-in-out;
}

.hp-box-cols .wp-block-column:hover {
	background-color: var(--wp--custom--primary--light);
}

.hp-box-cols a, 
.hp-box-cols a:hover {
	display: block;
	color: var(--wp--custom--dark--1);
	text-decoration: none;
}

.hp-box-cols img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.hp-box-cols .wp-block-image a {
	padding: 30px 20px 0;
}

.hp-box-cols .wp-block-heading {
	margin: 0;
}

.hp-box-cols .wp-block-heading a {
	padding: 10px 20px 30px;
}



/***  HP INFO COLS  ***/

.info-cards .wp-block-column {
	position: relative;
	padding-bottom: var(--wp--custom--spacer--lg);
}

.info-cards .wp-block-buttons {
	position: absolute;
	bottom: 0;
	left: 0;
}



/*** POSTS  ***/

/* Post Cols */

.post-cols .post-meta {
	color: var(--wp--custom--dark--3);
	font-size: 0.94em;
}

.post-cols .post-cats {
	position: absolute;
	top: 30px;
	left: 30px;
}

.post-cols .post-cats span {
	border-radius: var(--wp--custom--radius--lg);
	padding: 5px 10px;
	margin: 0;
	margin-right: 4px;
	background: rgba(0,0,0,0.4);
	color: white;
}

/* Post List */

.tribe_events-list, 
.tribe_events-list .tribe_events, 
.post-list, 
.post-list .post {
	margin-left: 0;
	list-style: none;
}

.tribe_events-list .tribe_events:not(:last-child), 
.post-list .post:not(:last-child) {margin-bottom: 0.5em;}

.tribe_events-list .tribe_events-title, 
.post-list .post-title {
	font-weight: bold;
}

.tribe_events-list .tribe_events-date, 
.post-list .post-date {
	color: var(--wp--custom--dark--3);
	font-size: 0.86em;
}



 /***  TEAM  ***/

.member-list.hide_position .member-position { display: none; }

.member-list:not(.hide_position) .member-lead { display: none; }

.member-list-wrap {
	display: flex;
	align-items: center;
}

.member-position:after,
.member-lead:after {
	content:":\00a0";
}

 .member-cols .cols{
	gap: 10px;
	text-align:center;
}

.member-cols .cols-spaced{ 
	margin: 0; 
	width: 100%;
}

.member-cols .member{	
	background-color: var(--wp--custom--light--3);
	border: 1px solid var(--wp--custom--dark--1);
	padding: 30px 15px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.member-cols .col-half{width: calc(50% - 10px);}

.member-cols .col-third{width: calc(33.33% - 7px);}

.member-cols .col-fourth{width: calc(25% - 10px);}

@media screen and (max-width:900px) {
	.member-cols .member{width: calc(50% - 5px);}
}

@media screen and (max-width:600px) {
	.member-cols .member{width:100%;}
}
  
 
.member-cols .member-portrait {border-radius: var(--wp--custom--radius--xs);}
 
.member-title  {
	color:var(--wp--custom--dark--1);
}
 
.member-position,
.member-lead {
	font-weight: bold;
	text-transform: uppercase !important;
		color:var(--wp--custom--dark--1);
}


/***  ICON CARDS  ***/

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

.icon-cards .wp-block-column {
	background-color: var(--wp--custom--light--2);
	padding: var(--wp--custom--spacer--md) var(--wp--custom--spacer--sm);
	transition: all 350ms ease-in-out;
}

.icon-cards .wp-block-column:hover {
	background-color: var(--wp--custom--primary--light);
	color: white;
}

.icon-cards .wp-block-column .wp-block-heading, 
.icon-cards .wp-block-column .wp-block-heading a {
	color: var(--wp--custom--primary--main);
	border-bottom: none;
	transition: all 350ms ease-in-out;
}

.icon-cards .wp-block-column:hover .wp-block-heading, 
.icon-cards .wp-block-column:hover .wp-block-heading a, 
.icon-cards .wp-block-column:hover .wp-block-heading a:hover {
	color: white;
}

.icon-cards .wp-block-outermost-icon-block {
	justify-content: center;
}

.icon-cards .wp-block-heading:not(:first-child) {
	margin-top: 0.25em;
	font-size: 1.45em;
}


/*MEDIA TEXT WIDGET*/
 section#main .wp-block-media-text__media a img{transition: all 300ms ease-in-out;}
 
 section#main .wp-block-media-text__media a:hover img { transform: scale(1.05); }
 
 .wp-block-media-text>.wp-block-media-text__content{
    padding-right: 0;
 	padding-left: 25px;
 }
 
 @media screen and (max-width:600px){
	 .wp-block-media-text__media img{
		 width:auto;
		 max-width: 100%;
		 margin-bottom: 1em;
	 }
 
	 .wp-block-media-text>.wp-block-media-text__content{padding:0;}
 }

 /*grid-to-flex-mobile*/
 @media screen and (max-width:900px) {
	.grid-to-flex-mobile{
		display: flex!important;
		flex-direction: column;
	}
 }
 
 
 /*BLOCK COLUMNS*/
 @media screen and (max-width: 900px) {
	 /*customized column width to full width on tablet*/
	 .wp-block-columns .wp-block-column{flex-basis:100%!important;}
	 
	 .tablet-reverse-order{flex-direction: column-reverse;}
 }
 
 @media screen and (max-width: 781px) {
	 .mobile-reverse-order{flex-direction: column-reverse;}
 }
 
/*laptop-modify-cols*/
@media (min-width:901px) and (max-width:1200px) {
	.laptop-3-cols,
	.laptop-2-cols{flex-wrap: wrap!important;}

	.laptop-3-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: calc(33.33% - 55px)!important;}

	.laptop-2-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: calc(50% - 55px)!important;}
}

/*tablet-modify-cols*/
@media (min-width:601px) and (max-width:900px) {
	.tablet-2-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: calc(50% - 55px)!important;}
	
	.tablet-3-cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: calc(33.33% - 20px)!important;}
}

@media screen and (max-width:600px){
	.mobile-2-cols.wp-block-columns > .wp-block-column{flex-basis: calc(50% - 55px)!important;}
}

 
 /*SPLIT COLS*/
 @media screen and (max-width: 900px) {
	 .split-cols{ 
		 flex-direction: column; 
		 gap: 0;
	 }
 
	 .split-cols > div{
		 width: 100%;
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	 }
 
	 .split-cols > div.has-background{
		 margin-left: -40px;
		 margin-right: -40px;
		 width: calc(100% + 80px);
		 order: 1;
	 }
 }

/*gallery*/
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{display: none;}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	position: initial;
    display: block;
    text-shadow: unset;
    background: unset;
    color: var(--wp--custom--dark--1);
    padding: 0;
	font-weight: 600;
}

/*gutena tabs*/
li.gutena-tab-title{
	margin-left:0;
	flex:1;
}

/*gut slider*/
.wp-block-gutsliders-any-content .swiper-slide{height:auto;}

/*icon-accent*/
.icon-accent{
	fill:var(--wp--custom--secondary--main)!important;
	transition: all 300ms ease-in-out;
}

.icon-accent-stroke{
	stroke:var(--wp--custom--secondary--main)!important;
	transition: all 300ms ease-in-out;
}

/*group-border-btm
.group-border-btm{
	border-bottom: 1px solid var(--wp--custom--dark--3);
}

/*group-left-divider
@media screen and (min-width:901px){
	.group-left-divider{position: relative;}

	.group-left-divider:before{
		content: '';
		width: 1px;
		height: 100%;
		position: absolute;
		left: 25%;
		top: 0;
		background-color: var(--wp--custom--dark--3);
	}
}
*/


/*logo-gallery*/
@media screen and (max-width:768px) {
	.logo-gallery{
		flex-wrap: wrap!important;
		justify-content: center!important;
	}

	.logo-gallery img{
		width: 120px!important;
	}
}

/*home-start*/
@media screen and (max-width:900px) {

	#home-start img{
		width: 100%;
		max-height: 400px;
	}
	#home-start .has-text-align-right{
		text-align: left!important;
	}
}

/*whats-new*/
.whats-new .wp-block-outermost-icon-block{
	padding: 5px;
	background-color: var(--wp--custom--dark--1);
	border-radius: 100%;
	transition: all 300ms ease-in-out;
}

.whats-new .wp-block-outermost-icon-block:hover{
	background-color: white;
	
}

.whats-new .wp-block-outermost-icon-block:hover svg{
	color: var(--wp--custom--dark--1);
}

.whats-new > .wp-block-group{
	transition: all 300ms ease-in-out;
	border-bottom: 2px solid var(--wp--custom--dark--1);
}

.whats-new > .wp-block-group:hover{
	background-color: var(--wp--custom--primary--light);
	border-bottom-color: var(--wp--custom--primary--light);
}

@media screen and (max-width:900px) {
	.whats-new > .wp-block-heading{margin-bottom: 0!important;}
}

.whats-new > .wp-block-group {
cursor: pointer;
}

/*text-separator*/
.text-separator{
	margin-left: 15px;
	margin-right: 15px;
}

/*SWIPER*/
.swiper-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 65px;
  position: relative;
}

.swiper-controls .swiper-pagination {
  margin-bottom: 10px;
  text-align: center;
}

.custom-swiper-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
}


/*SWIPER NAV*/
.entry-cols.swiper .swiper-wrapper{ padding-bottom: 80px; }

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev{
	top: calc(100% - 2em);
}

.swiper-button-prev:after{ content:'\f177'; }

.swiper-button-next:after{ content:'\f178'; }

.swiper-button-prev:after,
.swiper-button-next:after{
	font-family:'Font Awesome 6 Pro';
	font-size: 1.25em;
    color: var(--wp--custom--dark--1);
    border: 2px solid var(--wp--custom--dark--1);
    border-radius: 100%;
    padding: 10px 12px;
	transition: all 300ms ease-in-out;
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after{
	color: white;
	background-color: var(--wp--custom--dark--1);
}

/*column-slider*/

.column-slider + .swiper-controls{margin-top:0;}

.column-slider + .swiper-controls .swiper-button-prev{left: var(--swiper-navigation-sides-offset, 4px) !important;}


.column-slider + .swiper-controls .swiper-button-next{right: var(--swiper-navigation-sides-offset, 4px) !important;}

/*youtube embed*/
.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  overflow: hidden;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*animate.css*/
.custom-delay-quarter-s { animation-delay: .25s; }
.custom-delay-half-s { animation-delay: .5s; }
.custom-delay-three-quarter-s { animation-delay: .75s; }
.custom-delay-one-n-quarter-s { animation-delay: 1.25s; }
.custom-delay-one-n-half-s { animation-delay: 1.5s; }

/*animate hide initial*/
/*banner*/
body:not(.block-editor-page) .banner h1:not(.animate__animated),
body:not(.block-editor-page) .banner .deck-wrap:not(.animate__animated),
body:not(.block-editor-page) .button:not(.animate__animated),
/*cta*/
body:not(.block-editor-page) section.cta-bar h2:not(.animate__animated),
body:not(.block-editor-page) section.cta-bar p:not(.animate__animated),
/*content*/
body:not(.block-editor-page) .main-container .wp-block-heading:not(.animate__animated),
body:not(.block-editor-page) .wp-block-button:not(.animate__animated),
body:not(.block-editor-page) .animate_opacity:not(.animate__animated)
{ opacity:0; }

/* Cols 2 */
@media screen and (min-width: 901px) {
	.cols-2 { columns: 2; }
}


/*
 * END OF
 * CUSTOMIZABLE CSS
 */