/**
 * Theme Name:  SD40 2024 (District)
 * Theme URI:   http://
 * Description:  Theme for New 51ºÚÁÏ School District (SD40) district site. Responsive.
 * Version:     1.0.0
 * Author:      Resourcecode
 * Author URI:  https://

 * Tags:        accessibility-ready, blog, custom-colors, custom-menu, e-commerce, editor-style, featured-images, full-width-template, left-sidebar, one-column, sticky-post, theme-options, threaded-comments, translation-ready, two-columns
 * Text Domain: sd402024
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html

 */


:root {
/** color pallete colors: **/
  --sd40-color-honey: #efac42;
  --sd40-color-apricot: #f68b33;
  --sd40-color-cherry: #dc4d48;
  --sd40-color-rainforest: #73b753;
  --sd40-color-jade: #00b8a5;
  --sd40-color-sky: #00b7ce;
  --sd40-color-ocean: #0696b7;
  --sd40-color-stone: #a8a9a4;
/** Theme color - backgrounds(SEO area), menu items, buttons, 
*** section titles: var(--sd40-theme-color) **/
  --sd40-theme-color: var(--sd40-color-ocean);
/** Menu hover: var(--sd40-hover-menu-buttons) **/
  --sd40-hover-menu-buttons: var(--sd40-color-ocean);
/** Submenu hover: var(--sd40-hover-submenu-buttons) **/
  --sd40-hover-submenu-buttons: var(--sd40-color-cherry);
/** Utility Buttons hover: var(--sd40-hover-utility-buttons) **/
  --sd40-hover-utility-buttons: #ccffff;
/** Links: var(--sd40-links) **/
  --sd40-links: var(--sd40-color-cherry);
/** Links hover: var(--sd40-hover-links) **/
  --sd40-hover-links: var(--sd40-color-cherry);
/** Footer contact link: var(--sd40-footer-contact-link) **/ 
  --sd40-footer-contact-link: var(--sd40-color-apricot);
/** Hero area background: var(--sd40-hero-background) **/ 
  --sd40-hero-background: var(--sd40-color-apricot);
/** Btn btn-primary: var(--sd40-hero-background) **/ 
  --sd40-btn-primary: var(--sd40-color-cherry);
  --sd40-btn-primary-hover: #ff0000;

/** Events Calendar overrides **/
	--tec-color-accent-primary: var(--sd40-links);
	--tec-color-link-accent-hover: var(--sd40-links);
	--tec-color-event-icon-hover: var(--sd40-links);
	--tec-color-accent-primary-hover: var(--sd40-links);
	--tec-color-accent-primary-active: var(--sd40-links);


}

/* ==========================================================================
   # Structure
   ========================================================================== */

/* HTML
   ========================================================================== */

html {
	font-size: 20px;
}
html.tsize-level3 {
	font-size: 26px;
}
html.tsize-level2 {
	font-size: 24px;
}
html.tsize-level1 {
	font-size: 22px;
}
html.tsize-level-1 {
	font-size: 18px;
}
html.tsize-level-2 {
	font-size: 16px;
}
html.tsize-level-3 {
	font-size: 14px;
}


main:focus,
nav:focus,
div:focus,
button:focus {
	outline: none;
}

/* Body
   ========================================================================== */

body {
	background: #333;
	color: #333;
	font-family: "myriad-pro", sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	overflow-y: scroll;
	overflow-x: hidden;
	min-width: 320px;
	padding: 0;
}

button,
input,
select,
textarea {
	color: #333;
}

img {
max-width: 100%;
}

.site {
	max-width: 100%;
	overflow: hidden;}


/* Add super large screen break point */
@media (min-width: 1680px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1630px;
  }
}


/* Links
   ========================================================================== */

a {
	color: var(--sd40-links);
	text-decoration: none;
	cursor: pointer;
}

a:visited {
	color: var(--sd40-links);
}

a:focus,
a:active,
a:hover {
	color: var(--sd40-hover-links);
}

a:link,
a:visited,
button {
	-webkit-transition: color .2s ease, background-color .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease;
	-o-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s ease
}

a.right-arrow {
}
a.right-arrow::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	margin: 0 0 0 10px;
	font-weight: 900;
	font-size: 0.8em;
}

.entry-content a {
	font-weight: 600;
}

.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
	font-weight: inherit;
 	color: inherit; 
}


/* ==========================================================================
   # Typography
   ========================================================================== */

h1,h2,h3,h4,h5,h6 {
	font-weight: 700; 
	line-height: 1.3;
}


/* Base sizes
   ================================ */
h1, .h1 { font-size: 1.55rem; }
h2, .h2 { font-size: 1.4rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.15rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.9rem; }

p {
	margin-bottom: 0.9em;
}

p:last-child {
	margin-bottom: 0;
}

sub, sup, small, .small,
blockquote cite, .wp-caption .wp-caption-text { font-size: 0.9em; }

.smaller { font-size: 0.8em; }
.xsmall {
	font-size: 0.625em;
	line-height: 1.5em;
}


/* Typography General
   ========================================================================== */

ul,
ol,
dd,
dl,
figure,
fieldset,
form,
pre,
table {
	margin: 0 0 1.6rem;
}

object {
	margin-bottom: 1.5rem;
}

.forms .checkbox-list-vertical .checkbox:last-child {
	margin-bottom: 0;
}

i,
em,
cite {
	font-style: italic;
}

i i,
em em,
mark mark,
cite cite,
blockqoute i,
blockquote em,
blockquote cite {
	font-style: normal;
}

acronym {
	text-transform: uppercase;
}

del,
s,
strike {
	text-decoration: line-through;
}

strong,
b,
.label[bold],
.badge[bold],
.message a,
.alert a {
	font-weight: 700;
}

b b,
strong strong {
	font-weight: 400;
}

var,
tfoot th,
tfoot td,
.muted {
	color: rgba(0, 0, 0, 0.5);
}

.show-if-js,
.label:empty,
.badge:empty,
.hide {
	display: none;
}

hr {
	background-color: #e6e6e6;
	border: 0;
	height: 1px;
	margin: 20px 0;
	/* clear: both; */
	display: block;
	overflow: hidden;
	opacity: 1;
}

p:empty,
p:blank {
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

sup {
	bottom: .3em;
	position: relative;
	vertical-align: baseline;
}

sub {
	position: relative;
	top: .3em;
	vertical-align: baseline;
}

.nowrap,
.nowrap td {
	white-space: nowrap;
}

.start {
	margin-top: 0 !important;
}

.last {
	margin-right: 0 !important;
}

.normal {
	font-weight: normal !important;
}

.light {
	font-weight: 300 !important;
}

.thin {
	font-weight: 100 !important;
}

.bold {
	font-weight: 700 !important;
}

.italic {
	font-style: italic !important;
}

.list-flat {
	list-style: none;
	margin-left: 0;
}

/* === <bdo> and direction === */

[dir="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

bdo[dir="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

/* === Blockquotes, quotes, and cites === */
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
blockquote {
	font-family: 'Merriweather Sans', sans-serif;
	font-style: italic;
	font-weight: 700;
	margin: 12px 0 20px;
	color: #73b753;
	padding-left: 5px;
	border-left: dotted 2px;
}
blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

cite {
	opacity: 0.65;
	font-style: italic;
}

.en-us q {
	quotes: \201C \201D \2018 \2019;
}

blockquote.alignleft,
blockquote.alignright {
	width: 32%;
}

.pull-right,
.pull-left {
	color: #222;
	border-top: solid 4px #222;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 2% 0 0 0;
	position: relative;
}

.pull-left {
	float: left;
	margin-top: 1%;
	margin-bottom: 3%;
}

.pull-right {
	margin-top: 1%;
	margin-bottom: 3%;
}

@media (min-width: 768px) {
	.pull-left {
		float: left;
		margin: 1% 5% 3% 0;
		width: 34%;
	}

	.pull-right {
		float: right;
		margin: 1% 0 3% 5%;
		width: 34%;
	}
}

@media (min-width: 992px) {
	blockquote {
		font-size: 17px;
		padding-left: 20px;
		line-height: 150%;
	}
}

/* === Acronyms and abbreviations === */

abbr[title],
acronym[title],
time[title],
dfn[title] {
	cursor: help;
}

abbr[title] {
	border-bottom: 1px dotted #202020;
}

abbr,
acronym {
	border-bottom: 1px dotted #999;
}

/* === Code and Preformatted text === */

ins,
u {
	text-decoration: underline;
}

mark {
	background-color: #ffd61e;
	color: #202020;
	text-decoration: none;
}

/*pre,
code,*/
kbd,
samp,
var,
output {
	cursor: text;
	font-family: Consolas, Andale Mono, AndaleMono, Courier New, Courier;
	font-size: 83%;
	font-style: normal;
}

pre {
	background: #e6e6e6;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.5;
	margin: 1em 0;
	overflow: auto;
	padding: 0.65em;
}

td pre {
	white-space: 0;
	word-wrap: break-word;
}

mark,
/*code,*/
samp,
kbd {
	border-radius: 2px;
	display: inline-block;
	line-height: 1;
	padding: .2rem .4rem;
}

/* code {
	background: rgba(0, 0, 0, 0.07);
	direction: ltr;
	text-align: left;
} */

pre code {
	background: none;
	border: none;
	font-size: 100%;
	line-height: 24px;
	padding: 0;
}

samp {
	background: #46a9fc;
	color: rgba(255, 255, 255, 0.95);
}

kbd {
	background: #202020;
	color: rgba(255, 255, 255, 0.85);
	white-space: nowrap;
}

ins,
dfn {
	border-bottom: 1px solid #999;
	font-style: italic;
	text-decoration: none;
}

@media (min-width: 992px) {
	pre {
		font-size: 0.85rem;
		font-weight: 700;
		margin: 15px 0 20px;
		padding: 20px;
		width: auto;
	}
}

/* === <address> tag === */

address {
	font-style: normal;
	margin: 0 0 1rem;
}

/* === Lists === */

ul,
ol {
	margin-left: 0;
	padding-left: 1rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
	margin-left: 0;
}

ol ol li {
	list-style-type: lower-alpha;
}

ol ol ol li {
	list-style-type: lower-roman;
}

th,
td {
  font-weight: normal;
}

body dt {
	font-size: 1em;
	font-weight: 700;
	margin-left: 0;
}

dd {
	margin-left: .75em;
}

dd + dd {
	margin-top: .75rem;
}

dd + dt {
	margin-top: 1.5rem;
}


/* ==========================================================================
   # Header
   ========================================================================== */

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

.site-header { 
	background: #fff;
	padding: 18px 0 20px;
	position: relative;
}


.site-header .site-branding {
}

.site-branding .site-logo {
	position: relative;
}

.site-branding .site-logo .custom-logo-link {
	display: block;
	line-height: 1;
}

.site-branding .site-logo img {
	max-width: 100%;
	margin: 0;
	height: auto;
	width: 375px;
}

.site-header .site-tools-navs {
}


@media (min-width: 576px) {
	.site-header {
		padding: 20px 0 30px;
	}
	.site-header .site-branding {
		padding-top: 10px;
		width: 350px;
	}
	.site-header .site-tools-navs {
		width: calc(100% - 350px);
	}
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	.site-header { 
		padding: 18px 0 0;
		z-index: 1000;
	}
	.site-header .site-branding {
		padding-top: 15px;
		width: 270px;
	}
	.site-header .site-tools-navs {
		width: calc(100% - 270px);
	}
}

@media (min-width: 1200px) {
	.site-header .site-branding {
		padding-top: 12px;
		width: 350px;
	}
	.site-header .site-tools-navs {
		width: calc(100% - 350px);
	}
}

.site-header .site-tools-navs .connect {
	line-height: 1;
	margin-bottom: 17px;
}
.site-header .site-tools-navs .connect a {
	background: url(/wp-content/themes/sd40_2024/images/social-icons.png) no-repeat;
	width: 20px;
	height: 0;
	padding-top: 20px;
	margin-right: 7px;
	display: inline-block;
	font-size: 0;
	color: transparent;
}
.site-header .site-tools-navs .connect .insta-link {
	background-position: 0 0;
}
.site-header .site-tools-navs .connect .insta-link:hover {
}
.site-header .site-tools-navs .connect .facebook-link {
	background-position: -28px 0;
}
.site-header .site-tools-navs .connect .facebook-link:hover {
}
.site-header .site-tools-navs .connect .twitter-link {
	background-position: -57px 0;
	width: 21px;
}
.site-header .site-tools-navs .connect .twitter-link:hover {
}

.site-header .site-tools-navs .connect .gtranslate-block {
	font-size: 1rem;
	height: 20px;
	margin-left: 20px;
	padding: 0;
	position: relative;
}
.site-header .site-tools-navs .connect .gtranslate-block .gtranslate-toggle {
	background: url(/wp-content/themes/sd40_2024/images/gtranslate-icon.png) 0 0 no-repeat;
	font-size: 1rem;
	height: 20px;
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
	width: 47px;
}
.site-header .site-tools-navs .connect .gtranslate-block .gtranslate-toggle i.fas {
	color: #c1c1c1;
	font-size: 14px;
	margin: 4px 0 0;
	text-align: right;
	width: 17px;
}
.site-header .site-tools-navs .connect .gtranslate-block .gt-container {
	background-color: #fff;
	position: absolute;
	top: 150%;
	transform: translateX(-50%);
	z-index: 200;
}
.site-header .site-tools-navs .connect .gtranslate-block .gt-container select {
	background: #fff;
	border: 1px solid #c1c1c1;
	font-weight: 600;
}
.site-header .site-tools-navs .connect .gtranslate-block .gt-container select option {
	font-weight: 400;
}

@media (min-width: 576px) {
	.site-header .site-tools-navs .connect .gtranslate-block .gt-container {
		left: auto;
		right: 0;
		top: 150%;
		transform: none;
	}
}

@media (min-width: 768px) {
	.site-header .site-tools-navs .connect .gtranslate-block .gtranslate-toggle {
		display: none;
	}
	.site-header .site-tools-navs .connect .gtranslate-block .gt-container {
		background: url(/wp-content/themes/sd40_2024/images/gtranslate-icon.png) 0 0 no-repeat;
		display: block;
		padding-left: 30px;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}
	.site-header .site-tools-navs .connect .gtranslate-block .gt-container select {
		margin-top: -4px;
	}
}


.site-header .site-tools-navs .textsize-search-contactmenu {
	font-size: 0.8rem;
	margin-bottom: 20px;
	position: relative;
}

.site-header .site-tools-navs .textsize-search-contactmenu .search-link-btn {
	color: #c1c1c1;
	padding-right: 1px;
}
.site-header .site-tools-navs .textsize-search-contactmenu .search-link-btn:hover {
	color: #d54e4a;
}
.site-header .site-tools-navs .textsize-search-contactmenu .search-link-btn span {
	padding-right: 5px;
}
.site-header .site-tools-navs .textsize-search-contactmenu .search-link-btn i {
	color: #333;
}

.site-header .site-tools-navs .textsize-search-contactmenu .search-container {
/*	display: none;  */
	position: absolute;
	top: 40px;
	right: -15px;
	left: -15px;
	padding: 0 15px;
	background: #c1c1c1;
	z-index: 100;
}
.site-header .site-tools-navs .textsize-search-contactmenu .search-container form {
	font-size: 16px;
	line-height: 1;
	margin: 0 auto;
	padding: 20px 35px 20px 0;
	position: relative;
	width: 75%;
}
.site-header .site-tools-navs .textsize-search-contactmenu .search-container #s {
	background: #fff;
	display: block;
	height: 30px;
	width: 100%;
	padding: 4px 10px;
	margin: 0;
	font-size: 1em;
	border: 1px solid #c1c1c1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: none;
}
.site-header .site-tools-navs .textsize-search-contactmenu .search-container #searchsubmit {
	background: transparent;
	border: 0 none;
	color: #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 20px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	right: 0;
	top: 20px;
	width: 35px;
}

.site-header .site-tools-navs .textsize-search-contactmenu .text-size {
	color: #c1c1c1;
	margin-right: 20px;
}
.site-header .site-tools-navs .textsize-search-contactmenu .text-size span,
.site-header .site-tools-navs .textsize-search-contactmenu .text-size span a {
	color: #333;
	font-weight: 700;
}
.site-header .site-tools-navs .textsize-search-contactmenu .text-size span {
	font-size: 0.9rem;
	padding-left: 4px;
	white-space: nowrap;
}
.site-header .site-tools-navs .textsize-search-contactmenu .text-size span a {
	padding: 0 5px;
}
.site-header .site-tools-navs .textsize-search-contactmenu .text-size span a:hover {
	color: #d54e4a;
}


@media (min-width: 576px) {
	.site-header .site-tools-navs .textsize-search-contactmenu {
		margin-bottom: 0;
	}
	.site-header .site-tools-navs .textsize-search-contactmenu .search-container {
		left: -365px;
	}
}

@media (min-width: 768px) {
	.site-header .site-tools-navs .textsize-search-contactmenu .search-container {
		left: -405px;
	}
}

@media (min-width: 992px) {  
	.site-header .site-tools-navs .textsize-search-contactmenu .search-link-btn {
		display: none;
	}
	.site-header .site-tools-navs .textsize-search-contactmenu .search-container {
		display: block !important; 
		height: auto;
		position: inherit;
		padding: 0;
		background: inherit;
		top: inherit;
		z-index: inherit;
		left: auto;
		margin: 0;
		width: auto;
		right: auto;
	}
	.site-header .site-tools-navs .textsize-search-contactmenu .search-container form {
		font-size: 16px;
		line-height: 1;
		margin: 0;
		padding: 0 35px 0 0;
		position: relative;
		width: auto;
	}
	.site-header .site-tools-navs .textsize-search-contactmenu .search-container #s {
		height: 30px;
		width: auto;
	}
	.site-header .site-tools-navs .textsize-search-contactmenu .search-container #searchsubmit {
		top: 0;
	}
}


/* ==========================================================================
   # Site Footer
   ========================================================================== */
.footer {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 300;
	padding-top: 35px;
	padding-bottom: 60px;
}

.footer-content {
	position: relative;
}

.footer-content h3 {
	font-size: 1rem;
	margin-bottom: 0.7em;
}

.footer-content h4 {
	font-size: 0.9rem;
	margin-bottom: 0.7em;
}

.footer-content a {
	color: var(--sd40-footer-contact-link);
}

.footer-content .footer-acknowledgement {
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
}
.footer-content .footer-acknowledgement::after {
	background: #717171;
	content: " ";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: -1px;
	height: 2px;
}

.footer-content .footer-contact-sitemap {
}

.footer-content .footer-contact-sitemap h3 {
	color: #ccc;
	font-weight: 400;
}

.footer-content .footer-contact-sitemap p span,
.footer-content .footer-contact-sitemap p a {
	white-space: nowrap;
}

.footer-content .footer-contact-sitemap .contact-info {
}

.footer-content .footer-contact-sitemap .contact-info h4,
.footer-content .footer-contact-sitemap .contact-info p {
	margin-bottom: 0.1em;
}

.footer-content .footer-contact-sitemap .sitemap {
	margin-top: 25px;
}

.footer-content .copyright {
	color: #ccc;
	font-size: 0.8rem;
	margin-top: 30px;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
	.footer-content {
		--bs-gutter-x: 4rem;
	}
	.footer-content .footer-acknowledgement {
		margin-bottom: 0;
	}
	.footer-content .footer-acknowledgement::after {
		position: absolute;
		bottom: 0;
		right: -1px;
		top: 0;
		width: 2px;
		height: auto;
		left: auto;
	}
}

  
/* ==========================================================================
   # Menus
   ========================================================================== */
/* ====== Hide WPML dev site notice ====== */
.otgs-development-site-front-end {
	display: none;
}
/* ====== Main Menu ====== */
.mobile-nav-toggle {
	position: absolute;
	z-index: 1200;
	top: 0;
	left: 0;
	right: 0;
}
.mobile-nav-toggle .navbar-toggler {
	background: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	display: block;
	height: 28px;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 30px;
}
.mobile-nav-toggle .navbar-toggler:not(.collapsed) {
	top: 12px;
}
.mobile-nav-toggle .navbar-toggler:focus {
	box-shadow: none;
	outline: none;
}
.mobile-nav-toggle .navbar-toggler span {
	display: block;
	position: absolute; 
	top: 17px; 
	left: 0; 
	right: 0; 
	height: 3px; 
	background: #000;
}
.mobile-nav-toggle .navbar-toggler span::before,
.mobile-nav-toggle .navbar-toggler span::after {
	position: absolute; 
	display: block; 
	left: 0; 
	width: 100%; 
	height: 3px; 
	background-color: #000; 
	content: " "; 
	transition-duration: 0.3s, 0.3s; 
	transition-delay: 0.3s, 0s;
}
.mobile-nav-toggle .navbar-toggler span::before {
	top: -10px; 
	transition-property: top, transform;
}
.mobile-nav-toggle .navbar-toggler span::after {
	bottom: -10px; 
	transition-property: bottom, transform;
}
.mobile-nav-toggle .navbar-toggler:not(.collapsed) span {
	background: none;
}
.mobile-nav-toggle .navbar-toggler:not(.collapsed) span::before {
	top: 0; 
	transform: rotate(45deg); 
	transition-delay: 0s, 0.3s;
}
.mobile-nav-toggle .navbar-toggler:not(.collapsed) span::after {
	bottom: 0; 
	transform: rotate(-45deg); 
	transition-delay: 0s, 0.3s;
}

.sd402024-main-nav {
	font-size: 0.9rem;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.sd402024-main-nav .navbar-nav {
	background: #eaebe7;
	margin-left: 0;
	padding-top: 50px;
	width: 100%;
}

.sd402024-main-nav .navbar-nav > .nav-item {
	border-bottom: 1px solid #ccc;
	padding-left: 20px;
}

.sd402024-main-nav .navbar-nav > .nav-item:first-child {
	border-top: 1px solid #ccc;
}

.sd402024-main-nav .navbar-nav > .nav-item > .nav-link {
	color: #333;
	padding: 9px 0;
	font-weight: 600; 
}

.sd402024-main-nav .navbar-nav li.dropdown > .nav-link, 
.sd402024-main-nav .navbar-nav li.dropdown > .dropdown-item {
	padding-right: 42px;
}

.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle {
	color: #333;
	position: absolute;
	right: 0;
	width: 42px;
	height: 36px;
	top: 5px;
	border: 0 none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-align: center;
	padding: 5px 2px;
	font-size: 14px;
}

.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle::after {
	content: none;
}

.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle .fa-chevron-up,
.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
	display: none;
	visibility: hidden;
}
.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="true"] .fa-chevron-up,
.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="false"] .fa-chevron-down {
	display: inline-block;
	visibility: visible;
}

.sd402024-main-nav .navbar-nav .nav-item:hover a,
.sd402024-main-nav .navbar-nav .nav-item.current-menu-item a,
.sd402024-main-nav .navbar-nav .nav-item.current-menu-ancestor a,
.sd402024-main-nav .navbar-nav .nav-item.current-page-ancestor a {
	color: var(--sd40-hover-submenu-buttons);
	text-decoration: none;
}

.sd402024-main-nav .nav-item .dropdown-menu {
/*	background: var(--sd40-theme-color); */
	background: inherit;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0 none;
	font-size: 0.8rem;
	margin: -4px 0 0 -20px;
	padding: 0 0 10px;
	min-width: auto;
}

.sd402024-main-nav .navbar-nav li.dropdown li.dropdown .dropdown-toggle {
	top: -2px;
}

.sd402024-main-nav .nav-item .dropdown-menu .nav-item {
	margin: 0;
	padding: 0;
}

.sd402024-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item {
	color: #333; 
	font-weight: 600;
	margin: 0;
	padding: 4px 0 4px 30px;
	white-space: collapse;
}

.sd402024-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item:hover,
.sd402024-main-nav .nav-item .dropdown-menu .nav-item .dropdown-item:focus,
.sd402024-main-nav .nav-item .dropdown-menu .nav-item.current-menu-item > .dropdown-item, 
.sd402024-main-nav .nav-item .dropdown-menu .nav-item.current-menu-ancestor > .dropdown-item,
.sd402024-main-nav .nav-item .dropdown-menu .nav-item.current-menu-parent > .dropdown-item {
	color: var(--sd40-hover-submenu-buttons);
	background-color: inherit;
}

.sd402024-main-nav .navbar-nav .nav-item:hover > .dropdown-toggle,
.sd402024-main-nav .navbar-nav .nav-item.current-menu-item > .dropdown-toggle,
.sd402024-main-nav .navbar-nav .nav-item.current-menu-ancestor > .dropdown-toggle,
.sd402024-main-nav .navbar-nav .nav-item.current-page-ancestor > .dropdown-toggle {
	color: var(--sd40-hover-submenu-buttons);
}

.sd402024-main-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
	margin: 0;
	padding: 0;
}

.sd402024-main-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-item {
	font-weight: 400;
	padding-left: 40px;
}

.single-post.not-cpt .sd402024-main-nav .navbar-nav .nav-item.about-us > a,
.single-post.not-cpt .sd402024-main-nav .navbar-nav .nav-item.about-us > .dropdown-toggle,
.single-post.not-cpt .sd402024-main-nav .navbar-nav .nav-item.about-us .dropdown-menu .nav-item.news > .dropdown-item,
.cpt-tribe_events .sd402024-main-nav .navbar-nav .nav-item.our-board > a,
.cpt-tribe_events .sd402024-main-nav .navbar-nav .nav-item.our-board > .dropdown-toggle,
.cpt-tribe_events .sd402024-main-nav .navbar-nav .nav-item.our-board .dropdown-menu .nav-item.events-calendar > .dropdown-item {
	color: var(--sd40-hover-submenu-buttons);
}

@media (min-width: 576px) {
	.mobile-nav-toggle .navbar-toggler {
		right: 15px;
		top: 95px;
	}
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	.site-header .nav-wrap {
		background: transparent;
		margin-top: 0;
	}
    .mobile-nav-toggle .navbar-toggler {
      display: none;
    }
	.sd402024-main-nav {
		font-size: 0.85rem;
		background: transparent;
		display: block;
		padding: 0;
		position: relative;
		top: auto;
	}
	.sd402024-main-nav .navbar-nav {
		background: transparent;
		border-top: 0 none;
		flex-wrap: wrap;
		padding-top: 0;
		width: calc(100% + 20px);
		margin-left: -20px;
	}

	.sd402024-main-nav .navbar-nav > .nav-item {
		border-bottom: 0 none;
		padding-left: 0;
	}

	.sd402024-main-nav .navbar-nav > .nav-item:first-child {
		border-top: 0 none;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .nav-link {
		color: #333;
		padding: 10px 20px 20px;
		white-space: nowrap;
	}

  .sd402024-main-nav .navbar-nav li.dropdown .nav-link {
    padding-right: 25px;
  }

	.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle {
		border: 0 none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		color: #c1c1c1;
		width: 22px;
		height: 23px;
		padding: 2px 2px;
		right: 0;
		top: 13px;
	}

	.sd402024-main-nav .navbar-nav li.dropdown li.dropdown .dropdown-toggle {
		right: 10px;
	}
	
	.sd402024-main-nav .navbar-nav > li.dropdown:hover > .dropdown-menu,
	.sd402024-main-nav .navbar-nav > li.dropdown > .dropdown-menu.show {
		display: block;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu {
		background: #fff;
		border: 1px solid #eaebe7;
		font-size: 0.75rem;
		margin: 0;
		left: 0;
		top: 100%;
		padding: 15px 0 5px 20px; 
		min-width: 100%;
		width: max-content;
	}

	.sd402024-main-nav .navbar-nav > .nav-item.dd-set-right > .dropdown-menu {
		left: auto;
		right: 0;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item {
		border-bottom: 0 none;
		padding: 0 0 3px; 
		line-height: 110%;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item:last-child {
		padding:0; 
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-item {
		padding: 0 20px 10px 0;
		white-space: nowrap;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu > .nav-item > .dropdown-item {
		padding-top: 6px;
	}

	.sd402024-main-nav .navbar-nav li.dropdown li.dropdown .dropdown-toggle {
		top: 6px;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item.dropdown > .dropdown-item {
		padding-right: 45px;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-menu {
		background: #fff;
		border: 0 none;
		font-size: 0.75rem;
		height: 0;
		position: absolute;
		opacity: 0.3;
		top: auto;
		-webkit-transition: all 0.35s ease;
		transition: all 1s ease;
		padding: 10px 15px 5px;
		border: 1px solid #eaebe7;
		left: 100%;
		top: -50%;
		width: max-content;
	}

	.sd402024-main-nav .navbar-nav > li.dropdown > .dropdown-menu > li.nav-item:hover > .dropdown-menu,
	.sd402024-main-nav .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu.show {
		display: block;
		height: auto;
		opacity: 1;
	}

	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-item {
		padding-left: 0;
		white-space: collapse;
	}

	.sd402024-main-nav .navbar-nav > .nav-item.dd-child-left > .dropdown-menu .nav-item .dropdown-menu {
		left: auto;
		right: 100%;
	}

}

@media (min-width: 1200px) {
	.sd402024-main-nav {
		font-size: 1rem;
	}
	.sd402024-main-nav .navbar-nav > .nav-item > .nav-link {
		padding-left: 22px;
		padding-right: 22px;
	}
  .sd402024-main-nav .navbar-nav li.dropdown .nav-link {
		padding-right: 27px;
  }
	.sd402024-main-nav .navbar-nav li.dropdown .dropdown-toggle {
		top: 15px;
	}
	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu {
		font-size: 0.85rem;
	}
	.sd402024-main-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-menu {
		font-size: 0.85rem;
	}
}

@media (min-width: 1400px) {
}


/* ====== Contact menu ====== */
.textsize-search-contactmenu .contact-menu-container {
	display: none;
}

@media (min-width: 992px) {
	.textsize-search-contactmenu .contact-menu-container {
		display: block;
		margin-left: 0;
	}
	.sd402024-contact-nav {
		font-size: 1rem;
		background: transparent;
		display: block;
		padding: 0;
		position: relative;
	}
	.sd402024-contact-nav .navbar-nav {
		background: transparent;
		flex-wrap: wrap;
		padding-top: 0;
		width: auto;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item {
		padding: 0;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .nav-link {
		color: #333;
		font-weight: 600;
		padding: 5px 27px 5px 18px;
		white-space: nowrap;
	}

  .sd402024-contact-nav .navbar-nav li.dropdown .nav-link {
    padding-right: 27px;
  }

	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle {
		border: 0 none;
		color: #c1c1c1;
		position: absolute;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		width: 22px;
		height: 23px;
		padding: 2px 2px;
		right: 0;
		top: 10px;
		font-size: 13px;
	}

	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle:focus {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: 0;
	}

	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle::after {
		content: none;
	}

	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle .fa-chevron-up,
	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
		display: none;
		visibility: hidden;
	}
	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="true"] .fa-chevron-up,
	.sd402024-contact-nav .navbar-nav li.dropdown .dropdown-toggle[aria-expanded="false"] .fa-chevron-down {
		display: inline-block;
		visibility: visible;
	}

	.sd402024-contact-nav .navbar-nav .nav-item:hover a,
	.sd402024-contact-nav .navbar-nav .nav-item.current-menu-item a,
	.sd402024-contact-nav .navbar-nav .nav-item.current-menu-ancestor a,
	.sd402024-contact-nav .navbar-nav .nav-item.current-page-ancestor a {
		color: var(--sd40-hover-submenu-buttons);
		text-decoration: none;
	}

	.sd402024-contact-nav .navbar-nav li.dropdown li.dropdown .dropdown-toggle {
		right: 10px;
	}
	
	.sd402024-contact-nav .navbar-nav > li.dropdown:hover > .dropdown-menu,
	.sd402024-contact-nav .navbar-nav > li.dropdown > .dropdown-menu.show {
		display: block;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu {
		background: #fff;
		border: 1px solid #eaebe7;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		font-size: 0.9rem;
		margin: 0;
		left: auto;
		right: 0;
		top: 100%;
		padding: 15px 0 5px 20px; 
		z-index: 2000;
		min-width: 100%;
		width: max-content;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item {
		border-bottom: 0 none;
		font-weight: 600;
		padding:0 0 3px; 
		line-height:110%;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item:last-child {
		padding:0; 
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-item {
		padding: 0 20px 10px 0;
		white-space: nowrap;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu > .nav-item > .dropdown-item {
		padding-top: 6px;
	}

	.sd402024-contact-nav .navbar-nav li.dropdown li.dropdown .dropdown-toggle {
		top: 6px;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item.dropdown > .dropdown-item {
		padding-right: 45px;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-menu {
		background: #fff;
		border: 0 none;
		font-size: 0.8rem;
		height: 0;
		position: absolute;
		opacity: 0.3;
		top: auto;
		-webkit-transition: all 0.35s ease;
		transition: all 1s ease;
		padding: 10px 15px 5px;
		border: 1px solid #eaebe7;
		left: auto;
		right: 100%;
		top: -50%;
		min-width: 100%;
		width: max-content;
	}

	.sd402024-contact-nav .navbar-nav > li.dropdown > .dropdown-menu > li.nav-item:hover > .dropdown-menu,
	.sd402024-contact-nav .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown > .dropdown-menu.show {
		display: block;
		height: auto;
		opacity: 1;
	}

	.sd402024-contact-nav .navbar-nav > .nav-item > .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-item {
		padding-left: 0;
		white-space: collapse;
	}

	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item .dropdown-item {
		color: #333; 
		font-weight: 600;
		margin: 0;
		padding: 4px 0 4px 30px;
		white-space: collapse;
	}

	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item .dropdown-item:hover,
	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item .dropdown-item:focus,
	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item.current-menu-item > .dropdown-item, 
	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item.current-menu-ancestor > .dropdown-item,
	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item.current-menu-parent > .dropdown-item {
		color: var(--sd40-hover-submenu-buttons);
		background-color: inherit;
	}

	.sd402024-contact-nav .navbar-nav .nav-item:hover > .dropdown-toggle,
	.sd402024-contact-nav .navbar-nav .nav-item.current-menu-item > .dropdown-toggle,
	.sd402024-contact-nav .navbar-nav .nav-item.current-menu-ancestor > .dropdown-toggle,
	.sd402024-contact-nav .navbar-nav .nav-item.current-page-ancestor > .dropdown-toggle {
		color: var(--sd40-hover-submenu-buttons);
	}

	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
		margin: 0;
		padding: 0;
	}

	.sd402024-contact-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-item {
		font-weight: 400;
		padding-left: 40px;
	}
}

/* ====== Footer menu ====== */
.footer-menu {
	margin: 0;
	position: relative;
	overflow: hidden;
	font-size: 0.8rem;
	padding-left: 0;
	list-style: none;
}
.footer-menu > li {
	display: block;
	float: left;
	position: relative;
	margin: 10px 15px 0 0;
	line-height: 130%;
}
.footer-menu>li:last-child {
	margin-right: 0;
}
.footer-menu > li a {
	display: block;
	width: 100%;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	padding: 0 !important;
}

.footer-menu > li a:hover,
.footer-menu > li a:focus {
	color: #fff;
}

.footer-menu > li.break-before {
	clear: left;
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/* ====== Sidebar nav menu ====== */
.sidebar-nav-area .subnav-toggler {
	background: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
	display: block;
	font-weight: 600;
	height: 28px;
	padding: 5px 0 0 40px;
	position: relative;
	width: auto;
	vertical-align: middle;
}
.sidebar-nav-area .subnav-toggler:focus {
	box-shadow: none;
	outline: none;
}
.sidebar-nav-area .subnav-toggler span {
	display: block;
	position: absolute; 
	top: 17px; 
	left: 0; 
	right: 0; 
	height: 3px; 
	background: #000;
	width: 30px;
}
.sidebar-nav-area .subnav-toggler span::before,
.sidebar-nav-area .subnav-toggler span::after {
	position: absolute; 
	display: block; 
	left: 0; 
	width: 100%; 
	height: 3px; 
	background-color: #000; 
	content: " "; 
	transition-duration: 0.3s, 0.3s; 
	transition-delay: 0.3s, 0s;
}
.sidebar-nav-area .subnav-toggler span::before {
	top: -10px; 
	transition-property: top, transform;
}
.sidebar-nav-area .subnav-toggler span::after {
	bottom: -10px; 
	transition-property: bottom, transform;
}
.sidebar-nav-area .subnav-toggler:not(.collapsed) span {
	background: none;
}
.sidebar-nav-area .subnav-toggler:not(.collapsed) span::before {
	top: 0; 
	transform: rotate(45deg); 
	transition-delay: 0s, 0.3s;
}
.sidebar-nav-area .subnav-toggler:not(.collapsed) span::after {
	bottom: 0; 
	transform: rotate(-45deg); 
	transition-delay: 0s, 0.3s;
}

.sidebar-nav {
	border-bottom: 1px solid #e6e6e6;
	margin-top: 20px;
	padding-bottom: 10px;
}
.sidebar-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-nav ul li {
	margin: 0;
	padding: 0;
}
.sidebar-nav a {
	color: #333;
	display: block;
	font-weight: 600;
	padding: 10px;
}
.sidebar-nav a:hover {
	color: var(--sd40-hover-submenu-buttons);
}
.sidebar-nav > ul > li {
}
.sidebar-nav > ul > li a {
	padding-left: 0;
}
.sidebar-nav > ul > li:hover,
.sidebar-nav > ul > li.current-item,
.sidebar-nav > ul > li.is-ancestor-item {
}
.sidebar-nav > ul > li.current-item > a {
	color: var(--sd40-hover-submenu-buttons);
}
.sidebar-nav > ul > li.is-ancestor-item > a {
	color: var(--sd40-hover-submenu-buttons);
	padding-bottom: 6px;
}
.sidebar-nav > ul > li.is-ancestor-item > a:hover {
	color: var(--sd40-hover-submenu-buttons);
}
.sidebar-nav > ul > li > ul {
	padding: 0 0 3px;
	margin-top: -3px;
}
.sidebar-nav > ul > li > ul > li {
	border-bottom: 0 none;
	font-size: 0.8rem;
	display: block;
}
.sidebar-nav > ul > li > ul > li a {
	color: #333;
	font-weight: 400;
	padding: 0 10px 3px;
}
.sidebar-nav > ul > li > ul > li a:hover,
.sidebar-nav > ul > li > ul > li.current-item a {
	color: var(--sd40-hover-submenu-buttons);
}
.sidebar-nav > ul > li > ul > li > ul {
	display: none;
}

@media screen and (min-width: 992px) {
	.sidebar-nav-area .subnav-toggler {
		display: none;
	}
	.sidebar-nav {
		border-bottom: 0 none;
		display: block !important;
		margin-top: -7px;
		padding-bottom: 0;
	}
	.sidebar-nav > ul > li > ul > li a {
		padding-left: 0;
	}

}

/* ==========================================================================
   # Page common **** Start building from here 
   ========================================================================== */

@media screen and (min-width: 576px) {

}

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

}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
}


.no-margin-top {
	margin-top: 0;
}

.no-margin-right {
	margin-right: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.no-margin-left {
	margin-left: 0;
}



/* Main body block
   ========================================================================== */
main.content {
	background: #fff;
	min-height: 240px;
	position: relative;
}

section.main-section {
	background: #fff;
	padding: 25px 0 30px;
	position: relative;
}

.main-page-heading {
	background: var(--sd40-hero-background);
	padding: 13px 0 8px;
}
.main-page-heading h1 {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.1;
	margin: 0;
	padding-bottom: 6px;
}

.main-section .row.has-sidebar .sidebar-nav-area {
	margin-bottom: 25px;
}

@media screen and (min-width: 992px) {
	section.main-section {
		padding: 35px 0 40px;
	}

	.main-section .row.has-sidebar .sidebar-nav-area {
		margin-bottom: 0;
		width: 220px;
	}
	.main-section .row.has-sidebar main.content {
		margin-bottom: 0;
		width: calc(100% - 220px);
	}
}

/* === Post lists, post archive, single post === */

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
}

.posts-list-filter-fields {
	font-size: 0.8rem;
	border-bottom: 2px solid #bfbfbf;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.posts-list-filter-fields select {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
}

.posts-list-filter-fields select option {
  padding: 10px;
}

.posts-list-filter-fields .posts-search-box form {
	margin: 0;
	padding-right: 35px;
	position: relative;
	width: 100%;
}
.posts-list-filter-fields .posts-search-box #s {
	background: #fff;
	display: block;
	height: 30px;
	width: 100%;
	padding: 4px 10px;
	margin: 0;
	font-size: 1em;
	border: 1px solid #c1c1c1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: none;
}
.posts-list-filter-fields .posts-search-box #s::placeholder {
  color: #333;
  opacity: 1;
}
.posts-list-filter-fields .posts-search-box #searchsubmit {
	background: transparent;
	border: 0 none;
	color: #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 20px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
	width: 35px;
}

.entry-content + .posts-list-filter-fields {
	margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .posts-list-filter-fields {
    margin-bottom: 30px;
  }
  
  .posts-list-filter-fields .text-search {
    text-align: right;
  }
  
  .posts-list-filter-fields select {
    margin-bottom: 0;
    padding: 3px 4px;
    width: auto;
  }
  .posts-list-filter-fields select + select {
    margin-left: 30px;
  }

  .posts-list-filter-fields select option {
    padding: 2px 4px;
  }
}

@media screen and (min-width: 992px) {

  .posts-list-filter-fields .posts-search-box form {
    max-width: 100%;
    width: auto;
  }
  .posts-list-filter-fields .posts-search-box #s {
  	display: inline-block;
  	height: 30px;
  	width: auto;
  	padding: 4px;
  }
  .posts-list-filter-fields .posts-search-box #searchsubmit {
  	height: 30px;
  }
	.entry-content + .posts-list-filter-fields {
		margin-top: 40px;
	}

}

/* Fix ALM spinner path breaking with css loaded inline */
.alm-btn-wrap .alm-load-more-btn.loading::after {
  background: url("/wp-content/themes/sd40_2024/images/spinner-chasing-arrows.gif") no-repeat center center;
}

.alm-btn-wrap {
  margin-top: 30px;
}
.alm-btn-wrap .alm-load-more-btn {
  font-weight: 400;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
.alm-btn-wrap {
  margin-top: 35px;
}
}

/* Posts and pages
   ========================================================================== */
.page-content {
	position: relative;
}

.page-content .entry-content h2,
.page-content .entry-content h3,
.page-content .entry-content h4 {
	margin-bottom: 0.8em;
}

.page-content .entry-content h2 {
	clear: both;
	margin-top: 2.85em;
}

.page-content .entry-content h3 {
	margin-top: 2.4em;
}

.page-content .entry-content h4 {
	margin-top: 1.5em;
}

.page-content .entry-content h2 + h3,
.page-content .entry-content h2 + h4,
.page-content .entry-content h3 + h4 {
	margin-top: 0;
}

.page-content .entry-content > h2:first-child,
.page-content .entry-content > h3:first-child,
.page-content .entry-content > h4:first-child {
  margin-top: -3px;
}

.page-content .entry-content .wp-block-image:has(figure.alignleft, figure.alignright) + h2, 
.page-content .entry-content .wp-block-image:has(figure.alignleft, figure.alignright) + h3 {
	margin-top: 0;
}

.page-content .entry-content .wp-block-image:has(figure.alignleft) + h2, 
.page-content .entry-content .wp-block-image:has(figure.alignleft) + h3 {
	clear: right;
}

.page-content .entry-content .wp-block-image:has(figure.alignright) + h2, 
.page-content .entry-content .wp-block-image:has(figure.alignright) + h3 {
	clear: left;
}

.page-content .entry-content > h1 a,
.page-content .entry-content > h2 a,
.page-content .entry-content > h3 a,
.page-content .entry-content > h4 a,
.page-content .entry-content > h5 a,
.page-content .entry-content > h6 a {
  font-weight: inherit;
}

.page-content .entry-content > .row {
	margin-bottom: 0;
	margin-top: 30px;
}

.page-content .entry-content > .row:first-child {
	margin-top: 0;
}

.page-content .entry-content > .row:last-child {
	margin-bottom: -30px;
}

.page-content .entry-content > .row > div {
	margin-bottom: 30px;
}

.page-content .entry-content > .row + h2,
.page-content .entry-content > .row + h3,
.page-content .entry-content > .row + h4 {
	margin-top: 0;
}

.page-content .entry-content .row > div > h3:first-child,
.page-content .entry-content .row > div > h4:first-child,
.page-content .entry-content .row > div > h5:first-child,
.page-content .entry-content .row > div > h6:first-child {
	margin-top: 0;
}

.page-content .entry-content a {
  font-weight: 600;
}

.page-content .entry-content .sd40card {
	background: #eee;
	border: 0 none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.page-content .entry-content .row > div > .sd40card {
	height: 100%;
}
.page-content .entry-content .sd40card figure {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 10px;
}
.page-content .entry-content .sd40card figure img {
	display: block;
	min-height: 125px;
	max-width: 100%;
	margin: 0 auto;
}
.page-content .entry-content .sd40card .card-body h2:first-child, 
.page-content .entry-content .sd40card .card-body h3:first-child, 
.page-content .entry-content .sd40card .card-body h4:first-child, 
.page-content .entry-content .sd40card .card-body h5:first-child, 
.page-content .entry-content .sd40card .card-body h6:first-child {
	margin-top: 0;
}

@media (min-width: 992px) {
  .page-content .entry-content .sd40card {
    -webkit-transition: transform .2s ease-out;
    -moz-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
  }
  .page-content .entry-content .sd40card:hover {
    transform: scale(1.05);
  }
}

.page-content .entry-content p.set-inline-img-right img {
	float: right;
	margin-top: -10px;
}

.entry-content ul {
	list-style: disc;
	margin: 0 0 0.2em 0;
}
.entry-content ol {
	list-style-type: decimal;
	margin: 0 0 0.2em 0;
}
.entry-content ol ol {
	list-style: upper-alpha;
}
.entry-content ol ol ol {
	list-style: lower-roman;
}
.entry-content ol ol ol ol {
	list-style: lower-alpha;
}
.entry-content ul ul, 
.entry-content ol ol, 
.entry-content ul ol, 
.entry-content ol ul {
	margin-bottom: 0;
}

.entry-content  ul > li,
.entry-content  ol > li {
	margin-bottom: 0.7em; 
}
.entry-content  ul > li > ul {
	margin-top: 0.5em; 
}
.entry-content  a.pdf-dl {
	background: url(/wp-content/themes/sd40_2024/images/pdf-dl-icon.png) 0 0 no-repeat; 
	padding: 0 0 0 40px; 
	display: inline-block; 
	text-decoration: underline; 
}
.entry-content hr {
	margin: 20px 0; 
	height: 2px; 
	background: #f0f0f0; 
	border: 0 none;
	opacity: 1;
}
span.atmark:before {content: "@";}

@media screen and (min-width: 992px) {
	.page-content .entry-content > .row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.page-content .entry-content > .row > div {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* === Posts lists base === */
.posts-list {
}
.posts-list .post-item {
}
.posts-list .post-item .p-thumb {
	width: 100%;
	margin: 0 0 15px 0;
}
.posts-list .post-item .p-thumb img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
}
.posts-list .post-item .p-content {
	font-size: 0.8rem;
}
.posts-list .post-item .p-content h3 {
	color: var(--sd40-hover-submenu-buttons);
	font-size: 1.05rem;
	margin: 0 0 0.5em;
}
.posts-list .post-item .p-content h3 a {
	display: block;
}
.posts-list .post-item .p-content p {
	margin-bottom: 0;
}
.post-content .entry-content .posttime,
.posts-list .post-item .p-content .posttime {
	font-size: 0.7rem;
	color: #999;
	font-weight: 400;
	margin-bottom: 4px;
}
.posts-list .post-item .p-content .tlink {
	padding-left: 6px;
	color: var(--sd40-hover-submenu-buttons);
}
.posts-list .post-item .p-content .tlink:hover {
	color: var(--sd40-hover-submenu-buttons);
}

/* === Simple posts lists base === */
.posts-list .simple-post-item {
	font-size: 0.8rem;
	margin-bottom: 30px;
}
.posts-list .simple-post-item:last-child {
	margin-bottom: 0;
}
.posts-list .simple-post-item .spi-text .spi-meta {
	color: #999;
	font-size: 0.7rem;
	margin-bottom: 0.5em;
}
.posts-list .simple-post-item .spi-text h4 {
/*	font-size: 1rem; */
	margin-bottom: 0.5em;
	margin-top: 0;
}
.posts-list .simple-post-item .spi-text h4 a {
	color: var(--sd40-links);
	font-size: 1rem;
}
.posts-list .simple-post-item .spi-text h4 a:hover {
	text-decoration: underline;
}
.posts-list .simple-post-item .spi-text p {
	margin-bottom: 0;
}


/* Alignement (WP classes)
   ========================================================================== */
.images-right {
	float: right;
	margin-left: 20px;
	max-width: 350px;
}
.images-right img {
	margin-bottom:20px;
	max-width: 350px;
}
.aligncenter,
.alignright,
.alignleft {
	display: block;
	margin:  0 auto 1.5rem;
	text-align: center;
}
p .aligncenter,
p .alignright,
p .alignleft {
	margin-bottom: 0;
}

@media only screen and ( min-width: 576px ) {
	.alignleft {
		float:        left;
		margin-right: 1.5rem;
	}
	.alignright {
		float:       right;
		margin-left: 1.5rem;
	}
}

.alignnone { float: none; }
.clear { clear: both; }
.separator { clear: both; width: 100%; }


/* Images
   ========================================================================== */

.wp-block-image {
	margin-bottom: 1.5rem;
}
.wp-block-image:has(figure.alignleft, figure.alignright) {
	margin-bottom: 0;
}
img {
	height: auto;
	max-width: 100%;
}
img.wp-smiley,
img.emoji {
	background: transparent;
	border: none;
	box-shadow: none;
	display: inline;
	margin: 0 .07em;
	max-height: 1em;
	padding: 0;
	width: 1em;
}

.wp-block-image .alignleft,
.wp-block-image .alignright,
img.alignleft,
img.alignright,
.wp-block-group.alignright {
  max-width: 45%;
}
.wp-block-image .alignleft,
img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.wp-block-image .alignright,
img.alignright,
.wp-block-group.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.wp-block-image .aligncenter {
  margin-bottom: 15px;
}

.entry-content > img.alignnone {
	margin: 15px 0 15px;
}

@media only screen and (max-width: 525px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright,
	img.alignleft,
	img.alignright, 
	.wp-block-group.alignright, 
	.wp-block-image figure.alignleft, 
	.wp-block-image img.alignleft, 
	.wp-block-image figure.alignright, 
	.wp-block-image img.alignright {
			float: none;
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			max-width: 100%;
			width: auto;
	}
}

@media (min-width: 768px) {
	.wp-caption.alignleft {
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
	}
	.wp-caption.alignright {
		float: right;
		margin-left: 20px;
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 992px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright,
	img.alignleft,
	img.alignright {
	  max-width: 50%;
	}
	table .wp-block-image .alignleft,
	table .wp-block-image .alignright,
	table img.alignleft,
	table img.alignright {
	  max-width: 100%;
	}
	.wp-block-image .alignleft,
	img.alignleft {
	  margin-right: 30px;
	}
	.wp-block-image .alignright,
	img.alignright {
	  margin-left: 30px;
	}
	img.aligncenter {
		margin: 15px auto 15px;
	}
}

@media screen and (min-width: 1200px) {
	.wp-block-image .alignleft,
	.wp-block-image .alignright,
	img.alignleft,
	img.alignright {
	  max-width: 500px;
	}
	table .wp-block-image .alignleft,
	table .wp-block-image .alignright,
	table img.alignleft,
	table img.alignright {
	  max-width: 100%;
	}
	.wp-block-image .alignleft,
	img.alignleft {
	  margin-right: 40px;
	}
	.wp-block-image .alignright,
	img.alignright {
	  margin-left: 40px;
	}
}


/* === Captions === */
.wp-caption {
	max-width: 100%;
	position: relative;
	margin-bottom: 1.5em;
}

figcaption,
.figcaption,
.wp-caption-text {
	font-size: 0.65rem;
	font-weight:normal;
	padding: 0;
	margin-bottom: 20px !important;
	margin-top: 10px !important;
	position: relative;
	line-height: 120%;
	text-align: left;
}

figcaption span,
.wp-caption-text span {
	clear: both;
	display: block;
	font-size: 90%;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* === figure with caption floated over image === */
.wp-block-image.float-caption {
	position: relative;
}

.wp-block-image.float-caption figcaption {
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-align: center;
	max-width: 100%;
}

.wp-block-image.float-caption::before {
	content: " ";
	background: rgba(40, 82, 63, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	max-width: 100%;
}

.wp-block-image .alignleft,
.wp-block-image .alignright {
  max-width: 45%;
}
.wp-block-image .alignright {
  margin: 0 0 20px 20px;
}
.wp-block-image .alignleft {
  margin: 0 20px 20px 0;
}
@media only screen and (min-width: 992px) { 
	.wp-block-image .alignright {
	  margin: 0 0 20px 30px;
	}
	.wp-block-image .alignleft {
	  margin: 0 30px 20px 0;
	}
}

@media only screen and (min-width: 1200px) { 
	.wp-block-image .alignright {
	  margin: 0 0 35px 50px;
	}
	.wp-block-image .alignleft {
	  margin: 0 50px 35px 0;
	}
}

/* === General tables=== */
.entry-content .wp-block-table {
	margin: 2rem 0;
	max-width: 100%;
	overflow-x: auto;
}

.entry-content .wp-block-table table {
	border: 0 none;
	border-collapse: collapse;
	margin: 0;
	max-width: 100%;
	width: 100%;
	overflow-x: scroll;
}
.entry-content .wp-block-table table th,
.entry-content .wp-block-table table td {
	text-align: left;
	padding: 12px 10px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: none;
	border-right: none;
	vertical-align: middle;
}
.entry-content .wp-block-table table th {
	font-weight: 700;
	/* text-align: center; */
}
.entry-content .wp-block-table table tr:nth-child(odd),
.entry-content .wp-block-table table tr.gray {
	background-color: #f0f0f0;
}
.entry-content .wp-block-table table tr.white {
	background: #ffffff;
}

@media only screen and (max-width: 600px) { 
	.entry-content .wp-block-table {
		overflow-x: scroll;
	}
	.entry-content .wp-block-table table {
		max-width: 600px;
		width: 600px;
	}
}

/* === General Gallery layout=== */
.entry-content .wp-block-gallery.has-nested-images.is-cropped {
	gap: 15px !important;
	width: 100%;
	margin-top: 20px;
}

.entry-content .wp-block-gallery.has-nested-images.is-cropped.alignright {
	margin-top: 4px;
	max-width: 100%;
}

.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	width: calc(50% - 15px) !important;
}

.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):first-child {
	width: calc(100%) !important;
}

.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image a {
	display: block;
	height: 0;
	padding-top: 100%;
	position: relative;
}

.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):first-child a {
	padding-top: 66.666%;
}

.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image a img {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

@media screen and (min-width: 575px) {
	.entry-content .wp-block-gallery.has-nested-images.is-cropped.alignright {
		max-width: 45%;
	}
}

@media screen and ( min-width: 768px ) {
	.entry-content .wp-block-gallery.has-nested-images.is-cropped {
		gap: 20px !important;
		margin-top: 30px;
	}
	.entry-content .sidebar-column .wp-block-gallery.has-nested-images.is-cropped:first-child {
		margin-top: 5px;
	}
	.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: calc(33.33% - 20px) !important;
	}
}

@media screen and ( min-width: 992px ) {
}

/* === Note block === */
.entry-content .wp-block-group.sd40-note {
	background: #e6e6e6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 30px 0;
	padding: 20px;
}
.entry-content .wp-block-group.sd40-note:last-child {
	margin-bottom: 0;
}
.entry-content .wp-block-group.sd40-note h2:first-child,
.entry-content .wp-block-group.sd40-note h3:first-child,
.entry-content .wp-block-group.sd40-note h4:first-child {
	margin-top: 0;
}

/* === Accordian block === */
.page-content .entry-content .wp-block-ub-content-toggle {
	margin: 30px 0;
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion {
	border-radius: 4px;
	margin-top: 10px;
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion:first-child {
	margin-top: 0;
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap {
	background-color: #e8e8e8 !important;
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title {
	background-color: #e8e8e8;
	color: #333;
	font-weight: 600;
	margin: 0;
	padding: 8px 0 7px 50px;
	position: relative;
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title::before {
	content: "\f109";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 15px;
	top: 10px;
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-content-wrap {
	border-radius: 4px;
	border: 2px solid #e8e8e8;
	padding: 15px; 
}
.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-content-wrap.ub-hiding {
	border: 0 none;
	padding: 0 15px; 
}

@media screen and (min-width: 992px) {
	.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title {
		padding-bottom: 17px;
		padding-top: 18px;
	}
	.page-content .entry-content .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title::before {
		top: 20px;
	}
}

/* Typography Buttons
   ========================================================================== */
.btn {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.1em;
}
.btn.btn-primary {
	background: var(--sd40-btn-primary);
	border: 2px solid var(--sd40-btn-primary);
	border-radius: 8px;
	box-shadow: none;
	color: #fff;
	font-weight: 600 !important;
	padding: 8px 20px;
	text-align: center;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.btn.btn-primary:visited {
	color: #fff;
}
.btn.btn-primary:active,
.btn.btn-primary:focus {
	background: var(--sd40-btn-primary-hover);
	border: 2px solid var(--sd40-btn-primary-hover);
	box-shadow: none;
	color: #fff;
}
.btn.btn-primary:hover {
	background: var(--sd40-btn-primary-hover);
	border: 2px solid var(--sd40-btn-primary-hover);
	box-shadow: none;
	color: #fff;
	text-decoration: none;
}

.btn.btn-secondary {
	background: none;
	border: 2px solid #fff;
	border-radius: 0;
	color: #fff;
	font-weight: 600 !important;
	line-height: 1.1em;
	margin-top: 13px;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
}
.btn.btn-secondary:visited {
	color: #fff;
}
.btn.btn-secondary:hover {
	border: 2px solid #fff;
	background: #fff;
	color: #222;
}
.ub-button-container  {
	border: 2px solid #28523f;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 992px) {
	.btn.btn-primary,
	.btn.btn-secondary {
		font-size: 0.85rem;
		margin-top: 20px;
	}
}

/* ====== WP Buttons block ====== */
.page-content .entry-content .wp-block-buttons {
	margin-bottom: 20px;
	margin-right: -50px;
	margin-top: -0.8em
}
.page-content .entry-content .wp-block-buttons:last-child {
	margin-bottom: 0;
}
.page-content .entry-content .wp-block-buttons .wp-block-button {
	margin-right: 50px;
	margin-top: 20px;
}
.page-content .entry-content .wp-block-buttons .wp-block-button .wp-block-button__link {
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.1em;
	background: var(--sd40-hover-submenu-buttons);
	border: 2px solid var(--sd40-hover-submenu-buttons);
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	padding: 15px 25px;
	text-align: center;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/*
.page-content .entry-content .wp-block-buttons .wp-block-button.btn-green .wp-block-button__link {
	background: #3cadb5;
	border-color: #3cadb5;
}
*/
.page-content .entry-content .wp-block-buttons .wp-block-button .wp-block-button__link:visited {
	color: #fff;
}
.page-content .entry-content .wp-block-buttons .wp-block-button .wp-block-button__link:active,
.page-content .entry-content .wp-block-buttons .wp-block-button .wp-block-button__link:focus {
	background: var(--sd40-hover-submenu-buttons);
	border: 2px solid var(--sd40-hover-submenu-buttons);
	box-shadow: none;
	color: #fff;
}
.page-content .entry-content .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
	background: var(--sd40-hover-submenu-buttons);
	border: 2px solid var(--sd40-hover-submenu-buttons);
	box-shadow: none;
	color: #fff;
	opacity: 0.7;
	text-decoration: none;
}
.page-content .entry-content .wp-block-buttons .wp-block-button.btn-green .wp-block-button__link:active,
.page-content .entry-content .wp-block-buttons .wp-block-button.btn-green .wp-block-button__link:focus,
.page-content .entry-content .wp-block-buttons .wp-block-button.btn-green .wp-block-button__link:hover {
	background: #3cadb5;
	border-color: #3cadb5;
}

@media screen and (min-width: 992px) {
	.page-content .entry-content .wp-block-buttons {
		margin-bottom: 30px;
	}
	.page-content .entry-content .wp-block-buttons .wp-block-button {
		margin-top: 30px;
	}
}


/* Media
   ========================================================================== */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
	line-height: 1;
}


/* Accessibility
   ========================================================================== */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/* Clearings
   ========================================================================== */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.header-content:before,
.header-content:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-content:before,
.footer-content:after,
.footer-content .site-info:before,
.footer-content .site-info:after,
.footer-sitemap:before,
.footer-sitemap:after,
.row-layout:before,
.row-layout:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.header-content:after,
.site-content:after,
.site-footer:after,
.footer-content:after,
.footer-content .site-info:after,
.footer-sitemap:after,
.row-layout:after {
	clear: both;
}


/* === Remove margin-bottom on last element in entry-content (content editor) === */
.page-content .entry-content > ul:last-child,
.page-content .entry-content > ol:last-child,
.page-content .entry-content > ul:last-child > li:last-child,
.page-content .entry-content > ol:last-child > li:last-child,
.page-content .entry-content > dl:last-child,
.page-content .entry-content > figure:last-child,
.page-content .entry-content > fieldset:last-child,
.page-content .entry-content > form:last-child,
.page-content .entry-content > pre:last-child,
.page-content .entry-content > table:last-child,
.page-content .entry-content > object:last-child,
.page-content .entry-content > blockquote:last-child,
.page-content .entry-content > address:last-child,
.page-content .entry-content > .wp-block-image:last-child,
.page-content .entry-content > .wp-block-table:last-child,
.page-content .entry-content > .wp-block-ub-content-toggle:last-child {
	margin-bottom: 0;
}


/* ==========================================================================
   # Home
   ========================================================================== */
.hero-area {
	background: var(--sd40-hero-background) ; 
	height: auto; 
	padding: 40px 0; 
	overflow: hidden; 
	margin: 0; 
	position: relative; 
	z-index: 1;
}
.hero-area .intro-slider {
	width: 100%; 
	max-width: 100%; 
	padding: 0; 
	height: auto; 
	margin: 0; 
	position: relative;
}
.hero-area .intro-slider .slide {
	position: relative; 
	width: 100%; 
	padding: 0; 
}
.hero-area .intro-slider .slide figure,
.hero-area .intro-slider .slide img {
	margin: 0;
	padding: 0;
}
.hero-area .intro-slider .slide figure {
	position: relative;
	width: 100%;
}
.hero-area .intro-slider .slide figure::after {
	content: " ";
	display: block;
	padding-bottom: 56.25%;
	width: 100%;
}
.hero-area .intro-slider .slide figure a {
	display: inline;
}
.hero-area .intro-slider .slide img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 100%;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 600 / 340;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-area .intro-slider .slide iframe {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 100%;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 16 / 9;
	position: absolute;
	top: 0;
	left: 0;
}

/* Dots */
.hero-area .slick-dotted.slick-slider {
    margin-bottom: 40px;
}

.hero-area .slick-dots {
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 0 -15px;
    list-style: none;
}
.hero-area .slick-dots li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 15px;
    margin: 0 0 0 15px;
    padding: 0;
    cursor: pointer;
}
.hero-area .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
    opacity: 0.5;
}
.hero-area .slick-dots li button:hover,
.hero-area .slick-dots li button:focus {
    outline: none;
    opacity: 1;
}
.hero-area .slick-dots li.slick-active button {
    opacity: 1;
}

.hero-area .intro-slider .slide .slide-image {
	margin-bottom: 40px;
}

.hero-area .intro-slider .slide .slide-text-body {
	color: #fff;
	font-size: 1.15rem;
	font-weight: 300;
}

.hero-area .intro-slider .slide .slide-text-body h2 {
	color: #fff;
	font-size: 2.3rem;
	line-height: 1.1;
}

.hero-area .intro-slider .slide .slide-text-body h2 a {
	color: #fff;
}

.hero-area .intro-slider .slide .slide-text-body h2 a:hover {
	text-decoration: underline;
}

.hero-area .intro-slider .slide .slide-text-body p {
	margin-bottom: 0;
}

.hero-area .intro-slider .slide .slide-text-body .slide-link {
	margin-top: 0.5em;
}

.hero-area .intro-slider .slide .slide-text-body .slide-link a {
	color: #fff;
	text-decoration: underline;
}

@media screen and (min-width: 575px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
	.hero-area .slick-dotted.slick-slider {
	    margin-bottom: 0;
	}
	.hero-area .slick-dots {
		bottom: 0;
		left: calc(50% + (var(--bs-gutter-x) * .5));
		right: 0;
		width: auto;
	}
	.hero-area .intro-slider .slide .slide-image {
		margin-bottom: 0;
	}
	.hero-area .intro-slider .slide .slide-text {
		padding-bottom: 40px;
	}
}

@media screen and (min-width: 1200px) {
	.hero-area .slide .row {
		--bs-gutter-x: 2.25rem;
	}
	.hero-area .intro-slider .slide .slide-text {
		padding-bottom: 50px;
	}
	.hero-area .slick-dots {
		bottom: 10px;
		left: calc(58.33333333% + (2.25rem * .5) + 2px);
	}
}

@media screen and (min-width: 1400px) {
}


.home-section .entry-content {
	border-bottom: 2px solid #eaebe7;
	padding: 30px 0 35px;
}
.home-section:last-child .entry-content {
	border-bottom: 0 none;
}

.home-section .entry-content h2 {
	font-size: 1.4rem;
	margin-bottom: 1.2em;
}

.slider-container {
	padding: 0 50px;
}
.slides.has-arrows .slick-arrow {
	/*
	-webkit-appearance: none !important;
	appearance: none !important;
*/
	background: var(--sd40-color-stone);
	border: 0 none;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
	color: #333;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	z-index: 2000;
	overflow: hidden;
	text-indent: -9999px;
	top: 50%;
	transform: translateY(-50%);
}
.slides.has-arrows .slick-arrow i.fa-solid {
	font-size: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-indent: 0;
	transform: translate(-50%, -50%);
}
.slides.has-arrows .slick-prev {
	left: -50px;
}
.slides.has-arrows .slick-next {
	right: -50px;
}


@media screen and (min-width: 575px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
	.slider-container {
		padding: 0;
	}
}


.home-section.quick-links .links-cats-select {
	margin: 0 0 30px 0;
}
.home-section.quick-links .links-cats-select ul {
	list-style: none;
	margin: 0 -20px -20px 0;
	padding: 0;
}
.home-section.quick-links .links-cats-select ul li {
	margin: 0 20px 20px 0;
}
.home-section.quick-links .links-cats-select ul li .btn-primary {
	margin: 0;
}
.home-section.quick-links .links-cats-select ul li .btn-primary.active {
	background: var(--sd40-btn-primary-hover);
	border: 2px solid var(--sd40-btn-primary-hover);
	box-shadow: none;
	color: #fff;
	text-decoration: none;
}


.home-section.quick-links .qlinks-slider .slide figure {
	height: 45px;
	text-align: center;
}
.home-section.quick-links .qlinks-slider .slide figure > i {
	font-size: 45px;
}
.home-section.quick-links .qlinks-slider .slide figure > svg {
	height: 45px;
	max-height: 45px;
	min-height: 45px;
	width: auto;
}
.home-section.quick-links .qlinks-slider .slide .slide-txt {
	font-size: 0.95rem;
	line-height: 1.4;
	padding: 0 15px;
}
.home-section.quick-links .qlinks-slider .slide .slide-txt a {
	color: var(--sd40-hover-submenu-buttons);
	display: block;
	font-weight: 400;
}
.home-section.quick-links .qlinks-slider .slide .slide-txt a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 575px) {
}

@media screen and (min-width: 768px) {
	.home-section.quick-links .links-cats-select {
		margin-top: -70px;
		padding-left: 160px;
		position: relative;
		z-index: 100;
	}
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
	.home-section.quick-links .qlinks-slider {
		padding-left: 50px;
	}
	.home-section.quick-links .qlinks-slider .slides.has-arrows .slick-prev {
	  left: -100px;
	}
	.home-section.quick-links .qlinks-slider .slide .slide-txt {
		padding-right: 30px;
	}
}

.home-section h2 .section-catch {
	display: block;
	font-size: 1.05rem;
	font-weight: 400;
	margin-top: 0.4em;
}

.home-section h2 .view-all-link {
	color: var(--sd40-hover-submenu-buttons);
	display: block;
	font-size: 1.05rem;
	font-weight: 700;
	margin: 0;
	text-align: right;
}

.slider-container.news-slider {
	padding: 0 30px;
}
.news-slider .slides.has-arrows .slick-arrow {
	top: 70px;
}
.news-slider .slides.has-arrows .slick-prev {
	left: -30px;
}
.news-slider .slides.has-arrows .slick-next {
	right: -30px;
}
.news-slider .slide {
	padding: 0 20px;
}

.hero-area .intro-slider .slide .p-thumb,
.hero-area .intro-slider .slide .p-thumb img {
	margin: 0;
	padding: 0;
}
.news-slider .slides .slide .p-thumb {
	position: relative;
	width: 100%;
}
.news-slider .slides .slide .p-thumb::after {
	content: " ";
	display: block;
	padding-bottom: 58.44%;
	width: 100%;
}
.news-slider .slides .slide .p-thumb img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	aspect-ratio: 450 / 263;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 575px) {
	.home-section h2 {
		position: relative;
	}
	.home-section h2 .view-all-link {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 992px) {
	.home-section h2 .section-catch {
		display: inline-block;
		margin-left: 20px;
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.slider-container.news-slider {
		padding: 0;
		margin: 0 -25px;
	}
	.news-slider .slides.has-arrows .slick-prev {
		left: -25px;
	}
	.news-slider .slides.has-arrows .slick-next {
		right: -25px;
	}
	.news-slider .slide {
		padding: 0 22px;
	}
}

.slider-container.events-slider {
	padding: 0 25px;
}
.events-slider .slides.has-arrows .slick-arrow {
	top: 30px;
}
.events-slider .slides.has-arrows .slick-prev {
	left: -30px;
}
.events-slider .slides.has-arrows .slick-next {
	right: -30px;
}
.events-slider .slide {
	padding: 0 20px;
}

@media screen and (min-width: 992px) {
	.home-section h2 .section-catch {
		display: inline-block;
		margin-left: 20px;
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.slider-container.events-slider {
		padding: 0;
		margin: 0 -25px;
	}
	.events-slider .slides.has-arrows .slick-prev {
		left: -25px;
	}
	.events-slider .slides.has-arrows .slick-next {
		right: -25px;
	}
	.events-slider .slide {
		padding: 0 22px;
	}
}


/* ==========================================================================
   # Inner pages
   ========================================================================== */

/* === Post Header === */
.entry-title {
	margin-top: 0;
}

.entry-title a {
	color: inherit;
	text-decoration: none;
}

.entry-title a:hover {
	color: #333;
}

/* === Post Content === */

.entry-content {
}

@media (min-width: 768px) {
}

@media screen and (min-width: 992px) {
}



/* 51ºÚÁÏ
   ========================================================================== */
/* === News posts === */
.posts-list.news-list .simple-post-item .spi-text h4 {
	font-size: 1rem;
}

/* Our Board
   ========================================================================== */
/* === Events Calendar === */
.tribe-events .tribe-events-l-container,
.tribe-common .tribe-common-l-container,
.page-content .entry-content #tribe-events-pg-template {
	padding: 20px 0 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event:not(.has-post-thumbnail) .tribe-events-calendar-list__event-details {
	width: 100%;
}
@media screen and (min-width: 992px) {
	.tribe-events .tribe-events-l-container,
	.tribe-common .tribe-common-l-container,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container,
	.page-content .entry-content #tribe-events-pg-template {
		padding: 0;
	}
}

.entry-content .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-title .tribe-events-calendar-list__event-title-link,
.entry-content .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day .tribe-events-calendar-month-mobile-events__mobile-event-title .tribe-events-calendar-month-mobile-events__mobile-event-title-link,
.entry-content .tribe-events .tribe-events-calendar-month__calendar-event-title .tribe-events-calendar-month__calendar-event-title-link {
	color: var(--sd40-links);
}

.entry-content .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-title,
.entry-content .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day .tribe-events-calendar-month-mobile-events__mobile-event-title,
.entry-content .tribe-events .tribe-events-calendar-month__calendar-event-title {
	margin-top: 0;
}

/* === Reports/Publications === */
.posts-list.reports-list .simple-post-item .spi-text p.file-links {
  margin-top: 0.7em;
}
.posts-list.reports-list .simple-post-item .spi-text p.file-links a {
  font-weight: 600;
}

/* === Community Directory === */
.posts-list.cd-list .simple-post-item .spi-text figure.cd-logo {
  float: left;
  margin: 0 1em 0.5em 0;
  max-width: 180px;
}

/* Contact Us
   ========================================================================== */
h3 .required-fields {
	color: var(--sd40-links);
	font-size: 0.75rem;
	display: block;
	font-weight: 400;
}
@media (min-width: 768px) {
	.pg-direct-email-form .wpcf7-form p {
		padding-left: 130px;
		margin: 15px 0;
	}
	.pg-direct-email-form .wpcf7-form label {
		width: 130px;
		float: left;
		margin-left: -130px;
	}
	h3 .required-fields {
		display: inline-block;
		padding-left: 20px;
	}
}
@media (min-width: 992px) {
	h3 .required-fields {
		font-size: 0.8rem;
	}
}

.wpcf7 .wpcf7-form .contact-fields {
	margin-bottom: -25px;
}
.wpcf7 .wpcf7-form .contact-fields > div {
	margin-bottom: 25px;
}
.wpcf7 .wpcf7-form .contact-fields > div.contact-label {
	margin-bottom: 12px;
}
.wpcf7 .wpcf7-form .contact-fields > div.empty-col {
	margin-bottom: 0;
}

.wpcf7 .wpcf7-form .contact-fields p {
	margin: 0;
}

.wpcf7 form .contact-fields .wpcf7-form-control.wpcf7-textarea {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.wpcf7 .wpcf7-form .contact-fields > div.contact-label {
		width: 130px;
	}
	.wpcf7 .wpcf7-form .contact-fields > div.contact-field {
		width: calc(100% - 130px);
	}
}

/* ==========================================================================
   # Contact Form 7
   ========================================================================== */
.wp-block-contact-form-7-contact-form-selector:last-child .wpcf7 form {
	margin-bottom: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 1em 0;
	padding: 0.5em 1em;
}

.wpcf7 .wpcf7-form p {
	margin: 15px 0;
}

.wpcf7 form .wpcf7-form-control {
}

.wpcf7 form .wpcf7-form-control.wpcf7-text,
.wpcf7 form .wpcf7-form-control.wpcf7-email,
.wpcf7 form .wpcf7-form-control.wpcf7-select,
.wpcf7 form .wpcf7-form-control.wpcf7-date,
.wpcf7 form .wpcf7-form-control.wpcf7-textarea {
	border-color: #e6e6e6; 
	border-style: solid; 
	border-width: 1px; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  max-width: 100%;
  padding: 8px;
  width:100%;
}

.wpcf7 form .wpcf7-form-control.wpcf7-text::placeholder,
.wpcf7 form .wpcf7-form-control.wpcf7-email::placeholder,
.wpcf7 form .wpcf7-form-control.wpcf7-textarea::placeholder {
/*  color: #333;
  opacity: 1; */
}

.wpcf7 form .wpcf7-form-control.wpcf7-textarea {
	margin-bottom: 15px;
}

.wpcf7 form .wpcf7-form-control.wpcf7-date::placeholder {
  color: #999;
}

.wpcf7 form .wpcf7-form-control.wpcf7-select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}

.wpcf7 form .wpcf7-form-control.wpcf7-submit {
	color: #fff; 
	background: var(--sd40-links); 
	border: 2px solid var(--sd40-links);
	cursor: pointer; 
	padding: 10px 25px;
	width: auto; 
	height: auto; 
	margin: 0 10px 0 0; 
	display: inline-block; 
	vertical-align: top;
	line-height: 1.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.wpcf7 form .wpcf7-form-control.wpcf7-submit:hover {
	background: var(--sd40-links);
	border: 2px solid var(--sd40-links);
	box-shadow: none;
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}

.wpcf7 form .ajax-loader {
  vertical-align: middle;
}

.wpcf7 form .selectbox { 
	position:relative; 
}
.wpcf7 form .selectbox::after { 
	content: 'â–¼';
  color: #00619b;
	font-size:14px;
  right: 20px;
  top: 12px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none; 
}


@media only screen and ( max-width: 614px ) {
	textarea {
		width: 100%;
	}
}



/* ==========================================================================
	# Emergency Alerts
   ========================================================================== */
.eas-section {
	padding: 15px 0;
}
.eas-section.eas-level-high {
	background: #ff6600;
	color: #fff;
}
.eas-section.eas-level-medium {
	background: #fdf59d;
}
.eas-section.eas-level-low {
	background: #d6ebc2;
}
.eas-section .row {
	margin: 0 -10px !important;
}
.eas-section .row > div {
	margin-bottom: 0 !important;
	padding: 0 10px !important;
}
.eas-section .eas-mark {
	width: 75px;
}
.eas-section .eas-mark img {
	width: 100%;
}
.eas-section .row > div.eas-content {
	padding-left: 65px !important;
	width: calc(100% - 75px);
}
.eas-section .eas-content .eas-label {
	display: block;
	float: left;
	font-weight: 700;
	margin-left: -55px;
	width: 55px;
}
.eas-section .eas-content p {
	margin: 0;
}
.eas-section .eas-content p a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
}
.eas-section .eas-content p a:hover {
	text-decoration: none;
}


/* ==========================================================================
	# Privacy Policy
   ========================================================================== */


/* ==========================================================================
	# 404 Error
   ========================================================================== */


/* ==========================================================================
	# Search Results
   ========================================================================== */


/* ==========================================================================
	# Admin bar fix
   ========================================================================== */
@media screen and (max-width: 782px) {
/*	html #wpadminbar {
		top: -46px;
	}*/
}