/* jwbs (color) class, and default styling */
@import url("https://use.typekit.net/mmi4yrz.css");
@import url("../includes/assets/default.css");
@import url("jwbs.css");

body { font-size: 1.1rem; font-family: "myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; background: url('/wp-content/uploads/2021/11/watermark.png') no-repeat 100% 650px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong, .font-weight-bold { font-weight: 700; color: #1591cf; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.6rem; }
h3, .h3 { font-size: 1.3rem; }
h4, .h4, h5, .h5, h6, .h6 { font-weight: 500; }
h4, .h4 { font-size: 1.2rem; }
.card { border-radius: 0; }
figcaption{ text-align: center; }

a, a:visited { color: #1591cf; }
a:hover, a:focus, a:active { color: #1070a0; }
.btn { font-family: "myriad-pro-semi-condensed", "Arial Narrow", Arial, sans-serif; font-weight: 700; text-transform: uppercase; border-radius: 0; }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.full-width.bg-jwbs:before { border-left: 99rem solid #1591cf; box-shadow: 99rem 0 0 #1591cf; }

/* colors */
.text-lt-blue { color: #a5c7e6 !important; } .bg-lt-blue { color: #4d4d4d; background-color: #a5c7e6; } .border-lt-blue { border-color: #a5c7e6 !important; } .full-width.bg-lt-blue:before { border-left: 99rem solid #a5c7e6; box-shadow: 99rem 0 0 #a5c7e6; }
.text-orange  { color: #f5862d !important; } .bg-orange  { color: #ffffff; background-color: #f5862d; } .border-orange  { border-color: #f5862d !important; } .full-width.bg-orange:before  { border-left: 99rem solid #f5862d; box-shadow: 99rem 0 0 #f5862d; }
.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; }

.btn-lt-blue { color: #4d4d4d !important; background-color: #a5c7e6; border-color: #a5c7e6; } .btn-outline-lt-blue { color: #a5c7e6 !important; background-color: transparent; background-image: none; border-color: #a5c7e6; } .btn-outline-lt-blue:hover { color: #4d4d4d !important; background-color: #a5c7e6; background-image: none; border-color: #a5c7e6; }
.btn-orange  { color: #ffffff !important; background-color: #f5862d; border-color: #f5862d; } .btn-outline-orange  { color: #f5862d !important; background-color: transparent; background-image: none; border-color: #f5862d; } .btn-outline-orange:hover  { color: #ffffff !important; background-color: #f5862d; background-image: none; border-color: #f5862d; }
.btn-white   { color: #4d4d4d !important; background-color: #ffffff; border-color: #ffffff; } .btn-outline-white   { color: #ffffff !important; background-color: transparent; background-image: none; border-color: #ffffff; } .btn-outline-white:hover   { color: #4d4d4d !important; background-color: #ffffff; background-image: none; border-color: #ffffff; }

.burst { background-image: radial-gradient(farthest-side at 52% 51%, #ffffff, transparent); }

#header-block-1 img { max-width: 190px; }
#header-block-2, #header-block-3 { text-align: center !important; }

/* nav */
header nav.navbar { border-bottom: 5px solid #f5862d; font-weight: 600; text-transform: uppercase; }
.mega-search { border: 1px solid #4d4d4d; margin: 0 5px !important; border-radius: 3px; box-shadow: 0 -1px 3px #4d4d4d; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a > .image, .card { border: 1px solid rgba(0, 0, 0, 0.25); }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { text-align: center; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { padding: 0 10px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { margin: 0; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0 20px; }

/* banner */
#banner { font-family: "myriad-pro-semi-condensed", "Arial Narrow", Arial, sans-serif; margin-bottom: 20px; }
#banner .carousel-caption { color: #1591cf; text-align: left; background-color: rgba(255, 255, 255, .8); left: 0; right: 0; padding-left: 15%; padding-right: 15%; }
#banner .carousel-caption .h1 { font-size: 2rem; color: #585858; }
#banner .carousel-control-next, #banner .carousel-control-prev { width: 10%; z-index: 20; }

/* home page */
.home #news-feed .btn.btn-jwbs { background-color: #0872a7; border-color: #0872a7; }
.home #news-feed .btn.btn-jwbs:hover { background-color: #054074; border-color: #043063; }

/* product cards */
.card.bg-orange .product-card-link { position: relative; }
.card.bg-orange .product-card-link .overlay { display: none; }
.card.bg-orange .product-card-link .overlay span.btn { font-size: 1.5rem; font-weight: 900; }
.card.bg-orange:hover .product-card-link .overlay { display: grid; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(245, 134, 45, .4); }

/* product page */
article.product { font-size: .95rem; }
.line-clamp { display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; }
.single-products .wp-block-embed { max-width: 412px; margin-left: auto; }

/* how it works */
.how-it-works-number { height: 40px; width: 40px; padding-top: 4px; left: calc(50% - 20px); }

/* blog pages */
.archive article section img, .blog article section img, .search-results article section img { max-width: 150px; }
.single-post .page-header { margin-bottom: 2px; }
.single-post .page-header h1 { font-size: 2rem; font-weight: 600; }
.single-post .post-header img { display: block; margin: 0 auto 20px; }

/* distribution cover block */
.parallax-section .text-white a, .home .wp-block-cover .text-white a { color: #ffffff; text-decoration: underline; }
.wp-block-cover { width: 100vw; margin: 0 -15px; }

/* newsfeed */
.more-link { font-family: "myriad-pro-semi-condensed", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; }

/* sidebar products */
#sidebarProducts { font-size: 1rem; background: rgba(21, 145, 207, 0.25); padding-top: 10px; }
#sidebarProducts h2 { font-size: 1.25rem; margin-bottom: .5rem; }

/* icons for links */
a[href$=".pdf"]:before, a[href$=".ies"]:before, a[href$=".xls"]:before, a[href$=".xlsx"]:before, a[href$=".xlsm"]:before,
a[href$=".xlsb"]:before, a[href$=".csv"]:before, a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".docm"]:before,
a[href$=".jpg"]:before, a[href$=".jpeg"]:before, a[href$=".gif"]:before, a[href$=".webp"]:before, a[href$=".png"]:before,
a[href$=".psd"]:before, a[href$=".bmp"]:before, a[href$=".svg"]:before, a[href$=".mp4"]:before, a[href$=".mov"]:before,
a[href$=".avi"]:before, a[href$=".wmv"]:before, a[href$=".webm"]:before, a[href$=".mpeg4"]:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 900; padding-right: 8px; }

a[href$=".pdf"]:before { font-family: "Font Awesome 5 Pro"; content: "\f1c1"; }
a[href$=".ies"]:before { font-family: "Font Awesome 5 Pro"; content: "\f659"; }
a[href$=".xls"]:before, a[href$=".xlsx"]:before, a[href$=".xlsm"]:before, a[href$=".xlsb"]:before, a[href$=".csv"]:before { font-family: "Font Awesome 5 Pro"; content: "\f1c3"; }
a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".docm"]:before { font-family: "Font Awesome 5 Pro"; content: "\f1c2"; }
/* a[href$=".jpg"]:before, a[href$=".jpeg"]:before, a[href$=".gif"]:before, a[href$=".webp"]:before, a[href$=".png"]:before, a[href$=".psd"]:before, a[href$=".bmp"]:before, a[href$=".svg"]:before { font-family: "Font Awesome 5 Pro"; content: "\f1c5"; } */
a[href$=".mp4"]:before, a[href$=".mov"]:before, a[href$=".avi"]:before, a[href$=".wmv"]:before, a[href$=".webm"]:before, a[href$=".mpeg4"]:before { font-family: "Font Awesome 5 Pro"; content: "\f1c8"; }

/* product tabs */
#product-tabs .nav-tabs .nav-item.show .nav-link, #product-tabs .nav-tabs .nav-link.active { border-color: #1591cf; border-bottom-color: transparent; }
#product-tabs .nav-tabs { border-bottom: 1px solid #1591cf; }

/* footer */
footer.bg-jwbs { font-family: "myriad-pro-semi-condensed", "Arial Narrow", Arial, sans-serif; color: #fff; }
footer.bg-jwbs a { color: #fff; }
footer.bg-jwbs .attribution, footer.bg-jwbs .footer-ups { font-family: "myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; }
footer.bg-jwbs .menu { list-style: none; padding-inline-start: 0; }
footer.bg-jwbs .menu .social-icon { display: inline-block; padding: 10px 5px 0 0; }

/* arve */
.bp-wrap { z-index: 1040; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 500px) {
  #product-tabs #nav-tab { display: flex; flex-direction: row-reverse; position: relative; top: 90px; height: 43px; width: 520px; letter-spacing: 1.1px; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg) translate(-488px, 0px); -moz-transform: rotate(-90deg) translate(-488px, 0px); -o-transform: rotate(-90deg) translate(-488px, 0px); transform: rotate(-90deg) translate(-488px, 0px); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
  #product-tabs #nav-tabContent { margin-left: 60px; min-height: 550px; }
}
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { text-align: left; }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { display: none; }
}
@media only screen and (min-width : 768px) {
	#header-block-3 { text-align: right !important; }
  #banner .carousel-caption { left: 60%; right: 10%; max-width: 500px; background-color: transparent; padding-left: initial; padding-right: initial; }
  #banner .carousel-control-next, #banner .carousel-control-prev { width: 5%; }
  .position-md-relative { position: relative !important; }
  #header-block-1 .position-md-relative { top: -50px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  h1, .h1 { font-size: 2.5rem; }
  .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { width: 50%; }
	#header-block-1 img { max-width: initial; }
	#header-block-2 { text-align: left !important; }
	#banner .carousel-caption .h1 { font-size: 2.5rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .w-xl-75 { width: 75%; }
}

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