/* ///// MAIN LEVEL \\\\\ */
body {
	background:rgb(178,178,178);
	font-family: 'Noto Serif', serif;
	font-size:15px;
	color:rgb(102,102,102);
}
.main-hold {
	max-width:1100px;
	margin:auto;	
	padding:0 15px;
}
i,
em {
	font-style:italic;	
}
b,
strong {
	font-weight:700;	
}
input[type='text'],
input[type='submit'],
input[type='password'],
textarea {
	font-family: 'Noto Sans', sans-serif;
}
input[type='text']:focus,
input[type='submit']:focus,
input[type='password']:focus,
textarea:focus {
	outline:none;
}

/* ///// HEADER \\\\\ */
header {
	background:rgb(255,255,255);
	padding:20px 0 0 0;
}
header h1 a {
	display:block;
	/* width:260px; */
	/*height:54px; */
	width:185px;
	height:74px;
	float:left;	
	background:url(/site-assets/images/summit-logo.png) no-repeat 0px 0px;
	margin:15px 0 0 0;
}
header h1 a span {
	display:none;
}
header h2 {
	display:block;
	float:left;	
	font-size:14px;
	border-left:3px double rgb(209,209,209);
	width:160px;
	line-height:19px;
	margin:15px 0 0 15px;
	padding-left:15px;
}

header .upper-links {
	float:right;
	background:rgb(178,178,178);
	font-family: 'Noto Sans', sans-serif;
	font-size:13px;
	font-weight:700;
	padding:5px;	
}
header .upper-links a {
	color:rgb(255,255,255);
	text-decoration:none;
	display:block;
	padding:2px 5px;
}
header .upper-links ul li {
	display:inline-block;
	border-left:1px solid rgb(255,255,255);
}
header .upper-links ul li:first-child {
	border-left:0;
}
header .phone {
	float:right;
	clear:right;
	font-size:16px;	
	margin-top:15px;
}
header .phone a {
	color:rgb(8,7,7);
	text-decoration:none;
	font-size:21px;
	font-weight:700;
}
header .menu-holder {
	background:rgb(141,198,63);	
	margin:30px 0 0 0;
	font-family: 'Noto Sans', sans-serif;
	font-size:16px;
}
header .menu-holder .menu {
	display:none;	
}
header nav {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
header nav ul {
	float:left;
}
header nav ul li {
	float:left;
}
header nav ul li a {
	float:left;
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	padding:20px 10px;
	margin:-5px 0;	
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}
header nav ul li.parent-is-on a,
header nav ul li.is-on a,
header nav ul li a:hover {
	background:rgba(112,171,32,0.7);
}
header nav ul li.is-on a {
	padding:20px 20px;
}
header .menu-holder .shopping-cart {
	font-size:14px;
	color:rgb(255,255,255);	
	text-decoration:none;
	display:block;
	float:right;
	padding:15px 0 15px 15px;
}
header .menu-holder .shopping-cart:hover {
	text-decoration:underline;	
}
header .menu-holder .shopping-cart:before {
	content:' ';
	float:left;	
	display:block;
	width:15px;
	height:15px;
	background:url(/site-assets/images/global-sprite.svg) no-repeat -280px 0;
	margin-right:10px;	
}

/* ///// BODY \\\\\ */
section {
	background:rgb(255,255,255);
	padding:55px 0;	
}
aside {
	float:left;
	width:250px;
	font-family: 'Noto Sans', sans-serif;	
}
aside nav h4 {
	display:none;	
}
aside nav ul {
	border-top:5px solid rgb(0,173,238);
	font-size:14px;
	margin-bottom:40px;
}
aside nav ul li {
	border-bottom:1px solid rgb(194,194,194);
}
aside nav ul li a {
	display:block;	
	color:rgb(0,173,238);
	padding:12px;
	text-decoration:none;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}
aside nav ul li.parent-is-on a,
aside nav ul li.is-on a,
aside nav ul li a:hover {
	background:rgb(229,247,253);	
}
aside h4 {
	font-weight:700;
	font-size:21px;	
	border-bottom:5px solid rgb(0,173,238);
	padding-bottom:7px;	
	color:rgb(0,173,238);
	margin-bottom:15px;
}
aside p {
	line-height:20px;
	margin-bottom:15px;	
}
aside input[type='text'] {
	background:rgb(244,244,244);
	border:1px solid rgb(194,194,194);
	color:rgb(102,102,102);
	font-size:13px;
	padding:7px;
	width:100%;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
aside input[type='text']:focus {
	border-color: rgb(0,173,238);	
}
aside input[type='submit'] {
	cursor:pointer;
	font-weight:700;
	font-size:16px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);
	color:rgb(255,255,255);
	padding:12px 15px;
	
	border:0;
	
	background: rgb(133,133,133);
	background: -moz-linear-gradient(-45deg,  rgb(133,133,133) 0%, rgb(120,120,120) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(133,133,133)), color-stop(100%,rgb(120,120,120)));
	background: -webkit-linear-gradient(-45deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	background: -o-linear-gradient(-45deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	background: -ms-linear-gradient(-45deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	background: linear-gradient(135deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#787878',GradientType=1 );

	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	
	margin-top:10px;
}

.content {
	padding-left:300px;	
}
.content nav {
	background:rgb(244,244,244);
	border:1px solid rgb(194,194,194);
	border-left:0;
	border-right:0;
	font-size:15px;
	color:rgb(112,171,32);
	font-family: 'Noto Sans', sans-serif;
	padding:20px 15px;
	margin-bottom:30px;
}
.content nav a {
	color:rgb(112,171,32);
	text-decoration:none;	
}
.content nav a:hover {
	text-decoration:underline;	
}
.content h1 {
	font-size:28px;	
	line-height:34px;
	margin-bottom:30px;
	color:rgb(112,171,32);
}
.content h2 {
	font-size:24px;	
	line-height:28px;
	margin-bottom:30px;
	color:rgb(230,126,7);
	font-family: 'Noto Sans', sans-serif;
}
.content h3 {
	font-size:22px;	
	line-height:24px;
	margin-bottom:10px;
	color:rgb(230,126,7);
	font-family: 'Noto Sans', sans-serif;
}
.content h4 {
	font-size:19px;	
	line-height:22px;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom:12px;
	color:rgb(112,171,32);
}
.content h5 {
	font-size:19px;	
	line-height:22px;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom:12px;
	margin-top:20px;
	/*color:rgb(0,173,238);*/
	font-weight:700;
}
.content h6 {
	font-size:18px;
	font-family: 'Noto Sans', sans-serif;
	margin-bottom:12px;
	margin-top:20px;
	/*color:rgb(0,173,238);*/
	font-weight:700;
}
.content p {
	line-height:22px;
	margin-bottom:30px;	
}
.content .photo {	
	border:3px double rgb(194,194,194);	
}
.content .photo img {
	float:left;	
}
.content .float-right {
	float:right;
	margin:0 0 20px 20px;	
}
.content a {
	text-decoration:none;
	color:rgb(112,171,32);
}
.content a:hover {
	text-decoration:underline;
}
.content hr {
	border:0;
	margin:30px 0;
	padding:0;
	height:1px;
	border-top:1px dotted rgb(194,194,194);	
}
.content hr.double {
	border:0;
	margin:30px 0;
	padding:0;
	height:1px;
	border-top:3px double rgb(194,194,194);	
}
.content article.preview p {
	margin-bottom:7px;
}

.content .page-email-form {
	width:300px;	
}
.content textarea {
	height:250px;	
}
.content textarea,
.content input[type='text'],
.content input[type='password'] {
	background:rgb(244,244,244);
	border:1px solid rgb(194,194,194);
	color:rgb(102,102,102);
	font-size:13px;
	padding:7px;
	width:100%;
	margin-bottom:12px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
}
.content textarea:focus,
.content input[type='text']:focus {
	border-color: rgb(0,173,238);	
}
.content input[type='submit'] {
	cursor:pointer;
	font-weight:700;
	font-size:16px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);
	color:rgb(255,255,255);
	padding:12px 15px;
	
	border:0;
	
	background: rgb(141,198,63);
	background: -moz-linear-gradient(-45deg,  rgb(141,198,63) 0%, rgb(112,171,32) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(141,198,63)), color-stop(100%,rgb(112,171,32)));
	background: -webkit-linear-gradient(-45deg,  rgb(141,198,63) 0%,rgb(112,171,32) 100%);
	background: -o-linear-gradient(-45deg,  rgb(141,198,63) 0%,rgb(112,171,32) 100%);
	background: -ms-linear-gradient(-45deg,  rgb(141,198,63) 0%,rgb(112,171,32) 100%);
	background: linear-gradient(135deg,  rgb(141,198,63) 0%,rgb(112,171,32) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#70ab20',GradientType=1 );

	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	
	margin-top:10px;
}
.content ol,
.content ul {
	padding:0 20px;
	margin-bottom:30px;
}
.content ol li,
.content ul li {
	padding:5px;
	line-height:23px;
}
.content ul li {
	list-style-type:disc;	
}
.content ol li {
	list-style-type:decimal;	
}

/* ///// FOOTER \\\\\ */
footer {
	padding:55px 0;
	color:rgb(255,255,255);	
	font-family: 'Noto Sans', sans-serif;
}
footer nav {
	width:190px;
	float:left;	
	font-size:12px;
	font-weight:700;
}
footer nav ul li {
	border-top:1px solid rgb(194,194,194);	
}
footer nav ul li:first-child {
	border-top:0;	
}
footer nav ul li a {
	display:block;
	padding:7px;
	color:rgba(255,255,255,0.75);
	text-decoration:none;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}
footer nav ul li a:hover {
	color:rgba(255,255,255,1);
	background:rgba(0,0,0,0.15);
}
footer .contact {
	padding:0 230px;	
}
footer .contact h5 {
	font-family: 'Noto Serif', serif;
	font-size:21px;
	font-weight:700;
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);
	margin-bottom:15px;
}
footer .contact .address a {
	float:right;
	text-decoration:none;	
	color:rgb(255,255,255);
}
footer .contact input[type='text'],
footer .contact textarea {
	font-family: 'Noto Sans', sans-serif;
	background:rgb(156,156,156);
	color:rgb(255,255,255);
	font-size:16px;
	padding:7px;
	border:0;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	-moz-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.1);	
	width:100%;
}
footer .contact input[type='text']:focus,
footer .contact textarea:focus {
	outline:none;
}
footer .contact input[type='text']::-webkit-input-placeholder,
footer .contact textarea::-webkit-input-placeholder {
    color:rgb(217,217,217);
}
footer .contact input[type='text']:-moz-placeholder,
footer .contact textarea:-moz-placeholder {
     color:rgb(217,217,217);
}
footer .contact input[type='text']::-moz-placeholder,
footer .contact textarea::-moz-placeholder {
     color:rgb(217,217,217);
}
footer .contact input[type='text']:-ms-input-placeholder,
footer .contact textarea:-ms-input-placeholder {
    color:rgb(217,217,217);
}
footer .contact textarea {
	height:115px;
}
footer .contact .left {
	width:50%;
	float:left;
	padding-right:10px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	margin:20px 0;
}
footer .contact .right {
	width:50%;
	float:left;
	padding-left:10px;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	margin:20px 0;
}
footer .contact .full {
	width:100%;		
}
footer .contact input[type='submit'] {
	cursor:pointer;	
	font-family: 'Noto Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);
	color:rgb(255,255,255);
	padding:15px 20px;
	
	border:0;
	
	background: rgb(133,133,133);
	background: -moz-linear-gradient(-45deg,  rgb(133,133,133) 0%, rgb(120,120,120) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(133,133,133)), color-stop(100%,rgb(120,120,120)));
	background: -webkit-linear-gradient(-45deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	background: -o-linear-gradient(-45deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	background: -ms-linear-gradient(-45deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	background: linear-gradient(135deg,  rgb(133,133,133) 0%,rgb(120,120,120) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#787878',GradientType=1 );

	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.15);	
	
	margin-top:20px;
}
footer .copyright {
	width:190px;
	float:right;
	font-size:12px;
	font-weight:700;	
}
footer .copyright .logo {
	width:175px;
	height:75px;
	display:block;
	margin:auto;
	background:url(/site-assets/images/summit-knockout-logo.png) no-repeat;
}
footer .copyright .logo span {
	display:none;	
}
footer .copyright hr {
	height:1px;
	border:0;
	margin:20px 0;	
	border-top:1px solid rgb(194,194,194);
}
footer .copyright ul {
	margin:25px 0;	
}
footer .copyright ul li {
	
}
footer .copyright ul li a {
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	padding:5px 0;
}
footer .copyright ul li a:hover {
	text-decoration:underline;
}

@media (max-width: 960px) {
section {
	padding:30px 0;
}
}

@media (max-width: 830px) {

.main-hold {
	padding:0;	
}
header {
	padding:0;	
}
header h1 a {
	float:none;
	margin:20px auto 15px auto;
}
header h2 {
	border-left:0;
	clear:left;	
	padding:0;
	float:none;
	clear:left;
	width:auto;
	text-align:center;
}
header .phone {
	float:none;
	text-align:center;	
}
header .upper-links {
	float:none;	
	font-size:15px;
	padding:10px;
}
header .upper-links a {
	padding:2px 5px;
	text-align:center;
}
header .upper-links ul li {
	width:49%;
}
header .menu-holder .menu {
	display:block;
	color:rgb(255,255,255);
	font-size:18px;
	font-weight:700;
	padding:20px 15px;
	border-bottom:1px solid rgb(112,171,32);
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);	
}
header nav {
	overflow:hidden;
	height:0px;	
}
header nav ul {
	float:none;
}
header nav ul li {
	float:none;
	border-bottom:1px solid rgb(112,171,32);
}
header nav ul li.is-on a,
header nav ul li a {
	float:none;
	padding:15px;
	margin:0;
}
header .menu-holder .shopping-cart {
	padding-right:15px;
	padding-top:20px;
}
aside {
	padding-left:15px;	
}
.content {
	padding-right:15px;	
}
footer {
	padding:20px;	
}
footer nav,
footer .copyright {
	float:none;
	width:auto;	
	text-align:center;
}
footer .contact {
	padding:0;	
}
footer .copyright ul li {
	display:inline-block;
	padding:15px;	
}
footer .copyright ul li a {
	display:inline;	
}
	
section {
	padding:0;	
}
aside {
	padding-left:0;
	float:none;
	width:auto;	
}
aside nav h4 {
	display:block;
	border-bottom:none;
	padding:25px 15px 10px 15px;	
}
.content {
	padding:15px;	
}
footer nav,
aside .newsletter-signup,
.content nav {
	display:none;	
}
}
@media (max-width: 500px) {
header .upper-links ul li {
	
}	
footer .contact .left,
footer .contact .right {
	width:auto;
	float:none;
	padding:0;
}
footer .contact {
	text-align:center;
	padding-top:25px;	
}
footer .contact .address a {
	float:none;
	display:block;
	margin-top:10px;	
}
}
