/* desktop */
@media only screen and (max-width: 1199px) and (min-width: 960px) {

	.cp_wrapper {
    	width: 22%!important;
	}
	.cp_wrapper .cp_img_wrap,
	.custom-event-wrapper .custom-event-img {
    	height: 130px!important;
		position: relative;
	}
	
}

/* tablet */
@media only screen and (max-width: 959px) and (min-width: 768px) {
	
	.wrapper,
	.home .wrapper {
		background-position-x: center;
	}
	
	header.header.is-transparent.stuck {
		padding: 0px 20px;
	}
	
	header.header.is-transparent.stuck .logo {
		width: 130px;
	}
	
	/* Nav */
	.nav.navright {
		width: 35%;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    	width: fit-content;
		float:right;
		height: 50px;
		border-radius:50%;
		background: var(--dark-purple)!important;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
        padding: 10px 0px;
    }
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 20px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
        background-image: url('/wp-content/uploads/2024/10/bubbles_2per.png') !important;
        background-position-x: center;
    }
	
	.cp_wrapper {
    	width: 22%!important;
	}
	.cp_wrapper .cp_img_wrap,
	.custom-event-wrapper .custom-event-img {
    	height: 110px!important;
		position: relative;
	}
	
	#home-hero {
		background-position: center!important;
	}
	#home-txthero {
		margin-top:135px;
		padding: 0px 10px;
	}
	#home-txthero h1 {
    	font-size: 2em;
	}
	#home-txthero .vc_btn3-container.vc_btn3-inline {
		margin: 20px 0px 0 0;
	}
	
}


/* mobile */
@media only screen and (max-width: 767px) {
	
	.wrapper,
	.home .wrapper {
		background-position-x: center;
	}

	.post-content {
		padding: 0px 10px;
	}
	
	#home-info-shortcode .wpb_wrapper,
	#home-involved-shortcode .wpb_wrapper,
	#home-support-shortcode .wpb_wrapper,
	#home-help-shortcode .wpb_wrapper,
	#home-event-shortcode .wpb_wrapper,
	#posts-container,
	.related-posts ul,
	.search-results-wrapper {
		overflow-x: scroll !important;
		flex-wrap: nowrap !important;
		display: flex !important;
		margin-left: -15px;
		margin-right: -15px;
		padding:10px;
	}
	
	.cp_wrapper, .custom-event-wrapper {
		flex: 0 0 85%!important;
		max-width: 63%;
		margin: 3% 4%!important;
	}
	/* Help wrapper */
	.cp_wrapper {
		flex: 0 0 85%!important;
		max-width: 63%;
		margin: 3% 4%!important;
	}
	
	.cp_wrapper .cp_img_wrap,
	.custom-event-wrapper .custom-event-img {
    	height: 215px!important;
		position: relative;
	}
	
	/* Title sizes for feature post */
	.cp_wrapper.cpt-help .product_text h3 {
		font-size:20px;
	}
	
	.viewall {
		height: 50px;
		background: #0073ff;
		display:block;
		margin-top: 50%;
		margin-right: 5%;
		margin-left: 5%;
		border-radius: 50%;
		width: 50px;
		padding: 10px 18px;
		text-align: center;
		color: #fff;
	}
	.viewall a {
		color: #fff;
	}

	/* custom Events */
	#ce_holder {
		display: flex;
		flex-wrap: nowrap;
		gap: 0rem;
	}
	.ce_image {
    	height: 125px;
	}
	
	header.header.is-transparent.stuck {
		padding: 0px 20px;
	}
	
	header.header.is-transparent.stuck .logo {
		width: 100px;
	}
	
	/* Nav */
	.nav.navright {
		width: 35%;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    	width: fit-content;
		float:right;
		height: 50px;
		border-radius: 50%;
		background: var(--dark-purple)!important;
		display:none;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
        padding: 10px 0px;
    }
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 20px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
        background-image: url('/wp-content/uploads/2024/10/bubbles_2per.png') !important;
        background-position-x: center;
    }
	
	/* Homepage */
	#home-hero h1 {
		font-size:60px;
		line-height:normal;
	}
	
	#home-hero {
		background-position: center;
	}
	#home-txthero {
		margin-top:45px;
		padding: 0px 10px;
	}
	#home-txthero h1 {
    	font-size: 2em;
	}
	#home-txthero .vc_btn3-container.vc_btn3-inline {
		margin: 20px 0px 0 0;
	}
	
	.feature-posts h2 {
		font-size:1.5em!important;
	}
	
	#post-header {
		height:130px!important;
	}
	
	.next-lev-header-title {
		margin-top: 20px !important;
	}
	.next-lev-header-title h1, 
	.post-title-class {
		font-size:1.5em!important;
	}

	/* search results */
	.search-result-text h2 {
    	font-size: larger;
	}
	.search-result-text {
		width: 72%!important;
		padding-left: 5%!important;
	}
	.sidenav_inner form.is-search-form.is-form-style.is-form-style-3 {
		width: 78%;
		margin: 0px auto;
		display:block!important;
		margin-bottom: 30px;
	}
	li.custom-menu-search.astm-search-menu.is-menu.is-dropdown.menu-item {
		display:none!important;
	}
	
	.sidenav {
  		height: 100%!important;
		top:0;
	}

	#settingsToggle, #main {
		transition: margin-left .5s;
		padding: 16px;
		position: fixed;
		right: 5px;
		top: 5px;
		z-index: 99999;
		height: -webkit-fill-available;
        height: fit-content;
	}
	#settingsToggle, #main i.fa.fa-cog {
		display:none;
	}
	#settingsToggle, #main i.fa.fa-bars {
		display:block;
	}
	
	/* custom menu */
	.custom-mobile-menu {
		display:block!important;
	}
	.custom-mobile-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
		padding: 0px 20px 0px 20px;
		background: transparent;
		width: fit-content;
		float: none;
		text-align:center;
	}
	.custom-mobile-menu  ul {
		margin-bottom: 50px;
	}
	.custom-mobile-menu  li {
		list-style: none;
		padding: 10px 0px;
	}
	
	/* contact form */
	textarea.wpcf7-form-control.wpcf7-textarea {
    	width: 100%;
	}
	
	.cd-top {
		right: 10px !important;
	}

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
}


@media only screen and (max-width: 480px) {
	
	.wrapper,
	.home .wrapper {
		background-position-x: center;
	}
	
	/* set Homepage items to Flex */
	#home-info-shortcode .wpb_wrapper,
	#home-involved-shortcode .wpb_wrapper,
	#home-support-shortcode .wpb_wrapper,
	#home-help-shortcode .wpb_wrapper,
	#home-event-shortcode .wpb_wrapper,
	#posts-container,
	.related-posts ul,
	.search-results-wrapper {
		overflow-x: scroll !important;
		flex-wrap: nowrap !important;
		display: flex !important;
		margin-left: -15px;
		margin-right: -15px;
		padding:10px;
	}
	
	.cp_wrapper, .custom-event-wrapper {
		flex: 0 0 85%!important;
		max-width: 63%;
		margin: 3% 4%!important;
	}
	/* Help wrapper */
	.cp_wrapper {
		flex: 0 0 85%!important;
		max-width: 63%;
		margin: 3% 4%!important;
	}
	
	.cp_wrapper .cp_img_wrap,
	.custom-event-wrapper .custom-event-img {
    	height: 125px!important;
		position: relative;
	}
	
	/* Title sizes for feature post */
	.cp_wrapper.cpt-help .product_text h3 {
		font-size:20px;
	}
	
	.viewall {
		height: 50px;
		background: #0073ff;
		display:block;
		margin-top: 50%;
		margin-right: 5%;
		margin-left: 5%;
		border-radius: 50%;
		width: 50px;
		padding: 10px 18px;
		text-align: center;
		color: #fff;
	}
	.viewall a {
		color: #fff;
	}
	
	/* custom Events */
	#ce_holder {
		display: flex;
		flex-wrap: nowrap;
		gap: 0rem;
	}
	.ce_image {
    	height: 125px;
	}
	
	/* Homepage */
	#home-hero h1 {
		font-size:55px!important;
		line-height:normal;
		margin-top: 80px;
	}
	#home-hero {
		background-position: center;
	}
	
	.feature-posts h2 {
		font-size:1.5em!important;
	}
	
	#post-header {
		height:130px!important;
	}
	
	.next-lev-header-title {
		margin-top: 20px !important;
	}
	.next-lev-header-title h1, 
	.post-title-class {
		font-size:1.5em!important;
	}

	.sidenav {
  		height: 100%!important;
		top:0;
	}
	
	#settingsToggle, #main {
		transition: margin-left .5s;
		padding: 16px;
		position: fixed;
		right: 5px;
		top: 5px;
		z-index: 99999;
		height: -webkit-fill-available;
        height: fit-content;
	}
	#settingsToggle, #main i.fa.fa-cog {
		display:none;
	}
	#settingsToggle, #main i.fa.fa-bars {
		display:block;
	}
	
	/* custom menu */
	.custom-mobile-menu {
		display:block!important;
	}
	.custom-mobile-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
		padding: 0px 20px 0px 20px;
		background: transparent;
		width: fit-content;
		float: none;
		text-align:center;
	}
	.custom-mobile-menu  ul {
		margin-bottom: 50px;
	}
	.custom-mobile-menu  li {
		list-style: none;
		padding: 10px 0px;
	}
	
	/* contact form */
	textarea.wpcf7-form-control.wpcf7-textarea {
    	width: 100%;
	}
	
	.cd-top {
		right: 10px !important;
	}
}