/****
This is custom-style.less => custom-style.css, needed for registering custom CSS into WordPress.
It is also needed to suppress 404s generated by browsers. DO NOT DELETE OR MODIFY THESE FILES.
Modified by Doug Higby on Feb 12, 2024 to copy css from "Additional CSS" area of theme to all sites.
****/

.pdfdroplet_steps {
  background-color: transparent;
}
.pdfdroplet_steps td {
  vertical-align: middle !important;
}
.up::before,
.up::after {
  content: "»";
  display: inline-block;
  margin: 0 6px;
  padding-bottom: 4px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.btn-donate {
  font-size: 17px;
  font-weight: bold;
  background-color: #0168A7;
  color: white;
	border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  border-color: #0168A7;
  padding: 3px 15px;
  text-align: center;
  cursor: pointer;
}

.btn-donate:hover {
  background-color: white;
  color: #0168A7;
	border-color: #0168A7;
}

.wp-caption-text {
	text-align: center;
}

.grecaptcha-badge { visibility: hidden; }

/*
.products .custom-logo {
	max-width: 80px !important;
}*/

.news-buttons {
	overflow-wrap: normal !important;
	word-break: keep-all !important;
}

a.no-bold {
	font-weight: normal !important;
}

.top.border, div.top, .top {
	display: none;
}

p.desc a, a.read-more {
	display: none;
}

.navbar-default {
    background: #011C2F;
    border-radius: 0px;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color: #C2C8C2;
}

.navbar-default .navbar-nav > li > a:hover {
    color: white;
    /* text-decoration: underline;*/ 
}

.navbar-default a.logo {
    margin-top: 6px;
}

.nav {
    margin-bottom: 6px;
}

#page-site-banner-overlay {
    height: 250px;
    background-color: #1d2327aa;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 7px;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    justify-content: space-between; /* Spaces items vertically */
    align-items: center; /* Centers items vertically */
    width: 75%;
}

h2.site-description {
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 1.7em;
    line-height: 1.3;
    margin: 0px;
}

.root-homepage#page-site-banner-overlay {
    justify-content: center;
    width: 80%;
}

.root-homepage .site-description {
	font-size: 2.3em;
}

#page-site-banner-overlay p.site-description {
    text-align: center;
    font-weight: 700;
}

#page-site-banner-overlay p.site-description span.root-homepage,
#page-site-banner-overlay p.site-description span.sub-homepage {
    font-size: 1.2em;
}

@media (max-width: 759px) {
  #page-site-banner-overlay {
    width: 90%;
  }
  #page-site-banner-overlay p.site-description span.root-homepage,
  #page-site-banner-overlay p.site-description span.sub-homepage {
      font-size: 0.9em;
  }
}

#page-title, #page-site-name {
    background: #004789;
}

h1.page-header, h2.page-header,
#page-site-lang-tech h2, #page-breadcrumbs h2 {
    margin-left: 0px;
}

h1.page-header a {
    color: white;
    font-weight: normal;
}

h2.page-header > div.textwidget > p {
    margin: 0px;
}

.home-box-contents {
    background: #FFF;
}

.sub-site-home-box-contents {
    margin-left: 0px;
    margin-right: 0px;
    line-height: 28px;
}

h1.sub-site-title {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0.75em;
}

.blue-box-text {
    background: #004789;
    color: #FFF;
    padding: 15px;
    font-size: 12px;
    border-radius: 7px;
    font-style: initial;    
}
.blue-box-text h2 {
    color: #FFF;
    margin: 0 0 10px 0;
    font-style: initial;
}

#home-sidebar {
    background-color: #004789;
}

#home-sidebar h3 {
    color: white;
}

@media (max-width: 991px) {
#home-sidebar {
    margin-left: 0px;
}
}

#page-site-lang-tech, #page-breadcrumbs {
    background: #00A7E0;
}

a, a:hover, a:focus {
    color: #004789;
}

span.browseNewsPosts, span.browseTitle {
    color: #004789 !important;
}

a.customize-unpreviewable {
	color: #004789;
}

h1, h2, h3, h4,
.textwidget h3 {
    color: #004789;
}

#home_primary h2, #home_secondary h2 {
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.trifold {
    text-align: center;
    line-height: 27px;
    margin-bottom: 1.5em;
}

div.trifold img {
    border-radius: 7px;
}

img.rl-image-widget-image,
div.trifold img {
    border-radius: 7px;
    width: 300px;
    height: 300px;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 30%);
}


@media (max-width: 991px) {
img.rl-image-widget-image {
    width: 200px;
    height: 200px;
}
}

@media (max-width: 759px) {
img.rl-image-widget-image {
    width: 300px;
    height: 300px;
}
}

#testimonial {
    background: url(../images/testimonial-bg.jpg);
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    padding: 15px  0;
}

#testimonial p,
#testimonial .textwidget {
    font-size: 20px;
    font-style: initial;
    font-family: 'Oswald', sans-serif;
}

#home_secondary {
    background-color: white;
}

#home_secondary h2 {
    text-align: center;
    color: #004789;
}

.rssItem h3 .blogname {
    color: #004789;
}

.footer-top-bg { background: url(../images/footer-top-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.footer-top-bg #license { background: transparent; padding: 15px 0;}
.footer-top-bg #donate { background: transparent;  color: #ffffff; padding: 15px 0;}

#license {
    background: #1161AB;
}

#donate {
	  background: #095690;
}

#license a, #license a:hover,
#donate a, #donate a:hover,
#testimonial a,
#testimonial h2 {
    color: white;
}

#testimonial h2 {
    color: white;
    font-weight: bold;
    margin-top: 0px;
}

.footer-top, .footer-bottom {
    background: #011C2F;
	  color: #617785;
}

.footer-top a, .footer-bottom a {
	  color: #617785;
}

.footer-bottom {
	border-top-style: solid;
	border-top-color: #617785;
	border-top-width: 1px;
}

.footer-bottom li.leaf.active a {
	color: #617785;
}

.nav-horizontal > li {
    border-right-color: #617785;
}

.form-control {
    background-color: #011C2F;
	  color: #C2C8C2;
}

button.btn-default {
    background-color: #011C2F;
    color: #C2C8C2;
}

button.btn-default:hover, button.btn-default:active, button.btn-default:focus {
    background-color: #011C2F;
    color: white;
    border-color: #C2C8C2; 
}

a.btn-download, a.btn-download-v2, a.btn-contact {
	color: white;
	background-color: #004789;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: transform 250ms;
}

a.btn-download:hover, a.btn-download:active, a.btn-download:focus,
a.btn-download-v2:hover, a.btn-download-v2:active, a.btn-download-v2:focus,
a.btn-contact:hover, a.btn-contact:active, a.btn-contact:focus {
	background-color: #0F6CBD;
	color: white;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
	will-change: transform;
	transition: transform 250ms;
	transform: translateY(-2px);
}

a.btn-download:active, a.btn-download-v2:active, a-btn-contact:active {
    transform: translateY(0px);
    transition: transform 34ms;
}

.accordion-title:before {
    background-color: #004789;
}

#fonts-button.btn-download {
    background-color: #00A7E0;
}

#page-site-banner-overlay > p > a.btn-download,
section.download-section > a.btn-download {
    display: inline-block;
    width: 200px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

section.download-section > a.btn-download {
    margin-top: 2em;
    margin-bottom: 2em;
}

a.btn-download {
    display: inline-block;
    width: 200px;
    padding-left: 0;
    padding-right: 0;
    margin: 0% 15%;
}

section.download-section {
    border: 4px solid #004789;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    background: #eeeeee;
    margin: 1em;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
}

section.download-section > h2 {
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 1em;
}

@media screen and (max-width: 759px) {
  a.btn-download {
    width: 200px;
    margin: 0% 10%;
  }
}

div.download-name {
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

.filemeta {
    font-weight: normal;
}

i.fa-download-style {
    margin-left: 0.75em;
}

p.postmeta > strong {
    font-weight: normal;
}

p.posttitle {
    font-weight: 700;
    font-size: 120%;
    margin-top: 1em;
}

span.postmetadate {
    color: #999999;
    text-transform: uppercase;
}

span.postmetadate::after {
    content: " — ";
}

.rssItem h3 .date {
    font-weight: normal;
}

.rssItem h3 .blogname {
    font-weight:bold;
}

div.rssItem {
    margin-bottom: 2.5em;
}

img.sps-sidebar-logo {
    display: block;
    margin: 0 auto;
}

#search-box {
    display: flex; /* Enable flexbox */
    justify-content: flex-end; /* Align divs to the right */
}

div.donate-button {
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    margin-right: 25px;
}

a.btn-secondary {
    width: 100px;
    background: #00A7E0;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    line-height: 1.4;
}

@media screen and (max-width: 759px) {
  div.donate-button {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
  }
  form.navbar-form {
    border: 0;
    border-style: none;
    border-color: transparent;
    border-image: none;
    border-image-width: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

p.site-description {
    font-size: 25px;
    color: white;
    line-height: 1.3;
}

p.button-para {
    padding-top: 7px !important;
}

div.page-site-banner-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.trifold-container {
    width: 100vw;
}

.trio-widget {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

Adjust trio widgets to be on top of each other and allow for wider images
.trio-widget > div {
    display: flex; /* Use flexbox to layout the image and text side by side */
    align-items: center; /* Align items to the top */
    justify-content: center; /* Create some space between the image and the text */
    flex: 1; /* Allows both divs to grow and shrink as necessary */
/*    width: 50%; */ /* Ensures they do not exceed half the container's width */
    padding: 15px;
}

.trio-widget > div:first-child {
    display: flex;
    justify-content: right;/* Center horizontally */
    align-items: center; /* Center vertically */
    width: 50%; /* Set the image div to be 50% of the parent div's width */
    max-width: 585px;
    height: 100%; /* Match the height of the sibling div */
    padding-right: 20px;
}

.trio-widget > div > .rl-image-widget-image {
    object-fit: contain; /* Optional: This can make the image cover the space without distorting */
    /*flex-basis: auto;*/ /* Default value to allocate the width based on content */
    width: auto;
    max-width: 85%;
/*    height: 325px; *//* Maintain aspect ratio */
}

/* Style for the second div where the h2 and textwidget are located */
.trio-widget > div:nth-child(2) {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center items vertically */
    align-items: flex-start; /* Center items horizontally */
    text-align: center; /* Center align the text for all children, including h2 and textwidget */
    gap: 5%;
    padding-right: 2%;
    padding-left: 2%;
    width: 50%;
    max-width: 585px;
}

.trio-1, .trio-3 {
    background: #eeeeee66;
}

.trio-2 > div:nth-child(2) {
    order: 1;
    align-items: flex-end;
}

.trio-2 > div:first-child {
    order: 2;
    justify-content: left;
    padding-left: 20px;
}

/* Style for the h2 element */
.trio-widget h2,
.trio-widget .textwidget
{
    width: 80%;
}

/* Media for tablet-sized screens */
@media (max-width: 991px) {
    h2.site-description {
        font-size: 1.3em;
    }    

    .trio-widget {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .trio-widget h2,        
    .trio-widget .textwidget
    {
        width: 90%;
    }

    .trio-widget > div > .rl-image-widget-image {
        max-width: 90%;
    }
}

/*  Media Query for phone screens */
@media (max-width: 759px) {
    h2.site-description {
        font-size: 1.2em;
    }

    .trio-widget {
        flex-direction: column; /* Stack the items vertically */
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .trio-widget h2,
    .trio-widget .textwidget {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .trio-widget > div {
        max-width: 100%; /* Full width for each item */
        padding: 1%; /* Adjust padding */
        justify-content: center !important; /* !important so it applies regardless of first-child, nth-child, etc */
    }

    /* first-child is the image */
    .trio-widget > div:first-child {
        order: 1; /* Image div on top */
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .trio-widget > div:nth-child(2) {
        order: 2; /* Text div below the image */
        padding-top: 0; /* Reset padding-top */
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .trio-widget > div > .rl-image-widget-image {
        /*height: auto;*/
    }
}

/* Add SIL styling to form buttons */
input.wpcf7-submit {
	color: white;
	font-weight: bold;
	background-color: #004789;
	border-color: #004789;
	border-width: 5px;
	border-style: solid;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  transition: transform 250ms;
}

input.wpcf7-submit:hover {
	background-color: #0F6CBD;
	border-color: #0F6CBD;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6);
  will-change: transform;
  transition: transform 250ms;
  transform: translateY(-2px);
}

input[type="reset" i] {
	border-style: solid;
	border-color: #F0F0F0;
	border-width: 5px;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 250ms;
}

input[type="reset" i]:hover {
	background-color: #E5E5E5;
	border-color: #E5E5E5;
}

.announcement {
    background-color: #F7FCFB;
    border: 2px #004789 solid;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.75em 0.75em 0;
    border-radius: 5px;
    color: #004789;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);
}

h1.article-h1 {
    margin-top: 1em;
    margin-bottom: 0.75em;
}

.broken_link, a.broken_link {
    text-decoration: initial !important;
}

.sil-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Shared button styles */
.sil-button {
    padding: 10px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 250ms, box-shadow 250ms;
    line-height: 17px;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, box-shadow;
}

/* Primary button styles */
.sil-button-primary, .sil-button-primary:focus {
    background-color: #004789;
    color: white;
}

.sil-button-primary:focus, .sil-button-secondary:focus {
    text-decoration: none;
}

.sil-button-primary:hover {
    background-color: #0F6CBD;
    color: white;
}

/* Secondary button styles */
.sil-button-secondary, .sil-button-secondary:focus {
    background-color: white;
    border: 2px solid #004789;
    color: #004789;
    padding: 8px 25px;
}

.sil-button-secondary:hover {
    background-color: #eee;
    color: #004789;
    border-color: #004789;
}

/* Shared hover effects for all buttons */
.sil-button:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
    transform: translateY(-2px);
    will-change: transform, box-shadow;
    text-decoration: none;
}

.flex-row-2-col {
    display: flex;
    justify-content: space-between; /* Space between the columns */
    align-items: stretch; /* Stretch columns to always be the same height */
    margin-bottom: 1em;
}

.home-box-contents,
#home-sidebar {
	font-size: 15px;
	border-style: solid;
	border-width: 5px;
	border-color: #004789;
	border-radius: 7px;
}

.home-box-contents h3,
#home-sidebar h3
{
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
	margin: 0px;
	margin-top: 15px;
	line-height: 1.4;
}

.dual-column {
	margin: 0px;
	padding: 10px 20px;
	width: 45%;
	box-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
}

.home-box-contents {
	margin-right: 1.5em;
}

#home-sidebar {
	margin-left: 1.5em;
}

/* Tablet view adjustments */
@media (max-width: 991px) {
    .root-homepage .site-description {
        font-size: 2em;
    }
	
    .flex-row-2-col {
        flex-direction: column; /* Stack columns vertically */
        height: auto; /* Adjust height for content */
        justify-content: center;
        align-items: center;
    }

    .dual-column {
        width: 95%; /* Full width for each item */
        margin-bottom: 20px; /* Add space at the bottom of each column */
    }

	.home-box-contents {
		margin-right: 0;
	}
	
    #home-sidebar {
        margin-left: 0; /* Remove left margin to avoid extra space */
    }
}

/* Mobile view adjustments */
@media (max-width: 759px) {
    .root-homepage .site-description {
        font-size: 1.4em;
    }
	
    .flex-row-2-col {
        padding: 0 10px; /* Adjust padding for smaller screens */
			margin-bottom: 0px;
    }

    .dual-column {
        padding: 15px; /* Adjust padding for smaller screens */
        margin-bottom: 15px; /* Adjust margin for smaller screens */
	}

    .home-box-contents,
    #home-sidebar {
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}

#sidebar_main .download-section {
    background: white;
}

blockquote {
    border-color: #00A7E0;
    background-color: #f4f4f4;
    font-style: italic;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#home_secondary .blog-posts ul {
    list-style-type: none;
    padding-left: 0;
}

.nav {
    margin-bottom: 0px;
}

.navbar-default li.nav-main-item {
    border-right: none;
    padding-top: 6px;
    padding-bottom: 6px;
}

.navbar-default .navbar-nav>li:hover a.nav-main-link {
    color: white;
}

.navbar-default li.nav-main-item:hover {
    background-color: #0f6cbd;
}

/* Basic styles for the sub-menu */
.sub-menu {
    display: none;  /* Initially hide the sub-menu */
    position: absolute;  /* Position it absolutely */
    top: 33px;
    list-style: none;  /* Remove default list styling */
    padding: 4px 0px;  /* Remove default padding */
    margin: 0;  /* Remove default margin */
    border: 2px solid transparent;  /* 2px white border */
    background-color: white;
    z-index: 999;  /* Higher z-index to float on top */
    box-shadow: 0px 4px 8px rgba(0,0,0,0.8);
}

/* Make the sub-menu visible when hovering over a parent item */
.nav-main-item:hover > .sub-menu {
    display: block;  /* Show the sub-menu on hover */
}

/* Styles for sub-menu items */
.nav-sub-item {
    margin: 0;  /* Remove margin */
    padding: 3px 0px;  /* Add padding */
    display: block;
}

/* Link styles for sub-menu items */
.nav-sub-link {
    color: #004789;
    text-decoration: none;  /* Remove underline */
    display: block;  /* Make links block-level elements */
    padding: 2px 5px;  /* Add padding */
    white-space: nowrap;  /* Prevent text from wrapping */
}

/* Hover effect for sub-menu links */
.nav-sub-link:hover {
    text-decoration: underline;
    color: #0f6cbd;
}

li.nav-sub-item {
    border-right: none;
}

.nav-main-item.menu-item-has-children a.nav-main-link::after {
    content: "\25BE";
    margin-left: 3px;
}

/* Available to changes the down arrow (in the ::after section) on hover: Not currently working??
.nav-main-item.menu-item-has-children:hover a.nav-main-link::after {
    transform: rotate(180deg);
}
*/

/* Media query to temporarily hide sub-menu and ::after content on mobile devices */
@media (max-width: 1px) {
    .navbar-default li.nav-main-item {
        display: block;
    }

    .nav-main-item {
        position: relative; /* Make parent menu item relative */
    }

    .sub-menu {
        position: absolute; /* Position it absolutely */
        top: 100%; /* Position below the parent menu item */
        left: 0;
        width: 100%; /* Take full width */
        background-color: white;
        z-index: 9999; /* Ensure it overlays other elements */
        box-shadow: none; /* Remove shadow */
        border: none; /* Remove border */
    }

    .sub-menu,
    .nav-main-item:hover>.sub-menu {
//        display: none; /* Hide sub-menu on mobile */
    }

    .nav-main-item.menu-item-has-children a.nav-main-link::after {
//        content: none; /* Remove ::after content (triangle) on mobile */
    }
    
    .sub-menu {
        box-shadow: none; /* Remove shadow */
        padding-left: 20px; /* Indent sub-menu items */
    }

    .nav-main-item.menu-item-has-children .sub-menu {
        display: none; /* Hide sub-menus by default */
    }

    .nav-main-item.menu-item-has-children.active .sub-menu {
        display: block; /* Show sub-menus when active class is added */
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: white;
        background-color: #0f6cbd;
    }

    .navbar-default li.nav-main-item:hover {
        background-color: transparent;
    }
}

/* Media query to temporarily hide sub-menu and ::after content on mobile devices */
@media (max-width: 759px) {
    .navbar-default li.nav-main-item {
        display: block;
    }
    .sub-menu,
    .nav-main-item:hover>.sub-menu {
        display: none; /* Hide sub-menu on mobile */
    }

    .nav-main-item.menu-item-has-children a.nav-main-link::after {
        content: none; /* Remove ::after content (triangle) on mobile */
    }

    /* Styles the mobile menu button */
    .main-menu-toggle-test {
        display: inline-block; /* Show menu toggle button */
        cursor: pointer; /* Pointer cursor */
        font-size: 22px; /* Larger font size */
        padding: 3px 8px; /* Add padding */
        color: white;
        background-color: #004789;
        border-radius: 4px;
    }
}

/* Media query for mobile devices 
   Also update ../js/site.js to show sub-menu on click
*/
@media (max-width: 1px) {
    .nav-main-item {
        position: relative; /* Make parent menu item relative */
    }

    .full-screen-menu {
        display: none; /* Initially hide the full-screen menu */
        position: fixed; /* Fix to the viewport */
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh; /* Full height */
        background-color: rgba(255, 255, 255, 0.95); /* Slightly transparent background */
        z-index: 10000; /* High z-index to ensure it overlays everything */
        overflow-y: auto; /* Enable scrolling if needed */
        padding: 20px; /* Add some padding */
        box-sizing: border-box; /* Include padding in width and height calculations */
        transition: all 0.3s ease-in-out; /* Smooth transition */
   }

    .full-screen-menu.active {
        display: block; /* Show the full-screen menu */
    }

    .nav-main-item.menu-item-has-children .sub-menu {
        display: none; /* Always display sub-menus inside full-screen menu */
        position: static; /* Default position */
        box-shadow: none; /* Remove shadow */
        border: none; /* Remove border */
        padding-left: 20px; /* Indent sub-menu items */
    }

    .nav-main-item.menu-item-has-children.active .sub-menu {
        display: block; /* Show sub-menus when active class is added */
    }

    .main-menu-toggle {
        display: inline-block; /* Show menu toggle button */
        cursor: pointer; /* Pointer cursor */
        font-size: 22px; /* Larger font size */
        padding: 10px; /* Add padding */
    }
}

li.no-toc {
	display: none;
}

figure.wp-caption {
  max-width: 100%; /* Ensure it does not exceed the width of its parent container */
  width: auto; 
}

.vimeo-wrapper {
    max-width: 800px; /* Adjust this value to your preferred max width */
    margin: 0 auto; /* Centers the video if desired */
}
.responsive-vimeo-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}
.responsive-vimeo-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 759px) {
.vimeo-wrapper {
    max-width: 100%; /* Adjust the max width for mobile devices */
    }

 // This caused issues with videos of various sizes
 .responsive-vimeo-container {
 //   height: 58vw;
}
}