:root{
    --mobile-header-height: 80px;
}

@media screen and (max-width: 1024px){
	
	.btn {
		white-space: normal;
	}
	
	div#primary {
        min-height: 95vh;
        margin-top: var(--mobile-header-height);
    }
	
	.director-officer__figure figcaption {
		min-height: 43px;
	}

	/* Default Mobile Menu CSS */
    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--mobile-header-height);
        z-index: 999;
    }
    .main-header .mobile-menu-btn{
        display: block!important;
    } 
    .main-header .nav-desktop-menu {
        display: none;
    }
	
	/* Top Bar */
	.top-bar {
		display: none;
	}
	
	/* Header */
	.site-header .main-header {
		background-color: var(--hot-purple);
		padding: 10px 0;
	}
	.site-header .main-header .site-logo .desktop-logo {
		display: none;
	}
	.site-header .main-header .site-logo .mobile-logo {
		display: block;
		width: auto;
		height: 60px;
	}
	
	/* Menu - Mobile */
	.rocket-mobile-button .hamburger {
		padding: 0;
	}
	.rocket-mobile-button .hamburger:focus {
		outline: none;
	}
	.rocket-mobile-button .hamburger .hamburger-box .hamburger-inner,
	.rocket-mobile-button .hamburger .hamburger-box .hamburger-inner::before,
	.rocket-mobile-button .hamburger .hamburger-box .hamburger-inner::after {
		background-color: #fff;
	}
	.rocket-mobile-button .hamburger.is-active .hamburger-box {
		height: 26px;
		width: 25px;
		border: 2px solid #fff;
		border-radius: 50%;
		padding: 9px 3px;
	}
	.rocket-mobile-button .hamburger.is-active .hamburger-box .hamburger-inner,
	.rocket-mobile-button .hamburger.is-active .hamburger-box .hamburger-inner::before,
	.rocket-mobile-button .hamburger.is-active .hamburger-box .hamburger-inner::after {
		width: 15px;
		height: 3px;
	}
	
	#rocket-mobile-menu {
		top: 80px;
		height: 90% !important;
		background-color: var(--hot-purple) !important;
		background-image: url(/wp-content/uploads/foundation-hero-background-mobile.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top -130px center;
		overflow-y: scroll;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item {
		border-bottom: 1px solid #734874;
		margin: 0;
		padding: 23px 0;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item:first-child {
		padding-top: 0;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item:last-child {
		border-bottom: none;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item.menu-item-has-children > a::after {
		content: '\f0da';
		display: inline-block;
		color: #fff;
		font-family: 'Font Awesome 5 Free';
		font-weight: 700;
		margin-left: 8px;
		transition: 0.2s ease;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item.menu-item-has-children.subitem-active > a::after {
		transform: rotate(90deg);
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item a {
		color: #fff;
		font-size: 20px;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item .sub-menu {
		padding-bottom: 0;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item .sub-menu .menu-item {
		padding: 0 0 15px;
	}
	#rocket-mobile-menu #menu-mobile-menu .menu-item .sub-menu .menu-item:last-child {
		padding-bottom: 0;
	}
	
	#rocket-mobile-menu .member__member-login,
	#rocket-mobile-menu .member__member-dashboard {
		text-align: center;
		margin: 0;
		padding: 3px 0 23px;
	}
	#rocket-mobile-menu .member__member-login a,
	#rocket-mobile-menu .member__member-dashboard a {
		color: #fff;
		font-size: 20px;
	}
	
	#rocket-mobile-menu .search-form .input-group #search {
		background-color: #734874;
		border: none;
		border-radius: 50px 0 0 50px;
	}
	#rocket-mobile-menu .search-form .input-group #search::-webkit-input-placeholder {
		color: #fff;
	}
	#rocket-mobile-menu .search-form .input-group #search:-ms-input-placeholder {
		color: #fff;
	}
	#rocket-mobile-menu .search-form .input-group #search::placeholder {
		color: #fff;
	}
	#rocket-mobile-menu .search-form .input-group .btn {
		background-color: #734874;
		border-radius: 0 50px 50px 0;
	}
	
	#rocket-mobile-menu #custom_html-4 {
		color: #fff;
		margin: auto;
	}
	#rocket-mobile-menu #custom_html-4 a {
		color: #fff;
	}
	#rocket-mobile-menu #custom_html-4 .title {
		color: var(--twine);
		font-weight: 700;
	}
	
	/* Home */
	.homepage .layer__offers .offers__box .offers__box-content .description {
		min-height: 190px;
	}

	.homepage .layer__application .tab-content .tab-content-box {
		padding: 45px 50px 58px;
	}
	
	.homepage .layer__events .events .events__list .events__list-date .month {
		font-size: 16px;
	}
	.homepage .layer__events .events .events__list .events__list-date .day {
		font-size: 28px;
	}

	.homepage .layer__events .events #calendarTabContent .row .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.homepage .layer__events .events .em-calendar {
		margin: auto;
	}
	
	/* Foundation - Home */
	.homepage.homepage__foundation .layer__what-is-ritecare {
		background-image: linear-gradient(to bottom, rgb(0 0 0 / 60%) 0%,rgb(0 0 0 / 60%) 100%),url(/wp-content/uploads/what-is-ritecare-background-home.png);
		background-position: center, center right -280px;
	}

	.homepage .layer__offers .offers__box .offers__box-content {
		min-height: 773px;
	}
	.homepage .layer__offers .offers__box .offers__box-content .title {
		min-height: 75px;
	}
	.homepage .layer__offers .offers__box .offers__box-content .description {
		min-height: 420px;
	}
	
	/* RiteCare - Home */
	.homepage.homepage__rite-care .layer__services .services__box .services__box-information h3 {
		min-height: 68px;
	}
	
	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__col-1 img {
		object-position: 75% top;
	}
	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__col-2 {
		padding: 118px 20px 113px;
	}
	
	.homepage.homepage__rite-care .layer__why-do-we-need-volunteers .why-do-we-need-volunteers__col-2 {
		padding: 133px 20px 110px;
	}
	.homepage.homepage__rite-care .layer__why-do-we-need-volunteers .why-do-we-need-volunteers__col-1 img {
		object-position: 100% top;
	}
	
	.homepage.homepage__rite-care .layer__services .services__box {
		max-width: 398px;
		margin: 0 auto 30px;
	}
	.homepage.homepage__rite-care .layer__services .services__box .services__box-information h3 {
		min-height: 40px;
	}
	.homepage.homepage__rite-care .layer__services .services__box .services__box-information .description {
		min-height: 300px;
	}
	
	.homepage.homepage__rite-care .layer__be-a-volunteer .be-a-volunteer__position-box .description {
		min-height: 390px;
	}
	
	/* Directors & Officers */
	.page-id-281 .site-content .entry-content .director-officer__wrapper .director-office__position {
		min-height: 180px;
	}
	
}

@media screen and (max-width: 820px) {
	
	.wp-block-columns {
		flex-wrap: wrap;
	}
	.wp-block-columns .wp-block-column {
		margin-bottom: 25px;
		margin-left: 0;
		
		/* flex: 50%; */
	}
	.wp-block-columns .wp-block-column:not(:only-child) {
		flex-basis: calc(50% - 1em)!important;
		flex-grow: 0;
		margin-left: 0 !important;
	}
	.wp-block-columns .wp-block-column:last-child {
		flex-basis: 0;
		flex-grow: 1 !important;
	}
	.wp-block-columns .wp-block-column:nth-child(2n) {
		margin-left: 2em !important;
	}
	.wp-block-columns .wp-block-column .wp-block-image .alignleft,
	.wp-block-columns .wp-block-column .wp-block-image .alignright {
		float: none;
		margin: 15px auto;
	}
	.wp-block-columns:last-child .wp-block-column:last-child {
		margin-bottom: 0;
	}
	
	.page-id-281 .site-content .entry-content .director-officer__wrapper .director-office__position {
		min-height: 90px;
	}
	
	.homepage .layer__application {
		padding: 43px 0 25px;
	}
	.homepage .layer__application .nav-tabs .nav-item .nav-link {
		font-size: 20px;
	}
	
	.homepage .layer__events .events h2 {
		text-align: center;
	}
	
	.homepage.homepage__foundation .layer__hero br {
		display: none;
	}
	
}

@media screen and (max-width: 800px) {
	
	.director-officer__figure figcaption {
		min-height: 0;
	}
	
	/* Menu - Mobile */
	#rocket-mobile-menu {
		height: 93% !important;
	}
	
	/* Home */
	.homepage h1,
	.homepage h2 {
		font-size: 24px;
	}
	
	.homepage .layer__our-mission-and-vission {
		padding: 48px 30px 35px;
	}
	.homepage .layer__our-mission-and-vission br {
		display: none;
	}
	
	.homepage .layer__become-a-donnor {
		padding: 0 0 33px;
	}
	.homepage .layer__become-a-donnor .become-a-donnor__col-1 {
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.homepage .layer__become-a-donnor .become-a-donnor__col-1 h2,
	.homepage .layer__become-a-donnor .become-a-donnor__col-1 p {
		padding: 0 30px;
	}
	.homepage .layer__become-a-donnor .become-a-donnor__col-1 img {
		max-width: none;
		width: 100%;
	}
	
	.homepage .layer__offers .offers__box .offers__box-content .description {
		min-height: 0;
	}
	
	.homepage .layer__events .events .events__col-1,
	.homepage .layer__events .events .events__col-2 {
		border: none;
	}
	.homepage .layer__events .events .events__col-1 {
		margin-bottom: 35px;
	}
	
	.homepage .layer__affiliates .owl-carousel .owl-nav,
	.homepage .layer__affiliates .owl-carousel .owl-dots {
		display: none;
	}

	/* Foundation - Home */
	.homepage.homepage__foundation .layer__hero {
		background-image: url(/wp-content/uploads/foundation-hero-background-mobile.png);
		padding: 125px 30px 143px;
	}
	.homepage.homepage__foundation .layer__hero br {
		display: none;
	}
	
	/* .homepage.homepage__foundation .layer__hero .container {
		text-align: left !important;
	} */
	
	.homepage.homepage__foundation .layer__offers {
		padding: 35px 0 50px;
	}
	
	.homepage.homepage__foundation .layer__what-is-ritecare {
		text-align:center;
		padding: 35px 30px 30px;
	}
	.homepage.homepage__foundation .layer__what-is-ritecare h2 {
		margin-bottom: 25px !important;
	}
	.homepage.homepage__foundation .layer__what-is-ritecare p {
		margin-bottom: 33px !important;
	}
	
	.homepage .layer__offers .offers__box .offers__box-content {
		min-height: 0;
	}
	.homepage .layer__offers .offers__box .offers__box-content .title {
		min-height: 0;
	}
	
	.homepage.homepage__foundation .layer__testimonial {
		position: relative;
		padding: 30px 0 28px;
	}
	.homepage.homepage__foundation .layer__testimonial .tesimonial__box::before {
		content: '\f10d';
		position: absolute;
		top: 40px;
		left: 90px;
		color: var(--twine);
		font-family: 'Font Awesome 5 Free';
		font-size: 55px;
		font-weight: 700;
		opacity: 0.35;
	}
	
	/* RiteCare - Home */
	.homepage.homepage__rite-care .layer__hero {
		padding: 400px 45px 40px;
	}
	
	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__content {
		max-width: 100%;
	}

	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__col-1 {
		order: 0;
	}	
	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__col-1 img {
		object-position: center;
	}
	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__col-2 {
		padding: 25px 20px 33px;
	}
	
	.homepage.homepage__rite-care .layer__why-do-we-need-volunteers .why-do-we-need-volunteers__col-1 img {
		object-position: center;
	}
	.homepage.homepage__rite-care .layer__why-do-we-need-volunteers .why-do-we-need-volunteers__col-2 {
		padding: 25px 20px 33px;
	}
	
	.homepage.homepage__rite-care .layer__services .services__box .services__box-information .description {
		min-height: 330px;
	}
	
	.homepage.homepage__rite-care .layer__be-a-volunteer .be-a-volunteer__position-box .description {
		min-height: 300px;
	}
	
	.homepage.homepage__rite-care .layer__services .container .col-12:first-child,
	.homepage.homepage__rite-care .layer__services .container .col-12:nth-child(2) {
		margin-bottom: 35px;
	}
	
	/* Facilitators */
	.page-id-113 .site-content .entry-content .director-officer__wrapper {
		flex-wrap: wrap;
	}
	.page-id-113 .site-content .entry-content .director-officer__wrapper .wp-block-column {
		flex: 50%;
		margin: 0;
	}
	.page-id-113 .site-content .entry-content .director-officer__wrapper .wp-block-column:first-child,
	.page-id-113 .site-content .entry-content .director-officer__wrapper .wp-block-column:nth-child(2) {
		margin-bottom: 30px;
	}

	/* Directors & Officers */
	.page-id-281 .site-content .entry-content .director-officer__wrapper .director-office__position {
		min-height: 90px;
	}
	
	/* Links */
	.link__post-item .link__post .link__post-title,
	.link__post-item .link__post .link__post-excerpt {
		min-height: 0;
	}
	
	.link__post-item .link__post .link__post-excerpt {
		text-align: center;
	}
	
	/* Literacy - Class */
	.literacy-class__template .entry-content .wp-block-columns .wp-block-column {
		flex: 100% !important;
	}
	.literacy-class__template .entry-content .wp-block-columns .wp-block-column:first-child {
		order: 2;
		text-align: center;
	}
	.literacy-class__template .entry-content .wp-block-columns .wp-block-column:last-child {
		margin-left: 0;
	}
	
	.literacy-class__template .literacy-class__template-layer-1 {
		padding: 85px 0 130px !important;
	}
	
	.literact-class__form .class-location-left {
		border-right: 1px solid #000 !important;
		border-bottom: none !important;
	}
	.literact-class__form .class-location-right {
		border-top: none !important;
		border-left: 1px solid #000 !important;
	}
	
	/* Volunteer */
	.volunteer__form .class-location-left {
		border-right: 1px solid #000 !important;
		border-bottom: none !important;
	}
	.volunteer__form .class-location-right {
		border-top: none !important;
		border-left: 1px solid #000 !important;
	}
	
	/* Literacy and Voucher Program */
	.page-id-413 .entry-content .literacy-program .wp-block-column,
	.page-id-413 .entry-content .voucher-program .wp-block-column {
		flex-basis: 100% !important;
	}
	.page-id-413 .entry-content .literacy-program .wp-block-column:first-child,
	.page-id-413 .entry-content .voucher-program .wp-block-column:last-child {
		text-align: center;
	}
	.page-id-413 .entry-content .literacy-program .wp-block-column:last-child,
	.page-id-413 .entry-content .voucher-program .wp-block-column:last-child {
		margin-left: 0;
	}
	.page-id-413 .entry-content .literacy-program .wp-block-column:first-child {
		order: 2;
	}
	.page-id-413 .entry-content .literacy-program .wp-block-column:first-child ul {
		max-width: 350px;
		text-align: left;
		margin: 0 auto 15px;
	}

}

@media screen and (max-width: 768px) {

	/* Home */
	.homepage .layer__application .nav-tabs .nav-item .nav-link {
		padding: 18px 45px;
	}
	
	/* Foundation - Home */
	.homepage.homepage__rite-care .layer__be-a-volunteer .be-a-volunteer__position-box .description {
		min-height: 330px;
	}
	
}

@media screen and (max-width: 640px) {
	
	/* Menu - Mobile */
	#rocket-mobile-menu {
		background-size: cover;
		background-position: top center;
	}
	
	/* Home */
	.homepage .layer__application .nav-tabs .nav-item .nav-link {
		padding: 18px 23px;
	}
	
	.homepage .layer__application .tab-content #criteria-application .container-fluid .col-md-6:first-child,
	.homepage .layer__application .tab-content #information .container-fluid .col-md-6:first-child {
		order: 2;
	}
	
	/* Foundation - Home */
	.homepage .layer__our-mission-and-vission {
		text-align: center;
	}
	
	/* RiteCare - Home */
	.homepage.homepage__rite-care .layer__about-us {
		padding: 0;
	}
	.homepage.homepage__rite-care .layer__about-us .about-us__box {
		max-width: 100%;
	}
	.homepage.homepage__rite-care .layer__about-us .about-us__box img {
		width: 100%;
	}
	.homepage.homepage__rite-care .layer__about-us .about-us__box .about-us__box-text {
		text-align: center;
		padding: 25px 20px 45px;
	}
	
	.homepage.homepage__rite-care .layer__about-us .container .row {
		margin-right: 0;
		margin-left: 0;
	}
	
	.homepage.homepage__rite-care .layer__literacy-and-voucher-programs .literacy-and-voucher-programs__content,
	.homepage.homepage__rite-care .layer__why-do-we-need-volunteers .why-do-we-need-volunteers__content {
		text-align: center;
	}
	
	.homepage.homepage__rite-care .layer__services {
		padding: 23px 0 35px;
	}
	.homepage.homepage__rite-care .layer__services .services__box img {
		width: 100%;
	}
	.homepage.homepage__rite-care .layer__services .services__box .services__box-information h3 {
		min-height: 0;
	}	
	.homepage.homepage__rite-care .layer__services .services__box .services__box-information .description {
		min-height: 0;
	}
	
	.homepage.homepage__rite-care .layer__be-a-volunteer .be-a-volunteer__position-box .description {
		min-height: 0;
	}
	
	.homepage.homepage__rite-care .layer__services .container .col-12 {
		margin-bottom: 35px;
	}
	.homepage.homepage__rite-care .layer__services .container .col-12:last-child {
		margin-bottom: 0;
	}
	
	.homepage.homepage__rite-care .layer__be-a-volunteer {
		padding: 28px 0;
	}
	
	.homepage.homepage__rite-care .layer__be-a-volunteer .container .col-md-4 {
		margin-bottom: 35px;
	}
	.homepage.homepage__rite-care .layer__be-a-volunteer .container .col-md-4:last-child {
		margin-bottom: 0;
	}
	
	.homepage.homepage__rite-care .layer__hippa-compliant {
		text-align: center;
	}
	
	.homepage.homepage__rite-care .layer__message-board {
		text-align: center;
	}
	
	/* Footer */
	footer .site_main_footer .widget_block {
		text-align: center;
		margin-bottom: 30px;
	}
	footer .site_main_footer .widget_block:last-child {
		margin-bottom: 0;
	}
	
	footer .site_main_footer #block-9 {
		max-width: 350px;
		text-align: left;
		margin: auto;
	}
	
}

@media screen and (max-width: 610px) {
	
	/* Home */
	.homepage .layer__application .nav-tabs .nav-item {
		width: 33.333%;
		text-align: center;
	} 
	
}

@media screen and (max-width: 480px) {
	
	.wp-block-columns .wp-block-column:not(:only-child) {
		flex-basis: 100% !important;
	}
	.wp-block-columns .wp-block-column:nth-child(2n) {
		margin-left: 0 !important;
	}
	
	/* Home */
	.homepage .layer__events .events #calendarTab .nav-item {
		width: 50%;
		text-align: center;
	}
	
	/* Foundation - Home */
	.homepage.homepage__foundation .layer__what-is-ritecare {
		background-image: linear-gradient(to bottom, rgb(0 0 0 / 70%) 0%,rgb(0 0 0 / 70%) 100%),url(/wp-content/uploads/what-is-ritecare-background-home.png);
		background-position: center, center right -570px;
	}
	
	/* RiteCare - Home */
	.homepage.homepage__rite-care .layer__hero {
		background-position: top left -1050px;
	}
	
	.homepage.homepage__rite-care .layer__application #formTab.nav-tabs .nav-item {
		width: 50%;
	}
	
	/* Directors & Officers */
	.page-id-281 .site-content .entry-content .director-officer__wrapper:first-child {
		margin-bottom: 0;
	}
	.page-id-281 .site-content .entry-content .director-officer__wrapper .director-office__position {
		min-height: 0;
	}
	
	/* Facilitators */
	.page-id-113 .site-content .entry-content .director-officer__wrapper .director-office__position {
		min-height: 0;
	}
	
	.page-id-113 .site-content .entry-content .director-officer__wrapper .wp-block-column {
		margin-bottom: 30px;
	}
	.page-id-113 .site-content .entry-content .director-officer__wrapper .wp-block-column:last-child {
		margin-bottom: 0;
	}
	
	/* Literacy Class */
	.literact-class__form {
		padding: 65px 20px 108px !important;
	}
	
	/* Volunteer */
	.volunteer__form {
		padding: 65px 20px 108px !important;
	}
	
}

@media screen and (max-width: 428px) {
	
	/* Home */
	.homepage .layer__events .events #calendarTab .nav-item .nav-link {
		font-size: 14px;
	}
	
}

@media screen and (max-width: 414px) {
	
	/* Menu - Mobile */
	#rocket-mobile-menu {
		height: 90% !important;
		padding: 20px 20px 90px !important;
	}

	/* Home */
	.homepage .layer__application .nav-tabs .nav-item .nav-link {
		font-size: 16px;
	}
	
	.homepage .layer__application .tab-content .tab-content-box {
		padding: 45px 20px 58px;
	}
	
	/* Foundation - Home */
	.homepage.homepage__foundation .layer__what-is-ritecare {
		background-position: center, center right -740px;
		padding: 35px 5px 30px;
	}
	
	/* Literacy Class */	
	.literact-class__form .wpcf7-form-control-signature-global-wrap .wpcf7-form-control-signature-wrap {
		width: 100% !important;
	}
	
	.literact-class__form .agreement-information {
		text-align: justify;
	}
	
	/* Volunteer */	
	.volunteer__form .wpcf7-form-control-signature-global-wrap .wpcf7-form-control-signature-wrap {
		width: 100% !important;
	}
	
	.volunteer__form .agreement-information {
		text-align: justify;
	}
	
}

@media screen and (max-width: 375px) {

	/* Home */
	.homepage .layer__application .nav-tabs .nav-item .nav-link {
		font-size: 12px;
	}
	
	.homepage .layer__application #formTab.nav-tabs .nav-item .nav-link {
		font-size: 12px;
	}
	
	.homepage .layer__events .events #calendarTab .nav-item .nav-link {
		min-height: 83px;
	}
	
	/* RiteCare - Home */
	.homepage.homepage__rite-care .layer__hero {
		background-position: top left -1030px;
		padding: 400px 20px 40px;
	}
	
}

@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) { 
}