/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i&display=swap');

body { background: #eee; font-family: Helvetica, sans-serif; }
h1, .h1, h2, .h2, h3, .h3 { font-family: 'Arimo', sans-serif; }
body > .container { border-color: #cfcfcf !important; padding: 40px 20px;}
a, a:visited, a:active, a:focus { color: #800000; }
a:hover { color: #5c0000; }
blockquote { border-left: 4px solid #800000; padding-left: 20px; margin-bottom: 10px; }
.btn:focus,.btn:active { outline: none !important; box-shadow: none; } /* clear bootstrap blue highlighting */

/* custom info cards container size */
.col-md-3half { width: 247px; height: 367px; }

/* header */
body > header .container { max-width: 1280px !important;; }

/* nav */
nav.navbar { font-family: 'Arimo', sans-serif; }
nav.border-bottom { border-bottom-width: 5px !important; }
#menu-main-nav { border-left: 1px solid #888; }
.navbar-dark .navbar-nav .nav-link { font-family: 'Arimo', sans-serif; font-weight: 700; color: #fff;; }
.navbar-dark .navbar-nav .nav-link:hover { color: #eee; background-color: #800000; }
.navbar-dark #menu-main-nav-2.navbar-nav .nav-link { color: #eee; border-right-width: 0; }
.navbar-dark #menu-main-nav-2.navbar-nav .nav-link:hover { background-color: transparent; }
.dropdown-menu, .dropdown-menu a:hover { background-color: #901414; color: #ffffff; }
.dropdown-menu a { color: #ffffff; }

/* product menu */
#menu-product-menu, #menu-product-menu .sub-menu { margin: 0; padding: 0; list-style: none; }
#menu-product-menu .menu-item-object-product_tag a { display: block; position: relative; margin: 0 0 0.3125rem 0; padding: 0.625rem 0.625rem 0.625rem 1.25rem; color: #fff; background-color: #800000; border-radius: 0.3125rem; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; }
#menu-product-menu .menu-item-object-product_tag .sub-menu { display: none; }
#menu-product-menu .menu-item-object-product_tag.show .sub-menu { display: block; }
#menu-product-menu .menu-item-object-product_tag .sub-menu a { background-color: #333; }

/* custom product menu */
.menu-accordian ul { list-style-type:none; }
.menu-header-text button { padding: 10px 0px 10px 20px; margin: 5px 0px; width: 100%; text-align: left; background-color: #800000; color: #ffffff; font-size: 14px;}
.fa-caret-down { position: absolute; right: 12%; margin-top: 5px; }
.menu-header-text button:hover { box-shadow: 3px 3px 3px #000000; border-bottom: 1px #fff solid; }
.menu-dropdown ul { padding: 0px;}
.menu-dropdown a { padding: 10px 0px 10px 20px; margin-bottom: 5px; width: 100%; font-size: 14px; text-align: left; background-color: #333333; color: #ffffff;}
.menu-dropdown a:hover { background-color: #800000; background: url(../images/am_drop_background_hover.gif) left center no-repeat #901414; box-shadow: 3px 3px 3px #000000; border-bottom: 1px #fff solid; }

/* woocommerce */
.woocommerce div.product div.images { margin-bottom: 10px; }
.woocommerce div.product div.images img { width: auto; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { display: none; }
.woocommerce div.product .product_title { font: normal bold 35px 'Arimo', Helvetica, Arial, Sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: bold; font-stretch: normal; font-family: Arimo, Helvetica, Arial, sans-serif; color: #373737; line-height: 1.2; }
.woocommerce-products-header { border-radius: 5px; margin-bottom: 15px; padding: 8px 0px 0px 15px; border: 1px solid #800000; background-color: #eeeeee; }
.woocommerce-products-header h1 { font-size: 50px; font-weight: bold; color: #333333; }

/* page styles */
aside.sidebar-right { margin: 10px 10px 10px 0px; }
header.post-header h1 { padding: 0px 20px; font: normal bold 30px 'Arimo', Helvetica, Arial, Sans-serif; color: #373737; line-height: 1.2; margin-bottom: 10px; -webkit-font-smoothing: antialiased; }
section.post-content { padding: 0px 20px; }
.post-content h2 { font: normal bold 30px 'Arimo', Helvetica, Arial, Sans-serif; color: #373737; line-height: 1.2; margin-bottom: 10px; -webkit-font-smoothing: antialiased; }
.post-content h3 { font: normal bold 25px 'Arimo', Helvetica, Arial, Sans-serif; color: #373737; line-height: 1.2; margin-bottom: 10px; -webkit-font-smoothing: antialiased; }
.post-content h4 { font: normal bold 20px 'Arimo', Helvetica, Arial, Sans-serif; color: #373737; line-height: 1.2; margin-bottom: 10px; -webkit-font-smoothing: antialiased; }
.post-content h6 { font: normal bold 16px 'Arimo', Helvetica, Arial, Sans-serif; color: #373737; line-height: 1.2; margin-bottom: 10px; -webkit-font-smoothing: antialiased; }
.post-content p { font: normal normal 15px 'Helvetica', Arial, Sans-serif; color: #444444; margin-bottom: 10px; line-height: 1.5; }
.products-block { max-width: 100%; }
.tabbed-container { max-width: 100% }
.tabbed-content { max-width: 100%; }
#tab-content-note { font: 13px italic; } /* #17666 */
#block-special { border: 4px solid #800000; padding: 10px; margin-bottom: 10px; background-color: #eeeeee; } /* #17666 */
#block-quote-color p { color: #000000; } /* #17666 */
.woo-tabs { max-width: 100%; border: 1px solid #ddd; font-weight: bold; font-size: 16px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }
.woo-tabs a { color: #333; }
.woo-tabs a.nav-link.active { color: #800000; }
.tab-content { border: 1px solid #ddd; padding: 25px 30px; }
.tab-content li { font: normal normal 15px 'Helvetica', Arial, Sans-serif; color: #444444; margin-bottom: 10px; line-height: 1; }
.tab-content ul li { list-style: square; }
.specifications-table-header { background-color: #dfdfdf; }
table.specifications-table th { text-align: center; font-weight: bold; padding: 8px; border-left: 1px solid #999; border-bottom: 1px solid #999 }
table.specifications-table { padding: 5px 5px; font-size: 13px; color: #444444; border-right: 1px solid #999; border-top: 1px solid #999; }
table.specifications-table td { font-size: 80%; }
table.specifications-table td, table.specifications-table th { border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 5px; }
.specifications-table-subheader { background-color: #bfbfbf; text-align: center; }
.specifications-table-checked { text-align: center; }
.accessories-text { color: #660000 }
.accessory-content { background-color: #dfdfdf; width: 100%; display: inline-block; padding: 5px; border-bottom: 1px solid grey; margin-bottom: 7px; height: 32px; }
p.footnote { font-size: x-small; font-weight: bold; }
.tabs-button-content { border-radius: 5px; background-color: #800000; color: #ffffff; box-shadow: 1px 1px 2px #000000; letter-spacing: 2px; text-align: center; margin: 10px 5px; padding: 2px 6px; text-decoration: none; text-shadow: none !important;}
.tabs-button-content:visited { text-decoration: none; color: #ffffff; }
.tabs-button-content:hover { text-decoration: none; color: #ffffff; background-color: #901414 !important; text-shadow: 1px 1px 1px #333333 !important; }

/* archive product */
.content-box { margin: 10px; padding: 0px; }
.content-box:hover { border-color: #901414; }
.product-title-box { padding: 10px 0px 0px 0px; margin: 5px; background-color: transparent; border-bottom: none; }
.product-title-box h4 { font: normal bold 20px 'Arimo', Helvetica, Arial, Sans-serif; }
.image-box { padding: 0px; }
.image-box img { max-width: 205px; max-height: 136px; }
.image-box ul { list-style-image: url(../images/ul_opt1.png); margin: 5px 0px 0px 35px; padding: 0px; position: absolute; top: 58%; }
.image-box ul li { text-align: left; font-size: 14px; color: #660000; }
.content-box-button { padding: 10px; background-color: transparent; border-top: none; }
.content-box-button button { font-size: 14px; background-color: #901414; white-space: normal; width: 200px; }
.content-box-button a { text-decoration: none; color: #fff; }

/* search results page */
section.product-search-block { padding: 0px; margin-bottom: 5px;}
.product-search-block a { text-decoration: none; }
.search-header h3 { color: #800000; text-shadow: 1px 1px 1px #cccccc; font: normal bold 25px 'Arimo', Helvetica, Arial, Sans-serif;}
.search-header h3:hover { color: #901414; text-shadow: 1px 1px 1px #000000; transition-duration: .5s;}
.search-header a { text-decoration: none; }
#search-content { padding: 0px 15px; }
button svg.svg-inline--fa {display: inline;}

/* contact form */
.wpcf7-form .btn { background-color: #800000; border: solid #800000; }
table.contact-form td:nth-child(2) { padding-left: 20px; } /* #17666 */

/* front page carousel override */
.tc-owl-container .item-one img { width:auto; }
.owl-carousel .owl-item img { width: auto; }
.tc-owlicons { position: absolute; top: 0px; left: 0px; width: 250px; height: 150px; }
a.tcpc-link { position: absolute; color: #fff; margin: 1px; padding: 50px; width: 180px; height: 150px; }
a.tcpc-link:hover { background-color: transparent; border: none; }
a.tcp-ext { background-color: transparent; border: none; }
a.tcpc-link .svg-inline--fa { display: none; }
.tc-owl-container .owl-carousel {margin-top: 30px;}

/* top carousel */
.carousel-indicators { display: none; }
.carousel-control-next, .carousel-control-prev { opacity: 0; }
.carousel-control-next:hover, .carousel-control-prev:hover { opacity: 0.5; }

/* owl */
.item-title-2 h1, a.tcowl-read-more { display: none; }
a.box-title-three {width: 250px; color: #800000 !important; text-shadow: 1px 1px 1px #cccccc; text-decoration: none; font: normal bold 25px 'Arimo', Helvetica, Arial, Sans-serif !important; }
a.box-title-three:hover { color: #901414; text-shadow: 1px 1px 1px #000000; transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; }
.item-title-2 { padding: 20px 0px; }
.tcowlc-wrap .owl-controls .owl-prev:before, .tcowlc-wrap .owl-controls .owl-next:before { font-size: 40px; }/* #17666 */
.tcowlc-wrap .tcowlc-nav-vmid .owl-controls .owl-nav [class*=owl-]:hover { opacity: 0.5; }
.tcowlc-wrap .tcowlc-nav-vmid .owl-controls .owl-nav [class*=owl-] { height: 60px; opacity: 0; }


  /* index page */
div.wp-block-column h4 { text-align: center; } /* #17666 */
#selection-guide-button { margin-top: 20px; }


/* logo slider */
#logoslider { background: url('/wp-content/uploads/2019/08/blur_bg.jpg') no-repeat; background-size: cover; border-top: 10px solid #ddd; }
#logoslider .tcwc-style-box { display: -webkit-flex; display: flex; height: 200px !important; background-color: transparent; }
#logoslider .tcwc-style-box .tc-carousel-img-wrap { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#logoslider .item-title-2 { display: none; }

/* footer */
.home > footer { margin-top: 0 !important; }
#inner-footer { font-family: 'Arimo', sans-serif; color: #ddd; }
#inner-footer h4 { text-transform: uppercase; font-size: 1.2rem; }
#inner-footer a { color: #ddd; transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; }
#inner-footer a:hover { text-decoration: none; color: #777; }
#inner-footer ul#menu-footer-nav { list-style: none; padding-inline-start: 0; }
#inner-footer ul#menu-footer-nav li a { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #555555; display: block; padding: 10px 0; padding-left: 5px; }
#sub-footer { background: #777; color: #333; font-family: 'Source Sans Pro', sans-serif; }
#back-top { position: fixed; bottom: 30px; right: 70px; z-index: 2; }
#back-top span { color: #777; position: relative; top: -10px; text-transform: uppercase; font-size: .8rem; }

/* palate colors */
.has-grey-color { color: #777777; }
.has-charcoal-color { color: #333333; }
.has-red-color { color: #800000; }
.has-black-color { color: #000000; }
.has-white-color { color: #ffffff; }
.has-grey-background-color { background-color: #777777; }
.has-charcoal-background-color { background-color: #333333; }
.has-red-background-color { background-color: #800000; }
.has-black-background-color { background-color: #000000; }
.has-white-background-color { background-color: #ffffff; }
.wp-block-button__link { border-radius: .2rem; }
.wp-block-button__link:hover { text-decoration: none; }
.w-100 .wp-block-button__link { width: 100%; }

/* bs5 edits */
.bg-dark { background: #333333 !important; }

/* general */
.selectionguide a { background-image: url('/wp-content/uploads/2019/08/selectionguide-icon-50x.png'); background-position: right; background-repeat: no-repeat; padding-right: 70px; padding-left: 70px; }
.red-bold strong { color: #800000; }
.red-em em { color: #800000; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 349px){
  a.navbar-brand { width: 60%;} /* Fix issue with hamburger falling below logo */
  h1 { font-size: 30px !important; }
  #menu-main-nav { border-left: none; text-align: right;}
  #menu-main-nav-2 { text-align: center; }
}
@media only screen and (min-width:350px) and (max-width : 767px) {
  #menu-main-nav { border-left: none; text-align: right;}
  h1 { font-size: 35px !important; }
  #menu-main-nav-2 { text-align: center; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  #menu-main-nav { border-left: none; text-align: right; }
  #menu-main-nav-2 { text-align: center; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .navbar-dark .navbar-nav .nav-link { padding: 20px 10px; font-size: .8rem; border-right: 1px solid #888 }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .navbar-dark .navbar-nav .nav-link { padding: 20px; font-size: 1rem; }
}