/*
Theme Name: Bank Classic Theme
Author: Pannos Marketing
Description: A Wordpress conversion of Bank's existing site theme.
Version: 0.1.4
Text Domain: bank-theme
Template: pm-port-base-theme
*/

/* Feature slide site-specific tweaks */

.splide__pagination.pannosFeature-dots .pannosFeature-dot.is-active {
	/* Styles from .pannosFeature-dots .pannosFeature-dot.active go here*/
	background: #fff;
}

/* Nav Menu Active Tweak */

nav.main-navigation li.current-page-ancestor a,
nav.main-navigation li.current_page_item a,
nav.main-navigation a[aria-current="page"],
.single-branch nav.main-navigation > ul > li:last-child a {
	color: #008145;
}

.single-branch .inner-page-nav .current-menu-item a {
	color: #008145;
	font-weight: 900;
}

/* Sidebar Columns Spacing Fix */

.sidebar-cols:after,
.sidebar-cols:before {
	display: none;
}

.sidebar-cols .wp-block-column:last-child {
	min-width: 275px;
}

@media screen and (min-width: 900px) {
	.sidebar-cols > .content.wp-block-column.content {
		width: unset;
		padding: 0;
	}
	.sidebar-cols > .content.wp-block-column.content > .content {
		width: 100%;
		float: left;
		padding-right: 0;
		padding-bottom: 5em;
	}
}

/* Breadcrumb Spacing Tweak */

.breadcrumb a {
	margin: 0;
}

.breadcrumb span span:not(:first-child) {
	margin-left: 0.5em;
}

@media screen and (min-width: 901px) {
	.breadcrumb {
		display: flex;
		gap: 0.5em;
	}
}

/* fix for sidebar sections */

.sidebar-cols {
	display: flex;
	justify-content: space-between;
}

/* Product/Disclosure Tweaks */

.disclosure {
	font-size: 1.8rem;
	font-style: italic;
}

.product-disclosure:empty {
	display: none;
}

.product-page-item + .max-wrap-small .disclosure {
	font-size: 1.8rem;
	font-style: italic;
	padding: 1em;
	color: #495254;
}

.max-wrap-small > .disclosure {
	padding-left: 1em;
	padding-right: 1em;
}

.no-borders .product-page-item {
	border: 0;
}

.no-cta .product-page-item .product-item-content .actions {
	position: relative;
	top: unset;
	width: unset;
	max-width: 100%;
	padding-right: 0;
}

/* Directory Fixes */

.directory-area {
	position: relative;
}

.directory-members {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 50px;
	position: relative;
}

article.bio {
	position: relative;
	width: 100%;
}

article.bio:hover:after {
	z-index: 999;
}

.bio-description {
	/*    white-space: pre-wrap;*/
}

.bio.current .copy:after {
	display: none;
}

.bio.current:has(~ .member-details) .copy:after {
	display: block;
}

.member-details .branch_contact_info dl:after {
	content: "|";
	position: relative;
	display: inline-block;
	padding: 0 0.5em;
}

@media screen and (max-width: 950px) {
	.directory-members {
		grid-template-columns: 1fr 1fr;
	}
}

/* Locations Fixes */

.branch-details .branch-header-wrap .branch-address:before {
	display: none;
}

/* Rate Table Tweaks */

table td p:last-child,
table th p:last-child {
	margin-bottom: 0;
}

.mobile-ditto {
	display: none;
}

@media screen and (max-width: 900px) {
	.mobile-ditto {
		display: inline !important;
	}

	.editableTable td[data-title]:before {
		width: auto;
		padding: 1em;
		margin-right: 1em;
		height: calc(100% - 2em);
	}

	.editableTable td[data-title] {
		padding-right: 1em;
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
	}

	.editableTable td[data-title] > p {
		padding: 1em 0;
	}

	.editableTable td[data-title] > a {
		margin-top: 0.5em;
	}

	.editableTable td.cell_0 {
		font-weight: bold;
	}
}

/* Sitemap Tweaks */

.sitemap .sitemap-padding .menu_nav > ul {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1em;
}

.sitemap .sitemap-padding.menu_nav > ul {
	padding-left: 0;
}

/* Weird Fix for Stacked Videos */

.stack-vids {
	padding-bottom: 36px;
	margin-bottom: 9px;
}

.stack-vids > * {
	width: 100%;
}

/* Mobile Nav Tweak */

@media screen and (min-width: 340px) {
	.head-mobile .mobile-nav-area .menu_nav li:nth-of-type(2n + 6) {
		width: 40% !important;
	}
}

/* Mobile Footer Overlapping Items */

@media screen and (max-width: 900px) {
	.cookie-wrapper .l-main {
		margin-left: 0;
		gap: 1em;
	}

	body:has(.cta-block) .bottom-footer {
		padding-bottom: 130px;
	}
}

.sticky .top-header-bar:has(.fdic-header-section) {
	height: 173px;
}
.top-header-bar:has(.fdic-header-section) .top-navigation {
	top: 57px;
}
.fdic-header-section-mobile {
	display: none;
}
.top-header-bar:has(.fdic-header-section) .banner {
	background-color: #ff9999;
}

@media screen and (min-width: 1050px) {
	.top-header-bar:has(.fdic-header-section) .main-navigation {
		padding: 98px 0 0 100px;
		top: 50%;
		left: 50%;
	}
}

@media screen and (min-width: 900px) {
	.top-header-bar:has(.fdic-header-section) {
		height: 157px;
	}

	.top-header-bar:has(.fdic-header-section) .main-navigation {
		padding: 42px 0 0 170px;
		top: 72%;
		left: 46%;
	}

	.sticky:has(.fdic-header-section) .main-navigation {
		top: 73%;
		left: 46%;
	}

	.fdic-header-section {
		width: 100%;
		padding: 1.5rem;
		background: #008145;
		padding: 0 20px;
		> .content {
			max-width: 1638px;
			width: 100%;
			margin: 0 auto;
			padding-top: 2.1rem;
			padding-bottom: 2rem;
		}
	}

	.fdic {
		display: flex;
		align-items: center;
		column-gap: 5px;
		font-size: 1.2rem;
		font-style: italic;
		font-family: "Source Sans Pro", Arial, _sans;
		color: white;
		p {
			margin: 0;
			position: relative;
			top: 2px;
		}
		img {
			width: 37px;
			filter: brightness(0) invert(1);
		}
	}
}
@media screen and (max-width: 899px) {
	.head-mobile:has(.fdic-header-section) {
		height: 120px;
	}

	.fdic-header-section {
		display: none;
	}

	.fdic-header-section-mobile {
		display: block;
		background-color: #008145;
		.fdic {
			display: flex;
			align-items: center;
			column-gap: 5px;
			font-size: 1.2rem;
			font-style: italic;
			font-family: "Source Sans Pro", Arial, _sans;
			color: white;
			padding: 2.2rem 20px;
			p {
				margin: 0;
				position: relative;
				top: 2px;
			}
			img {
				width: 37px;
				filter: brightness(0) invert(1);
			}
		}
	}

	/* .fdic-header-mobile svg {
		width: 80%;
		min-width: 370px;
		padding: 22px 0 22px 2rem;
		max-width: 500px;
	} */

	.head-mobile:has(.fdic-header-section) .mobile-header-logo .mobile-logo {
		top: 77px;
	}

	.head-mobile:has(.fdic-header-section) .online-banking-login {
		top: 60px;
	}

	.head-mobile:has(.fdic-header-section) .mobile-nav-icon {
		top: 60px;
	}
}
@media screen and (max-width: 485px) {
	.fdic-header-section-mobile {
		.fdic {
			padding: 1.5rem 20px;
		}
	}
}