/*
WNHS Colours
==============
Primary Orange - #773DBD
Link Blue - #004FA3
Primary Grey - #2d2f32 (Header, Footer)
Secondary Grey - #5b6770
Grey shade - #e1e3e5
*/
@import url(https://fonts.googleapis.com/css?family=Heebo:100,200,300,400,500,600,700,800,900);
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 100;
src: local('Heebo Thin'), local('Heebo-Thin'), url(https://fonts.gstatic.com/s/heebo/v5/NGS0v5_NC0k9P9mVfbNrsw.woff) format('woff');
}
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 300;
src: local('Heebo Light'), local('Heebo-Light'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9ldb6RMkKg.woff) format('woff');
}
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 400;
src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/heebo/v5/NGS6v5_NC0k9P9H2Tbc.woff) format('woff');
}
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 500;
src: local('Heebo Medium'), local('Heebo-Medium'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9kFbqRMkKg.woff) format('woff');
}
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 700;
src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lNaKRMkKg.woff) format('woff');
}
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 800;
src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lRa6RMkKg.woff) format('woff');
}
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 900;
src: local('Heebo Black'), local('Heebo-Black'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9l1aqRMkKg.woff) format('woff');
}
html {
display: block;
font-size: 10px;
-webkit-tap-highlight-color: transparent;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.42857;
letter-spacing: 0px;
color: #333333;
background-color: #fff;
margin: 0;
min-width: 279px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Links styling start */
a {
cursor: pointer;
color: #3d3478;
background-color: transparent;
text-decoration: none;
padding: 0px 0px 0px 0px;
border: 1px solid transparent;
border-radius: 5px;
}
a:-webkit-any-link {
cursor: pointer;
color: #3d3478;
background-color: transparent;
text-decoration: none;
padding: 0px 0px 0px 0px;
border: 1px solid transparent;
border-radius: 5px;
}
a:hover {
cursor: pointer;
color: #fff;
background-color: #3d3478;
text-decoration: none;
padding: 0px 0px 0px 0px;
border: 1px solid transparent;
border-radius: 5px;
}
a:-webkit-any-link:hover {
cursor: pointer;
color: #fff;
background-color: #3d3478;
text-decoration: none;
padding: 0px 0px 0px 0px;
border: 1px solid transparent;
border-radius: 5px;
}
:focus {
outline: none;
}
.searchscore {
display: none !important;
}
/*.mainContent a:-webkit-any-link:not(.news-item-link):not(.latest-news-heading):not(.aspNetDisabled):not(.hover-icon):not(.panel-heading):not(.feature-box-item):not(.tab-item-link),
.mainContent a:not(.news-item-link):not(.latest-news-heading):not(.aspNetDisabled):not(.hover-icon):not(.panel-heading):not(.feature-box-item):not(.tab-item-link) {
font-weight: 500;
border-bottom: dotted 2px #7f7f7f;
line-height: 1.7em;
}
.mainContent a:-webkit-any-link:hover:not(.news-item-link):not(.latest-news-heading):not(.aspNetDisabled):not(.hover-icon):not(.feature-box-item):not(.tab-item-link),
.mainContent a:hover:not(.news-item-link):not(.latest-news-heading):not(.aspNetDisabled):not(.hover-icon):not(.feature-box-item):not(.tab-item-link) {
text-decoration: none;
border-bottom: dotted 2px #3d3478;
}
.mainContent a:-webkit-any-link:focus:not(.news-item-link):not(.latest-news-heading):not(.aspNetDisabled):not(.hover-icon):not(.feature-box-item):not(.tab-item-link),
.mainContent a:focus:not(.news-item-link):not(.latest-news-heading):not(.aspNetDisabled):not(.hover-icon):not(.feature-box-item):not(.tab-item-link) {
outline: dotted 2px #3d3478;
}*/
.mainContent a {
font-weight: 500;
border-bottom: dotted 2px #7f7f7f;
line-height: 1.7em;
}
.mainContent a:hover {
text-decoration: none;
border-bottom: dotted 2px #3d3478;
}
.mainContent a:focus {
outline: dotted 2px #3d3478;
}
.mainContent a.marquee-link {
outline: none !important;
}
.mainContent a.latest-news-heading,
.mainContent a.panel-heading {
font-weight: 700;
border: 1px solid transparent;
line-height: 1.42857;
}
.mainContent a.news-item-link,
.mainContent a.event-item-link,
.mainContent a.aspNetDisabled,
.mainContent a.hover-icon,
.mainContent a.feature-box-item,
.mainContent a.tab-item-link {
font-weight: 300;
border: 1px solid transparent;
line-height: 1.42857;
}
.mainContent a.event-item-link:hover,
.mainContent a.news-item-link:hover,
.mainContent a.latest-news-heading:hover,
.mainContent a.aspNetDisabled:hover,
.mainContent a.hover-icon:hover,
.mainContent a.panel-heading:hover,
.mainContent a.feature-box-item:hover,
.mainContent a.tab-item-link:hover {
text-decoration: none;
border: 1px solid transparent;
}
.mainContent a.event-item-link:focus,
.mainContent a.news-item-link:focus,
.mainContent a.latest-news-heading:focus,
.mainContent a.aspNetDisabled:focus,
.mainContent a.hover-icon:focus,
.mainContent a.panel-heading:focus,
.mainContent a.feature-box-item:focus,
.mainContent a.tab-item-link:focus {
outline: none;
}
a.googleMapsImageLink {
border-bottom: none;
width: 30px;
height: 30px;
display: inline-block;
margin-left: 30px;
padding-top: 27px !important;
margin-top: -20px;
float: right;
padding-left: 10px;
}
a.googleMapsImageLink:hover {
padding-left: 10px;
background-color: transparent !important;
}
a.googleMapsImageLink > img {
border-width: 0px;
border-style: solid;
width: 50px;
height: 50px;
margin-top: -30px;
}
span.nav-label {
text-decoration: none !important;
cursor: pointer;
}
a.aspNetDisabled {
outline: none;
cursor: default;
background-color: transparent;
color: inherit;
}
a.aspNetDisabled:hover {
outline: none !important;
cursor: default !important;
background-color: unset !important;
color: unset !important;
}
/* End of Links styling */
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button,
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
.visually-hidden {
position: absolute !important;
clip: rect(1px,1px,1px,1px);
overflow: hidden;
height: 1px;
width: 1px;
word-wrap: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
h2,
.h2 {
font-size: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: #2d2f32;
margin-top: 20px;
margin-bottom: 10px;
}
h1,
.h1 {
font-weight: 700;
line-height: 132%;
color: rgba(0,0,0,0.9);
letter-spacing: 0;
font-size: 2.75rem;
margin-bottom: 1.25rem;
}
h2,
.h2 {
font-weight: 700;
line-height: 132%;
color: rgba(0,0,0,0.9);
letter-spacing: 0;
font-size: 2.25rem;
margin-bottom: 1.25rem;
}
h3,
.h3 {
font-weight: 700;
line-height: 132%;
color: rgba(0,0,0,0.9);
letter-spacing: 0;
font-size: 1.75rem;
margin-bottom: 1.25rem;
}
h4,
.h4 {
font-weight: 700;
line-height: 132%;
color: rgba(0,0,0,0.9);
letter-spacing: 0;
font-size: 1.5rem;
margin-bottom: 1.25rem;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before,
.nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
outline: none;
text-decoration: none;
}
ol,
ul {
padding-left: 1.5em;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
.content-clearfix {
clear: both;
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.content-clearfix-top {
clear: both;
margin-bottom: 25px !important;
}
.content-clearfix-bottom {
clear: both;
margin-top: 25px !important;
}
.clearfix:after,
.filter-wrapper:after {
clear: both;
}
.clearfix:before,
.filter-wrapper:before,
.clearfix:after,
.filter-wrapper:after {
content: " ";
display: table;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.mobile-only,
footer .region-footer nav .menu li.mobile-only {
display: none;
}
.vcs-page .noform {
font-weight: bold;
font-size: 1.3em;
}
/* Header styling */
.header {
border-width: 0;
margin-bottom: 0px;
position: relative;
z-index: 9;
background-color: #2d2f32;
border-color: #2d2f32;
display: block;
height: 245px;
}
.header:before,
.header:after {
content: " ";
display: table;
}
.header .utilitybar {
visibility: hidden;
height: 0px;
padding: 0px;
}
.content-width {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1199px) {
.content-width {
max-width: 90% !important;
}
.header .navbar-nav {
max-width: 90% !important;
}
}
@media screen and (min-width: 999px) and (max-width: 1094px) {
.event-page .thumb {
margin: 9em 1em 1em 1em !important;
}
}
@media screen and (min-width: 991px) and (max-width: 1049px) {
.header .region-navigation,
.header .search-region {
transform: scale(0.9);
}
.header .navbar-nav > li {
font-size: 14px !important;
}
.header .navbar-nav .mega-menu li a {
font-size: 13px !important;
}
}
@media screen and (min-width: 1023px) and (max-width: 1040px) {
.header .region-navigation {
margin-left: -20px !important;
}
}
.header .navbar-header {
float: none;
padding: 40px 0px;
}
.header .navbar-header a:not(.logo.navbar-btn.pull-left) {
border-bottom: 1px dashed !important;
}
.header .navbar-header a:hover:not(.logo.navbar-btn.pull-left) {
border-bottom: 1px solid #3d3478 !important;
}
.navbar-header:after {
clear: both;
}
.navbar-header:before,
.navbar-header:after {
content: " ";
display: table;
}
.header .navbar-toggle {
display: none;
margin: 0px;
border: none;
float: left;
padding: 25px;
line-height: 1;
border-color: #3d3478;
margin-top: 10px;
}
.header .navbar-toggle .icon-bar {
height: 3px;
background-color: #fff;
display: block;
width: 22px;
border-radius: 1px;
}
.header .navbar-toggle:hover .icon-bar {
background-color: #3d3478;
}
.header .navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.header .navbar-nav > li > a,
.header .navbar-nav > li > span.nav-label {
color: #2d2f32;
background-color: transparent;
}
.header .navbar-nav > li > a:hover {
color: #3d3478;
background-color: transparent;
}
.header .navbar-nav > li:hover,
.header .navbar-nav > li:hover > a,
.header .navbar-nav > li:hover > span.nav-label {
color: #3d3478;
background-color: transparent;
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
}
.header .region-navigation {
float: left;
}
.header .search-toggle {
display: none;
float: right;
padding: 25px;
cursor: pointer;
font: normal normal normal 14px/1 FontAwesome;
}
.nav.navbar-nav .mobile-menu-only {
display: none;
}
.nav.navbar-nav li .mega-menu {
display: none;
}
.header .navbar-nav {
float: inherit;
margin: 0;
text-align: center;
display: flex;
align-items: stretch;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.header .navbar-nav > li {
float: inherit;
text-align: center;
display: inline-block;
vertical-align: text-top;
width: auto;
flex: 1;
padding-top: 25px;
padding-bottom: 25px;
line-height: 16px;
}
.header .navbar-collapse {
padding: 0;
background: #fff;
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-webkit-overflow-scrolling: touch;
width: auto;
border-top: 0;
box-shadow: none;
border-bottom: 1px #2d2f32 solid;
color: #2d2f32;
font-weight: 500;
}
.header .navbar-collapse:after {
clear: both;
}
.header .navbar-collapse:before,
.header .navbar-collapse:after {
content: " ";
display: table;
}
.header .navbar-collapse,
.header .navbar-form {
border-color: #2d2f32;
}
.header .navbar-collapse.collapse {
display: block;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.header .region-navigation-collapsible.region nav ul > li > a,
.header .region-navigation-collapsible.region nav ul > li.active > a {
padding: 25px 30px;
background-color: none;
white-space: nowrap;
color: #3d3478;
font-weight: 400;
}
.header .navbar-right .nav.navbar-nav ul {
display: none;
font-size: 14px;
font-weight: 500;
padding: 0px;
border-radius: 4px;
border: 4px #3d3478 solid;
list-style: none;
color: #2d2f32;
text-align: left;
}
.header .navbar-right .nav.navbar-nav ul a {
color: #2d2f32;
}
.header .navbar-right .navbar-nav > li.active {
border-top: 4px solid #3d3478;
padding-top: 21px;
}
.header .navbar-right .nav.navbar-nav li:hover > ul.mega-menu {
position: absolute;
display: block;
background-color: #fff;
color: #2d2f32;
width: auto;
height: auto;
list-style: none;
z-index: 1;
margin-top: 20px;
width: auto;
/*min-width: 155px;*/
min-width: 95%;
margin-left: 2%;
margin-right: 2%;
}
.header .navbar-right .nav.navbar-nav li:hover > ul.mega-menu:empty {
display: none !important;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li {
padding: 5px 5px;
white-space: normal;
border-bottom: 1px solid #3d3478;
min-height: 31px;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li:last-child {
border-bottom: none;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu a {
display: block;
background-color: transparent;
border-radius: 5px;
padding-left: 1px !important;
padding-right: 1px !important;
padding-top: 2px !important;
text-decoration: none;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover > a,
.header .navbar-right .nav.navbar-nav ul.mega-menu a:hover {
background-color: #3d3478;
color: #fff;
}
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-down,
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-up,
.header .navbar-right .navbar-nav > li > .fa.fa-news,
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-none {
display: none;
color: #3d3478;
}
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-down:hover,
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-up:hover {
cursor: pointer;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu {
display: block;
position: absolute;
width: 100%;
background-color: #fff;
margin-left: 200px;
margin-top: -20px;
z-index: 1;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li {
border-bottom: 1px #3d3478 solid;
display: flex;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li:last-child {
border-bottom: none;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul ~ i.fa.fa-chevron-down {
display: none;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down {
display: inline-block;
float: right;
margin-left: 24px;
margin-right: 5px;
margin-top: -17px;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-up {
display: none;
float: right;
margin-left: 24px;
margin-right: 5px;
margin-top: -17px;
}
/* Search Stuff */
.search-region {
float: right;
padding-right: 20px;
}
.search-region #block-innovation-searchkeywordblock {
float: right;
}
.searchkeyword {
border: 1px solid #767779;
width: 300px;
position: relative;
margin-top: 20px;
}
.searchkeyword:focus .edit-keys {
color: #2d2f32 !important;
}
.searchkeyword:focus > div {
background-color: #fff;
}
.searchkeyword .searckeywordbutton {
position: absolute;
right: 0px;
margin: 10px;
width: 28px;
height: 28px;
font-size: 28px;
background-color: #2d2f32;
color: #FFF;
cursor: pointer;
}
.searchkeyword .searckeywordbutton:hover {
background-color: #2d2f32;
color: #3d3478;
}
.searchkeyword.searchkeyword--has-focus .searckeywordbutton {
background-color: transparent;
color: #2d2f32;
}
.searchkeyword.searchkeyword--has-focus .searckeywordbutton:hover {
background-color: transparent;
color: #3d3478;
}
.searchkeyword .searchkeywordbutton .search-mobile-icon {
display: none;
}
.searchkeyword .searckeywordform {
display: block;
margin-top: 0px;
padding: 12px 50px 12px 20px;
}
.searchkeyword .searckeywordform .edit-keys {
border: none;
background: none;
color: #FFF;
width: 100%;
}
.searchkeyword .searckeywordform .edit-keys:focus {
outline: 0;
color: #3d3478;
font-weight: 400;
}
.searchkeyword__whole-gov-link {
position: relative;
top: 16px;
text-align: center;
margin-bottom: 6px;
}
.searchkeyword__whole-gov-link a {
color: #fff;
border-bottom: 1px dashed;
font-size: 0.9em;
text-decoration: none;
}
.searchkeyword__whole-gov-link a:hover {
border-bottom: 1px solid #3d3478;
}
.searchkeyword--has-focus > div {
background-color: #FFF;
}
/* Search Results */
#searchResultsItem {
border-top: 1px solid #e1e3e5;
margin-top: 20px;
margin-bottom: 10px;
}
#searchResultsItem .searchResultsItem {
border-bottom: 1px solid #e1e3e5;
margin: 10px 20px;
padding-bottom: 20px;
}
#searchResultsItem .searchResultsItem > h2 > a {
color: #3d3478;
background-color: transparent;
border: 1px solid transparent;
border-radius: 5px;
cursor: pointer;
}
#searchResultsItem .searchResultsItem > h2 > a:hover {
color: #fff;
background-color: #3d3478;
border: 1px solid transparent;
border-radius: 5px;
cursor: pointer;
}
#searchResultsItem .searchResultsItem > p {
color: #2d2f32;
}
/* Search Bar styling */
div.searchArea {
float: left;
position: relative;
margin: 10px 0px;
width: 100%;
}
.events-section div.searchArea,
.news-section div.searchArea {
margin: 50px 0px 10px 0px;
}
div.searchArea .new-search-box {
height: auto;
min-height: 50px;
}
div.searchArea input {
display: block;
height: auto;
min-height: 35px;
padding: 0px 10px;
background-color: transparent;
color: #000000;
display: inline;
float: left;
line-height: 28px;
border: 2px solid #2d2f32;
border-radius: 5px;
}
div.searchArea input.searchbox {
width: 80%;
}
div.searchArea input.searchbarbutton {
border: 2px solid #3d3478;
border-radius: 5px;
width: 15%;
min-width: 90px;
background: #3d3478;
color: #fff;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left: 4px;
outline: none;
font-size: 18pt;
}
div.searchArea input.searchbarbutton:hover {
background: #e1e3e5;
color: #3d3478;
outline: none;
}
/* Footer blockquote styling */
#block-additionalmenu {
float: left;
color: #FFF;
margin-top: 23px;
margin-right: 50px;
margin-right: 15px;
}
@media screen and (max-width: 1022px) {
.logoText {
font-size: 0.8em !important;
max-width: 310px !important;
}
/*.logoText .govText {
font-size: 1.15em !important;
}*/
}
#block-additionalmenu li {
display: inline-block;
}
#block-additionalmenu li a {
padding: 0;
margin: 10px 5px;
display: inline-block;
color: #FFF;
font-size: 0.9em;
}
.external-link-icon:link,
.main-container a:link,
footer .region-footer nav .menu li a:link,
.block-simple-subscribe-block .simple-subscribe .summary a:link,
#block-additionalmenu li a:link, .external-link-icon:visited,
.main-container a:visited, footer .region-footer nav .menu li a:visited,
.block-simple-subscribe-block .simple-subscribe .summary a:visited,
#block-additionalmenu li a:visited,
.external-link-icon:hover,
.main-container a:hover,
footer .region-footer nav .menu li a:hover,
.block-simple-subscribe-block .simple-subscribe .summary a:hover,
#block-additionalmenu li a:hover,
.external-link-icon:focus,
.main-container a:focus,
footer .region-footer nav .menu li a:focus,
.block-simple-subscribe-block .simple-subscribe .summary a:focus,
#block-additionalmenu li a:focus, .external-link-icon:active,
.main-container a:active,
footer .region-footer nav .menu li a:active,
.block-simple-subscribe-block .simple-subscribe .summary a:active,
#block-additionalmenu li a:active,
.external-link-icon a:link,
.main-container a a:link,
footer .region-footer nav .menu li a a:link,
.block-simple-subscribe-block .simple-subscribe .summary a a:link,
#block-additionalmenu li a a:link,
.external-link-icon a:visited,
.main-container a a:visited,
footer .region-footer nav .menu li a a:visited,
.block-simple-subscribe-block .simple-subscribe .summary a a:visited,
#block-additionalmenu li a a:visited,
.external-link-icon a:hover,
.main-container a a:hover,
footer .region-footer nav .menu li a a:hover,
.block-simple-subscribe-block .simple-subscribe .summary a a:hover,
#block-additionalmenu li a a:hover,
.external-link-icon a:focus,
.main-container a a:focus,
footer .region-footer nav .menu li a a:focus,
.block-simple-subscribe-block .simple-subscribe .summary a a:focus,
#block-additionalmenu li a a:focus,
.external-link-icon a:active,
.main-container a a:active,
footer .region-footer nav .menu li a a:active,
.block-simple-subscribe-block .simple-subscribe .summary a a:active,
#block-additionalmenu li a a:active {
text-decoration: none;
}
.external-link-icon,
.main-container a,
footer .region-footer nav .menu li a,
.block-simple-subscribe-block .simple-subscribe .summary a,
#block-additionalmenu li a {
border-bottom: 1px dashed;
}
.external-link-icon:hover,
.main-container a:hover,
footer .region-footer nav .menu li a:hover,
.block-simple-subscribe-block .simple-subscribe .summary a:hover,
#block-additionalmenu li a:hover {
border-bottom: 1px solid #3d3478;
}
.search-region #block-innovation-searchkeywordblock {
float: right;
}
/* Branding Logos etc */
.branding {
float: left;
}
.pull-left {
float: left !important;
}
.navbar-btn {
padding-top: 5px !important;
padding-bottom: 8px !important;
}
img {
vertical-align: middle;
border: 0;
}
.logo img {
padding: 0 13px;
margin-top: -30px;
}
.gov-logo {
max-width: 125px;
vertical-align: middle;
margin-top: -65px !important;
}
.hsp-logo {
max-width: 320px;
display: inline-block;
}
.logoText {
display: inline-block;
background-color: transparent;
color: #FFF;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
letter-spacing: normal;
line-height: 22px;
padding-right: 13px;
padding-top: 10px;
max-width: 330px;
}
.logoText strong {
font-weight: 500;
letter-spacing: 1.1px;
}
.logoText .govText {
display: block;
font-size: 1.2em;
font-weight: 300;
float: left;
width: 100%;
}
.logoText .deptText {
display: block;
font-size: 1.1em;
font-weight: normal;
float: left;
width: 100%;
}
.logoText .deptText:before {
content: "North Metropolitan Health Service";
}
.logoText .sectionText {
display: block;
font-size: 1.1em;
font-weight: 500;
float: left;
width: 100%;
letter-spacing: 1.5px;
}
.logoText .sectionText:before {
content: "King Edward Memorial Hospital";
}
.header ul.menu.nav.navbar-nav li .fa-home + .nav-label {
display: none;
}
/*----------- Start Slider CSS ------------------------------*/
.unslider,
.slider,
.unmultislider,
.multislider {
overflow: auto;
overflow-y: hidden;
margin: 0;
padding: 0;
display: block;
width: 100%;
}
.unslider-wrap,
.slider-wrap,
.unmultislider-wrap,
.multislider-wrap {
position: relative;
}
.unslider-wrap.unslider-carousel > li,
.slider-wrap.unslider-carousel > li,
.unmultislider-wrap.unmultislider-carousel > li,
.multislider-wrap.unmultislider-carousel > li {
float: left;
}
.unslider-vertical > ul,
.slider-vertical > ul,
.unmultislider-vertical > ul,
.multislider-vertical > ul {
height: 100%;
}
.unslider-vertical li,
.slider-vertical li,
.unmultislider-vertical li,
.multislider-vertical li {
float: none;
width: 100%;
}
.unslider-fade,
.slider-fade,
.unmultislider-fade,
.multislider-fade {
position: relative;
}
.unslider-fade .unslider-wrap li,
.slider-fade .unslider-wrap li,
.unmultislider-fade .unmultislider-wrap li,
.multislider-fade .unmultislider-wrap li {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active,
.slider-fade .unslider-wrap li.unslider-active,
.unmultislider-fade .unmultislider-wrap li.unmultislider-active,
.multislider-fade .unmultislider-wrap li.unmultislider-active {
z-index: 10;
}
.unslider ul,
.unslider ol,
.unslider li,
.slider ul,
.slider ol,
.slider li,
.unmultislider ul,
.unmultislider ol,
.unmultislider li,
.multislider ul,
.multislider ol,
.multislider li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.unslider-arrow,
.slider-arrow,
.unmultislider-arrow,
.multislider-arrow {
position: absolute;
left: 20px;
z-index: 0;
cursor: pointer;
}
.unslider-arrow.next,
.slider-arrow.next {
left: auto;
right: 20px;
}
.unslider-nav ol,
.unmultislider-nav ol {
list-style: none;
text-align: center;
}
.unslider-nav ol li,
.unmultislider-nav ol li {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 4px;
background: transparent;
border-radius: 5px;
overflow: hidden;
text-indent: -999em;
border: 2px solid #fff;
cursor: pointer;
}
.unslider-nav ol li.unslider-active,
.unmultislider-nav ol li.unmultislider-active {
background: #2B497F;
cursor: default;
}
/* Further slider css*/
.photo-banner {
width: 100%;
background-size: contain;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
color: #FFF;
}
.photo-banner .large {
font-size: 2.2em;
font-weight: 600;
line-height: normal;
}
.slider .photo-banner,
.flexslider .photo-banner {
background-size: 100% auto;
background-size: cover;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
}
.slider,
.multislider {
overflow-x: hidden;
-ms-overflow-x: hidden;
}
.slider .photo-banner {
padding: 5% 15%;
height: 600px;
text-align: center;
padding-top: 25%;
position: relative;
}
.slider .photo-container.slider-small {
max-height: 500px;
text-align: center;
position: relative;
}
.slider .photo-container.slider-regular {
max-height: 600px;
text-align: center;
position: relative;
}
.slider .photo-container.slider-medium {
max-height: 750px;
text-align: center;
position: relative;
}
.slider .photo-container.slider-large {
max-height: 850px;
text-align: center;
position: relative;
}
.slider .photo-banner .btn.btn-lg,
.slider .photo-container .btn.btn-lg {
color: #fff;
background-color: #000;
padding: 8px 15px;
border: 1px solid #fff;
border-radius: 5px;
text-decoration: none;
}
.slider .photo-banner .btn.btn-lg:hover,
.slider .photo-container .btn.btn-lg:hover {
color: #000;
background-color: #fff;
}
.slider .photo-banner .btn.btn-lg.hide-link,
.slider .photo-container .btn.btn-lg.hide-link {
display: none;
}
.slider p {
margin-bottom: 1.5em;
}
.slider p.large:empty {
display: none;
}
.slider .large,
.slider .banner-text .large,
.slider .banner-text h2 {
font-size: 2.5em;
margin-top: -5px;
font-weight: 600;
line-height: normal;
}
.slider .banner-text h1 {
font-size: 3em;
margin-top: -5px;
font-weight: 600;
line-height: normal;
}
.slider .banner-text h3 {
font-size: 2em;
margin-top: -5px;
font-weight: 600;
line-height: normal;
}
.slider .banner-text {
background-color: #000;
opacity: 0.8;
position: absolute;
bottom: 30px;
max-width: 70%;
min-width: 55%;
width: auto;
padding: 1%;
left: 50%;
transform: translate(-50%, 0%);
max-height: 360px;
}
.slider .banner-text p {
opacity: 1;
color: #FFF;
}
.slider .banner-text > * {
opacity: 1 !important;
color: #FFF !important;
}
.unslider-arrow,
.unmultislider-arrow {
display: block;
width: 40px;
height: 40px;
margin-top: 20%;
overflow: hidden;
background: rgba(0, 0, 0, 0.2) no-repeat 55% 50%;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
background-size: 12px 17px;
border-radius: 32px;
text-indent: -999em;
opacity: .8;
transition: opacity .2s;
background-color: #2d2f32;
color: #FFF;
}
.unslider-arrow:hover {
opacity: 1;
border-radius: 32px;
}
.unslider-arrow.prev {
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.unslider-nav,
.unmultislider-nav {
position: sticky;
bottom: 20px;
width: 100%;
height: 20px;
}
.unslider-nav ol li,
.unmultislider-nav ol li {
width: 10px;
height: 10px;
border-radius: 6px;
opacity: .5;
-webkit-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.unslider-nav ol li.active,
.unmultislider-nav ol li.active {
opacity: 1;
}
.slider.loading ul li,
.unmultislider.loading ul li {
display: none;
}
.slider.loading ul li:first-child,
.unmultislider.loading ul li:first-child{
display: block;
}
.slider,
.unmultislider {
min-height: 12px;
}
.slider > ul,
.unmultislider > ul {
list-style: none;
padding: 0;
}
/* MultiSlider css */
#divMultiSlider {
color: #773DBD;
}
#divMultiSlider h1 {
color: #773DBD!important;
background-color: transparent;
}
.unmultislider-arrow {
margin-top: -205px;
width: 50px;
height: 210px;
background-size: 20px 30px;
border-radius: 10px;
opacity: 1;
background-color: #5b6770;
}
.unmultislider-arrow:hover {
opacity: 1;
border-radius: 5px;
}
.unmultislider-arrow.prev,
.multislider-arrow.prev {
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
margin-left: -10px;
}
.unmultislider-arrow.next,
.multislider-arrow.next {
left: auto;
right: 10px;
}
.unmultislider-nav {
display: none !important;
}
.multislider {
background-color: #e1e3e5;
height: 200px;
overflow: hidden;
padding-top: 50px;
padding-bottom: 35px;
padding-left: 65px;
padding-right: 65px;
}
.multislider ul {
list-style: none;
overflow: hidden;
}
.multislider ul li {
display: inline-block;
}
.multislider ul li .photo-container a {
padding: 30px;
}
.multislider ul li .photo-container a:hover {
background-color: #773DBD;
padding: 30px;
}
.multislider .photo-container {
text-align: center;
}
@media screen and (min-width: 2000px) {
.header .navbar-right .nav.navbar-nav li:hover > ul.mega-menu {
min-width: 75%;
margin-left: 12%;
margin-right: 12%;
}
}
@media screen and (min-width: 1850px) {
.unslider-arrow {
margin-top: -15%;
}
}
@media screen and (max-width: 1849px) {
.unslider-arrow {
margin-top: -20%;
}
}
@media screen and (max-width: 1499px) {
.unslider-arrow {
margin-top: -25%;
}
}
@media screen and (max-width: 1199px) {
.unslider-arrow {
margin-top: -30%;
}
}
.unslider-nav {
position: sticky;
bottom: 20px;
width: 100%;
height: 20px;
}
.unslider-nav ol li {
width: 10px;
height: 10px;
border-radius: 6px;
opacity: .5;
-webkit-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.unslider-nav ol li.active {
opacity: 1;
}
.slider.loading ul li {
display: none;
}
.slider.loading ul li:first-child {
display: block;
}
.slider {
min-height: 12px;
}
.slider > ul {
list-style: none;
padding: 0;
}
@media (max-width: 767px) {
.unslider-arrow {
display: none;
}
.slider .photo-banner {
padding: 2% 7%;
}
#divMultiSlider .unslider-arrow {
display: block;
}
}
@media (max-width: 499px) {
.slider .photo-banner {
padding: 1% 4%;
}
.event-page .event-date {
font-size: 0.9em !important;
}
.event-page .event-title {
width: 100% !important;
font-size: 1.1em !important;
}
.event-page .event-location > span {
width: 100% !important;
float: left;
font-size: 0.9em;
}
.event-page .addeventatc {
width: auto !important;
display: block !important;
position: relative !important;
float: right !important;
margin: 0 !important;
margin-top: 0px !important;
right: 0 !important;
}
.event-page a.lnkGoogleMap {
width: auto !important;
display: block !important;
position: relative !important;
float: left !important;
margin: 0 !important;
right: 0 !important;
}
.event-page a.lnkGoogleMap > img,
.event-page .addeventatc > img {
width: 35px;
height: auto;
}
.event-page .event-content {
margin-top: 55px !important;
}
}
/*----------- End Slider CSS --------*/
/* Main Content styling */
.photo-banner {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 20% 0;
}
.title-banner {
padding: 125px 0;
}
.title-banner .title-banner-text {
background-color: #5b6770;
width: 80%;
height: auto;
min-height: 160px;
margin-left: 10%;
margin-right: 10%;
padding: 10px 25px;
position: absolute;
margin-top: 20px;
color: #fff;
}
.title-banner .title-banner-text > h1 {
line-height: 1.5;
font-size: 2.5em;
font-weight: 700;
margin-top: 5px;
margin-bottom: 5px;
clear: both;
}
.title-banner .title-banner-text > p {
font-weight: 400;
font-size: 1.2em;
margin-top: 5px;
margin-bottom: 10px;
}
.title-banner .title-banner-text > * {
color: #fff;
}
.breadcrumb {
min-height: 30px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
font-size: 0.87em;
font-weight: 500;
color: #FFF;
background-color: transparent;
list-style: none;
padding-inline-start: 0px;
padding-left: 0px;
}
.breadcrumb li {
float: left;
list-style: none;
margin-bottom: 5px;
}
.breadcrumb li:after {
content: ">";
color: #FFF;
padding: 0 10px;
}
.breadcrumb a {
border-bottom: dotted 1px #FFF;
background-color: transparent;
color: #FFF;
text-decoration: none;
}
.breadcrumb a:hover {
border-bottom: solid 1px #3d3478;
color: #FFF;
background-color: #3d3478;
border-radius: 5px;
}
.breadcrumb li.active {
color: #000000;
border: none;
display: none;
}
.breadcrumb li.active:after {
content: "";
padding: 0;
}
.mainContent {
min-height: 600px;
padding-top: 75px;
padding-bottom: 25px;
width: 80%;
height: auto;
margin-left: 10%;
margin-right: 10%;
display: flex;
}
.mainContent img {
margin: 5px;
}
.mainContent img.sliderimage {
margin: 0px !important;
width: 100% !important;
height: fit-content !important;
min-height: 100%;
}
.sliderimage {
width: 100% !important;
}
.mainContent.homepage {
padding-top: 10px;
flex-direction: column;
}
.mainContent.homepage .container {
padding: 35px 10px 10px 10px;
width: 100%;
}
.mainContent .container {
padding: 10px 10px;
width: 80%;
padding-right: 10px;
float: left;
display: flex;
flex-direction: column;
align-items: stretch;
position: relative;
}
.mainContent .related-links {
max-width: 20%;
word-break: break-word;
}
.mainContent:not(.no-related-links) .container ~ .related-links {
width: 20%;
padding: 10px 10px;
padding-left: 10px;
padding-top: 0px;
float: left;
}
.mainContent:not(.no-related-links) .container ~ .related-links h3 {
font-weight: 700;
}
.mainContent.no-related-links .container {
width: 100%;
padding: 10px 10px;
float: unset;
}
/*.mainContent .related-links a {
border-bottom: none !important;
}*/
.mainContent .related-links .category {
padding-bottom: 10px;
border-bottom: 5px solid #3d3478;
}
/*.mainContent .related-links .category ul li a {
color: #3d3478;
line-height: 1.7em;
background-color: transparent;
text-decoration: none;
padding: 0px;
border: 1px solid transparent;
border-radius: 5px;
font-weight: 500;
border-bottom: none;
}
.mainContent .related-links .category ul li a:hover {
color: #FFF;
background-color: #3d3478;
text-decoration: none;
padding: 0px;
border: 1px solid transparent;
border-radius: 5px;
font-weight: 500;
border-bottom: none;
}*/
.mainContent .related-links > div:first-child {
margin-top: 20px;
border-top: 5px solid #3d3478;
}
.last-updated {
margin-top: 100px;
margin-bottom: 20px;
font-style: italic;
position: relative;
bottom: 0;
width: 100%;
}
.event-page .container > .content-clearfix {
min-height: 150px;
}
.news-page .container > .content-clearfix {
min-height: 100px;
}
.page .last-updated,
.event-page .last-updated,
.news-page .last-updated {
position: relative;
}
.events-section .last-updated,
.news-section .last-updated {
display: none;
}
/* Feature Boxes styling */
.feature-boxes h1 {
width: 100%;
text-align: center;
margin: 40px 0 20px 0;
font-size: 3.25em;
color: #2d2f32;
}
.feature-boxes ul.box-list {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.feature-boxes ul.box-list li {
background-color: transparent;
display: flex;
flex-direction: row;
border: 1px solid transparent;
border-radius: 5px;
flex: 1;
padding-top: 2px;
padding-bottom: 10px;
margin-bottom: 20px;
max-width: 325px;
margin-left: auto;
margin-right: auto;
}
.feature-boxes ul.box-list li a,
.feature-boxes ul.box-list li a:hover,
.feature-boxes ul.box-list li a:focus {
outline: none;
width: 100%;
}
.feature-boxes ul.box-list li,
.feature-boxes ul.box-list li a {
background-color: transparent;
}
.feature-boxes ul.box-list li:hover {
background-color: #3d3478;
color: #FFF;
}
.feature-boxes ul.box-list li a .thumb {
overflow: hidden;
text-align: center;
width: 100%;
}
.feature-boxes ul.box-list li a .thumb img {
width: 305px;
height: auto;
max-width: 310px;
}
.feature-boxes ul.box-list .divTitle {
margin: 5px;
width: 100%;
height: auto;
}
.feature-boxes ul.box-list .divTitle .title {
width: 100%;
float: left;
font-weight: bold;
margin-bottom: 5px;
color: #2d2f32;
text-align: left;
max-width: 310px;
}
.feature-boxes ul.box-list li:hover .divTitle .title {
color: #FFF;
}
.feature-boxes ul.box-list .divTitle .description {
width: 100%;
float: left;
color: #2d2f32;
text-align: left;
/*font-weight: 300;*/
max-width: 310px;
}
.feature-boxes ul.box-list li:hover .divTitle .description {
color: #FFF;
}
.feature-boxes ul.box-list li > div.appear-animation {
display: flex;
flex-direction: row;
width: 100%;
}
.feature-boxes ul.box-list li > div.appear-animation > a {
flex: 1 1 auto;
}
.feature-boxes ul.box-list li > div.appear-animation > a > span.thumb {
display: flex;
flex-direction: row;
}
.feature-boxes ul.box-list li > div.appear-animation > a > span.thumb > img {
flex: 1 1 auto;
}
form[action*="/formbuilder?"] label.SectionLabel {
background-color: #3d3478;
}
form[action*="/formbuilder?"] input[type='submit'] {
color: #3d3478;
background-color: #FFF;
border: 2px solid #3d3478;
width: 100% !important;
min-width: 120px;
max-width: 250px;
margin-left: 0px;
margin-right: 0px;
}
form[action*="/formbuilder?"] input[type='submit']:hover {
color: #FFF;
background-color: #3d3478;
}
/* Enquiry Box */
.enquirybox-closed,
.enquirybox-open {
display: none;
position: fixed;
top: 50%;
right: 0;
float: right;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-radius: 20px;
overflow: hidden;
margin: 0!important;
z-index: 5;
padding: 10px 10px;
}
.enquirybox-closed {
transform: rotate(90deg);
transform-origin: right;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.enquirybox-closed.is-open {
display: inline-block;
background-color: #e1e3e5;
color: #773DBD;
padding: 5px 5px;
padding-top: 55px;
}
.enquirybox-open {
border-top-left-radius: 10px !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 0 !important;
}
.enquirybox-open.is-open {
display: inline-block;
background-color: #e1e3e5;
color: #773DBD;
}
.enquirybox-closed:hover {
background-color: #773DBD;
color: #e1e3e5;
border: 2px solid #773DBD;
}
#enquiryboxTitle {
color: inherit;
padding: 0 10px 0 10px;
margin-top: 10px;
margin-bottom: 5px;
}
.enquirybox-open.is-open #enquiryboxTitle {
margin-top: 10px;
margin-bottom: 20px;
}
.close-enquirybox:before {
margin-left: 25px;
content: "X";
border: 1px solid;
border-radius: 25px;
padding: 0px 10px 0px 10px;
}
.is-open .enquirybox-content {
display: block;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.enquirybox-content a {
display: block;
margin: 10px 15px 10px 15px;
text-align: center;
font-weight: bold;
padding: 4px 5px 2px 5px !important;
color: #773DBD;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 5px;
}
.enquirybox-content a:hover {
color: #FFFFFF;
background-color: #773DBD;
}
.enquirybox-button {
background-color: #333333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
width: 60px;
}
.enquirybox-button:focus,
.enquirybox-button:hover {
background-color: #773DBD;
}
/* Start for IE only styling */
@media screen and (min-width: 0\0) {
.mainContent .container {
display: block !important;
}
strong {
font-weight: bold;
}
.footer a {
text-decoration: none;
}
.social-footer .hover-icons li a:hover {
border-color: transparent;
}
.navbar-btn:hover,
.header-link:hover,
.searchkeyword__whole-gov-link a:hover,
.footer a:hover {
color: #fff;
background-color: #3d3478;
text-decoration: none;
padding: 0px;
border-radius: 5px;
}
a.googleMapsImageLink:hover {
padding-left: 10px;
}
.feature-boxes ul.box-list li {
flex: 1 1 auto;
}
.feature-boxes ul.box-list li a .thumb {
max-width: 322px;
}
.feature-boxes ul.box-list .divTitle {
max-width: 305px;
}
.feature-box-item,
.event-item-link,
.news-item-link,
.latest-news-heading {
border-bottom: none !important;
}
.btn {
text-decoration: none;
}
.header {
height: 235px;
}
.header .navbar-header {
padding-bottom: 30px;
}
.gov-logo {
max-width: 125px;
max-height: 64.92px;
/*vertical-align: baseline;*/
}
.hsp-logo {
width: 320px;
height: 75px;
}
/*.logoText {
font-size: 0.9em;
}*/
.logoText strong {
font-weight: 600;
}
.logoText .deptText {
font-weight: 600;
}
.logoText .sectionText {
font-weight: 600;
}
.panel-heading {
border-radius: 0px !important;
}
.unslider-nav {
position: relative;
bottom: 20px;
}
.scroll-arrow-left,
.scroll-arrow-right {
display: inline-block;
}
.events-list li .thumb img,
.news-list li .thumb img {
width: 100%;
}
.events-list a .thumb img,
.news-list a .thumb img {
width: 100%;
}
div.tabbed-library .media-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item,
div.tabbed-library .content-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item {
max-width: 100%;
}
div.tabbed-library .media-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item span,
div.tabbed-library .content-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item span {
max-width: 100%;
}
}
@media screen and (min-width: 0\0) and (max-width: 1062px) {
div.tabbed-library .media-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item a,
div.tabbed-library .content-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item a {
min-height: 55px;
}
.header .region-navigation {
transform: scale(0.88);
}
}
@media screen and (min-width: 0\0) and (max-width: 799px) {
.feature-boxes ul.box-list li {
flex: 1 1 auto;
}
.hsp-logo {
width: 240px !important;
}
/*.gov-logo,*/
.hsp-logo {
height: 50px !important;
}
div.tabbed-library .media-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
width: auto !important;
}
div.tabbed-library .content-list.doh-tabbed_body .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: none;
}
}
@media screen and (min-width:0\0) and (max-width: 589px) {
.logo {
margin-left: auto;
margin-right: auto;
}
.gov-logo {
margin-left: 0;
}
.hsp-logo {
margin-left: 0;
}
}
@media screen and (min-width:0\0) and (max-width: 485px) {
.feature-boxes ul.box-list li a .thumb {
max-width: 100%;
}
.header .search-toggle,
.mobile-search-open.header .search-toggle {
padding-right: 35px;
}
}
@media screen and (min-width: 0\0) and (max-width: 409px) {
/*.logo {
margin-top: -10px;
margin-left: 5%;
}*/
/*.gov-logo {
margin-left: 35%;
}*/
.hsp-logo {
margin-left: 5%;
}
}
/* End of IE Only */
@media screen and (max-width: 801px) {
.feature-boxes ul.box-list li {
margin-left: auto;
margin-right: auto;
width: 100%;
}
}
/* Reuseable content styling */
.panel {
margin-bottom: 10px;
background-color: #e1e3e5;
border: 2px solid #3d3478;
border-radius: 0.28571429em;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 55px 15px 15px 15px;
background-color: #fff;
color: #000;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group .list-group-item:first-child {
border-top: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
border-top-right-radius: -0.71428571em;
border-top-left-radius: -0.71428571em;
}
.panel > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: -0.71428571em;
border-bottom-left-radius: -0.71428571em;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
border-top: 0.5px solid #AAC0E8;
}
.panel > .table,
.panel > .table-responsive > .table {
margin-bottom: 0;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: -0.71428571em;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: -0.71428571em;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: -0.71428571em;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: -0.71428571em;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid #fff;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tfoot > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
border-top: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-heading {
position: absolute;
padding: 10px 15px !important;
border-bottom: 1px solid transparent;
border-top-right-radius: -0.71428571em;
border-top-left-radius: -0.71428571em;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
color: inherit;
}
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ecddf4;
border-bottom-right-radius: -0.71428571em;
border-bottom-left-radius: -0.71428571em;
}
.panel-group {
margin-bottom: 1.42857143em;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0.28571429em;
overflow: hidden;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #ecddf4;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ecddf4;
}
.panel-default {
border: 0.5px solid #AAC0E8;
}
.panel-default > .panel-heading {
color: #2B497F;
background-color: #bdd0f2;
border-color: #CCC;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #CCC;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #CCC;
}
.panel-primary {
border-color: #2B497F;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #2B497F;
border-color: #2B497F;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #2B497F;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #2B497F;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #2B497F;
background-color: #FFCCCC;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1;
}
.panel-body:before,
.panel-body:after {
content: " ";
display: table;
}
.panel-body:after {
clear: both;
}
.panel-heading .nav {
margin: -10px -15px;
}
a.panel-heading {
display: block;
}
a.panel-heading .icon-expanded,
a.panel-heading .icon-collapsed {
display: none;
line-height: 20px;
position: absolute;
right: 20px;
}
a.panel-heading .icon-expanded {
display: block;
}
a.panel-heading.collapsed .icon-collapsed {
display: inline-block;
}
a.panel-heading.collapsed .icon-expanded {
display: none;
}
.extraContentBlock {
border-color: #3d3478;
margin-top: 5px;
clear: both;
min-height: 48px;
height: auto;
}
.extraContentBlock > a {
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.1em;
cursor: pointer;
}
.extraContentBlock > a:hover {
color: #fff;
background-color: #3d3478;
border: 1px solid transparent;
border-radius: 0.1em;
cursor: pointer;
}
.extraContentBlock > .panel-heading {
color: #2d2f32;
background-color: #e1e3e5;
width: 100%;
overflow-wrap: break-word;
font-weight: bold;
position: relative;
text-decoration: none;
}
.extraContentBlock > .panel-heading:hover {
font-weight: bold;
}
.extraContentBlock > .panel-heading + .panel-collapse .panel-body {
border-top-color: #3d3478;
}
.extraContentBlock .panel-body {
padding: 15px 15px 15px 15px;
}
.extraContentBlock .panel-body a {
color: #3d3478;
background-color: transparent;
text-decoration: none;
padding: 0px 0px 0px 0px;
border: 1px solid transparent;
border-radius: 5px;
font-weight: 500;
border-bottom: dotted 2px #7f7f7f;
}
.extraContentBlock .panel-body a:hover {
cursor: pointer;
color: #fff;
background-color: #3d3478;
text-decoration: none;
padding: 0px 0px 0px 0px;
border: 1px solid transparent;
border-radius: 5px;
font-weight: 500;
border-bottom: none;
}
.extraContentBlock > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #3d3478;
}
.extraContentBlock > div {
color: #3d3478;
background-color: #FFF;
}
#divEmbedVideo {
display: block;
margin: 20px auto 20px auto;
}
#divEmbedVideo.fullwidth,
#divEmbedVideo.fullwidth iframe {
width: 100% !important;
height: -webkit-fill-available !important;
}
#divEmbedVideo > label,
#divEmbedVideo > label {
display: block;
width: 100%;
text-align: center;
}
/* Filter Sort Bar styling */
.filter-sort {
display: block;
width: 100%;
height: auto;
margin-top: 25px;
padding-bottom: 10px;
border-top: 2px solid #58595B;
border-bottom: 2px solid #58595B;
}
.filter-sort .filter-bar,
.filter-sort .sort-bar {
display: inline-block;
width: auto;
height: auto;
clear: both;
}
.filter-sort .filter-bar {
float: left;
}
.mainContent.no-related-links .filter-sort .sort-bar {
margin-left: 40px;
}
.filter-sort h2,
.filter-sort ul {
display: inline-block;
width: auto;
height: auto;
clear: both;
color: #58595B;
}
.filter-sort input {
text-align: center;
}
.filter-sort select {
width: auto;
min-width: 130px;
max-width: 200px;
}
.filter-sort ul li {
display: inline-block;
width: auto;
list-style: none;
clear: both;
margin: 5px 5px;
}
.filter-sort ul li > label {
font-weight: bold;
color: #3d3478;
}
.filter-sort .btnFilterSort,
.filter-sort .btnClear {
/*display: inline-block;*/
/*background-color: #3d3478;*/
/*color: #fff;*/
font-weight: bold;
float: right;
margin-top: 13px;
margin-left: 10px;
padding: 10px 20px;
/*border: 1px solid #3d3478;*/
border-radius: 5px;
}
.filter-sort .btnFilterSort:hover,
.filter-sort .btnClear:hover {
background-color: #58595B;
color: #fff;
}
/* Events styling */
.events-list-group li {
list-style: none;
}
.other-events {
padding-left: 15px;
padding-right: 15px;
}
/* Events Section */
#more-events {
height: 0px;
line-height: 0;
border: none;
}
.events-list-group {
padding-left: 0;
list-style: none;
padding: 0;
text-align: left;
}
.events-list-group li {
float: left;
width: 100%;
margin: 10px 0px;
border: 1px solid #999 !important;
background-color: ghostwhite;
border: 2px solid #999 !important;
border-radius: 5px;
}
.events-list-group li > a {
margin-bottom: 0px;
display: inline-block;
width: 100%;
padding: 10px 10px;
}
.events-list-group li > a:hover {
margin-bottom: 0px;
display: inline-block;
width: 100%;
padding: 10px 10px;
}
.events-list-group li a.event-item-link {
width: calc(100% - 70px);
border: none !important;
border-radius: unset;
}
.events-list-group li a.event-item-link .region,
.events-list-group li a.event-item-link .zone {
margin-left: 10px;
}
.events-list-group li a:only-child {
width: 100%;
}
.events-list-group li a.lnkGoogleMap {
width: 70px;
float: right;
display: inline-block;
background-color: transparent;
margin: 0;
padding: 0;
padding-left: 8px;
padding-right: 5px;
padding-bottom: 5px;
border: 1px solid transparent;
border-radius: 3px;
}
.events-list-group li a.lnkGoogleMap:hover {
float: right;
display: inline-block;
background-color: #3d3478;
margin: 0;
padding: 0;
padding-left: 8px;
padding-right: 5px;
padding-bottom: 5px;
border: 1px solid #3d3478;
border-radius: 3px;
}
.events-list-group a {
display: block;
color: #2d2f32;
background-color: ghostwhite;
margin-bottom: 2em;
padding: 2px 3px 2px 3px;
}
.events-list-group a:hover {
background-color: #3d3478;
color: #fff;
text-decoration: none;
padding: 2px 3px 2px 3px;
}
.events-list-group a .thumb {
width: 20em;
max-width: 100%;
height: auto;
float: left;
margin-right: 1em;
overflow: hidden;
text-align: center;
}
.events-list-group a .thumb img {
width: inherit;
height: auto;
margin: 0 auto;
border: 1px solid transparent;
}
.events-list-group a:hover .thumb img {
border: 1px solid #3d3478;
}
.events-list-group a .details {
display: block;
overflow: unset;
}
.events-list-group a .title {
display: block;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: 400;
line-height: normal;
}
.events-list-group a .content {
display: block;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
line-height: normal;
color: #2d2f32;
margin-top: 10px;
}
.events-list-group a:hover .content {
color: #FFF;
}
.events-list-group a .date {
display: block;
font-style: italic;
}
/* Event menuitem or Page */
.event-page {
padding-left: 0;
list-style: none;
padding: 0;
text-align: left;
float: left;
width: 80%;
display: block;
color: #2d2f32;
margin-bottom: 2em;
}
.event-page .container {
display: block;
color: #2d2f32;
padding: 0 !important;
padding: 10px 20px !important;
}
.event-page .thumb {
width: 35em;
float: right;
margin: 8em 1em 1em 1em;
overflow: hidden;
text-align: left;
font-style: italic;
}
.event-page .thumb img {
width: inherit;
height: auto;
margin: 0 auto;
}
.event-page .event-date {
font-weight: bold;
background-color: transparent;
color: #2d2f32;
margin-top: 5px;
margin-bottom: 20px;
width: 100%;
}
.event-page .event-title {
font-weight: bold;
font-size: 1.5em;
background-color: transparent;
color: #3d3478;
margin-top: 5px;
margin-bottom: 5px;
width: calc(100% - 140px);
}
.event-page .event-location {
background-color: transparent;
color: #2d2f32;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
min-height: 20px;
}
.event-page .event-location > span {
width: calc(100% - 140px);
}
.event-page .event-content {
display: block;
min-height: 300px;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
line-height: normal;
background-color: transparent;
color: #2d2f32;
overflow: unset;
width: 100%;
border-top: 1px groove #999;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 20px;
}
.event-page a.lnkGoogleMap {
width: 70px;
position: absolute;
right: 20px;
display: inline-block;
background-color: transparent;
margin: 0;
margin-top: -40px;
padding: 0;
padding-left: 7px;
padding-right: 5px;
padding-bottom: 5px;
border: 1px solid transparent;
border-radius: 3px;
}
.event-page a.lnkGoogleMap:hover {
background-color: #3d3478;
border: 1px solid #3d3478;
border-radius: 3px;
}
.event-page a.lnkGoogleMap ~ .addeventatc {
right: 90px;
}
/*.addeventatc {
display: none !important;
visibility: hidden !important;
z-index: 0 !important;
}*/
.event-page .addeventatc {
width: 63px;
position: absolute;
right: 20px;
display: inline-block;
background-color: transparent;
margin: 0;
margin-top: -37px;
padding: 0;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: none !important;
}
.event-page .addeventatc:hover {
background-color: #3d3478;
border: 1px solid #3d3478;
border-radius: 3px;
}
.event-page .addeventatc .addeventatc_dropdown.addeventatc-selected {
display: block;
background-color: #fff;
left: 10px !important;
top: 60px !important;
z-index: 99999999;
width: 150px !important;
font-size: 12px;
}
.addeventatc .addeventatc_dropdown.addeventatc-selected .copyx,
.addeventatc .addeventatc_dropdown.addeventatc-selected > span > em {
display: none;
}
.addeventatc .addeventatc_dropdown.addeventatc-selected > span {
font-size: 12px;
}
.addeventatc .addeventatc_dropdown.addeventatc-selected > span:hover {
font-size: 12px;
}
.addeventatc span,
.addeventatc .atc_node.notranslate {
display: none;
color: transparent;
}
/* News styling */
.news-list-group li {
list-style: none;
}
.latest-news {
padding-left: 15px;
padding-right: 15px;
}
.other-news {
padding-left: 15px;
padding-right: 15px;
}
/* Latest News styling */
.homepage .latest-news h1 {
text-align: center;
margin: 40px 0 20px 0;
font-size: 3.25em;
color: #2d2f32;
}
.homepage .latest-news h1 a,
.homepage .latest-news h1 label {
text-align: center;
color: #2d2f32;
text-decoration: none;
}
.homepage .latest-news h1 a:hover {
background-color: transparent;
color: #3d3478;
}
.news-section .latest-news h1 a,
.news-section .latest-news h1 label {
background-color: transparent;
color: #2d2f32;
}
.news-section .latest-news h1 a:hover {
background-color: transparent;
color: #2d2f32;
}
.news-items {
display: inline-block;
width: 100%;
height: auto
}
.news-list {
padding-left: 0;
list-style: none;
padding: 0;
text-align: left;
}
.news-list a {
display: block;
color: #2d2f32;
margin-bottom: 2em;
padding: 2px 3px 2px 3px;
text-decoration: none;
}
.news-list a:hover {
background-color: #3d3478;
color: #fff;
text-decoration: none;
padding: 2px 3px 2px 3px;
}
.news-list a:before,
.news-list a:after {
content: " ";
display: table;
}
.news-list a:after {
clear: both;
}
.news-list a:before,
.news-list a:after {
content: " ";
display: table;
}
.news-list a:after {
clear: both;
}
.news-list a .thumb {
width: 10em;
float: left;
margin-right: 1em;
overflow: hidden;
text-align: center;
max-height: 180px;
}
.news-list a .thumb img {
width: -webkit-fill-available;
height: auto;
margin: 0 auto;
}
.news-list a:hover .thumb img {
border: 1px solid #3d3478;
}
.news-list a .details {
display: block;
overflow: unset;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
}
.news-list a .title {
display: block;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: normal;
}
.news-list a .content {
display: block;
font-family: inherit;
font-size: 1.04em;
line-height: 1.4;
color: #2d2f32;
}
.news-list a:hover .content {
color: #FFF;
}
.news-list a .date {
display: block;
font-style: italic;
}
.news-list li {
float: right;
width: 50%;
}
.news-list li:first-child {
float: left;
width: 50%;
min-height: 500px;
height: auto;
padding-right: 20px;
overflow: hidden;
}
.news-list li:first-child .thumb,
.news-list li:first-child .details {
max-width: unset;
width: 100%;
height: auto;
}
.news-list li .thumb img {
width: inherit;
width: -webkit-fill-available;
height: auto;
float: left;
overflow: hidden;
text-align: center;
}
.news-list li:first-child .thumb img {
max-width: unset;
width: 100%;
height: auto;
}
.latest-news {
padding-left: 15px;
padding-right: 15px;
}
.latest-news .fadeInRight {
-webkit-animation-name: none;
animation-name: none;
}
.homepage .latest-news .fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/* News Section */
#more-news {
height: 0px;
line-height: 0;
border: none;
}
.news-list-group {
padding-left: 0;
list-style: none;
padding: 0;
text-align: left;
}
.news-list-group li {
float: left;
width: 100%;
margin: 10px 0px;
}
.news-list-group li > a {
margin-bottom: 0px;
display: inline-block;
width: 100%;
}
.news-list-group a {
display: block;
color: #2d2f32;
margin-bottom: 2em;
padding: 2px 3px 2px 3px;
}
.news-list-group a:hover {
background-color: #3d3478;
color: #fff;
text-decoration: none;
padding: 2px 3px 2px 3px;
}
.news-list-group a .thumb {
width: 10em;
float: left;
margin-right: 1em;
overflow: hidden;
text-align: center;
max-height: 180px;
}
.news-list-group a .thumb img {
width: inherit;
height: auto;
margin: 0 auto;
border: 1px solid transparent;
}
.news-list-group a:hover .thumb img {
border: 1px solid #3d3478;
}
.news-list-group a .details {
display: block;
overflow: unset;
}
.news-list-group a .title {
display: block;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: 400;
line-height: normal;
}
.news-list-group a .content {
display: block;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
line-height: normal;
color: #2d2f32;
}
.news-list-group a:hover .content {
color: #FFF;
}
.news-list-group a .date {
display: block;
font-style: italic;
}
/* News menuitem or Page */
.news-page {
padding-left: 0;
list-style: none;
padding: 0;
text-align: left;
float: left;
width: 80%;
display: block;
color: #2d2f32;
margin-bottom: 2em;
}
.news-page .container {
display: block;
color: #2d2f32;
padding: 0 !important;
padding: 10px 20px !important;
}
.news-page .thumb {
width: 35em;
float: right;
margin: 2.5em 1em 1em 1em;
overflow: hidden;
text-align: left;
font-style: italic;
}
.news-page .thumb img {
width: inherit;
height: auto;
margin: 0 auto;
}
.news-page .news-date {
font-weight: bold;
background-color: transparent;
color: #2d2f32;
margin-top: 5px;
margin-bottom: 10px;
}
.news-page .news-content {
display: block;
min-height: 300px;
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
line-height: normal;
background-color: transparent;
color: #2d2f32;
overflow: unset;
width: 100%;
}
/* News & Events scroll button styling */
.event-scroll-arrows-top,
.event-scroll-arrows-bottom,
.news-scroll-arrows-top,
.news-scroll-arrows-bottom {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
height: 50px;
}
.event-scroll-arrows-bottom,
.news-scroll-arrows-bottom {
margin-top: 0;
padding-top: 60px;
}
.event-scroll-arrows-top .scroll-arrow-left,
.event-scroll-arrows-bottom .scroll-arrow-left,
.news-scroll-arrows-top .scroll-arrow-left,
.news-scroll-arrows-bottom .scroll-arrow-left {
float: left;
margin-left: 20px;
font-size: 1em;
color: #3d3478;
border: 1px solid #3d3478 !important;
border-radius: 20px !important;
padding: 5px 10px !important;
padding-bottom: 7px;
}
.event-scroll-arrows-top .scroll-arrow-left:hover,
.event-scroll-arrows-bottom .scroll-arrow-left:hover,
.news-scroll-arrows-top .scroll-arrow-left:hover,
.news-scroll-arrows-bottom .scroll-arrow-left:hover {
color: #FFF;
background-color: #3d3478;
}
.event-scroll-arrows-top .fa-arrow-left:before,
.event-scroll-arrows-bottom .fa-arrow-left:before,
.news-scroll-arrows-top .fa-arrow-left:before,
.news-scroll-arrows-bottom .fa-arrow-left:before {
content: "\f060" !important;
font: normal normal normal 16px/1 FontAwesome !important;
}
.event-scroll-arrows-top .scroll-arrow-right,
.event-scroll-arrows-bottom .scroll-arrow-right,
.news-scroll-arrows-top .scroll-arrow-right,
.news-scroll-arrows-bottom .scroll-arrow-right {
float: right;
margin-right: 20px;
font-size: 1em;
color: #3d3478;
border: 1px solid #3d3478 !important;
border-radius: 20px !important;
padding: 5px 10px !important;
padding-bottom: 7px;
}
.event-scroll-arrows-top .scroll-arrow-right:hover,
.event-scroll-arrows-bottom .scroll-arrow-right:hover,
.news-scroll-arrows-top .scroll-arrow-right:hover,
.news-scroll-arrows-bottom .scroll-arrow-right:hover {
color: #FFF;
background-color: #3d3478;
}
.event-scroll-arrows-top .fa-arrow-right:before,
.event-scroll-arrows-bottom .fa-arrow-right:before,
.news-scroll-arrows-top .fa-arrow-right:before,
.news-scroll-arrows-bottom .fa-arrow-right:before {
content: "";
}
.event-scroll-arrows-top .fa-arrow-right:after,
.event-scroll-arrows-bottom .fa-arrow-right:after,
.news-scroll-arrows-top .fa-arrow-right:after,
.news-scroll-arrows-bottom .fa-arrow-right:after {
content: "\f061";
font: normal normal normal 16px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.event-scroll-arrows-top .fa,
.event-scroll-arrows-bottom .fa,
.news-scroll-arrows-top .fa,
.news-scroll-arrows-bottom .fa {
font-family: Heebo, Arial, Helvetica, sans-serif !important;
font-size: 1em !important;
color: #3d3478;
}
.event-scroll-arrows-top a:hover .fa,
.event-scroll-arrows-bottom a:hover .fa,
.news-scroll-arrows-top a:hover .fa,
.news-scroll-arrows-bottom a:hover .fa {
color: #FFF;
}
/* Pager styling */
.pager-top,
.pager-bottom {
display: block;
width: 100%;
float: left;
}
.pager-top .pager {
margin-top: 50px;
margin-bottom: 30px;
}
.pager-bottom .pager {
margin-top: 30px;
margin-bottom: 50px;
}
.pager {
margin: 8px 3px;
padding: 3px;
}
.pager .disabled {
border: 1px solid #ddd;
border-radius: 5px;
color: #999;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
text-align: center;
}
.pager .current {
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
text-align: center;
background-color: #2d2f32;
color: #FFF;
border: 1px solid #2d2f32;
border-radius: 5px;
}
.pager span, .pager a {
background-color: #e1e3e5;
color: #2d2f32;
font-weight: bold;
border: 1px solid #3d3478;
border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
}
.pager span.spacer {
background-color: transparent;
color: #2d2f32;
font-weight: bold;
border: none;
border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
}
.pager a {
border: 1px solid #3d3478;
border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
color: #2d2f32;
font-weight: bold;
background-color: #e1e3e5;
}
.pager a:hover:not(.current):not(.disabled),
.pager span:hover:not(.current):not(.disabled):not(.spacer) {
cursor: pointer;
background-color: #3d3478;
color: #FFF;
font-weight: bold;
border: 1px solid #3d3478;
border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
}
#dpEvents,
#dpEventsBottom,
#dpNews,
#dpNewsBottom {
float: left;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
background-color: transparent;
color: #2d2f32;
}
#dpEvents,
#dpNews {
margin-top: 20px;
}
#dpEvents a.active,
#dpEventsBottom a.active,
#dpEvents span.active,
#dpEventsBottom span.active,
#dpNews a.active,
#dpNewsBottom a.active,
#dpNews span.active,
#dpNewsBottom span.active {
background-color: #2d2f32;
color: #FFF;
font-weight: bold;
border: 1px solid #2d2f32;
border-radius: 5px;
}
#dpEvents a,
#dpEventsBottom a,
#dpEvents span,
#dpEventsBottom span,
#dpNews a,
#dpNewsBottom a,
#dpNews span,
#dpNewsBottom span {
background-color: #e1e3e5;
color: #2d2f32;
font-weight: bold;
border: 1px solid #3d3478;
border-radius: 5px;
margin-left: 10px;
margin-right: 10px;
padding: 5px 10px;
}
#dpEvents a:hover:not(.active),
#dpEventsBottom a:hover:not(.active),
#dpEvents span:hover:not(.active),
#dpEventsBottom span:hover:not(.active),
#dpNews a:hover:not(.active),
#dpNewsBottom a:hover:not(.active),
#dpNews span:hover:not(.active),
#dpNewsBottom span:hover:not(.active) {
background-color: #3d3478;
color: #FFF;
font-weight: bold;
border: 1px solid #3d3478;
border-radius: 5px;
}
#dpEvents a.aspNetDisabled,
#dpEventsBottom a.aspNetDisabled,
#dpNews a.aspNetDisabled,
#dpNewsBottom a.aspNetDisabled {
display: none;
}
#ddlSort {
float: right;
margin-top: -40px;
margin-right: 40px;
border: 1px solid #3d3478;
}
#lblSort {
float: right;
margin-top: -37px;
margin-right: 125px;
font-weight: bold;
color: #3d3478;
background-color: transparent;
}
/* Share Controls styling */
.content-utilities-wrapper {
margin-top: -20px;
position: absolute;
right: 10%;
z-index: 1 !important;
}
.homepage .content-utilities-wrapper {
margin-top: 0px !important;
z-index: 0;
}
.content-utilities.a2a_kit {
min-height: 20px;
float: right;
font-size: 1.5em;
}
.content-utilities .hover-icons {
list-style: none;
padding-left: 0;
}
.content-utilities .hover-icons form {
display: inline-block;
}
.content-utilities .hover-icons:before,
.content-utilities .hover-icons:after {
content: " ";
display: table;
}
.content-utilities .hover-icons:after {
clear: both;
}
.content-utilities .hover-icons:before,
.content-utilities .hover-icons:after {
content: " ";
display: table;
}
.content-utilities .hover-icons:after {
clear: both;
}
.content-utilities .hover-icons li {
display: inline-block;
height: 1.1em;
overflow: hidden;
margin: 0;
margin-right: 1em;
}
.content-utilities .hover-icons a {
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
.content-utilities .hover-icons a i {
display: block;
line-height: 1.1em;
text-align: center;
}
.content-utilities .hover-icons a .item {
display: block;
line-height: 1.1em;
padding: 0 0.2em;
}
.content-utilities .hover-icons a:hover,
.content-utilities .hover-icons a:focus {
text-decoration: none;
margin-top: -1.1em;
color: #2d2f32;
background-color: transparent;
}
.content-utilities form {
display: inline-block;
}
/*.a2a_facebook,
.a2a_twitter {
visibility: hidden;
display: none;
}*/
.liPrintToPdf {
max-height: 30px;
}
.pdfButton {
width: 33px;
height: 30px;
background: url(/images/pdfDoc.png) no-repeat;
background-size: 33px 30px;
border: none;
}
/* Social branding */
.fa-print,
.brand-color.fa-print,
a .fa-print {
color: #2d2f32;
background-color: transparent;
}
a:hover .fa-print {
color: #3d3478;
background-color: transparent;
}
.fa-envelope-o,
.fa-envelope,
.brand-color.fa-envelope-o,
.brand-color.fa-envelope,
a .fa-envelope-o,
a .fa-envelope {
color: #2d2f32;
background-color: transparent;
}
a:hover .fa-envelope-o,
a:hover .fa-envelope {
color: #3d3478;
background-color: transparent;
}
.fa-facebook,
.brand-color.fa-facebook,
a .brand-color.fa-facebook,
.brand-color.fa-facebook-square,
a .brand-color.fa-facebook-square {
color: #3b5998;
background-color: transparent;
}
a:hover .fa-facebook,
a:hover .brand-color.fa-facebook,
a:hover .brand-color.fa-facebook-square {
color: #3d3478;
background-color: transparent;
}
.fa-twitter,
.brand-color.fa-twitter,
a .brand-color.fa-twitter,
.brand-color.fa-twitter-square,
a .brand-color.fa-twitter-square {
color: #55acee;
background-color: transparent;
}
a:hover .fa-twitter,
a:hover .brand-color.fa-twitter,
a:hover .brand-color.fa-twitter-square {
color: #3d3478;
background-color: transparent;
}
.fa-instagram,
.brand-color.fa-instagram,
a .brand-color.fa-instagram {
color: #3f729b;
background-color: transparent;
}
a:hover .fa-instagram,
a:hover .brand-color.fa-instagram {
color: #3d3478;
background-color: transparent;
}
.fa-linkedin,
.brand-color.fa-linkedin,
a .brand-color.fa-linkedin,
.brand-color.fa-linkedin-square,
a .brand-color.fa-linkedin-square {
color: #0e76a8;
background-color: transparent;
}
a:hover .fa-linkedin,
a:hover .brand-color.fa-linkedin,
a:hover .brand-color.fa-linkedin-square {
color: #3d3478;
background-color: transparent;
}
.fa-youtube,
.brand-color.fa-youtube,
a .brand-color.fa-youtube,
.brand-color.fa-youtube-square,
a .brand-color.fa-youtube-square {
color: #c4302b;
background-color: transparent;
}
a:hover .fa-youtube,
a:hover .brand-color.fa-youtube,
a:hover .brand-color.fa-youtube-square {
color: #3d3478;
background-color: transparent;
}
/* Sitemap styling */
.siteMap ul {
padding-left: 1em;
}
.siteMap a {
color: #000;
}
.siteMap > ul > li {
padding-bottom: 0.5em;
}
.siteMap > ul > li > a {
font-size: 1.4em;
font-weight: 600;
color: #000;
}
.siteMap > ul > li > ul > li > a {
font-size: 1.2em;
font-weight: 400;
color: #000;
}
.siteMap > ul > li ul li {
padding-bottom: 0.2em;
}
.siteMap > ul > li ul li ul li {
padding-bottom: 0.1em;
}
.siteMap > ul > li ul li ul li a {
font-size: 1em;
color: #000;
}
.siteMap ul,
.siteMap ol {
margin-top: 0;
margin-bottom: 0;
}
.siteMap li {
margin-top: 0;
margin-bottom: 0;
}
.siteMap .hide-node {
display: none;
height: 0px;
}
.siteMap > ul > li > a:hover,
.siteMap > ul > li > ul > li > a:hover,
.siteMap > ul > li > ul > li > ul > li > a:hover{
background-color: #3d3478;
color: #fff;
outline: none;
}
/* Tabbed content styling */
ul.tabbed-header {
list-style: none;
padding-left: 0 !important;
}
ul.tabbed-header > li:before {
content: none !important;
}
ul.tabbed-header > li {
background: none !important;
background-color: #D7D8D8 !important;
border: 1px solid #2d2f32 !important;
font-size: 1.2em;
font-weight: bold;
color: #000;
min-width: 10%;
}
ul.tabbed-header > li:hover:not(.active) {
color: #3d3478;
}
ul.tabbed-header li div.doh-tabbed_btn {
text-align: center;
padding: 2px;
overflow-wrap: break-word;
background-color: #D7D8D8 !important;
height: 90%;
}
ul.tabbed-header li.active div.doh-tabbed_btn {
background-color: #3d3478 !important;
color: #FFF;
}
ul.tabbed-header li.active {
background-color: #3d3478 !important;
color: #FFF;
}
div.tabbed-content .doh-tabbed_body-wrap,
div.tabbed-library .doh-tabbed_body-wrap {
padding: 15px 15px;
}
.extraContentBlock > .panel-heading,
ul.tabbed-header li div.doh-tabbed_btn,
div.tabbed-library .doh-tabbed_body-wrap .tab-item span,
div.tabbed-header li .doh-tabbed_btn,
div.tabbed-content .doh-tabbed_body-wrap,
div.tabbed-library .doh-tabbed_body-wrap,
div.tabbed-library .doh-tabbed_body-wrap .tab-item > a,
div.tabbed-library .doh-tabbed_body-wrap .tab-item > a > span {
word-break: break-word;
word-wrap: break-word;
}
/* TabbedLibrary menuitem styling */
div.tabbed-library .doh-tabbed_body-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
div.tabbed-library .doh-tabbed_body-wrap img {
max-width: 100%;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item {
margin: 10px 10px;
width: 156px;
max-width: 156px;
background-color: transparent;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item a {
background-color: transparent;
color: #2d2f32;
outline: none;
width: 156px;
padding: 2px 2px;
display: block;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item a:hover {
background-color: #3d3478;
color: #fff;
outline: none;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item a:hover img,
div.tabbed-library .doh-tabbed_body-wrap .tab-item a:hover span {
background-color: #3d3478;
color: #fff;
outline: none;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item img {
display: block;
background-color: transparent;
outline: none;
max-width: 150px;
margin-left: auto;
margin-right: auto;
max-height: 80px;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item span {
display: block;
background-color: transparent;
color: #2d2f32;
outline: none;
max-width: 150px;
text-align: center;
overflow-wrap: break-word;
padding-top: 5px;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item span.fileinfoSize,
div.tabbed-library .doh-tabbed_body-wrap .tab-item span.fileinfoType {
font-size: 0.8em;
font-weight: bold;
font-style: italic;
display: inline;
padding-left: 10%;
}
/* List view styling for TabbedLibrary */
div.tabbed-library .doh-tabbed_body .doh-tabbed_body-wrap .tab-item-header {
display: none;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item-header,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item-header {
display: none;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item-header {
width: 100%;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item-header .headerText {
display: inline-block;
margin-left: 75px;
font-weight: bold;
text-align: left;
width: 69%;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item-header .headerSize {
display: inline-block;
font-weight: bold;
text-align: left;
width: 10%;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item-header .headerType {
display: inline-block;
font-weight: bold;
text-align: left;
width: 5%;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item {
width: 100%;
max-width: unset;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item span,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item span {
max-width: unset;
text-align: left;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a {
width: 100%;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a img,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a img {
display: inline-block;
width: 25px;
max-width: 25px;
height: auto;
margin: 0px 10px;
vertical-align: top;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a img {
width: auto;
max-width: 50px;
height: auto;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoText {
display: inline-block;
margin-left: 20px;
width: 70%;
height: auto;
vertical-align: top;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoText {
display: inline-block;
width: 90%;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: inline-block;
width: 10%;
height: auto;
padding-left: 0;
font-weight: bold;
font-style: normal;
font-size: 0.8em;
vertical-align: top;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: none;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
display: inline-block;
width: 5%;
height: auto;
margin-left: 3%;
padding-left: 0;
font-weight: bold;
font-style: normal;
font-size: 0.8em;
vertical-align: top;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
display: none;
}
@media screen and (max-width: 1062px) {
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoText,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoText {
width: 80%;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
font-weight: bold;
font-size: 0.7em;
width: unset !important;
float: right !important;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: none;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoType,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
font-weight: bold;
font-size: 0.7em;
width: unset !important;
float: left !important;
margin-left: 10px !important;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
display: none;
}
}
@media screen and (max-width: 779px) {
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item {
font-size: 0.9em;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoText,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoText {
width: 70%;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
width: 25%;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: none;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoType,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
width: 25%;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
display: none;
}
}
@media screen and (max-width: 779px) {
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a img,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a img {
margin-top: 10px;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item {
font-size: 0.9em;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoText,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoText {
width: 60%;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
width: 50%;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: none;
}
div.tabbed-library .doh-tabbed_body.media-list .doh-tabbed_body-wrap .tab-item a .fileinfoType,
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
width: 50%;
margin-left: 75px;
}
div.tabbed-library .doh-tabbed_body.content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
display: none;
}
}
@media screen and (max-width: 690px) {
.divTabbedContent ul.tabbed-header li,
.divTabbedLibrary ul.tabbed-header li.content-header {
width: 100% !important;
}
.divTabbedContent ul.tabbed-header .doh-tabbed_body,
.divTabbedLibrary ul.tabbed-header .doh-tabbed_body {
width: 100% !important;
word-break: break-word;
}
.mainContent .doh-tabbed_body-wrap > img,
.mainContent .doh-tabbed_body-wrap > p > img {
margin: 0;
width: 100% !important;
height: auto;
}
.mainContent .media-list .doh-tabbed_body-wrap .tab-item,
.mainContent .content-list .doh-tabbed_body-wrap .tab-item {
width: 100%;
}
.mainContent .media-list .doh-tabbed_body-wrap .tab-item a,
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a {
background-color: transparent;
color: #2d2f32;
outline: none;
width: 100%;
padding: 2px 2px;
display: block;
min-height: 65px;
}
.mainContent .media-list .doh-tabbed_body-wrap .tab-item a img,
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a img {
display: inline-block;
width: 25px;
max-width: 25px;
height: auto;
margin: 0px 10px;
vertical-align: top;
margin-top: 5px !important;
}
.mainContent .media-list .doh-tabbed_body-wrap .tab-item a .fileinfoText,
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a .fileinfoText {
font-size: 0.8em !important;
width: 80% !important;
vertical-align: bottom;
display: inline-block !important;
word-break: break-word;
}
.mainContent .media-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize,
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
font-size: 0.7em;
font-weight: bold;
width: unset !important;
float: right !important;
}
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a .fileinfoSize {
display: none;
}
.mainContent .media-list .doh-tabbed_body-wrap .tab-item a .fileinfoType,
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
font-size: 0.7em;
font-weight: bold;
width: unset !important;
float: left !important;
margin-left: 10px !important;
}
.mainContent .content-list .doh-tabbed_body-wrap .tab-item a .fileinfoType {
display: none;
}
}
/* WNHS form styling */
form label.SectionLabel {
background-color: #3d3478 !important;
color: #FFF !important;
}
input[type='submit'] {
color: #3d3478 !important;
border: 2px solid #3d3478 !important;
}
input[type='submit']:hover {
color: #FFF !important;
background-color: #3d3478 !important;
}
/* Marquee styling */
a.marquee-link {
outline: none;
text-decoration: none;
}
a.marquee-link:hover {
background-color: transparent;
}
a.marquee-link:hover .marquee-content p {
outline: none;
background-color: transparent !important;
color: #3d3478 !important;
}
.marquee-content {
border-top: 1px solid #2d2f32;
border-bottom: 1px solid #2d2f32;
margin-top: 15px;
margin-bottom: 15px;
outline: none;
display: flex;
flex-direction: column;
}
.marquee-content.no-top {
border-top: none;
margin-top: 0;
}
.marquee-content.no-bottom {
border-bottom: none;
margin-bottom: 0;
}
.marquee-content.no-top.no-bottom {
border-top: none;
margin-top: 15px;
margin-bottom: 15px;
}
/* Footer styling */
.social-footer {
background-color: #2d2f32;
width: 100%;
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
}
.social-footer .hover-icons {
background-color: transparent;
list-style: none;
margin-top: 0;
margin-bottom: 0;
}
.social-footer .hover-icons li {
background-color: transparent;
display: inline;
list-style: none;
width: 35px;
margin-right: 20px;
}
.social-footer .hover-icons li a:hover {
background-color: transparent !important;
}
.social-footer .hover-icons li:hover .fa,
.social-footer .hover-icons li a:hover .fa,
.social-footer .hover-icons li:hover a:hover .fa {
color: #3d3478;
}
.social-footer .fa {
color: #fff;
font-size: 40px;
}
.social-footer .fa.brand-color {
display: none;
}
.footer {
margin-top: 0px;
padding-top: 0;
padding-bottom: 36px;
}
.main-container .block,
.main-container .region-content > article,
.main-container .region-content > form,
.main-container div > div[role="heading"] > .region-header > nav,
.main-container .search-posts, .footer .block, .footer .region-content > article,
.footer .region-content > form,
.footer div > div[role="heading"] > .region-header > nav,
.footer .search-posts {
margin-bottom: 0;
padding: 10px 0;
line-height: 1.7em;
}
footer {
background-color: #2d2f32;
width: 100%;
bottom: 0;
overflow: hidden;
}
footer a,
footer li a,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer p,
footer > * {
color: #fff !important;
}
footer a {
text-decoration: none;
}
footer a:not(.hover-icon):not(.googleMapsImageLink),
footer li a:not(.hover-icon) {
border-bottom: 1px dashed !important;
}
footer a:hover:not(.hover-icon):not(.googleMapsImageLink),
footer li a:hover:not(.hover-icon) {
border-bottom: 1px solid #3d3478 !important;
}
footer .region-footer {
margin: 0 auto;
padding: 0 24px;
}
footer .region-footer #block-acknowledgementofcountry {
display: inline-block;
vertical-align: top;
width: 48.5%;
padding-right: 24px;
}
footer .region-footer #block-acknowledgementofcountry h3 {
font-family: inherit;
font-size: 24px;
font-weight: 700;
line-height: 1.1;
}
footer .region-footer #block-acknowledgementofcountry .field--name-body {
font-size: 1.125em;
line-height: 1.7em;
}
footer .region-footer .block-footer-content {
display: inline-block;
vertical-align: top;
width: 48.5%;
max-width: 480px;
float: right;
}
footer .region-footer .block-footer-content .footer-content {
position: relative;
z-index: 1;
background: #424446;
padding: 5px 35px;
}
footer .region-footer .block-footer-content .footer-content > * {
font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
}
footer .region-footer .block-footer-content .footer-content > h3 {
margin-top: 10px;
margin-bottom: 5px;
font-weight: 700;
}
footer .region-footer nav {
border-top: 1px solid #424446;
margin-top: 48px;
padding-top: 48px;
padding-top: 15px;
}
footer .region-footer nav .menu {
bottom: 0;
right: 0;
margin: 0 auto;
width: 100%;
text-align: center;
}
footer .region-footer nav .menu li {
display: inline-block;
}
footer .region-footer nav .menu li a {
padding: 0 !important;
margin: 10px 15px;
display: inline-block;
}
footer a:hover,
footer li a:hover,
footer .region-footer nav .menu li a:hover {
color: inherit;
}
#block-copyrightblock,
.block-copyright-block {
width: 100%;
padding-top: 30px;
text-align: center;
margin: -70px 0 0 0;
padding: 0;
float: right;
text-align: left;
margin: 10px 0 0 0;
padding: 0;
float: unset;
text-align: center;
}
footer .region-footer #block-acknowledgementofcountry,
footer .region-footer #block-innovation-simplesubscribeblock {
display: none;
}
footer .region-footer #block-innovation-footer {
margin-top: 5px;
}
.homepage ~ footer .region-footer #block-acknowledgementofcountry,
.homepage ~ footer .region-footer #block-innovation-simplesubscribeblock {
display: inline-block;
min-height: 230px;
max-height: 360px;
overflow: hidden;
}
.homepage ~ footer .region-footer #block-innovation-footer {
margin-top: 48px;
}
p:last-child,
.form-group:last-child,
.panel:last-child {
margin-bottom: 0;
}
p {
margin: 0 0 10px;
}
/* Scroll arrows styling */
.scroll-arrows {
position: fixed;
bottom: 15px;
right: 15px;
text-align: right;
z-index: 1;
bottom: 4px;
right: 4px;
}
.scroll-arrows a {
display: block;
cursor: pointer;
background: #2d2f32;
background: rgba(0, 0, 0, 0.25);
color: #FFF;
font-size: 11px;
text-align: center;
border: 1px solid #CCC;
border-color: rgba(255, 255, 255, 0.5);
border-radius: 20px;
padding: 8px 10px;
margin: 2px;
padding-bottom: 10px;
padding: 6px 7px;
margin: 2px;
}
.scroll-arrows a i {
font-size: 20px;
font-size: 14px;
}
.scroll-arrows a span {
display: block;
}
.scroll-arrows a:hover,
.scroll-arrows a:focus {
text-decoration: none;
outline: none;
background: #333;
background: rgba(0, 0, 0, 0.5);
border-color: #fff;
border-color: #ffffff;
}
.scroll-arrows .fa {
font-size: 25px;
}
.scroll-arrows .fa:hover {
color: #3d3478;
}
.collapse {
display: none;
}
.collapse.in,
.collapse.show {
display: block;
}
.collapsing {
display: none;
}
@media screen and (max-width: 1499px) {
.event-page .thumb,
.news-page .thumb {
width: 30em;
}
}
@media screen and (max-width: 1299px) {
.event-page .thumb,
.news-page .thumb {
width: 25em;
}
}
@media screen and (max-width: 1199px) {
/* start of smaller desktop styles */
.event-page .thumb,
.news-page .thumb {
width: 20em;
}
}
@media screen and (max-width: 998px) {
/* start of smaller desktop styles and ABOVE */
#block-additionalmenu li a {
margin: 10px 5px;
}
.event-page .thumb,
.news-page .thumb {
width: 100%;
margin-bottom: 1em;
float: none;
margin: 0;
}
.event-page .event-date {
margin-top: 10px;
}
.scfForm label {
width: 90% !important;
}
.scfListBoxGeneralPanel, .scfDropListGeneralPanel {
width: 90% !important;
}
.scfEmailGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfSingleLineGeneralPanel,
.scfPasswordGeneralPanel,
.scfNumberGeneralPanel,
.scfDatePickerGeneralPanel,
.scfDateGeneralPanel,
.scfRadioButtonListGeneralPanel,
.scfCheckBoxListGeneralPanel,
.scfFileUploadGeneralPanel,
.scfDateSelectorGeneralPanel,
.scfCreditCardGeneralPanel,
.scfConfirmPasswordGeneralPanel,
.scfCaptchaGeneralPanel,
.scfTelephoneGeneralPanel,
.scfSmsTelephoneGeneralPanel {
width: 90% !important;
}
}
@media screen and (min-width: 991px) {
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down {
transform: rotate(270deg) !important;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-up {
transform: rotate(90deg) !important;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu a {
margin-right: 20px;
}
.header .navbar-right .nav.navbar-nav li:last-child ul.mega-menu li:hover ul.child-menu {
display: block;
position: absolute;
width: 100%;
background-color: #fff;
margin-left: calc(-5px - 100%);
margin-top: -20px;
z-index: 1;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu {
display: block;
position: absolute;
width: 100%;
background-color: #fff;
margin-left: calc(100% - 25px);
margin-top: -20px;
z-index: 1;
}
}
@media screen and (max-width: 991px) {
/* start of large tablet styles */
.mobile-only,
footer .region-footer nav .menu li.mobile-only {
display: inline-block;
}
.hsp-logo {
max-width: 240px;
display: inline-block;
}
.header {
height: 178px;
}
.header .navbar-toggle {
display: inline-block;
width: 15%;
max-width: 100px;
}
.header .navbar-collapse {
max-height: unset !important;
clear: both;
}
.header .navbar-collapse.collapse {
display: none;
clear: both;
background-color: transparent;
}
.header .navbar-collapse.in,
.header .navbar-collapse.show {
display: block;
overflow-y: auto;
}
.region-navigation-collapsible > #block-innovation-main-menu,
.region-navigation-collapsible > #block-innovation-account-menu {
overflow: hidden;
background-color: #2d2f32;
position: relative;
z-index: 999;
}
.header .navbar-nav {
margin: 0;
padding-top: 0px;
display: block;
border: 2px solid #3d3478;
}
.header .navbar-right .nav.navbar-nav ul {
padding: 0px;
margin-top: 15px;
padding-bottom: 0;
margin-bottom: 0;
border-left: none;
border-right: none;
background-color: #e1e3e5;
color: #2d2f32;
}
.header .navbar-right .nav.navbar-nav > li.no-child > .fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav > li.no-child > .fa.fa-chevron-up {
color: #fff !important;
}
.header .navbar-nav ul.mega-menu {
display: none;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li {
border-bottom: 1px solid #3d3478;
text-align: left;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:hover > a,
.header .navbar-right .nav.navbar-nav ul.mega-menu > li.open:hover > a {
background-color: transparent;
color: #fff;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li.open,
.header .navbar-right .nav.navbar-nav ul.mega-menu > li.open > a {
background-color: #3d3478;
color: #fff;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:not(.open) {
padding-bottom: 5px;
background-color: #e1e3e5;
color: #2d2f32;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:hover:not(.open) {
background-color: #3d3478;
color: #fff;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu a {
margin-left: 70px;
width: calc(100% - 70px);
background-color: transparent;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li > a {
padding-left: 5px;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li > a:hover {
background-color: #3d3478;
color: #fff;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li.open > a {
background-color: #3d3478;
color: #fff;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li.open > a:hover {
background-color: #3d3478;
color: #fff;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li.open > .fa.fa-chevron-up {
display: inline-block !important;
color: #fff;
}
.header .navbar-right .nav.navbar-nav li:hover > ul.mega-menu {
display: none;
position: relative;
border-left: 0;
border-right: 0;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
}
.header .navbar-right .nav.navbar-nav > li {
border-top: 1px solid #3d3478;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu {
display: block;
position: absolute;
width: 100%;
background-color: #fff;
margin-left: 185px;
margin-top: -20px;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu {
display: none;
position: relative;
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
margin-top: 15px;
margin-left: 0;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li a,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu li a {
margin-left: 70px;
text-align: left;
width: calc(100% - 70px);
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li:hover a,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li a:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu li a:hover {
background-color: #e1e3e5;
color: #2d2f32;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-up {
float: left;
margin-left: 70px; /*85px;*/
padding: 2px 3px 2px 2px;
border: 1px solid transparent;
border-radius: 5px;
margin-top: -20px;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:hover i.fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:hover i.fa.fa-chevron-up {
border: 1px solid transparent;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:hover:not(.open) i.fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav ul.mega-menu > li:hover:not(.open) i.fa.fa-chevron-up {
border: 1px solid transparent;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li.open ul.child-menu {
margin-top: 30px;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu > li.open:hover i.fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav ul.mega-menu > li.open:hover i.fa.fa-chevron-up {
border: 1px solid transparent;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-up:hover {
background-color: #3d3478;
color: #fff;
padding: 2px 3px 2px 2px;
border: 1px solid transparent;
border-radius: 5px;
margin-top: -20px;
cursor: pointer;
}
.header .navbar-right .navbar-nav > li.active,
.header .navbar-right .navbar-nav > li.active:hover,
.header .navbar-right .navbar-nav > li.active > a,
.header .navbar-right .navbar-nav > li.active > .fa.fa-chevron-down,
.header .navbar-right .navbar-nav > li.active > .fa.fa-chevron-up,
.header .navbar-right .navbar-nav > li.active > .fa.fa-news,
.header .navbar-right .navbar-nav > li.active > a > .fa.fa-home {
color: #3d3478;
font-weight: 600;
background-color: #fff;
}
.primary-nav .navbar-right .navbar-nav > li > a,
.primary-nav .navbar-right .navbar-nav > li > span.nav-label {
margin-left: 40px;
padding-left: 0px;
color: #3d3478;
font-weight: bold;
}
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-down,
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-up,
.header .navbar-right .navbar-nav > li > .fa.fa-news {
display: inline-block;
float: left;
margin-left: 25px;
margin-right: 25px;
font-size: 25px;
}
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-up ~ ul.mega-menu {
margin-top: 40px;
}
.header .navbar-right .navbar-nav > li > .fa.fa-news ~ a.nav-label,
.header .navbar-right .navbar-nav > li > .fa.fa-chevron-none ~ a.nav-label {
margin-left: 75px;
}
.header .nav.navbar-nav > li > .fa {
display: inline-block;
}
.header .navbar-nav > li {
padding-top: 15px;
padding-bottom: 15px;
}
.header .navbar-nav > li,
.header .navbar-nav > li a {
width: 100%;
background-color: #fff;
color: #2d2f32;
font-weight: 400;
display: inline-block;
}
.header .navbar-nav > li a.nav-label {
width: 85%;
float: left;
text-align: left;
padding-top: 3px;
}
.header .region-navigation-collapsible.region nav ul > li > a {
padding: 25px 30px;
background-color: none;
white-space: nowrap;
color: #2d2f32;
font-weight: 400;
}
.header .navbar-nav > li:hover,
.header .navbar-nav > li a:hover,
.header .region-navigation-collapsible.region nav ul > li > a:hover {
background-color: #fff;
color: #3d3478;
}
.header .navbar-nav > li.active {
font-weight: 600;
}
.header .region-navigation-collapsible.region nav ul > li.active > a {
font-weight: bold;
}
.mobile-menu-only {
display: block !important;
}
.header .navbar-collapse,
.header .navbar-form {
border: none;
background-color: transparent;
}
.branding {
clear: both;
margin-top: 0;
width: 100%;
max-width: 100%;
height: 100%;
}
#block-additionalmenu {
display: none;
}
.slider .photo-banner {
height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: inherit;
}
.slider .banner-text {
max-width: 75%;
min-width: 50%;
padding-bottom: 15px;
font-size: 0.9em;
}
.slider .banner-text h1 {
font-size: 2em;
}
/*.slider .banner-text p {
font-size: 0.9em;
}*/
.slider .photo-banner .btn.btn-lg {
font-size: 0.8em;
}
/*.unslider-arrow {
bottom: 55%;
}*/
.searchkeyword .searchkeywordbutton .search-mobile-icon {
display: inline-block;
}
.searchkeyword .searchkeywordbutton .search-icon {
display: none;
}
.homepage ~ footer .region-footer #block-acknowledgementofcountry,
.homepage ~ footer .region-footer #block-innovation-simplesubscribeblock {
display: block;
width: 100%;
max-width: unset;
}
.homepage ~ footer .region-footer #block-innovation-footer {
width: 100%;
display: block;
}
footer .region-footer #block-innovation-footer {
margin-top: 5px;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-up,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu ~ i.fa.fa-chevron-down,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu ~ i.fa.fa-chevron-up,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-up:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu ~ i.fa.fa-chevron-down:hover,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu ~ i.fa.fa-chevron-up:hover {
margin-left: 15px;
margin-top: -22px;
padding: 4px 12px 4px 12px;
border: 1px solid transparent;
background-color: #2d2f32;
color: #fff;
}
/*.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu ~ i.fa.fa-chevron-down {
padding: 4px 9px 3px 10px;
}*/
.header .navbar-right .nav.navbar-nav ul.mega-menu li.open > .fa.fa-chevron-up {
display: inline-block !important;
margin-top: -98px;
color: #fff;
}
.latest-news .news-list li,
.latest-news .news-list li:first-child {
width: 100%;
height: auto !important;
}
.homepage .latest-news h1 a {
font-size: 0.8em;
}
.latest-news .news-list li a .thumb {
min-height: unset;
}
.latest-news .news-list li a .details {
overflow: unset;
}
.homepage .feature-boxes h1 {
font-size: 2.5em;
}
.mainContent:not(.no-related-links) {
display: block;
}
.mainContent:not(.no-related-links) .container {
width: 100%;
}
.mainContent:not(.no-related-links) .container ~ .related-links {
width: 100%;
max-width: unset !important;
}
.event-page .event-date {
font-size: 0.9em !important;
}
.event-page .event-title {
font-size: 1.1em !important;
}
.event-page .event-location > span {
font-size: 0.9em !important;
}
.event-page .event-content {
font-size: 0.9em !important;
}
.filter-sort {
zoom: 90%;
width: 100%;
padding-bottom: 75px;
}
.filter-sort .filter-bar,
.filter-sort .sort-bar {
display: block;
margin-left: 0 !important;
width: 100%;
}
.filter-sort h2 {
width: 100%;
}
.filter-sort .sort-bar h2 {
width: 30%;
}
.filter-sort ul {
width: 100%;
padding-left: 0;
}
.filter-sort ul li {
width: 100%;
}
.filter-sort ul li label {
width: 30%;
max-width: 30%;
display: inline-block;
margin-top: 5px;
}
.filter-sort input {
width: 65%;
max-width: 65%;
text-align: center;
}
.filter-sort select {
width: 100%;
max-width: 100%;
text-align: center;
}
.filter-sort .sort-bar ul {
width: 65%;
max-width: 65%;
}
.filter-sort .btnFilterSort,
.filter-sort .btnClear {
width: 40%;
}
.filter-sort .btnFilterSort{
float: right;
}
.filter-sort .btnClear {
float: left;
}
}
@media screen and (min-width:0\0) and (max-width: 991px) {
.homepage ~ footer .region-footer #block-acknowledgementofcountry,
.homepage ~ footer .region-footer #block-innovation-simplesubscribeblock {
max-width: none;
}
}
@media screen and (max-width: 889px) {
.searchkeyword {
width: 220px;
}
}
@media screen and (max-width: 799px) {
/* start of medium tablet styles (well 767px but we need it here) */
.header {
height: 95px;
}
.header .logo img {
max-height: 65px;
height: auto;
margin-top: -55px !important;
padding-left: 5px;
padding-right: 5px;
}
.header .navbar-header,
.header.mobile-search-open .navbar-header {
float: none;
padding: 5px 20px;
background-color: #2d2f32;
height: 100%;
}
.header .search-region {
display: none;
}
.header.mobile-search-open .search-region {
display: block;
}
.header .search-toggle {
display: inline-block;
float: right;
width: 15%;
height: 28px;
margin: 0;
margin-top: 10px;
padding: 35px;
padding-top: 22px;
padding-bottom: 45px;
border: #3d3478;
font-size: 28px;
background-color: #2d2f32;
color: #FFF;
cursor: pointer;
}
.header .search-toggle:hover,
.header.mobile-search-open .search-toggle:hover {
background-color: #2d2f32;
color: #3d3478;
}
.header .region-navigation,
.header.mobile-search-open .region-navigation {
float: none;
position: absolute;
left: 42%;
margin-left: -130px !important;
/*margin-top: 10px;*/
}
.header.mobile-search-open .search-region #block-innovation-searchkeywordblock {
float: none;
}
.header.mobile-search-open .searchkeyword__whole-gov-link {
display: none;
}
.header.mobile-search-open .search-region {
float: left;
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.header.mobile-search-open .searchkeyword {
border: none;
width: 100%;
clear: both;
position: initial;
margin-bottom: 0;
border-top: 1px solid #767779;
padding-top: 5px;
display: block;
}
.header.mobile-search-open .searchkeyword .searckeywordbutton {
right: 42px;
}
.header.mobile-search-open .searchkeyword .searckeywordform {
display: block;
margin-top: 0px;
padding: 12px 50px 12px 20px;
}
/*.unslider-arrow {
bottom: 65%;
}*/
.homepage .latest-news h1 a {
font-size: 0.7em;
}
.homepage .feature-boxes h1 {
font-size: 2.2em;
}
.logoText {
font-size: 0.8em;
padding-top: 0px;
line-height: 20px;
}
.events-list-group a {
font-size: 0.9em;
}
.events-list-group a .thumb {
width: 10em;
}
.events-list-group a .title {
font-size: 1.1em;
}
.events-list-group a .date {
font-size: 0.8em;
}
.event-page .event-date {
font-size: 0.9em !important;
}
.event-page .event-title {
width: 100% !important;
font-size: 1.1em !important;
}
.event-page .event-location > span {
width: 100% !important;
float: left;
font-size: 0.9em;
}
.event-page .addeventatc {
width: auto !important;
display: block !important;
position: relative !important;
float: right !important;
margin: 0 !important;
margin-top: 0px !important;
right: 0 !important;
}
.event-page a.lnkGoogleMap {
width: auto !important;
display: block !important;
position: relative !important;
float: left !important;
margin: 0 !important;
right: 0 !important;
}
.event-page a.lnkGoogleMap > img,
.event-page .addeventatc > img {
width: 35px !important;
height: auto;
}
.event-page .event-content {
margin-top: 55px !important;
font-size: 0.9em;
}
}
@media screen and (max-width: 767px) {
/* start of medium tablet styles */
div.searchArea input.searchbox {
width: 100%;
}
div.searchArea input#keywordsubmit {
width: 20%;
min-width: 90px;
margin-top: 10px;
}
.mainContent .tab-item a img {
width: auto !important;
max-width: 150px;
}
.scroll-arrows {
display: none;
}
}
@media screen and (max-width: 589px) {
.slider .banner-text {
max-width: 75%;
min-width: 75%;
bottom: 35px;
font-size: 0.7em;
}
.header .logo img {
padding-left: 0px;
}
.header .logo img.gov-logo {
padding-right: 0px;
margin-top: -1px !important;
width: 18%;
}
.header .region-navigation,
.header.mobile-search-open .region-navigation {
width: 60%;
height: 100%;
margin: 0;
margin-left: 20% !important;
margin-right: 20% !important;
left: 0;
margin-top: -5px;
text-align: center;
}
.header .region-navigation .logo {
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 5px;
padding-bottom: 0px !important;
max-height: 95px;
}
.logoText {
font-size: 0.6em !important;
line-height: 16px;
padding: 0;
width: 100%;
margin-top: 3px;
}
.footer {
font-size: 12px;
}
.footer #block-innovation-simplesubscribeblock {
font-size: 14px;
}
.header .navbar-nav > li a.nav-label {
width: 80%;
}
.header.mobile-search-open .searchkeyword .searckeywordbutton {
right: 38px;
}
.title-banner .title-banner-text > h1 {
font-size: 2em;
}
.news-list a .content {
display: none;
}
.news-list li,
.news-list-group li {
min-height: unset !important;
}
.news-list li:first-child {
padding-right: 0;
}
.news-list li a .thumb,
.news-list-group li a .thumb {
width: 100%;
}
.news-list-group a .content {
display: none;
}
}
@media screen and (max-width: 479px) {
/* start of phone styles */
.slider .banner-text {
min-width: 70%;
max-width: 80%;
width: auto;
}
.header .navbar-nav > li a.nav-label {
width: 65%;
}
.header .navbar-right .nav.navbar-nav ul.mega-menu a {
margin-left: 70px;
text-align: left;
width: calc(100% - 70px);
}
.header .navbar-right .nav.navbar-nav ul.mega-menu li ul.child-menu li a,
.header .navbar-right .nav.navbar-nav ul.mega-menu li:hover ul.child-menu li a {
padding-left: 1px;
margin-left: 70px;
text-align: left;
width: calc(100% - 70px);
}
.header .region-navigation,
.header.mobile-search-open .region-navigation {
margin-top: 0px;
}
.header .navbar-toggle {
margin-top: 10px;
padding-left: 10px;
}
.header .search-toggle {
padding-right: 35px;
padding-left: 15px;
}
.breadcrumb {
font-size: 0.8em;
}
.title-banner .title-banner-text > h1 {
font-size: 1.5em;
}
.mainContent img {
height: auto !important;
width: 100% !important;
margin: 5px;
}
.mainContent .tab-item a img {
width: auto !important;
max-width: 60px;
}
.feature-boxes ul.box-list {
display: block;
}
div.tabbed-library .doh-tabbed_body-wrap .tab-item a {
width: auto;
}
.header .region-navigation .branding .logo .logoText {
transform: scale(0.85);
}
footer .region-footer .block-footer-content .footer-content {
padding: 5px 15px;
}
footer .region-footer .block-footer-content .footer-content h2 {
margin-bottom: 2px;
margin-top: 2px;
font-size: 20px;
}
footer .region-footer .block-footer-content .footer-content table tr td:first-child {
width: 73%;
}
a.googleMapsImageLink {
margin-top: 0;
margin-left: 10px;
}
a.googleMapsImageLink > img {
width: 30px;
height: 30px;
margin-top: -40px;
}
}
@media screen and (min-width: 0\0) and (max-width: 479px) {
.header .region-navigation .branding .logo .logoText {
transform: scale(1);
font-size: 0.45em !important;
}
.header .region-navigation,
.mobile-search-open.header .region-navigation {
margin-top: -5px;
}
}
@media screen and (max-width: 433px) {
.header .navbar-right .nav.navbar-nav ul.mega-menu li {
padding: 5px 3px;
}
}
@media screen and (max-width: 425px) {
footer .region-footer .block-footer-content .footer-content {
max-height: 465px;
}
footer .region-footer .block-footer-content .footer-content table tr td {
width: 100% !important;
float: left;
}
footer .region-footer .block-footer-content .footer-content span {
width: 100% !important;
float: left;
}
.homepage ~ footer .region-footer #block-acknowledgementofcountry,
.homepage ~ footer .region-footer #block-innovation-simplesubscribeblock {
max-height: none;
overflow: auto;
}
a.googleMapsImageLink {
margin-top: 10px;
}
}
@media screen and (max-width: 389px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.5em !important;
}
}
@media screen and (max-width: 359px) {
.header .navbar-toggle,
.header .search-toggle {
transform: scale(0.8);
}
}
@media screen and (max-width: 349px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.475em !important;
}
.header .logo img.gov-logo {
width: 25%;
}
}
@media screen and (max-width: 329px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.45em !important;
}
}
@media screen and (max-width: 319px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.44em !important;
}
}
@media screen and (max-width: 309px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.42em !important;
}
}
@media screen and (max-width: 299px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.4em !important;
}
}
@media screen and (max-width: 249px) {
.header .region-navigation .branding .logo .logoText {
font-size: 0.38em !important;
}
}
/*Location Map*/
.location-box {
border-top: 1px solid #3d3478;
margin-top: 20px;
padding-top: 10px;
}
.location-box .map {
margin-bottom: 20px;
height: 640px;
position: relative;
}
.location-box .map .map-canvas {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.location-box .mapClust {
background-color: rgba(158, 2, 40, 0.9);
}
.location-box .mapClust > span {
font-size: 14px;
font-weight: bold;
color: #FFF !important;
}
.location-box #divSearch {
margin-top: 5px !important;
padding-bottom: 20px;
}
.location-box #divSearch,
.location-box #divSearch #divSearchControls,
.location-box #divSearch ul {
list-style: none !important;
width: 100%;
}
.location-box #divSearchControls ul {
padding-left: 1.5em;
padding-right: 1.5em;
}
.location-box #divSearch li,
.location-box #divSearch #divSearchControls li {
display: inline-block;
list-style: none;
}
.location-box #divSearch li:before {
content: "" !important;
}
.location-box #divSearch li.liSearchMap {
width: 40%;
}
.location-box #divSearch li.liFilter {
width: 30%;
margin-left: 20px;
}
.location-box #divSearch li.liSearchButton,
.location-box #divSearch li.liClearButton {
width: 10%;
float: right;
margin-left: 20px;
margin-top: 20px;
}
.location-box #divSearch li label {
width: 100%;
font-weight: bold;
}
.location-box #divSearch li input,
.location-box #divSearch li select,
.location-box #divSearch li button,
.location-box #divSearch li textarea {
width: 100%;
min-height: 35px;
font-size: 1.3em;
font-weight: normal;
}
.location-box .locationList {
width: 100%;
margin: 0;
margin-top: 20px;
}
.location-box .locationTable {
width: 100%;
margin: 0;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.location-box .column-headings {
width: 100%;
}
.location-box .heading {
width: 15%;
display: inline-block;
padding: 3px 3px;
border: 1px solid #3d3478;
font-weight: bold;
height: inherit;
min-height: inherit;
flex: 1;
border-right: none;
border-left: none;
border-top: none;
}
.location-box .column-headings,
.location-box .location-block {
width: 100%;
border-bottom: none;
min-height: 30px;
display: flex;
}
.location-box .column-headings > div,
.location-box .location-block > div {
height: inherit;
min-height: inherit;
flex: 1;
}
.location-box .location-block .content0,
.location-box .location-block .content0 .location-content,
.location-box .location-block .content0 .location-content .location-details {
display: none !important;
width: 100%;
}
.location-box .location-block .content1,
.location-box .location-block .content2,
.location-box .location-block .content3,
.location-box .location-block .content4,
.location-box .location-block .content5,
.location-box .location-block .content6 {
width: 15%;
display: inline-block;
padding: 3px 3px;
border-bottom: 1px solid #3d3478;
border-right: none;
border-left: none;
}
/*.location-box .location-block td > * {
margin: 0;
padding: 0;
}*/
.location-box .map-content p {
margin: 0;
padding: 0;
}
.location-box .map-legend {
position: absolute;
right: 3px;
bottom: 20px;
background-color: #FFF;
width: auto;
padding: 5px 5px;
z-index: 9;
}
.location-box .map-legend .legend-text {
font-weight: bold;
font-size: 1em;
}
.location-box .map-legend .legend-marker {
display: none;
height: 0;
}
.location-box .map-legend .legend-marker.js-custom-marker-blue {
background-image: url(/images/LocationPins/img-pin-blue.png);
background-size: contain;
background-repeat: no-repeat;
margin: 2px 5px 2px 2px;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
}
.location-box .map-legend .legend-marker.js-custom-marker-red {
background-image: url(/images/LocationPins/img-pin-red.png);
background-size: contain;
background-repeat: no-repeat;
margin: 2px 5px 2px 2px;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
}
.location-box .map-legend .legend-marker.js-custom-marker-green {
background-image: url(/images/LocationPins/img-pin-green.png);
background-size: contain;
background-repeat: no-repeat;
margin: 2px 5px 2px 2px;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
}
.location-box .map-legend .legend-marker.js-custom-marker-orange {
background-image: url(/images/LocationPins/img-pin-orange.png);
background-size: contain;
background-repeat: no-repeat;
margin: 2px 5px 2px 2px;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
}
.location-box .map-legend .legend-marker.js-custom-marker-black {
background-image: url(/images/LocationPins/img-pin-black.png);
background-size: contain;
background-repeat: no-repeat;
margin: 2px 5px 2px 2px;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: middle;
}
.locationTable .mobileheading {
display: none;
}
.location-box .locationTable.no-col {
display: none;
}
.location-box .locationTable.one-col .head1,
.location-box .locationTable.one-col .content1 {
width: 100%;
}
.location-box .locationTable.one-col .head6,
.location-box .locationTable.one-col .content6,
.location-box .locationTable.one-col .mobilehead6 {
display: none;
}
.location-box .locationTable.one-col .head5,
.location-box .locationTable.one-col .content5,
.location-box .locationTable.one-col .mobilehead5 {
display: none;
}
.location-box .locationTable.one-col .head4,
.location-box .locationTable.one-col .content4,
.location-box .locationTable.one-col .mobilehead4 {
display: none;
}
.location-box .locationTable.one-col .head3,
.location-box .locationTable.one-col .content3,
.location-box .locationTable.one-col .mobilehead3 {
display: none;
}
.location-box .locationTable.one-col .head2,
.location-box .locationTable.one-col .content2,
.location-box .locationTable.one-col .mobilehead2 {
display: none;
}
.location-box .locationTable.two-col .head1,
.location-box .locationTable.two-col .head2,
.location-box .locationTable.two-col .content1,
.location-box .locationTable.two-col .content2 {
width: 50%;
}
.location-box .locationTable.two-col .head6,
.location-box .locationTable.two-col .content6,
.location-box .locationTable.two-col .mobilehead6 {
display: none;
}
.location-box .locationTable.two-col .head5,
.location-box .locationTable.two-col .content5,
.location-box .locationTable.two-col .mobilehead5 {
display: none;
}
.location-box .locationTable.two-col .head4,
.location-box .locationTable.two-col .content4,
.location-box .locationTable.two-col .mobilehead4 {
display: none;
}
.location-box .locationTable.two-col .head3,
.location-box .locationTable.two-col .content3,
.location-box .locationTable.two-col .mobilehead3 {
display: none;
}
.location-box .locationTable.three-col .head1,
.location-box .locationTable.three-col .head2,
.location-box .locationTable.three-col .head3,
.location-box .locationTable.three-col .content1,
.location-box .locationTable.three-col .content2,
.location-box .locationTable.three-col .content3 {
width: 33%;
}
.location-box .locationTable.three-col .head6,
.location-box .locationTable.three-col .content6,
.location-box .locationTable.three-col .mobilehead6 {
display: none;
}
.location-box .locationTable.three-col .head5,
.location-box .locationTable.three-col .content5,
.location-box .locationTable.three-col .mobilehead5 {
display: none;
}
.location-box .locationTable.three-col .head4,
.location-box .locationTable.three-col .content4,
.location-box .locationTable.three-col .mobilehead4 {
display: none;
}
.location-box .locationTable.four-col .head1,
.location-box .locationTable.four-col .head2,
.location-box .locationTable.four-col .head3,
.location-box .locationTable.four-col .head4,
.location-box .locationTable.four-col .content1,
.location-box .locationTable.four-col .content2,
.location-box .locationTable.four-col .content3,
.location-box .locationTable.four-col .content4 {
width: 25%;
}
.location-box .locationTable.four-col .head6,
.location-box .locationTable.four-col .content6,
.location-box .locationTable.four-col .mobilehead6 {
display: none;
}
.location-box .locationTable.four-col .head5,
.location-box .locationTable.four-col .content5,
.location-box .locationTable.four-col .mobilehead5 {
display: none;
}
.location-box .locationTable.five-col .head1,
.location-box .locationTable.five-col .head2,
.location-box .locationTable.five-col .head3,
.location-box .locationTable.five-col .head4,
.location-box .locationTable.five-col .head5,
.location-box .locationTable.five-col .content1,
.location-box .locationTable.five-col .content2,
.location-box .locationTable.five-col .content3,
.location-box .locationTable.five-col .content4,
.location-box .locationTable.five-col .content5 {
width: 20%;
}
.location-box .locationTable.five-col .head6,
.location-box .locationTable.five-col .content6,
.location-box .locationTable.five-col .mobilehead6 {
display: none;
}
.location-box .locationTable.six-col .head1,
.location-box .locationTable.six-col .head2,
.location-box .locationTable.six-col .head3,
.location-box .locationTable.six-col .head4,
.location-box .locationTable.six-col .head5,
.location-box .locationTable.six-col .content1,
.location-box .locationTable.six-col .content2,
.location-box .locationTable.six-col .content3,
.location-box .locationTable.six-col .content4,
.location-box .locationTable.six-col .content5 {
width: 16%;
}
/* leaflet maps */
.leaflet-popup-content {
line-height: 1 !important;
}
.marker-cluster-small {
background-color: rgba(158, 2, 40, 0.6) !important;
}
.marker-cluster-small div {
background-color: rgba(158, 2, 40, 0.6) !important;
}
.marker-cluster-medium {
background-color: rgba(158, 2, 40, 0.6) !important;
}
.marker-cluster-medium div {
background-color: rgba(158, 2, 40, 0.6) !important;
}
.marker-cluster-large {
background-color: rgba(158, 2, 40, 0.6) !important;
}
.marker-cluster-large div {
background-color: rgba(158, 2, 40, 0.6) !important;
}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
background-color: rgb(158, 2, 40) !important;
}
.leaflet-oldie .marker-cluster-small div {
background-color: rgb(158, 2, 40) !important;
}
.leaflet-oldie .marker-cluster-medium {
background-color: rgb(158, 2, 40) !important;
}
.leaflet-oldie .marker-cluster-medium div {
background-color: rgb(158, 2, 40) !important;
}
.leaflet-oldie .marker-cluster-large {
background-color: rgb(158, 2, 40) !important;
}
.leaflet-oldie .marker-cluster-large div {
background-color: rgb(158, 2, 40) !important;
}
@media screen and (max-width: 991px) {
.locationTable .location-block,
.locationTable .location-content,
.locationTable .location-details,
.locationTable .location-block .content0 {
width: 100%;
}
.locationTable .location-block{
margin-top: 20px;
margin-bottom: 20px;
padding: 10px 10px;
border: 2px solid #3d3478;
border-radius: 5px;
flex-wrap: wrap;
zoom: 0.9;
}
.locationTable .column-headings {
display: none;
}
.location-box .column-headings > div,
.location-box .location-block > div {
flex: unset;
}
.locationTable .mobileheading {
width: 25% !important;
display: inline-block;
margin-bottom: 5px;
vertical-align: top;
font-weight: bold;
}
.locationTable .location-block .content {
width: 75% !important;
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
border-bottom: none !important;
}
.locationTable .location-block .content0 {
width: 100%;
display: none;
}
.location-box #divSearch li,
.location-box #divSearch li.liSearchMap,
.location-box #divSearch li.liFilter,
.location-box #divSearch li.liSearchButton,
.location-box #divSearch li.liClearButton {
padding-left: 10px !important;
width: 100% !important;
display: inline-block !important;
margin-left: 0;
margin-top: 10px;
}
.location-box #divSearch li.liSearchButton,
.location-box #divSearch li.liClearButton {
width: 40% !important;
margin-left: 5% !important;
margin-top: 20px !important;
float: left;
}
.location-box .map-legend .legend-text {
font-weight: bold;
font-size: 0.8em;
}
}
@media screen and (max-width: 499px) {
.location-box .column-headings,
.location-box .location-block {
border-bottom: none;
min-height: 30px;
}
.location-box .map-legend .legend-text {
font-weight: bold;
font-size: 0.7em;
}
}