/*
 Theme Name:   Gardena Child
 Theme URI:    http://gardena.bold-themes.com
 Description:  Gardena child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     gardena
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  gardena-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */

body {
    font-family: 'Roboto';
}

/* ===== CTA Sub-Bar under the menu ===== */
.header-cta-bar {
  background:#f2f2f2;
  border-top:1px solid rgba(0,0,0,.06);
  border-bottom:1px solid rgba(0,0,0,.06);
  font-family: inherit;
}

.header-cta-bar .header-cta-wrap{
  max-width:1200px;      
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* Left side */
.cta-left{
  display:flex;
  align-items:center;
  gap:12px 14px;
  flex-wrap:wrap;
}

.cta-preamble{
  font-weight:600;
  color:#1a1a1a;
}

/* Phone link */
.cta-phone{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight:700;
  color:#000;
}

.phone-icon{
  display:inline-grid;
  place-items:center;
  width:28px; height:28px;
  border-radius:6px;
  background:#00612f;     
  color:#ffeb3b;          
}

/* Right side buttons */
.cta-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

.btn{
  display:inline-block;
  padding:.55rem 1rem;
  font-weight:600;
  border-radius:6px;
  text-decoration:none;
  line-height:1;
  border:2px solid transparent;
  transition:transform .04s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
}

.btn:hover{ transform:translateY(-1px); }

/* Outline button (Pay Bill)) */
.btn-outline{
  color:#00612f;
  background:#fff;
  border-color:#00612f;
}
.btn-outline:hover{
  background:#f4fff2;
}

/* Solid button (Free Estimates) */
.btn-solid{
  background:#00612f;    
  color:#ffeb3b!important;
}
.btn-solid:hover{
  filter:brightness(0.97);
}

/* Make the form behave like an inline button */
.pay-bill-form{ display:inline-block; margin:0; }

/* Ensure <button> matches .btn styles */
.pay-bill-form .btn { cursor:pointer; }

/* Optional: if your theme adds default button styles you don't want */
.pay-bill-form button.btn {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;       /* overwritten by .btn-outline */
}

/* Make form behave inline, like the other buttons */
.pay-bill-form {
  display: inline-block;
  margin: 0;
}

/* Ensure the button inherits your .btn styling */
.pay-bill-form .btn {
  cursor: pointer;
}

.bt_bb_accordion.bt_bb_color_scheme_4.bt_bb_style_simple .bt_bb_accordion_item .bt_bb_accordion_item_title:hover, .bt_bb_accordion.bt_bb_color_scheme_4.bt_bb_style_simple .bt_bb_accordion_item.on .bt_bb_accordion_item_title {
    color: #000!important;
} .bt_bb_accordion.bt_bb_color_scheme_4.bt_bb_style_simple .bt_bb_accordion_item.on .bt_bb_accordion_item_title {
    font-weight: 500;
}

.faqAccordion {
	padding-right: 40px; 
	padding-left: 10px;
}

.logo {
	padding-top: 5px;
	padding-bottom: 5px;
}

.btAccentLightHeader .topBar {
    color: white;
		font-size: 14px;
}

.top-text {
	margin-left: 10px;
}

.btMenuHorizontal:not(.btMenuLeft) .menuPort > nav > ul > li:nth-last-child(2) > ul {
    right: 0px;
}

.btMenuHorizontal.btMenuCenter .menuPort .rightNav li {
    text-align: left;
}

.bt_bb_gap_large .slick-list .slick-slide .content,
.btContent .bt_bb_image.bt_bb_content_exists
{
    box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
    -moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
}

.bt_bb_height_keep-height .slick-slider .slick-slide {
    margin-top: 5px;
    margin-bottom: 10px;
}

.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
    font-family: 'Roboto';
}

.bt_bb_size_extralarge.bt_bb_headline h1,
.bt_bb_size_huge.bt_bb_headline h1 
{
    text-shadow: 1px 1px 8px #000 !important;
}

.bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline,
.bt_bb_font_weight_normal.bt_bb_headline h2,
.bt_bb_size_huge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline
{
    text-shadow: 1px 1px 5px #000 !important;
}
	
	.FreeEstimateSection {
		width:auto; 
		max-width: 600px;
		border:1px solid black; 
		margin: 0 auto; 
		border-radius: 10px; 
		padding:10px 25px;
		margin-top: -150px;
	}

.btMenuHorizontal .menuPort > nav > ul ul {
    width: 280px;
}

.btMenuHorizontal .menuPort ul ul li a:hover {
    font-weight: 600;
}

.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-ancestor > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor li.current-menu-item > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-ancestor > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item li.current-menu-item > a {
    font-weight: 600;
}

@media (min-width: 1200px){
.btContentWrap {
    margin-top: 200px;
}
}

/* Responsive stacking */
@media (max-width: 1200px){
	/* Adjust the body class to whichever you see when the menu is open:
     btVerticalHeaderOpen, btMenuVertical, etc. */
  body.btVerticalHeaderOpen .mainHeaderInner,
  body.btMenuVertical .mainHeaderInner {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;   /* full viewport height, mobile-safe */
    overflow: auto;       /* let menu items scroll if tall */
  }

  /* Push CTA band to the bottom (just above .topBar) */
  body.btVerticalHeaderOpen .mainHeaderInner > #header-cta-bar,
  body.btMenuVertical .mainHeaderInner > #header-cta-bar {
    margin-top: auto;
    border-top: 1px solid rgba(0,0,0,.06);  /* optional */
  }

  /* Ensure Follow Us (.topBar) stays last */
  body.btVerticalHeaderOpen .mainHeaderInner > .topBar,
  body.btMenuVertical .mainHeaderInner > .topBar {
    order: 999;  /* keep it after everything */
  }
	
  .header-cta-bar .header-cta-wrap{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .cta-right{ width:100%; }
	.cta-left,.cta-right {display:block;}
  .cta-right .btn{ width:auto; }
	
	.btMenuVertical .mainHeader .logo {
    text-align: center;
    display: block;
    margin: 10px auto;
	max-width: 260px;
}
}

@media (max-width: 992px){
	
	.FreeEstimateSection {
		margin-top: -150px;
	}
	
}

@media (min-width: 768px) and (max-width: 992px) {
    .customFooterColumn {
        max-width: 50%!important;
    }
}

@media (max-width: 768px){
.bt_bb_align_center .bt_bb_custom_menu div ul {
    text-align: center;
}
	
	.FreeEstimateSection {
		width:auto; 
		max-width: 600px;
		margin: 0 auto; 
		margin-top: -150px;
	}
	
	.bt_bb_card_image.bt_bb_shape_soft-rounded {
    margin-bottom: 10px;
}
	
}

@media (max-width: 480px){
  .cta-preamble{ display:block; }
  .phone-number{ font-size:1.05rem; }
	
	.FreeEstimateSection {
		margin-top: -100px;
	}
	
	.bt_bb_card_image.bt_bb_shape_soft-rounded {
    margin-bottom: 5px;
}
}