/* styles for bootstrap and storefront compatibility, and other misc. styles */
#masthead .col-full,
.page-template-aw-sidebar #page #content .col-full,
.page-template-aw-fullwidth #page #content .col-full {
	max-width: none;
	padding: 0;
	margin: 0;
}

#page .content-area {
    width: 100%;
    float: none;
    margin-right: 0;
}

#masthead {
	border-bottom: 0;
}

#content, #main, #primary {
	padding: 0;
	margin: 0
}

footer#colophon .footer-widgets {
	max-width: none;
	margin: 0;
	border-bottom: none;
}

#page img {
	border-radius: 0;
}

@media screen and (min-width: 1200px) {
	#page .container-lg {
		max-width: 1200px;
	}
}

body:not(.keyboard-tab) a:focus,
body:not(.keyboard-tab) a.btn:active,
body:not(.keyboard-tab) a.btn:active:focus,
body:not(.keyboard-tab) button:focus,
body:not(.keyboard-tab) input:focus,
body:not(.keyboard-tab) select:focus,
body:not(.keyboard-tab) textarea:focus {
  outline: none;
}

/* even shadow around container */
.box-shadow {
    -webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25);
}

/* offset shadow around container */
.drop-shadow {
    -webkit-box-shadow: 11px 10px 30px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 11px 10px 30px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 11px 10px 30px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 11px 10px 30px rgba(0, 0, 0, 0.25);
	box-shadow: 11px 10px 30px rgba(0, 0, 0, 0.25);
}

/* inset shadow at top of container */
.top-shadow {
    -webkit-box-shadow: inset 4px 27px 20px -16px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 4px 27px 20px -16px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 4px 27px 20px -16px rgba(0, 0, 0, 0.25);
    -o-box-shadow: inset 4px 27px 20px -16px rgba(0, 0, 0, 0.25);
    box-shadow: inset 4px 27px 20px -16px rgba(0, 0, 0, 0.25);
}

h2 + h3, .beta + h3 {
    border: 1px none;
	padding: 0;
}
.right-sidebar .widget-area {
    width: 100%;
	float: none;
    margin-right: 0;
}

p + h2, p + header h2, p + h3, p + h4, ul + h2, ul + header h2, ul + h3, ul + h4, ol + h2, ol + header h2, ol + h3, ol + h4, table + h2, table + header h2, table + h3, table + h4, blockquote + h2, blockquote + header h2, blockquote + h3, blockquote + h4, form + h2, form + header h2, form + h3, form + h4 {
    margin-top: 0;
}

.coupon-container h3+h4 {
	margin-top: 1rem;
}