/**
 * Gel 2022.0
 * Main Tiny Gel Stylesheet
 * @version 2024.0.0
 * @modified 2014-08-03 by Fritz Green
 * @modified 2024-01-04 by Christina Joly
 *
 * @usage This stylesheet loads into the TinyMCE editor, so the idea is that only styles that are applicable to the editor should be in here.
*/

/*
	FONTS
	font-family: Raleway, Verdana, Helvetica, sans-serif; (font weights: light-300, light italic-300, medium-500)
	font-family: Bree, Trebuchet MS, Verdana, Helvetica, sans-serif; (font weights: regular-400, semi-bold-600)

	COLORS
	Light Grey: #EFEFEF

	Extremely Light Slate: #DADBE2
	Ultra Light Slate: #C3C5D0
	Light Slate: #8A8FA3
	Medium Slate: #4C5061
	Dark Slate: #363845

	Amy Adams Red: #703014
	MJ Red: #CE3E12

	Khaki: #B2B0A4
	Light Gold (bright): #FFE8AA

	positive (green): #226B31
	negative (red): #363845

	COMMON BREAKPOINTS
	(See https://ruslanyusupov.com/blog/media-queries-breakpoints-in-2021 for more breakpoints.)
	1600
	1440
	1360
	1200
	1024
	900
	768
	600
	432
	360
	280

	ABBREVIATIONS
	col     = column
	ctnr    = container
	drpdwn  = dropdown
	hlt     = highlight
	med     = medium
	opt     = option
	pswp    = Photoswipe
	std     = standard
	thbn    = Thumbnail
	togl    = toggle
*/



/* Global Master Styles */
/* These body styles work inside TinyMCE editor. */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Staatliches&display=swap');

body {
	flex: 1 auto;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Raleway, Verdana, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-align: left;
	color: #000;
}
html {
	box-sizing: border-box;
}

/* Global Pseudo Elements Styles */
*, *:before, *:after {
	box-sizing: inherit;
}
/* Avoiding applying global transition styles to Slick and Photoswipe slides */
*:not(.pswp__item, .slick-track), *:not(.pswp__item, .slick-track)::before, *:not(.pswp__item, .slick-track)::after {
	transition:
	background .4s ease,
	color .4s ease,
	border-color .4s ease,
	transform .4s ease,
	opacity .4s ease;
}

/* Primary Layout Blocks - These correspond to formats that are available in TinyMCE */
main, .std-flex-ctnr {
	position: relative;
	display: flex;
	align-content: flex-start;
	justify-content: space-between;
	flex: 1 0 auto;
	flex-wrap: wrap;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}
main {
	background: #FFF;
}
main.fw-main {
	display: block;
}
.full-width-ctnr {
	position: relative;
	flex: 1 0 100%;
	/*margin: 1em 0;*/
}
.std-width-ctnr {
	position: relative;
	flex: 0 0 86%;
	margin: 1em 7%;
}
.two-col-ctnr {
	flex: 0 0 47.5%;
}
.three-col-ctnr {
	flex: 0 0 30%;
}
.wide-col-ctnr {
	flex: 0 0 65%;
}
.narrow-col-ctnr {
	flex: 0 0 30%;
}
.on-page-gallery {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.two-col-ctnr, .three-col-ctnr, .wide-col-ctnr, .narrow-col-ctnr {
		flex: 1 0 100%;
	}
}

/* Standard Elements Styles */
h1, h2, h3, h4, h5, h6, p, h2.h1 {
	margin: 1.3em 0 0.5em;
	padding: 0;
 
}
h1, h2, h3, h4, h5, h6, h1.h2, h2.h1 {
	color: #363845;
   font-family: var(--font-primary) !important;
   font-weight: 400;
}

h1, h2.h1 {
	width: 100%;
	margin: 0.5em 0 0 0;
	/* font-family: Bree, Trebuchet MS, Verdana, Helvetica, sans-serif; */
	font-size: 3.75em;
	font-weight: 400;
	text-align: left;
	color: #080808;
}
h2.h1 {
	margin: 0;
}
h2, h1.h2 {
	font-size: 3em;
}
h3 {
	font-size: 2.9em;
	color: #000000;
}
h4 {
	font-size: 2.5em
}
h5 {
	font-size: 2em;
	color: #000000;
}
h6 {
	font-size: 1.75em
}
h1 + h2, h2.h1 + h2, h2.h1 + h1.h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .std-width-ctnr p:first-child:not(.label), .full-width-ctnr p:first-child:not(.label) {
	margin-top: unset;
}
p {
	font-size: 1.15em;
	line-height: 1.8em;
   font-family: "Manrope", sans-serif;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}
hr {
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #999;
}
sup {
	font-size: .8em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
	top: -.3em;
}
.services-heading h5 {
    margin: 30px 0 15px;
}
ol, ul {
	margin: 0rem;
	padding: 0;
}
ol {
	margin-left: 4em;
}
li {
	padding: .1em 0;
	font-size: 1.15em;
	line-height: 1.5em;
}
li li, td td {
	font-size: 1em;
}
ol > li {
	position: relative;
	list-style-type: none;
	counter-increment: step-counter;
	margin: 1em 0;
}
ol > li:before, ol > li:after {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}
ol > li:before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	left: -2.1em;
	background: #363845;
}
ol > li:after {
	content: counter(step-counter);
	width: 1.7em;
	height: 1.7em;
	left: -2.45em;
	color: #FFF;
	font-size: .85em;
	text-align: center;
}

iframe {
	max-width: 100%;
	border: none;
}
figure, aside {
	float: right;
	width: 33%;
	background: #EFEFEF;
	margin: 1em 0 1em 2em;
	padding: 1em;
	border-radius: 5px;
}
figcaption {
	margin-top: 0.3em;
}
aside {
	padding: 0;
}
aside h4 {
	margin: 0;
	padding: 0.5em;
	background: #363845;
	color: #fff;
	border-radius: 4px 4px 0 0;
}
aside p {
	padding: 0 0.8em 0.5em;
}
aside p:first-of-type {
	margin-top: 1em;
}

/* Hamburger Admin Menu */
button.admin-nav-trigger {
	display: block;
	flex: 0 30px;
	position: relative;
	margin-left: 1.2em;
}
.admin-nav-trigger > .burger-text {
	display: none;
}
.admin-nav-trigger > .burger, .admin-nav-trigger > .burger:before, .admin-nav-trigger > .burger:after {
	content: "";
	display: block;
	position: absolute;
	width: 2em;
	height: .25em;
	background: #000;
	border-radius: .15em;
}
.admin-nav-trigger > .burger {
	top: 0.8em;
	left: 2em;
}
.admin-nav-trigger > .burger:before {
	margin-top: -.55em;
}
.admin-nav-trigger > .burger:after {
	margin-top: .6em;
}

.nav-open .admin-nav-trigger > .burger {
	background: none;
	transition: none;
}
.nav-open .admin-nav-trigger > .burger:before {
	margin-top: 0;
	transform: rotate(45deg);
}
.nav-open .admin-nav-trigger > .burger:after {
	margin-top: 0;
	transform: rotate(-45deg);
}
.admin_menu {
	z-index: 9999;
	top: -1.4em;
	left: -2.75em;
	background: rgb(255, 255, 255);
}
ul#admin-nav a {
    color: #000 !important;
}
@media screen and (max-width: 1200px) {
	h1, h2.h1 {
		font-size: 3.2em;
	}
	h2, h1.h2 {
		font-size: 2.5em;
	}
	h3 {
		font-size: 2.4em;
	}
	h4 {
		font-size: 2.1em
	}
	h5 {
		font-size: 1.8em;
	}
	h6 {
		font-size: 1.6em
	}
	p, li {
		font-size: 1.05em;
	}

	aside h4 {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 768px) {
	h1, h2, h3, h4, h5, h6, h1.h2, h2.h1 {
		margin: .8em 0 .3em;
	}
	h1, h2.h1 {
		font-size: 2.2em;
		line-height: 1.4em;
		margin-top: 0.3em;
	}
	h2, h1.h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1em;
	}
	p, li, td, th {
		font-size: .95em;
		line-height: 1.7em;
	}

	ol, ul {
		margin: 1.5em 2em;
	}
	ol > li {
		margin: 1em 0 1em 1em;
	}

	figure, aside {
		float: unset;
		width: 100%;
		margin: 1.8em 0;
	}
}

/* CRITICAL INITIAL STATE STYLES */
.initial-hide, .hdr-drpdwn, .nav-trigger {
	display: none;
}
.back-to-top {
	opacity: 0;
}
/* END CRITICAL STYLES */

/* Default Anchor/Link Styles */
a, button.link-style, .nav-no-link {
	background: none;
	border: none;
	color: #363845;
	font-size: 1em;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active, button.link-style:hover, button.link-style:active {
	color: #404545;
}

/* Tables */
table {
	margin: 2em 0;
}
tr:nth-last-of-type(even) {
	background-color: #EFEFEF;
}
td, th {
	font-size: 1.1em;
	padding: 1em 0;
}
th {
	color: #FFF;
	font-weight: bold;
	background-color: #404545;
}
th:first-child, td:first-child {
	padding-left: 1.5em;
}
th:last-child, td:last-child {
	padding-right: 1.5em;
}
th a, th a:hover {
	color: #FFF;
	fill: #C3C5D0;
	font-weight: bold;
	font-style: normal;
}
th a:hover {
	color: #C3C5D0;
}
@media screen and (max-width: 1024px) {
	td, th {
		font-size: 1em;
	}
}
@media screen and (max-width: 768px) {
	td, th {
		padding: 0.7em 0;
		font-size: .9em;
	}
	th:last-child, td:last-child {
		padding-right: 1em;
	}
	th:first-child, td:first-child {
		padding-left: 1em;
	}
}

/* Skip to Content Link */
a.skip-to-content-link {
	position: absolute;
	left: calc(50% - 60px);
	top: -5px;
	height: 30px;
	padding: 8px;
	transform: translateY(-100%);
	transition: transform 0.3s;
	background: #CE3E12;
	color: #fff;
	z-index: 1000;
}
.skip-to-content-link:focus {
	transform: translateY(0%);
}

/* Common Add-On Styles */
.flex-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-stretch {
	align-items: stretch;
}
.flex-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.clear {
	clear: both;
}
.strikethrough {
	text-decoration: line-through;
}
.underline {
	text-decoration: underline;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.align-justify {
	text-align: justify;
}
.no-pad-right {
	padding-right: 0 !important;
}
.bold {
	font-weight: 700;
}
.small {
	font-size: .8em;
}
.nowrap {
	white-space: pre;
}
.display-block {
	display: block
}
.display-flex {
	display: flex;
}
.display-none {
	display: none
}
.pointer {
	cursor: pointer;
}
.move {
	cursor: move;
}
.positive {
	color: #226B31;
	fill: #226B31;
}
.negative {
	color: #7A1515;
	fill: #7A1515;
}

/* Common SVG Styles */
.svg-std {
	fill: #404545;
	stroke: #404545;
}
.svg-std-hlt {
	fill: #363845;
	stroke: #363845;
}
.svg-std-hlt-two {
	fill: #FFE8AA;
	stroke: #FFE8AA;
}
.svg-vital {
	fill: #CE3E12;
	stroke: #CE3E12;
}
.svg-std-light {
	fill: #fff;
	stroke: #fff;
}
.svg-std-med {
	fill: #949494;
	stroke: #949494;
}
.svg-std-dark {
	fill: #000;
	stroke: #000;
}
.svg-bright {
	fill: #FFE8AA;
	stroke: #FFE8AA;
}
.svg-bright-light {
	fill: #ffd681;
	stroke: #ffd681;
}
.svg-bright-dark {
	fill: #855914;
	stroke: #855914;
}
.inline-svg {
	display: inline-flex;
	position: relative;
	top: .125em;
	height: 1em;
	max-width: 1.2em;
	align-self: center;
}
h2 .inline-svg, .h2 .inline-svg {
	max-width: 1em;
	max-height: .9em;
}

/* Form Styles */
fieldset, .fieldset, table {
	position: relative;
	width: 100%;
	margin-inline-start: 0;
	margin-inline-end: 0;
	margin-top: 3em;
	padding: 0 0 1.5em;
	background-color: #E0E0E0;
	border: none;
	border-collapse: collapse;
	border-radius: 0 0 3px 3px;
}
fieldset.fieldset-payment-info {
	margin-top: unset;
	padding: 0;
}
.fieldset {
	margin-top: 5em;
}
fieldset table {
	margin: 1em 0 .5em;
	background: #FFF;
}
legend {
	position: relative;
	top: 0;
	z-index: 1;
	display: block;
	width: 100%;
	padding: .8em 1.325em 0;
	background-color: #E0E0E0;
	color: #363845;
	font-size: 1.5em;
	border-radius: 3px 3px 0 0;
	font-weight: 700;
}
legend + * {
	clear: both;
}
legend + .admin-icon {
	clear: none;
}
label, .label {
	display: inline-block;
	width: 100%;
	margin: 0;
	color: #363845;
	font-weight: 700;
	text-align: left;
}
.label {
	margin-bottom: 0.5em;
}
.label:not(:first-of-type) {
	margin-top: 1em;
}
.label + * {
	margin-top: 0;
}
input[type="checkbox"], input[type="radio"] {
	width: 1.3em;
	height: 1.3em;
	margin: 0 .4em 0 0;
}
input[type="submit"], input[type="button"], button, .button {
	display: inline-block;
	margin: 1em 1em 1em 0;
	padding: .6em 1em;
	background: #404545;
	border: none;
	color: #FFF;
	font-family: inherit;
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}
.btn-reverse {
	background: #C3C5D0;
	color: #404545;
}
button.btn-no-styles {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}
button:not(.btn-no-styles, .tox-tbtn, .tox-button) svg, .button svg {
	position: relative;
	top: .13em;
	width: 1em;
	height: 1em;
	fill: #fafafa;
}
.button input {
	margin: 0;
	padding: 0;
	background: none;
	box-shadow: none;
}
.sidebar-button {
	width: 100%;
}
input[type="submit"]:hover, input[type="button"]:hover, button:not(.btn-no-styles, .pswp__button, .slick-next, .slick-prev, .slick-dots li button):hover, .button:hover, input[type="submit"]:focus, input[type="button"]:focus, button:not(.btn-no-styles, .pswp__button, .slick-next, .slick-prev, .slick-dots li button):focus, .button:active {
	color: #fff;
	background: #777;
}
input[type="text"], input[type="file"], input[type="password"], input[type="email"], input[type="url"], textarea, select {       /* CHANGED for 2020.1 */
	margin: 0.5em 1em 1em 0;
	padding: 0.6em;
	font-family: inherit;
	font-size: 1em;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:hover, input[type="file"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, textarea:hover, select:hover {       /* CHANGED for 2020.1 */
	border: 1px solid #a1a1a1;
}
input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus, select:focus {
	outline: #3956AC auto 3px;
}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {               /*ADDED FOR 2020.1. Removes browser styling on inputs like buttons iPhone*/
	-moz-appearance: none;
	-webkit-appearance: none;
}
input::-webkit-input-placeholder {
	color: #808285;
}
input::-moz-placeholder {
	color: #222;
}
input:-ms-input-placeholder {
	color: #808285;
}
textarea::-webkit-input-placeholder {
	color: #808285;
}
textarea::-moz-placeholder {
	color: #222;
}
textarea:-ms-input-placeholder {
	color: #808285;
}
select {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 58.61' style='enable-background:new 0 0 100 58.61;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0,8.61c0-2.2,0.84-4.4,2.52-6.09c3.36-3.36,8.81-3.36,12.17,0L50,37.83L85.31,2.52c3.36-3.36,8.81-3.36,12.17,0 c3.36,3.36,3.36,8.81,0,12.17L56.09,56.09c-1.62,1.61-3.8,2.52-6.09,2.52c-2.28,0-4.47-0.91-6.09-2.52L2.52,14.69 C0.84,13.01,0,10.81,0,8.61z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.optional {
	/* Style for the "optional" text next to a label for an optional form field. */
	color: #7d7d7d;
	font-size: .8em;
}
.submit-buttons {
	float: left;
	position: relative;
}
fieldset > .submit-buttons:only-child {
	margin-top: -1em;
}
.submit-buttons input:first-child:not(input:last-child) {
	position: absolute;
	left: 100%;
	margin-left: .25em;
}
#custom_google_search_form input {
	width: 76%;
}
@media screen and (max-width: 600px) {
	input[type="submit"], input[type="button"], button:not(.btn-no-styles, .back-to-top, .pswp__button, .slick-next, .slick-prev, .slick-dots li button, .slick-autoplay-toggle-button), .button {
		width: 100%;
		margin: 1em 0;
	}
	#custom_google_search_form button {
		width: unset;
	}
}

/* Basic Flex-Block Styles - The rest are in form.css */
.flex-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 1em 2em -.25em .5em;
}
.flex-block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 1 1 100%;
	width: 100%;
	align-self: flex-start;
	margin: 0 0 1.5em 1.5em;
}
.flex-2 {
	flex: 1 40%;
	width: 40%;
}
.flex-3 {
	flex: 1 27%;
	width: 27%;
}
.flex-4 {
	flex: 1 20%;
	width: 20%;
}
.flex-5 {
	flex: 1 15%;
	width: 15%;
}
.flex-check {
	align-items: center;
	width: 100%;
	margin-top: .4em;
}
.flex-block .flex-check {
	flex: 1 0 100%;
}
.flex-check label {
	display: inline;
	width: auto;
	margin: 0 1.8em 0 0;
}
.flex-check p {
	display: inline;
	width: auto;
	margin: 0 0.5em 0.5em 0;
}
.flex-block > .flex-block:first-of-type {
	margin-left: 0;
}
.flex-form .flex-form {
	margin-right: 0;
	margin-left: 0;
}
.flex-block input[type="text"], .flex-block input[type="file"], .flex-block input[type="password"], .flex-block input[type="email"], .flex-block input[type="url"], .flex-block textarea, .flex-block select, .flex-block .tox-tinymce {
	margin: 0.5em 0 0;
	width: 100%;
}
.flex-form > p {
	margin: .5em 0 .5em 1.5em;
}
.flex-block h2, .flex-block h3, .flex-block h4, .flex-block h5, .flex-block h6, .flex-block p {
	width: 100%;
}
.flex-form hr {
	margin-left: 1.5em;
}
.flex-block p + p {
	margin-top: 0;
}
.flex-no-wrap {
	flex-wrap: nowrap;
}
@media screen and (max-width: 1000px) {
	.flex-4, .flex-5 {
		flex: 1 0 40%;
		width: 40%;
	}
	.submit-buttons {
		float: none;
		position: static;
	}
	.submit-buttons input:nth-of-type(n) {
		display: inline-block;
		position: static;
		width: 47.5%;
	}
	.submit-buttons input:last-of-type {
		margin-right: 0;
	}
}
@media screen and (max-width: 768px) {
	.flex-2, .flex-3,
	.flex-4, .flex-5 {
		flex: 1 1 100%;
		width: 100%;
	}
	.submit-buttons input:nth-of-type(n) {
		width: 100%;
		margin-right: 0;
	}
	fieldset, .fieldset {
		background-color: rgb(225, 225, 225) !important;
	}
	fieldset, .fieldset {
		margin-top: 2em;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	legend, .legend {
		font-size: 1.25em;
	}
	label, .label {
		font-size: 1em
	}
	fieldset input[type="submit"], fieldset input[type="button"],
	fieldset button, fieldset .button,
	.fieldset input[type="submit"], .fieldset input[type="button"],
	.fieldset button, .fieldset .button {       /* CHANGED for 2020.1 */
		width: 95%;
	}
	input[type="text"], input[type="file"],
	input[type="password"], input[type="email"],
	textarea, select {
		background-color: #FFF;
		font-size: 16px;
	}
}
@media screen and (max-width: 500px) {
	.kapt-box {
		margin-top: .5em;
	}
}
@media screen and (max-width: 450px) {
	.flex-2 > div {
		flex: 1 1 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}


/* Katchu Styles */
.checkbox-katchu {
	display: none;
	visibility: hidden;
	height: 1px;
	overflow: hidden;
}
.capture label {
	margin-bottom: .5em;
	width: 100%;
}
.capture input[type="text"] {
	flex: 1 0 40%;
	width: 40%;
	margin: 0 1em 0 0;
}
.capture img {
	width: auto;
	margin-top: .4em;
}
.captcha-refresh {
	margin: 0 0 .3em .3em;
	width: 1.25em;
	height: 1.25em;
}
@media screen and (max-width: 500px) {
	.capture input[type="text"] {
		flex: 1 0 100%;
		width: 100%;
		margin: 0;
	}
}

/* Working Loader Overlay */
#working_loader {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #000;
	z-index:9999;
	opacity: 0.5;
}
#working_loader > img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 1 !important;
}
#working_loader.loader-absolute, .loader-o {
	position: absolute;
}

/* Inline Lead Capture Form - Comment out if inline form is not used. */
form#inline-lead-form {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
	border-radius: 3px;
}
.inline-lead-form-container {
	top: 0;
}
.get-info, .inline-lead-submit-button {
	padding: 0 2em;
}
.get-info {
	position: relative;
	margin: 0 0 1em;
}
.get-info label {
	position: absolute;
	z-index: 2;
	top: .2em;
	left: 3.2em;
	width: auto;
	font-size: .75em;
	font-weight: 700;
}
.get-info input, .get-info textarea {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1.8em .4em .4em 1em;
}
.inline-lead-form-button {
	width: 100% !important;
	margin: 0 !important;
}
.inline-lead-form fieldset {
	margin-top: 0;
	margin-bottom: 2em;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding: 1em 0 1.5em;
}
#inline-lead-form .success {
	margin: -.5em 0 1em;
}
.inline-lead-submit-button {
	margin-top: 1.5em;
}
@media screen and (max-width: 1024px) {
	.inline-lead-form fieldset {
		margin-top: 3em;
	}
}

/* Inline Form Validation Errors */
.validation-error {
	border: 1px solid #363845 !important;
}

/*!* TinyMCE Editor STYLES *! */
.mce-content-body {
	flex-direction: row;
	width: 100%;
	height: unset;
	padding: 1em;
}


/* Gel Style Template Sample Styles Only - Remove!! */
.two-equal-full-width .two-col-ctnr {
	flex: 1 0 50%;
	padding: 3em;
	color: #fff;
	background: #4C5061;
	border: 3px solid #363845
}
.three-equal-full-width .three-col-ctnr {
	flex: 1 1 33.3%;
	padding: 3em;
	color: #fff;
	background: #363845;
}
.three-equal-full-width .three-col-ctnr:nth-of-type(2) {
	background: #C3C5D0;
}
.wide-narrow-full-width .wide-col-ctnr {
	flex: 1 0 67%;
	padding: 3em;
	background: #C3C5D0;
}
.wide-narrow-full-width .narrow-col-ctnr {
	flex: 1 0 33%;
	padding: 3em;
	color: #fff;
	background: #363845;
}
.two-equal-full-width h4, .three-equal-full-width h4, .wide-narrow-full-width .wide-col-ctnr h4, .wide-narrow-full-width .narrow-col-ctnr  h4 {
	color: #C3C5D0;
	margin-top: 0;
}
.three-equal-full-width .three-col-ctnr:nth-of-type(2) p, .three-equal-full-width .three-col-ctnr:nth-of-type(2) h4, .wide-narrow-full-width .wide-col-ctnr:nth-of-type(1) h4 {
	color: initial;
}
@media screen and (max-width: 980px) {
	.three-equal-full-width .three-col-ctnr, .wide-narrow-full-width .wide-col-ctnr, .wide-narrow-full-width .narrow-col-ctnr {
		padding: 1.5em;
	}
}
@media screen and (max-width: 768px) {
	.two-equal-full-width .two-col-ctnr, .three-equal-full-width .three-col-ctnr, .wide-narrow-full-width .wide-col-ctnr, .wide-narrow-full-width .narrow-col-ctnr {
		flex: 1 0 100%;
	}
}

/* Account Styles */
.user-dashboard legend {
	font-size: unset;
	color: #FFF;
	background-color: #404545;
	padding: 0.8em 1.325em;
}
.user-dashboard fieldset:first-of-type {
	margin-top: 1em;
}

/* TEMPLATE STYLES */
.two-col-left-content {
	display: flex;
}
.two-col-left-content .left-col-content {
	width: 50em;
	margin: auto;
}
.two-col-left-content .right-col-content {
	margin-left: 2em;
}

.two-col-right-content {
	display: flex;
}
.two-col-right-content .right-col-content {
	width: 50em;
	margin: auto;
}
.two-col-right-content .left-col-content {
	margin-right: 2em;
}


/* =============================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary-color: #b81005;
  --Primary-Black: #272727;
  --blue: #00b3e3;
  --yellow: #fdb81c;
  --red: #d8190c;
  --green: #3a6d1a;
  --font-primary: Staatliches;
  --seconday-font: Manrope;
  --white: #fff;
  --border-radius: 10px;
  --black: #111111;
  --light-black: #272727;
  --light-grey: #666666;
  --grey: #d4cece;
  --font-para: 400 16px/2 Manrope;
  --h1: 400 100px/1.05 Staatliches;
  --h2: 400 76px/1 Staatliches;
  --h3: 400 50px/1 Staatliches;
  --h4: 400 34px/1.05 Staatliches;
  --h5: 400 36px/1.05 Staatliches;
}

.h1 {
  font: var(--h1);
  color: var(--light-black);
}

.h2 {
  font: var(--h2);
  color: var(--light-black);
}

.h3 {
  font: var(--h3);
  color: var(--light-black);
}

.h4 {
  font: var(--h4);
  color: var(--light-black);
}

.h5 {
  font: var(--h5);
  color: var(--light-black);
}

.para {
  font: var(--font-para);
  color: var(--light-grey);
}

.para strong {
  font-weight: 600;
  color: #333333;
  word-wrap: break-word;
}

.para strong a {
  font-weight: 600;
  color: #333333;
  word-wrap: break-word;
}

img {
  width: 100%;
}

.container {
  max-width: 1326px;
  padding: 0 15px;
  margin: 0 auto;
}

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

a {
  text-decoration: none;
}

/* ul,
ul li,
ol li {
  list-style: none;
} */

.cu-btn {
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: var(--font-16px);
  line-height: 100%;
  text-transform: capitalize;
  padding: 16px 20px;
  border: 1px solid;
  border-radius: 9px;
  display: inline-block;
  font-size: 16px;
 font-style: normal;
}

.cu-btn.primary-btn {
  background-color: var(--red);
  border-color: var(--red);
  color: var(--white);
}

.cu-btn.primary-btn.black-btn {
  background-color: var(--Primary-Black);
  border-color: var(--Primary-Black);
  color: var(--white);
}

.blue-bd {
  border-bottom: 6px solid #00b3e3;
}

.yellow-bd {
  border: 6px solid #fdb81c;
}

.red-bd {
  border: 6px solid #b81005;
}

.com-padd {
  padding: 120px 0;
}

.com-padd-80 {
  padding: 80px 0;
}

.com-padd-100 {
  padding: 100px 0;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

/* ==============Header============== */
/* button.navbar-toggler {
  display: none;
} */

.navbar .menu-icon {
  display: none;
  cursor: pointer;
}

.navbar .menu-icon .bar {
  width: 25px;
  height: 4px;
  background-color: white;
  margin: 5px;
  display: flex;
}

header.main-header .top {
    padding: 8px 0 13px;
    position: relative;
    border-bottom: 6px solid var(--blue);
}

header.main-header .cu-btn {
  text-transform: uppercase;
}

header.main-header .top .cont-wrap {
  text-align: right;
}

.header-block {
  padding: 30px 0;
  background-color: var(--primary-color);
}

.header-block .navbar-collapse {
  justify-content: flex-end;
}

.header-block .navbar-collapse ul.navbar-nav {
  column-gap: 30px;
  row-gap: 20px;
  display: flex;
}

.header-block ul.navbar-nav li a {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-primary) !important;
  font: var(--font-para);
  text-transform: capitalize;
  color: var(--grey);
  line-height: 1;
}

header.main-header {
  z-index: 999;
  position: relative;
}

.header-block nav.navbar {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}




ul.navbar-nav li.nav-item a.nav-link {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  font-size: 16px;
  color: var(--grey);
}

ul.navbar-nav li.nav-item a.nav-link img {
  max-width: 10px;
}

ul.navbar-nav li.nav-item.active a.nav-link {
  color: var(--white);
}

.header-block ul.navbar-nav li ul.sub-menu li a {
  font-family: var(--seconday-font) !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
  color: var(--black);
  text-transform: capitalize !important;
  padding-block: 20px !important;
  border-bottom: 1px solid #9e9e9e;
  display: block;
}

ul.sub-menu {
  position: absolute;
  display: none;
  box-shadow: 0px 2px 24px 0px #00000014;
  background: var(--white);
  padding: 20px;
  border-radius: var(--border-radius);
  top: 25px;
  width: 336px;
}

.header-block ul.navbar-nav li ul.sub-menu li:first-child a {
  padding-top: 0 !important;
}

.header-block ul.navbar-nav li ul.sub-menu li:last-child a {
  padding-bottom: 0 !important;
  border: unset;
}

ul.navbar-nav li.nav-item:hover ul.sub-menu {
  display: block;
}

/* ==========================Banner start============== */
section {
    width: 100%;
}
.banner-content-2 h1.banner-heading {
  font: var(--h1);
}

.homepage-banner {
  position: relative;
}

.banner-slide {
  position: relative;
  padding: 205px 0 198px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.homepage-banner .banner-slide::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  inset: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 24.82%, #000000 100%);
  pointer-events: none;
  z-index: 2;
}

.banner-content-2 {
  width: 100%;
  max-width: 1326px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
  padding: 0 15px;
}

.homepage-banner .banner-content {
  position: relative;
  z-index: 9;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.banner-title {
  font-family: var(--seconday-font);
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--white);
  background: #3a6d1a80;
  width: fit-content;
  border: 1px solid #3a6d1a;
  padding: 8px 20px;
  border-radius: 40px;
}

.banner-heading {
  color: var(--white) !important;
  margin: 20px 0 30px;
  max-width: 850px;
  padding: 0;
}

.banner-slide p {
  font-family: var(--seconday-font);
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: var(--white);
  max-width: 710px;
}

.custom-nav {
  align-items: center;
  gap: 28px;
  display: flex;
}

.custom-dots {
  counter-reset: dot-counter;
  display: flex;
  gap: 28px;
}

.custom-dots button {
  counter-increment: dot-counter;
  position: relative;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.liner-main-all {
  height: 2px;
  width: 117px;
  padding: 0;
  margin: 0;
  background-color: white;
}

.btns-next-prev-banner {
  display: flex;
  align-items: center;
  gap: 25px;
}

.btns-next-prev-banner button {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  cursor: pointer;
}

.custom-dots button::before {
  content: counter(dot-counter, decimal-leading-zero);
  font-weight: 700;
  font-size: 16px;
  line-height: 19.62px;
  color: white;
}

.custom-nav-dots {
  position: absolute;
  z-index: 9;
  margin: 0 auto;
  bottom: 50px;
  left: 15%;
}

.custom-dots button.owl-dot.active {
  border-bottom: 1px solid #fff;
}

.btns-next-prev-banner button i {
  color: var(--white);
}

/* ==========================Banner end============== */
/* ===== about us start */
.about-us-main {
  display: flex;
}

.about-col-left,
.about-col-right {
  width: 50%;
}

.about-main-inner img {
  width: 100%;
  border-radius: 20px;
}

.about-col-right h3 {
  font: var(--h3);
  color: #111111;
}

.about-us-main {
  display: flex;
  align-items: center;
  gap: 44px;
}

.about-col-right h2 {}

.about-us-sec p {
  font: var(--font-para);
  color: #666666;
  margin-top: 14px;
}

/* === our vision start here */
.vision-main-wrap h3 {
  margin-bottom: 25px;2
}

.vision-sec-main,
.banner-main-inner,
.bg-icon {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-align: center;
}

.vision-main-wrap p {
  color: var(--light-grey);
  padding: 0 120px;
}

.vision-main-wrap p:last-child {
  margin-top: 26px;
}

/* === our vision end here */
/* ===== about us end */
/* === footer start here */
.footer-sec-wrap {
  padding-top: 75px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 6px #fdb81c;
  border-top: 6px solid #b81005;
  background-color: var(--light-black);
  margin-top: 6px;
}

.footer-inner img {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  max-width: 142px;
}

.footer-inner p {
  color: var(--white);
  font: var(--font-para);
  max-width: 786px;
  margin: auto;
  margin-bottom: 70px;
  text-align: center;
}

.footer-inner-ul {
  border-bottom: 1px solid #4c4c4c;
}

.footer-menu {
  display: flex;
  justify-content: center;
  gap: 72px;
  list-style: none;
  padding-bottom: 70px !important;
}

.footer-menu li {
  position: relative;
}

.footer-menu li::before {
  content: "|";
  position: absolute;
  color: var(--white);
  right: -33px;
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}

.footer-menu li:last-child:before {
  display: none;
}

.footer-menu li a {
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: capitalize;
  color: var(--white);
  text-decoration: none;
  font-style: normal;
}

.footer-copyright {
  padding-top: 27px;
  padding-bottom: 25px;
  display: flex;
  justify-content: space-between;
}

.footer-copyright p {
  color: var(--white);
  margin-bottom: 0px;
  font: var(--font-para);
}

.facebook-link a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-copyright h3 {
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--white) !important;
}

.footer-followup {
  display: flex;
  gap: 15px;
  align-items: center;
}

.facebook-link {
  width: 36px;
  height: 36px;
  background-color: #d9d9d9;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ====
 footer end here
 ==== */
/* calender page start here */
.banner-main-inner {
  padding-block: 182px;
  position: relative;
  background-image: url(images/banner.png);
}

.banner-head-main {
  position: relative;
}

section.banner-main-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #00000099;
}


.banner-head-main h2 {
  color: var(--white) !important;
}

.calender-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calender-img-div img {
  width: 100%;
  box-shadow: 0px 4px 24px 0px #00000012;
  margin-top: 50px;
}

.calender-search-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.input-search-main {
  position: relative;
}

.input-search-main input[type="search"] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px 44px 14px 19px;
  font-family: Manrope;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
  color: #33333380;
  width: 413px;
}

.input-search-main img {
  position: absolute;
  top: 15px;
  width: 24px;
  aspect-ratio: 1 / 1;
  right: 15px;
}

.calender-search-content a.cu-btn {
  padding: 18px 28px;
}

/* calender page end here */
/* detail page sec start */
.detail-main-sec {
  padding-block: 80px;
}

.deatial-event-img img {
  border-radius: 12px;
  width: 100%;
}

nav.breadcrumb-nav-list ul {
  display: flex;
  gap: 8px;
  align-items: center;
}

nav.breadcrumb-nav-list ul li a {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-transform: capitalize;
    color: var(--light-grey);
    font-style: normal;
}
nav.breadcrumb-nav-list ul {
    margin: 0;
}

nav.breadcrumb-nav-list ul li a.active {
  color: var(--black);
  font-weight: 700;
}

nav.breadcrumb-nav-list {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 8px;
}
.event-details h3.event-date {
  font-family: var(--seconday-font);
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--black);
  margin: 25px 0 20px 0;
}

ul.event-meta li {
  font-family: var(--seconday-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--light-grey);
}

ul.event-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
}

ul.event-meta li strong {
  font-weight: 600;
  color: #333333;
  padding-right: 4px;
}

.deatial-event-img {
  margin-block: 50px;
}

.detail-main-sec p {
  color: var(--light-grey);
}

nav.breadcrumb-nav-list span img {
  width: 12px;
}

.map-main-sec {
  border: 3px solid var(--yellow);
  margin-top: 30px;
}

.map-main-sec iframe {
  width: 100%;
}

.deatial-event-img+p.para {
  margin-bottom: 30px;
}

/* detail page sec end */

/* Community Services Committee sec start */
.overview-main-wrap p.para,
.announment-sec-inner p.para {
  color: var(--light-grey);
}

.overview-main-wrap img {
  margin-bottom: 50px;
}

.overview-main-wrap h3.h3,
.announment-sec-inner h3 {
  margin-bottom: 23px;
}

.overview-main-wrap .h5 {
  margin-bottom: 20px;
}

.overview-main-wrap p.para {
  margin-bottom: 30px;
}

.overview-sec-main .border {
  border: 1px solid #D9D9D9;
  margin-top: 45px;
  margin-bottom: 45px;
}

.overview-main-wrap p.para.enroll-address {
  margin-bottom: 0px;
}

.overview-main-wrap p.para.enroll-address:last-child {
  margin-bottom: 15px;
}

.overview-main-wrap p.para:last-child {
  margin-bottom: 0;
}

.Community-info-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.Community-info-content {
  display: flex;
  gap: 24px;
}

.Community-info-innner {
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0px 2px 24px 0px #00000014;
  width: 100%;
}

.Community-info-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 35px;
}

.Community-info-innner.red-bd,
.Community-info-innner.yellow-bd {
  border-width: 1px;
}

.Community-info-innner.blue-bd {
  border: 1px solid var(--blue);
}

.Community-info-innner h5 {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  margin-bottom: 15px;
}

.enrollment-section .Community-info-innner h5,
.music-exhibit-section .Community-info-innner h5 {
  text-transform: capitalize;
  font-family: var(--seconday-font);
  font-weight: 600;
}

.Community-info-innner ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.Community-info-innner ul li {
  color: var(--light-grey);
  font: var(--font-para);
  line-height: 100%;
}

.Community-sec-main.com-padd-80 {
  padding-bottom: 0px;
}

.Community-info-innner ul li span {
  font-weight: 600;
  color: #333333;
}

.announment-sec-main {
  background: #f5f5f5;
}

.announment-slide img {
  border-radius: 12px;
}

.announcement-main-sec {
  border-radius: 12px;
  overflow: hidden;
}

.announment-slide {
  margin-top: 30px;
}

.announment-sec-slider .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border: 1px solid var(--blue);
  border-radius: 50%;
}

.announment-sec-slider .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 30px;
}

.announment-sec-slider .owl-dots button.owl-dot.active {
  width: 46px;
  background-color: var(--blue);
  border-radius: 20px;
}

.announcement-main-sec img {
  height: 520px;
  object-fit: cover;
}

.articles-information-links {
  padding-top: 120px;
}

.articles-information-links .pdf-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px 24px;
}

a.pdf-card.yellow-bd,
a.pdf-card.red-bd {
  border-width: 1px;
}
.Community-info-innner li {
    list-style: none;
}
a.pdf-card.blue-bd {
  border: 1px solid var(--blue);
}

.articles-information-links .pdf-grid a.pdf-card {
    padding-top: 21px;
    padding-bottom: 21px;
    justify-content: center;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-shadow: 0px 2px 24px 0px #00000014;
    background-image: url(./images/pdf.png);
    background-repeat: no-repeat;
    background-size: 48px;
    background-position: 46px 20px;
}

.articles-information-links .pdf-grid a.pdf-card img {
  width: 48px;
  height: 48px;
}

.articles-information-links .pdf-grid a.pdf-card span {
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  color: var(--Primary-Black);
}

.articles-information-links h3.h3 {
  margin-bottom: 40px;
}

a.pdf-card.green-bd {
  border: 1px solid var(--green);
}

.committee-message {
  margin: 80px 0 20px 0;
  background: var(--white);
  padding: 28px 23px 30px 20px;
  border-radius: 6px;
  border-left: 6px solid var(--green);
}

.committee-message h4.h4 {
  margin-bottom: 12px;
}

.table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  background: #f9f9f9;
  padding: 0;
  border-radius: 8px;
}

.committee-table-main {
  margin-top: 40px;
}

.committee-agendas-head h3.h3 {
  margin-bottom: 10px;
}

.committee-agendas-head p.para {
  color: var(--light-grey);
}

.table-wrapper+p.para a {
  color: var(--black);
  font-weight: 600;
  text-decoration: underline;
}

.table-wrapper+p.para {
  margin-top: 14px;
  color: var(--light-grey);
}

.custom-table td a {
  color: var(--black);
  font-weight: 400;
  text-decoration: underline;
  font-size: 14px;
  line-height: 100%;
}

/* Table styling */
.custom-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 0px;
}

/* Table header */
.custom-table thead th {
  background-color: var(--green);
  color: var(--white);
  text-align: left;
  font-weight: 400;
  padding: 20px 50px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: var(--font-primary);
}

.custom-table td:last-child,
.custom-table th:last-child {
  text-align: right;
}

.resolutions-table {

  border: 1px solid #464646;
  border-radius: 8px;
  overflow: hidden;
}

.resolutions-table .custom-table td:last-child,
.resolutions-table .custom-table th:last-child {
  text-align: left;
}

/* Table rows */
.custom-table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

/* Alternating row colors */
.custom-table tbody tr:nth-child(even) {
  background-color: var(--white);
}

.custom-table tbody tr:nth-child(odd) {
  background-color: #f1faed;
}

/* Table cells */
.custom-table td {
  padding: 29px 50px;
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  font-family: var(--seconday-font);
}

.resolutions-table .custom-table td {
  padding: 29px 29px;
}

/* Action link */
.custom-table td a {
  color: #111111;
  font-weight: 400;
  text-decoration: underline;
}

.custom-table td a:hover {
  text-decoration: underline;
}

/* Rounded corners for the first and last cell of the header */
.custom-table thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

.custom-table thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

.bg-icon {
  background-size: 100% 100% !important;
}

/* Community Services Committee sec end */
/* trust board resolution  sec start */
.trust-board-main {
  text-align: center;
}

.trust-board-main h3.h3 {
  margin-bottom: 24px;
}

.trust-board-main p.para {
  margin-bottom: 30px;
  color: var(--light-grey);
}

.trust-board-main .Download-btn {
  font: var(--font-para);
  color: var(--blue);
  font-weight: 600;
}

.trust-board-main table.custom-table thead tr:first-child th:first-child {
  border-bottom-left-radius: 8px;
}

.trust-board-main table.custom-table thead tr:first-child th:last-child {
  border-bottom-right-radius: 8px;
  text-align: left;
}

.trust-board-main table.custom-table thead th.col-pdf {
  width: 22%;
}

.trust-board-main table.custom-table thead th.col-date {
  width: 14%;
}

.trust-board-main table.custom-table tbody tr:nth-child(odd) {
  background: var(--white);
}

.trust-board-main table.custom-table {
  opacity: 70%;
}

.trust-board-main table.custom-table td {
  text-align: left;
}

.trust-board-main table.custom-table td:first-child {
  color: var(--red);
  font-weight: 600;
}

.trust-board-main table.custom-table td:first-child a {
  color: var(--red);
  font-weight: 600;
  text-decoration: underline;
}

.trust-board-main .table-wrapper {
  margin-top: 40px;
}

.trust-board-main .table-wrapper+p {
  text-align: left;
  margin-top: 28px;
}

/* trust board resolution  sec end */

/* Services Policies & Applications sec start here */
/* .service-sec-main {
  padding-bottom: 0px;
} */

.service-application-sec h4 {
  margin-bottom: 36px;
}

.tag-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.tag-container a {
  font-family: var(--seconday-font);
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  padding: 17px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--light-grey);
  white-space: nowrap;
}

/* services  */
.services-section .services-heading h4 {
  margin-bottom: 25px;
  margin-top: 62px;
}

.service-list a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: var(--seconday-font);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-decoration: underline;
  text-decoration-color: #666666;
  text-decoration-style: solid;
  color: var(--light-grey);
  margin-bottom: 20px;
}

.service-list a:last-child {
  margin-bottom: 0px;
}

.service-list a img {
  width: 24px;
  height: 24px;
}

/* Services Policies & Applications sec end here */
/* Trust board contact sec start here */

.trust-board-contact .Community-info-main {
  gap: 40px;
}

.trust-board-contact .Community-info-innner h5 {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 36px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: capitalize;
  color: var(--Primary-Black);
}

/* Trust board contact sec end here */

/* Privacy Policy sec start here */
.privacy-inner {
  margin-bottom: 50px;
}

.privacy-inner:last-child {
  margin-bottom: 0px;
}

.privacy-inner h6 {
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 20px;
  color: #050505;
}

.privacy-inner p {
  margin-bottom: 20px;
  color: var(--light-grey);
}

.privacy-inner p:last-child {
  margin-bottom: 0px;
}

.privacy-inner ul li {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 20px;
  color: var(--light-grey);
}

/* Privacy Policy sec end here */
/* enrollment  */
.enrollment-apply h5 {
  margin-bottom: 20px;
  color: var(--black);
}

.enrollment-apply p {
  color: var(--light-grey);
  margin-bottom: 40px;
}

.enrollment-apply .cu-btn {
  margin-bottom: 50px;
}

.enrollment-apply.pond p {
  margin-bottom: 15px;
}

.enrollment-apply.pond p:nth-of-type(2) {
  margin-bottom: 30px;
}

.enrollment-apply.pond .cont-wrap .cu-btn {
  margin-bottom: 0px;
}

.arpa-program h5 {
  margin-bottom: 20px;
}

.arpa-program p {
  color: var(--light-grey);
  margin-bottom: 20px;
}

.arpa-program p:last-child {
  margin-bottom: 60px;
}

.arpa-program strong {
  color: var(--light-grey);
}

.arpa-program-inner h5 {
  margin-bottom: 20px;
}

.arpa-program-inner .para {
  margin-bottom: 20px;
}

.arpa-program-inner .para.arpa-program-para {
  margin-bottom: 0px;
}

.arpa-program-inner ul li {
  margin-left: 20px;
  list-style: disc;
  color: var(--light-grey);
}

.meeting-videos-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.meeting-videos-text .h5 {
  margin-bottom: 0px;
}

.meeting-videos-text .cu-btn {
  text-transform: none;
}

.box-video {
  position: relative;
}

.bg-video {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.bg-video img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.video-container {
  display: none;
  aspect-ratio: 16 / 9;
  z-index: 3;
}

.video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 4;
  cursor: pointer;
}

.video-icon img {
  width: 80px;
  height: 80px;
  margin-bottom: 0px !important;
}

.video-text {
  position: absolute;
  bottom: 34px;
  left: 24px;
  z-index: 999;
}

.video-text p {
  font-family: var(--seconday-font) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 100% !important;
  text-transform: capitalize !important;
  color: var(--white) !important;
}

.video-right-icon {
  position: absolute;
  bottom: 34px;
  right: 24px;
  z-index: 999;
  background: #D8190C;
  padding: 14px;
  border-radius: 100%;
}

.video-right-icon img {
  margin-bottom: 0px !important;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.past-meeting-videos {
  margin-top: 70px;
}

.past-meeting-videos h5 {
  margin-bottom: 20px;
}

.past-meeting-videos p {
  margin-bottom: 28px;
  color: var(--light-grey);
}

.past-meeting-videos .video-text p {
  margin-bottom: 0px;
}

.past-meeting-videos .bg-video img {
  margin-bottom: 40px;
}

/* ================Modal============ */
.cu-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000087;
  z-index: 999;
  display: none;
}

.cu-modal .modal-dialog {
  padding: 40px 50px;
  border-radius: 20px;
  width: 100%;
  max-width: 860px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
}

.cu-modal .modal-dialog h5.modal-title {
  font-family: var(--seconday-font);
  font-weight: 600;
  font-size: 42px;
  line-height: 100%;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.cu-modal .modal-dialog .modal-body {
  background: #3E4448;
  padding: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 323px;
}

.cu-modal .modal-body p {
  font-family: var(--seconday-font);
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: var(--white);
  margin-bottom: 35px;
}

.cu-modal .modal-body .model-int {
  display: flex;
  gap: 11px;
}

.cu-modal .modal-body .model-int input[type="password"] {
  font-family: var(--seconday-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  padding: 17px 26px;
  width: 100%;
}

.cu-modal .modal-body .model-int input[type="submit"] {
  font-family: Manrope;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: capitalize;
  min-width: 174px;
  background: var(--primary-color);
  border: none;
  color: var(--white);
}

.cu-common-sec p {
  font: var(--font-para);
  color: #666;
}

.cu-common-sec h3 {
  margin-bottom: 10px;
}

/* ========================= */
.table-container {

  padding: 0;
  overflow-x: scroll;
}

.resolution-table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--white);
}

.social-table {
  box-shadow: 0px 4px 24px 0px #00000012;
  padding: 0px 0px 41px 0px;
}

.social-dance-section .resolution-table {
  border-radius: 8px;
  overflow: hidden;
}

.resolution-table thead th {
  background-color: var(--green);
}

.resolution-table thead.table-head2 th {
  background-color: var(--blue);
}

.resolution-table thead.table-head3 th {
  background-color: var(--yellow);
}

.resolution-table thead th {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  color: var(--white);
  text-transform: uppercase;
  padding: 19px 43px 19px 43px;
  text-align: left;
  white-space: nowrap;
}

.social-dance-section .resolution-table thead th {
  padding: 15px 20px 15px 20px;
  font-size: 20px;

}

.social-dance-section .resolution-table tbody td {
  padding: 15px 20px 15px 20px;
  vertical-align: baseline;

}

.social-table-para {
  padding-top: 17px;
  padding-left: 36px;
  padding-right: 80px;
}

.resolution-table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.social-dance-section .resolution-table tbody tr:nth-child(odd) {
  background-color: #F1FAED;
}

.resolution-table tbody td {
  padding: 19px 43px 19px 43px;
  color: #666;
  font-family: Manrope;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}

.resolution-table tbody td img {
  max-width: 10px;
}

.resolution-number {
  white-space: nowrap;
  font-weight: 500;
  font-size: 15px;
}

.resolution-date {
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  color: var(--light-grey);
}

.note {
  margin-top: 20px;
  padding: 0 5px;
}

.note a {
  color: var(--black);
  font-weight: 600;
  text-decoration: underline;
}

.culture-language-section .h3 {
  margin-bottom: 20px;
}

.culture-language-section p {
  color: var(--light-grey);
  margin-bottom: 40px;
}

.culture-language-inner {
  display: grid;
  column-gap: 24px;
  row-gap: 35px;
  grid-template-columns: repeat(3, 1fr);
}

.culture-language-inner .culture-box img {
  margin-bottom: 20px;
}

.culture-language-inner .culture-box p {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0px;
  line-height: 30px;
}

.faq-wrap .h3 {
  margin-bottom: 43px;
}

ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0;
  list-style: none;
}

ul.accordion-list li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #FFF;
  padding: 0px 0px;
  margin: 0 auto 25px auto;
  overflow: hidden;
  border: 1px solid #E4E7E9;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #616161;
  border-radius: 14px;
}

ul.accordion-list li h3 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 52px 40px;
  margin: 0px 0px !important;
  font-family: Plus Jakarta Sans;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: var(--black);
  cursor: pointer;
  position: relative;
  padding-right: 100px !important;
}

ul.accordion-list li h3::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 41px;
  transform: translateY(-50%);
  width: 52px;
  height: 50px;
  box-shadow: 0 5px 16px 0 #080F340F;
  background-color: var(--white);
  border-radius: 50%;
  background-image: url('../img/arrow-faq.png');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-size: 18px;
}

ul.accordion-list li.active h3:after {
  background-color: var(--red);
  background-image: url('../img/arrow-down.png');
}


ul.accordion-list li.active .icon {
  display: none;
}

ul.accordion-list li.active h3 {
  padding-bottom: 18px;
}

ul.accordion-list li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 20px;
  cursor: pointer;
}

ul.accordion-list li div.answer p {
  position: relative;
  display: block;
  padding: 0px 165px 40px 27px;
  margin: 0px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #666666;
}

.lenape-language .h3 {
  margin-bottom: 13px;
}

.lenape-language .para {
  margin-bottom: 20px;
}

.lenape-language .para:last-child {
  margin-bottom: 0px;
}

.lenape-language img {
  margin-bottom: 80px;
  margin-top: 30px;
}

.lenape-language .para strong {
  color: #666666;
}

.lenape-language .para strong a {
  color: var(--black);
}

.official-dictionary {
  background-color: #F6F6F6;
}

.official-dictionary .h3 {
  margin-bottom: 50px;
}

.official-search-box {
  background-color: #D9D9D966;
  border-radius: 10px;
  padding: 25px 27px;
  margin-bottom: 30px;
}

.official-search-box form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 34px;
}

.official-serach-bar .para {
  color: var(--black);
  font-weight: 600;
  margin-bottom: 11px;
}

.official-serach-bar input {
  border: 1px solid #D9D9D9;
  height: 56px;
  width: 100%;
  border-radius: 5px;
  padding: 17px 22px;
}

.official-serach-bar input::placeholder {
  font-family: var(--seconday-font);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.lenape-language-section .h3 {
  margin-bottom: 20px;
}

.lenape-language-section .lenape-img {
  margin-bottom: 50px;
  margin-top: 36px;
}

.lenape-language-section .services-heading {
  margin-bottom: 41px;
}

.lenape-language-section .services-heading .h5 {
  margin-bottom: 20px;
  font-weight: 500;
  font-family: Manrope;
}

.lenape-language-section .services-heading a {
  text-decoration: none;
}

.lenape-language-section .services-heading .dictionary-list .para {
  line-height: 50px;
}

.lenape-language-section .services-heading .para strong a {
  font-size: 16px;
  color: #000000;
}

.delaware-humor-para {
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 20px;
}

.hunting-dog-para {
  line-height: 44px;
}

.social-dance-section .h3 {
  margin-bottom: 20px;
}

.social-dance-section .para {
  margin-bottom: 20px;
}

.social-dance-section .committee-message {
  margin: 0px;
  margin-bottom: 40px;
}

.social-dance-section .committee-message .para {
  font-family: Inter;
  font-weight: 500;
  font-style: Italic;
  margin-bottom: 0px;
}

.social-dance-section .lenape-img {
  margin-top: 30px;
  margin-bottom: 50px;
}

.social-dance-music .h5 {
  margin-bottom: 20px;
}

.social-dance-music {
  margin-bottom: 50px;
}

.social-dance-section .social-dance-music .para.para2 {
  margin-bottom: 40px;
}

.social-dance-section .social-dance-music .para strong {
  font-weight: 700;
  color: var(--black);
}

.guide-main {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: var(--light-grey);
}

.musesm-about {
  background-color: #F8F8F8;
}

.wrapper-main-photo-muse h3 {
  margin-bottom: 37px;
}

.grid-images-main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.grid-img-1, .grid-images-main figure:first-child {
  grid-column: span 3 / span 3;
  grid-row: span 3 / span 3;
}

.grid-img-2, .grid-images-main figure:nth-child(2) {
  grid-column: span 3 / span 3;
  grid-row: span 3 / span 3;
  grid-column-start: 1;
  grid-row-start: 4;
}

.grid-img-3, .grid-images-main figure:nth-child(3) {
  grid-column: span 3 / span 3;
  grid-row: span 3 / span 3;
  grid-column-start: 10;
  grid-row-start: 1;
}

.grid-img-4, .grid-images-main figure:nth-child(4) {
  grid-column: span 3 / span 3;
  grid-row: span 3 / span 3;
  grid-column-start: 10;
  grid-row-start: 4;
}

.grid-img-5, .grid-images-main figure:nth-child(5) {
  grid-column: span 6 / span 6;
  grid-row: span 6 / span 6;
  grid-column-start: 4;
  grid-row-start: 1;
}
.grid-images-main figure {
    margin: 0;
}
.grid-images-main figure {
  width: 100%;
  height: 100%;
}

.grid-images-main figure img {
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.musem-exit-head-para {
  margin-top: 3px;
}

.museam-exibits .tag-container a span {
  font-family: Manrope;
  font-weight: 500;
  font-size: 25px;
  line-height: 45px;
  text-align: center;
}

.museam-exibits .tag-container a {
    font-family: Manrope;
    font-weight: 500;
    font-size: 23px;
    line-height: 45px;
    text-align: center;
    box-shadow: 0px 4px 4px 0px #00000040;
    flex-direction: column;
    font-style: normal;
    width: 100%;
    white-space: break-spaces;
    padding-inline: 50px;
}

.museam-exibits .about-us-main {
  width: 100%;
}

.museam-exibits .tag-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 23px;
  margin-top: 50px;
}

.ful-w {
  width: 100%;
}

.inner-main-wrappr-form {
  background-color: #F1F1F1;
  padding: 80px 52px;
}

.exhibits1 .h5 {
  margin-bottom: 20px;
}

.exhibits1 .para {
  margin-bottom: 33px;
}

.all-audio {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
}

.all-audio-box {
  background-color: #F8F8F8;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.all-audio-box img {
  max-width: 146px;
}

.audio-img {
  display: flex;
  gap: 30px;
  align-items: center;
}

.audio-text .para {
  margin-bottom: 10px;
}

.audio-text .para span {
  font-weight: 700;
  color: var(--black);
}

.audio-text .para:last-child {
  margin-bottom: 0px;
}

.contact-form {
  background-color: #F1F1F1;
  border-radius: 6px;
  padding: 80px 52px;
}

.contact-form .h5 {
  text-align: center;
  margin-bottom: 64px;
}

.row {
  margin-inline: -15px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 28px;
  column-gap: 34px;
}

.row .col-6 {
  width: 48.5%;
}

.row .col-12 {
  width: 100%;
}

.form-inner label {
  display: block;
  width: 100%;
  font-family: Manrope;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 9px;
  color: var(--light-black);
}

.form-inner input {
  width: 100%;
  border: 1px solid #D4D4D4;
  height: 54px;
  background-color: #fff;
  border-radius: 6px;
  padding: 19px 25px;
}

.form-inner input::placeholder,
.form-inner textarea::placeholder {
  font-family: Manrope;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: capitalize;
  color: var(--light-grey);
}

.form-inner textarea {
  width: 100%;
  border: 1px solid #D4D4D4;
  height: 157px;
  background-color: #fff;
  border-radius: 6px;
  padding: 19px 25px;
}

.form-inner .cu-btn {
  width: 160px;
  display: flex;
  justify-content: center;
  height: 56px;
  align-items: center
}

.eligibility {
  color: #000000 !important;
}

.load-more-btn {
  display: flex;
  justify-content: center;
}

.load-more-btn .cu-btn {
  width: 178px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.calendar-events .cu-btn {
  text-transform: uppercase;
}

/* Responsive text wrap */

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

  /* table  */
  .custom-table td {
    padding: 29px 30px;
  }

  .museam-exibits .tag-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

  /* header  */
  .header-block .navbar-collapse ul.navbar-nav {
    column-gap: 30px;
  }

  /* comitte education  */
  .articles-information-links .pdf-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* service policy app  */
  .tag-container {
    grid-template-columns: repeat(4, 1fr);
  }

  .museam-exibits .tag-container a {
    font-size: 25px;
  }

  .museam-exibits .tag-container a span {
    font-size: 22px;
  }

  .row {
    column-gap: 20px;
  }
}

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

  /* header  */
  .header-block .navbar-collapse ul.navbar-nav {
    column-gap: 15px;
  }

  ul.navbar-nav li.nav-item a.nav-link {
    font-size: 15px;
  }
}

@media screen and (max-width: 991px) {
  .row {
    column-gap: 15px;
  }

  .load-more-btn .cu-btn {
    width: auto;
    height: auto;
  }

  .contact-form {
    padding: 50px 42px;
  }

  .contact-form .h5 {
    margin-bottom: 54px;
  }

  .form-inner input {
    height: 34px;
  }

  .form-inner textarea {
    height: 147px;
  }

  .form-inner .cu-btn {
    height: auto;
  }

  ul.accordion-list li h3 {
    padding: 42px 30px;
    font-size: 22px;
    line-height: 26px;
  }

  ul.accordion-list li div.answer p {
    padding: 0px 95px 40px 12px;
    font-size: 16px;
    line-height: 26px;
  }

  ul.accordion-list li h3::after {
    right: 21px;
    width: 42px;
    height: 42px;
    background-size: 16px;
  }

  nav.breadcrumb-nav-list ul li a {
    font-size: 14px;
  }

  nav.breadcrumb-nav-list {
    margin-bottom: 60px;
  }

  .culture-language-inner {
    column-gap: 20px;
    row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .museam-exibits .tag-container {
    grid-template-columns: repeat(2, 1fr);
  }

  :root {
    --h1: 400 80px/1.05 Staatliches;
    --h2: 400 56px/1 Staatliches;
    --h3: 400 40px/1 Staatliches;
    --h4: 400 25px/1.05 Staatliches;
    --h5: 400 30px/1.05 Staatliches;
  }

  .com-padd {
    padding: 100px 0;
  }

  /* header  */

  .navbar .menu-icon {
    display: block;
  }

  .navbar-collapse {
    display: none;
  }

  .navbar-collapse.active {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--primary-color);
    z-index: 99;
  }

  .header-block .navbar-collapse.active ul.navbar-nav {
    display: block;
  }

  .header-block .navbar-collapse.active ul.navbar-nav li.nav-item a.nav-link {
    padding: 10px !important;
  }

  .header-block .navbar-collapse.active ul.navbar-nav li.nav-item ul.sub-menu {
    position: unset;
    width: 100%;
  }

  /* home page  */
  .vision-main-wrap p {
    padding: 0 60px;
  }

  /* calendar -event  */
  .calender-header-main {
    display: block;
  }

  .calender-head-content h3 {
    margin-bottom: 15px;
  }

  /* comitte education  */
  .articles-information-links .pdf-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* service policy app  */
  .tag-container {
    grid-template-columns: repeat(3, 1fr);
  }

  /* trsut  board portal  */
  .trust-board-contact .Community-info-innner h5 {
    font-size: 30px;
  }

  /* table  */
  .custom-table td {
    padding: 29px 20px;
  }

  .overview-main-wrap img {
    margin-bottom: 30px;
  }

  .overview-main-wrap p.para {
    margin-bottom: 20px;
  }

  .overview-sec-main .border {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .enrollment-apply .cu-btn {
    margin-bottom: 30px;
  }

  .enrollment-apply p {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .row .col-6 {
    width: 100%;
  }

  .contact-form {
    padding: 40px 32px;
  }

  .contact-form .h5 {
    margin-bottom: 44px;
  }

  .form-inner label {
    font-size: 14px;
  }

  .form-inner input {
    height: 24px;
    padding: 19px 15px;
  }

  .form-inner input::placeholder,
  .form-inner textarea::placeholder {
    font-size: 12px;
  }

  .form-inner textarea {
    width: 100%;
    height: 137px;
    padding: 19px 15px;
  }

  .delaware-humor-para {
    font-size: 16px;
  }

  .hunting-dog-para {
    line-height: 40px;
  }

  .social-dance-music {
    margin-bottom: 30px;
  }

  .lenape-language img {
    margin-bottom: 60px;
  }

  .official-search-box form {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .com-padd-100 {
    padding: 80px 0;
  }

  ul.accordion-list li h3 {
    padding: 32px 20px;
    font-size: 18px;
    line-height: 25px;
  }

  ul.accordion-list li div.answer p {
    padding: 0px 55px 40px 4px;
    font-size: 14px;
    line-height: 25px;
  }

  ul.accordion-list li h3::after {
    right: 10px;
    width: 32px;
    height: 32px;
    background-size: 14px;
  }

  nav.breadcrumb-nav-list ul li a {
    font-size: 12px;
  }

  nav.breadcrumb-nav-list {
    margin-bottom: 40px;
  }


  .culture-language-inner {
    column-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }

  .museam-exibits .tag-container a,
  .museam-exibits .tag-container a span {
    font-size: 20px;
    line-height: 35px;
  }

  :root {
    --font-para: 400 14px/2 Manrope;
    --h1: 400 70px/1.05 Staatliches;
    --h2: 400 46px/1 Staatliches;
    --h3: 400 30px/1 Staatliches;
    --h4: 400 20px/1.05 Staatliches;
    --h5: 400 25px/1.05 Staatliches;
  }

  .header-block a.navbar-brand img {
    max-width: 130px;
  }

  .header-block {
    padding: 25px 0;
  }

  .com-padd {
    padding: 80px 0;
  }

  .com-padd-80 {
    padding: 60px 0;
  }

  .banner-main-inner {
    padding-block: 152px;
  }

  .custom-table thead {
    display: none;
  }

  .custom-table,
  .custom-table tbody,
  .custom-table tr,
  .custom-table td {
    display: block;
    width: 100%;
  }

  .custom-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    background: #fff;
  }

  .custom-table td {
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .resolutions-table .custom-table td {
    padding-left: 50%;
  }

  .resolutions-table .custom-table td {
    text-align: left;
  }

  .custom-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    width: 45%;
    text-align: left;
    font-weight: bold;
    color: #3b7d2b;
  }

  /* home page  */
  .about-us-main {
    display: block;
  }

  .about-col-left {
    margin-bottom: 30px;
  }

  .about-col-left,
  .about-col-right {
    width: 100%;
  }

  .vision-main-wrap p {
    padding: 0 30px;
  }

  .about-col-right h3,
  .about-us-sec p {
    text-align: center;
  }

  /* calendar -event  */
  .calender-search-content {
    display: block;
  }

  .input-search-main {
    margin-bottom: 15px;
  }

  .input-search-main input[type="search"] {
    width: 100%;
  }

  /* comitte education  */
  .Community-sec-main .Community-info-innner.red-bd {
    margin-bottom: 20px;
  }

  .Community-info-content {
    display: block;
  }

  .committee-message {
    margin: 60px 0 20px 0;
  }

  /* service policy app  */
  .tag-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .services-section .service-list a {
    font-size: 16px;
  }

  .services-section .services-heading h4 {
    margin-bottom: 25px;
    margin-top: 25px;
  }

  /* trsut  board portal  */
  .trust-board-contact .Community-info-innner h5 {
    font-size: 25px;
  }

  .trust-board-contact .Community-info-main {
    gap: 30px;
  }

  /* footer  */
  .footer-menu li a {
    font-size: 16px;
    line-height: 25px;
  }

  .footer-copyright {
    display: block;
    text-align: center;
  }

  .footer-followup {
    justify-content: center;
  }

  .facebook-link {
    width: 26px;
    height: 26px;
  }

  .footer-copyright p {
    margin-bottom: 10px;
  }

  .footer-sec-wrap {
    padding-top: 55px;
  }

  .footer-inner p {
    margin-bottom: 60px;
  }

  .footer-menu {
    padding-bottom: 60px !important;
  }

  /* privacy  */
  .privacy-inner {
    margin-bottom: 30px;
  }

  .privacy-inner h6 {
    font-size: 20px;
  }

  .overview-main-wrap img {
    margin-bottom: 20px;
  }

  .overview-main-wrap p.para {
    margin-bottom: 10px;
  }

  .overview-sec-main .border {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .enrollment-apply .cu-btn {
    margin-bottom: 20px;
  }

  .enrollment-apply p {
    margin-bottom: 20px;
  }

  .cu-btn {
    padding: 14px 16px;
    font-size: 13px;
  }

  .video-icon img {
    width: 60px;
    height: 60px;
  }

  .grid-images-main {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .grid-img-1,
  .grid-img-2,
  .grid-img-3,
  .grid-img-4,
  .grid-img-5 {
    grid-column: span 1;
    grid-row: span 1;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 575px) {
  .delaware-humor-para {
    font-size: 14px;
  }

  .enrollment-apply.pond .cont-wrap .cu-btn {
    margin-bottom: 20px;
  }

  .enrollment-apply.pond .cont-wrap .cu-btn.primary-btn.black-btn {
    margin-bottom: 0px;
  }

  .contact-form .h5 {
    margin-bottom: 34px;
  }

  .hunting-dog-para {
    line-height: 30px;
  }

  .social-dance-music {
    margin-bottom: 20px;
  }

  .lenape-language img {
    margin-bottom: 40px;
    margin-top: 20px;
  }

  .com-padd-100 {
    padding: 60px 0;
  }

  ul.accordion-list li h3 {
    padding: 22px 20px;
    font-size: 16px;
    line-height: 25px;
    padding-right: 50px !important;
  }

  ul.accordion-list li div.answer p {
    padding: 0px 5px 20px 4px;
    font-size: 12px;
    line-height: 25px;
  }

  ul.accordion-list li h3::after {
    right: 10px;
    width: 22px;
    height: 22px;
    background-size: 10px;
  }

  .video-icon img {
    width: 50px;
    height: 50px;
  }

  .museam-exibits .tag-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .video-right-icon {
    padding: 10px;
  }

  .video-right-icon img {
    width: 12px;
    height: 12px;
  }

  :root {
    --font-para: 400 14px/2 Manrope;
    --h1: 400 50px/1.05 Staatliches;
    --h2: 400 36px/1 Staatliches;
    --h3: 400 20px/1 Staatliches;
    --h4: 400 18px/1.05 Staatliches;
    --h5: 400 20px/1.05 Staatliches;
  }

  .cu-btn {
    font-size: 14px;
    padding: 10px 9px;
  }

  .header-block a.navbar-brand img {
    max-width: 100px;
  }

  .header-block {
    padding: 20px 0;
  }

  .com-padd {
    padding: 60px 0;
  }

  .com-padd-80 {
    padding: 40px 0;
  }

  .banner-main-inner {
    padding-block: 120px;
  }

  .navbar .menu-icon .bar {
    width: 20px;
    height: 3px;
  }

  /* home page  */
  .vision-main-wrap p {
    padding: 0 20px;
  }

  .banner-slide {
    padding: 85px 0 188px;
  }

  .banner-slide p {
    font-size: 16px;
    line-height: 25px;
  }


  /* footer  */

  .footer-sec-wrap {
    padding-top: 35px;
  }

  .footer-inner p {
    margin-bottom: 40px;
  }

  .footer-menu {
    padding-bottom: 40px !important;
    gap: 50px;
  }

  .footer-menu li a {
    font-size: 14px;
  }

  /* comitte education  */
  .articles-information-links .pdf-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .committee-message {
    margin: 30px 0 20px 0;
  }

  /* service policy app  */
  .tag-container {
    grid-template-columns: repeat(1, 1fr);
  }

  /* trsut  board portal  */
  .trust-board-contact .Community-info-innner h5 {
    font-size: 20px;
  }

  .trust-board-contact .Community-info-main {
    gap: 20px;
  }

  /* table  */
  .custom-table td {
    padding: 10px 10px;
    padding-left: 50%;
  }

  /* calendar events  */
  .input-search-main img {
    top: 20px;
    width: 15px;
  }

  /* nav */
  .custom-dots {
    gap: 15px;
  }

  .custom-nav {
    gap: 15px;
  }

  .liner-main-all {
    width: 80px;
  }

  .grid-images-main {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}

@media screen and (max-width: 375px) {
  .contact-form .h5 {
    margin-bottom: 24px;
  }

  .video-icon img {
    width: 30px;
    height: 30px;
  }

  .tag-container a {
    padding: 6px 10px;
  }

  .video-text {
    bottom: 15px;
    left: 14px;
  }

  .video-right-icon {
    bottom: 15px;
    right: 14px;
    padding: 6px;
  }

  .video-right-icon img {
    width: 10px;
    height: 10px;
  }

  .video-text p {
    font-size: 14px !important;
  }

  .museam-exibits .tag-container a,
  .museam-exibits .tag-container a span {
    font-size: 15px;
    line-height: 30px;
  }

  .com-padd {
    padding: 30px 0;
  }

  .com-padd-80 {
    padding: 30px 0;
  }

  .banner-main-inner {
    padding-block: 90px;
  }

  .footer-inner p {
    margin-bottom: 20px;
  }

  .footer-menu li {
    margin-bottom: 10px;
  }

  .footer-menu li:last-child {
    margin-bottom: 0px;
  }

  .footer-menu {
    display: block;
    margin: auto;
    text-align: center;
    padding-bottom: 20px !important;
  }
}

/* ================ */
.slide-display {
    position: relative;
}
.slide-image {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

.slide-info {
    position: relative !important;
    flex-direction: column;
    width: 100% !important;
    max-width: 1280px;

    margin: 0 auto;
    background: transparent !important;
    backdrop-filter: unset !important;
    padding: 297px 15px;
	z-index: 9;
}

.slide-info h2 {
    font: 400 100px/1.05 Staatliches !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff;
    max-width: 850px;
}

.slide-info  p {
    font-family: var(--seconday-font);
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: var(--white);
    max-width: 856px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.slide-display {
    position: relative  !important;
}
.slide-display::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 24.82%, #000000 100%);
    pointer-events: none;
    z-index: 2;
}

.slick-dots {
    gap: 16px;
    bottom: 240px !important;
    left: 17%;
    counter-reset: dot-counter;
    display: flex !important;
    right: auto;
    max-width: 1300px !important;
    width: 100% !important;
}

 .slick-dots li button::before {
    content: counter(dot-counter, decimal-leading-zero);
    font-weight: 700;
    font-size: 16px;
    line-height: 19.62px;
    color: white;
}
 .slick-dots li button {
    counter-increment: dot-counter;
    position: relative;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}
 a.event-btn.ical {
    background: #00B3E3;
}
 .slick-dots li button .slick-dot-icon:before{
	display: none !important;
}
.slide-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.index-slideshow{
	min-height: 0 !important;
}
.slide-buttons span {
    padding: 0;
}

button.slick-autoplay-toggle-button {
    bottom: 237px;
    top: auto;
    z-index: 99;
    color: #fff;
    left: 530px;
    padding: 0;
    margin: 0;
}
@media(max-width:1599px){
.slick-dots {
    left: 80px;
    bottom: 100px !important;
}
button.slick-autoplay-toggle-button {
    bottom: 97px;
    color: #fff;
    left: 300px;

}
}

@media (max-width:1499px){
	.slide-info {
    padding: 160px 15px;
}
}

@media(max-width:1299px){
	.slick-dots {
    left: 15px;
    bottom: 100px !important;
}
.main-nav li a {
    padding: 0;
    font-size: 14px !important;
}
.header-block ul.nav-level-1 {
    flex-wrap: wrap;
}
button.slick-autoplay-toggle-button {
    left: 200px;

}
.slide-info h2 {
font-size: 60px !important;
}
}
@media(max-width:1024px){
  .navbar-collapse.active nav#main-nav {
    display: block;
    top: 0;
}

.navbar-collapse.active nav#main-nav ul#nav {
    align-items: flex-start;
    padding: 10px;
    background: #b81005;
}

.navbar-collapse.active nav#main-nav ul#nav a {
    text-align: left;
}

.navbar-collapse.active nav#main-nav ul#nav  ul.nav-level-2 {
    background: #b81005;
}

.navbar-collapse.active nav#main-nav ul#nav ul.nav-level-2 a {
    background: #b81005;
    border: none;
}

}
@media(max-width:575px){
	.slide-info h2 {
    font-size: 40px !important;
}
}

/* ============================= */
li.level-1-item:has(ul.nav-level-2)::after {
    content: "";
    background-image: url(./images/Vector.png);
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 14px;
    color: black;
    position: absolute;
    right: 0px;
    transform: translateY(-50%);
    top: 50%;
}
li.level-1-item:has(ul.nav-level-2){
  padding-right: 15px !important;
}
.main-nav li {
    cursor: pointer;
    position: relative;
}

main.fw-main > section:first-of-type {order: -1;}
.std-width-ctnr.page-intro > h1 {
    display: none;
}
main.fw-main{
  display: flex; 
}
.calendar-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: space-between;
    }
    .calendar-box {
      background: white;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      width: 48%;
      padding: 10px;
    }
    .calendar-box h2 {
      font-size: 1.1em;
      margin-bottom: 10px;
      text-align: center;
    }
    iframe {
      width: 100%;
      height: 600px;
      border: none;
    }

    @media (max-width: 768px) {
      .calendar-box {
        width: 100%;
      }
    }

    .privacy-policy .std-width-ctnr.page-intro {
    display: none;
}


.com-padd:has(nav.breadcrumb-nav-list) {
    padding: 60px 0;
}

.com-padd:has(nav.breadcrumb-nav-list) nav.breadcrumb-nav-list {
    margin-bottom: 60px;
}


.icon-list li {
    padding-left: 27px;
    margin-bottom: 5px;
    background-image: url(https://tribe.coppercupdev3.com/images/user_images/Vector.png);
    background-position: left;
    background-repeat: NO-REPEAT;
    background-size: 19px;
    list-style: none;
}

.icon-list li a{
  text-decoration: none;
}
nav.breadcrumb-nav-list li {
    list-style: none;
}