/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
  box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}

.sticky-enabled .main-navigation.is_stuck {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.navigation-branding img {
  width: 240px !important;
  height: auto !important;
}

.main-navigation .menu-toggle {
  background: var(--global-color-9);
  color: #ffffff;
  font-size: 20px;
  border-radius: 5px;
}
.main-navigation .menu-toggle:hover {
  background: var(--global-color-9);
  color: #ffffff;
}

.ccd__header--btn {
  color: #ffffff !important;
  display: flex !important;
  cursor: pointer;
}

/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/

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

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

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

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

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

/* On hover, fade red into black for feedback */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #a01818 0%, #000000 100%);
  border-color: #000000;
}

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

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

.gform-theme--foundation .gform_fields {
  row-gap: 8px !important;
}
#gform_1 legend,
#gform_1 label {
  color: #fff !important;
}

#gform_1 input[type="submit"] {
  width: 100%;
  font-weight: bold;
  background: var(--global-color-9);
}

/*--------------------------------------------------------------
# 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: 1152px) {
  .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;
  }
}

/*--------------------------------------------------------------
# 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;
}

.ccd-offcanvas-container {
	display:flex!important;
}

.ccd-offcanvas-container a:first-child {
	color:#000000!important;
}

.ccd-offcanvas-container a:first-child:hover {
	color:#fff!important;
}