@charset "UTF-8";
/* CSS Document */

.localPage { font-family: 'Karla', sans-serif; font-size: 1.23rem; }


html {
  scroll-behavior: smooth;
}

.navLogo { margin-bottom: 0 !important; }
nav.navbar  .paddingBottomReg { padding-bottom: 0; }
/* Margins and Paddings */
.marginTopReallyBig { margin-top: 5em; }
.marginTopBig { margin-top: 2em; }
.marginTopReg { margin-top: 1em; }
.marginRightReg { margin-right: 1em; }
.marginRightBig { margin-right: 2em; }
.marginRightReallyBig { margin-right: 5em; }
.marginLeftReg { margin-left: 1em; }
.marginLeftBig { margin-left: 2em; }
.marginLeftReallyBig { margin-left: 5em; }
.paddingTopBig { padding-top: 2em; }
.paddingTopReg { padding-top: 1em; }
.paddingLeftZero { padding-left: 0; }
.paddingRightZero { padding-right: 0; }
.paddingLeftReg { padding-left: 1em; }
.paddingLeftBig { padding-left: 2em; }
.paddingLeftReallyBig { padding-left: 5em; }
.paddingRightReg { padding-right: 1em; }
.paddingRightReallyBig { padding-right: 5em; }
.paddingRightBig { padding-right: 2em; }
.marginBottomReg { margin-bottom: 1em; }
.marginBottomBig { margin-bottom: 2em; }
.paddingBottomReg { padding-bottom: 1em; }
.paddingBottomBig { padding-bottom: 2em; }
.paddingBottomSmall { padding-bottom: 0.5em; }
.marginAuto { margin-left: auto; margin-right: auto; }
.marginLeftZero { margin-left: 0; }
.marginRightZero { margin-right: 0; }
.marginBottomZero { margin-bottom: 0; }
.paddingZero { padding: 0; }
.marginTopZero { margin-top: 0; }
.marginBottomZero { margin-bottom: 0 !important; }
.paddingBottomReallyBig { padding-bottom: 5em !important; }
.paddingTopReallyBig { padding-top: 5em !important; }
.marginBottomSmall { margin-bottom: 0.5em; }
.marginBottomReallyBig { margin-bottom: 5em; }
.paddingBottomZero { padding-bottom: 0; }
.paddingTopZero { padding-top: 0 !important; }
.padding-six-all { padding: 6%; }
.padding-sixteen-lr { padding-left: 16%; padding-right: 16%; }div.localPage .local-hero h1
.padding-eighteen-half-tb { padding-top: 18.5%; padding-bottom: 18.5%; }
.navigationNew { margin-bottom: 0; }
div.localPage .left20 { margin-left: 0 !important; }
div.localPage .navigationNew { margin-bottom: 0; }
div.localPage .text-center { text-align: center !important; }
div.localPage .container { max-width: 1240px; }
div.localPage p { margin-top: 0; margin-bottom: 1rem; } 
	div.localPage a { color: #e2725b; }
		div.localPage a.border-none { border: 0; cursor: pointer; }
		div.localPage a:hover { text-decoration: underline; }
		
		/* H-Tags */
		h1.localPager, h2.localPager, h3.localPager, h4.localPager, h5.localPager, h6.localPager { font-family: 'Karla', sans-serif; font-weight: 800; text-transform: capitalize; margin-bottom: 0.5rem; }
		h1.localPager { font-size: 2.7em; }
		h2.localPager { font-size: 1.9em; }
		h3.localPager { font-size: 1.75em; }
		h4.localPager { font-size: 1.3em; }
		div.localPage .paddingBottom-4 { padding-bottom: 4em !important; }
		
		div.localPage .local-hero { color: #fff; }
		div.localPage .local-hero h1 { font-weight: 800; text-transform: uppercase; letter-spacing: 1px; font-size: 2em; padding: 0 !important; margin: 0 !important}
		div.localPage .local-hero p { fonts-size: 1em; font-weight: 400; }
		div.localPage span.local-slug { color: #ee5847; text-transform: uppercase; font-weight: 700; font-size: 1.2em; }
		
		div.localPage .bg-light-grey { background-color: #f4f4f4; }
		div.localPage .bg-light-blue { background-color: #d3e5e3; }
		div.localPage .bg-dark-blue { background-color: #557674; color: #fff; }
		
		div.localPage .contents-local { background-color: #fff; border-radius: 8px; padding: 2em; margin-top: -12em; }
		
		div.localPage p.byline { font-size: 0.8em; }
		div.localPage hr.byline-line { border-top: 1px solid #ccc; }
		
		div.localPage .bg-black { background-color: #000; }
		div.localPage .contents-local a { display: block; border-bottom: 1px solid #ccc; padding: 0.9em 0; font-weight: 700; position: relative; }
		div.localPage .contents-local a i { position: absolute; right: 10px; top: 1.4em; transition: 0.2s ease; }
		div.localPage .contents-local a:hover i { right: 0; }
		div.localPage .plant-combo span { display: block; }
		
		 div.localPage a .ld-billboard { background: #fff; border-radius: 8px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding: 2em; color: #000; }
		div.localPage .ld-billboard img { max-width: 150px; margin-bottom: 1em; }
		div.localPage .ld-button { background: #e2725b; padding: 1em; color: #fff; font-size: 16px; font-weight: 700; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; transition: 0.2s ease;  }
		
		div.localPage a.ld-link:hover .ld-button { background: #ff725b; }
		
		div.localPage a.btn.pink { border-radius: 35px; color: #fff; background-color: #e1715b; padding: 1em; font-weight: 700; text-align: center; min-width: 200px; border: 3px solid #e1715b; transition: 0.2s ease; }
		div.localPage a.btn.pink:hover { background-color: transparent; }
		div.localPage img.local-thumbnail-gardencoach { border-radius: 50%; border: 5px solid #fff; max-width: 250px; }
		div.localPage .local-gallery .col-12 { margin-bottom: 1em; }
		div.localPage .ld-billboard img { border-radius: 50%; }

div.gardencoach-desc .formBox input { padding: 0.5em; border: 1px solid #ccc;}
div.gardencoach-desc .formBox button { font-size: 1em; padding: 0.5em 2em; }
div.gardencoach-desc .formBox p { font-size: 0.8em; }
div.localPage p { line-height: 1.7 !important; }
div.localPage div .ld-billboard {
  background: #fff;
  border-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 2em;
  color: #000;
}
div.localPage img.local-thumbnail-gardencoachLarge {
  border-radius: 50%;
  border: 5px solid #fff;
  max-width: 450px;
  width: 100%;
}

.float-responsive {
    float: none;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
p.pictureDescText { max-width: 100% !important; text-align: center; }
#twitch-anchor { display: none !important; }
.othersContainer { display: none; }

	.webinar-countdown-hero {
		margin-bottom: 1rem;
	}

	.webinar-countdown-hero .countdown-label {
		display: block;
		font-size: 0.8rem;
		font-weight: 700;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		margin-bottom: 0.25rem;
		color: inherit;
		opacity: 0.85;
	}

	.webinar-countdown-hero .local-slug {
		display: inline-block;
	}

		 .logos img { max-height: 300px; border-radius: 100%; }
		 .member-logo { max-width: 300px; } 
		 .sundeck-benefits img { max-height: 75px; margin-bottom: 1em; }
		 .marginBottomZero { margin-bottom: 0; }
		 .wayneStateVid { margin: 0 auto;  position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }	
		 .wayneStateVid iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }	
		 .logo-strip{
  border-top: 5px solid #d9863f;
  border-bottom: 5px solid #d9863f;
  padding-bottom: 4em;
}

/* viewport */
.logo-marquee{
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* moving track */
.logo-track{
  display: flex;
  align-items: center;
  width: max-content;
  animation: logo-scroll 80s linear infinite; /* slower = higher number */
}

.logo-item{
  flex: 0 0 auto;
  padding: 0 2.25rem; /* consistent spacing between logos */
}

.logo-item img{
  height: 300px;      /* keeps visual rhythm consistent */
  width: auto;
  max-width: none;   /* prevents img-fluid from shrinking oddly in flex */
}

.logo-item span {
  display: block;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
}

.fancybox-overlay { display: none !important; }

/* pause on hover (nice “control” without UI) */
.logo-marquee:hover .logo-track{
  animation-play-state: play;
}

.webinar-interrupter {
    background: #d3e5e3;
    color: #fff;
    padding: 60px 20px;
    text-align: center;
    position: relative;
}

.interrupter-label {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 16px;
    color: #474747;
    margin-bottom: 40px;
    font-weight: 600;
}

.interrupter-quote {
    position: relative;
    padding: 20px 10px;
}

.quote-mark {
    font-size: 80px;
    line-height: 0;
    vertical-align: -40px;
    color: #333;
    font-family: Georgia, serif;
    display: block;
    margin-bottom: 15px;
}

.interrupter-quote p {
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}

.interrupter-quote cite {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #474747;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.interrupter-more {
    margin-top: 40px;
}

.interrupter-more a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 2px solid #c8dedd;
    padding-bottom: 3px;
    text-decoration: none;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.interrupter-more a:hover {
    color: #c8dedd;
    border-color: #fff;
    text-decoration: none;
}

.carousel-item img { border-radius: 25px; }

/* Webinar CTA Section */
.webinar-cta-section {
    background: #1e2d2c;;
    padding: 70px 20px;
    text-align: center;
}

.cta-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #c8dedd;
    margin-bottom: 12px;
}

.cta-heading {
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 18px;
    line-height: 1.3;
    text-align: center;
}

.cta-subtext {
    font-size: 1rem;
    font-weight: 300;
    color: #c8dedd;
    max-width: 560px;
    margin: 0 auto 32px;
    line-height: 1.7;
}

.btn-webinar-cta {
    display: inline-block;
    background: #EC7362;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 1px;
    padding: 14px 40px;
    border-radius: 25px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.btn-webinar-cta:hover {
    background: #c2732e;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.cta-price {
    margin-top: 16px;
    font-size: 0.85rem;
    color: #c8dedd;
    font-weight: 700;
    letter-spacing: 1px;
}

.fancybox-wrap {
	display: none !important;
}

/* Content Cards Section */
.content-cards-section {
    background: #fff;
    padding: 70px 20px;
    text-align: center;
}

.cards-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #557674;
    margin-bottom: 10px;
}

.cards-heading {
    font-size: 2rem;
    font-weight: 800;
    color: #333;
    margin-bottom: 40px;
    text-align: center;
}

.content-card-wrap {
    margin-bottom: 28px;
}

.content-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    border-top: 3px solid #557674;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
}

.content-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    text-decoration: none;
    color: inherit;
}

.content-card-img {
    overflow: hidden;
    height: 190px;
}

.content-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.content-card:hover .content-card-img img {
    transform: scale(1.05);
}

.content-card-body {
    padding: 20px;
    text-align: left;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.content-card-body h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}

.content-card-body p {
    font-size: 0.875rem;
    color: #474747;
    font-weight: 300;
    line-height: 1.6;
    flex: 1;
    margin-bottom: 14px;
}

.content-card-link {
    display: inline-block;
    align-self: flex-start;
    background: #EC7362;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    border-radius: 25px;
    transition: background 0.3s ease;
}

.content-card-body:hover { text-decoration: none !important; }

.content-card,
.content-card:hover,
.content-card:visited,
.content-card:active,
.content-card:focus {
    text-decoration: none !important;
    color: inherit !important;
}
.content-card:hover { text-decoration: none; }

.content-card:hover .content-card-link {
    background: #d45744;
    color: #fff;
    text-decoration: none !important;
}

.content-card *,
.content-card *:hover {
    text-decoration: none !important;
}

.content-card-body p:hover { text-decoration: none; }

/* Discount CTA Section */
.discount-cta-section {
    background: #f9f9f9;
    padding: 70px 20px;
}

.discount-card {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    position: relative;
}

/* Notched coupon effect */
.discount-card::before,
.discount-card::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: #f9f9f9;
    border-radius: 50%;
    z-index: 2;
}

.discount-card::before { left: -14px; }
.discount-card::after  { right: -14px; }

/* Left Side */
.discount-card-left {
    background: #fff;
    padding: 40px 36px;
    flex: 1;
    border-right: 2px dashed #d3e5e3;
}

.discount-thank-you {
    font-size: 0.9rem;
    font-weight: 700;
    color: #557674;
    margin-bottom: 8px;
}

.discount-heading {
    font-size: 1.6rem;
    font-weight: 800;
    color: #333;
    margin-bottom: 12px;
    line-height: 1.3;
}

.discount-subtext {
    font-size: 0.9rem;
    color: #474747;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 20px;
}

.discount-pricing {
    margin-bottom: 24px;
}

.discount-original {
    font-size: 1.2rem;
    color: #aaa;
    text-decoration: line-through;
    margin-right: 10px;
}

.discount-new {
    font-size: 2rem;
    font-weight: 800;
    color: #EC7362;
}

.btn-discount-cta {
    display: inline-block;
    background: #EC7362;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 28px;
    border-radius: 25px;
    transition: background 0.3s ease, transform 0.2s ease;
    margin-bottom: 14px;
}

.btn-discount-cta,
.btn-discount-cta:hover,
.btn-discount-cta:focus,
.btn-discount-cta:active,
.btn-discount-cta:visited {
    background: #EC7362;
    color: #fff !important;
    text-decoration: none !important;
}

.btn-discount-cta:hover {
    background: #d45744;
    transform: translateY(-2px);
}
.discount-fine-print {
    font-size: 0.75rem;
    color: #aaa;
    margin: 0;
}

/* Right Side */
.discount-card-right {
    background: #557674;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    flex-shrink: 0;
}

.discount-code-wrap {
    text-align: center;
}

.discount-code-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c8dedd;
    margin-bottom: 12px;
}

.discount-code {
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 4px;
    border: 2px dashed rgba(255,255,255,0.4);
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 12px;
}

.discount-code-sub {
    font-size: 0.75rem;
    color: #c8dedd;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

/* Webinar Newsletter Section */
.webinar-newsletter-section {
    background: #1e2d2c;
    padding: 70px 20px;
    text-align: center;
}

.webinar-nl-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #c8dedd;
    margin-bottom: 10px;
}

.webinar-nl-heading {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
    text-align: center;
}

.webinar-nl-subtext {
    font-size: 0.95rem;
    color: #c8dedd;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 30px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.webinar-nl-form .form-control {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 25px;
    padding: 10px 18px;
    font-size: 0.9rem;
    background: rgba(255,255,255,0.1);
    color: #fff;
    margin-bottom: 4px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.webinar-nl-form .form-control::placeholder {
    color: rgba(255,255,255,0.5);
}

.webinar-nl-form .form-control:focus {
    background: rgba(255,255,255,0.15);
    border-color: #c8dedd;
    box-shadow: 0 0 0 0.2rem rgba(200,222,221,0.15);
    color: #fff;
}

.webinar-nl-form .form-check-label {
    color: #c8dedd;
    font-size: 0.8rem;
}

.btn-webinar-nl-submit {
    display: inline-block;
    background: #d45744;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 12px 36px;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    margin-top: 8px;
}

.btn-webinar-nl-submit:hover {
    background: #3d5957;
    transform: translateY(-2px);
}

.webinar-nl-disclaimer {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.35);
    margin-top: 16px;
    margin-bottom: 0;
}

.btn-copy-code {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    border-radius: 25px;
    padding: 6px 16px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}

.btn-copy-code:hover {
    background: rgba(255,255,255,0.25);
}

.btn-copy-code.copied {
    background: #557674;
    border-color: #557674;
}

/* Free Replay CTA Section */
.free-replay-section {
    background: #1e2d2c;
    padding: 70px 20px;
    text-align: center;
}

.replay-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #c8dedd;
    margin-bottom: 12px;
}

.replay-heading {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.3;
    text-align: center;
}

.replay-subtext {
    font-size: 0.95rem;
    color: #c8dedd;
    font-weight: 300;
    line-height: 1.7;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

.btn-free-replay {
    display: inline-block;
    background: #EC7362;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 44px;
    border-radius: 25px;
    margin-top: 16px;
    transition: background 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

.btn-free-replay:hover {
    background: #c95848;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* Free Replay CTA Section */
.free-replay-section {
    background: #1e2d2c;
    padding: 70px 20px;
}

.replay-eyebrow {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #c8dedd;
    margin-bottom: 12px;
}

.replay-heading {
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.3;
}

.replay-subtext {
    font-size: 0.95rem;
    color: #c8dedd;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 12px;
}

.btn-free-replay {
    display: inline-block;
    background: #ee5847;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 44px;
    border-radius: 25px;
    margin-top: 16px;
    transition: background 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

.btn-free-replay:hover {
    background: #2d6340;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* Thumbnail */
.replay-thumbnail-wrap {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.replay-thumbnail-wrap:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

.replay-thumbnail-img {
    width: 100%;
    height: auto;
    display: block;
}

.replay-thumbnail-wrap {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 30px auto;       /* Centers it */
    max-width: 100%;         /* Full column width */
}

.replay-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;             /* Bigger play button */
    height: 90px;
    background: rgba(255,0,0,0.85);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.6rem;       /* Bigger icon */
    transition: background 0.3s ease, transform 0.3s ease;
}
.replay-thumbnail-wrap:hover .replay-play-btn {
    background: #ff0000;
    transform: translate(-50%, -50%) scale(1.1);
}

.free-replay-section .col-12 {
    max-width: 1100px;
    margin: 0 auto;
}

.video-embed-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    margin-bottom: 30px;
}

.video-embed-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.socialContain a { color: #fff !important; }


/* seamless loop: we duplicated the list, so we move by half the track */
@keyframes logo-scroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .logo-track{ animation: none; }
}

@media (min-width: 992px) {
    .float-responsive {
      float: right;
      max-width: 520px;
      margin: 0 0 1rem 1.5rem;
    }
  }

		
		@media screen and (max-width:991px) {
			div.localPage .contents-local { margin-top: 0; margin-bottom: 2em; }
			.fullContainer, h1 { text-align: left; }
			h2.localPager { text-align: center}
			.free-replay-section { text-align: center; }
		}
		
		@media screen and (max-width:767px) {
			div.localPage h1 { font-size: 1.8em; }
			div.localPage .local-hero h1 { font-size: 1.8em; }
			div.localPage .gardencoach-desc { text-align: center; padding-top: 1em; }
			div.localPage img.local-thumbnail-gardencoach { max-width: 180px; }
			div.localPage .plant-combo div.col-sm-4 { margin-bottom: 1.5em;  }
			div.localPage .ld-billboard { margin-bottom: 1.5em;  }
			.local-hero {
		background-image: 
			linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
			url('../jpg/gdwebinar2024.jpg') !important;
	}
      .webinar-layout {
    display: flex;
    flex-direction: column-reverse;
  }
    .discount-card {
        flex-direction: column;
    }

    .discount-card::before,
    .discount-card::after {
        display: none;
    }

    .discount-card-left {
        border-right: none;
        border-bottom: 2px dashed #d3e5e3;
    }

    .discount-card-right {
        width: 100%;
        padding: 30px 20px;
    }
		}