/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

body { background: url('/wp-content/uploads/2025/03/body.png'); }

#block-2 { background: url('/wp-content/uploads/2025/03/head.png'); }
a > .fa-square-x-twitter { color: #329fc6; }
a:hover > .fa-square-x-twitter { color: #30aff4; }
a > .fa-square-envelope { color: #3ac9f4; }
a:hover > .fa-square-envelope { color: #38dcf1; }
.required { color: #f00; }
.card-body { padding: 0; }

.navbar.bg-transparent { background-color: #0d469d !important; border-top: 9px solid #2e007c; }
#menu-main-menu li:hover, .dropdown-menu { background-color: #6287be; }
.nav-link, .nav-link:hover, .nav-link.active, .nav-link:active { color: #fff; }
.dropdown-menu[data-bs-popper] { margin-top: 0; border-radius: 0; }
.dropdown-item { color: #fff; }
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { color: #fff; background-color: transparent; }
.navbar-toggler { margin: 0.5rem 0; border: 1px solid #fff; }

#sidebarLeft .widgettitle { text-transform: uppercase; }
#menu-left-menu { margin: 0 0 0 -0.75rem; padding: 0; list-style: none; background-color: #f5f9fd; border-top: 1px solid #0c459d; border-right: 1px solid #0c459d; }
#menu-left-menu li { padding: 0.375rem 1.25rem; border-bottom: 1px solid #0c459d }
#menu-left-menu li a { display: block; padding-left: 2.25rem; text-indent: -1rem; text-decoration: none; }
#menu-left-menu li a:hover:before { content: '\1f782'; margin-left: -1rem; padding-right: 0.45rem }
#sidebarLeft .btn {
	display: flex;
	align-items: center;
	margin: 0 0 0.5rem 1rem;
	padding: 0.5rem 1rem;
	width: calc(100% - 2rem);
	min-height: 4.375rem;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.2;
	color: #0c459d;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0efef+0,cacaca+100 */
	background: linear-gradient(to bottom,  #f0efef 0%,#cacaca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-transform: uppercase;
	border: 1px solid #c8c8c8;
	border-radius: 0.75rem;
}
#sidebarLeft .btn-img { width: 4.25rem; text-align:center; }
#sidebarLeft .btn .btn-text { display: inline-block; width: 100%; }
#sidebarLeft .btn .btn-text div { font-size: 1rem; }

#content { padding-bottom: 1rem; background-color: #fff; border: 1px solid #0d469d; border-top: 0 none; border-radius: 0 0 0.75rem 0.75rem; box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.4) }

.wp-block-embed.is-type-video { max-width: 35rem; }

.archive .page-header { height: 4rem; }

#menu-footer-menu { margin: 0.5rem 0 0; padding: 0; list-style: none; }
#menu-footer-menu li { display: inline-block; padding: 0 0.75rem; font-size: 0.875rem; border-right: 1px solid rgb(var(--bs-primary-rgb)); }
#menu-footer-menu li:last-child { border-right: 0 none; }
#menu-footer-menu li a { color: rgb(var(--bs-primary-rgb)); text-decoration: none; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
}

/** small devices (up to tablets) [-md] */
@media only screen and (max-width : 760px) {
	.wp-block-columns:not(.is-stacked-on-mobile) > .wp-block-column.flexbasis-md-50 { flex-basis: 50% !important; padding: 0 1rem; }
}

/** Medium devices (tablets, 768px and up) [-md] */
	@media only screen and (min-width : 768px) {
.wp-block-image .wp-image-315 { max-width: 352px; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	.navbar-nav .nav-link { padding: 0.75rem 1.25rem !important; }
	.page-id-303 .wp-block-image .wp-image-315 { max-width: 618px; }
	.wp-block-image .wp-image-326 { max-width: 630px; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
}