/* Anne Bercht */


@media only screen and (max-width:1280px) {
	.site-header .pad {
		max-width:98vw;
	}
	img.homeHeroHello {
		left:7%;
	}
	img.homeHeroAnne {
		right:7%;
	}
}


@media only screen and (max-width:768px) {
	#topMenu {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	.bg-watermark {
		background-size:80% auto;
	}
}



@media only screen and (max-width:870px) {
	.homeHero {
		height:61vw;
	}
	img.homeHeroHello {
		top:calc(50% - 20vw);
		left:10px;
		width:40%;
	}
	img.homeHeroAnne {
		right:10px;
		width:60%;
	}
	.ftrCols {
		flex-direction: column;
		align-items: center;
		gap: 0;
	}
	.ftrCol,
	.ftrCol.col4 {
		flex: none;
		width: 100%;
		text-align: center;
		padding: 0 0 40px 0;
	}
	.ftrCol.col4 {
		padding-bottom: 0;
	}
	.ftrLogo {
		display: flex;
		justify-content: center;
	}
	.ftrLogo img {
		max-width: 220px;
	}
	.ftrCol a.ftrCTA {
		margin: 20px auto 20px auto;
	}
	.ftrCol h4 {
		margin:0 0 10px 0;
	}
	#siteCredits {
		margin:0;
	}
	#siteCredits .pad {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 0;
	}
	#siteCredits .creditsText {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 3px;
	}
	#siteCredits a.nwwebdev {
		display: block;
		border: none;
		margin: 0;
		padding: 0;
	}
	#siteCredits a.linkedin {
		flex-shrink: 0;
		float: none;
		position: static;
		margin-left: 14px;
	}
	.ftrSocial {
		position:absolute;
		top:6px;
		right:0;
		float:none;
	}
}



@media only screen and (max-width:670px) {
	.site-header.sticky #hdrSecondaryMenu {
		top:38px;
	}
	.site-header.sticky #hdrLogo {
		top:39px;
	}
	#hdrSocial span,
	#hdrPLS {
		display:none;
	}
	.homePassionsRotator {
		font-size:16px;
	}
	.homeIntro .intro,
	.homeIntro .quickLinks {
		float:none;
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form input[type="tel"] {
		width:96%;
	}
	
} /* end 670px */



@media only screen and (max-width:500px) {
	.site-header,
	.site-header.sticky,
	#hdrUnderlay {
		height:100px;
	}
	.homeHero {
		padding-top: 60px;
	}
	.site-header.sticky {
	}
	#hdrSecondaryMenu,
	.site-header.sticky #hdrSecondaryMenu {
		top:28px;
	}
	#hdrLogo,
	.site-header.sticky #hdrLogo {
		top: 50%;
		transform: translateY(-50%);
	}
	
	#hdrSecondaryMenu #mega-menu-wrap-secondary .mega-menu-toggle + #mega-menu-secondary,
	.site-header.sticky #hdrSecondaryMenu #mega-menu-wrap-secondary .mega-menu-toggle + #mega-menu-secondary {
		top:100px;
	}
	#mega-menu-wrap-secondary .mega-menu-toggle.mega-menu-open ~ button.mega-close {
		top:55px;
	}
	
	#hdrSocial {
		display:none;
	}
	#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item > a.mega-menu-link {
		height:30px;
		line-height: 30px;
	}
	#siteCredits {
		font-size:11px;
	}
	#siteCredits .ftrSocial {
		width:90px;
	}
	#siteCredits .ftrSocial a {
		font-size:18px;
		margin:0 0 0 3px;
	}
	.bg-watermark {
		background-size:95% auto;
	}

}

@media only screen and (max-width:1120px) {
	.homeServices .pad,
	.homeVerticals .pad,
	.homeTestimonials .pad {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width:768px) {

	/* ── SERVICE CARDS: horizontal layout ── */
	.homeServicesGrid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.homeServiceCard {
		flex-direction: row;
		align-items: center;
		gap: 20px;
		padding: 18px 20px;
	}
	.homeServiceIcon {
		flex: 0 0 auto;
		margin: 0;
	}
	.homeServiceCard h4 {
		margin-bottom: 4px;
	}
	.homeServiceCard p {
		margin: 0;
	}

	/* ── INDUSTRY CARDS: horizontal layout ── */
	.homeVerticalsGrid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.homeVerticalCard {
		flex-direction: row;
		align-items: center;
		gap: 20px;
		padding: 18px 20px;
	}
	.homeVerticalIcon {
		flex: 0 0 auto;
		margin: 0;
	}
	.homeVerticalCard h4 {
		margin-bottom: 4px;
	}
	.homeVerticalCard p {
		margin: 0;
	}

	/* ── TESTIMONIALS: stack vertically ── */
	.homeTestimonialGrid {
		flex-direction: column;
		gap: 20px;
	}

}

