/*
Theme Name: Divi Child Theme
Theme URI: http://equallymarked.com
Description: Child Theme For Divi
Author: Drew Bonsu
Author URI: http://equallymarked.com
Version: 1.0.0
Template: Divi
*/
/* Calendly Iframe Fix */
.calendly-inline-widget,
.calendly-inline-widget iframe {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Lightbox Image Integration */
.zoom-cue .et_pb_image_wrap { cursor: zoom-in; }
/*Video Thumbnail */
.video-thumbnail{position:relative;width:100%;overflow:hidden}
.video-thumbnail video{width:100%;height:auto;display:block}
.video-thumbnail .overlay{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}
.video-thumbnail:hover .overlay{opacity:.3}
/* 1) Clip the video to the module's rounded corners */
.et_pb_code .et_pb_code_inner,
.video-thumbnail { 
  overflow: hidden;          /* prevents the white corner/edge showing */
  border-radius: 25 px;    /* pick up Divi's rounded corners */
  line-height: 0;            /* kills baseline gap under media */
}
/* 2) Make the video fill and inherit the radius */
.video-thumbnail video,
.video-thumbnail .overlay {
  display: block;            /* no inline baseline gap */
  width: 100%;
  height: 100%;              /* allow object-fit to take effect */
  object-fit: cover;         /* no letterboxing at edges */
  border-radius: 25 px;    /* match the rounded corners */
 pointer-events: none; /* only disable clicks on these */
}
/* Lightbox Typography */
.mfp-title {
  line-height: 1.3;
	margin-top: 10px;
}
/* Awards Timeline */
.timeline{
  position:relative;
  max-width:1040px;
  margin:0 auto;
  padding:8px;
box-sizing:border-box;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:#334155;
}

.t-group{
  display:grid;
  grid-template-columns:120px 1fr;
  column-gap:24px;
  align-items:flex-start;        /* top-align year vs rail */
  position:relative;
}

.t-year{
  font-weight:700;
  font-size:2.5rem;
  line-height:1.5;
  color:#2b2f36;
  align-self:flex-start;         /* make sure year sticks to the top */
  letter-spacing:.5px;
  padding-top:0;
  margin-top:0;
}

.t-rail{
  position:relative;
  padding-left:56px;
  min-width: 0; /* Let the rail column shrink on smaller screens */
}

.timeline::before{
  content:"";
  position:absolute;
  left:170px;
  top:0;
  bottom:0;
  width:3px;
  background:#999999;
  border-radius:2px;
}

.t-item{
  position:relative;
  display:grid;
  grid-template-columns:176px 1fr;
  column-gap:16px;
  align-items:flex-start;        /* top-align logo + text block */
  margin-bottom:22px;
  grid-template-columns: 176px minmax(0, 1fr); /* Let the text column inside each item shrink too */
	padding:0 0 28px;              /* remove top padding so it sits flush */
}

.t-logo{
  height:176px;
  object-fit:cover;
}

/* remove default top margin on the heading so it lines up with the logo */
.t-title{
  color:#454545;
  font-family: Open Sans !important;
  font-weight:700;
  font-size:2.5rem;
  line-height:1.5;
  margin:0 0 4px;
}

.t-date{
  color:#454545;
  font-weight:800;
  font-size:1.125rem;
  line-height:1.5;
  margin:0 0 8px;
}

.t-desc{
  color:#555;
  margin:0;
  font-size:1.125rem;
  line-height:1.8rem;
}
html, body {
	background-color: #f5f5f5 !important;}
/* existing media queries are fine */
@media (max-width:860px){
  .t-group{grid-template-columns:90px 1fr}
  .timeline::before{left:132px}
  .t-item{grid-template-columns:160px 1fr}
  .t-logo{width:160px;height:160px}
}@media (max-width:560px){
  .t-group{grid-template-columns:70px 1fr}
  .timeline::before{left:112px}
  .t-item{grid-template-columns:140px 1fr}
  .t-logo{width:140px;height:140px}}

/* Hide page until Divi is ready */
/* Default: content visible */
#main-content {
  opacity: 1;
}

/* While loading: hide only main content
   (header + nav stay visible) */
body.page-loading #main-content {
  opacity: 0;
}
/* Tablet: stop the badges from being taller than their container */
@media (max-width: 980px) and (min-width: 768px){

  /* Make sure nothing in the timeline crops vertically */
  .timeline,
  .timeline .t-group,
  .timeline .t-rail,
  .timeline .t-item{
    overflow: visible;
  }
  /* Let the logo scale down instead of forcing 176px height */
  .timeline .t-logo{
    height: auto;        /* no fixed height */
    max-height: 176px;   /* optional: keeps them from getting huge */
    width: 100%;
    object-fit: contain; /* show the full badge inside the box */
    display: block;
  }
}