/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 * Last Edited By: Zach Waidelich
 */

 .woocommerce-thankyou-order-received:before {
  top: 60px;
}
 .wpsp-nav{
	display:none;
}

#wps-slider-section .wpsf-product {
    box-shadow: 0px 10px 48px -12px var(--paletteColor3);
}

.sp-wps-product-details-inner {
    min-height: 109px;
}

#wps-slider-section img.wpsf-product-img {
    width: 100%;
    min-height: 240px;
}

.sp-wps-product-details-inner {
	text-align:left;
	padding: 12px 20px;
}

.daterangepicker {
  width: 100% !important;
    max-width: 610px !important;
    left: auto !important;
    right: 42% !important;
    top: 50% !important;
}

.daterangepicker .drp-calendar {
  max-width: 310px !important;
}

.gnarly_search_form label {
  font-weight: bold;
}

.gnarly_search_form input[type="submit"] {
  margin-top: 15px;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  text-align: center;
}

.daterangepicker .drp-buttons .btn {
  background: #357ebd;
  color: #fff;
}

/* Shop page styling */

.gnarlyrow {
  display: flex;
}
.products-col {
  width: 30%;
}
.products-col2 {
  width: 70%;
}

.products-col .products {
  grid-row-gap: calc(var(--grid-columns-gap, 30px) + 0);
  grid-template-columns: none !important;
}

.products-col .product {
  border-top: 1px solid rgb(217, 217, 217);
  padding-top: 20px;
  margin-bottom: 20px;
}

.woocommerce-loop-product__link {
  display: flex;
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: start;
}

.ct-image-container {
  max-width: 300px;
  margin-bottom: 0 !important;
}

.products .ct-image-container {
  height: 250px;
}

.products .ct-image-container img {
  border-radius: 5px;
  width: 300px;
}

[data-products="type-1"] .product-category > a,
[data-products="type-1"] .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  position: relative;
  width: 100%;
}

.products .woocommerce-loop-product__title {
  padding: 20px 0px 0px 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0px !important;
  padding: 0px;
  letter-spacing: 0.2px;
}

.products .entry-meta {
display: none;
}

#map {
  position: sticky !important;
  top: 32.5px;
}

.site-main .ct-container {
  width: 100%;
  max-width: 100%;
  padding-top: 30px;
}

.hero-section {
  display: none;
}

.woo-listing-top {
  padding-inline: 20px;
}

.products-col {
  padding-inline: 20px;
}

.ct-content-block {
  font-family: Ubuntu, Sans-Serif;
  padding-inline: 5px;
  width: 100%;
  display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.ct-content-block .ct-content-block-inner2 {
  display: flex;
    align-items: center;
    justify-content: space-between;
}

.ct-content-block .content-text{
    font-size: small;
}

.ct-media-container img {
  height: auto; 
  width: auto; 
  max-height: 300px;
}

.ct-content-block .content-title {
  font-size: 1rem;
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  line-height: 1.29;
  letter-spacing: 0.1px;
  color: rgb(141, 141, 141);
}

.ct-content-block .we-do-what-we-want {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}

.ct-content-block p {
  font-size: 1rem;
  color: rgb(141, 141, 141);
  margin-bottom: 0;
  font-weight: 400;
}
#bg-check{
  display: none;
}

.ui-widget.ui-widget-content {
  z-index: 55 !important;
}

.wpsp-nav.swiper-button-prev{
  background: white;
  color: black;
}
.wpsp-nav.swiper-button-next{
  background: white;
  color: black;
}

@media screen 
  and (min-device-width: 768px)  {

    .input-block {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px;
    }
    
    .input-block p{
      width: 100%;
      margin-bottom: 0;
    }
    
    .input-block p:not(:last-child){
      margin-bottom: 0;
      margin-right: 20px;
    }
    
    .verification-block {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    #bg-check {
      margin-top: 50px;
    }
    
    .input-block p br,
    .verification-block p br {
      display: none;
    }
    
    .verification-block p {
      margin-bottom: 0;
    }
    
    .verification-block p .wpcf7-submit {
      width: 100%;
    }
  }


/* Shop page styling End*/

@media screen and (max-width: 768px) {
  .daterangepicker {
    max-width: 500px !important;
    right: 7% !important;
  }

  .gnarlyrow {
    flex-direction: column;
  }

  .products-col {
    width: 100%;
  }

  .products-col2 {
    width: 100%;
  }

  .daterangepicker .drp-calendar {
    max-width: 100% !important;
  }

  .daterangepicker .drp-calendar {
    float: none !important;
  }

  #map {
    display: none;
  }

}

@media screen and (max-width: 550px) {
  .daterangepicker {
    max-width: 380px !important;
    right: 10px !important;
  }

  .woocommerce-loop-product__link {
    flex-direction: column !important;
  }

  .products .ct-image-container {
    max-width: 100%;
    margin-bottom: 20px !important;
  }

  .products .ct-image-container img {
    width: 100%;
  }

  .ct-content-block .ct-content-block-inner2 {
    flex-direction: column-reverse;
    align-items: flex-start;
}

.ct-content-block .ct-content-block-inner2 .price {
  text-align: left;
  margin-bottom: 10px;
}
}

@media screen and (max-width: 380px) {
  .daterangepicker {
    max-width: 336px !important;
  }
}

.error-message{
  
  display: block;
  color: red;
  padding-left: 10px;
}

.ui-state-highlight {
  border: 0 !important;
}

.ui-state-highlight a {
  background: red !important;
  color: #fff !important;
}

.info-window img {
  height: auto; 
    width: auto; 
    max-width: 300px; 
    max-height: 300px;
}


.info-window>a >p:hover {
  color: black;
}

/* https://gnarlygoose.com/wp-content/themes/blocksy-child/assets/ */
.site-title a {
  font-family: 'bushcraft';
}

.gm-style .gm-style-iw-c {
  max-width: 330px !important;
}

.gm-style .gm-style-iw-c .info-window h3 {
  font-size: 20px;
  line-height: 30px;
  margin-top: 15px;
}

.gm-style .gm-style-iw-c .info-window h6.caption-text {
  font-weight: 500;
  color: #757575;
}

/* Hide on desktop, show on mobile */
.menu-item-type-custom {
  display: none !important;
}

@media (max-width: 768px) {
  .menu-item-type-custom {
    display: flex !important;
  }
}

/* Mobile: stack blog cards vertically (Blocksy .entries grid) */
@media (max-width: 768px) {
  .entries[data-layout="grid"] {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 1 column */
    gap: 20px !important;
  }

  .entries[data-layout="grid"] > .entry-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   MOBILE FIXES — Blocksy Listings / Search / Archive Pages
   ========================================================= */

/* 1) Ensure header is full-width on listings/search pages */
@media (max-width: 768px) {
  body.search .ct-header,
  body.archive .ct-header {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 2) Remove padding from the wrapper that contains the header */
@media (max-width: 768px) {
  body.search #main-container,
  body.archive #main-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* 3) Add mobile padding ONLY to the page content (not the header) */
@media (max-width: 768px) {
  body.search #main.site-main,
  body.archive #main.site-main,
  body.search #main .ct-container,
  body.archive #main .ct-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 768px) {
  body.page-contact-us .wp-block-stackable-columns
  .stk-inner-blocks > .stk-block-column:nth-child(2) .wp-block-image {
    display: none !important;
  }

  body.page-contact-us .wp-block-stackable-columns
  .stk-inner-blocks > .stk-block-column:nth-child(2) {
    display: none !important;
  }
}


/* Hide the specific Contact page image column on mobile */
@media (max-width: 768px) {
  .stk-3b0b232-container .wp-block-image {
    display: none !important;
  }
}