/*
Theme Name: HTDC - State of Hawaii - Child (Block Editor)
Author: Tyler Technologies
Author URI:
Description: Child template for the State of Hawaii Government websites. - custom for HTDC
Template: soh_tyler_block_editor_template_parent
Version: 1.0.0.3
*/
@import url("../soh_tyler_block_editor_template_parent/style.css");
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Oswald:wght@300;400;500;600;700&display=swap');

:root {
  --font-primary: 'Inter Tight', sans-serif;
  --font-secondary: 'Oswald', sans-serif;

  --color-primary: #389dbe;
  --color-primary-darker: #267E9C; /* AA color pass for white background */
  --color-primary-dark: #085067;
  --color-primary-light: #9dd2e3;
  --color-primary-extra-light: #d0ecf5;
  --color-secondary: #a03210;
  --color-secondary-dark: #571400;
  --color-secondary-light: #e89d86;
  --color-secondary-extra-light: #f4dcd4;
  --color-background-dark: #2b2b2b;
  --color-background-dark-rgb: 43, 43, 43;
  --color-background-darker: var(--color-primary-dark);

  --color-darkgray: #3E3E3E;
  --text-dark: #2B2B2B;
  --text-light: #f8f8f8;
  --color-gray: #C9C9C9;
  --color-background-gray: #323232;

/* Event calendar root overwrite */
	--tec-color-text-primary: var(--text-light);
	--tec-color-text-secondary: var(--text-darkgray);
	--tec-color-text-events-bar-submit-button: var(--text-dark);
	--tec-color-background-events-bar-submit-button:  var(--color-primary-light);
	--tec-color-background-events-bar-submit-button-hover: var(--color-primary);
	--tec-color-text-events-bar-input: var(--text-dark);
	--tec-color-background-view-selector: var(--color-white);
	--tec-color-background: var(--color-primary-light);
	--tec-color-accent-primary: var(--color-primary);
	--tec-color-text-event-title:  var(--text-light);
	--tec-color-button-primary: var(--text-darkgray);
	--tec-color-text-secondary-event-date: var(--color-primary-light);
	--tec-color-accent-secondary : var(--color-white);
	--tec-font-family-sans-serif: var(--font-primary);
	--tec-color-link-accent: var(--color-primary-light);
	--tec-color-link-accent-hover: var(--color-primary-light);
	--tec-color-background-events-bar-submit-button-active: var(--color-primary);
	--tec-color-background-primary-multiday: #0000003d;
	--tec-color-background-primary-multiday-hover: var(--color-primary-darker): 
	--tec-font-size-0: 0.9rem;
	--tec-font-size-2: 1rem;
	--tec-font-size-3: 1.125rem;
	--tec-spacer-4 :10px;
}

html {
	background-color: var(--color-darkgray);
}

body, main {
	background-color: var(--color-darkgray);
	color: var(--text-light);
}

.wp-block-quote {
	background: url(./assets/images/blockquote.png) no-repeat top left;
}

.wp-block-table thead, .wp-block-table tbody td, .wp-block-table tfoot {
    border-color: #666;
}
.wp-block-table tbody tr:last-child {
    border-bottom: 1px solid #666;
}
#header-top {
    background: url(./assets/images/bg-dark-wave.png) repeat;
    color: var(--color-white);
}

#header {
    background: url(./assets/images/bg-dark-boxes.png) repeat;
}

#nav_main {
    background: none;
}

a{
	color: var(--color-primary-light);
}
a:hover{
	color: var(--color-primary-light);
}

.color-secondary-light {
	color: var(--color-secondary-light);
}

#container_htdc_main > h2 {
	margin-top:0;
}

.search-form {
	border-color: var(--color-gray);
}

.search-submit {
	padding: 0.15em 0.5em;
}
.search-form ::placeholder {
	color: var(--color-darkgray);
}

.search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--color-darkgray);
}

.search-form ::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--color-darkgray);
}

.form-control, .form-control.search-field:focus {
	border-radius: 0;
}

.custom-logo-link img{
	max-width: 150px
}

.custom-logo-link {
	display: block
}

#header-top .m-2 {
	margin-top: 0.25rem!important;
	margin-bottom: 0.25rem!important;
}

#ty-mega-menu-wrap-primary {
	font-family: var(--font-secondary);
	font-size: 1.125rem;
}

#ty-mega-menu-wrap-primary #ty-mega-menu-primary {
	text-align: right;
}

#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item.ty-mega-current-menu-item>.ty-mega-menu-link, #ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item.ty-mega-current-menu-ancestor>.ty-mega-menu-link, #ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item.ty-mega-current-page-ancestor>.ty-mega-menu-link {
    background: transparent;
    border-bottom: 2px solid ;
    border-color: var(--color-primary);
    color: var(--color-primary-light);
}

.ty-mega-menu-link {
	font-size: 1.125rem;
}

#ty-mega-menu-wrap-primary>#ty-mega-menu-primary>.ty-mega-menu-item>.ty-mega-sub-menu>.ty-mega-menu-item>.ty-mega-menu-subtitle {
	font-size: 1.125rem;
}

#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-flyout ul.ty-mega-sub-menu li.ty-mega-menu-item .ty-mega-menu-link,
#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu>li.ty-mega-menu-item li.ty-mega-menu-item>.ty-mega-menu-link {
	font-weight: 300;
	font-family: var(--font-primary);
}

#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu>li.ty-mega-menu-item li.ty-mega-menu-item>.ty-mega-menu-link {
	font-family: var(--font-primary);
	font-size: 1.125rem;
	padding-bottom: 0.5em;
}


#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item>button.ty-mega-menu-link,
#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item>a.ty-mega-menu-link,
#ty-mega-menu-wrap-primary>#ty-mega-menu-primary>.ty-mega-menu-item>.ty-mega-sub-menu>.ty-mega-menu-item>.ty-mega-menu-subtitle,
#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu>li.ty-mega-menu-item>.ty-mega-menu-link {
	text-transform: uppercase;
}

#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu>li.ty-mega-menu-item>.ty-mega-menu-link, #ty-mega-menu-wrap-primary>#ty-mega-menu-primary>.ty-mega-menu-item>.ty-mega-sub-menu>.ty-mega-menu-item>.ty-mega-menu-subtitle {
	font-weight: 400;
}
	#ty-mega-menu-wrap-primary>#ty-mega-menu-primary>.ty-mega-menu-item>.ty-mega-sub-menu>.ty-mega-menu-item>.ty-mega-menu-subtitle,
#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu>li.ty-mega-menu-item>.ty-mega-menu-link {
    	margin-bottom: 0.5rem;
    }


@media (min-width: 768px){
	#ty-mega-menu-wrap-primary>#ty-mega-menu-primary>.ty-mega-menu-item>.ty-mega-sub-menu>.ty-mega-menu-item>.ty-mega-menu-subtitle,
#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu>li.ty-mega-menu-item>.ty-mega-menu-link {
    	border-bottom: 2px solid rgba(255, 255, 255, 0.25);
    }

	#ty-mega-menu-wrap-primary #ty-mega-menu-primary li.ty-mega-menu-item.ty-mega-toggle-on>ul.ty-mega-sub-menu, #ty-mega-menu-wrap-primary #ty-mega-menu-primary.ty-mega-no-js li.ty-mega-menu-item:focus>ul.ty-mega-sub-menu, #ty-mega-menu-wrap-primary #ty-mega-menu-primary.ty-mega-no-js li.ty-mega-menu-item:hover>ul.ty-mega-sub-menu
	 {
		background: url(./assets/images/bg-dark-boxes.png) repeat;
	}
	#ty-mega-menu-wrap-primary.ty-mega-keyboard-navigation>li.ty-mega-menu-item>.ty-mega-menu-link:focus,
	#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item.ty-mega-toggle-on>.ty-mega-menu-link,
	#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item>.ty-mega-menu-link:hover,
	#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item>button.ty-mega-menu-link:hover {
		background: transparent;
		color: var(--color-primary-light);
		border-bottom: 2px solid var(--color-primary);
	}
	#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item>a.ty-mega-menu-link {
    	border-bottom: 2px solid transparent;
	}
	#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-item>button.ty-mega-menu-link {
    	height: 42px;
    	border-bottom: 2px solid transparent;
	}
}

#crumbs {
	text-transform:uppercase;
	font-family: var(--font-secondary);
	font-size: 1rem;
}

#crumbs a {
	font-weight: 400;
	text-decoration: underline  !important;
}
#crumbs a:hover {
	text-decoration: none  !important;
}

#container_decorator, #container_no-decorator {
    box-shadow: none;
    padding-bottom: 2em;
    color: var(--color-white);
}

#container_decorator a, #container_no-decorator a {
    color: var(--color-white);
}

#container_decorator, #container_no-decorator {
    background: url(./assets/images/bg-red-boxes.png) repeat;
}

#container_decorator .container, #container_no-decorator .container {
    padding-top: 2em;
}

.alert-message {
	color:var(--color-secondary-light);
}

#showResult.btn-prim, #showResultwPostsSet.btn-prim {
	padding: 0.3em 1em;
}

.archive-box .published-date {
    font-family: var(--font-primary);
    font-weight: 400;
}

.form-select{
	border-radius: 0;
}

.sub-section {
	margin: 0;
	border: none;
	padding: 0
}

.category-list {
	margin-left: 1rem;
    padding-left: 1.2rem;
    border-left: 1px solid #fff;
    display: inline;
    text-transform: uppercase;
	font-size: 1rem;
}

.published-date {
	letter-spacing:0;
	margin-bottom: 0.5rem;
	font-size: 1rem;
}

#container_main {
    margin-top: 0;
    background-color: transparent;
    box-shadow: none;
    min-height: 27em;
}

.container_dec_wrap, .tribe-common div.container_dec_wrap{
	padding: calc(2 * var(--spacing-unit)) calc(1 * var(--spacing-unit)) 0;
}

.tribe-common div.container-htdc, .tribe-common div.container_decorator {
	 margin: 0 auto;
}

#container_main_no-decorator {
	background-color: transparent
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .site-title{
	font-weight: 500;
}

h1::after{
	content: "";
    display: block;
    width: 250px;
    padding-top: 10px;
    border-bottom: 3px solid rgba(255,255,255,0.25);
}

.home h1, .home h2, .home h3, .home h4, .home h5{
	font-weight: 300;
}


#nav_main.fixed-top {
	background-color: #1b1b1b;
}

.container-htdc {
	margin: auto;
}

#container_sub {
    background-color: var(--color-background-dark);
}
#container_submain {
    position: relative;
    min-height: 350px;
    padding: calc(2* var(--spacing-unit)) calc(1* var(--spacing-unit));
}

#siteAlertContainer {
	background-color: var(--color-background-dark);
}

@media (min-width: 576px) {
	.container-htdc {
		max-width: 840px;
	}
}

@media (min-width: 768px) {
	.header-content {
    	padding: 2em 0;
	}
	#ty-mega-menu-wrap-primary #ty-mega-menu-primary>li.ty-mega-menu-megamenu>ul.ty-mega-sub-menu li.ty-mega-menu-columns-1-of-4 {
	    width: 50%;
	}
	#container_submain {
	    padding: calc(3* var(--spacing-unit)) calc(5* var(--spacing-unit)) calc(4* var(--spacing-unit));
	}
	.custom-logo-link{
		margin-left: 1rem;
	}
	.custom-logo-link img{
		max-width: 175px;
	}
	body, main {
		font-size: 1.125rem;
	}
	.container_dec_wrap, .tribe-common div.container_dec_wrap{
		padding: calc(3 * var(--spacing-unit)) calc(5 * var(--spacing-unit)) 0;
	}
	#header{
		position: relative
	}
	.container-htdc {
		max-width: 1020px;
	}
}

@media (min-width: 992px) {
	.container-htdc {
		max-width: 1260px
	}
	.custom-logo-link img{
		max-width: 200px;
	}
}

@media (min-width: 1200px) {
	#container_main, #container_submain {
	    padding: calc(3 * var(--spacing-unit)) calc(15 * var(--spacing-unit)) calc(3 * var(--spacing-unit));
	    position: relative;
	    overflow: hidden;
	    min-height: 32em;
	}
	.container_dec_wrap, .tribe-common div.container_dec_wrap{
	    padding: calc(3 * var(--spacing-unit)) calc(15 * var(--spacing-unit)) 0;
	    position: relative;
	}
	#container_main_before{
	    background: url(./assets/images/bg_top_blue.svg) no-repeat;
	    width: 344px;
	    height: 340px;
	    position: absolute;
	    right: -140px;
	    margin-top: 0;
	}

	#container_main_after {
	    background: url(./assets/images/bg_bottom_blue.svg) no-repeat;
	    width: 344px;
	    height: 267px;
	    position: absolute;
	    left: -140px;
	    bottom: 3rem;
	}
	#container_main_after.darkerbox{
	    background: url(./assets/images/bg_bottom_blue-dark.svg) no-repeat;
	}

	.single.single-post #container_main_before {
	    background: url(./assets/images/bg_top_red.svg) no-repeat;
	}

	.single.single-post #container_main_after {
	    background: url(./assets/images/bg_bottom_red.svg) no-repeat;
	}
	.container-htdc {
		max-width: 1440px
	}
}
@media (min-width: 1400px) {
	#container_main, #container_submain {
	    padding: calc(3 * var(--spacing-unit)) calc(16 * var(--spacing-unit)) calc(3 * var(--spacing-unit));
	    position: relative;
	}
	.container_dec_wrap, .tribe-common div.container_dec_wrap{
	    padding: calc(3 * var(--spacing-unit)) calc(16 * var(--spacing-unit)) 1em;
	    position: relative;
	}
	#container_main_before{
	    right: -125px;
	}

	#container_main_after {
	    left: -125px;
	}
	.container_main_wrap {
	    padding: 0 1em;
	}
	.container-htdc {
		max-width: 1620px;
	}
}
@media (min-width: 1600px) {
	#container_main, #container_submain {
	    padding: calc(3 * var(--spacing-unit)) calc(20 * var(--spacing-unit)) calc(3 * var(--spacing-unit));
	    position: relative;
	}
	.container_dec_wrap, .tribe-common div.container_dec_wrap{
	    padding: calc(3 * var(--spacing-unit)) calc(20 * var(--spacing-unit)) 1em;
	    position: relative;
	}
	#container_main_before{
	    right: -70px;
	}

	#container_main_after {
	    left: -70px;
	}
	.container-htdc {
		max-width: 1620px;
	}
}

.home h2 {
	text-transform: uppercase;
}

.home h2::after{
	content: "";
    display: block;
    width: 250px;
    padding-top: 10px;
    border-bottom: 3px solid rgba(255,255,255,0.25);
}

.wp-element-button,
.wp-block-buttons a,
.wp-block-button__link,
.btn-prim,
.btn-sec,
.gform_footer .gform_button,
.wp-element-button {
	background-color: var(--color-primary-light);
    color: var(--color-darkgray);
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 1.125rem;
    padding: 0.3em 1.5em
}

.wp-block-buttons a:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.btn-prim:hover,
.gform_footer .gform_button:hover {
    background-color: var(--color-primary);
    color: var(--text-dark);
}

.btn.btn-prim:active{
    background-color: var(--color-primary);
    color: var(--text-dark);
}

.wp-block-button.btn-sec .wp-element-button,
.wp-block-button.btn-sec .wp-block-button__link,
.btn-sec {
  color: var(--color-white);
  background-color: var(--color-secondary);
}

.wp-block-button.btn-sec .wp-element-button:hover,
.wp-block-button.btn-sec .wp-block-button__link:hover,
.btn-sec:hover,
.btn.btn-sec:active{
  background-color: var(--color-secondary-dark);
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
	color: var(--color-primary-light);
	padding: 0.3em 1.38em;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover, .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--color-primary-light);
	color:var(--color-darkgray);
	border-color:var(--color-primary-light);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--color-background-gray);
}

#header-top .btn-prim, .stateAlertToggle.btn-sec {
	font-size: 0.9rem;
	padding: 0.4em 1.5em;
}

#stateAlertContainer {
	background-color: var(--color-secondary);
}

#htdc_home_hero {
    position: relative;
}

#htdc_home_hero-image {
    position: absolute;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#htdc_home_hero, #htdc_home_hero-image {
    height: 100%;
    min-height: 300px;
    min-width: 100%;
    padding-bottom: 2rem;
}

#htdc_home_hero h2 {
	margin: 0;
	color: var(--color-secondary-light);
	line-height: 1;
	margin-bottom: 0.5rem;
}

#htdc_home_hero-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.9) 100%);
}

#htdc_home_hero-content {
	padding-top: 2rem;
    position: relative;
    z-index: 2;
}

#htdc_home_feature {
	margin: 3rem auto;
}

#home_highlight, #home_event{
	display: flex;
}

#home_highlight-container {
	background-color: var(--color-primary-dark);
	position: relative;
	height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

#home_highlight-container:after{
  content: '';
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 50px;
  width: 50px;
  background-color: #27667a;
}

#home_highlight-content {
	padding: 1rem 1rem ;
	position: relative;
}

#home_event-container {
	background-color: var(--text-dark);
	position: relative;
	width: 100%
}

#home_event-content {
	padding: 1rem 1rem ;
}

.square-gray {
  height: 40px;
  width: 40px;
  background-color: var(--text-dark);
}

#home_event .square-gray {
  margin-left: 60px
}

@media (max-width: 767.98px) {
	#home_highlight, #home_event{
		flex-direction: column;
	}
}

@media (max-width: 991.98px) {
}

@media (min-width: 576px) {
	#htdc_home_hero h2 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}
}

@media (min-width: 768px){
	#htdc_home_hero h2 {
		font-size: 3rem;
		margin-bottom: 1.5rem;
	}
}

@media (min-width: 922px){
	#htdc_home_hero h2 {
		font-size: 4rem;
		margin-bottom: 2rem;
	}
	#home_highlight-content {
		padding: 2rem 3rem;
	}
	#home_event-content {
		padding: 2rem 3rem;
	}
	#htdc_home_hero, #htdc_home_hero-image {
		min-height: 600px;
		height:100%;
	}
	#htdc_home_hero-content {
		padding-top: 6rem;
	}
	#htdc_home_hero-content p {
		font-size: 1.5rem;
	}
}

@media (min-width: 1200px){
	.container-htdc-home {
		padding: calc(3 * var(--spacing-unit)) calc(3 * var(--spacing-unit)) calc(3 * var(--spacing-unit));
	    position: relative;
	    overflow: hidden;
	}
	#home_highlight-container:before{
	  content: '';
	  position: absolute;
	  top: 0;
	  left: -60px;
	  width: 90px;
	  height: 250px;
	  background: url(./assets/images/home_highlight_boxes.png) no-repeat;
	}
	#home_event-container:after{
	  content: '';
	  position: absolute;
	  top: 0;
	  right: -120px;
	  height: 50px;
	  width: 110px;;
	  background: url(./assets/images/home_event_boxes.png) no-repeat;
	}
}


.archive-box {
	border-radius: 0;
    box-shadow: none;
    background-color: var(--text-dark);
}


#footer {
    background: url(./assets/images/bg-red-boxes.png) repeat;
    box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.4);
}

#footer a {
    color: var(--color-white);
}

.footer-col + .footer-col {
    border-left: none;
}

#footer_section2 {
    background: url(./assets/images/bg-dark-boxes.png) repeat;
}

#footer_section1 {
    padding: 45px 0;
}

.footer-title {
	letter-spacing: 0;
}

#footer-contactsection .footer-title::after {
    content: "";
    display: block;
    width: 25%;
    padding-top: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

#footer-newsletter .footer-title::after {
    content: "";
    display: block;
    width: 50%;
    padding-top: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

#footer-linksection .footer-title::after {
    content: "";
    display: block;
    width: 50%;
    padding-top: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    margin-left: 50%;
}

#footer_section2 {
    padding: 25px 0;
}

#footer-contactsection-secondary {
	text-align: left;
}

#footer-seal {
    width: 65px;
    height: 65px;
}

.footer_section2-2 {
	border: none
}

#footer-stateofficial-text {
	letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.65rem;
}
.social-media{
	font-size:1.2em;
}
#footer .social-media a:hover{
	color:rgba(255,255,255,0.8)
}

#ema_signup_form .btn {
	padding-right: 0.5rem;
    padding-left: 0.5rem;
}

#signup_email {
	border-radius: 0;
}

#signup_email::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 0.9rem; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
}

#signup_email:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 0.9rem;
}

#signup_email::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-size: 0.9rem;
}

#signup_email:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 0.9rem;
}

#webform_submit_button {
	font-size: 0.9rem;
}

.btn-info {
	background-color : var(--color-primary-light) ;
	color: var(--color-darkgray);
	border:  0 ;
}

.btn-info:hover {
	background-color : var(--color-primary) ;
	color: var(--text-dark);
}

.btn.btn-link, .btn.btn-link:active {
    color: var(--color-primary-light);
}

.search-box-hr {
	border-top: 3px solid rgba(255,255,255,0.25);
    width: 250px;
}

@media (max-width: 767.98px) {
	#footer-contactsection .footer-title:after {
    	width: 50%;
	}

	#footer-linksection .footer-title:after {
    	margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#footer_section1 .container #footer-contactsection.footer-col,
	#footer_section1 .container .footer-col {
    	flex:2;
	}
	#footer_section1 .container #footer-contactsection.footer-col {
	    padding: 0 0 0 0;
	    margin: 0 2em 0 0;
	}
}

@media (min-width: 768px) {
	#footer_section1 .container #footer-contactsection.footer-col {
	    padding: 0 0 0 0;
	    margin: 0 2em 0 0;
	}
}


/********************************************/
/* Board Meetings Page Styles */
.table {
	border-collapse: separate;
    border-spacing: 0 0.5rem;
    font-size: 1rem;
}
.table>:not(caption)>*>* {
	background-color: transparent;
	color: var(--color-white);
}
.table th {
	color: var(--color-secondary-light);
	font-family: var(--font-secondary);
	border: 0;
	padding: 0rem 1rem;
    font-size: 1.125rem;
}

.table tr {
}

.table td {
	border: 0;
	background-color: var(--color-background-gray);
	padding: 1rem 1rem;
}

.post-type-archive-board-meetings .table th{
	width: 25%
}

.next-meeting {
  min-height: 4rem;
}
.next-meeting-date {
  padding: 1em 1em;
  background-color: var(--color-primary-dark);
  color: #fff;
}
.next-meeting-m, .next-meeting-d {
  font-size: 2rem;
}

.next-meeting-w {
	color: var(--color-secondary-extra-light);
}

.btn-meeting {
  min-width: 10rem;
}


@media (min-width: 768px) {
  .next-meeting-date {
    padding: 1em 1em;
    text-align: center;
  }
  .next-meeting-m, .next-meeting-d, .next-meeting-w, .next-meeting-t {
    display: block;
    font-family: var(--font-secondary);
  }
	.next-meeting-m {
		font-size:clamp(min(1rem), 3vw, max(2rem));
	}
  .next-meeting-d {
    font-size: 5rem;
    line-height: 1em;
  }
}

/* gform */
body .gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
	color: var(--color-secondary-light);
}

body .gform_wrapper.gravity-theme .ginput_counter {
	color: var(--color-secondary-extra-light);
	font-size: .8em;
	padding-top: 5px
}

body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
	font-family: var(--font-primary);
}

body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
body .gform_wrapper.gravity-theme .gfield_error label,
body .gform_wrapper.gravity-theme .gfield_error legend,
body .gform_wrapper.gravity-theme [aria-invalid=true]+label,
body .gform_wrapper.gravity-theme label+[aria-invalid=true] {
	color: var(--color-secondary-light);
}

body .gform_wrapper.gravity-theme .gfield_list_icons button {
	filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(2%) hue-rotate(21deg) brightness(110%) contrast(101%);
	opacity: .7;
}
body .gform_wrapper.gravity-theme .gfield_list_icons button:hover{
	opacity: 1;
}
.gform_delete_file {
	color: var(--color-secondary-light);
}

/* KADENCE BLOCKS */
.kt-accordion-panel-inner, .wp-block-kadence-tab, .kt-tabs-content-wrap {
	background: transparent !important;
}

.wp-block-kadence-infobox .kt-blocks-info-box-title {
	color: var(--global-palette5, #444444);
}

@media (min-width: 782px) {
.wp-block-kadence-infobox {
	height: 100%;
	display: flex;
}
}

/* Event calendar */

.tribe-events .tribe-events-l-container,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	max-width:none;
	padding: 0;
}

#tribe-events-pg-template {
	max-width:none;
	padding: 0;
}

ul.tribe-events-sub-nav  {
	padding-left: 0;
}

.tribe-events-schedule, .tribe-events-back {
	margin: 0
}

.single-tribe_events .tribe-events-single .tribe-events-event-meta {
	position: relative
}

.tribe-events .tribe-events-header, .tribe-common .tribe-common-g-row--gutters {
	display: inherit;
	margin: 0;
	padding: 0;
}

.tribe-common header div {
	padding: initial;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar {
	margin-left: 0
}

.tribe-events .tribe-events-header__events-bar {
	position: relative
}

.tribe-events .tribe-events-c-view-selector__content {
	right: auto;
	left: 0
}


.tribe-common svg {
	filter: brightness(0) saturate(100%) invert(94%) sepia(61%) saturate(4442%) hue-rotate(169deg) brightness(92%) contrast(94%);
}

.tribe-common button:disabled svg {
	filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(1530%) hue-rotate(140deg) brightness(109%) contrast(69%);
}

.tribe-common a.tribe-common-c-btn-icon:hover svg {
	filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(10%) hue-rotate(232deg) brightness(104%) contrast(102%);
}

.tribe-common-c-btn-border svg,
.tribe-common .datepicker svg,
.tribe-events-header svg {
	filter: brightness(0) saturate(100%) invert(20%) sepia(14%) saturate(6%) hue-rotate(113deg) brightness(99%) contrast(85%);
}

.tribe-events-single-event-title, .tribe-events .tribe-events-calendar-latest-past__event-title {
    font-family: var(--font-secondary);
}

.tribe-events-single-section-title {
	font-size: 1.5rem;
	color: var(--color-secondary-light);
	margin-bottom: 1rem;
}

.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a,
.tribe-events-meta-group a,
.tribe-common .tribe-events-calendar-list h3 a,
.tribe-common h3.tribe-events-calendar-list__event-title a,
.tribe-common .tribe-events-calendar-day h3 a,
.tribe-common h3.tribe-events-calendar-day__event-title a,
.tribe-common .tribe-events-c-nav__list a,
.tribe-events .tribe-events-calendar-latest-past__event-title a {
	color: var(--color-primary-light) !important;
	text-decoration: underline  !important;
	background: none;
}

.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover,
.tribe-events-meta-group a:hover,
.tribe-common .tribe-events-calendar-list h3 a:hover,
.tribe-common h3.tribe-events-calendar-list__event-title a:hover,
.tribe-common .tribe-events-calendar-day h3 a:hover,
.tribe-common h3.tribe-events-calendar-day__event-title a:hover,
.tribe-common .tribe-events-c-nav__list a:hover,
.tribe-events .tribe-events-calendar-latest-past__event-title a:hover,
.tribe-events-event-meta a:focus
 {
	color: var(--color-primary-light) !important;
	text-decoration: none !important;
	filter: brightness(0) saturate(100%) invert(94%) sepia(61%) saturate(4442%) hue-rotate(169deg) brightness(92%) contrast(94%);
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-featured-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-datetime-featured-text{
	color: var(--color-primary-light);
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar {
	background-color: var(--color-primary-dark);
}

.tribe-events .tribe-events-calendar-month__header-column-title{
	color: var(--color-white);
}

.tribe-common a:not(.tribe-common-anchor--unstyle):active,
.tribe-common a:not(.tribe-common-anchor--unstyle):focus,
.tribe-common a:not(.tribe-common-anchor--unstyle):hover,
.tribe-common a:not(.tribe-common-anchor--unstyle):visited
 {
	border: none;
}

.tribe-common .tribe-common-anchor-thin {
	transition: none;
}

.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:before,
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:after,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg,
.tribe-common .tribe-events-c-nav .tribe-common-c-svgicon,
.tribe-common .tribe-events-header svg {
	filter: brightness(0) saturate(100%) invert(94%) sepia(61%) saturate(4442%) hue-rotate(169deg) brightness(92%) contrast(94%);
}

.tribe-events-calendar-list ul.tribe-event-categories{
	display: inline-block;
}

.tribe-events-calendar-list .tribe-event-categories li {
    display: inline-block;
    padding: 2px 2px;
    margin-right: 5px;
}

.tribe-events-calendar-list .tribe-event-categories li a {
    color: var(--color-primary-light) !important;
    text-decoration: underline !important;
}
.tribe-events-calendar-list .tribe-event-categories li:hover a {
    text-decoration: none !important;
}

.tribe-common .datepicker svg {
	filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(3812%) hue-rotate(117deg) brightness(103%) contrast(79%);
}

.tribe-common .tribe-events-c-search svg,
.tribe-common .tribe-events-c-view-selector__list svg {
	filter: none
}

.tribe-common .tribe-events-c-nav button:disabled .tribe-common-c-svgicon {
	filter: none
}

.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month {
	color: var(--color-primary-light);
}

.tribe-events .datepicker,
.tribe-events .datepicker .month,
.tribe-events .datepicker .year {
	color: var(--color-darkgray);
	background-color: var(--color-white);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list {
	color: var(--color-darkgray);
	background-color: var(--color-white);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list a,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list a,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list a:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list a:hover,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link
 {
	color: var(--color-darkgray);
	filter: none;
}

.tribe-events-calendar-list__event-header h3 a {
	font-family: var(--font-secondary);
}

.tribe-events .tribe-events-c-events-bar__search-container {
	background-color: var(--color-white);
}

.tribe-events .tribe-events-c-view-selector__list-item-text,
.tribe-events .datepicker .day,
.tribe-events .datepicker .dow,
.tribe-events .datepicker .datepicker-switch  {
	color: var(--color-darkgray);
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
	border: none;
}


.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,
.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {
	color: var(--text-dark);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover{
	color: var(--text-dark);
}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
		color: var(--text-dark);
}

.tribe-events-c-subscribe-dropdown__list {
	background-color:  var(--color-white);
}

.tribe-common .tribe-common-c-btn-border-small,
.tribe-common .tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small
  {
	color: var(--color-darkgray) !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0
}

.tribe-common .tribe-common-c-btn-border-small:focus,
.tribe-common .tribe-common-c-btn-border-small:hover,
.tribe-common a.tribe-common-c-btn-border-small:focus,
.tribe-common a.tribe-common-c-btn-border-small:hover
  {
	background-color:  var(--color-primary);
	color: var(--text-dark) !important;
	filter: none;
}

.tribe-events-calendar-month__calendar-event-tooltip-template,
.tribe-events-calendar-month__calendar-event-tooltip time,
.tribe-events-calendar-month__calendar-event-tooltip h3,
.tribe-events-calendar-month__calendar-event-tooltip p {
	color: var(--text-dark) !important;
}

.tribe-events-calendar-month__calendar-event-tooltip a {
	color: var(--text-dark) !important;
	text-decoration: underline!important;
}

.tribe-events-calendar-month__calendar-event-tooltip a:hover {
	text-decoration: none!important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border,
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button,
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
	border-radius: 0;
}

.tribe-events-calendar-list__event-featured-image-wrapper {
	float: right
}

.tribe-events-tooltip-theme {
	background-color: var(--color-white) !important;
}

.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus, .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
	background-color: #343434;
}

.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: var(--color-primary-light);
}

.tribe-events-venue-map {
	width: auto;
}
.tribe-events-venue-map iframe {
	width: 100%;
}
.tribe-events-event-meta {
	display: block;
	padding-top: 2rem;
}
.tribe-events .datepicker .day {
	padding:2px 0;
}

/*  event calendar widget */
.tribe-compatibility-container .tribe-common .tribe-common-h6, 
.tribe-compatibility-container .tribe-common .tribe-common-h2,
.tribe-compatibility-container .tribe-common .tribe-common-b2,
.tribe-compatibility-container .tribe-common a:not(.tribe-common-anchor--unstyle), 
.tribe-compatibility-container .tribe-common a:not(.tribe-common-anchor--unstyle):active, 
.tribe-compatibility-container .tribe-common a:not(.tribe-common-anchor--unstyle):focus, 
.tribe-compatibility-container .tribe-common a:not(.tribe-common-anchor--unstyle):hover, 
.tribe-compatibility-container .tribe-common a:not(.tribe-common-anchor--unstyle):visited{
	color: var(--color-white);
}

.tribe-compatibility-container .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
	color: var(--color-primary-light);
}

.tribe-events-content a.btn{
	border-bottom:none;
	color: var(--color-darkgray);
} 

.tribe-events-content a.btn:hover{
	border-bottom:none;
	color: var(--text-dark);
}

@media (min-width: 782px){
	.tribe-events-calendar-list__event-description:before{
		content: "";
	    display: block;
	    width: 250px;
	    margin-bottom: 17px;
	    border-bottom: 3px solid rgba(255,255,255,0.25);
	}
}

/* FAQs */
.ewd-ufaq-post-margin-symbol {
	margin-top: 5px;
}
body .ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
	font-size:25px;
}
body div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {
	margin-right: 10px;
}
body .ewd-ufaq-faq-body {
    padding-left: 42px;
}
.ewd-ufaq-faq-title .h4 {
	margin: 5px !important;
}

@media (min-width: 992px) {
	.ewd-ufaq-faq-title .h4 {
		font-size: 1.35rem;
	}
}

/* sidebar menu */
.htdc_sidemenu {
	background-color:var(--color-background-gray);
	padding: 1rem 1rem 3rem 1rem;
	margin-bottom: 1rem;
}
.htdc_sidemenu > ul {
    margin: 0;
    padding: 0;
}
.htdc_sidemenu > ul ul {
    margin-left: 15px;
    padding: 0;
}
.htdc_sidemenu li {
	padding:0;
	display: block;
}
.htdc_sidemenu a {
	display:block;
	margin-bottom: 0.5rem;
}
.htdc_sidemenu a[href="#"]{
    text-decoration: none;
    cursor: default;
}

/*****************************************
/* CUSTOM BLOCK STYLES */

/* Global custom block styles */

.htdc-blocks h2 {
  font-weight: 300;
  text-transform: uppercase;
}

/* Programs */

.htdc-programs {
  background: url('./assets/images/bg-red-boxes.png') repeat;
}

.htdc-programs h2::after {
  display: none;
}

.program-title-bottom {
    width: 300px;
    height: 3px;
    background-color: var(--color-secondary-light);
}

.program-card {
  background-color: var(--color-darkgray);
}

.program-icon-title-container svg {
	margin-right: 10px;
	height: 30px;
	width: 40px;
	fill: var(--color-secondary-light);
}

.program-icon-title-container h3 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: clamp(1.375rem, 1vw + 1rem, 1.75rem);
	margin-top: 10px;
}

.program-icon-title-container strong {
  font-weight: 600;
}

.program-icon-title-bottom {
  width: 150px;
	margin-left: 50px;
  height: 3px;
  background-color: var(--color-gray);
  margin-bottom: 20px;
}

/* Impact Block */

.htdc-impact {
  background: rgba(0, 0, 0, 0.8);
  background-size: cover;
  background-position: center center;
  background-blend-mode: multiply;
}

.htdc-impact .container {
  padding: 80px 0;
}

.htdc-impact h2 {
  font-size: clamp(2.333rem, 4vw + 1rem, 3.5rem);
  font-weight: 300;
  text-transform: uppercase;
}

.htdc-impact h2::after {
  display: none;
}

.impact-title-bottom {
    width: 300px;
    height: 3px;
    background-color: var(--color-darkgray);
}

.impact-card {
  border-left: 3px var(--color-darkgray) solid;
  padding-left: 1.5rem;
  font-size: 1.2em;
  margin-bottom: 4rem;
}

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

  .impact-card {
    border: none;
    text-align: center;
    margin-bottom: 2rem;
  }

  .htdc-impact .container {
    padding: 30px 0;
  }
}

.stat {
  font-size: clamp(1.222rem, 2vw + 1rem, 1.778rem);
  font-weight: bold;
}

.stat-number {
  color: var(--color-secondary-light);
}

/* Resources Block */

.htdc-resources h2 {
  color: var(--color-secondary-light);
  font-size: clamp(1.875rem, 3vw + 0.75rem, 2.5rem);
  margin-top: 0;
  font-weight: 300;
  text-transform: uppercase;
}

.htdc-resources h2::after {
  display: none;
}

@media only screen and (min-width: 992px) {
	.resources-title {
	  padding-right: 2.5rem;
	}
}

.resources-title p {
  font-size: clamp(1.125rem, 1vw + 0.75rem, 1.5rem);
}

.resources-icon-title-container svg {
	margin-right: 10px;
	height: 30px;
	width: 40px;
	fill: var(--color-secondary-light);
}

.resources-card-title {
  font-size: clamp(1rem, 0.883vw + 1.746rem, 1.5rem);
  font-weight: bold;
}

/* board and team member blocks */

.team {
  background-color: #323232;
}

.team__profile .team_member_name {
  color: var(--color-secondary-light);
  margin: 0px;
  line-height: 1em;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 8px;
  font-family: var(--font-secondary);
}

.team__image {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  margin: 5px;
}

/* square up team image */
.team__image img {
	height: 96px;
	width: 96px;
	object-fit: cover;
}

.team__profile .team_member_position {
  font-size: 18px;
  margin: 0px;
}

.boardmember__profile p{
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 24px;
  line-height: 2rem;
  font-family: var(--font-secondary);
  color: var(--color-secondary-light);
}

@media only screen and (min-width: 768px) {
  .boardmember__profile p{
  	margin-bottom: 0px;
  }
}

/*****************************************
/* Job Manager Style Adjustments */

.job_filters,
.job_filters .job_types,
.job_filters .showing_jobs {
	background-color: var(--background-color);
	border: none;
} 

/* form adjustments */

.job_filters .search_jobs input,
.job-manager-form fieldset input.input-text {
	padding-left: 15px;
}

.job_filters .search_submit input,
form#submit-job-form input.button {
	background-color: var(--color-primary-light);
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #3e3e3e;
	padding: 5px 10px;
	border: none;
}

.job_filters .search_submit input:hover {
	background-color: var(--color-primary);
}

.job_types input[type=checkbox] {
  accent-color: var(--color-primary);  
  }

/* job listings */

ul.job_listings {
	border: none;
}

ul.job_listings li.job_listing {
	border: none;
	background: url(./assets/images/bg-dark-boxes.png) repeat !important;
}

.single_job_listing .company {
	border: none;
	background: url(./assets/images/bg-dark-boxes.png) repeat !important;
}

ul.job_listings li.job_listing a:hover,
ul.job_listings li.job_listing a:focus,
ul.job_listings li.job_listing a:active {
	background-color: var(--color-background-dark);
}

ul.job_listings li.job_listing a div.position h3 {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: #707070 solid 2px;
}
ul.job_listings li.job_listing a div.position .company,
ul.job_listings li.job_listing a div.position .tagline, 
ul.job_listings li.job_listing a div.location,
ul.job_listings li.job_listing a ul.meta,
ul.job_listings li.job_listing a .meta .job-type {
	color: white;
	font-weight: 400;
	font-size: 16px;
}

ul.job_listings li.job_listing a .meta .job-type {
	color: var(--color-secondary-light);
}

.single_job_listing .company .company_header {
	margin: 0;
}

.single_job_listing .company .name a {
	padding-top: 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--color-primary-darker);
	border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: var(--color-primary-light);
}

/* single job listing styles */

.single_job_listing .meta li {
	font-size: 0.9em;
	font-weight: 400;
	color: white;
}

.single_job_listing .company .tagline {
	font-size: 0.9em;
	font-weight: 400;
	color: white;
	padding-left: 20px;
}

.single_job_listing .meta .date-posted:before,
.single_job_listing .meta .salary:before {
	padding-right: 25px;
	color: var(--color-text-light);
}

.single_job_listing .meta .location a {
	font-weight: normal;
}

.single_job_listing .meta .location:before {
	color: var(--color-primary-light);
}

.single_job_listing .meta .full-time {
	background-color: var(--color-secondary-light);
text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #3e3e3e;
}

.single_job_listing .application .application_button {
	background-color: var(--color-primary-light);
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #3e3e3e;
	border: none;
}

.single_job_listing .application .application_button:hover {
	background-color: var(--color-primary);
}

.account-sign-in {
	line-height:1.5rem;
}

#submit-job-form #job_type {
	height: 2.5rem;
}

#submit-job-form.job-manager-form .select2-container {
	font-size:1.1rem;
}

#submit-job-form.job-manager-form fieldset small.description {
	margin: 0.25em 0 0;
}

#submit-job-form .fieldset-remote_position small {
	display:inline-block
}

#submit-job-form.job-manager-form .select2-container .select2-selection--multiple .select2-selection__rendered li {
	margin:5px 0 0 5px;
	line-height:2rem;
}

#submit-job-form.job-manager-form .select2-container .select2-selection--multiple .select2-selection__rendered li.select2-search {
	margin:0;
}

#submit-job-form.job-manager-form .select2-container .select2-selection--multiple .select2-selection__rendered input {
	margin:0;
	height:2.5rem;
}

#submit-job-form.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
	line-height:1.5rem
}

.job-manager-info a, .job-manager-info a:hover{
	color:var(--color-primary-darker);
}

/* job manager styles */

.job-manager-form fieldset {
	border-color: #5e5e5e;
}

.select2-results__option {
	color: var(--text-dark);
}

/* job dashboard styles */

table.job-manager-jobs thead,
#job-manager-job-dashboard table tfoot tr td {
	background: url(./assets/images/bg-dark-boxes.png) repeat !important;
}

#job-manager-job-dashboard table th {
	padding: 5px 20px;
}

#job-manager-job-dashboard table td {
	padding: 5px 20px;
	background-color: black;
}

#job-manager-job-dashboard table td ul.job-dashboard-actions li a {
	color: white;
	font-size: .8em;
	font-weight: normal;
}

#job-manager-job-dashboard table tbody tr {
border-bottom: #5d5d5d 1px solid;
	border-top: #5d5d5d 1px solid;
}

a.jm-ui-button {
	background-color: var(--color-primary-light); 
	border: none; 
}   

.jm-ui-button * { 
	color: var(--text-dark) !important; 
}   

a.jm-ui-button:hover { 
	background-color: var(--color-primary); 
}

form.jm-form  {
	background-color: #fff;
}

body form.jm-form ::placeholder {
  color: #000;
  opacity: 1;
}
 
body form.jm-form ::-ms-input-placeholder { 
  color: #000;

}

form.jm-form ::placeholder {
  color: #000;
  opacity: 1 !important;
}
 
form.jm-form ::-ms-input-placeholder { 
  color: #000;
}

.jm-dashboard-table .job_title {
    flex: 1 1 50% !important;
}

.jm-dashboard .job-dashboard-action-delete {
	color: var(--color-accent-light) !important;
}

.jm-form input, .jm-form input[type] {
	color: #000 !important;
}

/* job preview styles */

.entry-content .job_listing_preview_title, .job_listing_preview_title {
	background-color: var(--color-dark);
}

.job_listing_preview {
    border: 3px solid var(--color-primary-dark);
}

.job_filters .search_jobs {
	padding-left:0;
	padding-right:0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color:var(--color-white);
	color:var(--color-darkgray);
}

.job_filters #search_keywords, .job_filters #search_location {
	height: 2.5rem;
}

.job_filters .search_submit input {
	padding: 10px;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding:0 15px;
}

/* Constant Contact Form Styles */

.ctct-form-embed.form_0 .ctct-form-defaults,
div.ctct-form-embed div.ctct-form-defaults {
	background: none !important;
	border-radius: none !important;
	padding: 0px !important;
}

#gdpr_text {
	display: none;
}

div.ctct-form-embed form.ctct-form-custom {
	min-height: 0 !important;
}

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
	margin: 0px 0px 0px !important;
}

div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
	display: none !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	padding: .375rem .75rem !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

/* Target the container that wraps both the input and button */
.ctct-form-custom {
	display: flex;
	align-items: center;
}

.ctct-form-element {
	flex-grow: 1; /* Allow the input to take up the remaining width */
	max-width: 100%; /* Ensure it doesn't exceed container width */
	min-width: 150px !important;
}

.ctct-form-button {
	flex-shrink: 0; /* Prevent the button from shrinking */
	white-space: nowrap; /* Keep the button text on one line */
	padding: 0.93rem 0.7rem !important;
	border-radius: 0 !important;
	width: 120px !important;
	font-size: 14px !important;
}

/* success message */

div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
	font-size: 1.2rem !important;
	line-height: 1rem !important;
}

/* error message */

div.ctct-form-embed form.ctct-form-custom .ctct-form-errorMessage {
	display: block !important;
	position: absolute !important;
	margin-top: -25px !important;
	font-weight: 400 !important;
	font-size: 12px !important;
} 

div.ctct-inline-form div.ctct-form-embed form.ctct-form-custom .ctct-form-errorMessage {
	color: yellow !important;
}