/***********************************************
  GLOBAL STYLES
  The colors will be labeled by hue or use,
  so install to install, we can change colors
  in one place, but update the website globally.
  This way all my new standard tokens will just
  update with each install based on the values
  set for the color names I reuse.
************************************************/
:root {
 --h-font: 'Outfit', sans-serif; /*headings; Futura Md Bt requires a license so this is a very close free font like it*/    /*"Quando", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; */
 --p-font: 'Montserrat', Helvetica, Arial, sans-serif;/*'Quando', Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;*/
  
/*You can break a good color palette down into three categories:
Neutrals/Greys (staging)
Text, backgrounds, panels, form controls — almost everything in an interface is grey.*/
  --white: #fff;
  --lightestFade: #ededed40;
  --lightestG: #F5F5F5;
  --fadedG: #E2E2E2d6;
  --lightG: #edeff0; /*#ededed;*/
  --grey: #a6a6a6; 
  --darkG: #2E2D33;
  --darkestG:#1f1f21;
  --black: #000;
/*Primary colors (branding)
Most sites need one, maybe two colors that are used for primary actions, emphasizing navigation elements, etc.
These are the colors that determine the overall look of a site — the ones that make you think of Facebook as "blue", even though it's really mostly grey.*/
  --lightestP: #81bdde; 
  --lightP: #0878B5; /*#1D9FE5; /*hover effects & background to black text*/
  --primary: #124578; /*County Blue - main color*/
  --darkP: #13385c; 
  --darkestP: #0b2947;
/*Accent colors (sidekick/secondary+ colors)
On top of primary colors, every site needs a few accent colors for communicating different things to the user.
For example, you might want to use an eye-grabbing color like yellow, pink, or teal to highlight a new feature.
You might also need colors to emphasize different semantic states, like red for confirming a destructive action or green to highlight a positive trend.*/
  --lightestA: #f5e4e4;/*background to black, primary or accent text*/
  --lightA: #b00005; /*hover effects*/
  --accent: #99171b; /*County Red*/
  --alertA: #B10202; /*Alert red*/
  --darkA: #7a0b0e;
  --darkestA: #5c0507;
/*Video ratios*/
  --ratio: 360 / 640;
/*filter colors for svg icons from Font Awesome 5.15.4*/
  --filterW: filter: invert(1) brightness(0.8);
  --filterP: filter: invert(1) brightness(0.05) sepia(1) hue-rotate(210deg) saturate(10);
  --filterPdark: filter: invert(1) brightness(0.03) sepia(1) hue-rotate(210deg) saturate(10);
  --filterA: invert(1) brightness(0.25) sepia(10) hue-rotate(310deg) saturate(4);
  --filterAdark: invert(1) brightness(0.22) sepia(10) hue-rotate(158deg) saturate(4);
}




body {
 color: #000;
 font-family: var(--p-font);
 font-size: 1rem; /*WCAG 2.1*/
 font-weight: 500; /*400;*/
 letter-spacing: 0.5px; /*0.12rem; /*WCAG 2.1*/
 word-spacing: 0.16rem; /*WCAG 2.1*/
 font-size: 16px;/*base size; all other font sizes are in rem*/
 background-color: var(--white);
}

HEADER {
    background-color: var(--darkP);
    padding-top: 0;
}

/*clear default margins*/
h1, h2, h3, h4, h5, h6, p {
 margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.375;
}
/*color main headings*/
h1, h2 {
    font-family: var(--h-font);
    font-weight: 600;
}
h1 {
    color: var(--primary);
    /*text-transform: uppercase;*/
  	font-size: 2rem;
	margin-bottom: 0.5rem;	}
 	@media (max-width: 999px) {	h1 {	font-size: 1.7rem;	} }
h2 {
    color: var(--accent);
    /*text-transform: capitalize;*/
  	font-size: 1.5rem;
}
h3 {
    color: var(--primary);
    font-family: var(--h-font);
    font-weight: 600;
  	font-size: 1.2rem;
}
/*color sub headings*/
h4 {
  color: var(--darkP);
  font-family: var(--h-font);
  font-weight: 600;
  font-size: 1.1rem;
}
h5 {
  color: var(--darkP);
  font-family: var(--p-font);
  font-weight: 600;
  font-size: 1rem;
  text-transform: none;
}
/*a special style for highlighting*/
h6 {
  color: var(--darkestA);
  font-family: var(--p-font);
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1.5;
  font-size: 1rem;
  border-left: 3px solid var(--accent);
  padding: 0.5rem 1rem;
  background-color: var(--lightestA);	}
  h6 a { color: var(--darkestP); }

i {
  color: var(--accent);
}
p {
    color: var(--black);
    font-family: var(--p-font);
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 500;
    letter-spacing: 0.5px;
 	margin-bottom: 1rem; /* 0.85em; - WCAG 2.1*/
}
strong {
    font-weight: 600; /*default 700 for strong is too bold for this font family*/
}
.inner-content a {
    color: var(--accent);
    font-weight: 600;
  	font-size: 1rem !important;
  	text-decoration: underline;
    font-style: normal;	}
    a:hover { color: var(--darkA); text-decoration: underline; }

hr {
    border-top: 3px dotted var(--lightG); /*border-top: 2px solid var(--lightG);*/
    opacity: 1;
    margin-bottom: 0.85em;
}
#EmergencyAlert p { margin: 0.5rem 0; }

.white-label-text {
    color: #fff !important;
    text-shadow: 1px 1px 5px #000;
}


a.q-cp-live-edit { top: 50px; z-index: 800000; } /*edit button*/
:focus { box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, .0001) !important;   }
::-moz-focus-inner { box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, .0001) !important;   }
p.remove-this { display: none !important; } /*remove notes in the editor left for staff*/
iframe[src*='//www.youtube.com'] {/*creates responsive Youtube videos embeds; new button in editor*/
    width: 100%;
    max-width: 800px;
    height: calc(100vw * var(--ratio));
    max-height: 500px;
    border: none;	}
iframe[src*='//www.vimeo.com'] { /*creates responsive Vimeo videos embeds; new button in editor*/
    width: 100%;
    max-width: 800px;
    height: calc(100vw * var(--ratio));
    max-height: 500px;
    border: none; 	}
iframe[src*='//vid.hellonetcdn.com'] {/*creates responsive Youtube videos embeds; new button in editor*/
    width: 100%;
    max-width: 800px;
    height: calc(100vw * var(--ratio));
    max-height: 500px;
    border: none;	}
iframe[src*='//www.google.com/recaptcha'] {/*prevents captcha iframe from covering the submit button below it*/
    width: 100%;
    max-width: 850px;
    height: 80px;
}
iframe[src*='//cse.google.com'] {/*removes ads that come first in the search results*/
	display: none !important;
}
iframe { width: 100%; border: 2px dotted var(--primary); }/*prevents general embeds from breaking containers*/
iframe[src*='/filestorage'] { width: 100%; max-width: 850px; height: 1200px; border: 2px dotted var(--primary); } /*prevents document embeds [pdfs] from breaking containers*/

/*table {width: 100%;overflow-x:auto;}*/
table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
}
#content {	
  min-height: 80vh;/*pushes the footer down to the bottom on short pages*/	}
  @media (max-width: 999px) {	main#content {	min-height: auto;	} }
  /*#content { min-height: calc(100vh - 200px); }<!--calc total screen height, minus footer min-height-->*/

.shadow { box-shadow: 2px 2px 5px #60606063 !important; /*box-shadow: 2px 2px 15px #6060604d !important;*/ }



/*******************

	Homepage Only

*******************/
#homeOne 	{	padding: 1.5rem 2.5rem;		}
#homeTwo 	{	padding: 1.5rem 2.5rem;		}
#homeThree 	{	padding: 0;		}
#homeFour 	{	padding: 1.5rem;		}

@media (max-width: 991px) {	#homeOne 	{	padding: 1.5rem 2.5rem 0;		} }
@media (max-width: 991px) {	#homeTwo 	{	padding: 0 2.5rem 1.5rem;		} }
@media (max-width: 991px) {	#homeThree 	{	padding: 1.5rem 0;		} }
@media (max-width: 991px) {	#homeFour 	{	padding: 1.5rem;		} }


/*contain rows like wrappers*/
.homepage-content .contained {
  	position: relative;
    max-width: 1600px;
    margin: auto;
    padding: 2rem 0.5rem;
}

/*keeping text areas short*/
.homepage-content .content-wrap {
    max-width: 500px;
    margin: auto;
}
/*homepage buttons*/
.homepage-content a.make-button {
  display: inline-block;
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 600;
  font-family: var(--h-font);
  line-height: 1.2;
  vertical-align: middle;
  text-transform: uppercase;
  background-color: var(--accent);
  text-decoration: none;
  padding: 0.5rem 1rem;
  margin: 0.4rem 0;
  width: auto;/*prevents full-width buttons in tables*/
  border-radius: 50px;	}
  .homepage-content a.make-button:hover {
    background-color: var(--darkA) !important;	  }
/*
  @media (max-width: 699px) {
    .homepage-content a.make-button {	display: block;	 }
  }*/


.home-imgBG {
    position: relative;
    background: var(--grey);
    z-index: 1;
}
h2.block-label {
    color: var(--primary);
    display: block;
    text-transform: uppercase;
    font-family: var(--h-font);
    font-size: 1.3rem;
    font-weight: bold;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding: 2rem 0;
}
h2.block-label a {
    display: inline-block;
    color: var(--accent);
    float: right;
    font-family: var(--h-font);
    text-transform: capitalize;
    font-size: 1rem;
    padding: 0.5rem;
    background: var(--lightestG);
    text-decoration: none;
	text-shadow: none;	}
    h2.block-label a:hover {
        color: var(--primary);
        background: var(--lightestA);
    }

.homepage-content IMG[style*="float: left"] {
    width: auto;
    max-width: 250px;
    display: inline-block;
    float: left;
    border-radius: 2px;
    margin: .5rem 2rem .5rem 0;
    padding: 0;	}
	@media (max-width: 767.98px) { 	.homepage-content IMG[style*="float: left"] {display: block; margin: 2rem auto; float: none !important; max-width: auto;} }
.homepage-content IMG[style*="float: right"] {
    width: auto;
    max-width: 250px;
    display: inline-block;
    float: right;
    border-radius: 2px;
    margin: .5rem 0 .5rem 2rem;
    padding: 0;	}
	@media (max-width: 767.98px) { 	.homepage-content IMG[style*="float: right"] {display: block; margin: 2rem auto; float: none !important; max-width: auto;} }


/*buttons to download app
#LeftContentArea .home-app p>img {	max-width: 250px !important;	} no longer have the app*/
#LeftContentArea .home-app a.make-button {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
    min-height: 220px;
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 600;
    font-family: var(--h-font);
    vertical-align: middle;
    text-transform: uppercase;
    background-color: var(--primary);
    text-decoration: none;
    padding: 1.2rem;
    margin: 0.4rem 0;
    border-radius: 2px;
    flex-direction: row;
}#LeftContentArea .home-app a.make-button:hover {   background-color: var(--darkA) !important; }

.home-app img.showcaseBG {
    display: block;
    float: right;
    position: absolute;
    bottom: 0;
    right: 8%;	}
    @media (max-width: 767.98px) {	#LeftContentArea .home-app img.showcaseBG {display: none !important;} }



/*HOME BG IMG*/
.img-container-fade {
    display: block;
    position: absolute;
    bottom: 0;
    /*background-color: var(--primary);*/
    height: 750px;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: -1;
}
#LeftContentArea img.homeBG-img {
    display: block;
    position: absolute;
    width: 100% !important;
    max-width: 100%;
  	height: 100%;
  	object-fit: cover;
  	/*filter: opacity(0.3);*/
}


/*****************
	MEGA MENU
*****************/
/*both css hover effects and js on-click events are supported to satisfy all users*/ 
/********************
  Main Bar
********************/    
/*main color*/
nav.mega-menu-nav.navbar { 
  background: var(--primary); 
  /*background: linear-gradient(180deg, rgb(0 0 0 / 35%) 0%, rgb(255 255 255 / 0%) 95%, rgba(255,255,255,0) 100%);*/ 
  height: 60px;
  border-radius: 0;
  z-index: 5;	}
  
  /*added to change the background color*/
  nav#navBackground.transparent { /*background: transparent;*/ transition: 500ms ease; }
  nav#navBackground.primary { background: var(--primary); box-shadow: 2px 2px 15px #00000045; transition: 500ms ease; }  
  
/*Welcome Branding*/
a#navBrand {
    position: relative;
    display: block;
    width: 8%;
    /*width: 100px;*/
    height: 60px;
    padding: 0;
    margin: 0;
}
/*added "static" and "onscroll" classes to change the seal size in js*/
a#navBrand.static img.seal-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: block;
    width: 80px;
    height: 80px;
    margin: auto;
    transition: 500ms ease;	}
	@media (max-width: 999px) {	a#navBrand.static img.seal-img { left: 10px; width: 70px; height: 70px;  }	}
  
a#navBrand.onscroll img.seal-img {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0.5rem;
    margin: auto;
    transition: 500ms ease;
}

nav.mega-menu-nav.navbar a.logo-wrapper {
    /*position: absolute; moved to "static" class*/
    top: 0;
  	padding: 0;
  	/*max-width: 140px; moved to "static" class*/	}  

/*styled "CITY of" title*/
nav.mega-menu-nav a.logo-wrapper span.title-lg {
    color: #fff;
    font-family: var(--h-font);
    font-size: 2rem;
    line-height: 2;	}

nav.mega-menu-nav a.logo-wrapper span.title-sm {
    font-family: var(--p-font);
    font-size: 1.3rem;
    font-weight: 400;
    font-style: italic;
    padding: 5px;
    vertical-align: text-top;	}

.mega-menu-nav li.nav-branding a {
    display: inline-block;
    padding: 1rem; /*padding: 1rem 2rem;*/
}
.mega-menu-nav li.nav-branding a img {	margin: 0 0.5rem; }
.mega-menu-nav li.nav-branding a img:nth-of-type(2) {/*only the welcome logo*/
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;	}
    li.nav-branding a img:nth-of-type(2):hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    }
.mega-menu-nav .nav-branding img.seal-img {	width: 100%; padding: 1rem; }
  /*@media (max-width: 1732px) { .mega-menu-nav .nav-branding img.seal-img { max-width: 40px;}  }*/
.mega-menu-nav .nav-branding img.welcome-img {	max-width: 400px;	}

/******************
  MENU CATEGORIES
*******************/
ul.all-categories {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly; /*space-around;*/
    align-items: center;
  	/*margin-right: 5%;*/
}
#navBackground .main-nav .nav-bar-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    color: #ffffff;
    font-family: var(--h-font);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    min-width: 100px;
    height: 60px;
    border-radius: 0;
    padding: 1rem 0.5rem;
    margin: 0;	}
	#navBackground .main-nav .nav-bar-block:hover {  
      color: var(--primary);
      font-weight: 600;
      background-color: var(--white);  }
  	#navBackground .main-nav.show .nav-bar-block {
    color: var(--primary);
    font-weight: 600;
    background-color: var(--white);
    border-radius: 0;
}
  
/*caret icon*/
#navBackground .main-nav a.dropdown-toggle::after {
    content: url(/data/layout/images/caret-down.svg);
    display: block;
    text-align: center;
    line-height: 0;
    font-size: 1.3rem;
    margin: 5px 0 0 5px;
}

/*override Bootstrap default for dropdowns to make a MegaMenu*/
.mega-menu-nav li.main-nav.nav-item.dropdown {	
  position: static;
  /*width: 100%; each li is full width*/	  }

/*remove default Bootstrap carets*/
.mega-menu-nav li.main-nav .dropdown-toggle::after { display: none; }

#navBackground .main-nav .dropdown-menu {
    position: absolute;
    right: 0;
    max-width: 98%;
    margin: 0 0 0 auto; /*aligns the drop pannel to the right*/
    padding: 0;
    background-color: var(--primary);
    border: 0;
  	border-bottom: 3px solid #99171b;
    border-radius: 0;	}
  
/*search icon*/
.main-nav a.nav-bar-block i { color: #ffffff; /*var(--primary);*/ }
  
/***************
  MENU COLUMNS
***************/
/*center and position panel columns*/
#navBackground .all-categories ul.mega-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  	list-style: none;
    padding: 1rem;
    max-height: 600px; /*stop menu from being over loaded and going off screen*/
    overflow: auto;
  	background: #fffffff7;	}
  
/*arrange folders/links in a flex row,vertical list on mobile*/
#navBackground .main-nav ul.mega-menu>li {
    width: 23%;/*33%; creates 3 "columns"*/
    line-height: 1.2;
    text-align: left;
    vertical-align: top;
  	padding: 0 0 1rem 0;	}

/*remove UL style from each column list*/
#navBackground .all-categories ul.mega-menu li ul.mega-menu-sub {
    display: block;
    padding: 0 0 0 0.8rem;
    list-style: none;
}
  
/*List of heading links*/
#navBackground .all-categories ul.mega-menu li>a {
    display: inline-block;
    color: var(--darkP);
    font-family: var(--h-font);
    font-size: 1rem;
    font-weight: 600;
    width: 100%;
    padding: 0.5rem;
    text-decoration: none;	}
  	#navBackground .all-categories ul.mega-menu li>a:hover {
        color: var(--accent);
        background: none;
    }
/*List of sub-heading links*/
#navBackground .all-categories ul.mega-menu li ul.mega-menu-sub li a {
    color: var(--primary);
    font-family: var(--p-font);
  	font-size: 0.9rem;
    font-weight: 600;	}
    #navBackground .all-categories ul.mega-menu li ul.mega-menu-sub li a:hover {
        color: var(--accent);
      	text-decoration: underline;
    }
  
/*SEARCH BAR*/
nav#MainNavSEARCH {
    display: block;
    padding: 1rem 0;
}
#navBackground .gsc-control-cse.gsc-control-cse-en {
    background-color: transparent;
    padding: 0;
}
#navBackground  form.gsc-search-box.gsc-search-box-tools {
    margin: 0;
}
#navBackground table.gsc-search-box {
    border-style: none;
    border-width: 0;
    border-spacing: 0 0;
    width: 100%;
    margin-bottom: 0;
}
#navBackground .search .gsc-input-box {
    height: 38px;
    width: 100%;
    border: 0px;
    border-radius: 0px;
}
#navBackground table.gsc-search-box td.gsc-input {
    padding-right: 0;
}
#navBackground .gsc-control-cse {
    border-color: #fff;
    background-color: #fff;
    border: 0px solid #fff;
}
#navBackground button.gsc-search-button.gsc-search-button-v2 {
    background-color: #99171b;
    border: 0; /*2px solid #99171b;*/
    padding: 0.5rem 1rem;
}
/*REMOVED auto-complete entirely - not helpful on mobile and fucks with the js toggle on desktop*/
table.gsc-completion-container { display: none; }
  
/********
  MOBILE
*********/
.mega-menu-nav button.navbar-toggler {
    margin: 0 0 0 auto;
    background: transparent;
}
.mega-menu-nav .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
}
.mega-menu-nav .navbar-toggler-icon i {
    color: #fff;
    vertical-align: middle;
    font-size: 1.1rem;
    line-height: 1.6;
}
  
/****************************
  		LARGE SCREENS
/****************************/
@media (max-width: 1732px) { .mega-menu-nav .nav-branding img.welcome-img { max-width: 200px;}  }
/*shadow for pannels only on large screens*/
@media (min-width: 1198px) {
    #navBackground .main-nav .dropdown-menu.mouse-over {
        box-shadow: -5px 10px 8px #00000038; }
}
  
/****************************
  		MEDIUM SCREENS
/****************************/
@media (max-width: 1199px) {
nav.mega-menu-nav a.logo-wrapper span.title-lg {
    position: absolute;
    display: block;
    bottom: 2px;
    height: 60px;
    left: 100px;
    color: #fff;
    font-family: var(--h-font);
    font-size: 1.8rem;
    line-height: 2;
}
#navBackground .main-nav .nav-bar-block {
    justify-content: flex-start;
}
#navBackground .all-categories ul.mega-menu {
    display: block;
}
}
/*add on-hover "toggle" effect on desktop to pair with click events*/
@media (min-width: 1199px) {	.mega-menu-nav li.main-nav.nav-item.dropdown:hover > .mouse-over {   display: block;	}	}
@media (max-width: 1199px) {	.mega-menu-nav li.main-nav.nav-item.dropdown { position: relative; width: 100%;}	}
@media (max-width: 1199px) {	.main-nav .dropdown-menu { position: relative; width: 100%; max-width: 100% /*to over-ride large screen setting*/; margin: 0; }	}
@media (max-width: 1199px) { 	#navbarMegaNavDropdown {   background: var(--primary);	}	}
@media (max-width: 1189px) { 	nav.mega-menu-nav.navbar a.logo-wrapper.static {    position: relative !important;	}	}
/*only show name on mobile*/
@media (min-width: 1189px) {	nav.mega-menu-nav a.logo-wrapper span { display: none; }	}
@media (max-width: 1189px) { 	.mega-menu-nav .nav-branding img.seal-img {  max-width: 70px; }	}
@media (max-width: 1024px) { 	#navBackground .main-nav ul.mega-menu>li { width: 100%; }  }

/****************************
  		SMALL SCREENS
/****************************/
/*shadow for menu only on small screens*/
@media (max-width: 999px) {
    ul.navbar-nav {        box-shadow: -5px 10px 8px #00000038;    }
	}
@media (max-width: 767.98px) {
    table.gsc-search-box tbody tr:hover {
        background-color: transparent;
    }
    table.gsc-search-box td {
        /*display: block;*/
        line-height: 1;
        padding: 0;
    }

    table.gsc-search-box tr {
        border-bottom: none;
    }

    table.gsc-search-box td {
        line-height: 1.5;
        padding: 0;
    }
}
@media (max-width: 699px) {     
    nav.mega-menu-nav a.logo-wrapper span.title-lg {
        font-size: 1rem;
        top: 12px;
    }
    section.top-toolbar ul li {
        display: block;
        text-align: center;
    }
}
@media (max-width: 699px) { 
   nav.mega-menu-nav a.logo-wrapper span.title-sm {	font-size: 0.8rem;	}
    }
@media (max-width: 699px) {
   #navBackground .main-nav .nav-bar-block {
        justify-content: left;
        font-size: 1rem;	}
    }
@media (max-width: 699px) { #navBackground .main-nav ul.mega-menu { padding: 0 1rem 1rem; } }





/**************************

	INNERPAGE OVERRIDES

**************************/
#inner-two-col #dupFrom {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
#inner-two-col td.ContentTemp_MainCol {
    display: block;
}
#inner-two-col td.ContentTemp_MainCol table p {
    margin: 0;
}
/*
#dupFrom td.ContentTemp_MainCol {
    display: block;
    width: 100%;
    max-width: 50%;
}
#dupFrom td.ContentTemp_SideCol {
    display: block;
    width: 100%;
    max-width: 50%;
}*/
#inner-two-col #dupFrom td.ContentTemp_MainCol {
    display: block;
    width: 98% !important;
  	padding: 1rem;
	}
    @media (max-width: 1299px) {	#inner-two-col #dupFrom td.ContentTemp_MainCol {display: block; width: 100% !important;	 }	}

#inner-two-col #dupFrom td.ContentTemp_SideCol {
  	vertical-align: top; /*floats top when main content is much longer than the right side*/
    width: 25% !important;
  	padding: 1rem;
	}
    @media (max-width: 1299px) {	#inner-two-col #dupFrom td.ContentTemp_SideCol {display: block; width: 100% !important;	} 	}


/*header text size override*/
#inner-two-col .inner-content h3 {
    font-size: 1.2rem;
}
#inner-two-col .inner-content h5 {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

/*plain text inline style override*/
.inner-content p span {
    /*color: var(--black) !important;*/
  	font-family: var(--p-font) !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    line-height: 1.7 !important;
}
#inner-two-col .inner-content p {
    /*color: var(--black) !important;*/
    font-family: var(--p-font) !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    line-height: 1.7 !important;
}
#inner-two-col .inner-content li span {
    font-family: var(--p-font) !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
}
/*images used
#inner-two-col .inner-content img {
    display: block;
    width: auto !important;
    max-width: 600px;
    float: none !important;
    height: auto;
    margin: 0 0 1rem 0;
}*/



/*********************

	INNERPAGE NEW

*********************/
/*INNERPAGE WRAPPER*/
#inner-two-col {
    display: flex;
    position: relative;
    padding: 2rem;
}
/*sidebar wrapper*/
#inner-two-col aside {
    display: block;
    padding: 1rem;
}
/*content wrapper*/
#inner-two-col .inner-content {
    display: block;
    padding: 1rem;
  	max-width: 1250px;
}
#RightContentArea {
    display: none;
}
/*for agg pages only*/
#inner-two-col #agg-page.inner-content {
    display: block;
    width: 100%;
    max-width: 100%;
}



/*****************
INNER PAGE SIDEBAR
*****************/
/*WRAPPER*/
#AddedNavigationContentArea {
    display: block;
    width: 100%;
    margin: 0;
    color: var(--primary);
    font-family: var(--h-font);
    font-size: 1rem;
    font-weight: 600;
}
#AddedNavigationContentArea .internal-nav {
    border-bottom: 3px solid var(--accent);
}
  
/***SIDEBAR*BOOSTRAP*WRAPPER***/
#AddedNavigationContentArea .branding.container-fluid.p-0 {	    background: var(--accent);	}
#AddedNavigationContentArea .branding button.navbar-toggler {		border: none;	}
#AddedNavigationContentArea .branding button.navbar-toggler {		background-color: transparent !important;	    }
#AddedNavigationContentArea .branding button.navbar-toggler:focus {
	border: 1px dotted var(--lightestG);
	box-shadow: none;
}
/*override Bootstrap*/
.navbar-toggler-icon {
    width: 1rem;
    height: 1rem;
}
/*replace default toggler image so it can be colored and styled*/
#AddedNavigationContentArea .branding span.navbar-toggler-icon::before {
	content: url(/data/layout/images/bars.svg);
	display: inline;
	filter: invert(1);
}
  
/*Inner Nav Section Title*/
#AddedNavigationContentArea h3.sidebar-title {
    display: block;
    width: 100%;
    padding: 0.9rem 1.5rem;
    margin: 0;
    background: var(--accent);
    color: #fff;
    font-family: var(--h-font);
    font-size: 1rem;
    white-space: unset;
}

/***BREADCRUMB***/
.breadcrumb-nav {
    display: block;
    font-size: 1rem;
    position: relative;
    margin: 0;
    padding: 0;
    background: var(--lightestG);
}
/*links and non-links*/
.breadcrumb-nav a.BREADCRUMB_LINK {
    display: block;
    width: 100%;
    color: var(--primary);
    background: var(--lightG);
    font-family: var(--h-font);
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    line-height: 2;
    padding: 0.2rem 1.5rem;
    border: none;
	}
    .breadcrumb-nav a.BREADCRUMB_LINK:hover {
      color: var(--primary);
      background: #dbdbdb; /*var(--grey);*/
  	}
.breadcrumb-nav span.BREADCRUMB_TEXT {
    display: block; /*display: inline-block;*/
    width: 100%;
    color: var(--primary);
    font-family: var(--h-font);
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    line-height: 2;
    padding: 0.2rem 1.5rem;
    border: none;
}
/*remove padding space with empty span*/
.breadcrumb-nav span.BREADCRUMB_TEXT:nth-last-child(2) {
    padding: 0;
}

/*OLD "you are here" in the breadcrumb*/
    span.BREADCRUMB_TEXT:last-of-type {	   	display: none;	    }
  
/*NEW YOU ARE HERE*/
.breadcrumb-nav a.BREADCRUMB_LINK:last-of-type {
    cursor: default;
    color: #fff;
    background: var(--primary);
    }.breadcrumb-nav a.BREADCRUMB_LINK:last-of-type:hover {
        /*cursor: auto;*/
        color: #fff;
        background: var(--darkP);
    }

/********************
  Original Side Nav
*********************/
/*1st level*/
#SubNav ul li {
    padding: 0;
    list-style: none;
}
/*SubNav container*/
.internal-nav ul.mega-menu {
    margin: 0;
    padding: 0;
    background: var(--darkP);
}
  
/*style individual links*/
.internal-nav ul.mega-menu a {
    display: block;
    color: #fff;
    background: var(--darkP);
    font-family: var(--h-font);
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    line-height: 2;
    padding: 0.2rem 1.5rem 0.2rem 2.5rem;
    border: none;	}
    .internal-nav a.mega-menu-link:hover {
        color: #fff;
        background-color: var(--lightP);
      }
  
/*ALL SUB-LINKS*/
#SubNav ul.mega-menu-sub {
    padding: 0;
}
/*2nd level*/
#SubNav ul.mega-menu-sub a.mega-menu-link {
    padding-left: 4rem;
}  
/*3rd level*/
#SubNav ul.mega-menu-sub li a.mega-menu-link {
    background: var(--darkestP);
  	padding-left: 4rem;
	}#SubNav ul.mega-menu-sub li a.mega-menu-link:hover {	background: var(--primary);	}
  



/****************

	BUTTONS

****************/
#inner-two-col a.make-button {
  display: inline-block;
  color: var(--white);
  font-size: 0.9rem;
  font-weight: 600;
  font-family: var(--h-font);
  line-height: 1.2;
  vertical-align: middle;
  text-transform: uppercase;
  background-color: var(--primary);
  text-decoration: none;
  padding: 1rem;
  margin: 0.4rem 0;
  width: auto;/*prevents full-width buttons in tables*/
  border-radius: 2px;	}
  #inner-two-col a.make-button:hover {
    background-color: var(--lightP) !important;
  }/*
#RightContentArea a.make-button {
  display: inline-block;
  color: var(--white);
  font-size: 0.8rem;
  font-weight: 600;
  font-family: var(--h-font);
  line-height: 1.2;
  vertical-align: middle;
  text-transform: uppercase;
  background-color: var(--accent);
  text-decoration: none;
  padding: 1rem;
  margin: 0.4rem 0;
  width: auto;
  border-radius: 2px;	}
  #RightContentArea a.make-button:hover {
    background-color: var(--lightP);
  }*/



/***********************

    GLOBAL IMAGES

***********************/
/*2024 update*/
#inner-two-col img {
    max-width: 100%;
}

/*********************************
 template banner images & titles
**********************************/
#PageBanner {
    margin-top: 45px; /*pushes down the banner image below the floating MegaMenu*/
    border-bottom: 8px solid var(--darkestA);
}
.page-banner-image img {
    width: 100%;
    max-height: 350px;
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
    object-position: 0 60%;
}

.page-banner-caption a {
    position: absolute;
    text-decoration: none;
    bottom: 20px;
    right: 20px;
    color: #fff;
    padding: 10px 15px 5px 10px;
    text-shadow: 0 2px 3px #000;	}
    .page-banner-caption a:hover {
      background-color: #343a40;
      border-radius: 5px;
      }

.page-banner-caption i {
    color: #fff;
    margin: 0 10px;
  }

p.page-slide-description {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    border-radius: 3px;
    background-color: #00000063;
}

.title-BG {  overflow: hidden;  }
#PageTitle {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -7px;
    width: 100%;
}
#PageTitle h1 {
    color: #fff;
    text-align: right;
    font-size: calc(100vw/18);
    font-weight: 700;
    line-height: 0.8;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
  	text-shadow: 0px 2px 8px #000000d1;
    background: rgb(0 0 0 / 78%);
    background: linear-gradient( 0deg, rgb(0 0 0 / 78%) 0%, rgba(255,255,255,0) 100%);
    z-index: 2;
}


/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  #PageTitle {	bottom: -2px;	}
  h2 {
    padding: 0;
    font-size: 1.5rem;	}

  h3 {
    font-size: 1.4rem;
	}

  .banner-image {
    max-height: none;
    overflow: unset;
	}
  .banner-caption {
    display: none;
	}
 }

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  #PageTitle h1 {
    font-size: calc(100vw/15);
  }
}

/*still in use???*/
.banner-style {
    margin: 180px 0 0 0;
    position: relative;
    padding: 0;
    max-height: 540px;
    width: 100%;
    overflow: hidden; }
    @media (max-width: 1000px) {
     .banner-style { margin: 0; }
      }
.banner-style img {
  max-height: 500px;
  width: 100%;
  vertical-align: middle;
  border-style: none;
  object-fit: cover; }


/*****************************
  images pasted via the editor
  into the MAIN LEFT COLUMN
*****************************
  #LeftContentArea img {
    border-radius: 2px;
    width: auto !important;
    max-width: 600px; }
	@media (max-width: 767.98px) {
            #LeftContentArea img {
                display: block;
                float: none !important;
                width: auto !important;
              	height: auto;
                max-width: 100% !important;
                margin: 2rem auto;
                border-radius: 2px;	  }			}*/
  #PhotoWall img { height: 200px !important; }


/*****************************
  images pasted via the editor
  into the MAIN RIGHT COLUMN
******************************
#RightContentArea img {
    width: auto !important;
    height: auto;
    max-height: 350px;
    max-width: 100%;
    margin: 0 0 15px 0;
    border-radius: 2px;
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
}*/

/***********************
  EDITOR ACCESS IMAGES
***********************/
#inner-two-col IMG[style*="float: left"] {
    width: auto;
    max-width: 350px;
    display: inline-block;
    float: left;
    border-radius: 2px;
    margin: .5rem 2rem .5rem 0;
    padding: 0;	}
	@media (max-width: 767.98px) { 	#inner-two-col IMG[style*="float: left"] {display: block; margin: 2rem auto; float: none; max-width: auto;} }

#inner-two-col IMG[style*="float: right"] {
    width: auto;
    max-width: 350px;
    display: inline-block;
    float: right;
    border-radius: 2px;
    margin: .5rem 0 .5rem 2rem;
    padding: 0;	}
	@media (max-width: 767.98px) { 	#inner-two-col IMG[style*="float: right"] {display: block; margin: 2rem auto; float: none; max-width: auto;} }

#inner-two-col IMG[style*="vertical-align: middle"] {
	width: 100% !important;
    max-width: 100%;
    margin: 1.5rem auto;
    display: block;
    border-radius: 2px;	}
	@media (max-width: 767.98px) { 	#inner-two-col IMG[style*="VERTICAL-ALIGN: middle"] {display: block; margin: 2rem auto;} }

#inner-two-col IMG[style*="vertical-align: text-bottom"] {
    max-width: 350px;
    display: block;
    border-radius: 2px;
    margin: .5rem auto;
    padding: 0;	}
	@media (max-width: 767.98px) { 	#inner-two-col IMG[style*="vertical-align: text-bottom"] {display: block; margin: 2rem auto; max-width: auto;} }



/*******************

	UL & OL LISTS

*******************/
ul {
    font-size: 1rem;
}
/*change bullets to custom icon
li::marker {
    color: var(--accent);
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;/*necessary for font awesome to work
    content: '\f0da';
}*/
/*same as p*/
.inner-content li {
    color: var(--black);
    font-family: var(--p-font);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.5px;
}





/*******************

	CALENDARS

*******************/

/*Feeds*/
.wrapper-event a {
    display: block;
    width: 100%;
    padding: 0.4rem 1.5rem;
    margin-bottom: 0.5rem;
    background: #fff;
    /*border: 1px solid var(--lightG);
    border-radius: 50px;*/	}
    .wrapper-event a:hover {
        background: var(--lightG);
      	text-decoration: none;
    }
.wrapper-event span.event-date-time {
    display: inline;
    color: var(--accent);
    font-family: var(--h-font);
    padding-right: 0.6rem;
}
.wrapper-event span.event-details {
    display: inline;
    color: var(--darkG);
    font-family: var(--h-font);
    font-size: 1rem;
    line-height: 2;
    max-height: 50px;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
}






/*******************

	DOCUMENTS

*******************/
/*plain file list override*/
.file-list h2 {
    display: none;
}
.file-list ul.FB_FileListUL {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
/*remove timestamps*/
.file-list ul.FB_FileListUL span {
    display: none;
}
.file-list ul.FB_FileListUL li {
    display: block;
    width: 100%;
    padding: 0 0 0.4rem;
}
.FB_Footer {
    display: none;
}




/*UNTESTED*/
.file-listing {
    display: block;
    width: 100%;
}
/*remove generated list title*/
.file-listing h2 {
    display: none;
}
/*make columns & remove list style*/
.file-listing ul {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 2;
    column-width: 400px;
}
/*size each row/li & position container div so file icons can appear inside the a-tag*/
.file-listing ul li {
    display: inline-block;
    position: relative;
    color: var(--darkG);
    width: 100%;
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: 0.5rem;
    background-color: var(--lightestFade);
    padding: 0.5rem 0.6rem 0.5rem 2rem;
    border: 2px solid var(--lightestG);
}
/*
.file-listing ul li {
  	color: var(--grey);/*document descriptions
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 0.5rem;
}*/
/*general style for all text*/
ul.FB_FileListUL li div {
    display: block;
    color: var(--darkG);
    padding: 0 0 0 0.2rem;
}
/*override content area image settings*/
#LeftContentArea .file-listing ul.FB_FileListUL li img {
    position: absolute;
    top: calc(42% - 9px);
    left: 0.3rem; /*0.7rem;*/
    margin: 0;
}
#LeftContentArea .file-listing img {
    display: inline-block;
    margin: 0;
    padding: 5px;
}
/*style each link*/
.file-listing ul li a {
    display: inline-block;
    color: var(--darkP);
    word-break: break-all;/*break long titles*/
    font-size: 0.9rem; /*1rem;*/
    font-weight: 600; /*400;*/
    text-decoration: none;
    width: calc(100% - 25px);
    vertical-align: middle;
    padding: 0; /*0.5rem 0.6rem 0.5rem 2rem;*/
    /*background-color: var(--lightestFade);*/
    /*border: 2px solid var(--lightestG);*/	}
    .file-listing ul li a:hover {
        color: var(--accent);
        /*background-color: var(--lightestG);
        border: 2px solid var(--lightG);*/
    }
	/*download icon on the actual download link/a*/
    .file-listing ul li a::after {
      	content: url(/data/layout/images/download.svg);
      	filter: var(--filterPdark);
        display: inline-block;
        padding: 0 5px;
        width: 20px;	    }

/*put the date stamp on it's one line*/
.file-listing ul li span {
    display: none; 
}

/*style drop-down menus*/
.file-listing .RadAjaxPanel select {
    color: var(--white);
    font-family: var(--p-font);
    font-size: 1rem;
    font-weight: 400;
    background-color: var(--primary);
    border: 2px solid #fff;
    padding: 0.3rem;
}
/*style time zone declaration*/
.file-listing .FB_Footer {
  	display: none; /*removed since migration makes post dates confusing*/
    color: var(--darkA);
    font-family: var(--p-font);
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.5;
}




/*******************

	TABLES

*******************/
/*GENERIC TABLES*/
#LeftContentArea table.table-borderless {
    width: 100%;
    border-collapse: collapse;
	overflow-x:auto;
}
/*table headder categories*/
#LeftContentArea table.table-borderless thead th {
    color: #fff;
    font-family: var(--h-font);
    font-size: 0.8rem;
    font-weight: 600 !important;
    /* text-transform: uppercase; */
    background-color: var(--darkP);
    padding: 0.5rem 1rem;/*padding: 0.8rem 0.5rem;*/
}
/* Zebra striping */
#LeftContentArea table.table-borderless tbody tr:nth-of-type(odd) { 
  	background-color: #fff; 
}
#LeftContentArea table.table-borderless tbody tr {
    background-color: var(--lightestFade);
    border-bottom: 5px solid #fff;	}
    #LeftContentArea table.table-borderless tbody tr:hover {
        background-color: var(--lightestG);
    }
#LeftContentArea table.table-borderless tbody tr td {
    padding: 1rem;/*padding: 0.5rem;*/
}

/*BOOTSTRAP 4 SEARCH TABLE*/
table.table tbody tr:hover {
    background-color: var(--lightestG);
}
table a {
    /* display: inline-block; */
    text-decoration: underline; /*none;*/
    color: var(--primary);
    width: 100%;	}
    table a:hover {
        color: var(--accent);
      	text-decoration: none;
		background-color: transparent !important; }

/*force generated search table to not break containers*/
.bootstrap-table.bootstrap4 {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    overflow-x: auto;
}

/*override js injected style "th-inner"*/
.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: 0;
    vertical-align: middle;
}

/*search feature*/
.bootstrap-table span.loading-wrap {
    display: none;
}
.bootstrap-table .table-bordered {
    border: 1px solid transparent;
}
.bootstrap-table .search {
    width: 100%;
    max-width: 500px;
    float: right !important;
    margin-bottom: 1rem;
}

/*pagination controls*/
#LeftContentArea ul.pagination li {/*over-rides ul settings for content area*/
    padding: 0;
}
#LeftContentArea ul.pagination a {
    color: var(--primary);	}
    #LeftContentArea ul.pagination a:hover {
        color: #fff; 
		background-color: var(--primary); 
		border: 1px solid var(--primary);	}

#LeftContentArea ul.pagination .active .page-link {
    color: #FFF;
    background-color: var(--primary);
    border: 1px solid var(--primary);
}
#LeftContentArea .page-list button {
	color: #fff;
    background-color: var(--primary);	}
    .page-list button:hover {
        color: var(--primary);
        background-color: var(--grey);	}

#LeftContentArea .page-list button.btn.btn-secondary.dropdown-toggle {
    color: var(--primary);
    background-color: var(--lightestG);
    border-color: var(--grey);
}
#LeftContentArea .page-list a.dropdown-item {
    color: var(--primary);	}
    .page-list a.dropdown-item:hover {
        color: var(--primary);
        background-color: var(--grey);
    }
#LeftContentArea .page-list a.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary);
}


/****************

	RSS FEEDS

****************/
/*WHEN DATE IS INCLUDED*/
.NEWS_FEED_DISPLAY_ROW_TITLE {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start; /*align-items: center;*/
    /*margin-bottom: 0.5rem;*/
}
span.NEWS_FEED_DISPLAY_TITLE {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    line-height: 2;
    max-height: 50px;
    overflow: hidden;
    padding: 0.6rem 1rem;
    width: 100%;
    max-width: 115px;
    background-color: var(--darkG);
}
/*News feed link title icons
a.NEWS_FEED_DISPLAY_LINK_TITLE::before {
    content: url(/data/layout/images/newspaper.svg) / "news icon";
    display: inline-block;
  	width: 30px;
  	padding-right: 0.3rem;
    vertical-align: middle;
    line-height: 1;	}
    /*if using a free icon:
    a.NEWS_FEED_DISPLAY_LINK_TITLE::before {
        content: "\f1ea";
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        font-size: 1.3rem;
        width: 30px;
        padding-right: 0.3rem;
        vertical-align: middle;
        line-height: 1;
    }*/
/*News feed link titles
.NEWS_FEED_DISPLAY_ROW_TITLE a.NEWS_FEED_DISPLAY_LINK_TITLE {
    display: inline-block;
    font-family: var(--h-font);
    font-size: 1rem;
    line-height: 2;
    max-height: 50px;
    overflow: hidden;
    padding: 0.6rem 1rem 0.6rem 0;
    text-decoration: none;
    width: 100%;
    border-bottom: 2px dotted var(--lightG);
    background-color: transparent;	}
    #LeftContentArea .NEWS_FEED_DISPLAY_ROW_TITLE a.NEWS_FEED_DISPLAY_LINK_TITLE:hover {
      	color: var(--darkP);
        background-color: var(--lightestFade);
    }*/
#inner-two-col .NEWS_FEED_DISPLAY_ROW_TITLE a.NEWS_FEED_DISPLAY_LINK_TITLE {
    display: block;
    color: var(--primary);
    font-family: var(--h-font);
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem;
    margin: 0.5rem 0;
    text-decoration: none;
    width: 100%;
    /* border-bottom: 2px dotted var(--lightG); */
    background-color: var(--lightestG);
	}
	#inner-two-col .NEWS_FEED_DISPLAY_ROW_TITLE a.NEWS_FEED_DISPLAY_LINK_TITLE:hover {	  color: var(--accent); }

/*archives button link*/
a.NEWS_FEED_DISPLAY_LINK_ARCHIVE {
    display: inline-block;
    color: var(--white);
    font-size: 0.8rem;
    font-weight: 600;
    font-family: var(--h-font);
    text-transform: uppercase;
    background-color: var(--darkP);
    text-decoration: none;
    padding: 0.5rem 1rem;
    margin: 0.4rem 0;
  	width: auto;
    /*border-radius: 50px;*/	}
    #LeftContentArea a.NEWS_FEED_DISPLAY_LINK_ARCHIVE:hover {
      color: #fff;
      background-color: var(--darkA);
    }

/*once clicked, individual article/feed item title*/
span.NEWS_FEED_DISPLAY_DETAILS_TITLE {
  	/*display: none; it will not display if the customer doesn't want it - they often only want it in the feed but not in the article itself*/
    display: block;
    color: var(--primary);
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: 2px dotted;
    margin-bottom: 1rem;
}

/*when viewing archives: title*/
.NEWS_FEED_DISPLAY_ROW_HEADER .NEWS_FEED_DISPLAY_ROW_HEADER_TEXT {
    display: inline-block;
    font-family: var(--h-font);
    font-size: 1.3rem;
    font-weight: bold;
    margin: 1rem 0 0 0;
}
/*when a doccument is embedded, make it responsive*/
.NEWS_FEED_DISPLAY_DETAILS_BODY_TEXT object {
    display: block;
    width: 100%;
    margin: auto;
}


/*************

   QNotify

*************/
/*match default text to page text*/
.subscription-lists {
    font-family: var(--p-font);
    font-size: 1rem;
}

.qnotify-table {
  color: var(--black);
}
/*style email text*/
.qnotify-table span.FORM_LABEL_TEXT {
  color: var(--primary);
  font-weight: 600;
}
/*style the signup list options*/
table#email-list-checkbox-list span label {
    display: inline-block;
    padding: 0 0 0 0.5rem;
}

/*style the button*/
.qnotify-table td [type=submit] {
    color: #fff;
  	font-family: var(--h-font);
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--primary);
    padding: 0.5rem 1rem;
    border: none;
    /*border-radius: 3px;*/	}
    .qnotify-table td [type=submit]:hover {
        color: #fff;
        background-color: var(--darkP);
    }

/*submit buttons*/
#LeftContentArea [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    color: var(--white);
    font-size: 0.9rem;
    font-weight: 600;
    font-family: var(--h-font);
    text-transform: uppercase;
    background-color: var(--accent);
    text-decoration: none;
    padding: 0.4rem 1rem;
    margin: 0;
    border-radius: 1px;
    border: none;	}
	#LeftContentArea [type=button], [type=reset], [type=submit]:hover {
    	background-color: var(--darkA);
	}


/*****************

   Webforms

*****************/
/*move labels right for checkboxes and radio buttons*/
label.uc-label-inner {
    padding-left: 0.5rem;
}
/*style the submit button*/
.uc-form-container [type=submit] {
    color: #fff;
    font-size: 1rem;
    font-family: var(--h-font);
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--accent);
    padding: 0.5rem 1rem 0.4rem;
    margin: 0.9rem 0.9rem 0.9rem 0;
    border: none;
    border-radius: 1px;	}
    .uc-form-container [type=submit]:hover {
        color: #fff;
        background-color: var(--darkA);
    }

/*OPTIONAL COLUMNS*/
.uc-form-container .uc-page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.uc-form-container .uc-item input[type=checkbox], input[type=radio] {
    max-width: 10px;
    box-sizing: border-box;
    padding: 0;
}
/*H2 headers*/
.uc-form-container .uc-item:has(h2.uc-header) {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0;
    border-bottom: 2px dotted var(--lightG);
	}
    .uc-form-container .uc-item:has(h2.uc-header):hover {
        background-color: transparent;
    }
.uc-form-container h2.uc-header {
    color: var(--primary);
    font-size: 1.3rem;
}
/*same as p*/
.uc-form-container .uc-item {
    width: 100%;
    max-width: 500px;
    padding: 1rem;
    margin: 0 0 1rem 0;
    color: #000;
    font-family: var(--p-font);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.5px;
    /*margin-bottom: 1rem;*/
    /*border: 2px solid var(--lightestG);*/	}
    .uc-form-container .uc-item:hover {
        background-color: var(--lightestFade);
    }
.uc-form-container .uc-item label.uc-label {
    width: 100%;
}
.uc-form-container .uc-item input, textarea.uc {
    width: 100% !important;
    padding: 0.5rem;
    border: 3px solid var(--lightG);
}
.uc-form-container .uc-item select.uc {
    width: 100% !important;
    padding: 0.5rem;
    border: 3px solid var(--lightG);
}
/*CMS default override*/
.uc-description {
    display: block;
    padding: 0;
    opacity: 1 !important;
    color: var(--lightP);
    font-weight: 600;
}

/********************

    FOOTER

********************/
footer {
  background-color: var(--primary);
  padding: 2rem 0;
}

/*LEFT CONTAINER*/
.footer-logo {
    text-align: center;
}
.footer-logo img {
    width: 100%;
    max-width: 150px;
}
.footer-logo p {
    font-family: var(--h-font);
    font-size: 0.9rem;
    font-weight: 600;
}

  
/*Footer Headings*/
footer h5 {
    display: block;
    color: var(--white);
    text-align: left;
    font-size: 1rem;
    padding: 0 1rem;	}
    @media (max-width: 999px) {  footer h5 {  text-align: center;  }  } 
  
/*Footer Text*/
footer p {
    display: block;
    color: #fff;
    font-family: var(--h-font);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 0 1rem;	}
    @media (max-width: 999px) {  footer p {  text-align: center;  }  }

/*copyright text*/
p.legal-line {
    font-size: 0.9rem;
}
  
/*Footer Links*/
footer a {
    color: var(--white);
    text-decoration: none;
    font-weight: bold;	}
    footer a:hover {
        color: var(--accent);
      	text-decoration: underline;
    }
  
/*Footer Containers*/
footer .footer-container {
    width: 100%;
    max-width: 600px;
	min-height: 140px;	}
    @media (max-width: 999px) {  
      footer .footer-container {
          text-align: center;
          width: 100%;
          max-width: 100%;
      }  
    } 
footer .footer-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;	}
	@media (max-width: 991px) {  footer .footer-details { display: block; }  }

footer a.make-button {
    display: inline-flex;
    color: #fff;
    padding: 5px 20px;
    border-radius: 2px;
    font-family: var(--h-font);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    background: var(--accent);
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;	}
    a.make-button img {
        width: 100%;
        max-width: 15px;
        display: inline-block;
        margin: 0px 5px;
      	vertical-align: text-bottom;
        filter: invert(1);
    }
    footer a.make-button:hover {
        background: var(--darkA);
    }

/*Added Social Icons*/
.social-media a img {
	display: inline-block;
    max-width: 50px !important;
    padding: 10px;
    margin: 0;
    filter: var(--filterA);
    border-radius: 1px;	  }
    .social-media a img:hover {	filter: var(--filterAdark);	      }
  	@media (max-width: 999px) { .social-media { text-align: center; } }
  


/******************

	Scroll Bar

******************/
/*- WIDTH - the background of the bar itself. It is usually covered by the other elements*/
::-webkit-scrollbar {
  width: 10px;
}

/*addresses the directional buttons on the scrollbar
::-webkit-scrollbar-button {}
*/

/*- TRACK - the empty space “below” the progress bar*/
::-webkit-scrollbar-track  {
  background: var(--lightestFade);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/*the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb)
body::-webkit-scrollbar-track-piece {}
*/

/* - HANDLE - the draggable scrolling element that resizes depending on the size of the scrollable element*/
::-webkit-scrollbar-thumb {
  background-color: var(--grey);
  outline: 0;
  border-radius: 2px;	}
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
  }

/*usually bottom corner of the scrollable element, where two scrollbars might meet
::-webkit-scrollbar-corner {}
*/

/*the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements
::-webkit-resizer {}
*/