/**
 * 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=Montserrat:wght@500&display=swap');

@font-face { font-family: 'DroidSerif', serif; src: url('/wp-content/themes/fonts/DroidSerif.ttf') format('ttf'); }

body, .stunning-text-wrapper { background: #ddd url('/wp-content/uploads/left-cross-5px.png'); }
body main.container {  background-color: rgb(var(--bs-white-rgb)); box-shadow: 0px 0px 0.5rem #bbb; }
a { color: var(--bs-dark); text-decoration: none; }
h1, .h1, h2, .h2, h3,.h3,  h4, .h4, h5, .h5, h6, .h6, .gdl-title{ font-family: 'Droid Serif'; }

.navbar > .container { display: block; padding: 1rem 0 0; background-color: #fff; }
.navbar .navigation-wrapper { padding-left: 1rem; background-color: #f9f9f9; border-top: 1px solid #ececec; border-bottom:  1px solid #ececec; }
.navbar .navbar-brand { display: none; }
.navbar #menu-main-menu .menu-item { padding: 0.5rem 0 0.5625rem; }
.navbar #menu-main-menu .nav-link { padding: 0 1rem; font-size: 0.875rem; font-weight: 600; border-right: 1px solid #dbdbdb; }
.navbar #menu-main-menu li:last-child .nav-link { border-right: 0 none; }
.navbar .social-wrapper img { opacity: 0.55; }

.post-header { margin-bottom: 1.5rem; }
.post-header h1.page-title { padding-bottom: 0.375rem; font-size: 1.25rem; border-bottom: 1px solid #ececec; }
.home .post-header { display: none; }

.stunning-text-wrapper { margin: 0 -0.75rem; padding: 1.5rem; background: url('/wp-content/uploads/left-cross-5px.png'); }
.stunning-text-title { font-family: 'Montserrat', sans-serif; font-weight: 500; }
.stunning-text-wrapper .h2 { text-shadow: 0px 1px 1px #4d4d4d; }
.stunning-text-button-wrapper { display: inline-block; margin: 0; padding: 0.55rem 2.5rem 0.75rem; text-align: center; background-color: rgb(22, 17, 78); border: 3px solid rgb(22, 17, 78); border-radius: 0.375rem; box-shadow: inset 0px 2px 3px rgba(255 ,255, 255, 0.5); }
.stunning-text-button { font-family: 'Helvetica Neue', sans-serif; font-size: 2rem; font-weight: 500; color: #fff; text-decoration: none; line-height: 1.125; }

body main.container footer { margin: 2rem -0.75rem 0; padding: 0.75rem 0; font-size: 0.75rem; color: #808080; background-color: #202020; border-top: 3.375rem solid #313131; }

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