/* FULL MENU CSS */
#full-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: var(--bdDarkBlue);
	opacity: 0;
	transition: none;
}

#full-menu.open {
	z-index: 1020;
	opacity: 1;
	transition: none;
}

#main-mobile-menu {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#main-mobile-menu li {
	list-style:none;
}

#main-mobile-menu li:not(:last-child) {
	margin-bottom: 12px;
}

#main-mobile-menu li a {
	font-weight: var(--bold);
	font-size: 24px;
	letter-spacing: 0.03em;
	line-height: 48px;
	color: #fff;
	opacity: 1;
	text-decoration: none;
}

#main-mobile-menu li a:hover{
	opacity: 1;
	text-decoration: none;
}

.mobile-header {
	background-color: var(--bdDarkBlue);
	padding: 21px 36px 19px 34px;
	border-bottom: 1px solid #769FBA;
	display: none;
}

/* MENU ICON */
.menu-btn {
	height: 33px;
	padding: 0;
	background: transparent;
	border: none;
	position: relative;
	left: 0;
	top: 7px;
	border-radius: 1px;
	float: right;
	z-index: 1032;
}

#mobile-main-menu-btn.active {
	position: relative;
	z-index: 2000;
	top: 7px;
	right: 0;
}

.menu-btn:hover {
	cursor: pointer;
}

.menu-span {
	padding: 0;
	position: relative;
	display: block;
	width: 40px;
	height: 7px;
	margin: 0 auto;
	border: none;
	border-radius: 1px;
	cursor: pointer;
	background: #fff;
	color: inherit;
	font-size: 0;
	right: 0px;
	transition: 0.35s;
}

.active .menu-span {
	right: 0px;
}

.menu-span:after,
.menu-span:before {
	content: "";
	width: 100%;
	height: 7px;
	display: block;
	border-radius: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	left: calc(50% + -11px);
	transition: transform 0.35s;
}

.active .menu-span,
.active .menu-span:after, 
.active .menu-span:before {
	background: #fff !important;
}

.active .menu-span:after, 
.active .menu-span:before {
	left: 50%;
}

.menu-span:before {
	transform: translate(-50%, -14px);
}

.menu-span:after {
	transform: translate(-50%, 14px);
}

.menu-span:after,
.menu-span:before {
	transform-origin: 0% 0%;
}

.menu-btn.active .menu-span {
	background: 0 0;
}

.menu-btn.active .menu-span:before {
	/* transform: translate(-49%, 0) rotate(-45deg) scaleX(0.7); */
	transform: translate(-50%, 0) rotate(-45deg) scaleX(0.7);
	/*top: 1px;*/
}

.menu-btn.active .menu-span:after {
	transform: translate(-39%, 0) rotate(45deg) scaleX(0.7);
	top: 2px;
    left: 51.5%;
}

.swiper-pagination {
    height: 25px;
}

.recentProgress-pagination {
    bottom: 0px !important;
}

.ncc-post-pagination {
    bottom: 77px !important;
}

.ncc-post-pagination .swiper-pagination-bullet {
    background-color: #FFFFFF;
}

@media (max-width: 1390px) {
	.section-image-2 {
        max-width: inherit;
    }
}

@media (max-width: 1300px) {
	.hero-inner-image {
        max-width: inherit;
	}
	
	.section-image {
        max-width: inherit;
    }
}

/* @media (max-width: 1240px) {
	#main-desktop-menu li:not(:last-child) {
        margin-right: 40px;
    }
} */

@media (max-width: 1200px) {
    .hero-home {
        padding-bottom: 590.5px;
    }
    
    .hero-home:before {
        top: auto;
        bottom: 0px;
        width: 100%;
        height: 44%;
        background-position: left center;
    }
    
    .hero-home:after {
        width: 180px;
        height: 180px;
        right: calc(50% - 80px);
        top: auto;
        bottom: calc(44% - 88px);
    }
}

@media (max-width: 1160px) {
	header .container-fluid {
        max-width: calc(100% - 40px);
    }
	#main-desktop-menu li:not(:last-child) {
/*         margin-right: 32px; */
    }
}

@media (max-width: 1620px) {
	#main-desktop-menu li:not(:last-child) {
        margin-right: 26px;
    }
}

@media (max-width: 1140px) {
	.bd-grid-container-main {
        display: block;
    }
    
    .grid-red,
    .grid-blue,
    .grid-green,
	.grid-yellow {
        margin-bottom: 10px;
    }
    
    .grid-red {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 100px 1fr;
    }
    
    .grid-green-2 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 100px 1fr 1fr;
    }
    
    .bd-grid-cell-content {
        margin-bottom: 20px;
    }
    
    .bd-grid-item .horicontal-link .bd-grid-cell-content {
        margin-bottom: 0px;
    }
}

@media (max-width: 1104px) {
	header .container-fluid {
        max-width: 100%;
    }
	
	.number-box-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1050px) {
	#main-desktop-menu li:not(:last-child) {
		margin-right: 20px;
	}
}

@media (max-width: 1024px) {
    .hero-home:before {
        height: 40%;
    }
    
    .hero-home:after {
        bottom: calc(40% - 88px);
    }
}

@media (max-width: 991px) {
/* 	.desktop-header {
		display: none;
	} */

/* 	.mobile-header {
		display: block;
	} */
	
	.logo-image {
        max-width: 158px;
    }
	
	p {
        font-size: 20px;
        line-height: 30px;
    }
    
    .hero {
        padding-top: 70px;
    }
    
    .hero-home {
        padding-bottom: 490px;
    }
    
    .hero-home .eyebrow {
        margin-bottom: 25px;
    }
    
    .hero-home .main-heading {
        font-size: 74px;
        line-height: 94px;
    }
    
    .hero-home .main-heading span {
        color: var(--bdDarkGreen);
    }
    
    .hero-content p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    
    .hero-content h3 {
        font-size: 22px;
        margin-top: 40px;
        margin-bottom: 15px;
    }
    
    .hero-home:before {
        height: 40%;
    }
    
    .hero-home:after {
        bottom: calc(40% - 90px);
    }
    
    .about-home {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    
    .about-home-content {
        max-width: inherit;
    }
    
    .eyebrow-mb-34 {
        margin-bottom: 20px;
    }
    
    .section-heading {
        font-size: 48px;
        line-height: 66px;
        margin-bottom: 25px !important;
    }
    
    .bd-mt-40 {
        margin-top: 30px;
    }
    
    .section-image {
        display: none;
    }
    
    .strategic-areas-home {
        padding-top: 75px;
        padding-bottom: 85px;
    }
    
    .strategic-areas-home-content {
        padding-top: 20px;
        padding-bottom: 26px;
    }
    
    .strategic-post-box {
        padding: 35px;
        border-left: 15px solid var(--bdLightGreen);
    }
    
    .strategic-post-box-wrapper {
        min-height: 350px;
        margin-bottom: 30px;
    }
    
    .strategic-post-title {
        font-size: 30px;
        font-weight: var(--bdBold);
        line-height: 40px;
    }
    
    .mental-health-referrals-box {
        padding: 35px 30px 35px;
    }
    
    .mental-health-referrals-box h3 {
        font-size: 28px;
        line-height: 42px;
    }

    .defining-progress-home {
        padding-top: 80px;
    }
    
    .defining-progress-home-content {
        max-width: inherit;
    }
    
    .section-image-2 {
    	display: none;
    }
    
    .recent-progress {
        padding-top: 60px;
        padding-bottom: 60px;
    }
	
	.recent-progress p {
        margin-top: 15px;
        margin-bottom: 4px;
    }
    
    .recent-progress .slider-container {
        margin-top: 20px;
    }

    .recentProgress-next {
        display: none;
    }
    
    .recentProgressSlider {
        padding-left: 12px;
    }
    
    .swiper-pagination {
        display: block;
    }
    
    .events-home {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .events-home .eyebrow {
        margin-bottom: 25px;
    }
    
    .section-heading-2 {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 25px !important;
    }
    
    .event-boxes-wrapper {
        margin-top: 55px;
    }
	
	.hero.hero-inner {
        padding-bottom: 80px;
    }
    
    .hero-inner h1, .hero-inner .hero-content {
        max-width: inherit;
    }
    
    .hero-inner .hero-content ul {
        margin-top: 30px;
    }
    
    .hero-inner-image {
        max-width: 529px;
        margin: 40px auto 0px;
        display: block;
    }
    
    .defining-progress-about {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    
    .master-plan-box {
        max-width: 450px;
        margin-top: 40px;
        margin-right: auto;
    }
    
    .numbers-about {
        padding-top: 70px;
    }
    
    .number-box {
        padding: 30px 30px;
    }
    
    .number-box-primary-heading {
        font-size: 48px;
        line-height: 66px;
    }
    
    .number-box-content {
        padding-top: 20px;
    }
    
    .stats-item {
        margin-bottom: 20px;
        gap: 15px;
    }
    
    .number-box-wrapper {
        grid-auto-rows: auto;
    }
    
    .partners-about {
        padding-top: 70px;
    }
    
    .partners-about-content p {
        font-size: 22px;
        line-height: 32px;
    }
    
    .partners-about-content {
        margin-bottom: 50px;
    }
    
    .bd-quote-wrapper {
        margin-bottom: 25px;
    }
    
    .bd-quote-section {
        padding-left: 50px;
        padding-right: 40px;
    }
    
    .bd-quote-section:before {
        left: 22px;
    }
	
	.integrate-system-about {
		padding-top: 70px;
	}
    
    .contact-about-wrapper {
        padding-top: 70px;
        padding-bottom: 20px;
    }
    
    .contact-about-wrapper:before {
        content: none;
    }
	
	.calendar-event-funding {
        padding-top: 60px;
        padding-bottom: 90px;
    }
    
    .calendar-event-funding .event-boxes-wrapper {
        margin-top: 50px;
    }
	
	.hero-contact .hero-content {
        margin-bottom: 40px;
    }
    
    .workstream-contacts {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    
    .workstream-contacts-links-wrapper {
        margin-top: 40px;
        margin-bottom: 60px;
    }
	
	.hero.hero-inner.hero-news {
        padding-top: 80px;
        padding-bottom: 260px;
    }
    
    .the-latest {
        padding-bottom: 90px;
    }
    
    .cyb-page-content {
        margin-top: -180px;
    }
    
    .news-posts-wrapper {
        margin-top: 30px;
    }
    
    .news-post-box-wrapper {
        min-height: 650px;
        margin-bottom: 40px;
    }
    
    .news-post-box-image {
        padding-bottom: 50.556%;
    }
    
    .news-post-box-content {
        min-height: 350px;
    }
    
    .news-post-title {
        max-width: inherit;
    }
    
    .news-post-box-content p {
        max-width: inherit;
    }
	
	.hero.hero-inner.single-hero {
        padding-bottom: 200px;
    }
    
    .single-news-post {
        padding-bottom: 120px;
    }
    
    .single-news-post .cyb-page-content {
        margin-top: -155px;
    }
    
    .single-news-post-content {
        padding: 30px 30px 60px;
    }
    
    .single-news-post-content .news-post-title {
        font-size: 44px;
        line-height: 56px;
        margin-bottom: 25px;
    }
    
    .single-news-post-content .news-post-meta {
        margin-bottom: 30px;
    }
    
    .post-content {}
    
    .post-content p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }
    
    .post-content h3 {
        margin-bottom: 25px;
    }
    
    .post-content ul {
        padding-left: 15px;
        margin-bottom: 35px;
    }
    
    .post-content ul li {
        padding-left: 35px;
    }
    
    .post-content ol {
        padding-left: 38px;
        margin-bottom: 35px;
    }
    
    .post-content ol li {
        padding-left: 16px;
    }
    
    .post-content blockquote {
        margin: 30px 0px 30px 15px;
    }
    
    .post-content blockquote p {
        font-size: 22px;
        line-height: 34px;
    }
	
	.hero.hero-inner.hero-resource-taxonomy {
        padding-bottom: 70px;
    }
    
    .hero-inner.hero-resource-taxonomy h1 {
        max-width: inherit;
    }
    
    .resource-section {
        padding-top: 50px;
    }
    
    .resource-posts-wrapper {
        margin-top: 30px;
    }
    
    .resource-post-box {
        padding: 35px;
        border-left: 15px solid var(--bdLightGreen);
    }
    
    .resource-post-title {
        font-size: 30px;
    }
	
	.resource-category {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    
    .resource-category .bd-inline-form {
        justify-content: start;
        margin-top: 20px;
    }
    
    .resource-boxes-wrapper-2 {
        margin-top: 45px;
    }
    
    .resource-post-box-wrapper-2 {
        margin-bottom: 30px;
    }
    
    .resource-post-box-2 {
        padding: 35px;
        border-left-width: 15px;
    }
	
	.hero.hero-inner.pull-up-hero {
        padding-bottom: 200px;
    }
    
    .pull-up-section {
        margin-top: -180px;
        padding-bottom: 90px;
    }
	
    .pull-up-section:before {
        height: calc(100% - 180px);
    }
    
    .event-box-wrapper {
        margin-bottom: 30px;
    }
    
    .signle-event-wrapper .event-name {
        font-size: 44px;
        line-height: 56px;
    }
    
    .single-event-content {
        padding: 40px 80px 30px 40px;
    }
    
    .single-event-content p {
        line-height: 30px;
    }
    
    .single-event-content h3 {
        margin-top: 4px;
        margin-bottom: 24px;
    }
    
    .bd-quote-list-section ul, .single-event-content ul, .link-and-resources ul, .integrate-system-about ul {
        padding-left: 15px;
    }
    
    .single-event-content ul {
        margin-bottom: 35px;
    }
    
    .bd-quote-list-section li, .single-event-content li {
        padding-left: 35px;
    }
    
    .single-event-content li {
        padding-right: 0px;
    }
	
	.signle-resource-box-wrapper {
        margin-bottom: 30px;
    }
	
	.area-workstreams {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    
    .workstream-boxes-wrapper {
        margin-top: 40px;
    }
    
    .workstream-box {
        padding: 35px;
        border-left: 15px solid;
    }
    
    .workstream-box-post-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 35px;
    }
	
	.about-workstream {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    
    .about-workstream-content {
        max-width: inherit;
        margin-bottom: 40px;
    }
    
	.key-achievements ul,
	.about-workstream-content ul {
        padding-left: 15px;
    }
    
	.key-achievements ul li,
    .about-workstream-content ul li {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-left: 35px;
    }
	
    .about-workstream-meta .eyebrow:not(:first-of-type) {
        margin-top: 35px;
    }
    
    .workstream-goals {
        padding-top: 70px;
    }
    
    .workstream-goals .eyebrow {
        margin-bottom: 40px;
    }
    
    .bd-quote-wrapper-2 {
        margin-bottom: 25px;
    }
    
    .bd-quote-section-2 {
        padding-left: 40px;
        padding-right: 30px;
    }
	
	.bd-quote-section-2:before {
		left: 22px;
	}
    
    .bd-quote-section-2 p {
        font-size: 20px;
        line-height: 30px;
    }
    
    .key-achievements {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    
    .key-achievements .eyebrow {
        margin-bottom: 20px;
    }
    
    .key-achievements p {
        font-size: 22px;
        line-height: 36px;
    }
    
    .recent-progress.milestones {
        padding-top: 40px;
    }
    
    .recent-progress-date {
        margin-bottom: 15px;
    }
    
    .link-and-resources {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    
    .link-and-resources ul li,
	.integrate-system-about ul li {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding-left: 35px;
    }
	
	.partners-engagement {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    
    .partners-engagement .partners-engagement-content {
        margin-bottom: 30px;
    }
    
    .partners-engagement .partners-engagement-content p {
        font-size: 22px;
        line-height: 32px;
    }
    
    .partners-engagement .bd-quote-section {
        padding-right: 60px;
    }
    
    .bd-quote-list-section {
        padding: 40px 0px 15px 30px;
    }
	
	    .hero-progress {}
    
    .hero-progress .hero-inner-image {
        display: none;
    }
    
    .values-section {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    
    #valuesAccordion {
        margin-top: 60px;
    }
    
    .accordion-button {
        font-size: 30px;
        line-height: 48px;
        padding: 25px 30px;
    }
    
    .accordion-body {
        padding: 0px 30px 28px;
    }
    
    .program-goals {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    
    .program-goals-content {
        max-width: inherit;
    }
    
    .evaluation {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    
    .evaluation-content .section-heading-2 {
        max-width: inherit;
    }
    
    .focus-heading {
        margin-top: 20px;
    }
    
    .focus-box-wrapper {
        margin-bottom: 20px;
    }
	
	.strategic-workstreams {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    
    .strategic-workstreams .section-heading-2 {
        max-width: inherit;
    }
    
    .bd-grid-wrapper {
        margin-top: 45px;
    }
    
    .bd-grid-container-2by3, .bd-grid-container-1by5 {
        grid-template-rows: 80px 1fr 1fr;
    }
    
    .bd-grid-header {
        padding: 15px 20px;
        font-size: 20px;
    }
    
    .bd-grid-cell-content {
        font-size: 18px;
    }
    
    .bd-grid-container-1by3 {
        grid-template-rows: 80px 1fr;
    }
    
    .bd-grid-item .horicontal-link .bd-grid-cell-content {
        flex: 0 0 85%;
    }
	
	.no-result-found {
        min-height: 400px;
    }
    
    .no-result-found h4 {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 40px;
    }
    
    .news-community-common {
        padding-top: 80px;
    	padding-bottom: 100px;
    }
    
    .news-community-common .bd-btn-outline {
        margin-bottom: 30px;
    }
	
	.ncc-post-swiper {
        padding-bottom: 40px;
    }
}

@media (max-width: 850px) {
    .hero-home {
        padding-bottom: 550px;
    }
}




@media (max-width: 1378px) {
	#main-desktop-menu li:not(:last-child) {
        margin-right: 26px;
    }
}

@media(max-width: 1370px) {
	.desktop-header {
		display: none;
	}
	
	.mobile-header {
		display: block;
	}
}