.covid19 { width:100%; padding: 10px; text-align: center; color: #fff; background-color: #da251c; }
.covid19 a { color: #fff; text-decoration: none; }
.covid19 a:hover { color: #fff; text-decoration: underline; }
/* Gallery 6x6 Styles */
@media screen and (max-width: 1200px) {
.gal6x6 a { width: calc(25% - 17px) !important; margin-right: 17px !important; }
.gal6x6 a:nth-child(4n+4) { margin-right: 0 !important; }
.gal6x6 a:nth-child(3n+3) { margin-right: 17px !important; }
.gal6x6 a:nth-child(2n+2) { margin-right: 17px !important; }
}
@media screen and (max-width: 768px) {
.gal6x6 a { width: calc(33.33% - 17px) !important; margin-right: 17px !important; }
.gal6x6 a:nth-child(3n+3) { margin-right: 0 !important; }
.gal6x6 a:nth-child(2n+2) { margin-right: 17px !important; }
}
@media screen and (max-width: 576px) {
.gal6x6 a { width: calc(50% - 12px) !important; margin-right: 17px !important; }
.gal6x6 a:nth-child(1n+1) { margin-right: 17px !important; }
.gal6x6 a:nth-child(2n+2) { margin-right: 0 !important; }
}
.gal6x6 { display: flex; flex-wrap: wrap; justify-content: left; margin-bottom: 0px; font-size: 0; }
.gal6x6 a { display: block; width: calc(15.67% - 4px); text-decoration: none; margin-right: 17px; }
.gal6x6 a:nth-child(6n+6) { margin-right: 0; }
.gal6x6 a:hover img { transform: scale(1.05); }
.gal6x6 a img { margin-top: 0px; margin-bottom: 17px; }
.gal6x6 img { max-width: 100%; height: auto; margin: 0; background: #fff; border: 5px solid #d6d6d6; transition: transform .2s ease-in-out; margin-top: 0px; }
/* Gallery 4x4 Styles */
.gal4x4 { display: flex; flex-wrap: wrap; justify-content: left; /* or space-around */ margin-bottom: 24px; font-size: 0; margin-top: 20px; }
.gal4x4 a { display: block; width: calc(50% - 8px); text-decoration: none; margin-right: 16px; }
.gal4x4 a img { margin-top: 0px !important; margin-bottom: 16px !important; }
.gal4x4 a:nth-child(2n+2) { margin-right: 0px; }
@media screen and (min-width: 750px) {
.gal4x4 a:nth-child(2n+2) { margin-right: 16px; }
.gal4x4 a { width: calc(25% - 12px); margin-right: 16px; }
.gal4x4 a:nth-child(4n+4) { margin-right: 0px; }
}
.gal4x4 a:hover img { transform: scale(1.05); }
.gal4x4 figure { margin: 0; padding: 0; overflow: hidden; }
.gal4x4 img { max-width: 100%; height: auto; margin: 0; background: #fff; border: 5px solid #d6d6d6; transition: transform .2s ease-in-out; margin-top: 0px !important; }
/* Images */
.floatImgLeft { float:left; margin: 6px 30px 20px 0; }
.floatImgRight { float:right; margin: 6px 0 20px 30px; }
.floatImgRight-sm { float:right; margin: 6px 0 10px 10px; }
img.mainsub { width:100%; max-width:400px; }
img.sub300 { width:100%; max-width:300px; }
img.sub250 { width:100%; max-width:250px; }
img.vendors { width:100%; max-width:200px; }
img.subsmall { width:auto; }
@media (min-width: 1200px){
img.vendors { margin-top: 26px !important; }
}
@media (max-width: 675px){
.floatImgRight { clear: both !important; }
img.mainsub {
margin: 0 !important;
margin-bottom: 20px !important;
max-width: 1000px;
}
}
@media (max-width: 550px){
img.vendors {
width:100%; max-width:150px;
}
}
@media (max-width: 500px){
img.sub300 {
margin: 0 !important;
margin-bottom: 20px !important;
max-width: 1000px;
}
}
@media (max-width: 400px){
img.sub250 {
margin: 0 !important;
margin-bottom: 20px !important;
max-width: 1000px;
}
img.vendors {
margin: 0 !important;
margin-bottom: 30px !important;
width: 100%;
max-width: 500px;
}
img.subsmall {
margin: 0 !important;
margin-bottom: 20px !important;
width: 100%;
max-width: 500px;
}
}
/* Page styles*/
.subpage-content{ background-color:#fff; padding-top:20px; min-height: 500px; }
.subpage-content a { color: #333; text-decoration: underline; }
.subpage-content a:hover { color: #C00; text-decoration: underline; }
.subpage-content h1 { color:#cc0101; font-weight:bold; padding-bottom:20px; }
.subpage-content h2 { font-size: 24px; color:#F90; font-weight:bold; padding-bottom: 20px; }
.subpage-content h3 { font-size: 21px; color:#666; font-weight:bold; padding-bottom: 15px; margin-top: 10px; }
.morepad { padding-bottom:30px !important; }
.nospace { padding-bottom: 0 !important; }
.disclaimer { font-size: 14px !important; font-style:italic; color: #900 !important; margin-top: 15px; }
.catalog-content{ background-color:#fff; padding-top:20px; padding-bottom: 80px; min-height: 500px; }
.catalog-content a { color: #333; text-decoration: underline; }
.catalog-content a:hover { color: #C00; text-decoration: underline; }
.catalog-content h1 { color:#cc0101; font-weight:bold; padding-bottom:5px; }
h2.gensub{ font-size: 24px; color:#F90; font-weight:bold; padding-bottom: 20px; }
h3.gensub{ font-size: 21px; color:#666; font-weight:bold; padding-bottom: 15px; margin-top: 10px; }
@media (max-width:600px){
h2.gensub{ font-size: 24px; color:#F90; font-weight:bold; padding-bottom: 20px; }
h3.gensub{ font-size: 21px; color:#666; font-weight:bold; padding-bottom: 15px; margin-top: 10px; }
}
.coupon{ padding-bottom:30px; }
.coupon-img { width:100%; border: none; }
a.mphone { text-decoration: none; color: inherit; cursor: inherit; }
a.sresult { font-size: 16px; color: #C00; }
a.sresult:hover { color: #333; }
/* Other */
hr.faded {
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 10px 0 30px 0;
border: none;
background: #ddd;
background-image: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0, rgb(255,255,255)),
color-stop(0.1, rgb(170,170,170)),
color-stop(0.9, rgb(170,170,170)),
color-stop(1, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
left center,
rgb(255,255,255) 0%,
rgb(170,170,170) 10%,
rgb(170,170,170) 90%,
rgb(255,255,255) 100%
);
background-image: -ms-linear-gradient(
left,
rgb(255,255,255) 0%,
rgb(170,170,170) 10%,
rgb(170,170,170) 90%,
rgb(255,255,255) 100%
);
background-image: -o-linear-gradient(
left,
rgb(255,255,255) 0%,
rgb(170,170,170) 10%,
rgb(170,170,170) 90%,
rgb(255,255,255) 100%
);
}
.supsc {
font-size: 60%;
line-height: 0;
top: -0.5em;
position: relative;
vertical-align: baseline;
}