/* jwbs (color) class, and default styling */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("../../jw-bootstrap/includes/assets/default.css");
@import url("jwbs.css");

body { font-family: 'Roboto', sans-serif; font-weight: 300; }
.btn { font-weight: 500; }
b, strong, .font-weight-bold { font-weight: 700; }
h1, .h1, h2, .h2, h3, .h3 { font-weight: 900; }
.btn { border-radius: 0; }
a, h1, .h1, .text-blue { color: #22205f; }
.wpcf7-list-item { display: block; margin: 0 1em 0 0; }
.wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: 0; flex-direction: initial; }

/* colors */
.text-gray     { color: #e1e1e1 !important; } .bg-gray     { color: #4d4d4d; background-color: #e1e1e1; } .border-gray     { border-color: #e1e1e1 !important; } .full-width.bg-gray:before     { border-left: 99rem solid #e1e1e1; box-shadow: 99rem 0 0 #e1e1e1; }
.text-gray-blue{ color: #dedee8 !important; } .bg-gray-blue{ color: #4d4d4d; background-color: #dedee8; } .border-gray-blue{ border-color: #dedee8 !important; } .full-width.bg-gray-blue:before{ border-left: 99rem solid #dedee8; box-shadow: 99rem 0 0 #dedee8; }
.text-lt-green { color: #dfefcb !important; } .bg-lt-green { color: #4d4d4d; background-color: #dfefcb; } .border-lt-green { border-color: #dfefcb !important; } .full-width.bg-lt-green:before { border-left: 99rem solid #dfefcb; box-shadow: 99rem 0 0 #dfefcb; }
.text-lt-blue  { color: #e3effd !important; } .bg-lt-blue  { color: #4d4d4d; background-color: #e3effd; } .border-lt-blue  { border-color: #e3effd !important; } .full-width.bg-lt-blue:before  { border-left: 99rem solid #e3effd; box-shadow: 99rem 0 0 #e3effd; }
.text-white    { color: #ffffff !important; } .bg-white    { color: #4d4d4d; background-color: #ffffff; } .border-white    { border-color: #ffffff !important; } .full-width.bg-white:before    { border-left: 99rem solid #ffffff; box-shadow: 99rem 0 0 #ffffff; }
.text-red    { color: #ee1b22 !important; } .bg-red    { color: #ffffff; background-color: #ee1b22; } .border-red    { border-color: #ee1b22 !important; } .full-width.bg-red:before    { border-left: 99rem solid #ee1b22; box-shadow: 99rem 0 0 #ee1b22; }
.text-navy     { color: #22205f !important; } .bg-navy     { color: #ffffff; background-color: #22205f; } .border-navy     { border-color: #22205f !important; } .full-width.bg-navy:before     { border-left: 99rem solid #22205f; box-shadow: 99rem 0 0 #22205f; }

.btn-gray     { color: #4d4d4d !important; background-color: #e1e1e1; border-color: #e1e1e1; } .btn-outline-gray     { color: #e1e1e1; background-color: transparent; background-image: none; border-color: #e1e1e1; } .btn-outline-gray:hover     { color: #4d4d4d; background-color: #e1e1e1; background-image: none; border-color: #e1e1e1; }
.btn-gray-blue{ color: #4d4d4d !important; background-color: #dedee8; border-color: #dedee8; } .btn-outline-gray-blue{ color: #dedee8; background-color: transparent; background-image: none; border-color: #dedee8; } .btn-outline-gray-blue:hover{ color: #4d4d4d; background-color: #dedee8; background-image: none; border-color: #dedee8; }
.btn-lt-green { color: #4d4d4d !important; background-color: #dfefcb; border-color: #dfefcb; } .btn-outline-lt-green { color: #dfefcb; background-color: transparent; background-image: none; border-color: #dfefcb; } .btn-outline-lt-green:hover { color: #4d4d4d; background-color: #dfefcb; background-image: none; border-color: #dfefcb; }
.btn-lt-blue  { color: #4d4d4d !important; background-color: #e3effd; border-color: #e3effd; } .btn-outline-lt-blue  { color: #e3effd; background-color: transparent; background-image: none; border-color: #e3effd; } .btn-outline-lt-blue:hover  { color: #4d4d4d; background-color: #e3effd; background-image: none; border-color: #e3effd; }
.btn-white    { color: #4d4d4d !important; background-color: #ffffff; border-color: #ffffff; } .btn-outline-white    { color: #ffffff; background-color: transparent; background-image: none; border-color: #ffffff; } .btn-outline-white:hover    { color: #4d4d4d; background-color: #ffffff; background-image: none; border-color: #ffffff; }
.btn-red    { color: #ffffff !important; background-color: #ee1b22; border-color: #ee1b22; } .btn-outline-red    { color: #ee1b22; background-color: transparent; background-image: none; border-color: #ee1b22; } .btn-outline-red:hover    { color: #ffffff; background-color: #ee1b22; background-image: none; border-color: #ee1b22; }
.btn-navy     { color: #ffffff !important; background-color: #22205f; border-color: #22205f; } .btn-outline-navy     { color: #22205f; background-color: transparent; background-image: none; border-color: #22205f; } .btn-outline-navy:hover     { color: #ffffff; background-color: #22205f; background-image: none; border-color: #22205f; }

/* nav */
.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 1.00); }

/* carousel */
#carousel { border-bottom: 27px solid #ee1b22; }
.carousel-caption { text-align: left; color: #4d4d4d; }
.carousel-caption .caption-bg { padding: 1.5rem; background-color: rgba(255, 255, 255, 0.75); }
.carousel-caption .h1 { color: #22205f; font-size: 1.5rem; }

/* info grid */
 #info_grid .carousel-control-prev { left: -100%; width: 32px; display: none; }
 #info_grid .carousel-control-next { right: -100%; width: 32px; display: none; }

/* projects */
.row-project figure { position: relative; }
.row-project figure figcaption { position: absolute; margin: 0; padding: 0.25rem 0 0.25rem 1rem; right: 0; bottom: 0; left: 0; font-size: 1.5rem; color: #fff; background-color: rgba(34, 32, 95, 0.6); }
.row-project figure figcaption a { color: #fff; }

/* blog search */
#sidebar-default .wp-block-search .wp-block-search__input { padding-left: 0.5rem; border-right: 0 none; border-color: #ee1b22; }
#sidebar-default .wp-block-search .wp-block-search__button { margin-left: 0; padding: 0 0.125em; fill: #fff; background-color: #ee1b22; border: 0 none; transform: rotateY(180deg); }
#sidebar-default .wp-block-search .wp-block-search__button svg { min-width: 2em; min-height: 2em; }

/* footer */
footer.bg-jwbs, footer.bg-jwbs small, footer.bg-jwbs .small { font-weight: 300; }
footer.bg-jwbs h4 { font-size: 1rem; }
footer.bg-jwbs a { color: #fff; }
footer.bg-jwbs #menu-footer-nav { list-style: none; }
footer.bg-jwbs #menu-footer-nav li { line-height: 2; }
.attribution { text-align: center; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  .full-width { position: relative; }
  .full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
  .carousel-caption { font-size: 1.5rem; font-weight: 400; line-height: 1.2; }
  .carousel-caption .h1 { font-size: 1.75rem; }
  #info_grid .image-left { margin-left: calc( ( ( 100vw - 100% ) / 2 ) * -1); max-width: 50vw; flex: 0 0 50vw; }
  #info_grid .image-right { margin-right: calc( ( ( 100vw - 50% ) / 2 ) * -1); max-width: 49.33vw; flex: 0 0 50vw; }
  footer.bg-jwbs h4 { font-size: 1.25rem; }
  .attribution { text-align: right; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .carousel-caption { right: 40%; }
  #info_grid .carousel-control-prev { left: calc(((100vw - 100%) / -2) + 32px); display: flex; }
  #info_grid .carousel-control-next { right: calc(((100vw - 100%) / -2) + 32px); display: flex; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .carousel-caption { right: 57.5%; font-size: 2rem; }
  .carousel-caption .h1, #info_grid .info_grid_title { font-size: 1.875rem; }
	#info_grid .info_grid_content { font-size: 1.375rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}