/* =============================================
   Good Creations Custom Styles 
   ============================================= */

/* FP Hero */
.slide-button {
    margin-top: 20px !important;
}

/* Pods */
.pods-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* gutter */
}

.pods-gallery img {
    display: block;
}

/* Images */
.shop-loop img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

/* Gravity Forms */
#gform_wrapper_1 .gfield_label, #gform_wrapper_1 .gform-field-label--type-sub, #gform_wrapper_1 .gfield_description, #gform_wrapper_1 .gfield_required {
    color: #ffffff;
	font-weight: bold;
}

.gform_description {margin: 20px 0;}

/* Base Classes */
.nopad { padding: 0 !important; }
.nomar { margin: 0 !important; }

/* Content spacing */
.post-content h2,
.post-content h3,
.blog-intro{
  margin-top:35px;
  margin-bottom:20px;
}

.post-content p,
.post-content li{
  margin-top:15px;
}

/* Card */
.neobox{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 10px var(--gc-shadow), 0 0 10px var(--gc-white);
}

/* Marks */
.brand-name::after{
  content:" \00AE";
  vertical-align:super;
  font-size:.5em;
}
.brand-name-tm::after{
  content:" \2122";
  vertical-align:super;
  font-size:.5em;
}

/* Buttons — shared visuals */
.fp-hero-button, #gform_submit_button_1 {
    display: inline-block;
    background-color: #0A8F6A;
    color: #ffffff;
    font-weight: 500;
    padding: 0.75rem 2rem;
    border-radius: 10px; 
    text-decoration: none;
    transition: all 0.3s ease;
    transform: scale(1);
}

.fp-hero-button:hover {
    background-color: #9C2B65;
    color: #ffffff;
    transform: scale(1.05);
}

.wp-element-button,
.sp-posts-block-read-more,
.sp-posts-block-read-more a {
    background-color:#0A8F6A;
    color:#ffffff;
    border-radius:10px;
    font-weight:600;
    cursor:pointer;
    box-sizing:border-box;
    text-decoration:none;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
	width: 100%;
}


/* Size variants */
.wp-element-button{ padding:15px; }
.sp-posts-block-read-more,
.sp-posts-block-read-more a{ padding:10px 20px; text-align:center; }

/* Hover */
.wp-element-button:hover,
.sp-posts-block-read-more:hover,
.sp-posts-block-read-more a:hover{
  background-color:var(--gc-red-hover);
  color:var(--gc-white);
}

/* ===== Responsive + Portrait ===== */
@media (max-width: 767px), (orientation: portrait) {
  .mediarow { display: flex; flex-wrap: wrap; }
  .mediarow-reverse { display: flex; flex-wrap: wrap-reverse; }
  .mediacol { width: 100% !important; }
}