@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

header, .site-header, .main-navigation, li[class*="menu-item"] a {
    font-family: 'Open Sans', sans-serif !important;
}

li[class*="menu-item"] > a {
    color: #37bdb1 !important;
    transition: color 0.3s ease; 
}

@media screen and (min-width: 1000px) {
.main-navigation > div > ul > li > a,
.main-navigation > ul > li > a {
    display: inline-block !important;
    font-size: 18px !important; /* Increase this number as needed */
}


    header, 
    .site-header {
        width: 100vw !important;
        max-width: 100vw !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    .site-header-inner {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .site-branding,
    .custom-logo-link {
        flex-shrink: 0 !important;
        margin-right: 30px !important;
    }

    .main-navigation {
        flex-grow: 1 !important;
        width: 100% !important;
    }

    .main-navigation > div > ul,
    .main-navigation > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-navigation > div > ul > li,
    .main-navigation > ul > li {
        flex-grow: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .main-navigation > div > ul > li > a,
    .main-navigation > ul > li > a {
        display: inline-block !important;
    }

    .main-navigation > div > ul > li > a::first-letter,
    .main-navigation > ul > li > a::first-letter {
        color: #000000 !important;
        visibility: visible !important;
    }

    .main-navigation ul ul,
    .sub-menu {
        display: block !important;
        position: absolute !important;
        width: 260px !important;
        left: 0 !important;
        text-align: left !important;
        background: #fff !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        z-index: 9999 !important;
        padding: 0 !important;
    }

    .main-navigation ul ul li,
    .sub-menu li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #eee !important;
        height: auto !important;
    }

    .main-navigation ul ul li a,
    .sub-menu li a {
        display: block !important;
        padding: 12px 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.4 !important;
        color: #37bdb1 !important;
    }

    li[class*="menu-item"] > a:hover {
        color: #ffffff !important;
    }

    .main-navigation > div > ul > li > a:hover::first-letter,
    .main-navigation > ul > li > a:hover::first-letter {
        color: #ffffff !important;
    }

    li.current-menu-item > a,
    li.current_page_item > a,
    li.current-menu-ancestor > a {
        color: #ffffff !important;
    }

    li.current-menu-item > a::first-letter,
    li.current_page_item > a::first-letter,
    li.current-menu-ancestor > a::first-letter {
        color: #ffffff !important;
    }
    
    .main-navigation ul ul li a:hover,
    .sub-menu li a:hover {
        color: #000000 !important;
    }
}

.bottom-sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 100;
}

section#block-8, section#block-13, section#block-19 { margin:0 0 1rem 0; }
section#block-12, section#block-20 { margin:0 0 2rem 0; }
.wp-block-jetpack-timeline-item { border-radius: 1rem; }
.adhd-main-text { text-shadow: -3px 3px 14px rgba(0,0,0,0.71); }
.talk-space-btn {
	box-shadow: 0px 5px 16px 2px rgba(0,0,0,0.42);
	border-radius: 0.8em;
	border: 1px solid #005454;
}
.seraphinite-accelerator-footer-credit { display: none !important; }

@media (max-width: 768px) {
	.adhd-cta-banner { display:flex; }
	.today-is-the-day { max-width: 320px; }
}
@media (max-width: 768px) {
  iframe {
    animation: none !important;
    transition: none !important;
  }

  iframe * {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}