/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");
@import url("../fonts/fonts.css");

body { font-size: 1.2rem; color: #ffffff; min-height: 100vh; background-color: #000000; }
body { background-image: url('/wp-content/uploads/2022/10/Background_bottom-page.png'), url('/wp-content/uploads/2022/11/FOXBOX-Banner.jpg'); background-position: bottom right, top center; background-repeat: no-repeat; background-size: auto, 825px; }
body.home { background-image: url('/wp-content/uploads/2022/10/Background_bottom-page.png'), url('/wp-content/uploads/2022/10/foxjbox-background.jpg'); background-position: bottom right, top center; background-repeat: no-repeat; background-size: auto, contain; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, h6, .lead, .nav-link { font-weight: 300; font-family: 'MyriadPro-Regular', sans-serif; letter-spacing: 0.05rem; text-transform: uppercase; }
.modal-title, .modal-body, .status-indicators { color:rgba(0,0,0,.7); text-transform: capitalize; }

/* EDD */
.edd-block__row .edd_sl_license_key {text-transform: inherit;} 
.edd-blocks__receipt .edd-blocks-receipt__items .edd_purchase_receipt_files { display:none; }

/* header */
body:not(.home) #header-block-2 { display: none !important; }
body:not(.home) header[role="banner"] { aspect-ratio: 500 / 131; display: flex; flex-direction: column; justify-content: center; }

/* nav */
.navbar-brand { max-width: 300px; }
body.home .navbar-brand { display: none; }
nav.bg-light.navbar-light { background-color: transparent !important; }

/* Connect Modal */
.status-dot { height: 25px; width: 25px; background-color: #bbb; border-radius: 50%; display: inline-block; }
.connection-success { background-color: #218838; }
.connection-fail { background-color: #c82333; }

/* Benchtop Modal */
.bg-benchtop { background-color: #181818; }
#benchtopForm { top: 50%; transform: translateY(-25%); }
.hr-benchtop { border-top: 2px solid #FEFFFD; }
.btn-tools-active { background-color: #05FE04 !important; color:#000 !important; }
#toolConfig .list-group-item, .server-response, .show-text { font-size: 1rem; }

/* Home */
#pills-tab .nav-item .nav-link, #customMenu .nav-item .nav-link { color: rgba(0,0,0,.6); text-transform: uppercase; background: #bfbfc1; font-weight: 700; background: -moz-linear-gradient(left, #bfbfc1 0%, #ededed 50%, #bfbfc1 100%); background: -webkit-linear-gradient(left, #bfbfc1 0%,#ededed 50%,#bfbfc1 100%); background: linear-gradient(to right, #bfbfc1 0%,#ededed 50%,#bfbfc1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfc1', endColorstr='#bfbfc1',GradientType=1 ); margin: 0 10px; box-shadow: inset 0 0 2px 2px #000000; border-radius: 6px; border-width: 1px 3px; border-style: solid; border-color: #ededed; }
#pills-tab .nav-item .nav-link.active, #pills-tab .nav-item .nav-link:hover, #customMenu .nav-item .nav-link.active, #customMenu .nav-item .nav-link:hover { color:#000; }

/* Checkout Page */
.card-label { color:#000; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  #header-block-2 img { max-width: 75%; margin-bottom: 50px !important; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  body { background-size: auto, contain; }
  #header-block-2 img { max-width: 50%; margin-bottom: 100px !important; }
  li.menu-item > a { font-weight: 700; margin: 0 10px; color: #ffffff !important; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  header nav.navbar { background-color: transparent !important; }
}

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

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