/*
 Theme Name:   Code Crafted Digital
 Theme URI:    https://codecrafteddigital.com
 Description:  Code Crafted Digital Generate Press Child Theme
 Author:       Andrew Nichols
 Author URI:   https://codecrafteddigital.com
 Template:     generatepress
 Version:      0.1
*/

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

#menu-item-12385-sub-menu {
  border-top: 2px solid var(--global-color-8);
}

.menu-toggle {
  background: var(--global-color-8) !important;
  border-radius: 5px;
  color:#000!important;	
}

header .wc-menu-item {
  color: #ffffff;
}

.inside-article {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Scrollbar Track stays black for contrast */
::-webkit-scrollbar {
  width: 14px;
  background-color: #000000;
}

/* Scrollbar Thumb primarily brand yellow */
::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #fbe134 0%, #fbe134 100%);
  border-radius: 50px;
  box-sizing: content-box;
  border: 3px solid #000000;
  transition: background 0.2s ease;
}

/* On hover, darken yellow slightly for feedback */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #e5cc00 0%, #000000 100%);
  border-color: #000000;
}

/* Firefox fallback */
html {
  scrollbar-width: thin;
  scrollbar-color: #fbe134 #000000;
}

.sticky-enabled .main-navigation.is_stuck {
  background: #000000 !important;
}

.navigation-branding img,
.site-logo.mobile-header-logo img {
  width: 220px !important;
  height: auto !important;
}

.offcanvas-btn {
  color: #000 !important;
}

.entry-title {
  font-weight: 800;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*--------------------------------------------------------------
# Slideout Menu
--------------------------------------------------------------*/

:root {
  --gp-slideout-width: 100% !important;
}

#generate-slideout-menu:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: #000000;
  background-position: center center;
  background-size: cover;
  z-index: -1; /* Ensure it stays behind the content */
}

.offside-js--interact .offside,
.offside-js--interact .offside-sliding-element {
  transition: transform 0.5s cubic-bezier(0.16, 0.68, 0.43, 0.99) !important;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.offcanvas-logo img {
  width: 100px !important;
  height: 100px !important;
}
.slideout-navigation button.slideout-exit {
  display: flex;
  justify-content: flex-end;
  color: #ffffff;
}

.slideout-get-a-quote {
  color: #000 !important;
}

/*--------------------------------------------------------------
# Testimonials Plugin - Slick Slider
--------------------------------------------------------------*/

.carousel-wrapper .author-name,
.carousel-wrapper .author-bio {
  font-weight: 800 !important;
}

.carousel-wrapper .author-bio {
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# Mobile Action Bar
--------------------------------------------------------------*/

.mobile-action-bar > *:not(:last-child) {
  border-right: 1px solid var(--global-color-8);
}
.mobile-action-bar div:hover {
  cursor: pointer;
}

.mobile-action-bar {
  display: none !important;
}

.menu-bar-items {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .mobile-action-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    border-top: 1px solid var(--global-color-8);
    display: flex !important;
  }

  .generate-back-to-top {
    bottom: 70px;
  }
  .copyright-container {
    margin-bottom: 57.5px;
  }
}

/*--------------------------------------------------------------
# WooCommerxe
--------------------------------------------------------------*/

.woocommerce ul.products li.product .button {
  background: #000;
  transition: 0.3s;
  font-weight: bold;
}

.woocommerce ul.products li.product .button:hover {
  background: var(--global-color-8);
  color: #000;
}

.tiered-pricing-table thead th {
  background: #000000 !important;
  color: #fff !important;
}

.woocommerce div.product form.cart .button {
  background: #000000;
  transition: 0.3s;
}

.woocommerce div.product form.cart .button:hover {
  background: var(--global-color-8);
  color: #000;
}

.woocommerce-breadcrumb {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  color: #000000 !important;
}

/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/

#gform_1 legend,
#gform_1 label {
  color: #ffffff !important;
}

#gform_1 input[type="submit"] {
  width: 100%;
  font-weight: bold;
  transition: 0.3s;
}

#gform_1 input[type="submit"]:hover {
  background: var(--global-color-8) !important;
}