/* Custom styles. */
/* BEGIN Basic HTML styling. */
h1 {
margin:0px;
}
h5 {
font-size:16px;
color:#000;
}
h1, h2, h3, h4 {
color:#046A38;
text-transform:uppercase;
font-weight:bold;
margin-top:0px;
padding-top:0px;
}
.error {
color:#EB0000;
margin-top:5px;
display:block;
float:left;
width:100%;
padding:5px;
}
hr {
border-color:#000;
}
/* END Basic HTML styling. */
/* BEGIN Scrape overrides. */
/* For fonts when CORS is an issue. */
/* Font paths updated from the legacy /app/custom/fonts/ path to the
new public/fonts/ location (served at /fonts/...). Otherwise the file
is a verbatim port from the legacy CFML site to preserve every class
the scraped chrome and our templates depend on. */
@font-face {
font-family: Glyphicons-Halflings;
src: url(/fonts/glyphicons-halflings-regular.woff);
src: url(/fonts/glyphicons-halflings-regular.woff2);
src: url(/fonts/glyphicons-halflings-regular.ttf);
}
/* Glyphicon font issues (CORS). */
.glyphicon {
font-family:Glyphicons-Halflings !important;
}
.js-mainHeader {
margin-top:0px !important;
}
/* Override for mobile menu */
.offcanvas {
margin-top:-10px;
}
/* Override main top-padding */
main {
padding-top:0px;
}
/* For cookie laws. */
#cookieMessage {
display:block;
width:100%;
padding:10px;
height:40px;
line-height:20px;
background-color:black;
opacity:1;
position:absolute;
top:-40px;
color:white;
text-align:center;
z-index: 10001;
}
#cookieMessage a {
color:white;
}
/* Custom paging. */
.pagination > li > a {
width:auto;
min-width:30px;
padding:0px 5px;
border-radius: 3px !important;
}
/* Readonly form styling. */
.form-control[readonly] {
color:#19212b;
background-color:white;
}
.form-control {
border-color: none !important;
}
/* Hide the cart number */
.nav-items-total {
display:none !important;
}
/* Hide the cart. */
.nav-cart {
/* display:none; */
}
/* Custom pills. */
.nav-pills {
border-bottom:0px;
}
.nav-pills > li > a {
padding: 5px 7px;
background-color:white;
background:white;
color:#19212b;
font-family: 'Oswald', 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
letter-spacing: 0.05rem;
text-transform: uppercase;
font-size:16px;
}
.nav-pills > li > a:hover {
color:#19212b;
border-color:#19212b;
background:white;
background-color:#e4e4e4;
}
.nav > li > a {
padding: 10px 10px;
background-color:white;
background:white;
color:#19212b;
text-decoration:none;
}
.nav-link-active {
background-color:#e4e4e4 !important;
font-weight:bold;
}
.btn-sm {
width:auto;
padding:0px 10px;
margin-left:10px;
height:35px;
line-height:normal;
float:right;
}
.btn {
max-width:200px;
}
.well {
margin-bottom:10px;
border:solid 1px #cccccc;
}
/* Add a black background color to the top navigation bar */
.topnav {
overflow: hidden;
background-color: #e9e9e9;
margin-bottom:20px;
border-radius: 3px !important;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: #000;
text-align: center;
padding: 27px 20px;
text-decoration: none;
font-size: 17px;
margin:0
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
color: #000;
}
/* Style the "active" element to highlight the current page */
.topnav a.active {
background-color: #046A38;
color: #fff;
}
#querySupport {
padding:15px 15px 0px 15px;
}
/* END Scrape overrides. */
/* BEGIN Custom ID styles. */
/* Custom result styles. */
.smwhTollFreeTitle {
font-family: 'Oswald', 'Open Sans', sans-serif;
font-size:16px;
color:#000;
}
.smwhTollFree {
font-family: 'Oswald', 'Open Sans', sans-serif;
color:#046A38;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
margin-top:0px;
padding-top:0px;
}
.smwhTitle {
color:#000;
}
.smwhSubtitle {
font-size:21px;
color:#000;
}
.smwhSubtitleSmall {
font-size:18px;
color:#000;
}
#smwhHTagLink {
text-decoration:none;
}
#smwhHighlight {
color:#046A38;
}
#smwhSelectShowRows {
height:34px;
text-transform:none;
font-size:13px;
font-weight:bold;
width:auto;
background-color:#f3f3f3;
float:right;
margin-left:4px;
padding:0px 3px;
}
.smwhNavigationLink {
font-size:10px;
}
.smwhSelectOptionGroup {
font-size:18px !important;
}
.smwhSelectOptionGroup option {
font-size:14px;
}
.smwhSelectOption {
font-size:14px !important;
}
.smwhGridColumnName {
font-weight:bold;
}
.smwhGridColumnLink {
font-weight:bold;
color:#000;
}
div.smwhGridRow {
font-family:Oswald;
font-size:18px;
color:#000;
margin:0px 10px 10px 0px;
width:48%;
text-transform:uppercase;
}
div.smwhGridRowResult {
font-family:Oswald;
font-size:18px;
color:#000;
margin:0px 10px 10px 0px;
text-transform:uppercase;
}
span.smwhGridRow {
font-size:12px;
font-weight:normal;
margin:0px;
}
.smwhGridRow:hover {
background-color: #046A38;
color:#fff;
}
#smwhSpacer {
display:none;
}
#smwhShowMobile {
display:none;
}
div.smwhBreadcrumbs {
display:block;
padding:0px 0px 20px;
}
/* END Custom ID styles. */
/* BEGIN Responsive. */
@media screen and (max-width: 1000px) {
.topnav a {
float:left;
display: block;
text-align: left;
width: auto;
height:auto;
margin: 0;
padding: 10px 6px;
font-size:16px;
}
/*
.topnav input[type=text] {
float: left;
padding: 6px;
border: none;
margin-top: 6px;
margin-right: 16px;
font-size: 15px;
width: 100%;
}
*/
/* override for mobile menu */
.offcanvas {
margin-top:-50px;
}
.js-mainHeader {
margin-top:100px !important;
}
ul.pagination > li > a {
width:auto;
min-width:30px;
padding:0px 5px;
border-radius: 3px !important;
}
body {
font-size:16px;
}
#cookieMessage {
height:70px;
top:-100px;
}
.smwhTitle {
font-size:24px;
}
#smwhSpacer {
display:block;
float:left;
height:25px;
}
#smwhShowMobile {
display:block;
float:left;
}
#smwhHideMobile {
display:none;
}
#smwhShowIcon {
display:none;
}
#smwhGridColumnContainer {
visibility: hidden;
display: none;
}
#smwhGridRowContainer {
padding-bottom:20px;
font-size:18px;
}
#smwhGridRow {
padding:0px 10px;
}
.smwhGridColumnLink {
font-size:18px;
}
.smwhTimeOpen {
display:block;
float:left;
text-align:left;
padding:10px 0px ;
font-size:16px;
width:100%;
}
.smwhPhone {
display:block;
float:right;
text-align:right;
width:100%;
}
.smwhSearchBar {
display:block;
float:left;
text-align:left;
padding:10px;
width:100%;
}
.well {
display:block;
float:left;
padding:10px !important;
width:100% !important;
}
.smwhHoursLink {
display:block;
float:left;
text-align:left;
padding:10px 0px;
width:100%;
font-size:18px;
}
/* Anchor fix. */
:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}
}
/* END Responsive. */