/* 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; }
.font-weight-lite { font-weight: 300 !important; }
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-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-lt-yellow { color: #faf1c8 !important; } .bg-lt-yellow { color: #4d4d4d; background-color: #faf1c8; } .border-lt-yellow { border-color: #faf1c8 !important; } .full-width.bg-lt-yellow:before { border-left: 99rem solid #faf1c8; box-shadow: 99rem 0 0 #faf1c8; }
.text-yellow    { color: #e8c722 !important; } .bg-yellow    { color: #ffffff; background-color: #e8c722; } .border-yellow    { border-color: #e8c722 !important; } .full-width.bg-yellow:before    { border-left: 99rem solid #e8c722; box-shadow: 99rem 0 0 #e8c722; }
.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-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-lt-yellow { color: #4d4d4d !important; background-color: #faf1c8; border-color: #faf1c8; } .btn-outline-lt-yellow { color: #faf1c8; background-color: transparent; background-image: none; border-color: #faf1c8; } .btn-outline-lt-yellow:hover { color: #4d4d4d; background-color: #faf1c8; background-image: none; border-color: #faf1c8; }
.btn-yellow    { color: #ffffff !important; background-color: #e8c722; border-color: #e8c722; } .btn-outline-yellow    { color: #e8c722; background-color: transparent; background-image: none; border-color: #e8c722; } .btn-outline-yellow:hover    { color: #ffffff; background-color: #e8c722; background-image: none; border-color: #e8c722; }
.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; }

#header-block-1 { font-size: 0.75rem; }
#header-block-2 img { max-width: 80%; height: auto; }

/* nav */
.navbar { padding: 0; }
.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); }
.navbar-toggler { display: inline-block; position: absolute; top: 30%; right: 15px; border: 2px solid #898989; }
.navbar-toggler:focus { outline: 0 none; }
.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(137,137,137,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar-toggler-icon { background-image: 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(137,137,137,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 */
#carousel { border-bottom: 27px solid #e8c722; }
.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: #22205f; }
#sidebar-default .wp-block-search .wp-block-search__button { margin-left: 0; padding: 0 0.125em; fill: #fff; background-color: #22205f; 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 { right: 57.5%; 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) {
	.navbar { padding: 0.25rem 0.5rem; }
	.navbar-toggler { display: none; }
  #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 { font-size: 2.5rem; }
  .carousel-caption .h1, #info_grid .info_grid_title { font-size: 2.8125rem; }
	#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) {
}