/**
 * 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"); */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* font-family: "Lato", sans-serif; */

body { font-family: Lato, sans-serif; font-weight: 400; background-color: #f3f3f3; }
a { color: rgb(var(--bs-dark-rgb)); text-decoration: none; }
a:hover { color: rgb(var(--bs-dark-rgb)); }
strong { font-weight: 700; }
.wp-block-heading.accent, .wp-block-heading.accent span { position: relative; }
.wp-block-heading.accent span { z-index: 5; }
.wp-block-heading.accent:after { content: ''; display: block; position: absolute; top: 50%; width: 100%; height: 5px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.bg-white { color: var(--bs-body-color); }
.bg-effbff { background-color: #effbff; }
.btn-outline-red { color: #6d001d; border: 1px solid #6d001d; text-shadow: 0 0.075rem 0.075rem rgba(0, 0, 0, 0.5); box-shadow: 0 0.25rem 0 0 #6d001d, 0 0.25rem 0.5rem rgba(0, 0, 0, 0.75); }
.btn-outline-red:hover { color: #fff; background-color: #6d001d; box-shadow: 0 0.25rem 0 0 #6d001d, 0 0.25rem 0.5rem rgba(0, 0, 0, 0.75); }

#block-7 .breakout { color: #fff; background-color: #707070; }
#block-7 .breakout a { color: #fff; }
#block-7 .svg-inline--fa { height: 1.5rem; }
#block-2 { padding: 1rem 0; background-color: #fff; }

.navbar { border-top: 1px solid rgba(0, 0, 0, 0.075); box-shadow: 0 0.15rem 0.35rem rgba(0, 0, 0, 0.135); }
#menu-main-menu .nav-link { padding: 1.625rem 1.25rem 0; height: 75px; font-size: 1rem; color: #07353f; }
#menu-main-menu .nav-link:hover, #menu-main-menu .nav-link.active, #menu-main-menu .nav-link:active { color: #72012d; box-shadow: inset 0 4px 0 0 #07353f; }
.navbar-toggler { margin: 0.5rem 0; }

.breakout.breadcrumbs { background-color: rgba(0, 0, 0, 0.025); border-bottom: 1px solid  rgba(0, 0, 0, 0.075); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.75); }
#breadcrumbs { font-size: 0.625rem; text-transform: uppercase; }
.page-header { display: none; }
.content-wrap { margin: 3rem 0; background-color: #fff; box-shadow: 0 0.15rem 0.35rem 0 rgba(0, 0, 0, 0.1375); }

.home .bg-effbff { border-top: 1px solid rgba(0, 0, 0, 0.075); box-shadow: -0.125em 0.25em 0 rgba(0, 0, 0, 0.075); }
.home #icon-bar { background-color: #0a353e; }
.home #icon-bar .wp-block-group { font-size: 1.125rem; border-radius: 0.25rem; }
.home #icon-bar .wp-block-column:not(:nth-child(3)) .wp-block-group { cursor: pointer; }
.home #icon-bar .wp-block-group .wp-block-group a { color: var(--bs-body-color); text-decoration: none; }
.home #icon-bar .wp-block-group .wp-block-group:hover a {color: rgb(var(--bs-dark-rgb)); }

.map { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

#inner-footer #block-8 .svg-inline--fa { margin: 0 1.25%; height: 1.3125rem !important; color: #6f0d19 !important; }
#inner-footer #block-8 p:not(:first-child) { letter-spacing: 2px; opacity: 0.5; }

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