/*!
Theme Name: Greenshift Child
Theme URI: https://greenshift.wpsoul.net/
Template: greenshift
Author: Blu-Square
Author URI: https://blu-square.com/
Description: Child theme for Greenshift
Version: 1.0.19
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenshift-child

This child theme inherits functionality from the Greenshift parent theme.
*/
/* Responsive Heading Sizes */
/* Note: Desktop sizes (1024px+) are defined in theme.json */
/* Mobile heading sizes (<768px) */
@media (max-width: 767.98px) {
  h1 {
    font-size: 42px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 17px;
  }
  h6 {
    font-size: 14px;
  }
}
/* Tablet heading sizes (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023.98px) {
  h1 {
    font-size: 72px;
  }
  h2 {
    font-size: 52px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 19px;
  }
  h6 {
    font-size: 14px;
  }
}
/* Links */
a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

.link-offset a {
  text-underline-position: under;
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.05em;
}

/* Typography Utilities */
.eyebrow {
  font-size: 14px !important;
  line-height: 17px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.header {
  font-size: 12px !important;
}

/* Button styles */
.wp-block-greenshift-blocks-buttonbox {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100% !important;
}

.gspb-buttonbox-textwrap {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: 1 !important;
}

.gspb-buttonbox-text,
.gspb-buttonbox-title {
  font-family: var(--wp--preset--font-family--rivieranights) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Ensure button text stays the right size at all breakpoints */
@media (min-width: 768px) {
  .gspb_button_wrapper .gspb_button.wp-element-button,
  .wp-block-greenshift-blocks-buttonbox .gspb-buttonbox-text,
  .gspb-buttonbox-title {
    font-size: 13px !important;
  }
}
@media (min-width: 1024px) {
  .gspb_button_wrapper .gspb_button.wp-element-button,
  .wp-block-greenshift-blocks-buttonbox .gspb-buttonbox-text,
  .gspb-buttonbox-title {
    font-size: 13px !important;
  }
}
/* Scroll to Top */
#greenshifttotop {
  background: rgba(40, 40, 41, 0.6) !important;
  bottom: 25px !important;
}

/* Sliding Panel */
.gspb_slidingPanel-close svg {
  width: 30px !important;
  height: 30px !important;
}

.gspb_slidingPanel-close svg path {
  fill: #ffffff;
}

.gspb_button-id-gsbp-2342a7d .gspb_slidingPanel-close {
  background-color: rgba(255, 255, 255, 0) !important;
  height: 60px !important;
  width: 60px !important;
}

.gspb_button-id-gsbp-2342a7d .gspb_slidingPanel.active .gspb_slidingPanel-close {
  transform: none !important;
  background-color: rgba(255, 255, 255, 0);
  height: 60px !important;
  width: 60px !important;
}

/* Icons */
.gs-iconbefore {
  background-color: var(--gs-colorcustomcolor2, #18985d) !important;
}

.gs-iconafter {
  background-color: var(--gs-colorcustomcolor2, #18985d) !important;
}

/* Tabs (Specific ID Overrides) */
#gspb-tab-item-btn-gsbp-9555d6f-0 {
  border-radius: 10px 0 0 0;
}

#gspb-tab-item-btn-gsbp-9555d6f-2 {
  border-radius: 0 10px 0 0;
}

@media (max-width: 575.98px) {
  .t-btn-container .t-btn {
    font-size: 9px !important;
    padding: 8px 0px !important;
  }
  /* Make tab container fill the width */
  .t-btn-container {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  /* Make buttons expand to fill space */
  .t-btn-container .t-btn {
    flex: 1 !important;
    text-align: center !important;
  }
}

/*# sourceMappingURL=style.css.map */
