/*	WSNIA

*/

@media only screen and (max-width:1200px) {
	.summitTopBanner::before {
		background-size:130px auto;
	}
	.summitTopBanner h4 {
		font-size:31px;
	}
	.summitTopBanner h1 {
		font-size:38px;
	}
}

@media only screen and (max-width:1080px) {
	.summitInfoSection {
		max-width:95%;
	}
	body.sticky .summitMenu {
		right:2.5%;
	}
	.summitTopBanner::before {
		background-size:130px auto;
	}
	.summitTopBanner h4 {
		font-size:31px;
	}
	.summitTopBanner h1 {
		font-size:38px;
	}
}

@media only screen and (max-width:1000px) {
	.pad {
		max-width:97%;
	}
}



@media only screen and (max-width:950px) {
	.homeHero2TextBox {
		width:50%;
	}
	.homeBlogPosts article {
		display:block;
		width:90%;
		border-bottom:solid 1px #CCC;
		padding-bottom:30px;
		margin:0 auto 30px auto;
	}
	.homeBlogPosts .post-thumbnail,
	.homeBlogPosts h4 {
		display:inline-block;
		vertical-align: top;
	}
	.homeBlogPosts .post-thumbnail {
		width:40%;
	}
	.homeBlogPosts .post-thumbnail img {
		margin-top:0;
		max-width:100%;
		width:100% !important;
		height:auto !important;
	}
	.homeBlogPosts h4 {
		width:50%;
		margin:20px 0 0 4%;
	}
	.homeBlogPosts .excerpt {
		margin:0;
	}
	.homeBlogPosts .entry-footer {
		display:none;
	}
}


@media only screen and (max-width:900px) {
	#hdrLogo {
		width:220px;
	}
	#navBar {
		left:27%;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
		padding:0 11px;
	}
	
	.summitMenu {
		right:-10px;
		padding:12px 5px;
	}
	body.sticky .summitMenu {
		right:11px;
	}
	.summitMenu a {
		padding:3px 12px 3px 25px;
	}
	.summitMenu a::before {
		left:3px;
	}
	.summitTopBanner {
		margin:30px 200px 0 0;
	}
	.summitTopBanner::before {
		opacity:0.5;
	}
	.summitTopBanner h4 {
		padding:20px 0;
	}
	.summitTopBanner h1 {
		line-height:1.3em;
	}
	.summitTopBanner h1 span {
		display:block;
	}
	.summitTopBanner p {
		font-size:21px;
	}
	.summitInfoSection article {
		padding-right: 170px;
	}
}

@media only screen and (max-width:800px) { /* MOBILE MENU */
	.site-header {
		height:160px;
		background-size:cover;
	}
	#hdrLogo {
		width:190px;
	}
	#navBar {
		top:75px;
		left:auto;
		right:0;
	}
	.site-header.sticky #navBar {
		left:auto;
	}
	
	/* COMMON */
	.site-content,
	.footer,
	#siteCredits {
		position:relative;
		top:160px;
	}
	#mega-menu-wrap-primary {
		border:solid 2px #dab54b;
		border-radius:8px;
		background:#0000ff;
	}
	#mega-menu-wrap-primary .mega-menu-toggle {
		border:solid 2px #dab54b;
		border:none;
		background:none;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		width:200px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary,
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		background:#0e1d61;
		border-radius:8px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
		font-size:20px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		border:none;
		box-shadow:none;
	}
	
	.homeHeroTextBox {
		top:40px;
		right:40px;
		width:330px;
	}
	.homeHeroTextBox h1 {
		font-size:28px;
	}
	.homeIntro h2 {
		font-size:28px;
		text-align: center;
	}
	.homeHeroTextBox .ctaBtn {
		display:block;
		margin:10px auto 0 auto;
	}
	.homeHeroTextBox.homeHero2TextBox {
		position: relative;
		width:85%;
		right:auto;
		left:auto;
		background:rgba(238,233,227, 0.85);
		margin:0 auto;
	}
	.homeHeroTextBox.homeHero2TextBox h1,	
	.homeHeroTextBox.homeHero2TextBox p {
		text-shadow:1px 1px 1px #FFF;		
	}
	.homeBlogPosts {
		width:95%;
	}
	.homeBlogPosts .pad,
	.homeBlogPosts article {
		width:100%;
		max-width:100%;
	}
	.homeBlogPosts h4 {
		width:55%;
		margin:0 0 0 15px;
	}
	.homeVideo {
		padding:40px 30px;
	}
	
	.entry-content {
		padding-right:0;
	}
	h1.page-title, .pageTitleHdr h1.entry-title {
		max-width:100%;
	}
	
	.resourcesBlock ul {
		padding-left:30px;
	}
	
	.summitInfoSection article {
		padding-right: 190px;
	}
	
	
	.footer {
		padding:20px 0 0 0;
	}
	.ftrCol {
		display:block;
		width:230px;
		margin:30px auto;
	}
	.footer h4 {
		margin:40px 0 5px 0;
	}
} /* end 800px */




@media only screen and (max-width:650px) {
	.trainingSummitHero {
		display:none;
	}
	.summitMenu {
		display:none;
		padding:4px;
	}
	body.sticky .summitMenu {
		display:block;
	}
	.summitMenu h3 {
		font-size:18px;
		text-align: center;
		margin:0;
	}
	.summitMenu a {
		font-size:14px;
		padding:2px 1px 2px 22px;
	}
	.summitMenu a::before {
		top:-1px;
		font-size:16px;
	}
	.summitTopBanner {
		margin:30px 0 0 0;
	}
	.summitTopBanner h4 {
		height:auto;
		font-size:24px;
	}
	.summitTopBanner h1 {
		font-size:30px;
		margin-top:12px;
	}
	.summitTopBanner h1 span {
		display:inline;
	}
	.summitInfoSection article {
		padding-right:0;
	}
}



@media only screen and (max-width:550px) {
	#topNav a {
		font-size:12px;
		font-weight: 400;
		margin:0 3px;
	}
	#topNav a.membership {
		padding:0 6px;
	}	
}


@media only screen and (max-width:500px) {
	html {
		margin-top:0 !important;
	}
	html #wpadminbar {
		display: none;
	}
	#hdrLogo {
		width:40%;
		top:0;
		left:5px;
	}
	.site-header.sticky #hdrLogo {
		width:110px;
		top:5px;
	}
	.site-main {
		max-width: 95%;
	}
	.entry-content {
		padding:0;
	}
	
	.homeIntro .entry-content img {
		display: block;
		max-width:90%;
		float:none;
		margin:0 auto 20px auto;
	}
	.homeBlogPosts h4 {
		font-size:22px;
	}
	.homeVideo {
		padding:30px 0;
	}
	h1.page-title, .pageTitleHdr h1.entry-title {
		font-size:36px;
	}
	h2 {
		font-size:30px;
	}
	.woocommerce ul.order_details {
		margin:20px 0;
		padding:0;
	}
	.woocommerce td.product-name .wc-item-meta {
		padding-left:0;
	}
	
	.resourcesBlock h4 {
		max-width:80%;
	}
	.resourcesBlock ul {
		column-count:1;
	}
	
	body.sticky .summitMenu {
		top:auto;
		bottom:10px;
		padding:10px;
		box-shadow: 0px 0px 15px rgba(0,0,0, 0.5);
		transition:0.2s all;
	}
	.summitMenu h3 {
		font-size:20px;
		text-align: center;
		margin:0 0 5px 0;
	}
	.summitMenu a {
		font-size:16px;
		padding:2px 5px 2px 27px;
	}
	.summitMenu a::before {
		top:1px;
		font-size:18px;
	}
	
} /* end 500px */



@media only screen and (max-width:450px) {
	#hdrLogo {
		width:42%;
		top:5px;
		left:0;
	}
}

@media only screen and (max-width:500px) {
}

@media only screen and (max-width: 481px) {
    .menu-button-container {
        display: none;
    }
}