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

a { color: rgb(var(--bs-warning-rgb)); font-weight: bold; text-decoration: unerline; }
a:hover { text-decoration: none; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { text-transform: uppercase; letter-spacing: 0.25em; }

#block-3 { padding: 1.5rem 0 0.25rem; }

.navbar {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#858585+0,020202+100 */
	background: linear-gradient(to bottom,  #858585 0%,#020202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-bottom: 0.25rem solid rgb(var(--bs-warning-rgb));
}
.navbar-nav .nav-link, .navbar-nav .nav-link.active { padding: 0.25rem var(--bs-nav-link-padding-x); font-weight: bold; color: #fff; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(255,255,255,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>"); }
.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.carousel-indicators { margin: 0 0 0.75rem 0.75rem; justify-content: flex-start;  }
.carousel-indicators [data-bs-target] { width: 10px; height: 10px; background-color: transparent; border-radius: 50%; border: 2px solid #fff; opacity: 1;  }
.carousel-indicators [data-bs-target].active { background-color: #fff; }

#content, #inner-footer .bg-warning { box-shadow: 0 3px 3px 3px #d6d6d6; }
#content .col-sm-9 { padding: 0 1.25rem 1.25rem; }

.home #content .col-sm-9 { padding-top: 1.25rem; }

.accordion-item { border: 0 none; }
.accordion-item h3 { display: inline-block; }
.accordion-button { padding: 0; font-weight: bold; text-decoration: underline; }
.accordion-button:after, .accordion-button:not(.collapsed):after { display: none; }
.accordion-body { padding: 0; }

#sidebarRight * { letter-spacing: 0; }
#sidebarRight { background: url('/wp-content/uploads/2024/12/sidebar-bg.gif'); border-left: 1px solid #dee0d3; }
#sidebarRight .accordion-button { padding-left: 1em; text-indent: -1em; }

.wp-block-contact-form-7-contact-form-selector h3 { margin: 0 -1rem 1rem -1rem; padding: 0 1rem; }
.wp-block-contact-form-7-contact-form-selector .wpcf7-list-item { margin: 0; }

#inner-footer { font-size: 0.875rem; }
#inner-footer .bg-warning { margin: 0 -1.5125rem 0 -1.5125rem; border-radius: 0 0 0.625rem 0.625rem; }
#inner-footer .menu { display: inline-block; margin: 0; padding: 0; list-style: none; }
#inner-footer .menu li { display: inline-block; }
#inner-footer .bg-warning .menu a { padding: 0 1em; color: #fff; border-right: 1px solid #fff; text-transform: uppercase; }
#inner-footer .bg-warning .menu li:last-child a { border-right: 0 none; }
#inner-footer #nav_menu-2 { text-align: right; }
#inner-footer #menu-copyright-menu a { padding: 0 0.5em; color: #727272; border-right: 1px solid #727272; }
#inner-footer #menu-copyright-menu li:last-child a { padding-right: 0; border-right: 0 none; }

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

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
}

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