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

h1, .h1, .font-georgia { font-family: Georgia, serif; font-style: italic; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

#breadcrumbs { padding: 1.375rem 0; font-family: Georgia, serif; font-style: italic; border-bottom: 1px solid #f1f1f1; }
#breadcrumbs a, #breadcrumbs span { color: #a6a6a6; }
#breadcrumbs span.breadcrumb_last { color: initial; }
.wp-block-button.readmore .wp-block-button__link { padding: calc(0.2375em + 2px) calc(1.25em + 2px); font-size: 1em; color: var(--bs-body-color); background-color: #f5f5f5; border: 1px solid #d6d6d6; }
.wp-block-separator { border-top: 1px solid #f1f1f1; }
:where(.wp-block-columns.is-layout-flex) { gap: 2em; }

.home > header { margin-bottom: 3rem; }
#block-5 a { color: var(--bs-body-color); text-decoration: none; }
#block-5 a:not(.wp-block-button__link):hover { text-decoration: underline; }
.navbar { border: 1px solid #f1f1f1; }
.navbar > .container { padding: 1rem; }
.navbar-nav .nav-link.active { font-family: Georgia, serif; font-style: italic; }
.nav-item-4025 img { max-width: 1.5rem; }
.dropdown-menu { border-radius: 0; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
.dropdown-item.active, .dropdown-item:active { color: var(--bs-body-color); background-color: #f8f9fa; }

.carousel-caption { bottom: 0; padding: 1rem; font-size: 0.875rem; background-color: rgba(0, 0, 0, 0.7); }
.carousel-caption p { margin: 0; }
.carousel-indicators { margin-bottom: 0; bottom: -1.5rem; }
.carousel-indicators [data-bs-target] { background-color: #212529; opacity: 0.25; }
.carousel-indicators .active { opacity: 1; }

main > footer { background-color: #e9e9e9; }

/* home */
#slogan { position: relative; padding: 1rem 2.5rem 0.125rem; border: 1px solid #f1f1f1; border-radius: 0.625rem; }
#slogan p { font-size: 1.75rem; }
#slogan #left-quote, #slogan #right-quote { position: absolute; top: 1.25rem; }
#slogan #left-quote { left: 1.25rem; }
#slogan #right-quote { right: 1.25rem; }
.r-work { float: left; position: relative; margin: 0 2rem 1.25rem 0; width: 12.5rem; }
.r-work img { width: 12.5rem; height: 12.5rem; }
#recent-posts .thumb { position: relative; float: left; margin: 0.375rem 1.375rem 0 0; width: 4.375rem; }
#recent-posts .date, #recent-posts .title { display: inline-block; font-size: 1rem; }
#recent-posts .date { font-weight: bold; color: #cfcfcf; text-transform: uppercase; }
#recent-posts .title { font-family: Georgia, serif; font-style: italic; }
#recent-posts .title a { color: initial; text-decoration: none; }
#recent-posts .title a:hover { text-decoration: underline; }

.testimonial { position: relative; margin-bottom: 1rem; padding: 0 2.25rem; }
.testimonial #left-quote, .testimonial #right-quote { position: absolute; top: 0; }
.testimonial #left-quote { left: 0; }
.testimonial #right-quote { right: 0; }
.wp-block-quote cite { font-family: Georgia, serif; }

#recent-posts-2 ul, #categories-2 ul , #archives-2 ul { padding-left: 0.5rem; }
#recent-posts-2 ul li, #categories-2 ul li, #archives-2 ul li { padding-left: 0.25rem; }
#recent-posts-2 ul li::marker, #categories-2 ul li::marker, #archives-2 ul li::marker { content: '\00bb'; }
#recent-posts-2 ul a, #categories-2 ul a, #archives-2 ul a { color: var(--bs-body-color); }

/* blog */
.archive.category-4 a { color: var(--bs-body-color); }
.archive.category-4 div.meta { width: 9rem; text-align: right; }
.archive.category-4 div.meta p { margin: 0; }

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