.worthwhile .worthwhile-cta {
	font-weight: 500;
	padding-top: 40px;
}
.worthwhile-archive{
    margin-top: -45px;
}

.page-link {
  cursor: default !important;
}

.join-ten10 .video-tile .video-tile-header {
 font-size: 24px !important;
  line-height: 1.5 !important;
  color: var(--dark);
}

.join-ten10 hr {
  margin-block: 75px;
}

/* These will override the model 2 callout styles */

.join-ten10 .co-lateral-base .callout-item .callout-heading-wrapper {
  height: auto !important;
  animation: slideInLeftSmall 1s forwards;
  visibility: visible;
}

.join-ten10 .co-lateral-base .callout-copy-wrapper p {
  color: var(--gray-dark) !important;
}

.join-ten10 .co-lateral-base .callout-copy-wrapper p:last-of-type {
  margin-bottom: 0 !important;
}

.join-ten10 .co-lateral-base .callout-copy-wrapper a.button {
margin: 10px 0px;
}

.join-ten10 .co-lateral-base .callout-item .callout-copy-wrapper {
  color: var(--gray-dark);
  font-family: var(--font-3);
  animation: slideInLeftSmall 1s forwards;
}

/* structure */
.join-ten10 .co-lateral-base .callout-item .callout-image-wrapper {
  grid-row: 1;
  max-height: fit-content;
  overflow: visible;
  animation: slideInRightSmall 1s forwards;
  padding: 15px;
}

.join-ten10 .co-lateral-base .callout-link,   .join-ten10 .co-lateral-base .callout-item.callout-2 > div {
  display: flex;
}

.join-ten10 .co-lateral-base {
  display: flex;
  flex-direction: column; /* Ensure callouts stack vertically */
}

.join-ten10 .co-lateral-base .callout-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px; /* Adjust spacing between callouts as needed */
  max-width: 100%;
}
.join-ten10 .co-lateral-base .callout-image-wrapper {
  flex: 1;
  margin-right: 0px; /* Adjust spacing between image and content as needed */
}

.join-ten10 .co-lateral-base .callout-item .callout-image-wrapper .callout-image {
  height: 190px;
  max-width: none;
  width: auto;  
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.join-ten10 .co-lateral-base .callout-lateral-content-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 60px;
  visibility: visible;  
}

.join-ten10 .co-lateral-base .flip-order-even .callout-lateral-content-wrapper {
  padding: 5px 60px 5px 0px;
}

.join-ten10 .co-lateral-base .callout-item .callout-cta-wrapper {
  align-self: auto;
}

/* Ensure the callouts container displays items in a single column */
.join-ten10 .co-lateral-base .callouts-container {
  display: flex;
  flex-direction: column;
}

/* Flip order for even callouts */
.join-ten10 .co-lateral-base .callout-item:nth-of-type(even) {
  flex-direction: row-reverse;
}

.join-ten10 .co-lateral-base .callout-item:nth-of-type(even) > div:has(.callout-image-wrapper) {
  flex-direction: row-reverse;
}



/*==================== Responsive Media Queries ====================*/  
 
@media only screen and (max-width: 1024px) {
  .join-ten10 .co-lateral-base .callout-item {
    width: 100%;
  } 
}

@media only screen and (max-width: 767px) {
  .join-ten10 .co-lateral-base .callout-link, .join-ten10 .co-lateral-base .callout-item.callout-2 > div  {
    display: block;
  }
  .callouts-container .callout-item .callout-cta-wrapper button, .callouts-mobile-slider .callout-item .callout-cta-wrapper button {
    padding: 0 !important;
    font-family: var(--font-3) !important;
  }
  .join-ten10 .co-lateral-base .callout-lateral-content-wrapper {
    padding: 5px 0px;
  }
  .join-ten10 .co-lateral-base .flip-order-even .callout-lateral-content-wrapper {
    padding: 5px 0;
  }
  .join-ten10 .co-lateral-base.callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    color: var(--gray-dark);
  }
  .join-ten10 .co-lateral-base.callouts-version-1.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
    color: var(--dark);
    font-family: var(--font-1);
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    font-size: 30px;
    line-height: 36px;
  }
  .join-ten10 .co-lateral-base .callout-image-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
  }
}

/**video player button**/

.interior .playkit-pre-playback-play-overlay .playkit-pre-playback-play-button {
    background: var(--medium) !important;
     width: 60px !important;
    height: 60px !important;
}

.interior .playkit-pre-playback-play-overlay .playkit-pre-playback-play-button:hover {
     width: 55px !important;
    height: 55px !important;
}