@import url('https://fonts.googleapis.com/css?family=Arimo:400,700|Fira+Sans+Condensed:700');
@media all {
html { font-family: Arimo; font-size: 94%; }
h1, h2, h3, h4, h5 { font-family: 'Fira Sans Condensed' }
main { color: #2f2f2f }
main a[href] { color: rgb(169, 28, 9); }
main a[href]:hover { color: rgb(19, 174, 153); }
header { background-color: rgb(211, 224, 232); }
body { background-color: rgb(50, 85, 103); }
header { color:rgb(59, 75, 88); }
footer { color:rgb(253, 253, 253); }
section.boxes { background-color: rgb(232, 239, 245); }
ul.boxList .box { background-color: rgb(65, 159, 167); }
ul.boxList .box { color: rgb(255, 255, 255); }
.pageBannerText { background-color: rgba(255, 255, 255, 0.86); }
h1{ color: rgb(169, 28, 9) }
h2 { color: #161616 }
h3{ color: #161616 }
h1, h2, h3 { font-weight: 400; }
#mainNav, #mobileNav { background-color: rgb(86, 127, 144); }
#mainNav a, #mobileNav a { color: rgb(255, 255, 255); }
#mainNav a:hover { background-color: rgb(50, 85, 103); } 
#mainNav a:hover { color: rgb(255, 255, 255); }
#mainNav a.active, #mobileNav a.active { background-color: rgb(50, 85, 103); }
#mainNav a.active, #mobileNav a.active { color: rgb(255, 255, 255) !important; }
#quickNav a { color: rgb(156, 24, 24); }
section.importantInfo { background-color: rgb(169, 28, 9); }
section.importantInfo { color: rgb(255, 255, 255); }

.sitePart { max-width: 1200px; }
#logoLink { font-family: 'Fira Sans Condensed'; font-size: 2.5em; }
body:not(.homepage) h1 { margin-top: 1rem; }
main { min-height: 55vh; }
.messages { background: #fff; }
.dataTable thead .col { background: rgb(211, 224, 232); }
.dataTable .odd .col { background: rgb(239, 242, 245); }
.dataTable .even .col { background: #fff; }
#subNav { background-color: rgb(244, 247, 249); margin-top: .75rem; }
#subNav ul.navList li a.active { color: #3b4b58; }
section.content:first-child { padding-top: 2em; }
section.content:last-child { padding-bottom: 2em; }
header > section { padding: 2.5em 0 .25em; }
.fulltextsearch_form .fulltextsearch_searchbox { border-color: #d0d0d0; }
.fulltextsearch_form button { border-color: #d0d0d0; }
.fulltextsearch h2 { margin-bottom: .5em; }
main blockquote:before { color: rgb(192, 218, 220); }
.content a.button { background: rgb(169, 28, 9); padding: .7em 2em; border-radius: 3px; color: #fff; display: block; max-width: 10em; text-align: center; margin: 1em 0 2em; }
.content a.button:hover { background: #3aaea8; color: #fff; }
#calendarWrapper li.hasEvents .eventList li.date { border-left-color: #567f90; background: #e6edf1; }
#importantInfo a[href]:hover { color: white; text-decoration: underline; }
ul.boxList .box { height: 16.5em; }
.labOpeningHoursTable { width: 100%; margin: 0 auto 1em; }
.labOpeningHoursTable .col { padding: 0.3em; vertical-align: top; }
.labOpeningHoursTable .col1 { width: 35%; text-align: left; }
.labOpeningHoursTable .col2 { width: 65%; text-align: right; }

.prescOpeningHoursTable { width: 90%; margin: 0 auto 1em; }
.prescOpeningHoursTable .col { padding: 0.3em; vertical-align: top; }
.prescOpeningHoursTable .col1 { width: 60%; text-align: left; }
.prescOpeningHoursTable .col2 { width: 40%; text-align: right; }

@media screen and (max-width: 900px) {
    ul.boxList .box { height: 20em; }
}

@media screen and (max-width: 640px) {
    #logoLink { position: relative; top: -.75rem; }
    #searchWidgetForm { margin: .5em 0; }
    #quickNav { margin: .5em 0 .75em; float: left; }
    section.content { padding: 0; }
}
}
@media all and (max-width:1200px) {
html { font-size: 89.3%; }
}
@media all and (max-width:1024px) {
html { font-size: 84.6%; }
}
@media all and (max-width:960px) {
html { font-size: 79.9%; }
}
@media all and (max-width:768px) {
html { font-size: 75.2%; }
}
@media all and (max-width:767px) {
html { font-size: 70.5%; }
}