@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; font-family:"mr-eaves-xl-modern", sans-serif !important; background:#fdfdfd;}

/* SELECTION */	
::selection {color:#fff; background: #00205b;}
::-moz-selection {color:#fff; background: #00205b;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}
.extraheavy {font-weight:900;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}



a.buttonLink {
	position:relative; display:inline-block; box-sizing:content-box; padding:1em 1.5em; font-size:1.2em; line-height:1; font-weight:700; text-align:center; color:#fff; background:#00205b;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;	
}

a.buttonLink:hover {background:#081733;}














/* HEADER TOP BAR
------------------------------------------------*/	
.header-top-bar {overflow:hidden; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:1em 2.5%; background:#e5e8ee;}
.header-top-bar span {font-size:1.125em; font-weight:300; color:#00205b;}



/* LOCATION LINK ICON
------------------------------------------------*/	
a.locationIcon {font-size:1.125em;  color:#474f5d;}

a.locationLinkIcon{position:relative;}
a.locationLinkIcon span {position:relative; z-index:1; font-weight:700;}
a.locationLinkIcon:before {
	position:absolute; z-index:0; left:20%; top:-130%; transform: rotate(-0.1turn); font-size:4em; color:#d0d5de; content: "\f3c5"; font-family: FontAwesome;
	-webkit-transition:.4s ease; -moz-transition:.4s ease; -o-transition:.4s ease; transition:.4s ease;	
}
a.locationLinkIcon:hover:before {left:18%; top:-150%; font-size:4.5em;}



/* SITE HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:1.5em 2.5%;}	
	

/* LOGO
------------------------------------------------*/	
.header-logos {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; 
	-webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.company-logo {margin:0 2vw 0 0;}	
.company-logo img {width:100%; max-width:233px;}

.brand-logo {margin:0;}	
.brand-logo img {width:100%; max-width:224px;}



/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0 1.5vw 0 auto; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0 .5vw; padding:12px .5vw;
    font-size:1.1875em; line-height:1; font-weight:700; letter-spacing:.03vw;  text-align:center; text-decoration:none; color:#686868;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	
nav.primary ul li a.drop-icon {position:relative;}
nav.primary ul li a.drop-icon::after {
	content:'\f078'; position:absolute; right:-.5em; top:1.8em;  margin:0 0 0 0; font-size:.5em; color:#00205b; font-family: FontAwesome;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}

nav.primary ul li a:hover {color:#121212;}
nav.primary ul li a:hover.drop-icon::after {color:#121212;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 220px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 220px; padding:15px 0; font-size:1.05em; line-height:1; text-indent:20px; text-align:left; color:#fff; border:0; background:#081733;
}

nav.primary ul li li:last-of-type a {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#fff; background:#032b75;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}





/*  PHONE BUTTON LINK
------------------------------------------------*/
a.phoneLinkIcon {overflow:hidden; padding:.85em 1.5em;}
a.phoneLinkIcon span {position:relative; z-index:1;}
a.phoneLinkIcon:before {
	position:absolute; z-index:0; left:20%; top:-5%; font-size:3em; color:#213d6f; content: "\f095"; font-family: FontAwesome;
	-webkit-transition:.4s ease-in; -moz-transition:.4s ease-in; -o-transition:.4s ease-in; transition:.4s ease-in;	
}

a.phoneLinkIcon:hover:before {left:15%; top:-25%; font-size:4em;}



/*  HERO
------------------------------------------------*/	
.hero {background:#00205b url("/siteart/johh-wiggers-store-front.jpg") no-repeat center; background-size: cover;}

.hero-overlay {padding:5% 25%; text-align:center;}

.overlay-title {
	margin:0 0 1% 0; font-size:2.8125em; font-weight:900; text-align:center;  color:#fff; font-family: "mr-eaves-xl-sans", sans-serif;
	-webkit-animation: slide-in-blurred-top 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.overlay-text {
	font-size:1.4375em; line-height:1.35; color:#fff;
	-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.overlay-search {margin:2.5% 0 0 0;}
.overlay-search img.search-logo{position:relative; z-index: 10; width:100%; max-width:383px; margin:0 auto -20px auto;
	-webkit-animation: slide-in-blurred-top 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}




.sub-hero {margin:2em 0 0 0; padding:2em; background: #00205b; }
.sub-hero h1{font-size:2.8125em; letter-spacing:1px; font-weight:900; text-align:center; text-transform:uppercase;  color:#fff; font-family: "mr-eaves-xl-sans", sans-serif;}



/*  MAIN
------------------------------------------------*/	
.home-main {overflow:hidden; display:flex; flex-flow:row wrap; align-items:center;  justify-content: space-between; margin:5em 0;}

.home-main .store-front {
	width:50%; height:437px; background:url("/siteart/john-wiggers-and-son-building.jpg") no-repeat center; background-size: cover;
	-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px; border-bottom-right-radius: 5px;
	
	-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.inv-main {margin:5em auto;}

.sub-main {overflow:hidden; display:flex; flex-flow:row wrap; justify-content: space-between; margin:5em auto; padding:0 5%;}




/*  ARTICLE
------------------------------------------------*/
article {}
article h1 {margin:0 0 .25em 0; font-size:1.875em; font-weight:900; text-transform:uppercase; color:#00205b; font-family: "mr-eaves-xl-sans", sans-serif;}
article h2 {margin:0 0 .25em 0; font-size:1.5em; font-weight:900; text-transform:uppercase; color:#00205b; font-family: "mr-eaves-xl-sans", sans-serif;}
article h3 {margin:0 0 .15em 0; font-size:1.35em; font-weight:900; text-transform:uppercase; color:#00205b; font-family: "mr-eaves-xl-sans", sans-serif;}

article p {font-size:1.25em; line-height:1.5; color:#555;}


.home-main article {
	box-sizing:border-box; width:50%; padding:0 9% 0 4.5%;
	-webkit-animation: slide-in-right 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.sub-main article {
	box-sizing:border-box; width:50%; padding:0 4.5% 0 0;
	-webkit-animation: slide-in-left 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.85s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.sub-main .embed-map {width:100%; height:auto; }
.sub-main .embed-map iframe {width:100%; height:335px; }

.sub-main .split-map {width:50%; height:auto; }
.sub-main .split-map iframe {width:100%; height:335px; }

/*  PROMO SECTION
------------------------------------------------*/
.promo-wrapper {display:flex; flex-flow:row wrap; justify-content:space-between; margin:3.5% 2.5%;}


/*  PROMO SLIDER
------------------------------------------------*/
.promo-slider {width:calc(97.5% - 410px);}

.promo-slider .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.promo-slider .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

.promo-slider .cycle-pager {
	position:absolute; overflow: hidden; z-index:500; bottom:25px; left:20px; width:auto; padding:0 6px 0 15px; text-align:left; background:rgba(15,15,15,0.52);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.promo-slider .cycle-pager span {display: inline-block; width:30px; height:58px; font-size:60px; line-height:1; color:#c7cedb; font-family: arial; cursor: pointer;}
.promo-slider .cycle-pager span.cycle-pager-active {color:#ffd204;}
.promo-slider .cycle-pager > * {cursor:pointer;}


/*  BLURB SECTION
------------------------------------------------*/
.blurb-section {width:410px; margin:0 2.5% 0 0;}
.blurb-section p {font-size:1.125em; line-height:1.5; letter-spacing:.03em; color:#686868;}

.blurb-title {margin:0 0 .35em 0; font-size:1.875em; font-weight:800; text-transform:uppercase; color:#00205b;}


/*  BRAND SHOWCASE
------------------------------------------------*/
.brand-showcase {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:5em 1%;}

.brand-item {
	display: inline-block; position:relative; overflow:hidden; box-sizing: border-box; flex:1; margin:0 1%;
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.brand-item:hover img {
	display: block; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);
}

.brand-bg {
	overflow:hidden; position:relative; z-index: 10; height:350px;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.brand-bg img {
    display: block !important; width:auto; height: 100%; margin:0 auto; padding: 0;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.brand-item-logo {
	position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 10;
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.brand-item-logo img {display:block; position: absolute; top: 50%; left: 50%; width:90%; max-width:238px; height:auto; margin:0 auto; transform: translate(-50%, -90%);}

.brand-item:hover .brand-item-logo img {
	-webkit-transform:translate(-50%, -120%); -moz-transform:translate(-50%, -120%); -ms-transform:translate(-50%, -120%); -o-transform:translate(-50%, -120%); transform:translate(-50%, -120%);
}

.brand-cta {
	position:absolute; bottom:0; z-index:15; width:100%; margin:0 auto -129px auto; padding:2em 0; font-size:1.3em; line-height:1.1; font-weight:700; text-transform:uppercase; text-align:center; color:#f7f7f7; background:#00205b;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.brand-cta span {font-size:.8em; font-weight:300;}
.brand-item:hover .brand-cta {margin:-129px auto 0 auto;}


.brand-link {width:100%; margin:2em 0 0 0; text-align: center;}


/*  INVENTORY CATEGORIES
------------------------------------------------*/
.inv-categories {
	display:flex; flex-flow:row wrap; justify-content:center; margin:0; padding:1.5em 0;
	background: rgb(1,30,83); background: linear-gradient(322deg, rgba(1,30,83,1) 0%, rgba(2,36,98,1) 100%);
}
.inv-categories a {
	display:flex; flex-flow:row wrap; align-items:center; margin:.5em; padding:.5em; font-size:1.25em; font-weight:700; text-decoration: none; color:#fff; border:2px #fff solid;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;	
}
.inv-categories a:first-of-type {margin:.5em .5em .5em 0;}
.inv-categories a:last-of-type {margin:.5em 0 .5em .5em;}

.inv-categories img {margin:0 .5em 0 0;}

.inv-categories a:hover{background:rgba(8,23,51,.5); transform:scale(1.05,1.05);}


/*  INDUSTRY SHOWCASE
------------------------------------------------*/
.industry-showcase {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:4em 0 0 0;}

.industry-item {width:33%; min-width:565px; margin:2%;}

.industry-hero {width:100%; height:256px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.syrup-indsutry {background:url("/siteart/industries/maple-syrup-supplies.jpg") no-repeat top center; background-size:cover;}
.bee-indsutry {background:url("/siteart/industries/beekeeping-supplies.jpg") no-repeat top center; background-size:cover;}
.maple-indsutry {background:url("/siteart/industries/dominion-grimm-warehouse.jpg") no-repeat top center; background-size:cover;}
.construction-indsutry {background:url("/siteart/industries/construction-equipment.jpg") no-repeat top center; background-size:cover;}

.industry-details {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}
.industry-logo {margin:-6em 0 0 .5em; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;}

.leader-logo img {width:100%; max-width:190px;}
.dadant-logo img {width:100%; max-width:225px;}

.industry-text {margin:.25em 0 0 1em; text-align: right;}
.industry-text span { font-size:1.5em; line-height:1.3; font-weight:900; text-transform:uppercase; color:#00205b; font-family: "mr-eaves-xl-sans", sans-serif;}

.industry-item:hover .industry-logo{transform:scale(1.085,1.085);}


/*  FOOTER NAV
------------------------------------------------*/
.footer-nav {margin:0 2.25%; padding:2em 5%; background:#00205b;}
.footer-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; list-style:none;}
.footer-nav ul li a {
	display: block; position: relative;font-size:1.1875em; font-weight:700; text-decoration:none; color:#fff;
	transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance: none;
}
.footer-nav ul li a:hover {transform:scale(1.1,1.1);}


/*  FOOTER
------------------------------------------------*/
.site-footer {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:0 4.5%; padding:25px 0; line-height:1.35;}

.foot-privacy a {text-decoration:underline;}
.foot-privacy a:nth-of-type(n+2){margin:0 0 0 3em;}








/************************************************ Responsive Styles **/


@media screen and (max-width: 1485px) {
	.company-logo {margin:0 1.5vw 0 0;}	
	.company-logo img {max-width:220px;}
	.head-brand-logo img {max-width:200px;}
	
	nav.primary {margin:0 1.25vw 0 auto;}
	nav.primary ul li a {margin:0 .25vw;}	
}

@media screen and (max-width: 1350px) {	
	nav.primary {margin:0 1.25vw 0 auto;}
	nav.primary ul li a {margin:0 .25vw; padding:12px .25vw; font-size:1.15em;}	
	nav.primary ul li a.drop-icon::after {right:-.75em; top:1.8em;}
}

@media screen and (max-width: 1280px) {
	nav.primary ul li a {margin:0 .2vw; padding:12px .25vw; font-size:1em;}	
	nav.primary ul li a.drop-icon {margin:0 5px;}
	nav.primary ul li a.drop-icon::after {right:-.75em; top:2.12em;}
	
	
	
	
	
	.promo-slider {width:calc(97.5% - 320px);}

	.promo-slider .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.promo-slider .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

	.promo-slider .cycle-pager {
		position:relative; overflow: hidden; z-index:500; bottom:0; left:0; width:auto; padding:0 6px 0 15px; text-align:left; background:transparent;
	}
	.promo-slider .cycle-pager span {display: inline-block; width:30px; height:58px; font-size:60px; line-height:1; color:#c7cedb; font-family: arial; cursor: pointer;}
	.promo-slider .cycle-pager span.cycle-pager-active {color:#ffd204;}



	.blurb-section {width:320px;}

	
	
	
	
	
	.industry-showcase {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:4em 0 0 0;}
	.industry-item {width:44%; min-width:0; margin:2%;}
	.industry-hero {width:100%; height:256px;}
	.industry-logo {margin:-8.5em 0 0 .5em}
	.leader-logo img{width:75%; max-width:211px;}
	.dadant-logo img{width:75%; max-width:275px;}
	.industry-text {width:100%; margin:.25em 0 0 .85em; text-align: left;}
	.industry-text span {font-size:1.5em;}
}

@media screen and (max-width: 1225px) {
	.company-logo {margin:0 2vw 0 0;}	
	.company-logo img {max-width:220px;}
	.head-brand-logo img {max-width:200px;}
	
	nav.primary{display:none;}
	#menu-button{width:100%; display: block; font-size: 1.25em; line-height:60px; text-align:center;  position: relative; z-index:400; background: #00205b;}
	#menu-button a{color:#fff; text-decoration: none; padding:0;  font-weight:400; text-transform:uppercase; cursor:pointer;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:1em 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-heading {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:right;
		cursor:pointer;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #00205b solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#292929; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
	
	
	
	.brand-item {flex:auto; width:29.333%; margin:1%;}
	
}

@media screen and (max-width: 1024px) {
	.hero {background:url("/siteart/johh-wiggers-store-front-tablet.jpg") no-repeat center; background-size: cover;}
	.hero-overlay {padding:7.5% 15%;}
	.overlay-title {margin:0 0 1.5% 0; font-size:2.25em;}
	.overlay-text {font-size:1.275em;}
	.overlay-search {margin:3.5% 0 0 0;}
	.overlay-search img.search-logo{position:relative; z-index: 10; width:100%; max-width:383px; margin:0 auto -20px auto;}

	.promo-slider {order:1; width:100%;}
	.promo-slider .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.promo-slider .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

	.blurb-section {order:2; width:80%; margin:3% 0 0 2.5%;}
	.blurb-section p {font-size:1.125em; line-height:1.5; letter-spacing:.03em; color:#686868;}
	.blurb-title {margin:0 0 .35em 0; font-size:1.875em; font-weight:800; text-transform:uppercase; color:#00205b;}
	
	
	
	.sub-main article {width:100%; padding:0;}
	.sub-main .split-map {width:100%; margin:4em 0 0 0;}
	
	.footer-nav ul li a {font-size:1em;}
}

@media screen and (max-width: 768px) {
	.header-top-bar {justify-content:center;}
	.header-top-bar span {display:none;}
	a.locationLinkIcon span {display:block;}

	
	
	
	.hero {background:url("/siteart/johh-wiggers-store-front-mobile.jpg") no-repeat center; background-size: cover;}
	.hero-overlay {padding:7.5%;}
	

	
	
	
	.industry-showcase {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:4em 0 0 0;}

	.industry-item {width:94%; min-width:0; margin:2%;}
	.industry-hero {width:100%; height:256px;}

	.industry-logo {margin:-8.5em 0 0 .5em}
	.leader-logo img{width:75%; max-width:211px;}
	.dadant-logo img{width:75%; max-width:275px;}

	.industry-text {width:100%; margin:.25em 0 0 .85em; text-align: left;}
	.industry-text span {font-size:1.5em;}
	
	
	
	
	.home-main {margin:3.5em 0;}
	.home-main .store-front {order:2; width:100%; height:380px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
	.home-main article {order:1; width:100%; margin:0 0 3em 0; padding:0 5%;}	
	
	
	
	
	
	
	
	.footer-nav {margin:0; padding:1.5em 2.5%;}
	.footer-nav ul {justify-content:center;}
	.footer-nav ul li a {margin:0 5px; padding:.5em;}


}

@media screen and (max-width: 650px){
	.header-logos {margin:0 auto;}
	.company-logo {margin:0 3.5vw 0 0;}	
	a.phoneLinkIcon {display:none; }
	
	.brand-item {width:46%;}
}

@media screen and (max-width: 550px){
	.header-logos {justify-content:center;}
	.company-logo {margin:0 1.25vw 0 0;}
	.company-logo img {max-width:200px;}
	.head-brand-logo img {max-width:185px;}
	
	.blurb-section {width:90%;}
	
	.brand-bg {height:300px;}
	
	
	.home-main .store-front {height:280px;}
	
	
	.site-footer {display:flex; flex-flow:column wrap; align-items:center; justify-content:space-between; margin:0 4.5%; padding:25px 0;}
	.foot-privacy a:nth-of-type(n+2){margin:0 0 0 1.5em;}
	
}