/**
 * 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('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

#content { padding-top: 2rem; font-size: 1.15rem; }
.btn, .btn-sm { --bs-border-radius-lg: 0; --bs-border-radius: 0; --bs-btn-border-radius: 0; --bs-btn-font-weight: 700; }
.card { --bs-card-border-radius: 0; }
[class*="display-"], h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 700; }
#content ul > li { line-height: 1.1; padding-bottom: .75rem; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { color: #fff; background: rgb(var(--bs-primary-rgb)); }
.circle-mask, .circle-mask > figure > img { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
img[src*="ETI_logo"] { max-height: 100px; max-width: 246px; }

/** header */
body > .widget_block { font-size: 1rem; }

/** nav */
.navbar .container { align-items: flex-end; --bs-navbar-nav-link-padding-y: 0.75rem; --bs-navbar-nav-link-padding-x: 1.5rem; }
#menu-main-nav > li > a { color: rgb(var(--bs-primary-rgb)); }
#menu-main-nav .menu-item.btn { padding: 0; }
#menu-main-nav .menu-item.btn-primary > a { color: #fff !important; }
#menu-main-nav .menu-item.btn-primary > a:hover, .menu-item.btn-primary a:active, .menu-item.btn-primary a:focus,
#menu-main-nav .menu-item.btn-primary:hover > a, .menu-item.btn-primary:active a, .menu-item.btn-primary:focus a { color: rgba(var(--bs-primary-rgb)) !important; background: var(--jwbs-text-on-primary-bg-color) !important; }
#menu-main-nav .menu-item.btn-secondary > a { color: rgb(var(--bs-dark-rgb)); !important; }
#menu-main-nav .menu-item.btn-secondary > a:hover, .menu-item.btn-secondary a:active, .menu-item.btn-secondary a:focus,
#menu-main-nav .menu-item.btn-secondary:hover > a, .menu-item.btn-secondary:active a, .menu-item.btn-secondary:focus a { color: #fff !important; background: rgb(var(--bs-primary-rgb)) !important; }
#menu-main-nav .menu-item.btn > a.nav-link { padding: var(--bs-navbar-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x); }
.navbar-toggler {
  border: var(--bs-border-width) solid rgb(var(--bs-primary-rgb));
  --bs-navbar-toggler-collapsed-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%286,76,127, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(6,76,127,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>");
}

/** carousel */
.jwbs-banner { margin-bottom: 2rem; }
.carousel-caption { top: 3vw; max-width: 750px; display: flex !important; width: fit-content; align-items: center; }
.carousel-caption .container { background: rgba(var(--bs-primary-rgb), .5); padding: 1rem; }
.jwbs-banner [class*="display-"], .jwbs-banner h1, .jwbs-banner .h1, .jwbs-banner h2, .jwbs-banner .h2, .jwbs-banner h3, .jwbs-banner .h3, .jwbs-banner h4, .jwbs-banner .h4, .jwbs-banner h5, .jwbs-banner .h5, .jwbs-banner h6, .jwbs-banner .h6 { font-weight: 500; }

/** cards */
.jwbs-card .card { border: 0; }
.jwbs-card .card .btn-link { color: rgb( var(--bs-primary-rgb) ); text-decoration: none; text-transform: uppercase; }
.jwbs-card .card .btn-link:hover { text-decoration: underline; }
.restricted-image .card > img { max-width: 100px; margin: auto; }

/** cover block */
.wp-block-cover .w-lg-50 { max-width: 400px; }

/* Stripe the rows */
.jwbs-definition.striped .jwbs-definition-row { padding: 0.25rem 0.5rem; }
.jwbs-definition.striped .jwbs-definition-row:nth-child(odd) { background-color: #fcebcf; }
.jwbs-definition.striped .jwbs-definition-row:nth-child(even) { background-color: var(--bs-secondary-bg-subtle); }

/* table behavior */
.table-grid .wp-block-columns { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; }
.table-grid .wp-block-column { display: flex; align-items: center; justify-content: center; }
.table-grid .wp-block-image img { max-height: 70px; width: auto; height: auto; object-fit: contain; }

/* cf7 */
span.wpcf7-list-item { display: block; margin-top: 8px; }
span.wpcf7-list-item input[type="checkbox"] { margin-right: 5px; vertical-align: middle; }
.wp-block-contact-form-7-contact-form-selector { padding: 1rem; box-shadow: 0 0 3px rgba(0, 0, 0, .6); }

/** footer */
#inner-footer .menu { list-style: none; padding: 0; margin: 0; }
#inner-footer .menu li a { color: rgb(var(--bs-primary-rgb)); text-decoration: none; }
#inner-footer .menu li a:hover { text-decoration: underline; }
.attribution { font-size: .9rem; }

/** 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 { font-size: 1.25rem; }
  #menu-main-nav { font-size: 1.2rem; }
  .carousel-caption { margin-left: calc((100vw - 720px) / 2); }
  .home #content { font-size: 1.25rem; }
  .highlight { position: relative; display: inline-block; padding: 0; overflow: hidden; z-index: 1; }
  .highlight::before { content: ""; position: absolute; left: -0.5rem; right: -2.75rem; top: 75%; transform: translateY(-50%); height: 0.5em; background: rgba(var(--bs-primary-rgb), 0.25); z-index: -1; }
  #inner-footer .menu { font-size: 1.1rem; }
  .jwbs-definition.striped .jwbs-definition-row dt, .jwbs-definition.striped .jwbs-definition-row dd { padding-top: 0.5rem; padding-bottom: 0.5rem; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
  #menu-main-nav .menu-item.btn { margin: 0 0.5rem; }
  .carousel-caption { margin-left: calc((100vw - 960px) / 2); }
  .home .carousel-caption .container { background: none; }
  #inner-footer .nav-flex { flex: 0 0 615px !important; }
  #inner-footer .menu { display: flex; flex-wrap: wrap; gap: 0.75rem; }
  #inner-footer .menu li { display: inline-flex; align-items: center; white-space: nowrap; }
  #inner-footer .menu li::after { content: '|'; margin-left: 0.75rem; color: rgb(var(--bs-primary-rgb)); }
  #inner-footer .menu li:last-child::after { content: ''; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
  body { font-size: 1.5rem; }
  body > .widget_block { font-size: 1.15rem; }
  #menu-main-nav { font-size: 1.4rem; }
  .carousel-caption { margin-left: calc((100vw - 1140px) / 2); }
  .home #content { font-size: 1.5rem; }
  #inner-footer .nav-flex { flex: 0 0 600px !important; }
  #inner-footer .menu { font-size: 1.4rem; }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
  .carousel-caption { margin-left: calc((100vw - 1320px) / 2); }
}