/**
 * 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("./fonts/MyriadPro/stylesheet.css");
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

body { font-weight: 300; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700 !important; }
b, .bold, strong, .fw-bold { font-weight: 700; }
a { text-decoration: none; }
a:not(.btn):hover { text-decoration: underline; }

#block-11 { padding-top: 1rem; font-size: 1rem; color: var(--bs-link-color); }
#block-11 figure { text-align: center; }

#menu-main-nav { padding: 0.5rem 0; }
#menu-main-nav a.nav-link { font-size: 1.25rem; font-weight: 400; color: var(--bs-link-color); }
ul.depth_0 > .menu-item-has-children a:after { float: none; top: -3px; border-left-color: rgb(var(--bs-link-color-rgb)); }
ul.depth_0 > .menu-item-has-children a:hover:after, ul.depth_0 > .menu-item-has-children a:focus:after { border-left-color: #fff; }
a.dropdown-item:hover, a.dropdown-item:focus, a.dropdown-item.active, a.dropdown-item:active { color: #fff; background-color: rgb(var(--bs-link-color-rgb)); }
.navbar-toggler { margin-bottom: 1rem; border-color: rgb(var(--bs-link-color-rgb)); }

.post-content .jwbs-banner { margin-bottom: 1.75em; }

form { padding: 1rem; box-shadow: 0 4px 30px #1721663e; }

.material-table table { width: auto; }
.material-table tr > td:first-of-type { text-align: right; }

footer { font-size: 1.1875rem; color: #fff; background-color: rgb(var(--bs-link-color-rgb)); }
footer a { font-size: 1.25rem; color: #fff; }
#menu-footer-nav { margin: 0; padding: 0; list-style: 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) {
  body { --bs-body-font-size: 1.5rem; }
	#block-11 { font-size: 1.1875rem; }
	#block-11 figure { text-align: left; }
}

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