/**
 * 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');


* {
	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);
}

h2 {
	font: var(--h2);
}

.h3 {
	font: var(--h3);
}

.h4 {
	font: var(--h4);
}

.h5 {
	font: var(--h5);
}

.para {
	font: var(--font-para);
}

.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; */
}

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 {
	flex: 1 0 100%;
	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 {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1.h2,
h2.h1 {
	color: #000000;
		font-weight: 400;
	font-family: var(--font-primary)
}

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: #CE3E12; */
}

h2.h1 {
	margin: 0;
}

h2,
h1.h2 {
		font-weight: 400;	
	/* font-size: 3em; */
	font-family: var(--font-primary)
}

h3 {
	font-weight: 400;
	margin: 0 0 15px;
	font-size: 2.9em;
	font-family: var(--font-primary)
	/* color: #CE3E12; */
}

h4 {
	font-weight: 400;
	font-size: 2.5em;
	font-family: var(--font-primary)
}

h5 {
	font-size: 2em;
	/* color: #CE3E12; */
}

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

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

ol,
ul {
	margin: 0;
	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: grey;
}

@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: #000;
	font-size: 1em;
	/* font-weight: 400; */
	/* font-style: italic; */
	text-decoration: none;
	cursor: pointer;
}
/* ul#admin-nav a {
    color: #fff;
} */

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


/* new ------------------------------------------------------ */


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

.cu-btn.primary-btn {
	background-color: var(--red);
	border-color: var(--red);
	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;
}

.mt-0 {
	margin-top: 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: 11px 0 ;
	position: relative;
	border-bottom: 6px solid var(--blue);
}

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

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

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

.header-block .navbar-collapse ul.navbar-nav {
	column-gap: 44px;
	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;
}

.header-block a.navbar-brand {
	margin-top: -95px;
}

.header-block a.navbar-brand img {
	width: 100%;
	max-width: 111px;
	height: 111px;
	object-fit: contain;
}

.header-block {
	padding: 30px 0;
	background-color: var(--primary-color);
	border-top: 6px solid var(--yellow);
}

/* .nav-level-1 li a{
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
	color: var(--grey);
	padding: 0 !important;
	font-family: var(--seconday-font) !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 0px;
} */

.level-1-item a{
	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============== */

.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);
	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: 856px;
}

.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;
	border: 3px solid #00b3e3;
	padding: 12px 16px;
}

.about-col-right h3 {
	font: var(--h3) !important;
}

.about-main-inner {
	padding: 12px 16px;
	border: 3px solid #fdb81c;
	border-radius: 20px;
}

.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;
}

.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;
}

.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;
}

.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);
	margin: 0;
}

.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;
}

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

.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: var(--seconday-font);
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	text-transform: capitalize;
	color: var(--light-grey);
}

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

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

.event-details h3.event-date {
	font-family: var(--seconday-font);
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0px;
	color: var(--blue);
	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: var(--green);
	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 h3.h3,
.announment-sec-inner h3 {
	margin-bottom: 23px;
	margin-top: 0;
}

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

.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;
    width: 100%;
    height: 100%;
}

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

.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: 100%;
	color: #333333;
	margin-bottom: 15px;
}

.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%;
	list-style: none !important;
}

.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 {
	width: 100% !important;
	height: 520px;
	object-fit: cover;
}
nav.breadcrumb-nav-list {
    display: flex;
    gap: 15px;
    align-items: center;
}

.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;
}

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

.articles-information-links .pdf-grid a.pdf-card {
    padding: 20px 20px 20px 80px;
    border-radius: 15px;
    box-shadow: 0px 2px 24px 0px #00000014;
    background-image: url(./images/pdf.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 15px;
}

.articles-information-links .pdf-grid a.pdf-card img {
	width: 48px;
	aspect-ratio: 1 / 1;
}

.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;
	margin-top: 0 !important;
}

.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;
	margin-top: 0 !important;
}

.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: 0 !important;
}

/* 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;
}

/* 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);
}

/* Action link */
.custom-table td a {
	color: #3b7d2b;
	font-weight: 600;
	text-decoration: none;
}

.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 {
	padding-top: 0px;
}

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

.services-section .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-style: solid;
	color: var(--light-grey);
	margin-bottom: 20px;
}

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

.services-section .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);
}
.vid-back-img{
	background-image: url(./images/our-vision.png);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.back-table{
	background-image: url(./images/Group-1597885995.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}
.inner-main-drop .inner-arrow::after, .inner-main-drop .nav-no-link::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: -17px;
    transform: translateY(-50%);
    top: 50%;
}
/* Privacy Policy sec end here */

/* Responsive text wrap */

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

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

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

@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) {
	: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;
	}
}

@media screen and (max-width: 767px) {
	: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;
	}

	.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;
	}
}

@media screen and (max-width: 575px) {
	: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;
	}
}

@media screen and (max-width: 375px) {
	.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;
	}
}

li.level-1-item.selected a {
    color: #fff;
}
main.fw-main {
    display: flex;
    flex-direction: column;
}

main.fw-main section:nth-of-type(1) {
    order: -1;
}
nav#bread li:last-child span {
    font-weight: 700;
    color: #272727;
}
/* ===============slider============ */
.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;
}
.pb-80{
	padding-bottom: 80px;
}
.trust-board-main p.para a {
    color: #000 !important;
    font-weight: 500;
}

@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;
}
.slide-info h2 {
font-size: 60px !important;
}
button.slick-autoplay-toggle-button {
    left: 200px;

}
}

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


.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;
}

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