@import url('//fonts.googleapis.com/css?family=Dancing+Script');

/* Colors now come from the Section Color Content */
/*
.office-supplies-section .contentSection h1.heading,
.office-supplies-section .contentSection .copy h1,
.office-supplies-section .contentSection .copy h2,
.office-supplies-section .contentSection .copy h3,
.office-supplies-section .contentSection .copy h4,
.special-offers-section .contentSection h1.heading,
.special-offers-section .contentSection .copy h1,
.special-offers-section .contentSection .copy h2,
.special-offers-section .contentSection .copy h3,
.special-offers-section .contentSection .copy h4,
.aqua-section .contentSection h1.heading,
.aqua-section .contentSection .copy h1,
.aqua-section .contentSection .copy h2,
.aqua-section .contentSection .copy h3,
.aqua-section .contentSection .copy h4 {
	color:#9ad7f6;
}
.office-supplies-section .contentSection .leftCol,
.office-supplies-section .subLevelNavBar .toggleButton,
.office-supplies-section .subLevelNavBar .linkBoxContainer,
.special-offers-section .contentSection .leftCol,
.special-offers-section .subLevelNavBar .toggleButton,
.special-offers-section .subLevelNavBar .linkBoxContainer,
.aqua-section .contentSection .leftCol,
.aqua-section .subLevelNavBar .toggleButton,
.aqua-section .subLevelNavBar .linkBoxContainer,
.topLevelNavigation .linkBox .box-Aqua,
.topLevelNavBar .linkBox .box-Aqua {
	background:#9ad7f6;
}

.technology-section .contentSection h1.heading,
.technology-section .contentSection .copy h1,
.technology-section .contentSection .copy h2,
.technology-section .contentSection .copy h3,
.technology-section .contentSection .copy h4,
.printing-services-section .contentSection h1.heading,
.printing-services-section .contentSection .copy h1,
.printing-services-section .contentSection .copy h2,
.printing-services-section .contentSection .copy h3,
.printing-services-section .contentSection .copy h4,
.yellow-section .contentSection h1.heading,
.yellow-section .contentSection .copy h1,
.yellow-section .contentSection .copy h2,
.yellow-section .contentSection .copy h3,
.yellow-section .contentSection .copy h4 {
	color:#ffc90d;
}
.technology-section .contentSection .leftCol,
.technology-section .subLevelNavBar .toggleButton,
.technology-section .subLevelNavBar .linkBoxContainer,
.printing-services-section .contentSection .leftCol,
.printing-services-section .subLevelNavBar .toggleButton,
.printing-services-section .subLevelNavBar .linkBoxContainer,
.yellow-section .contentSection .leftCol,
.yellow-section .subLevelNavBar .toggleButton,
.yellow-section .subLevelNavBar .linkBoxContainer,
.topLevelNavigation .linkBox .box-Yellow,
.topLevelNavBar .linkBox .box-Yellow {
	background:#ffc90d;
}


.janitorial-section .contentSection h1.heading,
.janitorial-section .contentSection .copy h1,
.janitorial-section .contentSection .copy h2,
.janitorial-section .contentSection .copy h3,
.janitorial-section .contentSection .copy h4,
.furniture-section .contentSection h1.heading,
.furniture-section .contentSection .copy h1,
.furniture-section .contentSection .copy h2,
.furniture-section .contentSection .copy h3,
.furniture-section .contentSection .copy h4,
.red-section .contentSection h1.heading,
.red-section .contentSection .copy h1,
.red-section .contentSection .copy h2,
.red-section .contentSection .copy h3,
.red-section .contentSection .copy h4 {
	color:#d52129;
}
.janitorial-section .contentSection .leftCol,
.janitorial-section .subLevelNavBar .toggleButton,
.janitorial-section .subLevelNavBar .linkBoxContainer,
.furniture-section .contentSection .leftCol,
.furniture-section .subLevelNavBar .toggleButton,
.furniture-section .subLevelNavBar .linkBoxContainer,
.red-section .contentSection .leftCol,
.red-section .subLevelNavBar .toggleButton,
.red-section .subLevelNavBar .linkBoxContainer,
.topLevelNavigation .linkBox .box-Red,
.topLevelNavBar .linkBox .box-Red {
	background:#d52129;
}

.breakroom-section .contentSection h1.heading,
.breakroom-section .contentSection .copy h1,
.breakroom-section .contentSection .copy h2,
.breakroom-section .contentSection .copy h3,
.breakroom-section .contentSection .copy h4,
.promotional-products-section .contentSection h1.heading,
.promotional-products-section .contentSection .copy h1,
.promotional-products-section .contentSection .copy h2,
.promotional-products-section .contentSection .copy h3,
.promotional-products-section .contentSection .copy h4,
.indigo-section .contentSection h1.heading,
.indigo-section .contentSection .copy h1,
.indigo-section .contentSection .copy h2,
.indigo-section .contentSection .copy h3,
.indigo-section .contentSection .copy h4 {
	color:#304cb2;
}
.breakroom-section .contentSection .leftCol,
.breakroom-section .subLevelNavBar .toggleButton,
.breakroom-section .subLevelNavBar .linkBoxContainer,
.promotional-products-section .contentSection .leftCol,
.promotional-products-section .subLevelNavBar .toggleButton,
.promotional-products-section .subLevelNavBar .linkBoxContainer,
.indigo-section .contentSection .leftCol,
.indigo-section .subLevelNavBar .toggleButton,
.indigo-section .subLevelNavBar .linkBoxContainer,
.topLevelNavigation .linkBox .box-Indigo,
.topLevelNavBar .linkBox .box-Indigo {
	background:#304cb2;
}


.blue-section .contentSection h1.heading,
.blue-section .contentSection .copy h1,
.blue-section .contentSection .copy h2,
.blue-section .contentSection .copy h3,
.blue-section .contentSection .copy h4 {
	color:#00bef3;
}
.blue-section .contentSection .leftCol,
.blue-section .subLevelNavBar .toggleButton,
.blue-section .subLevelNavBar .linkBoxContainer,
.topLevelNavigation .linkBox .box-Blue,
.topLevelNavBar .linkBox .box-Blue {
	background:#00bef3;
}
.green-section .contentSection h1.heading,
.green-section .contentSection .copy h1,
.green-section .contentSection .copy h2,
.green-section .contentSection .copy h3,
.green-section .contentSection .copy h4 {
	color:#00bef3;
}
.green-section .contentSection .leftCol,
.green-section .subLevelNavBar .toggleButton,
.green-section .subLevelNavBar .linkBoxContainer,
.topLevelNavigation .linkBox .box-Green,
.topLevelNavBar .linkBox .box-Green {
	background:#00bef3;
}
*/

@media screen and (max-width: 1100px) {
	.themeSearchBar {
		top: -60px;
	}
	.themeSearchBar .dijitTextBox {
		width:330px;
	}
	.headerBanner .logo img {
		width:262.5px;
	}
	.sameDayDeliveryOptions .optionsBox {
		bottom:-10px;
	}
	
	.sameDayDeliveryOptions .optionsBox .truckImage {
	
	}
	.sameDayDeliveryOptions .optionsBox .truckImage img {
		height: 53px;
		width: auto;
	}
	.sameDayDeliveryOptions .optionsBox .button {
	
	}
	.sameDayDeliveryOptions .optionsBox .button img {
	
	}
}

@media screen and (max-width: 980px) {
	.themeSearchBar {
		top: -60px;
		left:auto;
		right:0;
		transform:translate(0,0);
	}
	.themeSearchBar .dijitTextBox {
		width:330px;
	}
	.sameDayDeliveryOptions {
		display:none;
	}
}

@media screen and (max-width: 768px) {
	.themeSearchBar {
		top: -47px;
	}
	.headerBanner .logo img {
		width:175px;
	}
}

@media screen and (max-width: 603px) {
	.themeSearchBar .dijitTextBox {
		width:200px;
	}
}

@media screen and (max-width: 480px) {
	.themeSearchBar {
		position:static;
		overflow: hidden;
    	margin: 10px 0;
	}
	.themeSearchBar .dijitTextBox {
		width:264px;
	}
}
@media screen and (max-width: 320px) {
	.themeSearchBar .dijitTextBox {
		width:245px;
	}
}

.desktop .noDesktop,
.tablet .noTablet,
.smartphone .noPhone {
	display:none;
}