/* Webinar-specific styles. Scope everything under webinar classes to avoid affecting other pages. */

.webinar-related {
  margin-top: 40px;
}
.webinar-related .related-header {
  margin-bottom: 20px;
}
.webinar-related .preheader {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
  display: block;
}
.webinar-related h2 {
  margin: 0 0 6px;
}
.webinar-related p {
  margin: 0 0 16px;
}

.webinar-related-splide .splide__track {
  overflow: hidden;
  padding: 10px;
}
.webinar-related-splide .splide__list {
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;
}
.webinar-related-splide .splide__slide {
  height: auto;
  margin-right: 0 !important;
  border-radius: 20px;
}
.webinar-card {
  display: block;
  background: #fff;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: transform 150ms ease, box-shadow 150ms ease;
  height: 100%;
}
.webinar-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}
.webinar-card__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 416 / 224;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}
.webinar-card__image img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
.webinar-card__placeholder {
  background: #f1f3f5;
  padding-top: 60%;
}
.webinar-card__image .l-type {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.webinar-card__body {
  padding: 16px;
}
.webinar-card__body h3 {
  margin: 0 0 8px;
  font-size: 18px;
}
.webinar-card__body .read-more-link {
  font-size: 14px;
  color: #ef9a29;
}

/* Basic Splide arrow positioning; adjust to match your theme */
.webinar-related-splide .splide__arrows {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: 10px 0;
}
.webinar-related-splide .splide__arrow {
  background: #fff;
  border: 1px solid #e3e8ee;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.webinar-related-splide .splide__arrow svg {
  width: 14px;
  height: 14px;
}

/* GLOBAL SITE STYLES START */

.webinar-signup-layout,
.webinar-related,
.webinar-content.single-resource-content {
  background: linear-gradient(125deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(203, 230, 224, .8) 100%);
  background-attachment: fixed;
}

.webinar-signup-layout .webinar-signup-grid {
  padding-bottom: 100px;
}

.webinar-signup-layout .container-md .webinar-signup-grid,
.webinar-hero.resources-hero .container-md,
.webinar-content.single-resource-content .container-md {
  max-width: 1262px;
  margin: 0 auto;
}

/* GLOBAL SITE STYLES END */

/* HERO START */

.webinar-hero .container-md,
.webinar-hero-image .container-md,
.webinar-signup-layout .container-md {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.webinar-hero.resources-hero {
  background-color: #2D3F50;
  padding-bottom: 0;
  border-radius: 0 0 20px 25px;
  position: relative;
}
.webinar-hero.resources-hero::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(125deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(203, 230, 224, .8) 100%);
  background-attachment: fixed;
  z-index: -1;
}
.webinar-video-hero.resources-hero {
  padding-bottom: 60px;
}
.webinar-hero.resources-hero .container-md {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
.webinar-hero.resources-hero .container-md .resources-hero-row {
  margin-bottom: 20px;
  align-items: flex-start;
}
.webinar-video-hero.resources-hero .container-md .resources-hero-row {
  margin-bottom: 0px;
  gap: 60px;
  flex-wrap: nowrap;
}
.webinar-hero .resources-hero-right .webinar-hero-content.text {
  color: #FFFFFF;
  font-size: 18px;
  padding-right: 60px;
}
.webinar-hero .resources-hero-right .webinar-hero-content.text h1,
.webinar-hero .resources-hero-right .webinar-hero-content.text h2, 
.webinar-hero .resources-hero-right .webinar-hero-content.text h3,
.webinar-hero .resources-hero-right .webinar-hero-content.text h4,
.webinar-hero .resources-hero-right .webinar-hero-content.text h5,
.webinar-hero .resources-hero-right .webinar-hero-content.text h6 {
  color: #FFFFFF;
}
.webinar-hero .resources-hero-row .resources-hero-left {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.webinar-video-hero .resources-hero-left {
  width: 40% !important;
}
.webinar-video-hero .resources-hero-right {
  width: 60% !important;
  height: 100%;
}
.webinar-video-hero .resources-hero-right .rh-img {
  padding: 0;
  background-color: transparent;
  height: 100%;
}
.webinar-video-hero .resources-hero-right .rh-img img {
  height: 100%;
  object-fit: cover;
}
.webinar-hero .resources-hero-left .rh-text h1 {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  color: #55C0A8;
  margin-bottom: 0;
}
.webinar-hero .resources-hero-left .rh-text .l-type {
  position: absolute;
  top: -30px;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  border: none;
  padding: 0;
  margin: 0;
}
.webinar-video-hero .resources-hero-left .rh-text .l-type {
  position: relative;
  top: 0;
  margin-bottom: 20px;
}
.webinar-hero .resources-hero-left .post-date {
  display: none;
}
.webinar-hero .resources-hero .resources-hero-row .resources-hero-right {
  width: 57%;
}
.webinar-hero-image {
  width: 100%;
  height: 100%;
  padding-bottom: 60px;
  overflow: hidden;
}
.webinar-hero-image .container-md {
  padding: 0 !important;
}
.webinar-hero-image .webinar-hero-image-inner {
  width: 100%;
  height: 100%;
}
.webinar-hero-image .webinar-hero-image-inner img {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 15px;
  aspect-ratio: unset;
}
@media (max-width: 991px) {
  .webinar-hero.resources-hero {
    padding-top: 115px !important;
    padding-bottom: 60px !important;
  }
  .webinar-hero.resources-hero .container-md {
    padding: 0 30px;
  }
  .webinar-hero.resources-hero .container-md .resources-hero-row {
    flex-direction: column;
    row-gap: 0;
  }
  .webinar-hero .resources-hero-row .resources-hero-left {
    margin-bottom: 30px !important;
    width: 100% !important;
  }
  .webinar-hero .resources-hero-left .rh-text h1 {
    font-size: 30px !important;
    line-height: 38px !important;
  }
  .webinar-hero .resources-hero-row .resources-hero-right {
    width: 100% !important;
    height: 100%;
  }
  .webinar-hero .resources-hero-right .webinar-hero-content.text {
    padding-right: 0;
  }
  .webinar-hero .resources-hero-left .rh-text .l-type {
    top: -35px;
  }
  .webinar-hero-image {
    padding-bottom: 0;
  }
  .webinar-signup-layout .webinar-signup-grid {
    padding-bottom: 65px;
  }
}

/* HERO END */

/* FORM NOT DOABLE - ITS AN IFRAME */

.webinar-signup-layout {
  padding-bottom: 0 !important;
}
.webinar-signup-layout .container-md {
  padding: 100px 60px 0 60px !important;
  margin: 0 !important;
}
.webinar-signup-form {
  border: none;
  box-shadow: none;
}
.webinar-signup-form-col {
  position: sticky !important;
  top: 180px;
  height: 100%;
}
.webinar-signup-form #pardot-form label {
  background: none;
  width: 100%;
  padding: 0;
}
.webinar-signup-form #pardot-form {
  margin: 0 !important;
  padding: 0 !important;
}
.webinar-signup-form #pardot-form p.form-field {
  padding: 0 !important;
  
}

/* SIGN UP LAYOUT START */
.webinar-happening-next-col {
  padding: 0;
}
.webinar-next-heading h2 {
  color: #55C0A8;
  font-size: 48px;
  font-weight: 600;
  font-family: Roboto, sans-serif;
}
.webinar-next-heading .webinar-series-intro p {
  color: #23313A;
  font-size: 18px;
  margin: 0 0 40px;
  font-weight: 600;
}
.webinar-next-card__media {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 25px 25px 0 0;
}
.webinar-next-card__media img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: unset;
  object-position: center;
}
.webinar-card-content-wrapper {
  border: 1.5px solid #CBCFD2;
  border-top: none;
  border-radius: 0 0 25px 25px;
  padding: 45px 35px 35px 35px;
}
.webinar-card-content-wrapper.webinar-card-content-wrapper--no-image {
  border-top: 1.5px solid #CBCFD2;
      border-top-left-radius: 25px;
      border-top-right-radius: 25px;
}
.webinar-card-content-wrapper .webinar-next-title {
  font-size: 32px;
  font-family: Roboto, sans-serif;
  font-weight: 600;
}
.webinar-card-content-wrapper .post-date {
  margin-bottom: 20px;
}
.webinar-card-content-wrapper .post-date span {
  font-size: 20px;
  font-weight: 600;
  color: #23313A;
}
.webinar-card-content-wrapper .webinar-next-description {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
}
.webinar-card-content-wrapper .webinar-next-description p {
  margin-bottom: 30px;
}
.webinar-card-content-wrapper .speakers-wrapper-title {
  font-size: 20px;
  font-weight: 600;
  color: #23313A;
}
.webinar-card-content-wrapper .webinar-next-speakers {
  display: flex;
  margin-top: 25px;
}
.webinar-card-content-wrapper .webinar-speaker {
  display: flex;
  width: 50%;
}
.webinar-card-content-wrapper .speaker-headshot {
  width: 100px;
  height: 100px;
}
.webinar-card-content-wrapper .speaker-meta {
  padding-left: 25px;
}
.webinar-card-content-wrapper .speaker-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 9px;
  color: #23313A;
}
.webinar-card-content-wrapper .speaker-title {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
.webinar-sessions {
  margin-top: 60px;
}
.webinar-session-col {
  margin-bottom: 45px;
}
.webinar-sessions h2 {
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 600;
  color: #2BB597;
}
.webinar-session-col p {
  font-size: 20px;
  color: #23313A;
}
.webinar-session-list {
  list-style: disc !important;
}
.webinar-session-list li {
  color: #23313A;
  margin-top: 10px;
}
.webinar-session-list li a {
  font-size: 20px;
  color: #23313A;
  text-decoration: underline;
}
.webinar-session-list li a:hover {
  color: #2BB597;
}
.webinar-session-list li a .l-type {
  font-weight: 600;
  color: #7C8791;
}
.webinar-session-list li a:hover .l-type {
  color: #7C8791 !important;
}

@media (max-width: 991px) {
  .webinar-signup-form {
    max-width: 100%;
  }
  .webinar-signup-form p {
    margin: 0 !important;
  }
  .webinar-signup-form-col {
    position: relative !important;
    top: 0;
  }
  .webinar-happening-next-col {
    padding-top: 60px;
  }
  .webinar-signup-layout .container-md {
    padding: 65px 25px 0 25px !important;
  }
  .webinar-next-card__media img {
    height: 100%;
  }
  .webinar-card-content-wrapper {
    padding: 40px 25px 25px 25px;
  }
  .webinar-card-content-wrapper .webinar-next-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .webinar-card-content-wrapper .webinar-next-speakers {
    flex-direction: column;
    margin-top: 15px;
    gap: 30px;
  }
  .webinar-card-content-wrapper .webinar-speaker {
    width: 100%;
  }
  .webinar-card-content-wrapper .speaker-meta {
    padding-left: 35px;
  }
  .webinar-sessions {
    margin-top: 90px;
  }
  .webinar-sessions h2 {
    font-size: 32px;
  }
  .webinar-next-heading h2 {
    font-size: 30px;
  }
}
/* SIGN UP LAYOUT END */

/* WEBINAR RELATED START */

.webinar-related {
  margin-top: 0px;
  padding: 100px 60px;
}
.webinar-related .preheader {
  font-size: 16px;
  text-transform: initial;
  letter-spacing: 0.3px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #23313A;
}
.webinar-related .related-header {
  margin-bottom: 40px;
}
.webinar-related h2 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #2BB597;
  text-align: left;
  margin: 0 0 15px 0;
}
.webinar-related p {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.3px;
  border-bottom: 2px solid #CBCFD2;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.webinar-related-splide .splide__arrows {
    margin: 10px 0;
    position: absolute;
    top: -100px;
    right: -15px;
    width: 120px;
}
.webinar-related-splide .splide__arrow {
  background: none;
  border: none;
  box-shadow: none !important;
}
.webinar-related-splide .splide__arrow svg {
    width: 24px;
    height: 24px;
}
.webinar-related-splide .splide__arrow:not(:disabled) {
  opacity: 1;
}
.webinar-card {
  border: 2px solid #CBCFD2;
}
.webinar-card:hover {
  text-decoration: none;
}
.webinar-card .webinar-card__body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  min-height: 220px;
  justify-content: space-between;
}
.webinar-card .webinar-card__body .l-type {
  color: #7C8791;
}
.webinar-card .webinar-card__body .read-more-link {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #4C575E;
}
.webinar-card .read-more-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.webinar-card .read-more-button svg {
  width: 13px;
  height: 13px;
}
.webinar-card .read-more-button svg path {
  fill: #EF9A29;
}
.webinar-card .webinar-card__body h3 {
    margin: 0;
    font-size: 22px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    color: #4C575E;
    line-height: 1.5;
    margin-bottom: 15px;
    margin-top: 10px;
}

@media(max-width: 991px) {
  .webinar-related {
    padding: 75px 25px;
  }
  .webinar-related.related-resources .container {
    padding: 0;
  }
  .webinar-related-splide .splide__arrows {
    top: -100px;
    right: auto;
    left: -5px;
  }
  .webinar-related p {
    padding-bottom: 90px;
  }
  .webinar-related-splide .splide__slide {
    max-width: 90%;
  }
}

/* WEBINAR RELATED END */

/* POST WEBINAR START */
.download-resource-form {
  padding-top: 0px;
}
.webinar-content.single-resource-content {
  padding-bottom: 60px;
  padding-top: 0;
}
.webinar-content.single-resource-content .container-md {
  padding: 100px 15px 0 15px !important;
}
.webinar-content.single-resource-content .rr-list {
  display: none;
}
.webinar-content.single-resource-content .src-row {
  column-gap: 130px;
  flex-wrap: nowrap !important;
}
.webinar-content.single-resource-content .src-row .src-left {
  max-width: 55%;
}
.webinar-content.single-resource-content .src-row .src-right {
  max-width: 35%;
}
.webinar-content.single-resource-content .src-row .src-right .social-share a {
  background-color: transparent;
  width: 25px;
  height: 25px;
}
.webinar-content.single-resource-content .src-row .src-right .social-share a svg {
  width: 15px;
  height: 15px;
}
.webinar-content.single-resource-content .src-row .src-right .social-share a svg path {
  background-color: transparent;
  fill: #2D3F50;
}
.webinar-content.single-resource-content .request-demo-box {
  border-radius: 8px;
}
.webinar-content.single-resource-content .request-demo-box h3 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.webinar-content.single-resource-content .request-demo-box h3 strong {
  font-weight: 500;
}
.webinar-content.single-resource-content .request-demo-box .button {
  width: 100%;
  background-color: #EF9A29;
  letter-spacing: 0.3px;
  font-weight: 600 !important;
  color: #2D3F50;
}
.webinar-content.single-resource-content .request-demo-box .button:hover {
  background-color: transparent;
  color: #FFFFFF;
}

@media (max-width: 991px) {
  .webinar-video-hero .resources-hero-right {
    width: 100% !important;
    height: 100%;
  }
  .webinar-video-hero .resources-hero-left {
    width: 100% !important;
  }
}

/* POST WEBINAR END */