/* Basics */
p, ul, ol, dl {font-size:18px !important; padding-bottom:1.2rem !important;}
a:visited {color:#d03b97;}
.force-right {text-align:right !important;}
.bg-light-green {background-color:#e9f6f7;}
.bg-srd-pink {background-color:#d03b97;}
.bg-srd-turquoise {background-color:#42a7ac;}
.bg-srd-green {background-color:#2e767a;}
/* Embeds */
.max-800 {max-width: 800px;}
/* Tabs */
/* Reset */
.responsive-tabs {
  font-family: sans-serif;
}

.tab-titles {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ccc;
}

.tab-titles li {
  padding: 10px 20px;
  cursor: pointer;
  background: #f1f1f1;
  margin-right: 2px;
  border: 1px solid #ccc;
  border-bottom: none;
}

.tab-titles li.active {
  background: #fff;
  font-weight: bold;
}

.tab-panel {
  border: 1px solid #ccc;
  border-top: none;
}

.tab-content {
  display: none;
  padding: 15px;
  background: #fff;
}

.tab-panel.active .tab-content {
  display: block;
}

/* Accordion Titles (Hidden on Desktop) */
.accordion-title {
  display: none;
  padding: 15px;
  background: #eee;
  border-top: 1px solid #ccc;
  cursor: pointer;
  font-weight: bold;
}

/* === Mobile Styling === */
@media (max-width: 768px) {
  .tab-titles {
    display: none;
  }

  .accordion-title {
    display: block;
  }

  .tab-panel {
    border: none;
    border-top: 1px solid #ccc;
  }

  .tab-content {
    border-top: none;
    border-bottom: 1px solid #ccc;
  }
}

/* Video BG */
html, body {
  overflow-x: hidden;
}
.video-background {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.video-foreground {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 1;
}
.video-foreground iframe {
  width: 100vw;
  height: 56.25vw; /* 16:9 aspect ratio */
  min-height: 100vh;
  min-width: 177.77vh; /* 16:9 aspect ratio */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-shadow: 0 0 10px rgba(0,0,0,0.7);
  background: rgba(0,0,0,0.3); /* optional dark overlay */
}
/* Skin */
.searchSkinObjectPreview_group {display:none;}
.eds_pageDescription {display:none;}
.eds_animatedTumbnail:hover .eds_hoverWhite {color:#fff !important;}
.eds_footerText {color:#2e767a; font-size:0.7rem;}
/* Blog */
.remove-u {text-decoration:none;}
.remove-u:hover {text-decoration:none;}
.embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.eds_sideBar h4 {padding-bottom:0;}
/* Modal */
.srd-parent {
    position:relative; /* Enables absolute positioning for children */
    width:100%;       /* Full width of the parent */
    height:100vh;     /* Full height of the viewport or any specific height */
    overflow:hidden;  /* Hides any overflow content */
}
.srd-iframe {
    position:absolute; /* Position relative to the parent */
    top:0;            /* Aligns to the top */
    left:0;           /* Aligns to the left */
    width:100%;       /* Full width of the parent */
    height:100%;      /* Full height of the parent */
    border:none;      /* Removes default border */
}
.srd-modal {margin-top: 100px;}
.responsive-iframe-container {
    position:relative;
    overflow:hidden;
    width:100%; /* Full width */
	height:100vh;
    padding-top:20.25%; /* 16:9 Aspect Ratio (9/16 = 0.5625) */
}
.responsive-iframe-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%; /* Full width */
    height:100%; /* Full height */
    border:0; /* Remove border */
}
/* Labels */
.label {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out;
}
.label-accent-pink {
    color: #fff;
    background-color: #d03b97;
}
.label-accent-teal {
    color: #fff;
    background-color: #42a7ac;
}