/**
 * 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.wp-admin, .wp-admin .table, .table-striped > tbody > tr:nth-of-type(odd) > * { color: #212529; }
.lead { font-weight: var(--bs-body-font-weight); }
.white-bg { color: var(--jwbs-text-on-white-bg-color); background-color: #fff; border-radius: 0.625rem; }
blockquote p { position: relative; padding: 0 3rem; font-size: 1.5rem; }
blockquote p:before, blockquote p:after { position:	absolute; content: ''; width: 1.25rem; height: 1rem; top: 0.5rem; }
blockquote p:before { left: 0; background: url('/wp-content/uploads/2024/07/left-quotes-small.png'); }
blockquote p:after { right: 0; background: url('/wp-content/uploads/2024/07/right-quotes-small.png'); }

#block-5 { margin-bottom: 0; padding-top: 1.5rem; }
body > header { margin-bottom: 1.5rem; }

.nav-link { color: #fff; background-color: #585858; }
.navbar-toggler { border: 1px solid #fff; }

.jwbs-banner:first-of-type { margin-bottom: 3rem; }

.checkmark { padding-left: 1.5rem; }
.checkmark li { padding-left: 0.5rem; }
.checkmark li::marker { content: '\2713'; font-weight: bold; color: #70c11b; }

.form-control, .form-control:focus { background-color: var(--bs-body-color); }

main footer { margin-top: 3rem; }
#menu-main-menu-1 { margin: 0; padding: 0; list-style: none; }
#menu-main-menu-1 li { display: inline-block; margin-right: 1.25rem; }
#menu-main-menu-1 li a { text-decoration: none; }
#menu-main-menu-1 li.current-menu-item a, blockquote { font-family: Georgia, serif; font-style: italic; }

/** 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) {
	#menu-main-menu:before, #menu-main-menu:after { content: ''; width: 1rem; background-color: #585858; border-radius: 0.375rem 0 0 0.375rem; }
	#menu-main-menu:after { border-radius: 0 0.375rem 0.375rem 0; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	#block-5 { margin-bottom: -2rem; }
}

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