/* Remove underline from menu items */
.header-navigation a {
    text-decoration: none;
}
/* Remove underline from all links in the header */
.header a {
    text-decoration: none;
}

.header__menu-submenu {
  padding-top: 20px; /* Adds 10px space at the top of the dropdown */
}

/* Ensuring the parent container has relative positioning */
.video-popup-uz-iner {
    position: relative !important;
    width: 100%; /* Adjust based on your layout needs */
    height: auto; /* Adjust based on content, can set to 100% if full height is needed */
    overflow: visible !important; /* Allows children to render outside its bounds */
}

/* Styling the play button circle */
.video-popup-uz-circle-bg {
    position: absolute !important;
    bottom: 10px !important; /* Adjust spacing from the bottom */
    left: 100%; /* Position it at the right edge of its container */
    transform: translateX(-50%); /* Move it 50% of its width to the left */
    width: 80px !important; /* Circle size */
    height: 80px !important; /* Circle size */
    background: rgba(0, 0, 244, 1) !important; /* White background for the circle */
    border-radius: 50% !important; /* Makes it circular */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 500 !important; /* Medium z-index to ensure it's above some content but below the pop-out video */
}

@media only screen and (max-width: 767px) {
    .video-popup-uz-circle-bg {
        left: 70% !important; /* Position it at the center of its container */
        transform: translateX(-50%) !important; /* Center it horizontally */
        bottom: 0px !important; /* Adjust spacing from the bottom, if necessary */
        /* You can also adjust the size if needed */
        width: 80px !important; /* Adjust the circle size for mobile */
        height: 80px !important; /* Adjust the circle size for mobile */
    }
}


.video-popup-uz-circle-bg>svg {
    width: 25px !important; /* Adjust SVG width for smaller icon size */
    height: 25px !important; /* Adjust SVG height for smaller icon size */
    fill: white !important; /* Specific fill color */
    stroke-linejoin: miter !important; /* Ensures corners of the triangle are sharp */
    stroke: #ffffff !important; /* Stroke color same as fill */
    stroke-width: 1 !important; /* Defines the thickness of the triangle's edges */
}

/* Making the round content image larger and allowing it to overlap the circle */
.video-popup-uz-circle-bg>img {
    width: 125px !important; /* Larger than the container circle */
    height: 125px !important; /* Maintain aspect ratio */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; /* Center it perfectly */
    z-index: 499 !important; /* Slightly lower than the circle to maintain hierarchy */
}

/* Ensure video popup and its overlay appear in front of all other content */
.video-overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
    z-index: 10000 !important; /* Very high z-index to ensure it covers other elements */
}

.video-popup {
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; /* Adjust based on your design needs */
    height: auto;
    z-index: 10001 !important; /* Highest z-index to ensure the video is the topmost element */
}
/* Target the specific close button more forcefully */
div.video-popup-uz-cross {
    position: absolute !important;  /* Force the position to be absolute */
    top: 10px !important;  /* Force the top positioning */
    right: 10px !important;  /* Force the right positioning */
    background: none !important;  /* Ensure no background */
    width: 30px !important;  /* Define width */
    height: 30px !important;  /* Define height */
    cursor: pointer !important;  /* Ensure it's clickable */
    border: none !important;  /* No borders */
    outline: none !important;  /* No focus outline */
    z-index: 10001 !important;  /* High z-index to ensure it's on top */
}

/* Target the SVG within the close button div */
div.video-popup-uz-cross svg {
    fill: black !important;  /* Make the X black */
    width: 20px !important;  /* Adjust width of the SVG */
    height: 20px !important;  /* Adjust height of the SVG */
}

/* Remove any additional effects on hover or focus */
div.video-popup-uz-cross:hover,
div.video-popup-uz-cross:focus {
    background: none !important;  /* No background change on hover or focus */
    outline: none !important;  /* No outline on focus */
}
a {
    text-decoration: none !important;
}

.background-video {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.video-popup-uz {
    box-shadow: none;
    position: relative;
    z-index: 10;
    overflow: visible;
}

.video-popup-uz-circle-bg.video-popup-uz-video-show-popup svg path {
    fill: white !important; /* Override the inline fill color with white */
}

/*this is for background video rounding the corners*/
.dr_video-hero {
    border-radius: 5px; /* Maintains roundness */
    overflow: hidden; /* Keeps everything contained */
    position: relative; /* Ensures positioning context for absolute children */
}

/* Ensure all text within the blog post is black by default */
.content-wrapper,
.blog-post,
.blog-post-section,
.blog-post__body {
    color: #000000;
}

/* Existing link color rules with some modifications */
.content-wrapper a,
.blog-post a,
.blog-post-section a,
.blog-post__body a,
.content-wrapper p a,
.content-wrapper li a,
.content-wrapper h1 a,
.content-wrapper h2 a,
.content-wrapper h3 a,
.content-wrapper h4 a,
.content-wrapper h5 a,
.content-wrapper h6 a,
.content-wrapper div a {
    color: #0000F4 !important;
    text-decoration: none; /* Optional: removes underline from links */
}

/* Optional: Style for link hover state */
.content-wrapper a:hover,
.blog-post a:hover,
.blog-post-section a:hover,
.blog-post__body a:hover {
    text-decoration: underline;
}

/* Ensure that headings are black (in case they're not inheriting the color) */
.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6,
.blog-post__headline {
    color: #000000;
}

/* If you're using any specific classes for body text, add them here */
.blog-post__text,
.blog-post__paragraph {
    color: #000000;
}

/* Wrapper for the entire content */
.content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 100px;
}

/* Wrapper for the blog post column */
.blog-post__column-wrapper {
    max-width: 850px;
    margin: 50px auto;
    width: 100%;
    position: relative;  /* Changed from display: flex */
}

/* Left sidebar containing the "All posts" button */
.blog-post__left-sidebar {
    position: absolute;
    top: -50px;  /* Adjusted to align with the top of blog content */
    left: 0;
    z-index: 10;
}

/* Main blog post section */
.blog-post-section {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;  /* Center the blog content */
}

/* Button styling */
.btn__back-to-posts {
    /* Add any specific button styles here if needed */
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .content-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .blog-post__left-sidebar {
        left: 20px;
    }
}

@media (max-width: 900px) {
    .blog-post__column-wrapper {
        margin: 50px 0;
    }
    
    .blog-post__left-sidebar {
        position: static;
        margin-bottom: 20px;
    }
}

/* Previous CSS rules remain the same */

/* Title font size adjustment */
.blog-post__headline,
h1 {
    font-size: 60px; /* Adjust this value as needed */
    line-height: 1.2; /* Adjust for better readability if needed */
    margin-bottom: 20px; /* Add some space below the title */
}

/* You can also add responsive font sizes if needed */
@media (max-width: 768px) {
    .blog-post__headline,
    h1 {
        font-size: 36px; /* Smaller font size for mobile devices */
    }
}

/* Existing CSS rules remain the same */

/* Add this new rule for the author name */
.blog-post__author {
    font-family: 'Universal Sans Light', sans-serif; /* Fallback to sans-serif if the font isn't available */
    font-size: 12px;
    /* Optional: you might want to add these for better appearance */
    font-weight: 300; /* Light weight, if available */
}

.blog-listing__post {
    position: relative;
    padding-bottom: 20px;
}

.blog-listing:not(.blog-listing--card) .blog-listing__post::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 0.3px;
    background-color: #c4c4c4; /* Lighter line color */
    transform: translateY(-50%); /* Centers the line vertically within the border box */
}


.blog-listing__post {
    display: flex;
    align-items: flex-start;
}

.blog-listing__post-image-wrapper {
    flex-shrink: 0;
    width: 100%; /* or whatever fixed width you prefer */
    margin-right: 20px; /* Space between the image and the text */
}

.blog-listing__post-content {
    flex-grow: 1;
    overflow-wrap: break-word; /* Ensures long words break and wrap */
    word-wrap: break-word;
    flex-basis: 0;
}

@media only screen and (max-width: 768px) {
    .blog-listing__post {
        display: flex;
        flex-direction: column; /* Stacks elements vertically */
        width: 100%; /* Ensures the post takes full width */
    }

    .blog-listing__post-image-wrapper {
        order: -1; /* Moves the image wrapper to the top */
        width: 100% !important; /* Forces the image wrapper to take full width */
        margin: 0; /* Removes any margin that might shrink the width */
    }

    .blog-listing__post-image-wrapper img {
        display: block; /* Removes any inline block spacing */
        width: 100% !important; /* Forces the image to take full width */
        height: auto; /* Maintains aspect ratio */
        object-fit: cover; /* Ensures the image covers the container */
    }

    .blog-listing__post-content {
        order: 1; /* Keeps content below the image */
    }

}

.blog-listing__post-content {
    padding-bottom: 0 !important; /* Reduces the padding at the bottom */
    margin-bottom: 0 !important; /* Reduces any margin that might be creating extra space */
    overflow-wrap: break-word; /* Ensures long words break and wrap */
    word-wrap: break-word; /* Allows words to break and wrap according to the container size */
}

/* Increase the height of the entire card by 10px */
.team-member-flip-card .team-member-flip-card_content {
  height: calc(130% + 10px) !important; /* Increase card height by an additional 10px */ */
}

/* Force the image wrapper and image to fill the adjusted height */
.team-member-flip-card .team-member-flip-card_image-wrapper,
.team-member-flip-card .team-member-flip-card_image {
  height: calc(100%) !important; /* Image should take up the full height of its container */ */
}

/* Force make sure the inner content also scales */
.team-member-flip-card .team-member-flip-card_content-inner {
  height: 100% !important; /* Ensuring the content scales properly with the card */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* Force start with the image in grayscale */
.team-member-flip-card .team-member-flip-card_image {
  filter: grayscale(100%) !important;
  transition: filter 0.5s ease !important;
}

/* Force hover, switch to color */
.team-member-flip-card .team-member-flip-card_content-wrapper:hover .team-member-flip-card_image {
  filter: grayscale(0%) !important;
}

/* Reduce the padding inside the card */
.team-member-flip-card .team-member-flip-card_content-inner {
  padding: 10px !important; /* Adjust the value as needed */
}

/* Reduce the margin around the card's content */
@media only screen and (max-width: 991px) {
  .team-member-flip-card .team-member-flip-card_content-wrapper {
      height:93%!important;
      margin: 0 !important; /* Adjust the value as needed */
      padding-bottom:23%;
  } 
}

@media only screen and (min-width: 992px) {
  .team-member-flip-card .team-member-flip-card_content-wrapper {
      height:102%!important;
      margin: 0 !important; /* Adjust the value as needed */
      padding-bottom:42%;
  }
}

/* Adjust the padding for the front and back content */
.team-member-flip-card .team-member-flip-card_front,
.team-member-flip-card .team-member-flip-card_back {
  padding: 10px !important; /* Adjust the value as needed */
  gap: .5rem !important;
}

/* Clear floats after the card container */
.team-member-flip-card_content-wrapper::after {
  content: "";
  display: block;
  clear: both;
}

.team-member-flip-card_back-description span {
    font-size: 12px !important;
}

.team-member-flip-card {
/*    margin-bottom: 120px !important; /* Add space between cards */  */
/*    height: auto !important; /* Allow height to adjust to content */   */
/*   overflow: visible !important; /* Ensure content isn't cut off */  */
}

/* Ensure the container expands with the content */
.team-member-flip-card_content-repeater {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

/* If using a grid */
.team-member-flip-card_content-repeater {
  grid-auto-rows: minmax(0, auto) !important; /* Ensure grid rows adjust to content */
}

/* Set the corner radius of the entire card */
.team-member-flip-card {
  border-radius: 3px !important;
}

/* Set the corner radius of the card's content */
.team-member-flip-card .team-member-flip-card_content-inner {
  border-radius: 3px !important;
}

/* Set the corner radius of the image */
.team-member-flip-card .team-member-flip-card_image {
  border-radius: 3px !important;
}

/* Remove padding around the image */
.team-member-flip-card .team-member-flip-card_image-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure the image covers the entire card area */
.team-member-flip-card .team-member-flip-card_image {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important; /* No radius on the image */
}

/* Apply consistent padding around the name and title */
.team-member-flip-card .team-member-flip-card_front-content-wrapper {
  padding: 10px !important; /* Adjust as necessary */
}

/* Remove padding from the entire content inner, except for text areas */
.team-member-flip-card .team-member-flip-card_content-inner {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Aligns content at the bottom */
  height: 100%;
}

/* Apply a corner radius only to text areas */
.team-member-flip-card .team-member-flip-card_front-content-wrapper,
.team-member-flip-card .team-member-flip-card_back-content {
  border-radius: 3px !important;

}

/* Set the icon size to 10px */
.team-member-flip-card .team-member-flip-card_icon {
  padding: 0 !important;
  margin: 0 !important;
  width: 20px !important;
  height: 20px !important;
}

/* Ensure the SVG inside the icon container scales properly */
.team-member-flip-card .team-member-flip-card_icon svg {
  width: 20px !important;
  height: 20px !important;
  display: block; /* Prevents any extra space */
}

/* Set padding on all sides of the back content */
.team-member-flip-card .team-member-flip-card_back-content {
  padding: 10px !important;
  box-sizing: border-box; /* Ensures padding doesn't get overridden by content size */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Space items evenly within the container */
/*   height: 100%; /* Make sure the container takes the full height */ */
  position: relative;

}

/* Ensure the social icon container also has 10px padding on all sides */
.team-member-flip-card .team-member-flip-card_social-repeater {
/*   padding: 10px !important;
  box-sizing: border-box !important; /* Ensure padding is applied correctly */
  margin: 0 !important;
  display: flex;
  justify-content: flex-end; /* Aligns icons within the container */
  flex-wrap: wrap; /* Allows icons to wrap if necessary */
  width: 100%; /* Ensure the social repeater takes the full width */
  bottom: 0; */
}

/* Adjust the social icon itself */
.team-member-flip-card .team-member-flip-card_social {
/*   margin: 0 !important;
  padding: 0 !important; */
  flex-shrink: 0; /* Prevents the icon from shrinking */
  padding:10px;
}

/* Ensure the image wrapper maintains its proper size and is visible */
.team-member-flip-card .team-member-flip-card_image-wrapper {
  display: block !important;
  width: 100% !important;
  height: auto !important; /* Auto to maintain aspect ratio */
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important; /* Ensure the image is not cropped */
}

/* Ensure the image itself is displayed correctly */
.team-member-flip-card .team-member-flip-card_image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important; /* Cover to maintain aspect ratio within the container */
  visibility: visible !important;
  position: relative !important;
}

/* Reset any height or overflow settings that might hide the image */
.team-member-flip-card .team-member-flip-card_content-inner {
  padding: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important; /* Start to align content at the top */
}

/* Adjust the content wrapper below the image */
.team-member-flip-card .team-member-flip-card_front-content-wrapper {
  padding: 10px !important; /* Add consistent padding */
  margin: 0 !important;
  height: auto !important; /* Auto to allow content wrapping */
  overflow: visible !important; /* Ensure no content is hidden */
}

/* Ensure the content inside can wrap and doesn't affect image size */
.team-member-flip-card .team-member-flip-card_front-content {
  display: block !important;
  height: auto !important;
  overflow-wrap: break-word; /* Allow text to wrap within the container */
  margin-top: 0 !important; /* Ensure no unnecessary spacing */
}

.team-member-flip-card .team-member-flip-card_front {
  gap: 0.25rem !important;
}

.team-member-flip-card_front-title {
    font-size: 12px !important;
}

.team-member-flip-card_front-title {
    font-size: 12px !important;
    width: 100%; /* Ensures the title spans the full width */
    display: block; /* Changes display to block to occupy the full width */
    margin-bottom: 0px; /* Adds some space between the title and the icon below it */
}

/* Adjust the front content wrapper to use flex column layout */
.team-member-flip-card .team-member-flip-card_front-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0px !important; /* Adjust space between title and icon */
}

/* Make the title take full width */
.team-member-flip-card .team-member-flip-card_front-title {
    width: 100% !important;
    font-size: 12px !important;
    margin-bottom: 0 !important; /* Remove bottom margin */
}

/* Adjust the icon container */
.team-member-flip-card .team-member-flip-card_icon {
    align-self: flex-end !important; /* Align to the right */
    margin-top: auto !important; /* Push to the bottom */
    padding: 2px !important; /* Reduce padding to make it smaller */
    width: 20px !important;
    height: 20px !important;
}

/* Adjust the icon size */
.team-member-flip-card .team-member-flip-card_icon svg {
    width: 15px !important;
    height: 15px !important;
}

/* Ensure the front content has enough space */
.team-member-flip-card .team-member-flip-card_front {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

/* Style the title to allow wrapping */
.team-member-flip-card .team-member-flip-card_front-title {
    flex: 1 1 auto !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    max-width: calc(100% - 20px) !important; /* Allows space for the icon */
}

.team-member-flip-card_content-repeater {
    row-gap: 60px !important; /* Forces the vertical gap */
}

.scroll-link {
    display: none;
}

/* Hide the date */
#island-1c90c4i1R1 > div > div._headerContentWrapper_l2z1u_1 > div._headerContentInner_l2z1u_4 > div._mainTextContent_l2z1u_51 > div._episodeMeta_3ueog_17 > span._formattedDate_l2z1u_107 {
    display: none !important;
}

/* Add "AUDIO" before the time */
._episodeMeta_3ueog_17::before {
    content: "AUDIO ";
    font-family: "Universal Sans", sans-serif; /* Ensure Universal Sans Regular is loaded on your site */
    font-size: 14px;
    font-weight: normal; /* Adjust if "Regular" is not applied correctly */
    text-transform: uppercase;
    color: #000000; /* Adjust color as needed */
    margin-right: 8px; /* Space between "AUDIO" and the time */
    display: inline;
}

#island-1c90c4i1R1 {
    background-color: #f7f7f8 !important;
}

.pd_panel {
    padding-top: 0 !important;
}