@charset "UTF-8";
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
*, *::after, *::before {
box-sizing: border-box
}
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
font-family: Alegreya Sans, sans-serif
}
body {
margin: 0
}
a:focus {
outline: thin dotted
}
a:active, a.hover {
outline: 0
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
h2 {
font-size: 1.5em;
margin: 0.83em 0
}
h3 {
font-size: 1.17em;
margin: 1em 0
}
h4 {
font-size: 1em;
margin: 1.33em 0
}
h5 {
font-size: 0.83em;
margin: 1.67em 0
}
h6 {
font-size: 0.67em;
margin: 2.33em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
blockquote {
margin: 1em 40px
}
dfn {
font-style: italic
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #000
}
p, pre {
margin: 1em 0
}
code, kbd, pre, samp {
font-family: Alegreya Sans, sans-serif;
font-size: 1em
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word
}
q {
quotes: none
}
q:before, q:after {
content: '';
content: none
}
small {
font-size: 80%
}
small>a {
text-decoration: none
}
small>a.hover {
background: #d5d5d5;
color: #fff
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
dl, menu, ol, ul {
margin: 1em 0
}
dd {
margin: 0
}
menu, ol, ul {
padding: 0 0 0 40px
}
nav ul, nav ol {
list-style: none;
list-style-image: none
}
img {
border: 0;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
form {
margin: 0
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle
}
button, input {
line-height: normal
}
button, select {
text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible
}
button[disabled], html input[disabled] {
cursor: default
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
.page-summary.has-img h1, .feature .flexslider .slides>li figcaption h2, .feature-title-in-middle .flexslider .slides>li figcaption h2, .feature-title-at-bottom .flexslider .slides>li figcaption h2, .feature2 .flexslider2 .slides>li figcaption h2, .feature-full-width .flexslider .slides>li figure>a>.wrap h1, .feature-home a figure>.wrap h1, .feature-news .hero .headings h2, main>.main>article.wysiwyg>h1, h1, .related-link-carousel>header h1, .page-summary h1, .feature>header h1, .feature-title-in-middle>header h1, .feature-title-at-bottom>header h1, .feature2>header h1, .awesome>header h1, .awesome2>header h1, .discover>header h1, .wysiwyg h1, .wysiwyg2 h1, .video-player>header h1, .news h1 {
margin: .5em 0;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
color: #222;
font-size: 38px;
font-size: 2.375rem
}
.page-summary.has-img h1 a, .feature .flexslider .slides>li figcaption h2 a, .feature-title-in-middle .flexslider .slides>li figcaption h2 a, .feature-title-at-bottom .flexslider .slides>li figcaption h2 a, .feature2 .flexslider2 .slides>li figcaption h2 a, .feature-full-width .flexslider .slides>li figure>a>.wrap h1 a, .feature-home a figure>.wrap h1 a, .feature-news .hero .headings h2 a, main>.main>article.wysiwyg>h1 a, h1 a, .related-link-carousel>header h1 a, .page-summary h1 a, .feature>header h1 a, .feature-title-in-middle>header h1 a, .feature-title-at-bottom>header h1 a, .feature2>header h1 a, .awesome>header h1 a, .awesome2>header h1 a, .discover>header h1 a, .wysiwyg h1 a, .wysiwyg2 h1 a, .video-player>header h1 a, .news h1 a {
color: #002b5c
}
@media screen and (min-width: 680px) {
.page-summary.has-img h1, .feature .flexslider .slides>li figcaption h2, .feature-title-in-middle .flexslider .slides>li figcaption h2, .feature-title-at-bottom .flexslider .slides>li figcaption h2, .feature2 .flexslider2 .slides>li figcaption h2, .feature-full-width .flexslider .slides>li figure>a>.wrap h1, .feature-home a figure>.wrap h1, .feature-news .hero .headings h2, main>.main>article.wysiwyg>h1, h1, .related-link-carousel>header h1, .page-summary h1, .feature>header h1, .feature-title-in-middle>header h1, .feature-title-at-bottom>header h1, .feature2>header h1, .awesome>header h1, .awesome2>header h1, .discover>header h1, .wysiwyg h1, .wysiwyg2 h1, .video-player>header h1, .news h1 {
font-size: 44px;
font-size: 2.75rem
}
}
.page-summary.has-img h1, .feature .flexslider .slides>li figcaption h2, .feature-title-in-middle .flexslider .slides>li figcaption h2, .feature-title-at-bottom .flexslider .slides>li figcaption h2, .feature2 .flexslider2 .slides>li figcaption h2, .feature-full-width .flexslider .slides>li figure>a>.wrap h1, .feature-home a figure>.wrap h1, .feature-news .hero .headings h2 {
display: inline-block;
padding: 0.2em 20px;
background: #002b5c;
color: #fff
}
.page-summary.has-img h1 a, .feature .flexslider .slides>li figcaption h2 a, .feature-title-in-middle .flexslider .slides>li figcaption h2 a, .feature-title-at-bottom .flexslider .slides>li figcaption h2 a, .feature2 .flexslider2 .slides>li figcaption h2 a, .feature-full-width .flexslider .slides>li figure>a>.wrap h1 a, .feature-home a figure>.wrap h1 a, .feature-news .hero .headings h2 a {
color: #fff
}
.row.secondary .feature-home a figure>.wrap h1, .feature-news .hero .headings h1, main>.main>aside>h1, h2, .page-summary-small>h2, .page-summary-small.has-img>h3, .contact h1, .expert-search h1, .search-results .keymatch>h1, .wysiwyg h2, .wysiwyg2 h2, .related-link2 h2, .image figcaption h2, .feature-news .articles>li h1, .news h2, form#formalpha h1 {
margin: .5em 0;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
color: #222;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 0.5em;
margin-top: 20px;
min-height: 60px;
margin-bottom: 18px;
font-size: 32px;
font-size: 2rem
}
.row.secondary .feature-home a figure>.wrap h1 a.hover, .feature-news .hero .headings h1 a.hover, main>.main>aside>h1 a.hover, h2 a.hover, .page-summary-small.has-img>h3 a.hover, .contact h1 a.hover, .expert-search h1 a.hover, .search-results .keymatch>h1 a.hover, .feature-news .articles>li h1 a.hover, form#formalpha h1 a.hover {
color: #d6620b
}
@media screen and (min-width: 680px) {
.row.secondary .feature-home a figure>.wrap h1, .feature-news .hero .headings h1, main>.main>aside>h1, h2, .page-summary-small>h2, .page-summary-small.has-img>h3, .contact h1, .expert-search h1, .search-results .keymatch>h1, .wysiwyg h2, .wysiwyg2 h2, .related-link2 h2, .image figcaption h2, .feature-news .articles>li h1, .news h2, form#formalpha h1 {
font-size: 36px;
font-size: 2.25rem
}
}
.row.secondary .feature-home a figure>.wrap h1, .feature-news .hero .headings h1 {
display: inline-block;
padding: 0.2em 20px;
background: #002b5c;
color: #fff
}
.row.secondary .feature-home a figure>.wrap h1 a, .feature-news .hero .headings h1 a {
color: #fff
}
h3, .related-link-panel .link-panel h2, .quotation>div>header h1, aside.quotation>header h2, .discover div section.quotation>header h2, .wysiwyg h3, .wysiwyg2 h3, .wysiwyg span.breakout-box, .wysiwyg2 span.breakout-box, p.breakout-box, .person h2, .contact-table>.group>h1, .related-link h3, .news h3, .news span.breakout-box {
margin: .5em 0;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
color: #222;
font-size: 28px;
font-size: 1.75rem
}
h3 a, .related-link-panel .link-panel h2 a, .quotation>div>header h1 a, aside.quotation>header h2 a, .discover div section.quotation>header h2 a, .wysiwyg h3 a, .wysiwyg2 h3 a, .wysiwyg span.breakout-box a, .wysiwyg2 span.breakout-box a, p.breakout-box a, .person h2 a, .contact-table>.group>h1 a, .related-link h3 a, .news h3 a, .news span.breakout-box a {
color: #002b5c
}
@media screen and (min-width: 680px) {
h3, .related-link-panel .link-panel h2, .quotation>div>header h1, aside.quotation>header h2, .discover div section.quotation>header h2, .wysiwyg h3, .wysiwyg2 h3, .wysiwyg span.breakout-box, .wysiwyg2 span.breakout-box, p.breakout-box, .person h2, .contact-table>.group>h1, .related-link h3, .news h3, .news span.breakout-box {
font-size: 32px;
font-size: 2rem
}
}
h4, .awesome>ul>li.awesome-person figcaption, .awesome2>ul a>li.awesome-person figcaption, .contact h2, .quotation>div .quotee .name, .search-results article h2, .wysiwyg h4, .wysiwyg2 h4, .contact-table>.group>.contacts>ul li .name h2, .related-link h2, .related-link2 h3, .related-link-group h1, .related-link-group2 h1, aside.relatedfeatures>h2, .relatedfeatures>h2, .news h4, .news dl dt, .news table th, aside.newssidetitle>h2, .related-stories h2, .box>h3, div.ui-widget-content.loc_container>h3 {
margin: .5em 0;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
font-size: 24px;
font-size: 1.5rem
}
@media screen and (min-width: 680px) {
h4, .awesome>ul>li.awesome-person figcaption, .awesome2>ul a>li.awesome-person figcaption, .contact h2, .quotation>div .quotee .name, .search-results article h2, .wysiwyg h4, .wysiwyg2 h4, .contact-table>.group>.contacts>ul li .name h2, .related-link h2, .related-link2 h3, .related-link-group h1, .related-link-group2 h1, aside.relatedfeatures>h2, .relatedfeatures>h2, .news h4, .news dl dt, .news table th, aside.newssidetitle>h2, .related-stories h2, .box>h3, div.ui-widget-content.loc_container>h3 {
font-size: 28px;
font-size: 1.75rem
}
}
h5, .wysiwyg h5, .wysiwyg2 h5, section.grid-box, a[data-lightbox] h2, .story2 a>h3, .story3 a>h3, .story2 a>h2, .story3 a>h2, .newsExtraSmall a h2, .littlebox1>a>h3, .littlebox2>a>h3, .littlebox3>a>h3, .littlebox4>a>h3, div.ui-widget-content.loc_container>h4, .bodyquote .flexslider .slides p {
margin: .5em 0;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
font-size: 20px;
font-size: 1.25rem
}
@media screen and (min-width: 680px) {
h5, .wysiwyg h5, .wysiwyg2 h5, section.grid-box, a[data-lightbox] h2, .story2 a>h3, .story3 a>h3, .story2 a>h2, .story3 a>h2, .newsExtraSmall a h2, .littlebox1>a>h3, .littlebox2>a>h3, .littlebox3>a>h3, .littlebox4>a>h3, div.ui-widget-content.loc_container>h4, .bodyquote .flexslider .slides p {
font-size: 20px;
font-size: 1.25rem
}
}
h6, .wysiwyg h6, .wysiwyg2 h6, .wysiwyg dl dt, .wysiwyg2 dl dt, div.sideband dl dt, a[data-lightbox] h3 {
margin: .5em 0;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
font-size: 18px;
font-size: 1.125rem
}
@media screen and (min-width: 680px) {
h6, .wysiwyg h6, .wysiwyg2 h6, .wysiwyg dl dt, .wysiwyg2 dl dt, div.sideband dl dt, a[data-lightbox] h3 {
font-size: 20px;
font-size: 1.25rem
}
}
button.primaryblue.hover, button.blue.hover, button.orange.hover, button.green.hover, button.red.hover, button.lightgrey.hover, button.darkgrey.hover, button.hover, .related-link-panel .link-panel a.hover, .related-link-panel.greenDark a:hover, .related-link-panel.greenPastle a:hover, .related-link-panel.redDark a:hover, .related-link-panel.redPastle a:hover, .related-link-panel.orangeDark a:hover, .related-link-panel.orangePastle a:hover, .related-link-panel.blueDark a:hover, .related-link-panel.bluePastle a:hover, .feature .flexslider .slides>li figure a.hover h2, .feature-title-in-middle .flexslider .slides>li figure a.hover h2, .feature-title-at-bottom .flexslider .slides>li figure a.hover h2, .feature2 .flexslider2 .slides>li figure a.hover h2, .awesome2 a.hover p, .awesome2>ul a>li p a.hover, .awesome2>ul a>li a.hover, .quotation>div a.hover .quotee, input.buttonsearch.hover, .sub-nav li ul li a.hover, .sub-nav li a.hover, .person a.hover h2, .tabs-container div.apply2 div.apply-button a button.hover, .tabs-container div.apply2 div.apply-button a.hover, .tabs-container div.apply2 div.apply-button a.hover button, .video-player a.hover, a.acord.hover, div.apply div.apply-button a button.hover, div.apply div.apply-button a.hover button, ul.contact-list li span.staff_telno a.hover, ul.contact-list li span.staff_email a.hover, .fact a.hover h2, .related-link a.hover h2, .related-link h2 a.hover, .related-link2 a.hover, .related-link2.primaryblue a:hover, .related-link2.primaryblue h2 a:hover, .related-link2.primaryblue h3 a:hover, .related-link2.primaryblue p a:hover, .related-link2.primaryblue li a:hover, .related-link2.primarygrey a:hover, .related-link2.primarygrey h2 a:hover, .related-link2.primarygrey h3 a:hover, .related-link2.primarygrey p a:hover, .related-link2.primarygrey li a:hover, .related-link2.darkgrey a:hover, .related-link2.darkgrey h2 a:hover, .related-link2.darkgrey h3 a:hover, .related-link2.darkgrey p a:hover, .related-link2.darkgrey li a:hover, .related-link2.offwhite a:hover, .related-link2.green a:hover, .related-link2.green h2 a:hover, .related-link2.green h3 a:hover, .related-link2.green p a:hover, .related-link2.green li a:hover, .related-link2.greenDark a:hover, .related-link2.greenDark h2 a:hover, .related-link2.greenDark h3 a:hover, .related-link2.greenDark p a:hover, .related-link2.greenDark li a:hover, .related-link2.greenPastle a:hover, .related-link2.greenPastle h2 a:hover, .related-link2.greenPastle h3 a:hover, .related-link2.greenPastle p a:hover, .related-link2.greenPastle li a:hover, .related-link2.red a:hover, .related-link2.red h2 a:hover, .related-link2.red h3 a:hover, .related-link2.red p a:hover, .related-link2.red li a:hover, .related-link2.redDark a:hover, .related-link2.redDark h2 a:hover, .related-link2.redDark h3 a:hover, .related-link2.redDark p a:hover, .related-link2.redDark li a:hover, .related-link2.redPastle a:hover, .related-link2.redPastle h2 a:hover, .related-link2.redPastle h3 a:hover, .related-link2.redPastle p a:hover, .related-link2.redPastle li a:hover, .related-link2.orange a:hover, .related-link2.orange h2 a:hover, .related-link2.orange h3 a:hover, .related-link2.orange p a:hover, .related-link2.orange li a:hover, .related-link2.orangeDark a:hover, .related-link2.orangeDark h2 a:hover, .related-link2.orangeDark h3 a:hover, .related-link2.orangeDark p a:hover, .related-link2.orangeDark li a:hover, .related-link2.orangePastle a:hover, .related-link2.orangePastle h2 a:hover, .related-link2.orangePastle h3 a:hover, .related-link2.orangePastle p a:hover, .related-link2.orangePastle li a:hover, .related-link2.blue a:hover, .related-link2.blue h2 a:hover, .related-link2.blue h3 a:hover, .related-link2.blue p a:hover, .related-link2.blue li a:hover, .related-link2.blueDark a:hover, .related-link2.blueDark h2 a:hover, .related-link2.blueDark h3 a:hover, .related-link2.blueDark p a:hover, .related-link2.blueDark li a:hover, .related-link2.bluePastle a:hover, .related-link2.bluePastle h2 a:hover, .related-link2.bluePastle h3 a:hover, .related-link2.bluePastle p a:hover, .related-link2.bluePastle li a:hover, .related-link2.white-text a:hover, .related-link2.white-text h2 a:hover, .related-link2.white-text h3 a:hover, .related-link2.white-text p a:hover, .related-link2.white-text li a:hover, .image a.hover figcaption, .lists>li button.hover, .lists>section button.hover, article.gallery-wall.zoom>*:hover, a:hover .stafftitle, .media-item.dept.mainimages .item .in h2 a, .contact-right>lists>ul.contact-list li span.staff_telno a.hover, .contact-right>lists>ul.contact-list li span.staff_email a.hover, .littlebox1>a.hover h3, .littlebox2>a.hover h3, .littlebox3>a.hover h3, .littlebox4>a.hover h3, a.hover section.box, .blockhalfwidth a.hover {
background-color: #d6620b;
color: #fff;
text-decoration: none
}
h3 a.hover, a.hover, .wysiwyg h3 a.hover, .wysiwyg2 h3 a.hover, .news h3 a.hover {
color: #d6620b;
text-decoration: none
}
aside.relatedfeatures>p>a, .relatedfeatures>p>a {
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, select, textarea {
color: #222;
font-family: Alegreya Sans, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media screen and (min-width: 1001px) {
input#hpcoursesearch.filtersearch {
font-size: 2em
}
}
@media screen and (max-width: 1000px) {
input#hpcoursesearch.filtersearch {
font-size: 1.5em
}
}
@media screen and (min-width: 1001px) {
input#hpcoursesearchsubmit {
padding: 1.1em 1em 0.4em 1em
}
}
@media screen and (max-width: 1000px) {
input#hpcoursesearchsubmit {
padding: 0.6em 0.5em 0.2em 0.5em
}
}
a {
color: #0078ae;
text-decoration: none
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal
}
html {
font-size: 1em;
line-height: 1.4
}
body {
font-size: 1.07em
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
audio, canvas, img, video {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
.staffprofilename {
text-transform: capitalize
}
.jobtitle {
margin-top: 0
}
[class^="icon-"], [class*=" icon-"] {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-quotes-right, .icon-quotes-left {
quotes: "\201C" "\201D" "\2018" "\2019";
font-size: 2.7em;
line-height: 0.1em;
vertical-align: -0.4em;
color: #5d9732
}
.icon-quotes-right:before {
content: close-quote;
margin-left: 0.25em
}
.icon-quotes-left:before {
content: open-quote;
margin-right: 0.25em
}
.browsehappy {
position: fixed;
z-index: 9999;
bottom: 0;
width: 100%;
margin: 0;
padding: 10px;
text-align: center;
background: #222;
color: #a7a9ac
}
.browsehappy a {
color: #fff
}
.searchbox {
padding: .4em .7em;
border: none;
background: #efefef;
font-size: 18px;
color: #000;
width: 150px
}
@media screen and (min-width: 500px) {
.searchbox {
padding: .4em .7em;
border: none;
font-size: 18px;
color: #000;
width: 150px;
height: 42px
}
}
@media screen and (min-width: 680px) {
.searchbox {
padding: .4em .7em;
border: none;
font-size: 18px;
color: #000;
width: 200px
}
}
@media screen and (min-width: 800px) {
.searchbox {
z-index: 1;
width: 29%
}
}
#submitstyle {
padding: 1.3em .4em;
border: none;
background: #5A5C60;
font-size: 10px;
color: #fff;
text-transform: uppercase;
margin-left: 5px
}
#submitstyle:hover {
color: #fff;
background: 0078ae
}
@media screen and (min-width: 680px) {
#submitstyle {
padding: .4em .7em;
border: none;
background: #5A5C60;
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin-left: 5px
}
}
@media screen and (min-width: 800px) {
#submitstyle {
padding: .4em .7em;
border: none;
background: #5A5C60;
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin-left: 5px
}
}
.searchgraphic.fa {
display: none;
right: 20px;
top: 125px;
z-index: 1;
border: 0;
background: transparent;
font-size: 1.4rem
}
@media screen and (min-width: 680px) {
.searchgraphic.fa {
position: absolute;
display: block;
right: 5px;
top: 0;
padding: 10px;
z-index: 1
}
}
@media screen and (min-width: 800px) {
.searchgraphic.fa {
z-index: 1
}
}
.searchcontainer {
background: #fff
}
.white {
color: #fff
}
h5.betamessage {
color: #fff;
background-color: #222;
padding-left: 1em
}
h5.betamessage>a {
color: #fff
}
h5.betamessage>a:hover {
color: #f47b20
}
@media screen and (min-width: 800px) {
h5.betamessage {
padding-left: 12em
}
}
body {
background: #f7f7f7
}
body>.wrap {
max-width: 62em;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 0 2%;
background: #fff
}
body.full-width {
background: #fff
}
@media screen and (min-width: 71.25em) {
body.full-width>.wrap {
padding: 0;
max-width: none;
margin-left: 0;
margin-right: 0
}
}
@media screen and (min-width: 335px) {
body {
overflow-x: hidden
}
}
main {
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
main:after {
content: "";
display: table;
clear: both
}
.full-width main {
max-width: none
}
main h1:first-of-type {
margin-top: 0
}
main section.max-width {
max-width: 62em;
margin-left: auto;
margin-right: auto
}
@media screen and (min-width: 680px) {
main {
margin-top: 0
}
}
@media screen and (min-width: 71.25em) {
main>.full-width-wrap {
background: #efefef
}
}
main>.full-width-wrap.triangles {
background: #fff url(http://www.strath.ac.uk/ead/back-triangles.gif) center top no-repeat
}
main>.full-width-wrap.skyline {
overflow: hidden
}
@media screen and (min-width: 71.25em) {
main>.full-width-wrap.skyline {
background: #0078ae url(http://www.strath.ac.uk/ead/cityscap-blue.gif) center bottom no-repeat;
background-size: cover
}
}
main>.full-width-wrap.primaryblue {
background: #002b5c
}
main>.main:after {
content: "";
display: table;
clear: both
}
main>.main.max-width {
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
main>.main.max-width:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 680px) {
main>.main>aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-right: 0
}
main>.main>aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
main>.main>aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
margin-right: 0
}
main>.main>aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
main>.main>.sub-nav {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
main>.main>.sub-nav:last-child {
margin-right: 0
}
}
main>.main>article {
margin-bottom: 16px;
background-color: #fff
}
main>.main>article:after {
content: "";
display: table;
clear: both
}
main>.main>article>h1 {
font-size: 32px;
font-size: 2rem
}
@media screen and (min-width: 680px) {
main>.main>article>h1 {
font-size: 36px;
font-size: 2.25rem
}
}
@media screen and (min-width: 680px) {
main>.main>article.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
main>.main>article.has-aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
main>.main>article.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%
}
main>.main>article.has-aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
main>.main>article.has-nav {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%;
margin-right: 0
}
main>.main>article.has-nav:last-child {
margin-right: 0
}
}
.row {
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
.row:after {
content: "";
display: table;
clear: both
}
.full-width-wrap .row {
max-width: none
}
@media screen and (min-width: 500px) {
.row>*:last-child {
margin-right: 0
}
.row .quarter {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.row .quarter:last-child {
margin-right: 0
}
.row .third {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.row .third:last-child {
margin-right: 0
}
.row .half {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.row .half:last-child {
margin-right: 0
}
.row .twothirds {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
.row .twothirds:last-child {
margin-right: 0
}
.row .threequarters {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%
}
.row .threequarters:last-child {
margin-right: 0
}
}
.flex-container a:active, .flexslider a:active, .flexslider2 a:active, .flex-container a:focus, .flexslider a:focus {
outline: none
}
.flexslider2 a:focus {
outline: none
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none
}
.flexslider .slides img {
width: 100%;
display: block
}
.flexslider2 .slides>li {
display: block
}
.flexslider2 .slides img {
width: 100%;
display: block
}
.flex-pauseplay span {
text-transform: capitalize
}
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .slides {
display: block
}
* html .slides {
height: 1%
}
.no-js .slides>li:first-child {
display: block
}
.flexslider {
margin-bottom: 38px !important;
position: relative;
zoom: 1
}
.flexslider.single {
margin-bottom: 0 !important
}
.flexslider2 {
margin-bottom: 38px !important;
position: relative;
zoom: 1
}
.flexslider2.single {
margin-bottom: 0 !important
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
position: relative;
z-index: 1
}
.loading .flex-viewport {
max-height: 300px
}
.flexslider .slides {
zoom: 1
}
.flexslider2 .slides {
zoom: 1
}
.carousel li {
margin-right: 5px
}
.flex-direction-nav {
*height: 0
}
.flex-direction-nav a {
display: block;
width: 45px;
height: 45px;
border-radius: 22px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
cursor: pointer;
background: #999;
background: rgba(0, 0, 0, 0.3);
color: #fff !important;
text-decoration: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.flex-direction-nav .flex-prev {
display: none;
left: -50px
}
.flex-direction-nav .flex-next {
display: none;
right: -50px;
text-align: right
}
.flexslider.hover .flex-prev {
display: block;
left: 10px
}
.flexslider.hover .flex-next {
display: block;
right: 10px
}
.flexslider.hover .flex-next.hover, .flexslider.hover .flex-prev.hover {
background: #666;
background: rgba(0, 0, 0, 0.6)
}
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default
}
.flex-direction-nav a:before {
padding: .25em .45em;
font-family: Alegreya Sans, sans-serif;
font-size: 32px;
line-height: 1;
display: inline-block;
content: '<'
}
.flex-direction-nav a.flex-next:before {
content: '>'
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000
}
.flex-pauseplay a:before {
font-family: Alegreya Sans, sans-serif;
font-size: 20px;
line-height: 1;
display: inline-block;
content: 'O'
}
.flex-pauseplay a.hover {
opacity: 1
}
.flex-pauseplay a.flex-play:before {
content: '\25BA \0020'
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}
.flex-control-paging li a.hover {
background: #a7a9ac
}
.flex-control-paging li a.flex-active {
background: #f47b20;
cursor: default
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer
}
.flex-control-thumbs img:hover {
opacity: 1
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px
}
}
header[role="banner"] {
padding: 0 2%;
background: #fff
}
header[role="banner"]:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 680px) {
header[role="banner"] {
margin-bottom: -45px
}
}
footer[role="contentinfo"] {
overflow: hidden;
padding: 30px 2% 60px;
background: #002b5c;
color: #fff
}
footer[role="contentinfo"]>.wrap {
max-width: 62em;
margin-left: auto;
margin-right: auto
}
footer[role="contentinfo"]>.wrap>.column {
float: left;
width: 100% !important
}
@media screen and (min-width: 500px) {
footer[role="contentinfo"]>.wrap>.column {
width: 46% !important;
margin-right: 4%
}
footer[role="contentinfo"]>.wrap>.column.last {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
footer[role="contentinfo"]>.wrap>.column {
width: 30.6666% !important
}
}
@media screen and (min-width: 500px) {
footer[role="contentinfo"]>.wrap {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 2.8125em;
-moz-column-gap: 2.8125em;
column-gap: 2.8125em
}
}
@media screen and (min-width: 680px) {
footer[role="contentinfo"]>.wrap {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
}
footer[role="contentinfo"]>.wrap .group {
padding: .1em;
width: 100%;
border-top: 1px solid #19508f;
display: table;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid
}
footer[role="contentinfo"]>.wrap .group h1 {
color: #fff
}
footer[role="contentinfo"] a {
text-decoration: none;
color: #fff
}
footer[role="contentinfo"] a.hover {
color: #a7a9ac
}
footer[role="contentinfo"] h1 {
color: #fff;
margin: .5em 0;
font-size: 22px;
font-size: 1.375rem
}
footer[role="contentinfo"] ul {
margin-top: 0;
padding: 0;
list-style: none
}
.breadcrumbs {
clear: both
}
.breadcrumbs ul {
background-color: #8d8f93;
margin: 32px 0 0;
padding: 0
}
.breadcrumbs ul li {
display: inline-block;
padding: 10px 6.66667px;
color: #fff
}
.breadcrumbs ul li:before {
margin-right: 13.33333px;
color: #fff;
content: '>';
font-family: Alegreya Sans, sans-serif
}
.breadcrumbs ul li:first-child {
margin-right: 6.66667px;
padding: 10px;
background-color: #000
}
.breadcrumbs ul li:first-child:before {
margin-right: 0;
content: ''
}
.breadcrumbs ul li a {
color: #fff;
text-decoration: none
}
.breadcrumbs ul li a.hover {
color: #dcdcdc
}
.breadcrumbsheader {
position: relative
}
.breadcrumbsheader ul {
margin: 0;
padding: 0
}
.breadcrumbsheader ul li {
display: inline-block;
padding: 10px 10px 10px 0;
color: #222;
font-size: 16px
}
.breadcrumbsheader ul li:before {
margin-right: 13.33333px;
color: #222;
content: '>'
}
.breadcrumbsheader ul li:first-child {
padding-left: 0
}
.breadcrumbsheader ul li:first-child:before {
margin-right: 0;
content: ''
}
.breadcrumbsheader ul li a {
color: #222
}
.breadcrumbsheader ul li a.hover {
color: #c1c3c5
}
@media screen and (max-width: 699px) {
.breadcrumbsheader ul li {
padding: 10px 10px 0 0
}
}
html {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #fff
}
body {
-ms-touch-action: manipulation
}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-family: Alegreya Sans, sans-serif;
line-height: 1.2;
margin: 0.5em 0
}
h1 {
font-size: 2.75rem
}
h3 a {
color: #0078ae
}
img {
max-width: 100%
}
.bigLink a {
padding: 10px;
display: block;
background: #efefef
}
.bigLink a:after {
content: "";
display: table;
clear: both
}
.bigLink a.hover {
background: #f47b20;
color: #fff
}
.image-auto img {
width: auto
}
a {
color: #0078ae;
text-decoration: underline
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, ul a, li a {
text-decoration: none
}
h1 ul a, h1 li a, h2 ul a, h2 li a, h3 ul a, h3 li a, h4 ul a, h4 li a, h5 ul a, h5 li a, h6 ul a, h6 li a, ul ul a, ul li a, li ul a, li li a {
text-decoration: unerline
}
#key-aside>button {
width: 100%
}
button {
display: inline;
width: auto;
background: #5d9732;
font-size: 1.6em;
border: 0;
color: #fff;
line-height: 2em;
margin-bottom: 10px;
padding: 0 20px
}
button a {
color: #fff;
text-decoration: none
}
button a.hover {
color: #fff
}
button.primaryblue {
background: #002b5c
}
button.blue {
background: #0078ae
}
button.orange {
background: #f47b20
}
button.green {
background: #5d9732
}
button.red {
background: #ee3224
}
button.lightgrey {
background: #dcdcdc
}
button.darkgrey {
background: #222
}
input[disabled] {
background: #efefef;
border: 0
}
#unistats-widget-frame {
display: none
}
@media screen and (min-width: 800px) {
#unistats-widget-frame {
display: block
}
}
#skipLink {
position: absolute;
top: -1000px
}
#skipLink:focus {
top: 0px
}
.accessibility *:focus *, .accessibility *:focus {
outline: #0099FF dotted 1px !important;
background-color: yellow !important;
color: black !important
}
.related-link-carousel {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
width: 100%;
overflow: hidden;
margin-bottom: 16px
}
.related-link-carousel:after {
content: "";
display: table;
clear: both
}
.related-link-carousel>header {
margin-bottom: 20px
}
.related-link-carousel>header p {
font-size: 18px;
font-size: 1.125rem
}
.related-link-carousel>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.related-link-carousel .fixed-list {
overflow: hidden;
padding: 0
}
@media screen and (min-width: 500px) {
.related-link-carousel .fixed-list>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.related-link-carousel .fixed-list>li:last-child {
margin-right: 0
}
.related-link-carousel .fixed-list>li:nth-child(2n) {
margin-right: 0
}
.related-link-carousel .fixed-list>li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 800px) {
.related-link-carousel .fixed-list>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.related-link-carousel .fixed-list>li:last-child {
margin-right: 0
}
.related-link-carousel .fixed-list>li:nth-child(2n) {
margin-right: 1.53331%
}
.related-link-carousel .fixed-list>li:nth-child(2n+1) {
clear: none
}
.related-link-carousel .fixed-list>li:nth-child(4n) {
margin-right: 0
}
.related-link-carousel .fixed-list>li:nth-child(4n+1) {
clear: left
}
}
.related-link-panel {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
margin-bottom: 16px;
background: #e5e5e5;
padding: 5px
}
.related-link-panel:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 500px) {
.related-link-panel {
padding: 10px
}
}
.related-link-panel .link-panel {
background: #fff;
padding: 20px;
display: block;
margin-bottom: 10px
}
.related-link-panel .link-panel:after {
content: "";
display: table;
clear: both
}
.related-link-panel .link-panel h2 {
margin: 0;
border: 0
}
.related-link-panel .link-panel>ul {
padding: 0;
list-style: none;
margin: 0;
display: inline
}
.related-link-panel .link-panel>ul li>a {
text-decoration: none;
display: inline;
padding: 0;
margin: 0
}
.related-link-panel .link-panel>ul li>a.hover {
background-color: #fff;
color: #f47b20;
padding: 0;
margin: 0
}
.related-link-panel .link-panel>ul li>a.hover h2 {
color: #f47b20
}
.related-link-panel .link-panel>ul li>a:after, .related-link-panel .link-panel>ul li>a:before {
content: none
}
.related-link-panel .link-panel>p>a {
text-decoration: none;
display: inline;
padding: 0;
margin: 0
}
.related-link-panel .link-panel>p>a.hover {
background-color: #fff;
text-decoration: underline;
color: #f47b20
}
.related-link-panel .link-panel>p>a:before, .related-link-panel .link-panel>p>a:after {
display: inline
}
.related-link-panel .link-panel figure {
margin: 0 0 20px 20px
}
.related-link-panel .link-panel figure .video-thumb {
position: relative
}
.related-link-panel .link-panel figure .video-thumb:after {
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -40px;
width: 60px;
height: 42px;
content: 'N';
color: #fff;
font-family: Alegreya Sans, sans-serif;
font-size: 30px;
text-align: center;
background: #222;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px
}
.related-link-panel .link-panel figure img {
width: 100%;
height: auto
}
.related-link-panel .link-panel figure .videowrap {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative
}
.related-link-panel .link-panel figure .videowrap iframe, .related-link-panel .link-panel figure .videowrap object, .related-link-panel .link-panel figure .videowrap embed, .related-link-panel .link-panel figure .videowrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media screen and (min-width: 500px) {
.related-link-panel .link-panel figure.quarter {
width: 25%
}
.related-link-panel .link-panel figure.half {
width: 50%
}
.related-link-panel .link-panel figure.left {
float: left;
margin: 0 20px 20px 0
}
.related-link-panel .link-panel figure.right {
float: right;
margin: 0 0 20px 20px
}
}
.related-link-panel .link-panel a {
text-decoration: none;
display: block;
padding: 20px;
margin: -20px
}
.related-link-panel .link-panel a:after {
content: "";
display: table;
clear: both
}
.related-link-panel .link-panel a ul {
margin: 0
}
.related-link-panel .link-panel a h2 {
color: #0078ae
}
.related-link-panel .link-panel a.hover h2 {
color: #fff
}
.related-link-panel .link-panel:last-child {
margin-bottom: 0
}
.related-link-panel .link-panel.Textleft ul li:before {
display: inline;
padding: 0 10px 0 0
}
.related-link-panel.primaryblue {
background: #002b5c
}
.related-link-panel.primarygrey {
background: #a7a9ac
}
.related-link-panel.darkgrey {
background: #222
}
.related-link-panel.offwhite {
background: #efefef
}
.related-link-panel.green {
background: #5d9732
}
.related-link-panel.greenDark {
background: #2e4a19
}
.related-link-panel.greenDark a h2, .related-link-panel.greenDark a h3, .related-link-panel.greenDark a p {
color: white
}
.related-link-panel.greenPastle {
background: #adc999
}
.related-link-panel.greenPastle a h2, .related-link-panel.greenPastle a h3, .related-link-panel.greenPastle a p {
color: white
}
.related-link-panel.red {
background: #ee3224
}
.related-link-panel.redDark {
background: #a0170c
}
.related-link-panel.redDark a h2, .related-link-panel.redDark a h3, .related-link-panel.redDark a p {
color: white
}
.related-link-panel.redPastle {
background: #f1beba
}
.related-link-panel.redPastle a h2, .related-link-panel.redPastle a h3, .related-link-panel.redPastle a p {
color: white
}
.related-link-panel.orange {
background: #f47b20
}
.related-link-panel.orangeDark {
background: #a64c08
}
.related-link-panel.orangeDark a h2, .related-link-panel.orangeDark a h3, .related-link-panel.orangeDark a p {
color: white
}
.related-link-panel.orangePastle {
background: #f3d2ba
}
.related-link-panel.orangePastle a h2, .related-link-panel.orangePastle a h3, .related-link-panel.orangePastle a p {
color: white
}
.related-link-panel.blue {
background: #0078ae
}
.related-link-panel.blueDark {
background: #003248
}
.related-link-panel.blueDark a h2, .related-link-panel.blueDark a h3, .related-link-panel.blueDark a p {
color: white
}
.related-link-panel.bluePastle {
background: #5abfed
}
.related-link-panel.bluePastle a h2, .related-link-panel.bluePastle a h3, .related-link-panel.bluePastle a p {
color: white
}
.pagelinks {
padding-top: 80px;
display: inline-block
}
.pagelinks>ul {
margin: 0
}
.pagelinks>ul>li {
list-style: none;
color: #fff;
background: #404040;
width: 22%
}
.pagelinks>ul>li:nth-child(1) {
padding: 20px
}
.pagelinks>ul>li:nth-child(1).hover {
border-top: 6px solid #0078ae;
margin-top: -6px
}
.pagelinks>ul>li:nth-child(1)>a {
color: #fff
}
.pagelinks>ul>li:nth-child(2) {
padding: 20px
}
.pagelinks>ul>li:nth-child(2).hover {
border-top: 6px solid #ee3224;
margin-top: -6px
}
.pagelinks>ul>li:nth-child(2)>a {
color: #fff
}
.pagelinks>ul>li:nth-child(3) {
padding: 20px
}
.pagelinks>ul>li:nth-child(3).hover {
border-top: 6px solid #5d9732;
margin-top: -6px
}
.pagelinks>ul>li:nth-child(3)>a {
color: #fff
}
.pagelinks>ul>li:nth-child(4) {
padding: 20px
}
.pagelinks>ul>li:nth-child(4).hover {
border-top: 6px solid #f47b20;
margin-top: -6px
}
.pagelinks>ul>li:nth-child(4)>a {
color: #fff
}
.pagelinks>ul>li:nth-child(5) {
padding: 20px
}
.pagelinks>ul>li:nth-child(5).hover {
border-top: 6px solid #002b5c;
margin-top: -6px
}
.pagelinks>ul>li:nth-child(5)>a {
color: #fff
}
@media screen and (min-width: 680px) {
.pagelinks>ul>li {
padding: 20px 40px;
float: left;
margin-right: 10px
}
}
.pagelinks>ul>li .pentagon {
position: relative;
width: 54px;
border-width: 50px 18px 0;
border-style: solid;
border-color: red transparent
}
.pagelinks>ul>li .pentagon:before {
content: "";
position: absolute;
height: 0;
width: 0;
top: -85px;
left: -18px;
border-width: 0 45px 35px;
border-style: solid;
border-color: transparent transparent red
}
.fact-carousel {
overflow: hidden;
margin-bottom: 16px;
background: #eee
}
.fact-carousel:after {
content: "";
display: table;
clear: both
}
.fact-carousel a {
color: #0073f5
}
.fact-carousel>header {
margin: 1em
}
.page-summary {
overflow: hidden;
position: relative;
margin-bottom: 16px
}
.page-summary:after {
content: "";
display: table;
clear: both
}
.page-summary span.qualification {
display: block;
width: 100%;
font-size: 0.5em;
line-height: 1em
}
.page-summary h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.page-summary div.key-facts {
top: 0;
right: 0;
width: 100%;
background: #EFEFEF;
margin-top: 10px
}
.page-summary div.key-facts h2 {
background: none repeat scroll 0 0 #002B5C;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF !important;
margin: 0;
padding: 10px 10px 10px;
font-size: 1.5em
}
.page-summary div.key-facts .related-link-group ul>li:before {
color: #F47B20
}
.page-summary div.key-facts .related-link-group a.more-keyFacts {
display: none
}
@media screen and (min-width: 800px) {
.page-summary div.key-facts {
top: 0px;
right: 0;
position: absolute;
width: 23.85%;
border: 1.25% solid #000;
height: 100%;
background: #EFEFEF;
margin-top: 0
}
.page-summary div.key-facts h2 {
background: none repeat scroll 0 0 #002B5C;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF !important;
margin: 0;
padding: 60px 10px 10px
}
.page-summary div.key-facts .related-link-group ul>li:before {
color: #F47B20
}
.page-summary div.key-facts .related-link-group a.more-keyFacts {
text-align: center;
display: block;
position: absolute;
bottom: 0;
height: 40px;
padding: 20px 0 0 0;
width: 100%;
background: -moz-linear-gradient(rgba(239, 239, 239, 0) 0%, #efefef 50%);
background: -webkit-linear-gradient(rgba(239, 239, 239, 0) 0%, #efefef 50%);
background: -o-linear-gradient(rgba(239, 239, 239, 0) 0%, #efefef 50%);
background: -moz-linear-gradient(rgba(239, 239, 239, 0) 0%, #efefef 50%);
background: linear-gradient(to rgba(239, 239, 239, 0) 0%, #efefef 50%)
}
.page-summary div.key-facts.expand-keyFacts {
width: 50%
}
}
.page-summary p a.hover {
color: #f47b20
}
@media screen and (min-width: 800px) {
.page-summary {
margin-bottom: 16px
}
.page-summary h1 {
margin-top: 0
}
.page-summary p {
font-size: 18px;
font-size: 1.125rem
}
}
.page-summary.has-img h1 {
width: 100%;
margin: -1px 0 0
}
.page-summary.has-img h1 span.qualification {
display: block;
width: 100%;
font-size: 0.5em;
line-height: 1em
}
.page-summary.has-img p {
padding: 0 20px
}
@media screen and (min-width: 800px) {
.page-summary.has-img>.wrap {
position: relative;
min-height: 410px
}
.page-summary.has-img h1 {
position: absolute;
width: auto;
bottom: 0;
left: 0;
max-width: 75%
}
.page-summary.has-img .qualification {
display: block;
width: 100%;
font-size: 0.5em;
line-height: 1em
}
}
.page-summary img {
width: 100%
}
@media screen and (min-width: 800px) {
.page-summary img {
top: 0;
min-width: 100%;
height: 410px;
position: absolute;
left: 57%;
margin-left: -35.625em;
width: auto
}
}
.page-summary h1 img {
display: none
}
@media screen and (min-width: 500px) {
.page-summary h1 img {
display: block;
width: auto;
height: auto;
min-width: auto;
left: 0;
position: relative;
float: right;
max-width: 40%;
max-height: 66px;
margin: 0 0 10px 10px
}
}
.page-summary.primaryblue h1 {
padding: 10px;
background: #002b5c;
color: #fff
}
.page-summary.blue h1 {
color: #fff;
padding: 10px;
background: #0078ae
}
.page-summary.green h1 {
color: #fff;
padding: 10px;
background: #5d9732
}
.page-summary.red h1 {
color: #fff;
padding: 10px;
background: #ee3224
}
.page-summary.orange h1 {
color: #fff;
padding: 10px;
background: #f47b20
}
.page-summary .price {
width: 150px;
height: 150px;
padding-top: 30px
}
.page-summary .price span.priceOnImage {
font-size: 3em
}
.page-summary-small {
overflow: hidden;
position: relative;
margin-bottom: 16px;
margin-bottom: -30px
}
.page-summary-small:after {
content: "";
display: table;
clear: both
}
.page-summary-small>h2+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.page-summary-small p a.hover {
color: #f47b20
}
@media screen and (min-width: 800px) {
.page-summary-small {
margin-bottom: 16px
}
.page-summary-small h2 {
margin-top: 0
}
.page-summary-small p {
font-size: 18px;
font-size: 1.125rem
}
}
.page-summary-small.has-img h2 {
width: 100%;
margin: -1px 0 0;
background: #ee3224;
padding: 20px;
color: #fff;
display: inline-block;
margin-top: 200px
}
.page-summary-small.has-img p {
padding: 0 20px
}
.page-summary-small.has-img>h3 {
padding-top: 20px
}
.page-summary-small.has-img>hr {
border: 0;
width: 50%;
color: #f00;
background-color: #ee3224;
height: 3px
}
@media screen and (min-width: 800px) {
.page-summary-small.has-img>.wrap {
position: relative;
min-height: 200px
}
.page-summary-small.has-img>h2 {
position: absolute;
width: auto;
bottom: 0;
left: 0;
background: #ee3224
}
}
.page-summary-small img {
width: 100%
}
@media screen and (min-width: 800px) {
.page-summary-small img {
top: 0;
min-width: 100%;
height: 410px;
position: absolute;
left: 50%;
margin-left: -35.625em;
width: auto
}
}
.feature {
overflow: hidden;
position: relative;
margin-bottom: 16px
}
.feature:after {
content: "";
display: table;
clear: both
}
.feature.overthetop {
overflow: visible
}
.feature.overthetop h1.blockHeading {
padding-right: 120px
}
.feature.primaryblue h1 {
padding: 10px;
background: #002b5c;
color: #fff
}
.feature.blue h1 {
color: #fff;
padding: 10px;
background: #0078ae
}
.feature.green h1 {
color: #fff;
padding: 10px;
background: #5d9732
}
.feature.red h1 {
color: #fff;
padding: 10px;
background: #ee3224
}
.feature.orange h1 {
color: #fff;
padding: 10px;
background: #f47b20
}
.feature>header {
margin-bottom: 20px
}
.feature>header h1.blockHeading {
padding: 10px;
background: #002b5c;
color: #fff
}
.feature>header h1 span.qualification {
display: block;
font-size: 0.5em;
line-height: 1em;
width: 100%
}
.feature>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
@media screen and (min-width: 680px) {
.feature>header p {
font-size: 18px;
font-size: 1.125rem
}
}
.feature .flexslider.thumbs {
margin-bottom: 1px !important
}
.feature .flexslider.thumbs .slides>li {
position: relative;
min-height: 60px;
margin-right: 4px;
cursor: pointer;
background: #e5e5e5;
text-align: center
}
.feature .flexslider.thumbs .slides>li.flex-active-slide {
font-weight: bold
}
.feature .flexslider.thumbs .slides>li>div {
width: 100%;
padding: 10px;
position: absolute;
bottom: 0
}
@media screen and (min-width: 680px) {
.feature .flexslider.thumbs .slides>li {
min-height: 100px;
font-size: 18px;
font-size: 1.125rem
}
}
.feature .flexslider.thumbs .flex-direction-nav a {
min-height: 60px;
top: 0;
margin: 0;
border-radius: 0
}
.feature .flexslider.thumbs .flex-direction-nav a.flex-prev {
left: 0
}
.feature .flexslider.thumbs .flex-direction-nav a.flex-next {
right: 0
}
.feature .flexslider.thumbs .flex-direction-nav a:before {
padding-top: .5em;
padding-bottom: .5em
}
@media screen and (min-width: 680px) {
.feature .flexslider.thumbs .flex-direction-nav a {
min-height: 100px
}
.feature .flexslider.thumbs .flex-direction-nav a:before {
padding-top: 1.05em;
padding-bottom: 1.05em
}
}
.feature .flexslider.thumbsimg {
margin-top: 1px
}
.feature .flexslider.thumbsimg .slides>li {
margin-right: 4px;
cursor: pointer;
background: #fff
}
.feature .flexslider.has-thumbs, .feature .flexslider.has-thumbsimg {
margin-bottom: 0 !important
}
.feature .flexslider .slides>li figure a {
text-decoration: none
}
.feature .flexslider .slides>li figcaption h2 {
width: 100%;
margin: -1px 0 .5em
}
.feature .flexslider .slides>li figcaption p {
margin: 0;
padding: 0 20px 20px;
background: #fff;
color: #222
}
.feature .flexslider .slides>li figcaption a.hover {
color: #f47b20;
background: none
}
@media screen and (min-width: 680px) {
.feature .flexslider .slides>li figcaption {
position: absolute;
left: 0;
top: 10%
}
.feature .flexslider .slides>li figcaption h2 {
width: auto;
z-index: 1;
position: relative;
bottom: -1.2em;
margin: 0
}
.feature .flexslider .slides>li figcaption p {
width: 50%;
padding-top: 60px
}
}
.feature-title-in-middle {
overflow: hidden;
position: relative;
margin-bottom: 16px
}
.feature-title-in-middle:after {
content: "";
display: table;
clear: both
}
.feature-title-in-middle>header {
margin-bottom: 20px
}
.feature-title-in-middle>header h1 {
max-width: 75%
}
.feature-title-in-middle>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
@media screen and (min-width: 680px) {
.feature-title-in-middle>header p {
font-size: 18px;
font-size: 1.125rem
}
}
.feature-title-in-middle .flexslider.thumbs {
margin-bottom: 1px !important
}
.feature-title-in-middle .flexslider.thumbs .slides>li {
position: relative;
min-height: 60px;
margin-right: 4px;
cursor: pointer;
background: #e5e5e5;
text-align: center
}
.feature-title-in-middle .flexslider.thumbs .slides>li.flex-active-slide {
font-weight: bold
}
.feature-title-in-middle .flexslider.thumbs .slides>li>div {
width: 100%;
padding: 10px;
position: absolute;
bottom: 0
}
@media screen and (min-width: 680px) {
.feature-title-in-middle .flexslider.thumbs .slides>li {
min-height: 100px;
font-size: 18px;
font-size: 1.125rem
}
}
.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a {
min-height: 60px;
top: 0;
margin: 0;
border-radius: 0
}
.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a.flex-prev {
left: 0
}
.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a.flex-next {
right: 0
}
.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a:before {
padding-top: .5em;
padding-bottom: .5em
}
@media screen and (min-width: 680px) {
.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a {
min-height: 100px
}
.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a:before {
padding-top: 1.05em;
padding-bottom: 1.05em
}
}
.feature-title-in-middle .flexslider.thumbsimg {
margin-top: 1px
}
.feature-title-in-middle .flexslider.thumbsimg .slides>li {
margin-right: 4px;
cursor: pointer;
background: #fff
}
.feature-title-in-middle .flexslider.has-thumbs, .feature-title-in-middle .flexslider.has-thumbsimg {
margin-bottom: 0 !important
}
.feature-title-in-middle .flexslider .slides>li figure a {
text-decoration: none
}
.feature-title-in-middle .flexslider .slides>li figcaption h2 {
width: 100%;
margin: -1px 0 .5em
}
.feature-title-in-middle .flexslider .slides>li figcaption p {
margin: 0;
padding: 0 20px 20px;
background: #fff;
color: #222
}
.feature-title-in-middle .flexslider .slides>li figcaption a.hover {
color: #f47b20;
background: none
}
@media screen and (min-width: 680px) {
.feature-title-in-middle .flexslider .slides>li figcaption {
position: absolute;
left: 0;
top: 10%
}
.feature-title-in-middle .flexslider .slides>li figcaption h2 {
width: auto;
z-index: 1;
position: relative;
bottom: -1.2em;
margin: 0
}
.feature-title-in-middle .flexslider .slides>li figcaption p {
width: 50%;
padding-top: 60px
}
}
.feature-title-at-bottom {
overflow: visible;
position: relative;
margin-bottom: 16px
}
.feature-title-at-bottom:after {
content: "";
display: table;
clear: both
}
.feature-title-at-bottom>header {
margin-bottom: 20px
}
.feature-title-at-bottom>header h1 {
max-width: 75%
}
.feature-title-at-bottom>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
@media screen and (max-width: 50px) {
.feature-title-at-bottom>header p {
font-size: 18px;
font-size: 1.125rem
}
}
.feature-title-at-bottom .flexslider.thumbs {
margin-bottom: 1px !important
}
.feature-title-at-bottom .flexslider.thumbs .slides>li {
position: relative;
min-height: 60px;
margin-right: 4px;
cursor: pointer;
background: #e5e5e5;
text-align: center
}
.feature-title-at-bottom .flexslider.thumbs .slides>li.flex-active-slide {
font-weight: bold
}
.feature-title-at-bottom .flexslider.thumbs .slides>li>div {
width: 100%;
padding: 10px;
position: absolute;
bottom: 0
}
@media screen and (min-width: 680px) {
.feature-title-at-bottom .flexslider.thumbs .slides>li {
min-height: 100px;
font-size: 18px;
font-size: 1.125rem
}
}
.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a {
min-height: 60px;
top: 0;
margin: 0;
border-radius: 0
}
.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a.flex-prev {
left: 0
}
.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a.flex-next {
right: 0
}
.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a:before {
padding-top: .5em;
padding-bottom: .5em
}
@media screen and (min-width: 680px) {
.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a {
min-height: 100px
}
.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a:before {
padding-top: 1.05em;
padding-bottom: 1.05em
}
}
.feature-title-at-bottom .flexslider.thumbsimg {
margin-top: 1px
}
.feature-title-at-bottom .flexslider.thumbsimg .slides>li {
margin-right: 4px;
cursor: pointer;
background: #fff
}
.feature-title-at-bottom .flexslider.has-thumbs, .feature-title-at-bottom .flexslider.has-thumbsimg {
margin-bottom: 0 !important
}
.feature-title-at-bottom .flexslider .slides>li figure a {
text-decoration: none
}
.feature-title-at-bottom .flexslider .slides>li figcaption h2 {
width: 100%;
margin: -1px 0 .5em
}
.feature-title-at-bottom .flexslider .slides>li figcaption p {
margin: 0;
padding: 0 20px 20px;
background: #fff;
color: #222
}
.feature-title-at-bottom .flexslider .slides>li figcaption a.hover {
color: #f47b20;
background: none
}
@media screen and (max-width: 50px) {
.feature-title-at-bottom .flexslider .slides>li figcaption {
position: absolute;
left: 0;
top: 10%
}
.feature-title-at-bottom .flexslider .slides>li figcaption h2 {
width: auto;
z-index: 1;
position: relative;
bottom: -1.2em;
margin: 0
}
.feature-title-at-bottom .flexslider .slides>li figcaption p {
width: 50%;
padding-top: 60px
}
}
.feature2 {
overflow: hidden;
position: relative;
margin-bottom: 16px
}
.feature2:after {
content: "";
display: table;
clear: both
}
.feature2>header {
margin-bottom: 20px
}
.feature2>header h1 {
max-width: 75%
}
.feature2>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
@media screen and (min-width: 680px) {
.feature2>header p {
font-size: 18px;
font-size: 1.125rem
}
}
.feature2 .flexslider2.thumbs {
margin-bottom: 1px !important
}
.feature2 .flexslider2.thumbs .slides>li {
position: relative;
min-height: 60px;
margin-right: 4px;
cursor: pointer;
background: #e5e5e5;
text-align: center
}
.feature2 .flexslider2.thumbs .slides>li.flex-active-slide {
font-weight: bold
}
.feature2 .flexslider2.thumbs .slides>li>div {
width: 100%;
padding: 10px;
position: absolute;
bottom: 0
}
@media screen and (min-width: 680px) {
.feature2 .flexslider2.thumbs .slides>li {
min-height: 100px;
font-size: 18px;
font-size: 1.125rem
}
}
.feature2 .flexslider2.thumbs .flex-direction-nav a {
min-height: 60px;
top: 0;
margin: 0;
border-radius: 0
}
.feature2 .flexslider2.thumbs .flex-direction-nav a.flex-prev {
left: 0
}
.feature2 .flexslider2.thumbs .flex-direction-nav a.flex-next {
right: 0
}
.feature2 .flexslider2.thumbs .flex-direction-nav a:before {
padding-top: .5em;
padding-bottom: .5em
}
@media screen and (min-width: 680px) {
.feature2 .flexslider2.thumbs .flex-direction-nav a {
min-height: 100px
}
.feature2 .flexslider2.thumbs .flex-direction-nav a:before {
padding-top: 1.05em;
padding-bottom: 1.05em
}
}
.feature2 .flexslider2.thumbsimg {
margin-top: 1px
}
.feature2 .flexslider2.thumbsimg .slides>li {
margin-right: 4px;
cursor: pointer;
background: #fff
}
.feature2 .flexslider2.has-thumbs, .feature2 .flexslider2.has-thumbsimg {
margin-bottom: 0 !important
}
.feature2 .flexslider2 .slides>li figure a {
text-decoration: none
}
.feature2 .flexslider2 .slides>li figcaption h2 {
width: 100%;
margin: -1px 0 .5em
}
.feature2 .flexslider2 .slides>li figcaption p {
margin: 0;
padding: 0 20px 20px;
background: #fff;
color: #222
}
.feature2 .flexslider2 .slides>li figcaption a.hover {
color: #f47b20;
background: none
}
@media screen and (min-width: 680px) {
.feature2 .flexslider2 .slides>li figcaption {
position: absolute;
left: 0;
top: 10%
}
.feature2 .flexslider2 .slides>li figcaption h2 {
width: auto;
z-index: 1;
position: relative;
bottom: -1.2em;
margin: 0
}
.feature2 .flexslider2 .slides>li figcaption p {
width: 50%;
padding-top: 60px
}
}
section.feature div.flexslider ul.slides li figure a figcaption {
position: inherit;
left: 0;
top: 0px
}
section.feature div.flexslider ul.slides li figure a figcaption h2 {
width: 100%;
margin: -1px 0 .5em;
bottom: 0px
}
section.feature div.flexslider ul.slides li figure a figcaption h2.red {
background: #EE3224
}
section.feature div.flexslider ul.slides li figure a figcaption h2.orange {
background: #f47b20
}
section.feature div.flexslider ul.slides li figure a figcaption h2.green {
background: #5D9732
}
section.feature div.flexslider ul.slides li figure a figcaption h2.blue {
background: #0078ae
}
section.feature div.flexslider ul.slides li figure a figcaption h2.corpblue {
background: #002b5c
}
section.feature div.flexslider ul.slides li figure a figcaption p {
width: 100%;
padding-top: 0px
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption {
position: inherit;
left: 0;
top: 0px
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2 {
width: 100%;
margin: -1px 0 .5em;
bottom: 0px
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.red {
background: #EE3224
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.orange {
background: #f47b20
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.green {
background: #5D9732
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.blue {
background: #0078ae
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.corpblue {
background: #002b5c
}
section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption p {
width: 100%;
padding-top: 0px
}
.feature-full-width {
overflow: hidden;
position: relative;
margin-bottom: 16px
}
.feature-full-width:after {
content: "";
display: table;
clear: both
}
.feature-full-width .flexslider .slides>li figure>a {
text-decoration: none
}
.feature-full-width .flexslider .slides>li figure>a>.wrap {
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
.feature-full-width .flexslider .slides>li figure>a>.wrap:after {
content: "";
display: table;
clear: both
}
.feature-full-width .flexslider .slides>li figure>a>.wrap h1 {
width: 100%;
margin: -1px 0 0
}
@media screen and (min-width: 1024px) {
.feature-full-width .flexslider .slides>li figure>a>.wrap h1 {
position: absolute;
top: 0;
width: auto;
margin: 0;
color: #fff
}
}
.feature-full-width .flexslider .slides>li figure>a>.wrap h1#hp3 {
color: #fff;
font-size: 18px
}
.feature-full-width .flexslider .slides>li figure>a>.wrap h1#hp2 {
color: #fff
}
.feature-full-width .flexslider .slides>li figure>a>.wrap h1#hp1 {
bottom: 2.15em;
width: auto;
margin: 0;
top: inherit;
left: 0px;
color: #fff
}
.feature-full-width .flexslider .slides>li.gold figure>a>.wrap h1 {
background: #c39e05
}
.feature-full-width .flexslider .slides>li figcaption {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
padding: 20px
}
.feature-full-width .flexslider .slides>li figcaption:after {
content: "";
display: table;
clear: both
}
.feature-full-width .flexslider .slides>li figcaption p {
margin: 0;
color: #222
}
@media screen and (min-width: 680px) {
.feature-full-width .flexslider .slides>li figcaption p {
font-size: 18px;
font-size: 1.125rem
}
}
.feature-full-width .flexslider .slides>li figcaption a.call-to-action-link {
float: right;
margin: 0 0 10px 20px;
background-color: #002b5c;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
padding: 10px
}
@media screen and (min-width: 680px) {
.feature-full-width .flexslider .slides>li figcaption a.call-to-action-link {
font-size: 18px;
font-size: 1.125rem
}
}
.feature-full-width .flexslider .slides>li figcaption a.call-to-action-link:after {
content: '>';
font-family: Alegreya Sans, sans-serif;
float: right;
padding-left: 1em
}
.feature-full-width .flexslider .slides>li figcaption a.call-to-action-link.hover {
background-color: #0078ae
}
p a.call-to-action-link2 {
margin: 10px 0 0px;
background-color: #002b5c;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
padding: 10px
}
@media screen and (min-width: 680px) {
p a.call-to-action-link2 {
font-size: 18px;
font-size: 1.125rem
}
}
p a.call-to-action-link2:after {
content: '>';
font-family: Alegreya Sans, sans-serif;
float: right;
padding-left: 1em
}
p a.call-to-action-link2.hover {
background-color: #0078ae
}
.awesome {
width: 100%;
overflow: hidden;
margin-bottom: 16px
}
.awesome:after {
content: "";
display: table;
clear: both
}
.awesome>header {
margin-bottom: 20px
}
.awesome>header p {
font-size: 18px;
font-size: 1.125rem
}
.awesome>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.awesome>ul {
padding: 0
}
.awesome>ul>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
height: 0;
margin-bottom: 1.53331%;
padding-bottom: 49.2333%;
background: #dcdcdc;
font-size: 13px;
font-size: 0.8125rem
}
.awesome>ul>li:last-child {
margin-right: 0
}
.awesome>ul>li:nth-child(2n) {
margin-right: 0
}
.awesome>ul>li:nth-child(2n+1) {
clear: left
}
@media screen and (min-width: 500px) {
.awesome>ul>li {
font-size: 18px;
font-size: 1.125rem
}
}
@media screen and (min-width: 800px) {
.awesome>ul>li {
font-size: 15px;
font-size: 0.9375rem
}
}
@media screen and (min-width: 71.25em) {
.awesome>ul>li {
font-size: 18px;
font-size: 1.125rem
}
}
@media screen and (min-width: 800px) {
.awesome>ul>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
padding-bottom: 23.85%
}
.awesome>ul>li:nth-child(2n) {
margin-right: 1.53331%
}
.awesome>ul>li:nth-child(2n+1) {
clear: none
}
.awesome>ul>li:last-child {
margin-right: 0
}
.awesome>ul>li:nth-child(4n) {
margin-right: 0
}
.awesome>ul>li:nth-child(4n+1) {
clear: left
}
}
.awesome>ul>li img {
width: 100%;
height: auto
}
.awesome>ul>li p {
margin: 0;
padding: 10px
}
.awesome>ul>li.red {
background: #ee3224
}
.awesome>ul>li.green {
background: #5d9732
}
.awesome>ul>li.orange {
background: #f47b20
}
.awesome>ul>li.blue {
background: #0078ae
}
.awesome>ul>li.red, .awesome>ul>li.green, .awesome>ul>li.orange, .awesome>ul>li.blue {
position: relative;
color: #fff;
text-align: center
}
.awesome>ul>li.red p, .awesome>ul>li.green p, .awesome>ul>li.orange p, .awesome>ul>li.blue p {
width: 100%;
margin: auto;
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1.1;
font-size: 20px;
font-size: 1.25rem
}
@media screen and (min-width: 500px) {
.awesome>ul>li.red p, .awesome>ul>li.green p, .awesome>ul>li.orange p, .awesome>ul>li.blue p {
font-size: 30px;
font-size: 1.875rem
}
}
@media screen and (min-width: 800px) {
.awesome>ul>li.red p, .awesome>ul>li.green p, .awesome>ul>li.orange p, .awesome>ul>li.blue p {
font-size: 25px;
font-size: 1.5625rem
}
}
@media screen and (min-width: 71.25em) {
.awesome>ul>li.red p, .awesome>ul>li.green p, .awesome>ul>li.orange p, .awesome>ul>li.blue p {
font-size: 30px;
font-size: 1.875rem
}
}
.awesome>ul>li.red p strong, .awesome>ul>li.green p strong, .awesome>ul>li.orange p strong, .awesome>ul>li.blue p strong {
display: block;
margin-top: .25em;
font-family: Alegreya Sans, sans-serif;
font-size: 45px;
font-size: 2.8125rem;
line-height: .6
}
@media screen and (min-width: 500px) {
.awesome>ul>li.red p strong, .awesome>ul>li.green p strong, .awesome>ul>li.orange p strong, .awesome>ul>li.blue p strong {
font-size: 80px;
font-size: 5rem
}
}
@media screen and (min-width: 800px) {
.awesome>ul>li.red p strong, .awesome>ul>li.green p strong, .awesome>ul>li.orange p strong, .awesome>ul>li.blue p strong {
font-size: 55px;
font-size: 3.4375rem
}
}
@media screen and (min-width: 71.25em) {
.awesome>ul>li.red p strong, .awesome>ul>li.green p strong, .awesome>ul>li.orange p strong, .awesome>ul>li.blue p strong {
font-size: 80px;
font-size: 5rem
}
}
.awesome>ul>li.awesome-person {
position: relative
}
.awesome>ul>li.awesome-person figcaption {
position: absolute;
top: 0;
left: 0;
max-width: 90%;
margin: 0;
padding: 6.66667px 20px;
display: inline-block;
background: #002b5c;
color: #fff
}
.awesome2 {
width: 100%;
overflow: hidden;
margin-bottom: 16px;
padding-left: -10px
}
.awesome2:after {
content: "";
display: table;
clear: both
}
.awesome2 a {
text-decoration: none
}
.awesome2>header {
margin-bottom: 20px
}
.awesome2>header p {
font-size: 14px;
font-size: 0.875rem
}
.awesome2>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.awesome2>ul a {
padding: 0
}
.awesome2>ul a>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
height: 0;
margin-bottom: 80px;
padding-bottom: 100%;
width: 100%
}
.awesome2>ul a>li:last-child {
margin-right: 0
}
.awesome2>ul a>li:nth-child(2n) {
margin-right: 0
}
.awesome2>ul a>li:nth-child(2n+1) {
clear: left
}
@media screen and (min-width: 500px) {
.awesome2>ul a>li {
font-size: 18px;
font-size: 1.125rem;
width: 70%;
margin-bottom: -50px
}
}
@media screen and (min-width: 500px) and (min-width: 800px) {
.awesome2>ul a>li {
padding-bottom: 53%;
padding-right: 13.33333px;
width: 33%;
color: #002b5c
}
.awesome2>ul a>li:nth-child(2n) {
margin-right: 1.53331%
}
.awesome2>ul a>li:nth-child(2n+1) {
clear: none
}
}
.awesome2>ul a>li img {
width: 100%;
height: auto;
margin-left: -20px
}
.awesome2>ul a>li p {
margin: 0;
padding: 20px;
background-color: #dcdcdc;
color: #222;
margin-left: -20px;
width: 100%
}
.awesome2>ul a>li p a {
text-decoration: none
}
.awesome2>ul a>li p a.hover {
color: #f47b20
}
@media screen and (min-width: 800px) {
.awesome2>ul a>li p {
background-color: #dcdcdc;
color: #222
}
}
@media screen and (min-width: 500px) {
.awesome2>ul a>li p {
background-color: #dcdcdc;
color: #222
}
}
@media screen and (min-width: 680px) {
.awesome2>ul a>li p {
background-color: #dcdcdc;
color: #222
}
}
.awesome2>ul a>li a.hover {
color: #f47b20
}
.awesome2>ul a>li.red {
background: #ee3224
}
.awesome2>ul a>li.red a {
color: white
}
.awesome2>ul a>li.red a.hover {
color: #dcdcdc
}
.awesome2>ul a>li.red h2 {
font-size: 80px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: -10px
}
.awesome2>ul a>li.green {
background: #5d9732
}
.awesome2>ul a>li.green a {
color: white
}
.awesome2>ul a>li.green a.hover {
color: #dcdcdc
}
.awesome2>ul a>li.green h2 {
font-size: 80px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: -10px
}
.awesome2>ul a>li.orange {
background: #f47b20
}
.awesome2>ul a>li.orange a {
color: white
}
.awesome2>ul a>li.orange a.hover {
color: #dcdcdc
}
.awesome2>ul a>li.orange h2 {
font-size: 80px;
font-size: 5rem;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: -10px
}
.awesome2>ul a>li.blue {
background: #0078ae
}
.awesome2>ul a>li.blue a {
color: white
}
.awesome2>ul a>li.blue a.hover {
color: #dcdcdc
}
.awesome2>ul a>li.blue h2 {
font-size: 80px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: -10px
}
.awesome2>ul a>li.red, .awesome2>ul a>li.green, .awesome2>ul a>li.orange, .awesome2>ul a>li.blue {
position: relative;
color: #fff;
text-align: center
}
.awesome2>ul a>li.red p, .awesome2>ul a>li.green p, .awesome2>ul a>li.orange p, .awesome2>ul a>li.blue p {
colour: white;
width: 100%;
margin: auto;
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1.1;
font-size: 20px;
font-size: 1.25rem
}
@media screen and (min-width: 500px) {
.awesome2>ul a>li.red p, .awesome2>ul a>li.green p, .awesome2>ul a>li.orange p, .awesome2>ul a>li.blue p {
font-size: 30px;
font-size: 1.875rem
}
}
@media screen and (min-width: 800px) {
.awesome2>ul a>li.red p, .awesome2>ul a>li.green p, .awesome2>ul a>li.orange p, .awesome2>ul a>li.blue p {
font-size: 25px;
font-size: 1.5625rem
}
}
@media screen and (min-width: 71.25em) {
.awesome2>ul a>li.red p, .awesome2>ul a>li.green p, .awesome2>ul a>li.orange p, .awesome2>ul a>li.blue p {
font-size: 30px;
font-size: 1.875rem
}
}
.awesome2>ul a>li.red p h2, .awesome2>ul a>li.green p h2, .awesome2>ul a>li.orange p h2, .awesome2>ul a>li.blue p h2 {
top: 60%;
left: 50%
}
.awesome2>ul a>li.red p strong, .awesome2>ul a>li.green p strong, .awesome2>ul a>li.orange p strong, .awesome2>ul a>li.blue p strong {
display: block;
margin-top: .25em;
font-family: Alegreya Sans, sans-serif;
font-size: 45px;
font-size: 2.8125rem;
line-height: .6
}
@media screen and (min-width: 500px) {
.awesome2>ul a>li.red p strong, .awesome2>ul a>li.green p strong, .awesome2>ul a>li.orange p strong, .awesome2>ul a>li.blue p strong {
font-size: 80px;
font-size: 5rem
}
}
@media screen and (min-width: 800px) {
.awesome2>ul a>li.red p strong, .awesome2>ul a>li.green p strong, .awesome2>ul a>li.orange p strong, .awesome2>ul a>li.blue p strong {
font-size: 55px;
font-size: 3.4375rem
}
}
@media screen and (min-width: 71.25em) {
.awesome2>ul a>li.red p strong, .awesome2>ul a>li.green p strong, .awesome2>ul a>li.orange p strong, .awesome2>ul a>li.blue p strong {
font-size: 80px;
font-size: 5rem
}
}
.awesome2>ul a>li.awesome-person {
position: relative
}
.awesome2>ul a>li.awesome-person figcaption {
position: absolute;
top: 0;
left: 0;
max-width: 90%;
margin: 0;
padding: 6.66667px 20px;
display: inline-block;
background: #002b5c;
color: #fff
}
.awesome2 .evenmoreawesome {
position: relative;
width: 21%;
height: auto
}
.awesome2 .evenmoreawesome img {
width: 100%;
vertical-align: top
}
.awesome2 .evenmoreawesome:after {
content: attr(data-content);
color: #fff;
position: absolute;
width: 91%;
height: 96%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
padding: 5px
}
@media screen and (min-width: 800px) {
.awesome2 .evenmoreawesome:after {
width: 91%;
height: 96%;
margin-left: -20px
}
}
@media screen and (min-width: 500px) {
.awesome2 .evenmoreawesome:after {
width: 98%;
height: 83%;
margin-left: -20px
}
}
@media screen and (min-width: 680px) {
.awesome2 .evenmoreawesome:after {
width: 91%;
height: 77%;
margin-left: -20px
}
}
.awesome2 .evenmoreawesome:hover:after {
opacity: 1
}
.contact {
margin-bottom: 16px;
padding: 0
}
.contact h1 {
padding-bottom: .5em;
border-bottom: 1px solid #dcdcdc
}
.contact h2 {
margin: 1em 0 0 0
}
.contact .tel {
display: block;
color: #222;
text-decoration: none
}
.contact a.hover {
color: #f47b20
}
.quotation {
overflow: hidden;
margin-bottom: 16px;
background: #dcdcdc;
padding: 0
}
.quotation:after {
content: "";
display: table;
clear: both
}
.quotation>div {
padding: 20px
}
.quotation>div h1, .quotation>div h3 {
color: #fff;
font-family: Alegreya Sans, sans-serif
}
.quotation>div h3 {
color: #fff;
padding: 0 20px;
font-size: 1.6em
}
.quotation>div a {
color: #fff
}
.quotation>div a.flex-prev {
color: #222
}
.quotation>div a.hover h3 {
color: #fff
}
.quotation>div a.hover a.flex-prev {
color: #222
}
.quotation>div .quotee {
background-color: #002b5c
}
.quotation>div .quotee .name {
margin: 0;
font-weight: bold
}
.quotation>div .quotee .description {
margin-bottom: 20px;
padding: 0 20px
}
.quotation>div blockquote {
background: #efefef
}
.quotation>div blockquote h2 {
margin: 0
}
.quotation>div blockquote p {
margin: 0
}
.quotation>div>header {
margin-bottom: 20px
}
.quotation>div>header h1 {
color: #fff
}
.quotation>div>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
@media screen and (min-width: 680px) {
.quotation>div>header p {
font-size: 18px;
font-size: 1.125rem
}
}
@media screen and (min-width: 680px) {
.quotation>div.left {
float: left;
width: 50%;
margin-right: 1em
}
.quotation>div.right {
float: right;
width: 50%;
margin-left: 1em
}
}
.quotation>div aside blockquote {
position: relative;
margin: 0;
padding: 20px;
color: #222;
float: right;
quotes: "\201C" "\201D" "\2018" "\2019"
}
.quotation>div aside blockquote:after {
content: "";
display: table;
clear: both
}
.quotation>div aside blockquote:before {
display: block;
content: '';
position: absolute;
left: 50%;
top: -28px;
margin-left: -14px;
height: 0;
width: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #efefef
}
@media screen and (min-width: 800px) {
.quotation>div aside blockquote:before {
left: -28px;
top: 50%;
margin-top: -14px;
margin-left: 0;
height: 0;
width: 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-right: 14px solid #efefef
}
}
.quotation>div aside .quotee>img {
margin-bottom: 10px
}
@media screen and (min-width: 800px) {
.quotation>div aside .quotee {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.quotation>div aside .quotee:last-child {
margin-right: 0
}
.quotation>div aside .quotee>img {
float: right;
margin-left: 10px
}
}
.quotation>div .flexslider aside blockquote {
width: 100%
}
@media screen and (min-width: 800px) {
.quotation>div .flexslider aside blockquote {
width: 40%
}
}
.quotation>div .flexslider ul li:first-of-type {
display: block
}
.quotation>div .flexslider[data-max="2"] aside {
margin-right: 20px
}
@media screen and (min-width: 800px) {
.quotation>div .flexslider[data-max="2"] aside blockquote {
float: left;
display: block;
margin-right: 3.11438%;
width: 65.62854%
}
.quotation>div .flexslider[data-max="2"] aside blockquote:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.quotation>div .flexslider[data-max="2"] aside .quotee {
float: left;
display: block;
margin-right: 3.11438%;
width: 31.25708%
}
.quotation>div .flexslider[data-max="2"] aside .quotee:last-child {
margin-right: 0
}
}
.quotation>div .flexslider[data-max="2"] aside .quotee>img {
float: none;
width: 100%;
margin-left: 0
}
.quotation>div.primaryblue {
background: #002b5c;
color: #efefef
}
.quotation>div.primaryblue h1, .quotation>div.primaryblue h3 {
color: #efefef
}
.quotation>div.blue {
background: #0078ae;
color: #efefef
}
.quotation>div.blue h1, .quotation>div.blue h3 {
color: #efefef
}
.quotation>div.orange {
background: #f47b20;
color: #efefef
}
.quotation>div.orange h1, .quotation>div.orange h3 {
color: #efefef
}
.quotation>div.green {
background: #5d9732;
color: #efefef
}
.quotation>div.green h1, .quotation>div.green h3 {
color: #efefef
}
.quotation>div.red {
background: #ee3224;
color: #efefef
}
.quotation>div.red h1, .quotation>div.red h3 {
color: #efefef
}
.quotation>div.lightgrey {
background: #dcdcdc;
color: #222
}
.quotation>div.lightgrey h1, .quotation>div.lightgrey h3 {
color: #222
}
.quotation>div.darkgrey {
background: #222;
color: #efefef
}
.quotation>div.darkgrey h1, .quotation>div.darkgrey h3 {
color: #efefef
}
.quotation ol>li {
padding: 5px
}
aside.quotation, .discover div section.quotation {
padding: 20px;
background: #0078ae;
color: #fff
}
aside.quotation>header h2, .discover div section.quotation>header h2 {
margin: 0;
font-family: Alegreya Sans, sans-serif;
color: #fff
}
aside.quotation>header p, .discover div section.quotation>header p {
margin-top: 0;
border-top: none;
font-size: 15px;
font-size: 0.9375rem
}
aside.quotation blockquote, .discover div section.quotation blockquote {
background: #fff;
color: #222
}
aside.quotation blockquote:before, .discover div section.quotation blockquote:before {
display: block;
content: '';
position: absolute;
left: 50%;
top: -14px;
margin-left: -14px;
height: 0;
width: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #fff
}
aside.quotation .flexslider blockquote, aside.quotation .flexslider .quotee, aside.quotation .flexslider .quotee img, .discover div section.quotation .flexslider blockquote, .discover div section.quotation .flexslider .quotee, .discover div section.quotation .flexslider .quotee img {
width: 100%;
display: block
}
#key-aside .quotation .quotee {
width: 100%
}
#key-aside .quotation blockquote:before {
border: 0 none;
content: open-quote;
left: 0;
margin-top: 0;
position: absolute;
display: inline;
font-size: 3em;
color: #5d9732;
top: -10px
}
#key-aside .quotation blockquote:after {
border: 0 none;
content: close-quote;
margin-top: 0;
margin-top: 10px;
position: absolute;
display: inline;
font-size: 3em;
line-height: 0.1;
color: #5d9732;
right: 0;
bottom: 0
}
#key-aside .quotation .flexslider aside blockquote {
width: 100%
}
.discover {
display: block
}
.discover:after {
content: "";
display: table;
clear: both
}
.discover figure {
margin: 0;
padding-top: 20px
}
@media screen and (min-width: 680px) {
.discover figure {
margin: 0;
padding-top: 0
}
}
.discover>header {
margin: 20px 0
}
.discover>header p {
font-size: 18px;
font-size: 1.125rem
}
.discover>header h1+p {
margin-top: 8em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.discover>.wrap>.column {
float: left;
width: 100% !important
}
@media screen and (min-width: 680px) {
.discover>.wrap>.column {
width: 48% !important;
margin-right: 2%
}
.discover>.wrap>.column.last {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.discover>.wrap>.column {
width: 32% !important
}
}
@media screen and (min-width: 680px) {
.discover>.wrap {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0.9375em;
-moz-column-gap: 0.9375em;
column-gap: 0.9375em
}
}
@media screen and (min-width: 800px) {
.discover>.wrap {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
}
.discover>.wrap>section, .discover>.wrap>.column>section {
display: inline-block;
width: 100%
}
.discover>.wrap>.column>section {
display: block
}
.expert-search {
margin-bottom: 16px
}
.expert-search img {
float: left;
padding: 0.2em 1em 1em 1em
}
.expert-search h1 {
padding-bottom: .5em;
border-bottom: 1px solid #dcdcdc
}
.expert-search img {
float: left;
padding: 0.2em 1em 1em 1em;
width: auto
}
.expert-search form {
background-color: #efefef;
padding: 20px
}
.expert-search form input, .expert-search form button {
margin: 3px 0
}
.expert-search form input {
width: 100%;
padding: 9.09091px;
margin-right: 10px
}
.expert-search form button {
color: white;
font-size: 1em;
line-height: 2.5em;
width: 100%
}
.expert-search form button:after {
content: '>';
padding-left: 5%
}
@media screen and (min-width: 680px) {
.expert-search form input {
width: 65%
}
.expert-search form input.buttonsearch {
width: auto
}
.expert-search form input.buttonsearch.hover {
background: #f47b20
}
}
@media screen and (min-width: 680px) and (min-width: 680px) {
.expert-search form input.buttonsearch {
width: 25%
}
}
input.buttonsearch {
background-color: #002b5c;
color: white;
font-size: 1em
}
input.buttonsearch:after {
content: '>';
padding-left: 5%
}
.sponsorship {
margin-bottom: 16px;
padding: 1em 0 1em 0;
border-top: 1px solid #dcdcdc;
background: #efff
}
.sponsorship img {
max-width: 100%;
padding-top: 1em
}
.call-to-action {
padding: 20px;
background: #efefef
}
.call-to-action img {
float: right
}
.call-to-action .button {
margin-right: 1em;
background: #002b5c;
padding: 0.8em 1em;
color: white;
text-decoration: none;
text-transform: uppercase
}
@media screen and (min-width: 335px) {
.call-to-action .button {
float: left
}
}
.call-to-action a.button::after {
content: '>';
float: right;
font-family: Alegreya Sans, sans-serif;
padding-left: 1em
}
.filters:after {
content: "";
display: table;
clear: both
}
.filters>form[role="search"] {
margin-bottom: 16px
}
@media screen and (min-width: 680px) {
.filters>form[role="search"] {
margin-bottom: 32px
}
}
.filters>form[role="search"] .keyword {
margin-right: 1px;
padding: .4em .7em;
border: none;
background: #c1c3c5;
color: #fff;
font-size: 16px;
font-size: 1rem
}
.filters>form[role="search"] .keyword::-webkit-input-placeholder {
color: #fff
}
.filters>form[role="search"] .keyword::-moz-placeholder {
color: #fff
}
.filters>form[role="search"] .keyword:-moz-placeholder {
color: #fff
}
.filters>form[role="search"] .keyword:-ms-input-placeholder {
color: #fff
}
.filters>form[role="search"] input[type="submit"] {
padding: .4em .7em;
border: none;
background: #5a5c60;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-size: 1.125rem
}
.filters p a.hover {
color: #f47b20
}
.filters>.tabs {
margin: 0 0 16px;
position: relative;
padding: 0;
border-bottom: 8px solid #c1c3c5
}
.filters>.tabs:after {
content: "";
display: table;
clear: both
}
.filters>.tabs>li {
color: #FF0000;
display: inline-block;
margin: 0 1.2em .4em 0;
width: 100%;
float: left;
width: 100%;
margin: 0 1px 0 0;
padding: 0
}
.filters>.tabs>li:before {
display: none
}
.filters>.tabs>li>a {
display: block;
padding: 10px;
background: #e5e5e5;
color: #222;
text-decoration: none;
font-size: 15px;
outline: none
}
.filters>.tabs>li>a.hover {
background: #d5d5d5
}
.filters>.tabs>li:last-child {
margin-right: 0
}
.filters>.tabs>li.burger {
width: auto
}
.filters>.tabs>li.cta {
width: auto;
float: right;
margin-right: 1px;
position: absolute;
right: 0
}
.filters>.tabs>li.cta a {
background: #f47b20;
color: #fff
}
.filters>.tabs>li.cta a.hover {
background: #eb6500
}
.filters>.tabs>li.active>a {
background: #c1c3c5
}
@media screen and (min-width: 680px) {
.filters>.tabs>li {
width: auto
}
.filters>.tabs>li.burger {
display: none
}
}
@media screen and (min-width: 800px) {
.filters>.tabs {
border-bottom: 8px solid #c1c3c5
}
.filters>.tabs>li>a {
padding: 10px;
font-size: 18px
}
}
.filters>.viewswitch {
margin: 0;
padding: 0
}
@media screen and (min-width: 680px) {
.filters>.viewswitch {
float: right
}
}
.filters>.viewswitch li {
display: inline-block;
margin: 0 1.2em .4em 0
}
@media screen and (min-width: 680px) {
.filters>.viewswitch li {
display: inline-block;
margin: 0 0 0 8px
}
.filters>.viewswitch li.dataview a:after {
content: '('
}
.filters>.viewswitch li.imageview a:after {
content: ')'
}
.filters>.viewswitch li.active a:after, .filters>.viewswitch li.active a.hover:after {
color: #c1c3c5
}
.filters>.viewswitch li a {
overflow: hidden
}
.filters>.viewswitch li a:before {
content: "";
display: block;
width: 0;
height: 100%
}
.filters>.viewswitch li a.hover:after {
color: #d5d5d5
}
.filters>.viewswitch li a:after {
display: inline-block;
color: #dcdcdc;
font: 36px/1 Alegreya Sans, sans-serif
}
}
@media screen and (min-width: 800px) {
.filters>.viewswitch li a:after {
font-size: 40px
}
}
@media screen and (min-width: 680px) {
.filters>.sort {
float: right
}
}
.filters>.atoz {
margin: 0 0 16px;
padding: 0;
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem
}
@media screen and (min-width: 680px) {
.filters>.atoz {
font-size: 18px;
font-size: 1.125rem
}
}
@media screen and (min-width: 800px) {
.filters>.atoz {
font-size: 24px;
font-size: 1.5rem
}
}
.filters>.atoz li {
display: inline-block;
margin-bottom: .4em
}
.filters>.atoz li a {
padding: 0 .25em;
color: #222;
text-decoration: none
}
.filters>.atoz li a.hover {
color: #f47b20
}
.filters>.atoz li.active a {
padding: 0 .5em;
color: #fff;
background: #f47b20
}
.filters>.atoz li.all {
margin-left: 20px
}
.filters2>.tabs {
margin: 0 0 16px;
padding: 0;
display: inline-block
}
.filters2>.tabs>li {
display: inline-block;
margin: 0 1.2em .4em 0
}
@media screen and (min-width: 680px) {
.filters2>.tabs>li {
display: none;
margin: 0 1px 0 0
}
.filters2>.tabs>li>a {
padding: 10px;
background: #e5e5e5;
color: #222;
text-decoration: none;
font-size: 15px;
outline: none
}
.filters2>.tabs>li>a.hover {
background: #d5d5d5
}
.filters2>.tabs>li:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.filters2>.tabs {
display: none
}
.filters2>.tabs>li>a {
font-size: 15.5px
}
}
.search-results .keymatch {
padding: 10px;
border: 10px solid #c1c3c5
}
@media screen and (min-width: 680px) {
.search-results .keymatch {
margin-top: -24px;
padding: 20px;
border-width: 20px
}
}
.search-results .keymatch>h1 {
margin: 0
}
.search-results .keymatch article {
padding: 20px 0
}
.search-results article {
padding: 20px;
border-bottom: 1px solid #dcdcdc
}
.search-results article:last-child {
border-bottom: none
}
@media screen and (min-width: 680px) {
.search-results article {
padding: 20px 40px
}
}
.search-results article .updated {
color: #73767a
}
@media screen and (min-width: 680px) {
.search-results article .updated {
float: right;
margin-left: 20px
}
}
.search-results article h2 {
margin: 0
}
.search-results article h2 a.hover {
color: #f47b20
}
.search-results article p {
margin: .5em 0
}
.search-results article mark {
background: none;
color: #f47b20;
font-weight: bold
}
.pagination {
padding: 10px;
background: #e5e5e5;
text-align: center
}
.pagination ul {
margin: 0;
padding: 0
}
.pagination ul li {
margin: 0 1px 1px 0;
display: inline-block
}
.pagination ul li a {
display: inline-block;
padding: .1em .6em;
background: #a7a9ac;
color: #222;
text-decoration: none;
font-size: 17px;
font-size: 1.0625rem;
vertical-align: top
}
.pagination ul li.active a, .pagination ul li a.hover {
background: #f47b20;
color: #fff
}
.pagination ul li.prev a, .pagination ul li.next a {
background: #002b5c;
color: #fff;
font-family: Alegreya Sans, sans-serif
}
.pagination ul li.prev a.hover, .pagination ul li.next a.hover {
background: #f47b20
}
.pagination ul li.prev {
margin-right: 8px
}
.pagination ul li.next {
margin-left: 8px
}
@media screen and (min-width: 680px) {
.wysiwyg.centreContent, .wysiwyg2.centreContent {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%;
margin: 0 auto;
float: none
}
.wysiwyg.centreContent:last-child, .wysiwyg2.centreContent:last-child {
margin-right: 0
}
.wysiwyg.centreContent.has-aside, .wysiwyg2.centreContent.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%;
margin: 0;
float: left
}
.wysiwyg.centreContent.has-aside:last-child, .wysiwyg2.centreContent.has-aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.wysiwyg.centreContent, .wysiwyg2.centreContent {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%;
margin: 0 auto;
float: none
}
.wysiwyg.centreContent:last-child, .wysiwyg2.centreContent:last-child {
margin-right: 0
}
.wysiwyg.centreContent.has-aside, .wysiwyg2.centreContent.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%;
margin: 0;
float: left
}
.wysiwyg.centreContent.has-aside:last-child, .wysiwyg2.centreContent.has-aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.wysiwyg.has-aside, .wysiwyg2.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%;
margin: 0;
float: left
}
.wysiwyg.has-aside:last-child, .wysiwyg2.has-aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.wysiwyg.has-aside, .wysiwyg2.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%;
margin: 0;
float: left
}
.wysiwyg.has-aside:last-child, .wysiwyg2.has-aside:last-child {
margin-right: 0
}
}
.wysiwyg h2, .wysiwyg2 h2 {
font-family: Alegreya Sans, sans-serif
}
.wysiwyg h3 a, .wysiwyg2 h3 a {
color: #0078ae
}
.wysiwyg h5, .wysiwyg2 h5 {
font-family: Alegreya Sans, sans-serif
}
.wysiwyg h6, .wysiwyg2 h6 {
font-family: Alegreya Sans, sans-serif
}
.wysiwyg>.intro, .wysiwyg2>.intro {
font-weight: 600;
font-size: 18px;
font-size: 1.125rem
}
.wysiwyg>div.intro, .wysiwyg2>div.intro {
padding-top: 0;
padding-bottom: 0
}
.wysiwyg blockquote, .wysiwyg2 blockquote {
max-width: 90%;
background: #efefef;
border-left: 6px solid #5d9732;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C" "\201D";
overflow: auto
}
.wysiwyg blockquote:before, .wysiwyg2 blockquote:before {
color: #5d9732;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em
}
.wysiwyg span.breakout-box, .wysiwyg2 span.breakout-box {
display: block;
width: 100%;
background: #f47b20;
font-family: Alegreya Sans, sans-serif;
padding: 30px;
margin-bottom: 20px;
color: #fff;
text-align: left
}
@media screen and (min-width: 500px) {
.wysiwyg span.breakout-box, .wysiwyg2 span.breakout-box {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 40px !important
}
.wysiwyg span.breakout-box:last-child, .wysiwyg2 span.breakout-box:last-child {
margin-right: 0
}
}
.wysiwyg .standout-text, .wysiwyg2 .standout-text {
background: #efefef;
font-size: 1.2em;
padding-left: 20px;
margin: 50px auto;
border-left: 4px solid #0078ae;
outline: 20px solid #efefef;
max-width: 80%
}
.wysiwyg img, .wysiwyg2 img {
width: 100%;
max-width: 100%
}
@media screen and (min-width: 680px) {
.wysiwyg img, .wysiwyg2 img {
width: auto
}
}
.wysiwyg img.circle, .wysiwyg2 img.circle {
padding: 0
}
@media screen and (min-width: 680px) {
.wysiwyg .left, .wysiwyg2 .left {
width: 40%;
margin: 0 10px 10px 0;
float: left;
clear: both
}
.wysiwyg .left.auto, .wysiwyg2 .left.auto {
width: auto
}
.wysiwyg .right, .wysiwyg2 .right {
width: 40%;
margin: 0 0 10px 10px;
float: right;
clear: both
}
.wysiwyg .right.auto, .wysiwyg2 .right.auto {
width: auto
}
}
.wysiwyg .clearBoth, .wysiwyg2 .clearBoth {
clear: both
}
.wysiwyg .bigLetter, .wysiwyg2 .bigLetter {
float: left;
line-height: 1em;
font-size: 2.8em;
padding: 0px 5px 0px 0px
}
.wysiwyg .bigLetter.red, .wysiwyg2 .bigLetter.red {
color: #ee3224
}
.wysiwyg .bigLetter.green, .wysiwyg2 .bigLetter.green {
color: #5d9732
}
.wysiwyg .bigLetter.blue, .wysiwyg2 .bigLetter.blue {
color: #0078ae
}
.wysiwyg .bigLetter.orange, .wysiwyg2 .bigLetter.orange {
color: #f47b20
}
.wysiwyg .bigLetter.primaryBlue, .wysiwyg2 .bigLetter.primaryBlue {
color: #002b5c
}
.wysiwyg .bigLetter.primaryGrey, .wysiwyg2 .bigLetter.primaryGrey {
color: #a7a9ac
}
.wysiwyg .columnsIntro, .wysiwyg2 .columnsIntro {
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
text-align: justify;
font-size: 20px;
font-weight: 600;
-webkit-columns-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px
}
.wysiwyg .circle, .wysiwyg2 .circle {
float: left;
margin: -20px 10px 10px 0;
line-height: 1em;
background: #002b5c;
border-radius: 100%;
color: white;
display: block;
font-size: 1.2em;
height: 100px;
line-height: 1em;
padding: 20px;
text-align: center;
width: 100px
}
.wysiwyg .circle.red, .wysiwyg2 .circle.red {
background: #ee3224
}
.wysiwyg .circle.green, .wysiwyg2 .circle.green {
background: #5d9732
}
.wysiwyg .circle.blue, .wysiwyg2 .circle.blue {
background: #0078ae
}
.wysiwyg .circle.orange, .wysiwyg2 .circle.orange {
background: #f47b20
}
.wysiwyg .circle.primaryBlue, .wysiwyg2 .circle.primaryBlue {
background: #002b5c
}
.wysiwyg .circle.primaryGrey, .wysiwyg2 .circle.primaryGrey {
background: #a7a9ac
}
.wysiwyg .circle img, .wysiwyg2 .circle img {
border-radius: 100%;
margin: 0 -10px -10px 0;
width: 100%
}
.wysiwyg .tab, .wysiwyg2 .tab {
float: right;
margin: 0 0 10px 10px;
background: #002b5c;
line-height: 1em;
color: white;
display: block;
font-size: 1.2em;
line-height: 1em;
padding: 60px 20px 20px 20px;
width: 150px
}
.wysiwyg .tab.red, .wysiwyg2 .tab.red {
background: #ee3224
}
.wysiwyg .tab.green, .wysiwyg2 .tab.green {
background: #5d9732
}
.wysiwyg .tab.blue, .wysiwyg2 .tab.blue {
background: #0078ae
}
.wysiwyg .tab.orange, .wysiwyg2 .tab.orange {
background: #f47b20
}
.wysiwyg .tab.primaryBlue, .wysiwyg2 .tab.primaryBlue {
background: #002b5c
}
.wysiwyg .tab.primaryGrey, .wysiwyg2 .tab.primaryGrey {
background: #a7a9ac
}
.wysiwyg a.call-to-action-link, .wysiwyg2 a.call-to-action-link {
display: inline-block;
background-color: #5d9732;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
padding: 10px
}
.wysiwyg a.call-to-action-link:after, .wysiwyg2 a.call-to-action-link:after {
content: '>';
float: right;
padding-left: 1em
}
.wysiwyg a.call-to-action-link.hover, .wysiwyg2 a.call-to-action-link.hover {
background-color: #f47b20
}
.wysiwyg .small, .wysiwyg2 .small {
font-size: 15px;
font-size: 0.9375rem;
color: #a9a9a9
}
.wysiwyg .question, .wysiwyg2 .question {
font-size: 20px;
font-size: 1.25rem;
font-family: Alegreya Sans, sans-serif;
font-weight: 600;
margin-bottom: -10px
}
.wysiwyg ul, .wysiwyg ol, .wysiwyg2 ul, .wysiwyg2 ol {
margin-left: 0;
padding: 0;
list-style-position: inside
}
@media screen and (min-width: 335px) {
.wysiwyg ul, .wysiwyg ol, .wysiwyg2 ul, .wysiwyg2 ol {
margin-left: 20px
}
}
@media screen and (min-width: 500px) {
.wysiwyg ul, .wysiwyg ol, .wysiwyg2 ul, .wysiwyg2 ol {
margin-left: 20px
}
}
.wysiwyg ul:after, .wysiwyg2 ul:after {
content: "";
display: table;
clear: both
}
.wysiwyg ul li, .wysiwyg2 ul li {
list-style: none;
padding-left: 1.2em
}
.wysiwyg ul li:before, .wysiwyg2 ul li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.wysiwyg ul li img, .wysiwyg2 ul li img {
width: 100%
}
.wysiwyg ul.two, .wysiwyg2 ul.two {
margin: 0
}
.wysiwyg ul.two>li, .wysiwyg2 ul.two>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
padding-left: 0;
list-style: none
}
.wysiwyg ul.two>li:last-child, .wysiwyg2 ul.two>li:last-child {
margin-right: 0
}
.wysiwyg ul.two>li:before, .wysiwyg2 ul.two>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
.wysiwyg ul.two>li:nth-of-type(2n), .wysiwyg2 ul.two>li:nth-of-type(2n) {
margin: 0
}
.wysiwyg ul.three, .wysiwyg2 ul.three {
margin: 0
}
.wysiwyg ul.three>li, .wysiwyg2 ul.three>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
padding-left: 0;
list-style: none
}
.wysiwyg ul.three>li:last-child, .wysiwyg2 ul.three>li:last-child {
margin-right: 0
}
.wysiwyg ul.three>li:before, .wysiwyg2 ul.three>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
.wysiwyg ul.three>li:nth-of-type(3n), .wysiwyg2 ul.three>li:nth-of-type(3n) {
margin: 0
}
.wysiwyg ul.four, .wysiwyg2 ul.four {
margin: 0
}
.wysiwyg ul.four>li, .wysiwyg2 ul.four>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
padding-left: 0;
list-style: none
}
.wysiwyg ul.four>li:last-child, .wysiwyg2 ul.four>li:last-child {
margin-right: 0
}
.wysiwyg ul.four>li:before, .wysiwyg2 ul.four>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
.wysiwyg ul.four>li:nth-of-type(4n), .wysiwyg2 ul.four>li:nth-of-type(4n) {
margin: 0
}
.wysiwyg ul.five, .wysiwyg2 ul.five {
margin: 0
}
.wysiwyg ul.five>li, .wysiwyg2 ul.five>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%;
padding-left: 0;
list-style: none
}
.wysiwyg ul.five>li:last-child, .wysiwyg2 ul.five>li:last-child {
margin-right: 0
}
.wysiwyg ul.five>li:before, .wysiwyg2 ul.five>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
.wysiwyg ul.five>li:nth-of-type(5n), .wysiwyg2 ul.five>li:nth-of-type(5n) {
margin: 0
}
.wysiwyg ul.six, .wysiwyg2 ul.six {
margin: 0
}
.wysiwyg ul.six>li, .wysiwyg2 ul.six>li {
float: left;
display: block;
margin-right: 1.53331%;
width: 15.38891%;
padding-left: 0;
list-style: none
}
.wysiwyg ul.six>li:last-child, .wysiwyg2 ul.six>li:last-child {
margin-right: 0
}
.wysiwyg ul.six>li:before, .wysiwyg2 ul.six>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
.wysiwyg ul.six>li:nth-of-type(6n), .wysiwyg2 ul.six>li:nth-of-type(6n) {
margin: 0
}
.wysiwyg dl dt, .wysiwyg2 dl dt {
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.wysiwyg dl dt:first-child, .wysiwyg2 dl dt:first-child {
border-top: none
}
.wysiwyg dl dt:first-child>.staff a, .wysiwyg2 dl dt:first-child>.staff a {
font-size: 1.5em;
text-decoration: none
}
.wysiwyg dl dd, .wysiwyg2 dl dd {
margin: 0
}
.wysiwyg table, .wysiwyg2 table {
width: 100%;
margin-bottom: 20px
}
.wysiwyg table tr, .wysiwyg2 table tr {
background-color: #dcdcdc
}
.wysiwyg table tr:nth-child(odd), .wysiwyg2 table tr:nth-child(odd) {
background-color: #dcdcdc
}
.wysiwyg table:nth-child(2n), .wysiwyg2 table:nth-child(2n) {
background-color: #c3c3c3
}
.wysiwyg table:nth-child(odd), .wysiwyg2 table:nth-child(odd) {
background-color: #dcdcdc
}
.wysiwyg table th, .wysiwyg table td, .wysiwyg2 table th, .wysiwyg2 table td {
text-align: left;
border-collapse: collapse;
border: 1px #fff solid;
padding: 10px
}
@media only screen and (max-width: 800px) {
.wysiwyg table th, .wysiwyg table td, .wysiwyg2 table th, .wysiwyg2 table td {
padding: 2px
}
}
.wysiwyg table th, .wysiwyg2 table th {
font-weight: bold;
font-size: 1.2em;
color: #fff;
background-color: #0078ae;
font-size: 1.2em
}
.wysiwyg table, .wysiwyg2 table {
width: auto;
border-collapse: collapse;
border: 1px solid #c1c3c5
}
.wysiwyg tr, .wysiwyg2 tr {
background-color: offwhite;
border: 1px solid #c1c3c5
}
.wysiwyg td, .wysiwyg2 td {
padding: 1em;
border: 1px solid #c1c3c5
}
.wysiwyg tr:nth-of-type(odd), .wysiwyg2 tr:nth-of-type(odd) {
background-color: #fff
}
.wysiwyg tr:nth-of-type(even), .wysiwyg2 tr:nth-of-type(even) {
background-color: #efefef
}
.wysiwyg th, .wysiwyg2 th {
background-color: #0078ae;
padding: .7em .9em;
font-size: 1.2em
}
.wysiwyg td, .wysiwyg th, .wysiwyg2 td, .wysiwyg2 th {
text-align: left
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.wysiwyg tr, .wysiwyg2 tr {
border-bottom: 20px;
background-color: #c1c3c5
}
.wysiwyg td, .wysiwyg th, .wysiwyg2 td, .wysiwyg2 th {
padding: 0
}
.wysiwyg td, .wysiwyg2 td {
padding-left: 50%;
padding-top: 0;
padding-bottom: 20px;
border: 0
}
.wysiwyg td:before, .wysiwyg2 td:before {
position: absolute;
left: 6px;
width: 35%;
padding-top: 10px;
padding-left: 13.33333px;
font-weight: bold
}
.wysiwyg td:before a, .wysiwyg2 td:before a {
padding-top: 10px
}
}
.wysiwyg iframe, .wysiwyg2 iframe {
width: 70%;
height: 300px
}
.no-js .wysiwyg iframe, .no-js .wysiwyg2 iframe {
display: none
}
@media screen and (min-width: 335px) {
.wysiwyg, .wysiwyg2 {
width: auto
}
}
@media screen and (min-width: 500px) {
.wysiwyg, .wysiwyg2 {
width: auto
}
}
@media screen and (min-width: 680px) {
.wysiwyg, .wysiwyg2 {
width: auto
}
}
article.wysiwyg2 {
padding-left: 0;
padding-left: 5px;
width: 100%;
float: left
}
@media screen and (min-width: 335px) {
article.wysiwyg2 {
padding-left: 5px;
width: 100%;
float: left
}
}
@media screen and (min-width: 500px) {
article.wysiwyg2 {
max-width: 100%;
float: left;
padding-left: 10px
}
}
@media screen and (min-width: 680px) {
article.wysiwyg2 {
max-width: 68%;
float: left;
padding-left: 160px
}
}
p.breakout-box {
display: block;
width: 100%;
background: #f47b20;
font-family: Alegreya Sans, sans-serif;
padding: 30px;
margin-bottom: 20px;
color: #fff;
text-align: left
}
@media screen and (min-width: 500px) {
p.breakout-box {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 40px !important
}
p.breakout-box:last-child {
margin-right: 0
}
}
p.button {
display: inline;
width: auto;
background: #5d9732;
font-size: 1.6em;
border: 0;
color: #fff;
line-height: 2em;
margin-bottom: 10px;
padding: 0 20px
}
button a {
color: white;
text-decoration: none
}
button a.hover {
color: white
}
section>button.button2 {
color: white;
text-decoration: none;
font-size: 1.2em;
line-height: 1.4em;
padding: 0 10px
}
button a.hover {
color: white
}
.standouttextblue {
color: #0078ae;
font-weight: bold;
font-size: 1.2em;
border-top: #0078ae 5px solid;
border-bottom: #0078ae 2px solid;
padding: 10px;
width: auto;
margin: 13.33333px 0
}
.standouttextred {
color: #ee3224;
font-weight: bold;
font-size: 1.2em;
border-top: #ee3224 5px solid;
border-bottom: #ee3224 2px solid;
padding: 10px;
width: auto;
margin: 13.33333px 0
}
.standouttextgreen {
color: #5d9732;
font-weight: bold;
font-size: 1.2em;
border-top: #5d9732 5px solid;
border-bottom: #5d9732 2px solid;
padding: 10px;
width: auto;
margin: 13.33333px 0
}
.standouttextcorpblue {
color: #002b5c;
font-weight: bold;
font-size: 1.2em;
border-top: #002b5c 5px solid;
border-bottom: #002b5c 2px solid;
padding: 10px;
width: auto;
margin: 13.33333px 0
}
div.sideband {
-webkit-font-smoothing: antialiased;
border-left-style: solid;
border-left-width: 10px;
box-sizing: border-box;
color: #222;
display: inline-block;
float: left;
font-family: Alegreya Sans, sans-serif;
line-height: 2em;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0em 0em 2em 0.3em;
text-align: left;
width: 32.30%
}
div.sideband a>h3 {
color: #0078ae
}
div.sideband a.hover>h3 {
color: #f47b20
}
div.sideband.half {
margin-top: 2em;
width: 48.5%
}
div.sideband.third {
margin-top: 2em;
width: 32.30%
}
div.sideband.quarter {
margin-top: 2em;
width: 24.30%
}
div.sideband p.blockLink.redBlock.getinvolved {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: #ee3224;
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: #ffffff;
cursor: auto;
display: block;
float: left;
font-family: Alegreya Sans, sans-serif;
font-size: 30px;
height: auto;
line-height: 42px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-top: 0;
margin-right: 1%;
text-align: center;
text-decoration: none;
text-transform: none;
width: 105%;
padding: 1em;
margin-left: -0.3em
}
div.sideband ul.simple, div.sideband ul.simple2, div.sideband ul.simple3, div.sideband ol.simple {
list-style-position: inside
}
div.sideband ul.simple2 {
line-height: 250%;
padding-top: 50px
}
div.sideband ul.simple2b {
line-height: 200%;
padding-top: 60px
}
div.sideband ul.simple, div.sideband ul.simple2, div.sideband ul.simple2b, div.sideband ul.simple3 {
width: 100%
}
div.sideband ul.simple:after, div.sideband ul.simple2:after, div.sideband ul.simple2b:after, div.sideband ul.simple3:after {
content: "";
display: table;
clear: both
}
div.sideband ul.simple li, div.sideband ul.simple2 li, div.sideband ul.simple2b li, div.sideband ul.simple3 li {
list-style: none;
padding-left: 1.2em
}
div.sideband ul.simple li:before, div.sideband ul.simple2 li:before, div.sideband ul.simple2b li:before, div.sideband ul.simple3 li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
div.sideband ul.simple li img, div.sideband ul.simple2 li img, div.sideband ul.simple2b li img, div.sideband ul.simple3 li img {
width: 100%
}
div.sideband dl dt {
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
div.sideband dl dt:first-child {
border-top: none
}
div.sideband dl dt:first-child>.staff a {
font-size: 1.5em;
text-decoration: none
}
div.sideband dl dd {
margin: 0
}
@media screen and (max-width: 800px) {
div.sideband.third, div.sideband.quarter {
width: 100%
}
div.sideband {
width: 100%;
display: block;
border-width: 0px 0px 0px 0px;
font-size: 2em
}
}
@media screen and (max-width: 800px) {
div.sideband {
width: 100%;
display: block;
border-width: 0px 0px 0px 0px;
font-size: 1.5em
}
div.sideband ul.simple2, div.sideband ul.simple2b, div.sideband ul.simple3 {
line-height: 250%;
padding-top: 0px;
margin-top: -80px
}
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1 {
background-color: #f47b20
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1 {
background-color: #f47b20
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1.red {
background-color: #f47b20
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1.green {
background-color: #f47b20
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1.blue {
background-color: #f47b20
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1.corpblue {
background-color: #f47b20
}
div#random a.hover header#head1.page-summary.has-img div.wrap h1.orange {
background-color: #f47b20
}
div#random a header#head1.page-summary.has-img div.wrap h1 {
background-color: #002b5c
}
div#random a header#head1.page-summary.has-img div.wrap h1.red {
background-color: #ee3224
}
div#random a header#head1.page-summary.has-img div.wrap h1.green {
background-color: #5d9732
}
div#random a header#head1.page-summary.has-img div.wrap h1.blue {
background-color: #0078ae
}
div#random a header#head1.page-summary.has-img div.wrap h1.corpblue {
background-color: #002b5c
}
div#random a header#head1.page-summary.has-img div.wrap h1.orange {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1 {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1 {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1.red {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1.green {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1.blue {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1.corpblue {
background-color: #f47b20
}
div#random a.hover header#head2.page-summary.has-img div.wrap h1.orange {
background-color: #f47b20
}
div#random a header#head2.page-summary.has-img div.wrap h1 {
background-color: #002b5c
}
div#random a header#head2.page-summary.has-img div.wrap h1.red {
background-color: #ee3224
}
div#random a header#head2.page-summary.has-img div.wrap h1.green {
background-color: #5d9732
}
div#random a header#head2.page-summary.has-img div.wrap h1.blue {
background-color: #0078ae
}
div#random a header#head2.page-summary.has-img div.wrap h1.corpblue {
background-color: #002b5c
}
div#random a header#head2.page-summary.has-img div.wrap h1.orange {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1 {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1 {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1.red {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1.green {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1.blue {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1.corpblue {
background-color: #f47b20
}
div#random a.hover header#head3.page-summary.has-img div.wrap h1.orange {
background-color: #f47b20
}
div#random a header#head3.page-summary.has-img div.wrap h1 {
background-color: #002b5c
}
div#random a header#head3.page-summary.has-img div.wrap h1.red {
background-color: #ee3224
}
div#random a header#head3.page-summary.has-img div.wrap h1.green {
background-color: #5d9732
}
div#random a header#head3.page-summary.has-img div.wrap h1.blue {
background-color: #0078ae
}
div#random a header#head3.page-summary.has-img div.wrap h1.corpblue {
background-color: #002b5c
}
div#random a header#head3.page-summary.has-img div.wrap h1.orange {
background-color: #f47b20
}
.sub-nav>ul {
margin-bottom: 16px
}
.sub-nav ul, .sub-nav li {
margin: 0;
padding: 0
}
.sub-nav li a, .sub-nav li strong {
display: block;
background-color: #e2e2e2;
border-bottom: 1px solid #fff;
padding: 10px;
text-decoration: none
}
.sub-nav li a:after, .sub-nav li strong:after {
content: '>';
font-family: Alegreya Sans, sans-serif;
float: right;
padding-left: 1em
}
.sub-nav li ul li a, .sub-nav li ul li strong {
padding-left: 20px;
background-color: #efefef
}
.sub-nav li ul li a:after, .sub-nav li ul li strong:after {
content: '>';
font-family: Alegreya Sans, sans-serif;
float: right;
padding-left: 1em
}
.sub-nav li ul li strong {
background-color: #0078ae;
font-weight: normal;
color: #fff
}
.person {
margin-bottom: 16px;
padding-bottom: 20px;
break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
padding-bottom: 20px;
margin-bottom: 20px
}
.person.item.orange a h2 {
background-color: #f47b20
}
.person.item.blue a h2 {
background-color: #0078ae
}
.person.item.red a h2 {
background-color: #ee3224
}
.person.item.green a h2 {
background-color: #5d9732
}
.person.item.darkblue a h2 {
background-color: #002b5c
}
.person.item.corpblue a h2 {
background-color: #002b5c
}
.person.item a h2:hover {
background-color: #f47b20
}
.person.item ul {
background-color: #efefef;
padding: 20px 10px 20px 30px;
margin-top: 0
}
.person.item li {
list-style: none;
padding-left: 1.2em;
padding-left: 0
}
.person.item li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.person.item li:before {
color: #002b5c
}
.person h2 {
color: #fff;
background-color: #002b5c;
margin: 0;
padding: 10px 13.33333px;
font-size: 1.625rem
}
.person h2 img {
width: 100%;
height: auto;
padding-bottom: 1em
}
.person h2 img.socialmedia {
width: 30px;
padding-left: .2em
}
.person p {
background-color: #e5e5e5;
padding: 10px;
color: #0078ae;
margin-top: 0
}
.person .tel {
color: #222;
text-decoration: none
}
.person .tel, .person .url, .person .email {
padding: 0 20px;
display: block
}
.person.primaryblue h2 {
background: #002b5c
}
.person.blue h2 {
background: #0078ae
}
.person.orange h2 {
background: #f47b20
}
.person.green h2 {
background: #5d9732
}
.person.red h2 {
background: #ee3224
}
.person.lightgrey h2 {
background: #dcdcdc
}
.person.darkgrey h2 {
background: #222
}
.person.corpblue h2 {
background: #002b5c
}
.person a {
text-decoration: none
}
.person a.hover p, .person a.hover li {
color: #f47b20
}
.tabs-container>aside>.person {
background: none;
float: left
}
.tabs-container>aside>.person h1 {
display: none
}
.tabs-container>aside>.person img {
height: auto
}
.tabs-container>aside>.person a {
padding: 0
}
.contact-table {
margin-bottom: 16px
}
.contact-table:after {
content: "";
display: table;
clear: both
}
.contact-table>.group:first-child>h1 {
border-top: none
}
.contact-table>.group>h1 {
padding-top: .5em;
border-top: 1px solid #dcdcdc;
text-transform: uppercase
}
.js .contact-table>.group>h1 {
cursor: pointer
}
.js .contact-table>.group>h1.hover {
color: #002b5c
}
.contact-table>.group>h1:before {
display: inline-block;
vertical-align: top;
margin-right: .5em;
padding: .25em .7em;
background: #002b5c;
color: #fff;
content: '>';
font-family: Alegreya Sans, sans-serif;
font-size: 12px;
font-size: 0.75rem
}
@media screen and (min-width: 680px) {
.contact-table>.group>h1:before {
font-size: 20px;
font-size: 1.25rem
}
}
.contact-table>.group.active>h1:before {
padding: .4em .7em .1em .7em;
content: '>'
}
.contact-table>.group>.contacts>ul {
margin: 0 0 16px;
padding: 16px 0 0;
border-top: 1px solid #dcdcdc;
list-style: none
}
@media screen and (min-width: 680px) {
.contact-table>.group>.contacts>ul {
display: table;
width: 100%
}
}
.contact-table>.group>.contacts>ul li {
clear: both;
margin-bottom: 16px;
padding: 10px;
background: #efefef
}
@media screen and (min-width: 680px) {
.contact-table>.group>.contacts>ul li {
display: table-row;
margin-bottom: 0;
padding: 0;
background: none
}
}
.contact-table>.group>.contacts>ul li a {
display: block;
color: #222;
text-decoration: none
}
@media screen and (min-width: 680px) {
.contact-table>.group>.contacts>ul li>* {
display: table-cell !important;
vertical-align: middle;
padding: 10px 20px;
background: #efefef;
border-bottom: 8px solid #fff;
border-left: 1px solid #fff
}
.contact-table>.group>.contacts>ul li>*:nth-child(odd) {
background: #e5e5e5
}
.contact-table>.group>.contacts>ul li>*:first-child {
border-left: 0
}
}
.contact-table>.group>.contacts>ul li .photo {
float: left;
width: 80px;
padding: 0;
margin: 0 10px 10px 0
}
.contact-table>.group>.contacts>ul li .photo img {
width: 80px;
height: auto
}
@media screen and (min-width: 680px) {
.contact-table>.group>.contacts>ul li .photo {
float: none;
margin-right: 0
}
}
.contact-table>.group>.contacts>ul li .name h2 {
margin: 0;
font-weight: bold
}
.tabs-container {
padding: 10px 0;
position: relative;
margin-bottom: 16px
}
.tabs-container div.apply2 {
width: 100%;
margin-bottom: 20px
}
.tabs-container div.apply2:after {
content: "";
display: table;
clear: both
}
.tabs-container div.apply2 div.apply-details {
width: 70%;
float: left;
padding: 0 20px
}
.tabs-container div.apply2 div.apply-details h3 {
font-size: 1.4em
}
.tabs-container div.apply2 div.apply-button {
width: 100%
}
@media screen and (min-width: 680px) {
.tabs-container div.apply2 div.apply-button {
width: 30%;
float: right
}
}
.tabs-container div.apply2 div.apply-button a {
width: 50%;
margin: 20px 0;
text-decoration: none
}
.tabs-container div.apply2 div.apply-button a button {
width: 100%;
background: #f47b20;
font-size: 1.6em;
border: 0;
color: #efefef;
line-height: 2em
}
.tabs-container:after {
content: "";
display: table;
clear: both
}
.tabs-container>.tab-content {
margin-bottom: 16px
}
@media screen and (min-width: 680px) {
.tabs-container>.tab-content {
display: none
}
}
.tabs-container>.tab-content.active {
display: inherit
}
@media screen and (min-width: 680px) {
.tabs-container>.tab-content.active.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
.tabs-container>.tab-content.active.has-aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.tabs-container>.tab-content.active.has-aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%
}
.tabs-container>.tab-content.active.has-aside:last-child {
margin-right: 0
}
}
.tabs-container>.tab-content.active.wysiwyg:after {
content: "";
display: table;
clear: both
}
.tabs-container>.tab-content.active.wysiwyg>h1 {
min-height: 60px;
margin-top: 20px
}
.tabs-container>.tab-content.active.wysiwyg>h1:first-of-type {
margin-bottom: 0
}
.tabs-container>.tab-content.active.wysiwyg>.intro {
margin-top: -1px
}
@media screen and (min-width: 335px) {
.tabs-container>aside {
width: 100%
}
}
@media screen and (min-width: 680px) {
.tabs-container>aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-right: 0;
float: right;
margin-top: 80px
}
.tabs-container>aside:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.tabs-container>aside {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
margin-right: 0;
float: right
}
.tabs-container>aside:last-child {
margin-right: 0
}
}
.tabs-container form {
background: #efefef;
padding: 20px
}
.orderedlist>ul>li, ol>li {
padding: 10px
}
.orderedlist>ul>li>strong, ol>li>strong {
font-weight: 600;
padding-bottom: 10px
}
.orderedlist>ul>li a, ol>li a {
text-decoration: none
}
.orderedlist>ul .orderedlist>ul>li:before, ol .orderedlist>ul>li:before {
content: counter(item) ". ";
counter-increment: item;
font-weight: bold;
color: red
}
.orderedlist>ul.orderedlistwithin>li {
padding: 0;
padding-left: 40px
}
.video-player {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
margin-bottom: 16px
}
.video-player:after {
content: "";
display: table;
clear: both
}
.video-player>header {
margin-bottom: 20px
}
.video-player>header p {
font-size: 18px;
font-size: 1.125rem
}
.video-player>header h1+p {
margin-top: -.5em;
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.video-player figure {
padding: 10px;
border: 10px solid #e5e5e5;
background: #fff
}
@media screen and (min-width: 500px) {
.video-player figure {
border-width: 20px;
padding: 20px
}
}
.video-player figure .videowrap {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative
}
.video-player figure .videowrap iframe, .video-player figure .videowrap object, .video-player figure .videowrap embed, .video-player figure .videowrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.videoexternalcontainer {
width: 50%
}
.videoexternal {
width: 96%
}
.responsive-video-16-9 {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
.responsive-video-16-9 object, .responsive-video-16-9 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-header #videocontainer {
height: 0;
overflow: hidden;
position: relative
}
@media screen and (min-width: 800px) {
.video-header #videocontainer {
padding-top: 37.5%
}
}
@media screen and (min-width: 800px) {
.video-header video, .video-header #bannerImage {
position: absolute;
top: -999px;
bottom: -999px;
left: 0;
right: 0;
margin: auto;
width: 100%
}
}
.video-header .pause-button {
display: none;
position: absolute;
opacity: 0;
top: -100px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px;
height: 100px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out
}
@media screen and (min-width: 1024px) {
.video-header .pause-button {
display: block
}
}
.video-header .pause-button img {
position: static;
height: 100px;
margin-left: auto;
width: 100px
}
.video-header:hover .pause-button {
opacity: 0.5
}
.video-header:hover .pause-button:hover {
opacity: 0.8;
cursor: pointer
}
.video-header.top video, .video-header.top #bannerImage {
top: 0;
bottom: auto
}
.video-header.bottom video, .video-header.bottom #bannerImage {
top: auto;
bottom: 0
}
.video-header.video-background video {
display: none
}
@media screen and (min-width: 1024px) {
.video-header.video-background video {
display: block
}
}
@media screen and (min-width: 1024px) {
.video-header.video-background #bannerImage {
display: none
}
}
.video-header #bannerImage {
display: block;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 37.5%
}
@media screen and (min-width: 1024px) {
.video-header #bannerImage {
padding-top: 0
}
}
@media screen and (min-width: 1024px) {
.video-header #bannerImage.scale-up {
display: block
}
}
.jwplayer {
vertical-align: top
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
content: "";
display: table
}
.clearfix:after, .row:after {
clear: both
}
.clearfix, .row {
zoom: 1
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
article.a-zPage {
width: 100% !important;
max-width: 100%
}
article.a-zPage a.active, article.a-zPage .active {
background-color: #0078ae;
color: #fff
}
article.a-zPage ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center
}
article.a-zPage ul li {
list-style-type: none;
margin: 0;
padding: 0;
float: left
}
article.a-zPage ul li:before {
content: none
}
article.a-zPage ul li a {
width: 100%;
display: block;
height: 100%;
padding: 5%
}
article.a-zPage ul.iso-container {
margin-top: 1em;
width: 101.5%
}
article.a-zPage ul.iso-container li {
width: 100%;
border: 0px solid;
border-bottom: 6px solid;
margin: 0 5px 1.053% 0;
background: #efefef;
height: 7em;
margin: 0 5px 20px 0;
padding: 0;
font-size: 1.3em;
text-align: left;
position: relative;
font-weight: bold
}
article.a-zPage ul.iso-container li a {
vertical-align: middle;
-webkit-transition: background 0.1s ease-in-out;
-moz-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out
}
article.a-zPage ul.iso-container li:hover a {
background: #d5d5d5;
color: #00557b
}
article.a-zPage ul.iso-container li.group1-item {
border-color: #ee3224
}
article.a-zPage ul.iso-container li.group2-item {
border-color: #0078ae
}
article.a-zPage ul.iso-container li.group3-item {
border-color: #5d9732
}
article.a-zPage ul.iso-container li.group4-item {
border-color: #002b5c
}
article.a-zPage ul.iso-container li.group5-item {
border-color: #222
}
article.a-zPage ul.iso-container li.group6-item {
border-color: #f47b20
}
article.a-zPage ul.iso-container li.group-heading {
border: 0;
width: 100%;
height: auto;
background-color: transparent
}
article.a-zPage ul.iso-container li.group-heading h2, article.a-zPage ul.iso-container li.group-heading h3, article.a-zPage ul.iso-container li.group-heading p {
text-align: left
}
article.a-zPage.country div.filter div#groups {
display: none
}
@media (min-width: 500px) {
article.a-zPage.country div.filter div#groups {
display: block
}
}
article.a-zPage.country ul.iso-container li a p {
margin: 0 0 10px 0
}
article.a-zPage.country ul.iso-container li a img {
width: auto;
margin: 0 auto;
display: block
}
@media (min-width: 500px) {
article.a-zPage ul.iso-container li {
width: 48.8%;
height: 9em
}
article.a-zPage ul.iso-container li a div {
height: 4em
}
article.a-zPage ul.iso-container li a div img {
max-width: 100%;
max-height: 100%;
width: auto
}
article.a-zPage ul.iso-container li a span {
display: block
}
article.a-zPage ul.iso-container li.course-item {
margin-right: 0
}
}
@media (min-width: 680px) {
article.a-zPage ul.iso-container li {
width: 24.21%;
height: 8.3em;
font-size: 1.2em
}
article.a-zPage ul.iso-container li.group-heading {
font-size: 1em;
margin-bottom: 0
}
}
@media (min-width: 820px) {
article.a-zPage ul.iso-container li {
width: 24.21%
}
}
.lt-ie9 article.a-zPage ul.iso-container li {
width: 24.21%;
height: 8.3em
}
div.filter div form#filtersearch {
padding: 0;
border-bottom: 4px solid #fff
}
div.filter div form#filtersearch input.filtersearch {
border: 2px solid #dcdcdc;
margin: 0;
font-size: 1.4em;
height: auto;
line-height: 1.7em;
width: 96%;
padding: 0 2%
}
div.filter div form#filtersearch .jvFloat .placeHolder.active {
transform: translate(0px, -3em);
padding: 0 5px
}
div.filter div form#filtersearch.active input.filtersearch {
color: #0078ae;
border-color: #0078ae
}
div.filter div ul#filter-buttons {
width: 100%
}
div.filter div ul#filter-buttons li {
width: 49%;
margin-right: 2%;
border-bottom: 4px solid #fff
}
div.filter div ul#filter-buttons li:nth-of-type(2) {
margin: 0
}
@media screen and (min-width: 500px) {
div.filter div ul#filter-buttons li {
width: 32%
}
div.filter div ul#filter-buttons li:nth-of-type(2) {
margin-right: 2%
}
div.filter div ul#filter-buttons li:nth-of-type(3) {
margin: 0
}
}
div.filter div ul#filter-buttons li a {
padding: 10% 0;
background-color: #dcdcdc;
height: 55px;
background-color: #DCDCDC;
color: #0078ae
}
div.filter div ul#filter-buttons li a:hover {
background: #d5d5d5;
cursor: pointer
}
div.filter div ul#filter-buttons li a.active {
background: #0078ae;
color: #fff
}
div.filter div ul#filter-buttons li a.active:hover {
background: #006695
}
div.filter div ul#filter-buttons li form#grouped {
width: 100%;
padding: 10% 0;
background-color: #dcdcdc;
height: 55px
}
div.filter div ul#filter-buttons li form#grouped input {
width: 100%;
display: block
}
div.filter div ul#filter-buttons li form#grouped lable {
display: block
}
div.filter div ul#filter-buttons li.active {
border-color: #0078ae;
background-color: #0078ae;
color: #fff
}
div.filter div.three ul#filter-buttons {
width: 100%
}
div.filter div.three ul#filter-buttons li {
width: 32%;
margin-right: 2%;
border-bottom: 4px solid #fff
}
div.filter div.three ul#filter-buttons li a {
padding: 10% 0;
background-color: #dcdcdc;
height: 55px;
color: #0078ae
}
div.filter div.three ul#filter-buttons li a:hover {
background: #d5d5d5;
cursor: pointer
}
div.filter div.three ul#filter-buttons li a.active {
background: #0078ae;
color: #fff
}
div.filter div.three ul#filter-buttons li a.active:hover {
background: #006695
}
div.filter div.three ul#filter-buttons li form#grouped {
width: 100%;
padding: 10% 0;
background-color: #dcdcdc;
height: 55px
}
div.filter div.three ul#filter-buttons li form#grouped input {
width: 100%;
display: block
}
div.filter div.three ul#filter-buttons li form#grouped lable {
display: block
}
div.filter div.three ul#filter-buttons li:nth-of-type(3) {
margin: 0
}
div.filter div.three ul#filter-buttons li.active {
border-color: #0078ae
}
div.filter div.three ul#filter-buttons li.active a {
background-color: #0078ae;
color: #fff
}
div.filter div.three ul#filter-buttons li.active a:hover {
background: #006695
}
div.filter div.four ul#filter-buttons {
width: 100%
}
div.filter div.four ul#filter-buttons li {
width: 23.5%;
margin-right: 2%;
border-bottom: 4px solid #fff
}
div.filter div.four ul#filter-buttons li a {
padding: 10% 0;
background-color: #dcdcdc;
height: 55px
}
div.filter div.four ul#filter-buttons li form#grouped {
width: 100%;
padding: 10% 0;
background-color: #dcdcdc;
height: 55px
}
div.filter div.four ul#filter-buttons li form#grouped input {
width: 100%;
display: block
}
div.filter div.four ul#filter-buttons li form#grouped lable {
display: block
}
div.filter div.four ul#filter-buttons li:nth-of-type(4) {
margin: 0
}
div.filter div.four ul#filter-buttons li.active {
border-color: #c1c3c5
}
div.filter div.four ul#filter-buttons li.active a {
background-color: #c1c3c5
}
div.filter ul#a-z {
background-color: #c1c3c5;
text-transform: uppercase;
display: none
}
div.filter ul#a-z li {
width: 16%;
margin: 0.3%
}
div.filter ul#a-z li a {
padding: 10px 0;
background-color: #dcdcdc
}
div.filter ul#a-z li a.hover {
background: #d5d5d5
}
div.filter ul#a-z li a.inactive-letter {
color: #222;
background-color: #c1c3c5
}
div.filter ul#a-z li a.active-letter {
color: #fff;
background-color: #0078ae
}
div.filter ul#a-z li a[disabled="disabled"] {
background-color: #c2c2c2 !important;
color: #efefef;
cursor: text
}
div.filter ul#a-z li a[disabled="disabled"].hover {
color: #efefef
}
div.filter div#groups ul#group-buttons {
margin-top: 4px
}
div.filter div#groups ul#group-buttons li {
width: 100%
}
div.filter div#groups ul#group-buttons li a {
width: 100%;
height: 100%;
position: relative;
border-bottom: 6px solid;
background-color: #efefef
}
div.filter div#groups ul#group-buttons li a img {
max-width: 100%;
max-height: 50%;
display: none
}
div.filter div#groups ul#group-buttons li a h2 {
color: #fff;
margin-bottom: 0;
font-size: 1.5em;
text-align: left;
float: left;
width: 80%;
border: 0
}
div.filter div#groups ul#group-buttons li a span {
display: block;
font-size: 1em;
line-height: 1em;
color: #fff;
float: right;
line-height: 1.5em;
margin-top: 0.83em;
padding: 10px 3px;
width: 20%;
background-color: transparent
}
div.filter div#groups ul#group-buttons li a p {
color: #fff;
display: none;
width: 100%;
float: left
}
div.filter div#groups ul#group-buttons li a p span {
font-size: 2em;
display: none
}
div.filter div#groups ul#group-buttons li a p span.fa {
position: absolute;
right: 5px;
font-size: 1em;
line-height: 2em;
width: 15%;
display: block;
top: -15px
}
div.filter div#groups ul#group-buttons li a span.filter-icon {
position: absolute;
left: 5px;
font-size: 1em;
line-height: 1.4em;
width: 10%;
background-color: transparent;
color: #c1c3c5;
top: -15px
}
div.filter div#groups ul#group-buttons li a.active {
background-color: #0078ae;
color: #fff
}
div.filter div#groups ul#group-buttons li a.active h2, div.filter div#groups ul#group-buttons li a.active span {
color: #fff
}
div.filter div#groups ul#group-buttons li a.hover {
background: #d5d5d5;
border-bottom-color: #0078ae
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a {
border-bottom-color: #ee3224
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a h2, div.filter div#groups ul#group-buttons li:nth-of-type(1) a p, div.filter div#groups ul#group-buttons li:nth-of-type(1) a span {
color: #ee3224
}
div.filter div#groups ul#group-buttons li:nth-of-type(2) a {
border-bottom-color: #0078ae
}
div.filter div#groups ul#group-buttons li:nth-of-type(2) a h2, div.filter div#groups ul#group-buttons li:nth-of-type(2) a p, div.filter div#groups ul#group-buttons li:nth-of-type(2) a span {
color: #0078ae
}
div.filter div#groups ul#group-buttons li:nth-of-type(3) a {
border-bottom-color: #5d9732
}
div.filter div#groups ul#group-buttons li:nth-of-type(3) a h2, div.filter div#groups ul#group-buttons li:nth-of-type(3) a p, div.filter div#groups ul#group-buttons li:nth-of-type(3) a span {
color: #5d9732
}
div.filter div#groups ul#group-buttons li:nth-of-type(4) a {
border-bottom-color: #002b5c
}
div.filter div#groups ul#group-buttons li:nth-of-type(4) a h2, div.filter div#groups ul#group-buttons li:nth-of-type(4) a p, div.filter div#groups ul#group-buttons li:nth-of-type(4) a span {
color: #002b5c
}
div.filter div#groups ul#group-buttons li:nth-of-type(5) a {
border-bottom-color: #222
}
div.filter div#groups ul#group-buttons li:nth-of-type(5) a h2, div.filter div#groups ul#group-buttons li:nth-of-type(5) a p, div.filter div#groups ul#group-buttons li:nth-of-type(5) a span {
color: #222
}
div.filter div#groups ul#group-buttons li:nth-of-type(6) a {
border-bottom-color: #f47b20
}
div.filter div#groups ul#group-buttons li:nth-of-type(6) a h2, div.filter div#groups ul#group-buttons li:nth-of-type(6) a p, div.filter div#groups ul#group-buttons li:nth-of-type(6) a span {
color: #f47b20
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button {
background-color: #0078ae
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button h2, div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button span, div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button p, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button h2, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button span, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button p, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button h2, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button span, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button p, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button h2, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button span, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button p, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button h2, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button span, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button p, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button h2, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button span, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button p {
color: #efefef
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button.hover, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button.hover, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button.hover, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button.hover, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button.hover, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button.hover {
background: #006695;
color: #fff
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button.hover span {
color: #fff
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active {
background-color: #0078ae;
color: #fff
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active h2, div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active span, div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active p, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active h2, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active span, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active p, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active h2, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active span, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active p, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active h2, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active span, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active p, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active h2, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active span, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active p, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active h2, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active span, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active p {
color: #fff
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active.hover, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active.hover, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active.hover, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active.hover, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active.hover, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active.hover {
background: #006695;
color: #fff
}
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active.hover span, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active.hover h2, div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active.hover span {
color: #fff
}
@media (min-width: 500px) {
div.filter ul#a-z li {
width: 7.09%;
margin: 0.3%
}
div.filter div#groups ul#group-buttons li a span.count {
display: block;
position: absolute;
right: 5px;
font-size: 1em;
top: -15px
}
div.filter div#groups ul#group-buttons li a span.fa {
display: block;
position: absolute;
left: 5px;
font-size: 1em
}
div.filter div#groups ul#group-buttons li:nth-child(3n) {
margin: 0
}
div.filter div#groups ul#group-buttons li a h2, div.filter div#groups.group2 ul#group-buttons li a h2, div.filter div#groups.group3 ul#group-buttons li a h2, div.filter div#groups.group4 ul#group-buttons li a h2, div.filter div#groups.group5 ul#group-buttons li a h2, div.filter div#groups.group6 ul#group-buttons li a h2 {
height: 70px
}
div.filter div#groups ul#group-buttons li a span.fa, div.filter div#groups.group2 ul#group-buttons li a span.fa, div.filter div#groups.group3 ul#group-buttons li a span.fa, div.filter div#groups.group4 ul#group-buttons li a span.fa, div.filter div#groups.group5 ul#group-buttons li a span.fa, div.filter div#groups.group6 ul#group-buttons li a span.fa {
position: absolute;
left: 5px;
top: -15px;
font-size: 1em;
width: auto
}
div.filter div#groups.group2 ul#group-buttons li {
width: 49.25%;
margin: 0 1.5% 1.5% 0
}
div.filter div#groups.group2 ul#group-buttons li a p {
display: block
}
div.filter div#groups.group2 ul#group-buttons li:nth-child(2n) {
margin: 0
}
div.filter div#groups.group3 ul#group-buttons li, div.filter div#groups.group6 ul#group-buttons li {
width: 32.33%;
margin: 0 1.5% 1.5% 0
}
div.filter div#groups.group3 ul#group-buttons li a p, div.filter div#groups.group6 ul#group-buttons li a p {
display: block
}
div.filter div#groups.group3 ul#group-buttons li:nth-child(3n), div.filter div#groups.group6 ul#group-buttons li:nth-child(3n) {
margin: 0
}
div.filter div#groups.group4 ul#group-buttons li {
width: 23.875%;
margin: 0 1.5% 1.5% 0
}
div.filter div#groups.group4 ul#group-buttons li a p {
display: block
}
div.filter div#groups.group4 ul#group-buttons li:nth-child(4n) {
margin: 0
}
div.filter div#groups.group5 ul#group-buttons li {
width: 18.8%;
margin: 0 1.5% 1.5% 0
}
div.filter div#groups.group5 ul#group-buttons li a p {
display: block
}
div.filter div#groups.group5 ul#group-buttons li:nth-child(5n) {
margin: 0
}
}
@media (min-width: 680px) {
div.filter {
width: 100%
}
div.filter ul#a-z {
display: block
}
div.filter ul#a-z li {
width: 3.247%
}
div.filter ul#a-z li#advbutton {
width: 10%
}
div.filter div form#filtersearch {
width: 66.16%;
float: left;
margin-right: 1.5%
}
div.filter div ul#filter-buttons {
width: 32.33%;
float: right
}
div.filter div ul#filter-buttons li {
width: 49%
}
div.filter div ul#filter-buttons li:nth-of-type(2) {
margin-right: 0
}
div.filter div ul#filter-buttons li:nth-of-type(3) {
display: none
}
div.filter div#groups ul#group-buttons li a, div.filter div#groups.group2 ul#group-buttons li a, div.filter div#groups.group3 ul#group-buttons li a, div.filter div#groups.group4 ul#group-buttons li a, div.filter div#groups.group5 ul#group-buttons li a, div.filter div#groups.group6 ul#group-buttons li a {
height: auto;
padding: 0
}
div.filter div#groups ul#group-buttons li a h2, div.filter div#groups.group2 ul#group-buttons li a h2, div.filter div#groups.group3 ul#group-buttons li a h2, div.filter div#groups.group4 ul#group-buttons li a h2, div.filter div#groups.group5 ul#group-buttons li a h2, div.filter div#groups.group6 ul#group-buttons li a h2 {
text-align: center;
float: clear;
width: 100%;
font-size: 2em;
padding-top: 10px
}
div.filter div#groups ul#group-buttons li a span, div.filter div#groups.group2 ul#group-buttons li a span, div.filter div#groups.group3 ul#group-buttons li a span, div.filter div#groups.group4 ul#group-buttons li a span, div.filter div#groups.group5 ul#group-buttons li a span, div.filter div#groups.group6 ul#group-buttons li a span {
display: block;
width: 100%;
font-size: 4em;
background-color: transparent;
float: clear;
width: 100%;
margin: 0
}
div.filter div#groups ul#group-buttons li a p, div.filter div#groups.group2 ul#group-buttons li a p, div.filter div#groups.group3 ul#group-buttons li a p, div.filter div#groups.group4 ul#group-buttons li a p, div.filter div#groups.group5 ul#group-buttons li a p, div.filter div#groups.group6 ul#group-buttons li a p {
display: none
}
div.filter div#groups ul#group-buttons li a p span, div.filter div#groups.group2 ul#group-buttons li a p span, div.filter div#groups.group3 ul#group-buttons li a p span, div.filter div#groups.group4 ul#group-buttons li a p span, div.filter div#groups.group5 ul#group-buttons li a p span, div.filter div#groups.group6 ul#group-buttons li a p span {
font-size: 2em
}
div.filter div#groups ul#group-buttons li a span.filter-icon, div.filter div#groups.group2 ul#group-buttons li a span.filter-icon, div.filter div#groups.group3 ul#group-buttons li a span.filter-icon, div.filter div#groups.group4 ul#group-buttons li a span.filter-icon, div.filter div#groups.group5 ul#group-buttons li a span.filter-icon, div.filter div#groups.group6 ul#group-buttons li a span.filter-icon {
display: block
}
div.filter div#groups ul#group-buttons li a span.count, div.filter div#groups.group2 ul#group-buttons li a span.count, div.filter div#groups.group3 ul#group-buttons li a span.count, div.filter div#groups.group4 ul#group-buttons li a span.count, div.filter div#groups.group5 ul#group-buttons li a span.count, div.filter div#groups.group6 ul#group-buttons li a span.count {
top: 0;
position: relative;
line-height: 0.9em
}
div.filter div#groups ul#group-buttons li a span.fa, div.filter div#groups.group2 ul#group-buttons li a span.fa, div.filter div#groups.group3 ul#group-buttons li a span.fa, div.filter div#groups.group4 ul#group-buttons li a span.fa, div.filter div#groups.group5 ul#group-buttons li a span.fa, div.filter div#groups.group6 ul#group-buttons li a span.fa {
display: block;
top: 0
}
div.filter div#groups ul#group-buttons li a.hover p, div.filter div#groups.group2 ul#group-buttons li a.hover p, div.filter div#groups.group3 ul#group-buttons li a.hover p, div.filter div#groups.group4 ul#group-buttons li a.hover p, div.filter div#groups.group5 ul#group-buttons li a.hover p, div.filter div#groups.group6 ul#group-buttons li a.hover p {
display: none
}
div.filter div#groups ul#group-buttons li a.hover p span, div.filter div#groups.group2 ul#group-buttons li a.hover p span, div.filter div#groups.group3 ul#group-buttons li a.hover p span, div.filter div#groups.group4 ul#group-buttons li a.hover p span, div.filter div#groups.group5 ul#group-buttons li a.hover p span, div.filter div#groups.group6 ul#group-buttons li a.hover p span {
display: none
}
div.filter div#groups ul#group-buttons li.imageButton {
height: 180px
}
div.filter div#groups ul#group-buttons li.imageButton a {
height: 100%
}
div.filter div#groups ul#group-buttons li.imageButton a h2 {
height: 70px;
border: 0
}
div.filter div#groups ul#group-buttons li.imageButton a img {
display: inline;
width: auto
}
div.filter div#groups ul#group-buttons li.imageButton a span.count {
position: absolute;
right: 5px;
top: 0;
font-size: 1em;
line-height: 2em;
width: 15%;
background-color: #002b5c;
color: #fff
}
div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(1) a span.count {
background-color: #ee3224
}
div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(2) a span.count {
background-color: #0078ae
}
div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(3) a span.count {
background-color: #5d9732
}
div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(4) a span.count {
background-color: #002b5c
}
div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(5) a span.count {
background-color: #222
}
div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(6) a span.count {
background-color: #f47b20
}
}
@media screen {
div.filter ul#filter-buttons li a.hover {
background-color: #f47b20
}
div.filter ul#filter-buttons li form#grouped.hover {
background-color: #f47b20;
color: #fff
}
div.filter ul#a-z li a.inactive-letter.hover {
background-color: #c1c3c5;
cursor: default
}
div.filter ul#a-z li a.active-letter.hover {
background-color: #0078ae;
cursor: default
}
}
.lt-ie9 div.filter {
background: #efefef;
width: 100%
}
.lt-ie9 div.filter ul#a-z li {
width: 3.24%;
margin: 0.3%
}
.lt-ie9 div.filter form#filtersearch {
width: 65.16%;
float: left
}
.lt-ie9 div.filter ul#filter-buttons {
width: 39.4%;
float: right
}
.lt-ie9 div.filter div#groups ul#group-buttons li {
height: 180px;
width: 32.33%;
margin: 0 1.5% 1.5% 0
}
.lt-ie9 div.filter div#groups ul#group-buttons li a h2 {
text-align: center;
float: clear;
width: 100%;
font-size: 2em
}
.lt-ie9 div.filter div#groups ul#group-buttons li a span {
display: block;
width: 100%;
font-size: 4em;
background-color: transparent;
float: clear;
width: 100%;
margin: -5px
}
.lt-ie9 div.filter div#groups ul#group-buttons li a p {
display: none;
color: #fff
}
.lt-ie9 div.filter div#groups ul#group-buttons li a p span {
font-size: 2em
}
.lt-ie9 div.filter div#groups ul#group-buttons li a span.filter-icon {
display: block
}
.lt-ie9 div.filter div#groups ul#group-buttons li:nth-child(n+3) {
margin: 0
}
@media screen and (min-width: 680px) {
.link-group {
max-width: 70em;
margin-left: auto;
margin-right: auto;
position: relative
}
.link-group:before {
position: absolute;
right: -1px;
content: '';
width: 1px;
height: 45px;
background: #fff;
@clearfix;
}
}
.link-group>ul {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 0;
float: right;
max-width: 150px;
margin: 0;
padding: 0
}
.link-group>ul:last-child {
margin-right: 0
}
@media screen and (min-width: 680px) {
.link-group>ul {
float: left;
max-width: none;
width: auto
}
}
.link-group>ul>li {
list-style: none;
color: #fff;
background: #5d9732
}
.link-group>ul>li:nth-child(2) {
background: #457125
}
.link-group>ul>li:nth-child(3) {
background: #2e4a19
}
.link-group>ul>li.hover {
background: #16240c
}
.link-group>ul>li>a {
color: #fff
}
@media screen and (min-width: 680px) {
.link-group>ul>li {
padding-right: 40px;
padding-left: 40px;
float: left;
border-right: 1px solid #fff
}
.link-group>ul>li.haschildren>a:after {
margin-left: .8em;
font-family: Alegreya Sans, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1;
color: #457125
}
.link-group>ul>li.haschildren.hover>a {
position: relative;
bottom: -1px;
z-index: 101;
border-bottom: 1px solid #000
}
.link-group>ul>li.haschildren:first-child:hover>a {
margin-left: 1px
}
}
div.acordGroupButton {
margin: -12px 5px 0 0
}
div.acordGroupButton a.uos-accordian-expandall, div.acordGroupButton a.uos-accordian-collapseall {
line-height: 1em;
padding: 5px;
background: #dcdcdc;
margin-right: 0px
}
div.acordGroupButton a.uos-accordian-expandall.hover, div.acordGroupButton a.uos-accordian-collapseall.hover {
background: #efefef
}
a.acord {
display: block;
background: #0078ae;
color: #fff;
padding: 20px;
font-size: 1.2em;
margin-top: 10px;
text-decoration: none
}
a.acord i {
float: right
}
div.acord {
background: #dcdcdc;
padding: 20px;
margin: 0
}
@media screen and (max-width: 450px) {
div.acord {
padding: 0
}
}
div.apply {
width: 100%;
margin-bottom: 16px
}
div.apply div.apply-details {
width: 100%;
background: #dcdcdc;
float: left;
padding: 0 20px
}
@media screen and (min-width: 680px) {
div.apply div.apply-details {
min-height: 0px
}
}
div.apply div.apply-details h3 {
font-size: 1.4em
}
div.apply div.apply-button {
width: 100%;
background: #dcdcdc;
float: right
}
div.apply div.apply-button a {
width: 50%;
margin: 20px 0;
text-decoration: none
}
div.apply div.apply-button a button {
width: 100%;
background: #f47b20
}
@media screen and (min-width: 680px) {
div.apply div.apply-details {
width: 70%;
min-height: 150px
}
div.apply div.apply-button {
padding: 20px;
width: 30%;
height: 150px
}
}
.lt-ie9 div.apply div.apply-button {
padding: 20px
}
ul.contact-list {
margin: 0 0 16px 0;
list-style: none;
padding: 0
}
ul.contact-list li {
border: 0 none;
float: none;
margin: 0 5px 0px 0;
width: 100%;
padding: 1% 0;
background: #efefef
}
ul.contact-list li:after {
content: "";
display: table;
clear: both
}
ul.contact-list li h3 {
font-size: 2rem
}
ul.contact-list li span {
display: inline-block;
min-height: 100%;
padding: 2px;
vertical-align: middle;
background: #c3c3c3;
color: #002b5c;
padding: 0 2px 0 0;
display: block
}
@media screen and (min-width: 680px) {
ul.contact-list li span {
height: 80px
}
}
ul.contact-list li span.staff_image {
min-width: 62px;
padding: 1%;
display: inline-block
}
ul.contact-list li span.staff_image img {
height: 60px;
width: 60px
}
ul.contact-list li span.staff_name {
width: 98%;
margin: 0 1% 10px 1%
}
ul.contact-list li span.staff_telno {
width: 98%;
padding: 0px;
text-align: center;
float: left;
margin: 0 0 10px 1%
}
@media screen and (min-width: 680px) {
ul.contact-list li span.staff_telno {
width: 48.5%;
margin: 0 0 0px 1%
}
}
ul.contact-list li span.staff_telno a {
padding: 29px 0px;
display: block
}
ul.contact-list li span.staff_email {
width: 98%;
padding: 0px;
float: left;
margin: 0 0 0 1%;
text-align: center
}
@media screen and (min-width: 680px) {
ul.contact-list li span.staff_email {
width: 48.5%
}
}
ul.contact-list li span.staff_email a {
padding: 29px 0px;
display: block
}
ul.contact-list li span.staff_address {
width: 98%;
margin: 0 1% 10px 1%;
clear: both;
padding: 29px 0px;
width: 98%;
margin: 10px 1% 0px 1%;
text-align: center;
float: right;
height: auto
}
ul.contact-list li:before {
content: none
}
ul.video-testimonials {
width: 100%;
padding: 0;
margin: 10px 0
}
ul.video-testimonials li {
list-style: none;
padding: 0;
margin: 20px 0
}
ul.video-testimonials li:after {
content: "";
display: table;
clear: both
}
ul.video-testimonials li:before {
content: "";
text-indent: 0
}
ul.video-testimonials li iframe {
width: 50%;
float: left;
padding-right: 10px;
height: 210px;
border: 0
}
ul.video-testimonials li h3, ul.video-testimonials li p {
width: 50%;
float: right;
padding-left: 10px
}
ul.video-testimonials li:nth-of-type(2n) {
margin-right: 0
}
ul.video-testimonials li:nth-of-type(2n) iframe {
float: right;
padding-left: 10px
}
ul.video-testimonials li:nth-of-type(2n) h3, ul.video-testimonials li:nth-of-type(2n) p {
float: left;
padding-right: 10px
}
section#hp.fact h2 {
background-color: #ee3224
}
section#hp.fact.orange h2 {
background-color: #f47b20
}
section#hp.fact.blue h2 {
background-color: #0078ae
}
section#hp.fact.red h2 {
background-color: #ee3224
}
section#hp.fact.green h2 {
background-color: #5d9732
}
.fact {
margin-bottom: 16px
}
.fact h2 {
margin: 0;
padding: 20px;
color: #fff;
text-align: center;
background: #ee3224;
font-size: 2em
}
.fact h2 strong {
display: block;
width: 100%;
margin: 0;
color: #fff;
font-family: Alegreya Sans, sans-serif;
line-height: 1;
font-size: 60px;
font-size: 3.75rem
}
@media screen and (min-width: 335px) {
.fact h2 strong {
font-size: 66px;
font-size: 4.125rem
}
}
@media screen and (min-width: 500px) {
.fact h2 strong {
font-size: 74px;
font-size: 4.625rem
}
}
.fact h2 a, .fact h2 a.hover strong {
color: #fff
}
.fact h2 a.hover, .fact h2 a .hover, .fact h2 a.hover strong.hover, .fact h2 a.hover strong .hover {
color: #efefef
}
.fact a {
text-decoration: none
}
.fact p:last-of-type {
display: none
}
.fact.primaryblue h2 {
background: #002b5c
}
.fact.blue h2 {
background: #0078ae
}
.fact.orange h2 {
background: #f47b20
}
.fact.green h2 {
background: #5d9732
}
.fact.red {
background: #5d9732
}
.fact.lightgrey h2 {
background: #dcdcdc;
color: #222
}
.fact.lightgrey h2 strong {
color: #222
}
.fact.darkgrey h2 {
background: #222
}
#key-aside .fact h2 {
font-size: 1.125rem
}
#key-aside .fact h2 strong {
font-size: 2.4rem
}
.RHSimage img {
margin-bottom: 20px
}
.related-link {
margin-bottom: 16px;
background: #e5e5e5
}
.related-link:after {
content: "";
display: table;
clear: both
}
.related-link a {
text-decoration: none
}
.related-link h2 {
background: #0078ae;
font-size: 1.25rem;
color: white;
padding: 10px 20px;
max-width: 87.5%;
display: inline-block;
min-height: 0;
font-family: Alegreya Sans, sans-serif
}
.related-link h2 a {
text-decoration: none
}
.related-link h2 a.hover {
color: #f47b20
}
.related-link h3 a {
text-decoration: none
}
.related-link h3 a.hover {
color: white;
background: #f47b20
}
.related-link>ul>li {
list-style: none;
padding-left: 1.2em
}
.related-link>ul>li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.related-link div ul>li {
list-style: none
}
.related-link div ul>li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.related-link p {
padding: 0 20px
}
.related-link figure {
margin: 0 0 -20px 0
}
.related-link figure ul {
padding: 0;
list-style: none;
margin: 0
}
.related-link figure .video-thumb {
position: relative
}
.related-link figure .video-thumb:after {
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -40px;
width: 60px;
height: 42px;
content: 'N';
color: #fff;
font-family: Alegreya Sans, sans-serif;
font-size: 30px;
text-align: center;
background: #222;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px
}
.related-link figure img {
width: 100%;
height: auto
}
.related-link figure .videowrap {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative
}
.related-link figure .videowrap iframe, .related-link figure .videowrap object, .related-link figure .videowrap embed, .related-link figure .videowrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media screen and (min-width: 500px) {
.related-link figure.quarter {
width: 25%
}
.related-link figure.half {
width: 50%
}
.related-link figure.left {
float: left;
margin: -20px 20px 20px -20px;
border-right: 1px solid #fff
}
.related-link figure.right {
float: right;
margin: -20px -20px 20px 20px;
border-left: 1px solid #fff
}
}
.related-link.primaryblue h2 {
background: #002b5c
}
.related-link.primaryblue ul li:before {
color: #002b5c
}
.related-link.primarygrey h2 {
background: #a7a9ac
}
.related-link.primarygrey ul li:before {
color: #a7a9ac
}
.related-link.darkgrey h2 {
background: #222
}
.related-link.darkgrey ul li:before {
color: #222
}
.related-link.offwhite h2 {
background: #efefef
}
.related-link.offwhite ul li:before {
color: #efefef
}
.related-link.blue h2 {
background: #0078ae
}
.related-link.blue ul li:before {
color: #0078ae
}
.related-link.orange h2 {
background: #f47b20
}
.related-link.orange ul li:before {
color: #f47b20
}
.related-link.green h2 {
background: #5d9732
}
.related-link.green ul li:before {
color: #5d9732
}
.related-link.red h2 {
background: #ee3224
}
.related-link.red ul li:before {
color: #ee3224
}
.related-link.lightgrey h2 {
background: #dcdcdc
}
.related-link.lightgrey ul li:before {
color: #dcdcdc
}
.related-link.darkgrey h2 {
background: #222
}
.related-link.darkgrey ul li:before {
color: #222
}
.related-link#item {
width: 32.25%;
display: inline-block;
margin-right: 0.5em;
overflow: hidden
}
.related-link.item {
width: 32%;
display: inline-block;
margin-right: 0.5em
}
@media screen and (max-width: 800px) {
.related-link.item {
width: 100%;
display: inline-block;
margin-right: 0em
}
}
@media screen and (max-width: 1000px) {
.related-link#item {
width: 100%;
height: auto
}
}
@media screen and (max-width: 800px) {
.related-link#item {
display: block
}
}
@media screen and (max-width: 500px) {
.related-link#item {
display: block;
width: 100%
}
}
section.related-link2.red {
background-color: #ee3224
}
section.related-link2.orange {
background-color: #f47b20
}
section.related-link2.blue {
background-color: #0078ae
}
section.related-link2.green {
background-color: #5d9732
}
section.related-link2.darkgrey {
background-color: #222
}
section.related-link2.midgrey {
background-color: #c1c3c5;
color: #222
}
section.related-link2.lightgrey {
background-color: #dcdcdc;
color: #222
}
section.related-link2.offwhite {
background-color: #efefef;
color: #222
}
section.related-link2.corpblue {
background-color: #002b5c;
color: #fff
}
section.related-link2.midgrey>h3 {
color: #222
}
section.related-link2.lightgrey>h3 {
color: #222
}
section.related-link2.offwhite>h3 {
color: #222
}
.related-link2 {
margin: auto;
max-width: 71em;
margin-bottom: 16px;
background: #e5e5e5;
padding: 15px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
.related-link2:after {
content: "";
display: table;
clear: both
}
.related-link2 a {
display: block;
text-decoration: none;
padding: 20px;
margin: -15px;
word-wrap: break-word
}
.related-link2 a:after {
content: "";
display: table;
clear: both
}
@media only screen and (min-width: 500px) {
.related-link2 a {
padding: 15px
}
}
.related-link2 a h2, .related-link2 a h3 {
color: #0078ae
}
.related-link2 a.hover {
color: white
}
.related-link2 a.hover h2, .related-link2 a.hover h3 {
color: white
}
.related-link2 a.button {
background: #5d9732;
color: #fff;
display: block;
margin: 0 5px 10px 5px;
padding: 5px;
text-align: center;
text-decoration: none;
width: calc(100% - 10px);
font-size: 1.25em
}
.related-link2 a.button.hover {
background: #d6620b;
color: #fff
}
.related-link2 ul>li {
list-style: none;
padding-left: 1.2em
}
.related-link2 ul>li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.related-link2 h2 {
font-size: 1.4em;
margin: 0 0 0.83em 0;
min-height: 0;
border-bottom: 0;
font-family: Alegreya Sans, sans-serif;
padding: 0
}
.related-link2 h2 {
font-size: 1.4em;
margin: 0 0 0.83em 0;
padding: 0
}
.related-link2 h2 a {
text-decoration: none;
margin: 0;
padding: 0px
}
.related-link2 h2 a.hover {
color: #f47b20;
background: #f47b20
}
.related-link2 h3 a {
text-decoration: none;
margin: 0;
padding: 0px
}
.related-link2 h3 a.hover {
color: white;
background: #f47b20
}
.related-link2 p a, .related-link2 h2 a, .related-link2 ul a {
display: inline;
text-decoration: underline;
padding: 0;
margin: 0;
word-wrap: break-word
}
.related-link2 p a:after, .related-link2 p a:before, .related-link2 h2 a:after, .related-link2 h2 a:before, .related-link2 ul a:after, .related-link2 ul a:before {
content: none
}
.related-link2 p a.hover, .related-link2 h2 a.hover, .related-link2 ul a.hover {
color: #f47b20;
background: none
}
.related-link2 ul {
padding: 0;
list-style: none;
margin: 0;
display: inline
}
.related-link2 ul li a {
text-decoration: none;
display: inline;
margin: 0;
padding: 0px
}
.related-link2 ul li a.hover {
background-color: none;
text-decoration: underline
}
.related-link2.Textleft ul li:before {
display: inline;
padding: 0 10px 0 0
}
.related-link2 figure {
margin: -20px -20px 20px -20px
}
.related-link2 figure .video-thumb {
position: relative
}
.related-link2 figure .video-thumb:after {
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -40px;
width: 60px;
height: 42px;
content: 'N';
color: #fff;
font-family: Alegreya Sans, sans-serif;
font-size: 30px;
text-align: center;
background: #222;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px
}
.related-link2 figure img {
width: 100%;
height: auto
}
.related-link2 figure .videowrap {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative
}
.related-link2 figure .videowrap iframe, .related-link2 figure .videowrap object, .related-link2 figure .videowrap embed, .related-link2 figure .videowrap video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media screen and (min-width: 500px) {
.related-link2 figure.quarter {
width: 25%
}
.related-link2 figure.half {
width: 50%
}
.related-link2 figure.left {
float: left;
margin: 0 10px 0 0
}
.related-link2 figure.right {
float: right;
margin: 0 0 0 10px
}
}
.related-link2.primaryblue {
background: #002b5c
}
.related-link2.primaryblue a h2, .related-link2.primaryblue a h3, .related-link2.primaryblue a p, .related-link2.primaryblue a li {
color: white
}
.related-link2.primaryblue h2 a, .related-link2.primaryblue h3 a, .related-link2.primaryblue p a, .related-link2.primaryblue li a {
color: white
}
.related-link2.primarygrey {
background: #a7a9ac
}
.related-link2.primarygrey a h2, .related-link2.primarygrey a h3, .related-link2.primarygrey a p, .related-link2.primarygrey a li {
color: white
}
.related-link2.primarygrey h2 a, .related-link2.primarygrey h3 a, .related-link2.primarygrey p a, .related-link2.primarygrey li a {
color: white
}
.related-link2.darkgrey {
background: #222
}
.related-link2.darkgrey a h2, .related-link2.darkgrey a h3, .related-link2.darkgrey a p, .related-link2.darkgrey a li {
color: white
}
.related-link2.darkgrey h2 a, .related-link2.darkgrey h3 a, .related-link2.darkgrey p a, .related-link2.darkgrey li a {
color: white
}
.related-link2.offwhite {
background: #efefef
}
.related-link2.green {
background: #5d9732
}
.related-link2.green a h2, .related-link2.green a h3, .related-link2.green a p, .related-link2.green a li {
color: white
}
.related-link2.green h2 a, .related-link2.green h3 a, .related-link2.green p a, .related-link2.green li a {
color: white
}
.related-link2.greenDark {
background: #2e4a19
}
.related-link2.greenDark a h2, .related-link2.greenDark a h3, .related-link2.greenDark a p, .related-link2.greenDark a li {
color: white
}
.related-link2.greenDark h2 a, .related-link2.greenDark h3 a, .related-link2.greenDark p a, .related-link2.greenDark li a {
color: white
}
.related-link2.greenPastle {
background: #adc999
}
.related-link2.greenPastle a h2, .related-link2.greenPastle a h3, .related-link2.greenPastle a p, .related-link2.greenPastle a li {
color: white
}
.related-link2.greenPastle h2 a, .related-link2.greenPastle h3 a, .related-link2.greenPastle p a, .related-link2.greenPastle li a {
color: white
}
.related-link2.red {
background: #ee3224
}
.related-link2.red a h2, .related-link2.red a h3, .related-link2.red a p, .related-link2.red a li {
color: white
}
.related-link2.red h2 a, .related-link2.red h3 a, .related-link2.red p a, .related-link2.red li a {
color: white
}
.related-link2.redDark {
background: #a0170c
}
.related-link2.redDark a h2, .related-link2.redDark a h3, .related-link2.redDark a p, .related-link2.redDark a li {
color: white
}
.related-link2.redDark h2 a, .related-link2.redDark h3 a, .related-link2.redDark p a, .related-link2.redDark li a {
color: white
}
.related-link2.redPastle {
background: #f1beba
}
.related-link2.redPastle a h2, .related-link2.redPastle a h3, .related-link2.redPastle a p, .related-link2.redPastle a li {
color: white
}
.related-link2.redPastle h2 a, .related-link2.redPastle h3 a, .related-link2.redPastle p a, .related-link2.redPastle li a {
color: white
}
.related-link2.orange {
background: #f47b20
}
.related-link2.orange a h2, .related-link2.orange a h3, .related-link2.orange a p, .related-link2.orange a li {
color: white
}
.related-link2.orange h2 a, .related-link2.orange h3 a, .related-link2.orange p a, .related-link2.orange li a {
color: white
}
.related-link2.orange ul li:before {
color: #002b5c
}
.related-link2.orangeDark {
background: #a64c08
}
.related-link2.orangeDark a h2, .related-link2.orangeDark a h3, .related-link2.orangeDark a p, .related-link2.orangeDark a li {
color: white
}
.related-link2.orangeDark h2 a, .related-link2.orangeDark h3 a, .related-link2.orangeDark p a, .related-link2.orangeDark li a {
color: white
}
.related-link2.orangePastle {
background: #f3d2ba
}
.related-link2.orangePastle a h2, .related-link2.orangePastle a h3, .related-link2.orangePastle a p, .related-link2.orangePastle a li {
color: white
}
.related-link2.orangePastle h2 a, .related-link2.orangePastle h3 a, .related-link2.orangePastle p a, .related-link2.orangePastle li a {
color: white
}
.related-link2.blue {
background: #0078ae
}
.related-link2.blue a h2, .related-link2.blue a h3, .related-link2.blue a p, .related-link2.blue a li {
color: white
}
.related-link2.blue h2 a, .related-link2.blue h3 a, .related-link2.blue p a, .related-link2.blue li a {
color: white
}
.related-link2.blueDark {
background: #003248
}
.related-link2.blueDark a h2, .related-link2.blueDark a h3, .related-link2.blueDark a p, .related-link2.blueDark a li {
color: white
}
.related-link2.blueDark h2 a, .related-link2.blueDark h3 a, .related-link2.blueDark p a, .related-link2.blueDark li a {
color: white
}
.related-link2.bluePastle {
background: #5abfed
}
.related-link2.bluePastle a h2, .related-link2.bluePastle a h3, .related-link2.bluePastle a p, .related-link2.bluePastle a li {
color: white
}
.related-link2.bluePastle h2 a, .related-link2.bluePastle h3 a, .related-link2.bluePastle p a, .related-link2.bluePastle li a {
color: white
}
.related-link2.white-text {
color: #fff
}
.related-link2.white-text a {
color: #fff
}
.related-link2.white-text a h2, .related-link2.white-text a h3, .related-link2.white-text a p, .related-link2.white-text a li {
color: #fff
}
.related-link2.white-text h2, .related-link2.white-text h3, .related-link2.white-text p, .related-link2.white-text li {
color: white
}
.related-link2.white-text h2 a, .related-link2.white-text h3 a, .related-link2.white-text p a, .related-link2.white-text li a {
color: #fff
}
.related-link-group {
margin-bottom: 16px;
background: #efefef;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
.related-link-group:after {
content: "";
display: table;
clear: both
}
.related-link-group h1 {
margin: 0;
padding: 60px 10px 10px;
background: #5d9732;
border-bottom: 1px solid #fff;
color: #fff !important;
font-size: 1.125rem;
font-family: Alegreya Sans, sans-serif
}
.related-link-group p {
padding: 6.66667px
}
.related-link-group a {
color: #0078ae;
text-decoration: none;
word-wrap: break-word
}
.related-link-group a.hover {
color: #f47b20
}
.related-link-group h2 {
padding-left: 10px
}
.related-link-group ul {
padding: 10px
}
.related-link-group ul>li {
list-style: none;
padding-left: 1.2em
}
.related-link-group ul>li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #5d9732
}
.related-link-group.horizontal {
text-align: center
}
.related-link-group.horizontal ul>li, .related-link-group.horizontal ul li a {
color: #002b5c;
margin: 0 1em;
display: inline
}
.related-link-group.horizontal ul>li.hover, .related-link-group.horizontal ul li a.hover {
color: #f47b20
}
.related-link-group.horizontal ul>li:before, .related-link-group.horizontal ul li a:before {
display: none
}
.related-link-group:nth-of-type(6n-5) h1 {
background: #0078ae
}
.related-link-group:nth-of-type(6n-5) ul li:before {
color: #0078ae
}
.related-link-group:nth-of-type(6n-4) h1 {
background: #f47b20
}
.related-link-group:nth-of-type(6n-4) ul li:before {
color: #f47b20
}
.related-link-group:nth-of-type(6n-3) h1 {
background: #5d9732
}
.related-link-group:nth-of-type(6n-3) ul li:before {
color: #5d9732
}
.related-link-group:nth-of-type(6n-2) h1 {
background: #002b5c
}
.related-link-group:nth-of-type(6n-2) ul li:before {
color: #002b5c
}
.related-link-group:nth-of-type(6n-1) h1 {
background: #ee3224
}
.related-link-group:nth-of-type(6n-1) ul li:before {
color: #ee3224
}
.related-link-group.primaryblue h1 {
background: #002b5c
}
.related-link-group.primaryblue ul li:before {
color: #002b5c
}
.related-link-group.blue h1 {
background: #0078ae
}
.related-link-group.blue ul li:before {
color: #0078ae
}
.related-link-group.orange h1 {
background: #f47b20
}
.related-link-group.orange ul li:before {
color: #f47b20
}
.related-link-group.green h1 {
background: #5d9732
}
.related-link-group.green ul li:before {
color: #5d9732
}
.related-link-group.red h1 {
background: #ee3224
}
.related-link-group.red ul li:before {
color: #ee3224
}
.related-link-group.lightgrey h1 {
color: #dcdcdc
}
.related-link-group.lightgrey ul li:before {
color: #dcdcdc
}
.related-link-group.darkgrey h1 {
background: #222
}
.related-link-group.darkgrey ul li:before {
color: #222
}
.related-link-group2 {
margin-bottom: 16px;
background: #efefef;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
.related-link-group2:after {
content: "";
display: table;
clear: both
}
.related-link-group2 h1 {
margin: 0;
padding: 60px 10px 10px;
background: #5d9732;
border-bottom: 1px solid #fff;
color: #fff !important;
font-size: 1.125rem
}
.related-link-group2 p {
padding: 6.66667px
}
.related-link-group2 a {
color: #0078ae;
text-decoration: none;
word-wrap: break-word
}
.related-link-group2 a.hover {
color: #f47b20
}
.related-link-group2 h2 {
padding-left: 10px
}
.related-link-group2 ul {
padding: 10px
}
.related-link-group2 ul>li {
list-style: none;
padding-left: 1.2em
}
.related-link-group2 ul>li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #5d9732
}
.related-link-group2.horizontal {
text-align: center
}
.related-link-group2.horizontal ul>li, .related-link-group2.horizontal ul li a {
color: #002b5c;
margin: 0 1em;
display: inline
}
.related-link-group2.horizontal ul>li.hover, .related-link-group2.horizontal ul li a.hover {
color: #f47b20
}
.related-link-group2.horizontal ul>li:before, .related-link-group2.horizontal ul li a:before {
display: none
}
.related-link-group2:nth-of-type(6n-5) h1 {
background: #0078ae
}
.related-link-group2:nth-of-type(6n-5) ul li:before {
color: #0078ae
}
.related-link-group2:nth-of-type(6n-4) h1 {
background: #f47b20
}
.related-link-group2:nth-of-type(6n-4) ul li:before {
color: #f47b20
}
.related-link-group2:nth-of-type(6n-3) h1 {
background: #5d9732
}
.related-link-group2:nth-of-type(6n-3) ul li:before {
color: #5d9732
}
.related-link-group2:nth-of-type(6n-2) h1 {
background: #002b5c
}
.related-link-group2:nth-of-type(6n-2) ul li:before {
color: #002b5c
}
.related-link-group2:nth-of-type(6n-1) h1 {
background: #ee3224
}
.related-link-group2:nth-of-type(6n-1) ul li:before {
color: #ee3224
}
.related-link-group2.primaryblue h1 {
background: #002b5c
}
.related-link-group2.primaryblue ul li:before {
color: #002b5c
}
.related-link-group2.blue h1 {
background: #0078ae
}
.related-link-group2.blue ul li:before {
color: #0078ae
}
.related-link-group2.orange h1 {
background: #f47b20
}
.related-link-group2.orange ul li:before {
color: #f47b20
}
.related-link-group2.green h1 {
background: #5d9732
}
.related-link-group2.green ul li:before {
color: #5d9732
}
.related-link-group2.red h1 {
background: #ee3224
}
.related-link-group2.red ul li:before {
color: #ee3224
}
.related-link-group2.lightgrey h1 {
color: #dcdcdc
}
.related-link-group2.lightgrey ul li:before {
color: #dcdcdc
}
.related-link-group2.darkgrey h1 {
background: #222
}
.related-link-group2.darkgrey ul li:before {
color: #222
}
.related-link-group2.header-only {
margin-bottom: 0
}
section.related-quote {
background: #efefef;
margin-bottom: 16px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
section.related-quote figure ul {
padding: 10px
}
section.related-quote figure ul li:before {
content: ""
}
section.related-quote figure ul li p {
font-size: 1.3em
}
section.related-quote figure ul li p:nth-of-type(2) {
font-size: 1em
}
section.related-quote figure ul li p:nth-of-type(2) span {
font-size: 0.8em;
width: 100%;
display: block
}
section.related-quote.primaryblue {
background: #002b5c
}
section.related-quote.blue {
background: #0078ae
}
section.related-quote.orange {
background: #f47b20
}
section.related-quote.green {
background: #5d9732
}
section.related-quote.red {
background: #ee3224
}
section.related-quote.lightgrey {
background: #dcdcdc
}
section.related-quote.darkgrey {
background: #222
}
div.twitter {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 5px;
border: 1px solid #eee;
padding: 20px;
margin-bottom: 20px
}
div.twitter a {
background: transparent
}
div.twitter div.header {
position: relative
}
div.twitter div.header div.h-card a img {
width: 10%;
float: left
}
div.twitter div.header div.h-card div {
width: 88%;
margin-left: 2%;
float: left
}
div.twitter div.header div.h-card div a span {
display: block
}
div.twitter div.header div.h-card div a span.full-name {
font-size: 2em
}
div.twitter div.header div.h-card div a.hover {
color: #f47b20
}
div.twitter div.header a.follow-button {
position: absolute;
top: -10px;
right: -10px
}
div.twitter div.header a.follow-button.hover {
color: #f47b20
}
div.twitter div.content p {
font-size: 1.4em
}
div.twitter div.content p a.hover {
color: #f47b20
}
div.twitter div.content div.dateline a.hover {
color: #f47b20
}
div.twitter div.footer {
margin-top: 10px;
border-top: 2px solid #efefef;
padding-top: 10px
}
div.twitter div.footer span.stats {
float: left;
width: 50%
}
div.twitter div.footer span.stats a {
color: #707070
}
div.twitter div.footer span.stats a.hover {
color: #f47b20
}
div.twitter div.footer ul {
float: right;
width: 50%;
margin: 0
}
div.twitter div.footer ul li {
float: right
}
div.twitter div.footer ul li a {
color: #707070
}
div.twitter div.footer ul li a strong {
display: none
}
div.twitter div.footer ul li a.hover {
color: #f47b20
}
div.twitter div.footer ul li:before {
content: ""
}
@media (min-width: 820px) {
div.twitter {
width: 50%;
float: right
}
}
form#enquiry_form {
padding: 20px;
background: #efefef
}
form#enquiry_form fieldset p {
color: #222;
position: relative
}
form#enquiry_form fieldset p strong {
font-size: 1em;
line-height: 1.5em;
display: block
}
form#enquiry_form fieldset p label {
display: block
}
form#enquiry_form fieldset p label.radio {
margin-left: 20px
}
form#enquiry_form fieldset p select, form#enquiry_form fieldset p input, form#enquiry_form fieldset p textarea, form#enquiry_form fieldset p option {
width: 100%;
max-width: 100%;
font-size: 0.9375rem;
height: 45px;
min-height: inherit;
padding: 0.65em 0.7em 0.6em 0.7em;
background: #dcdcdc;
border: 0
}
form#enquiry_form fieldset p textarea {
min-height: 165px
}
form#enquiry_form fieldset p input[type=radio] {
display: none
}
form#enquiry_form fieldset p label.radio:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #dcdcdc;
border-radius: 8px
}
form#enquiry_form fieldset p input[type=radio]:checked+label:before {
content: "\2022";
color: #222;
font-size: 30px;
text-align: center;
line-height: 16px
}
form#enquiry_form button {
height: 45px;
min-height: inherit;
padding: 0.5em 1em;
background: #5d9732;
border: 0;
font-size: 1.3em;
color: #efefef
}
@media (min-width: 800px) {
form#enquiry_form {
width: 45%
}
}
.image {
overflow: hidden;
margin-bottom: 16px;
background-color: #002b5c
}
.image figcaption {
padding: 20px;
background-color: #002b5c;
color: #fff;
min-height: 100px
}
.image figcaption h1 {
color: #fff;
padding: 0;
margin: 0;
font-size: 1.625rem
}
.image figcaption h2 {
margin: 0;
color: #fff;
border: 0;
font-size: 1.6em;
line-height: 1em;
min-height: 0;
min-height: 0;
padding: 0;
font-family: Alegreya Sans, sans-serif
}
.image figcaption h2+p {
margin-top: .5em
}
.image a {
text-decoration: none;
color: #fff
}
@media screen and (min-width: 335px) {
.image.left {
float: left;
width: 50%;
margin-right: 1em
}
.image.right {
float: right;
width: 50%;
margin-left: 1em
}
}
.image.primaryblue {
background: #002b5c
}
.image.blue {
background: #0078ae
}
.image.orange {
background: #f47b20
}
.image.green {
background: #5d9732
}
.image.red {
background: #ee3224
}
.image.lightgrey {
color: #dcdcdc
}
.image.darkgrey {
background: #222
}
html .video {
margin-bottom: 16px;
color: #fff;
padding: 0;
background: #002b5c;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
html .video>div {
padding: 20px
}
html .video h2, html .video h3 {
color: #fff
}
html .video.green {
background: #5d9732;
color: #fff
}
html .video.orange {
background: #f47b20;
color: #fff
}
html .video.red {
background: #ee3224;
color: #fff
}
html .video.blue {
background: #0078ae;
color: #fff
}
html .video.primaryblue {
background: #002b5c;
color: #fff
}
html .video.lightgrey {
background: #dcdcdc;
color: #222
}
html .video iframe {
width: 100%;
margin: 20px 0
}
html .video .video-container {
position: relative;
padding-top: 30px;
overflow: hidden
}
html .video .video-container iframe, html .video .video-container object, html .video .video-container embed {
top: 0;
left: 0;
width: 100%;
height: 100%
}
section.related-quote {
background: #efefef;
margin-bottom: 16px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
section.related-quote figure ul {
padding: 10px
}
section.related-quote figure ul li:before {
content: ""
}
section.related-quote figure ul li p {
font-size: 1.3em
}
section.related-quote figure ul li p:nth-of-type(2) {
font-size: 1em
}
section.related-quote figure ul li p:nth-of-type(2) span {
font-size: 0.8em;
width: 100%;
display: block
}
section.related-quote.primaryblue {
background: #002b5c
}
section.related-quote.blue {
background: #0078ae
}
section.related-quote.orange {
background: #f47b20
}
section.related-quote.green {
background: #5d9732
}
section.related-quote.red {
background: #ee3224
}
section.related-quote.lightgrey {
background: #dcdcdc
}
section.related-quote.darkgrey {
background: #222
}
ul.videos {
width: 100%;
padding: 0;
margin: 20px 0
}
ul.videos li {
list-style: none;
padding: 0;
margin: 5px 0
}
ul.videos li:nth-of-type(3n) {
margin-right: 0
}
ul.videos li:before {
content: "";
text-indent: 0
}
@media (min-width: 820px) {
ul.videos {
width: 100%;
padding: 0;
margin: 20px 0
}
ul.videos li {
list-style: none;
width: 33%;
margin: 0 0.5% 0 0;
float: left;
padding: 0
}
ul.videos li:nth-of-type(3n) {
margin-right: 0
}
ul.videos li:before {
content: "";
text-indent: 0
}
ul.videos li iframe {
height: auto
}
}
.doc-template .uos-doc-page {
color: black
}
.doc-template .uos-doc-section {
background-color: #B3B3B3;
margin-bottom: 1em;
padding: 1em
}
.doc-template .uos-doc-section img {
max-width: 100%
}
.doc-template .uos-doc-usage {
background-color: #f5f2f0;
padding: 1em
}
.doc-template .uos-doc-colour {
display: inline-block;
width: 150px;
height: 150px;
color: white
}
.doc-template .uos-doc-rule {
background-color: white;
margin-bottom: 0.5em;
padding: 2px
}
.doc-template .uos-doc-examples {
background-color: white;
margin-bottom: 0.5em;
padding: 2px
}
.doc-template .uos-doc-section img {
height: auto;
max-width: 100%;
width: auto
}
.doc-template #tabsMenu li {
display: inline
}
.doc-template .ui-tabs .ui-tabs-nav li {
background: url("images/main/shade.white-grey.png") repeat-x scroll left top #e0e0e0;
border-collapse: collapse;
border-color: #ccc;
border-style: solid;
border-width: 1px 1px 0 !important;
float: left;
margin: 0 0 -1px;
padding: 0
}
.doc-template .tabButtons {
float: right
}
.doc-template .tabButtons button {
background: none repeat scroll 0 0 #860001;
border: 1px solid #6a0000;
border-radius: 5px;
color: #fff;
font-weight: bold;
margin: 10px 5px;
padding: 2px 5px;
font-size: 1em;
line-height: 1.3em
}
.doc-template table, .doc-template table.form {
background: #fff
}
.doc-template table td, .doc-template table.form td {
border: 1px dotted #ccc;
clear: both;
padding: 5px 10px;
vertical-align: top;
background: #fff
}
.doc-template table textarea, .doc-template table.form textarea {
background: url("images/main/bg.form.input.png") no-repeat scroll left top #fff;
border: 1px solid #ccc;
color: #333;
padding: 4px 5px;
width: 95% !important
}
.DocSiteTemplate:after {
content: "";
display: table;
clear: both
}
.DocSiteTemplate header {
width: 100%
}
.DocSiteTemplate header h1 {
font-size: 1.8rem
}
.DocSiteTemplate article {
width: 100%
}
.DocSiteTemplate aside {
width: 100%
}
.DocSiteTemplate footer {
font-size: 1.5em;
line-height: 2em;
text-align: center;
width: 100%
}
.DocSiteTemplate footer a {
text-decoration: none
}
.DocSiteTemplate footer a.hover {
text-decoration: underline
}
@media screen and (min-width: 680px) {
.DocSiteTemplate header h1 {
font-size: 2.75rem
}
.DocSiteTemplate article {
width: 75%;
float: left
}
.DocSiteTemplate aside {
width: 25%;
float: right
}
.DocSiteTemplate footer {
clear: both;
font-size: 2em
}
}
@media screen and (min-width: 680px) {
.uos-code-guidelines {
width: 75%
}
}
.code-area {
/*font-family: 'Courier New', Courier, monospace;*/
font-family: 'Roboto Mono', 'Courier New', Courier, monospace;
font-size: 0.75em;
background: #efefef;
padding: 10px
}
aside>h2 {
font-size: 1.5em;
margin: 0.83em 0 0 0;
line-height: 1.4em;
border-bottom: 0;
padding: 0.5em 0 0 0
}
.discoverymultiplelinkwrapper {
width: 100%;
background: #002b5c;
padding-bottom: 20px;
margin-bottom: 20px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid
}
.discoverymultiplelinkwrapper>h2 {
padding: 5px;
color: #fff;
margin: 13.33333px;
margin-top: 20px
}
.discoverymultiplelinkwrapper>p {
color: #fff;
padding-left: 10px
}
.discoverymultiplelinkwrapper .discoverymultiplelink {
margin-bottom: 16px;
padding-left: 6.66667px
}
.discoverymultiplelinkwrapper .discoverymultiplelink>ul {
list-style-type: none;
padding-left: -20px
}
.discoverymultiplelinkwrapper .discoverymultiplelink>ul>li {
padding: 5px;
margin-left: -15px;
list-style-type: none;
list-style-position: inside;
text-indent: -1em
}
.discoverymultiplelinkwrapper .discoverymultiplelink li.multplelinks a {
padding-left: .8em;
list-style: none;
padding-left: 1.2em;
color: #fff;
margin: 0 0 3px 0
}
.discoverymultiplelinkwrapper .discoverymultiplelink li.multplelinks a:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #efefef
}
.discoverymultiplelinkwrapper .discoverymultiplelink li.multplelinks a.hover {
color: #f47b20
}
.discoverymultiplelinkwrapper .discoverymultiplelink>h3 {
margin-bottom: 4px
}
.discoverymultiplelinkwrapper .discoverymultiplelink a.hover {
color: #f47b20
}
#betaBanner {
background: #ccc;
width: 100%;
margin: 0 auto;
padding: 0px;
background: #ccc;
clear: both;
position: relative;
margin-top: 20px
}
.betaBlock {
background: #222;
padding: 20px 0;
display: inline-block;
margin-right: 20px;
color: #fff;
width: 100%;
text-align: center;
display: inline-block;
font-size: 24px
}
.betaMain {
position: relative;
display: block;
float: right;
width: 100%
}
.betaMain p {
display: block;
font-size: 20px;
padding-left: 20px;
padding-right: 20px
}
.betaMain p a.hover {
color: #f47b20
}
#betaBanner .cross {
background: #222;
display: block;
color: #fff;
text-align: center;
padding: 2px 10px;
right: 10px;
float: right;
position: absolute;
right: 0;
top: -20px;
cursor: pointer
}
#betaBanner .cross.hover {
background: #ee3224
}
@media (min-width: 700px) {
#betaBanner .betaMain {
width: 75%
}
#betaBanner .betaBlock {
width: 20%;
padding: 20px
}
#betaBanner .cross {
margin-top: 20px
}
}
form#applyFilter {
width: 100% !important
}
form#applyFilter:after {
content: "";
display: table;
clear: both
}
form#applyFilter div {
width: 100%
}
form#applyFilter div label {
display: block
}
form#applyFilter div select {
width: 100%
}
form#applyFilter button {
float: right
}
#failed_filter {
display: none;
margin: 20px 0;
background: #efefef
}
#failed_filter p {
padding: 20px;
font-size: 1.4em
}
@media (min-width: 680px) {
form#applyFilter div {
margin-right: 1%;
width: 49%;
float: left
}
form#applyFilter div.resetSec {
width: 100%;
margin-top: 10px
}
}
@media (min-width: 680px) and (min-width: 800px) {
form#applyFilter div {
width: 24%
}
}
.contact-list.lists li {
padding: 10px
}
.lists {
margin: 0;
padding: 0
}
.lists:after {
content: "";
display: table;
clear: both
}
.lists .contact-list li {
padding: 10px 10px 0 10px
}
.lists>li, .lists>section {
width: 100%;
list-style-type: none;
float: left;
padding-left: 0;
list-style: none
}
.lists>li:before, .lists>section:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
.lists>li:before, .lists>section:before {
display: none
}
@media screen and (min-width: 335px) {
.lists>li, .lists>section {
margin: 0 1.5% 1.5% 0
}
}
.lists>li button, .lists>section button {
width: 100%;
background: #dcdcdc;
color: #002b5c;
font-size: 1.1em;
word-wrap: break-word
}
.lists .flex-control-paging {
display: block
}
.lists.box-grid {
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
.lists.box-grid:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 500px) {
.lists.box-grid {
display: flex;
flex-flow: row wrap;
flex-grow: 0
}
}
.lists.box-grid:last-of-type {
margin-bottom: 40px
}
.lists.box-grid section, .lists.box-grid a, .lists.box-grid figure {
flex: 1 0 auto;
-ms-flex: 0 0 auto;
display: flex;
flex-direction: column;
margin-bottom: 0
}
@media screen and (min-width: 500px) {
.lists.box-grid.col2 li, .lists.box-grid.col3 li, .lists.box-grid.col4 li, .lists.box-grid.col5 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.box-grid.col2 li:last-child, .lists.box-grid.col3 li:last-child, .lists.box-grid.col4 li:last-child, .lists.box-grid.col5 li:last-child {
margin-right: 0
}
.lists.box-grid.col2 li:nth-child(2n), .lists.box-grid.col3 li:nth-child(2n), .lists.box-grid.col4 li:nth-child(2n), .lists.box-grid.col5 li:nth-child(2n) {
margin-right: 0
}
.lists.box-grid.col2 li:nth-child(2n+1), .lists.box-grid.col3 li:nth-child(2n+1), .lists.box-grid.col4 li:nth-child(2n+1), .lists.box-grid.col5 li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 800px) {
.lists.box-grid.col2 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.box-grid.col2 li:nth-child(2n) {
margin-right: 1.53331%
}
.lists.box-grid.col2 li:nth-child(2n+1) {
clear: none
}
.lists.box-grid.col2 li:last-child {
margin-right: 0
}
.lists.box-grid.col2 li:nth-child(2n) {
margin-right: 0
}
.lists.box-grid.col2 li:nth-child(2n+1) {
clear: left
}
.lists.box-grid.col3 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.lists.box-grid.col3 li:nth-child(2n) {
margin-right: 1.53331%
}
.lists.box-grid.col3 li:nth-child(2n+1) {
clear: none
}
.lists.box-grid.col3 li:last-child {
margin-right: 0
}
.lists.box-grid.col3 li:nth-child(3n) {
margin-right: 0
}
.lists.box-grid.col3 li:nth-child(3n+1) {
clear: left
}
.lists.box-grid.col4 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.lists.box-grid.col4 li:nth-child(2n) {
margin-right: 1.53331%
}
.lists.box-grid.col4 li:nth-child(2n+1) {
clear: none
}
.lists.box-grid.col4 li:last-child {
margin-right: 0
}
.lists.box-grid.col4 li:nth-child(4n) {
margin-right: 0
}
.lists.box-grid.col4 li:nth-child(4n+1) {
clear: left
}
.lists.box-grid.col5 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%
}
.lists.box-grid.col5 li:nth-child(2n) {
margin-right: 1.53331%
}
.lists.box-grid.col5 li:nth-child(2n+1) {
clear: none
}
.lists.box-grid.col5 li:last-child {
margin-right: 0
}
.lists.box-grid.col5 li:nth-child(5n) {
margin-right: 0
}
.lists.box-grid.col5 li:nth-child(5n+1) {
clear: left
}
}
.lists.box-grid.col2 li, .lists.box-grid.col3 li, .lists.box-grid.col4 li, .lists.box-grid.col5 li {
margin-bottom: 20px;
padding-left: 0
}
.lists.box-grid.col2 li:before, .lists.box-grid.col3 li:before, .lists.box-grid.col4 li:before, .lists.box-grid.col5 li:before {
display: none
}
@media screen and (min-width: 500px) {
.lists.box-grid.col2 li, .lists.box-grid.col3 li, .lists.box-grid.col4 li, .lists.box-grid.col5 li {
display: flex;
flex-direction: column;
margin-bottom: 20px;
flex-grow: 0
}
}
.lists.box-grid li section.image {
background-color: transparent
}
.lists.box-grid li section.image figure img {
flex-shrink: 0
}
.lists.box-grid li section.image figure figcaption {
display: block;
background: #efefef;
color: #222;
height: 100%;
padding: 15px;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out
}
.lists.box-grid li section.image figure figcaption span {
border-left: 4px solid #0078ae;
padding-left: 15px;
display: block
}
.lists.box-grid li section.image figure figcaption span h3 {
font-weight: bold;
margin: 0;
font-size: 1.2em
}
.lists.box-grid li section.image figure figcaption span p {
margin-bottom: 0
}
.lists.grey-boxes li section figure:hover figcaption {
background: #d5d5d5;
color: #3c3c3c
}
.lists.grey-boxes li section figure:hover figcaption span {
border-color: #d6620b
}
.lists.grey-boxes li section figure:hover figcaption span h3, .lists.grey-boxes li section figure:hover figcaption span p {
color: #484848
}
.lists.white-boxes li section figure figcaption {
background: #fff;
padding-left: 0
}
.lists.white-boxes li section figure:hover figcaption span {
border-color: #d6620b
}
.lists.white-boxes li section figure:hover figcaption span h3, .lists.white-boxes li section figure:hover figcaption span p {
color: #484848
}
@media screen and (min-width: 680px) {
.lists.list2 .list2 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list2 .list2 li:last-child {
margin-right: 0
}
.lists.list2 .list2 li:nth-of-type(2n) {
margin-right: 0
}
}
.lists.list2 {
margin-left: 0px
}
.lists.list2>li {
padding-left: 0;
list-style: none
}
.lists.list2>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
@media screen and (min-width: 680px) {
.lists.list2>li, .lists.list2>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list2>li:last-child, .lists.list2>section:last-child {
margin-right: 0
}
.lists.list2>li:nth-of-type(2n), .lists.list2>section:nth-of-type(2n) {
margin: 0
}
}
@media screen and (min-width: 680px) and (max-width: 1026px) {
.lists.list2>li, .lists.list2>section {
float: left;
display: block;
margin-right: 1.533331%;
width: 100%
}
}
@media screen and (min-width: 680px) {
.lists.list2 .list2 li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list2 .list2 li:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list3>li, .lists.list3>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.lists.list3>li:last-child, .lists.list3>section:last-child {
margin-right: 0
}
.lists.list3>li:nth-of-type(2n), .lists.list3>section:nth-of-type(2n) {
margin: 0 1.5% 1.5% 0
}
.lists.list3>li:nth-of-type(3n), .lists.list3>section:nth-of-type(3n) {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list4>li, .lists.list4>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list4>li:last-child, .lists.list4>section:last-child {
margin-right: 0
}
.lists.list4>li:nth-of-type(3n), .lists.list4>section:nth-of-type(3n) {
margin: 0 1.5% 1.5% 0
}
.lists.list4>li:nth-of-type(2n), .lists.list4>section:nth-of-type(2n) {
margin: 0
}
}
@media screen and (min-width: 800px) {
.lists.list4>li, .lists.list4>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.lists.list4>li:last-child, .lists.list4>section:last-child {
margin-right: 0
}
.lists.list4>li:nth-of-type(2n), .lists.list4>section:nth-of-type(2n) {
margin: 0 1.5% 1.5% 0
}
.lists.list4>li:nth-of-type(3n), .lists.list4>section:nth-of-type(3n) {
margin: 0 1.5% 1.5% 0
}
.lists.list4>li:nth-of-type(4n), .lists.list4>section:nth-of-type(4n) {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list5>li, .lists.list5>section {
display: block;
float: left;
width: 48.5%
}
.lists.list5>li:nth-of-type(2n), .lists.list5>section:nth-of-type(2n) {
margin: 0 1.5% 1.5% 0
}
.lists.list5>li:nth-of-type(3n), .lists.list5>section:nth-of-type(3n) {
margin: 0 1.5% 1.5% 0
}
.lists.list5>li:nth-of-type(4n), .lists.list5>section:nth-of-type(4n) {
margin: 0 1.5% 1.5% 0
}
.lists.list5>li:nth-of-type(5n-3), .lists.list5>li:nth-of-type(5n-4), .lists.list5>section:nth-of-type(5n-3), .lists.list5>section:nth-of-type(5n-4) {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list5>li:nth-of-type(5n-3):last-child, .lists.list5>li:nth-of-type(5n-4):last-child, .lists.list5>section:nth-of-type(5n-3):last-child, .lists.list5>section:nth-of-type(5n-4):last-child {
margin-right: 0
}
.lists.list5>li:nth-of-type(5n-3), .lists.list5>li:nth-of-type(5n), .lists.list5>section:nth-of-type(5n-3), .lists.list5>section:nth-of-type(5n) {
margin: 0
}
}
@media screen and (min-width: 800px) {
.lists.list5>li, .lists.list5>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%
}
.lists.list5>li:last-child, .lists.list5>section:last-child {
margin-right: 0
}
.lists.list5>li:nth-of-type(5n-3), .lists.list5>li:nth-of-type(5n-4), .lists.list5>section:nth-of-type(5n-3), .lists.list5>section:nth-of-type(5n-4) {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%
}
.lists.list5>li:nth-of-type(5n-3):last-child, .lists.list5>li:nth-of-type(5n-4):last-child, .lists.list5>section:nth-of-type(5n-3):last-child, .lists.list5>section:nth-of-type(5n-4):last-child {
margin-right: 0
}
.lists.list5>li:nth-of-type(4n), .lists.list5>section:nth-of-type(4n) {
margin: 0 1.5% 1.5% 0
}
.lists.list5>li:nth-of-type(5n), .lists.list5>section:nth-of-type(5n) {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.lists.list2x1>li, .lists.list2x1>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
.lists.list2x1>li:last-child, .lists.list2x1>section:last-child {
margin-right: 0
}
.lists.list2x1>li:nth-of-type(2n), .lists.list2x1>section:nth-of-type(2n) {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-right: 0
}
.lists.list2x1>li:nth-of-type(2n):last-child, .lists.list2x1>section:nth-of-type(2n):last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list1x2>li, .lists.list1x2>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.lists.list1x2>li:last-child, .lists.list1x2>section:last-child {
margin-right: 0
}
.lists.list1x2>li:nth-of-type(2n), .lists.list1x2>section:nth-of-type(2n) {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%;
margin-right: 0
}
.lists.list1x2>li:nth-of-type(2n):last-child, .lists.list1x2>section:nth-of-type(2n):last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list3x1>li, .lists.list3x1>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%
}
.lists.list3x1>li:last-child, .lists.list3x1>section:last-child {
margin-right: 0
}
.lists.list3x1>li:nth-of-type(2n), .lists.list3x1>section:nth-of-type(2n) {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
margin-right: 0
}
.lists.list3x1>li:nth-of-type(2n):last-child, .lists.list3x1>section:nth-of-type(2n):last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list1x3>li, .lists.list1x3>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.lists.list1x3>li:last-child, .lists.list1x3>section:last-child {
margin-right: 0
}
.lists.list1x3>li:nth-of-type(2n), .lists.list1x3>section:nth-of-type(2n) {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%;
margin-right: 0
}
.lists.list1x3>li:nth-of-type(2n):last-child, .lists.list1x3>section:nth-of-type(2n):last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list1x1x2>li, .lists.list1x1x2>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.lists.list1x1x2>li:last-child, .lists.list1x1x2>section:last-child {
margin-right: 0
}
.lists.list1x1x2>li:nth-of-type(3n), .lists.list1x1x2>section:nth-of-type(3n) {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 0
}
.lists.list1x1x2>li:nth-of-type(3n):last-child, .lists.list1x1x2>section:nth-of-type(3n):last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list1x2x1>li, .lists.list1x2x1>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.lists.list1x2x1>li:last-child, .lists.list1x2x1>section:last-child {
margin-right: 0
}
.lists.list1x2x1>li:nth-of-type(3n), .lists.list1x2x1>section:nth-of-type(3n) {
margin-right: 0
}
.lists.list1x2x1>li:nth-of-type(3n-1), .lists.list1x2x1>section:nth-of-type(3n-1) {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list1x2x1>li:nth-of-type(3n-1):last-child, .lists.list1x2x1>section:nth-of-type(3n-1):last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.lists.list2x1x1>li, .lists.list2x1x1>section {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.lists.list2x1x1>li:last-child, .lists.list2x1x1>section:last-child {
margin-right: 0
}
.lists.list2x1x1>li:nth-of-type(3n), .lists.list2x1x1>section:nth-of-type(3n) {
margin-right: 0
}
.lists.list2x1x1>li:nth-of-type(3n-2), .lists.list2x1x1>section:nth-of-type(3n-2) {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.lists.list2x1x1>li:nth-of-type(3n-2):last-child, .lists.list2x1x1>section:nth-of-type(3n-2):last-child {
margin-right: 0
}
}
.lists.list2x2x1x1 {
margin-left: 0px
}
.lists.list2x2x1x1>li {
padding-left: 0;
list-style: none
}
.lists.list2x2x1x1>li:before {
display: inline-block;
text-indent: 0;
content: '';
color: #f47b20
}
@media screen and (min-width: 680px) {
.lists.list2x2x1x1>li, .lists.list2x2x1x1>section {
display: block;
float: left;
margin-right: 1.53331%;
width: 39%
}
.lists.list2x2x1x1>li:nth-of-type(4n-1), .lists.list2x2x1x1>section:nth-of-type(4n-1) {
margin: 0
}
.lists.list2x2x1x1>li:nth-of-type(4n-1), .lists.list2x2x1x1>section:nth-of-type(4n-1) {
display: block;
float: left;
margin-right: 1.53331%;
width: 17.4%
}
.lists.list2x2x1x1>li:nth-of-type(4n), .lists.list2x2x1x1>section:nth-of-type(4n) {
display: block;
float: left;
margin-right: 1.53331%;
width: 17.4%
}
}
.factCheque section.fact h2 {
font-weight: bold
}
@media screen and (min-width: 680px) {
.factCheque section.fact h2 {
min-height: 232px
}
}
@media screen and (min-width: 800px) {
.factCheque section.fact h2 {
min-height: 243px
}
}
@media screen and (max-width: 1029px) {
.factCheque ul.lists.list2 li {
width: 100%;
margin: 0 3% 1.5% 0
}
.factCheque ul.lists.list2 li:nth-child(2n) {
margin: 0 0% 1.5% 0
}
}
@media screen and (min-width: 1030px) {
.factCheque ul.lists.list2 li {
width: 48.5%;
margin: 0 3% 1.5% 0
}
.factCheque ul.lists.list2 li:nth-child(2n) {
margin: 0 0% 1.5% 0
}
}
.factCheque .lists:before, .factCheque .lists:after, .factCheque .lists.list2>li:before {
display: none
}
.factCheque.lists.list2>li:before, .factCheque.lists:before, .factCheque.lists:after {
display: none
}
#vevent a {
padding: 10px;
display: block;
background: #efefef
}
#vevent a:after {
content: "";
display: table;
clear: both
}
#vevent a .date {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%;
text-align: center;
color: #fff;
float: left;
background: #fff;
border-radius: 5px
}
#vevent a .date:last-child {
margin-right: 0
}
#vevent a .date .month {
width: 100%;
display: block;
border-radius: 5px 5px 0 0;
background: #ee3224
}
#vevent a .date .day {
width: 100%;
display: block;
font-size: 2em;
color: #222;
padding: 0.3em 0;
margin: 0.2em 0
}
#vevent a .date .time {
width: 100%;
display: block;
font-size: 12px;
color: #222
}
#vevent a .details {
float: left;
display: block;
margin-right: 1.53331%;
width: 79.69334%;
float: right
}
#vevent a .details:last-child {
margin-right: 0
}
#vevent a .details h2 {
width: 100%;
display: block;
font-size: 2em;
margin: 0;
padding: 0;
border: 0;
color: #0078ae
}
#vevent a .details p.location {
width: 100%;
display: block;
font-size: 1em;
margin: 0;
padding: 0;
color: #222
}
#vevent a.hover {
background: #f47b20
}
#vevent a.hover .details p.location, #vevent a.hover .details h2 {
color: #fff
}
span.calendar {
float: left;
font-size: .6em;
display: block;
position: relative;
width: 6.5em;
height: 6.5em;
background-color: #fff;
margin: .5em 1em 2em auto;
border-radius: 0.6em;
box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0deg) skewY(0deg);
-webkit-transform-origin: 50% 10%;
transform-origin: 50% 10%;
margin-left: 10px
}
@media screen and (min-width: 335px) {
span.calendar {
margin-left: 0
}
}
span.calendar * {
display: inline-block;
width: 100%;
font-size: 1.1em;
font-style: normal;
text-align: center
}
span.calendar div:nth-child(3n+1) {
position: absolute;
bottom: .5px;
color: #222;
font-size: 1.6em
}
span.calendar div:nth-child(3n+2) {
font-size: 1.6em;
position: absolute;
top: 0;
color: #fff;
background-color: #ee3224;
border-bottom: 1px dashed #f37302;
box-shadow: 0 2px 0 #ee3224
}
span.calendar div:nth-child(3n+3) {
font-size: .8em;
width: 100%;
font-size: 2em;
letter-spacing: -0.05em;
padding-top: 1.1em;
color: #222
}
.NewsEventsMore>h5 {
height: 100%;
vertical-align: bottom
}
ul.listcoloured>li.calendarevent>p {
font-weight: normal
}
article.twocolumns>ul.listcoloured>li>p {
font-weight: normal
}
#betaBanner {
background: #ccc;
width: 100%;
margin: 0 auto;
padding: 0px;
background: #ccc;
clear: both;
position: relative;
margin-top: 20px
}
.betaBlock {
background: #222;
padding: 20px 0;
display: inline-block;
margin-right: 20px;
color: #fff;
width: 100%;
text-align: center;
display: inline-block;
font-size: 24px
}
.betaMain {
position: relative;
display: block;
float: right;
width: 100%
}
.betaMain p {
display: block;
font-size: 20px;
padding-left: 20px;
padding-right: 20px
}
.betaMain p a.hover {
color: #f47b20
}
#betaBanner .cross {
background: #222;
display: block;
color: #fff;
text-align: center;
padding: 2px 10px;
right: 10px;
float: right;
position: absolute;
right: 0;
top: -20px;
cursor: pointer
}
#betaBanner .cross.hover {
background: #ee3224
}
@media (min-width: 700px) {
#betaBanner .betaMain {
width: 75%
}
#betaBanner .betaBlock {
width: 20%;
padding: 20px
}
#betaBanner .cross {
margin-top: 20px
}
}
form#applyFilter {
width: 100% !important
}
form#applyFilter:after {
content: "";
display: table;
clear: both
}
form#applyFilter div {
width: 100%
}
form#applyFilter div label {
display: block
}
form#applyFilter div select {
width: 100%
}
form#applyFilter button {
float: right
}
#failed_filter {
display: none;
margin: 20px 0;
background: #efefef
}
#failed_filter p {
padding: 20px;
font-size: 1.4em
}
@media (min-width: 680px) {
form#applyFilter div {
margin-right: 1%;
width: 49%;
float: left
}
form#applyFilter div.resetSec {
width: 100%;
margin-top: 10px
}
}
@media (min-width: 680px) and (min-width: 800px) {
form#applyFilter div {
width: 24%
}
}
aside.relatedfeatures, .relatedfeatures {
float: left;
width: 100%;
padding: 0
}
@media screen and (min-width: 335px) {
aside.relatedfeatures, .relatedfeatures {
float: left;
width: 100%
}
}
@media screen and (min-width: 500px) {
aside.relatedfeatures, .relatedfeatures {
float: left;
width: 100%
}
}
@media screen and (min-width: 680px) {
aside.relatedfeatures, .relatedfeatures {
float: right !important;
height: auto;
padding-top: 20px !important;
background: #fff;
margin: 0
}
}
aside.relatedfeatures>p, .relatedfeatures>p {
background: #efefef;
padding: 0
}
aside.relatedfeatures>p>a, .relatedfeatures>p>a {
background: #efefef;
padding: 10px;
display: block;
text-decoration: none;
margin: 0
}
aside.relatedfeatures>p>a.hover, .relatedfeatures>p>a.hover {
color: #efefef;
background: #f47b20
}
aside.relatedfeatures>p img, .relatedfeatures>p img {
padding: 10px;
max-width: 100%;
height: auto
}
aside.relatedfeatures>h2, .relatedfeatures>h2 {
margin: 0;
padding: 60px 10px 10px;
background: #5d9732;
border-bottom: 1px solid #fff;
color: #fff !important;
width: 100%;
font-weight: 100;
font-size: 1.125rem;
font-family: Alegreya Sans, sans-serif
}
aside.relatedfeatures .firstsidebar, .relatedfeatures .firstsidebar {
margin-top: 0
}
.bg-image-block {
padding: 20px;
min-height: 500px;
background-image: url("http://www.strath.ac.uk/ead/background.gif");
background-position: center;
background-size: 100%;
background-color: #dcdcdc;
margin-bottom: 40px
}
.bg-image-block iframe {
width: 100%;
min-height: 16em
}
.alt-content-source {
display: none
}
.courseSearch .filter #filtersearch {
max-width: 700px;
margin: auto
}
.courseSearch .filter #filtersearch .course-search-bar {
position: relative;
margin-bottom: 20px
}
.courseSearch .filter #filtersearch .course-search-bar .filtersearch {
background: #efefef;
width: 100%;
font-size: 1.6rem;
color: #222;
padding: 10px 60px 10px 20px;
border: 0px
}
.courseSearch .filter #filtersearch .course-search-bar .fa-search {
font-size: 2rem;
position: absolute;
top: 0;
right: 0;
padding: 10px 15px
}
.courseSearch .filter #filtersearch.active {
color: #222
}
.courseSearch .filter #groups #group-buttons {
margin-bottom: 10px
}
.courseSearch .filter #groups #group-buttons .group-filter {
margin-bottom: 10px;
border-bottom: 0;
padding: 10px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
@media screen and (min-width: 500px) {
.courseSearch .filter #groups #group-buttons .group-filter {
height: 110px
}
}
@media screen and (min-width: 800px) {
.courseSearch .filter #groups #group-buttons .group-filter {
height: auto
}
}
.courseSearch .filter #groups #group-buttons .group-filter h2 {
height: auto;
min-height: 0;
font-size: 1em;
line-height: 1.6rem;
font-weight: bold;
margin: 0 0 0 30px;
padding: 0;
width: auto
}
@media screen and (min-width: 500px) and (max-width: 800px) {
.courseSearch .filter #groups #group-buttons .group-filter h2 {
text-align: center;
margin-top: 20px;
margin-left: auto;
width: 100%
}
}
@media screen and (min-width: 1024px) {
.courseSearch .filter #groups #group-buttons .group-filter h2 {
font-size: 1.4em;
margin-top: 20px;
margin-bottom: 20px
}
}
.courseSearch .filter #groups #group-buttons .group-filter span {
font-size: 1.6em;
padding-top: 0;
padding-bottom: 0;
width: auto
}
.courseSearch .filter #groups #group-buttons .group-filter span.count {
position: relative;
margin-top: 0;
margin: auto;
font-size: 1.6rem;
line-height: 1.6rem
}
@media screen and (min-width: 500px) and (max-width: 800px) {
.courseSearch .filter #groups #group-buttons .group-filter span.count {
position: absolute;
bottom: 0;
right: 0;
top: auto;
padding: 10px
}
}
@media screen and (min-width: 1024px) {
.courseSearch .filter #groups #group-buttons .group-filter span.count {
font-size: 1.8em;
margin-top: 20px;
margin-bottom: 20px
}
}
.courseSearch .filter #groups #group-buttons .group-filter span.filter-icon {
font-size: 1.4rem;
line-height: 1.6rem;
position: absolute;
top: 10px;
margin-top: 0;
left: 10px;
padding: 0
}
.courseSearch .filter #groups #group-buttons .group-filter p {
display: none
}
.courseSearch .filter #groups #group-buttons .group-filter.ug-button {
color: #ee3224
}
.courseSearch .filter #groups #group-buttons .group-filter.pgt-button {
color: #0078ae
}
.courseSearch .filter #groups #group-buttons .group-filter.pgr-button {
color: #5d9732
}
.courseSearch .filter #groups #group-buttons .group-filter.active.ug-button {
background: #ee3224;
color: #fff
}
.courseSearch .filter #groups #group-buttons .group-filter.active.ug-button.hover {
background: #cf1d10
}
.courseSearch .filter #groups #group-buttons .group-filter.active.pgt-button {
background: #0078ae;
color: #fff
}
.courseSearch .filter #groups #group-buttons .group-filter.active.pgt-button.hover {
background: #00557b
}
.courseSearch .filter #groups #group-buttons .group-filter.active.pgr-button {
background: #5d9732;
color: #fff
}
.courseSearch .filter #groups #group-buttons .group-filter.active.pgr-button.hover {
background: #457125
}
.courseSearch .filter button.filter-button {
width: calc(50% - 5px);
font-size: 1rem;
font-weight: bold;
padding: 10px 20px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
.courseSearch .filter button.filter-button#show-all {
float: right;
margin-left: 5px;
background-color: #ee3224
}
.courseSearch .filter button.filter-button#show-all:hover {
background-color: #cf1d10
}
@media screen and (min-width: 800px) {
.courseSearch .filter button.filter-button#show-all {
display: block;
float: none;
width: auto;
margin: 0;
position: absolute;
right: 0;
bottom: 0
}
}
.courseSearch .filter button.filter-button#advbutton {
float: left;
margin-right: 5px;
background-color: #dcdcdc;
color: #0078ae
}
.courseSearch .filter button.filter-button#advbutton:hover {
background-color: #c3c3c3
}
@media screen and (min-width: 800px) {
.courseSearch .filter button.filter-button#advbutton {
display: none
}
}
.courseSearch .filter button.filter-button .fa {
margin-right: 5px
}
.courseSearch .filter #advanced {
display: none
}
@media screen and (min-width: 800px) {
.courseSearch .filter #advanced {
display: block !important
}
}
.courseSearch .filter #advanced fieldset {
margin-bottom: 10px
}
.courseSearch .filter #advanced fieldset:last-of-type {
margin-bottom: 0
}
@media screen and (min-width: 680px) {
.courseSearch .filter #advanced fieldset span {
display: inline-block;
width: calc(20% - 8px);
margin-right: 10px
}
.courseSearch .filter #advanced fieldset span:last-of-type {
margin-right: 0
}
}
.courseSearch .filter #advanced fieldset span label {
display: block
}
.courseSearch .filter #advanced fieldset span .select-wrapper select {
display: block;
width: 100%;
padding-right: 30px
}
.courseSearch .filter #advanced fieldset span .select-wrapper select::-ms-expand {
display: none
}
.courseSearch .filter #advanced fieldset button {
display: inline-block;
padding: 0;
background-color: transparent;
color: #222;
font-weight: normal;
width: 150px;
text-align: left;
margin-bottom: 0
}
.courseSearch .filter #advanced fieldset button .check {
background: #efefef;
height: 30px;
width: 30px;
display: inline-block;
margin-left: 0;
margin-right: 5px;
text-align: center
}
.courseSearch .filter #advanced fieldset button .check .fa {
margin: 0
}
.courseSearch .filter #advanced fieldset button .check .black-text {
color: #222
}
.courseSearch ul.iso-container li {
margin: 0 5px 20px 0;
padding: 0;
font-size: 1.3em;
text-align: left;
position: relative;
font-weight: bold
}
.courseSearch ul.iso-container li a {
padding: 5%
}
.courseSearch ul.iso-container li .uos-course-title {
padding: 0;
margin: 0
}
.courseSearch ul.iso-container li .uos-course-award {
width: auto;
max-width: 90%;
padding: 2%;
font-size: 0.8em;
right: 0;
font-weight: normal;
color: white
}
.courseSearch ul.iso-container li.ug-item {
border-bottom-color: #ee3224
}
.courseSearch ul.iso-container li.ug-item .uos-course-award {
background: #ee3224
}
.courseSearch ul.iso-container li.pgt-item {
border-bottom-color: #0078ae
}
.courseSearch ul.iso-container li.pgt-item .uos-course-award {
background: #0078ae
}
.courseSearch ul.iso-container li.pgr-item {
border-bottom-color: #5d9732
}
.courseSearch ul.iso-container li.pgr-item .uos-course-award {
background: #5d9732
}
.courseSearch .uos-course-title {
display: block;
padding: 20px 0
}
.courseSearch .uos-course-award {
display: block;
position: absolute;
text-align: right;
width: 100%;
bottom: 0px;
line-height: 1em
}
.courseSearch #overlay {
opacity: 0.4;
width: 100%;
height: 100%;
background-color: #8B8B8B;
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
display: none
}
.suggestions {
color: black
}
.check {
position: relative;
color: white;
margin-left: 5%
}
article.staffsearch.a-zPage {
padding: 0
}
article.staffsearch, #list-container {
position: relative
}
article.staffsearch .new, #list-container .new {
display: none
}
article.staffsearch ul li a.hover a, #list-container ul li a.hover a {
color: white
}
article.staffsearch div.filter div form#filtersearch, #list-container div.filter div form#filtersearch {
border-bottom: 2px solid white
}
article.staffsearch div.filter div form#filtersearch input.filtersearch, #list-container div.filter div form#filtersearch input.filtersearch {
font-size: 1.6em;
height: 1.7em
}
article.staffsearch div.filter form#filtersearch, #list-container div.filter form#filtersearch {
width: 62.5%
}
article.staffsearch div.filter form#filtersearch.active, #list-container div.filter form#filtersearch.active {
background: white
}
article.staffsearch div.filter ul#filter-buttons, #list-container div.filter ul#filter-buttons {
width: 36%
}
article.staffsearch div.filter ul#filter-buttons li, #list-container div.filter ul#filter-buttons li {
width: 32%
}
article.staffsearch div.filter ul#filter-buttons li:nth-of-type(2), #list-container div.filter ul#filter-buttons li:nth-of-type(2) {
margin-right: 2%
}
article.staffsearch div.filter ul#filter-buttons li:nth-of-type(3), #list-container div.filter ul#filter-buttons li:nth-of-type(3) {
margin: 0
}
@media screen and (min-width: 680px) {
article.staffsearch div.filter ul#filter-buttons li:nth-of-type(3), #list-container div.filter ul#filter-buttons li:nth-of-type(3) {
display: block
}
}
article.staffsearch div.filter ul#filter-buttons li a, #list-container div.filter ul#filter-buttons li a {
height: auto
}
article.staffsearch div.filter ul#filter-buttons li #btn_search, #list-container div.filter ul#filter-buttons li #btn_search {
background-color: #5d9732;
color: #fff
}
article.staffsearch div.filter ul#filter-buttons li #btn_search.hover, #list-container div.filter ul#filter-buttons li #btn_search.hover {
background-color: #f47b20
}
article.staffsearch div.filter ul#filter-buttons li #show-all, #list-container div.filter ul#filter-buttons li #show-all {
background-color: #ee3224;
color: #fff
}
article.staffsearch div.filter ul#filter-buttons li #show-all.hover, #list-container div.filter ul#filter-buttons li #show-all.hover {
background: #cf1d10
}
article.staffsearch ul li>span, #list-container ul li>span {
width: 100%;
display: block
}
article.staffsearch #a-z li, #list-container #a-z li {
list-style-type: none;
padding: 0
}
article.staffsearch #a-z li:before, #list-container #a-z li:before {
content: none
}
article.staffsearch #departmentlist ul.results, article.staffsearch #rolelist ul.results, #list-container #departmentlist ul.results, #list-container #rolelist ul.results {
left: 0;
margin: 0 5%;
z-index: 50;
background: white;
border: 1px solid;
overflow-x: hidden;
overflow-y: auto;
max-height: 250px
}
article.staffsearch ul#results li.item, article.staffsearch ul.results li.item, article.staffsearch #pageSaveHeaderList ul li, article.staffsearch #pageSaveHeaderHistoryList ul li, #list-container ul#results li.item, #list-container ul.results li.item, #list-container #pageSaveHeaderList ul li, #list-container #pageSaveHeaderHistoryList ul li {
color: #222222;
padding-top: .3em;
text-align: left;
border-left: 4px solid #002b5c;
list-style-type: none;
margin-right: 20px;
clear: left;
padding-left: 1em;
padding-right: 1em;
min-width: 100%;
margin-bottom: 4px;
min-height: 2em;
height: auto;
background: #dcdcdc
}
article.staffsearch ul#results li.item:before, article.staffsearch ul.results li.item:before, article.staffsearch #pageSaveHeaderList ul li:before, article.staffsearch #pageSaveHeaderHistoryList ul li:before, #list-container ul#results li.item:before, #list-container ul.results li.item:before, #list-container #pageSaveHeaderList ul li:before, #list-container #pageSaveHeaderHistoryList ul li:before {
content: none
}
article.staffsearch ul#results li.item:after, article.staffsearch ul.results li.item:after, article.staffsearch #pageSaveHeaderList ul li:after, article.staffsearch #pageSaveHeaderHistoryList ul li:after, #list-container ul#results li.item:after, #list-container ul.results li.item:after, #list-container #pageSaveHeaderList ul li:after, #list-container #pageSaveHeaderHistoryList ul li:after {
content: none
}
article.staffsearch ul#results li.item:nth-child(4n+1), article.staffsearch ul.results li.item:nth-child(4n+1), article.staffsearch #pageSaveHeaderList ul li:nth-child(4n+1), article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n+1), #list-container ul#results li.item:nth-child(4n+1), #list-container ul.results li.item:nth-child(4n+1), #list-container #pageSaveHeaderList ul li:nth-child(4n+1), #list-container #pageSaveHeaderHistoryList ul li:nth-child(4n+1) {
border-left: 4px solid #ee3224
}
article.staffsearch ul#results li.item:nth-child(4n+2), article.staffsearch ul.results li.item:nth-child(4n+2), article.staffsearch #pageSaveHeaderList ul li:nth-child(4n+2), article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n+2), #list-container ul#results li.item:nth-child(4n+2), #list-container ul.results li.item:nth-child(4n+2), #list-container #pageSaveHeaderList ul li:nth-child(4n+2), #list-container #pageSaveHeaderHistoryList ul li:nth-child(4n+2) {
border-left: 4px solid #5d9732
}
article.staffsearch ul#results li.item:nth-child(4n+3), article.staffsearch ul.results li.item:nth-child(4n+3), article.staffsearch #pageSaveHeaderList ul li:nth-child(4n+3), article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n+3), #list-container ul#results li.item:nth-child(4n+3), #list-container ul.results li.item:nth-child(4n+3), #list-container #pageSaveHeaderList ul li:nth-child(4n+3), #list-container #pageSaveHeaderHistoryList ul li:nth-child(4n+3) {
border-left: 4px solid #0078ae
}
article.staffsearch ul#results li.item:nth-child(4n+4), article.staffsearch ul.results li.item:nth-child(4n+4), article.staffsearch #pageSaveHeaderList ul li:nth-child(4n+4), article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n+4), #list-container ul#results li.item:nth-child(4n+4), #list-container ul.results li.item:nth-child(4n+4), #list-container #pageSaveHeaderList ul li:nth-child(4n+4), #list-container #pageSaveHeaderHistoryList ul li:nth-child(4n+4) {
border-left: 4px solid #f47b20
}
article.staffsearch ul#results li.item:nth-child(5n - 2), article.staffsearch ul.results li.item:nth-child(5n - 2), article.staffsearch #pageSaveHeaderList ul li:nth-child(5n - 2), article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(5n - 2), #list-container ul#results li.item:nth-child(5n - 2), #list-container ul.results li.item:nth-child(5n - 2), #list-container #pageSaveHeaderList ul li:nth-child(5n - 2), #list-container #pageSaveHeaderHistoryList ul li:nth-child(5n - 2) {
border-left: 4px solid #002b5c
}
article.staffsearch ul#results li.item.selected, article.staffsearch ul.results li.item.selected, article.staffsearch #pageSaveHeaderList ul li.selected, article.staffsearch #pageSaveHeaderHistoryList ul li.selected, #list-container ul#results li.item.selected, #list-container ul.results li.item.selected, #list-container #pageSaveHeaderList ul li.selected, #list-container #pageSaveHeaderHistoryList ul li.selected {
box-shadow: 2px 2px 5px #a7a9ac;
background: #d6620b
}
article.staffsearch ul#results li.item.selected:hover, article.staffsearch ul.results li.item.selected:hover, article.staffsearch #pageSaveHeaderList ul li.selected:hover, article.staffsearch #pageSaveHeaderHistoryList ul li.selected:hover, #list-container ul#results li.item.selected:hover, #list-container ul.results li.item.selected:hover, #list-container #pageSaveHeaderList ul li.selected:hover, #list-container #pageSaveHeaderHistoryList ul li.selected:hover {
color: #fff;
cursor: pointer
}
article.staffsearch ul#results li.item.group-heading, article.staffsearch ul.results li.item.group-heading, article.staffsearch #pageSaveHeaderList ul li.group-heading, article.staffsearch #pageSaveHeaderHistoryList ul li.group-heading, #list-container ul#results li.item.group-heading, #list-container ul.results li.item.group-heading, #list-container #pageSaveHeaderList ul li.group-heading, #list-container #pageSaveHeaderHistoryList ul li.group-heading {
background: #fff
}
article.staffsearch ul#results li.item span>span, article.staffsearch ul.results li.item span>span, article.staffsearch #pageSaveHeaderList ul li span>span, article.staffsearch #pageSaveHeaderHistoryList ul li span>span, #list-container ul#results li.item span>span, #list-container ul.results li.item span>span, #list-container #pageSaveHeaderList ul li span>span, #list-container #pageSaveHeaderHistoryList ul li span>span {
display: inline-block !important;
vertical-align: middle !important;
padding: 2px;
min-height: 100% !important;
margin-top: 0px !important
}
article.staffsearch ul#results li.item a>span, article.staffsearch ul.results li.item a>span, article.staffsearch #pageSaveHeaderList ul li a>span, article.staffsearch #pageSaveHeaderHistoryList ul li a>span, #list-container ul#results li.item a>span, #list-container ul.results li.item a>span, #list-container #pageSaveHeaderList ul li a>span, #list-container #pageSaveHeaderHistoryList ul li a>span {
margin-top: 0px !important
}
article.staffsearch li.item, #list-container li.item {
min-width: 100%;
margin-bottom: 4px;
height: 80px;
background: #dcdcdc
}
article.staffsearch li.item:before, #list-container li.item:before {
content: none
}
article.staffsearch li.item.group-heading, #list-container li.item.group-heading {
background: #fff
}
article.staffsearch li.item span>span, #list-container li.item span>span {
display: inline-block !important;
vertical-align: middle !important;
padding: 2px;
min-height: 100% !important;
margin-top: 0px !important
}
article.staffsearch li.item a>span, #list-container li.item a>span {
margin-top: 0px !important
}
article.staffsearch ul.iso-container, #list-container ul.iso-container {
text-align: left;
width: auto
}
article.staffsearch ul.iso-container li, #list-container ul.iso-container li {
width: 100%;
margin: 0 5px 10px 0;
border: 0px none;
float: none;
height: auto
}
article.staffsearch ul.iso-container li.group-heading article.staffsearch ul.iso-container li.staffrole, #list-container ul.iso-container li.group-heading article.staffsearch ul.iso-container li.staffrole, article.staffsearch ul.iso-container li.group-heading #list-container ul.iso-container li.staffrole, #list-container ul.iso-container li.group-heading #list-container ul.iso-container li.staffrole {
background-color: #dcdcdc
}
article.staffsearch ul.iso-container li h2, #list-container ul.iso-container li h2 {
margin-bottom: 0
}
article.staffsearch ul.iso-container li .count, #list-container ul.iso-container li .count {
display: none;
width: auto;
margin: 15px;
font-size: 1.25em
}
article.staffsearch div.error, #list-container div.error {
color: red;
margin-left: 5%;
display: none
}
article.staffsearch #overlay, #list-container #overlay {
opacity: 0.4;
width: 100%;
height: 100%;
background-color: #8B8B8B;
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
display: none
}
article.staffsearch #list-container, #list-container #list-container {
overflow: hidden;
height: auto
}
article.staffsearch #filter-groups, #list-container #filter-groups {
clear: both;
width: 100%;
padding: 1%;
display: none;
background-color: #0078ae
}
article.staffsearch #filter-groups form, #list-container #filter-groups form {
background-color: #dcdcdc
}
article.staffsearch #filter-groups form span.filtertxt, #list-container #filter-groups form span.filtertxt {
display: inline-block;
width: 75%;
padding: 12.5px 0;
background-color: #dcdcdc;
margin-right: 1.7%
}
article.staffsearch #filter-groups form span.group-filter-button, #list-container #filter-groups form span.group-filter-button {
display: inline-block;
width: 22%;
padding: 16.5px 0 15.5px 0;
background-color: #dcdcdc;
vertical-align: bottom
}
article.staffsearch #filter-groups form span.group-filter-button.active .check, #list-container #filter-groups form span.group-filter-button.active .check {
color: #0078ae
}
article.staffsearch #filter-groups form span input, #list-container #filter-groups form span input {
width: 90%;
margin: 0 5%;
padding: 10px
}
article.staffsearch #filter-groups form span .jvFloat .placeHolder.active, #list-container #filter-groups form span .jvFloat .placeHolder.active {
margin: -17px 5%;
padding: 2px 2px 0 2px;
transform: none
}
article.staffsearch #filter-groups form span.active input, #list-container #filter-groups form span.active input {
border: 1px solid #0078ae
}
#group-opts {
display: none
}
#txt_search {
font-size: 1.30em
}
.suggestions li.active {
background-color: blue
}
@media (max-width: 800px) {
article.staffsearch div.filter ul#filter-buttons {
width: 100% !important
}
article.staffsearch div.filter form#filtersearch {
width: 100% !important;
display: inline-block
}
article.staffsearch div.filter #filter-groups form span.filtertxt {
width: 100%
}
article.staffsearch div.filter #filter-groups form .group-filter {
width: 100%
}
article.staffsearch ul.iso-container {
min-width: 500px
}
#filter-groups span {
width: 48%
}
}
@media (max-width: 500px) {
article.staffsearch ul.iso-container {
min-width: 0px;
text-align: center
}
article.staffsearch ul.iso-container li.item h2 {
width: 100%
}
#filter-groups span {
width: 100%
}
}
section.grid-box {
width: 90%
}
section.grid-box:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 335px) {
section.grid-box {
width: 100%;
height: auto
}
}
@media screen and (min-width: 500px) {
section.grid-box {
width: 90%;
height: auto
}
}
@media screen and (min-width: 680px) {
section.grid-box {
width: 100%;
height: auto
}
}
a[data-lightbox] {
max-width: 20%;
text-decoration: none
}
a[data-lightbox] img {
max-width: 100%;
height: auto;
vertical-align: middle
}
a[data-lightbox] h2 {
margin-top: -11px;
margin-bottom: -10px;
padding: 0 10px;
color: #fff;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 0;
font-size: 1em
}
a[data-lightbox] h2 a.hover {
color: #fff
}
a[data-lightbox] h3 {
margin-bottom: 0;
padding: 13.33333px 10px;
font-size: .9em;
background-color: #002b5c;
margin-top: -8px;
height: auto;
color: #fff
}
@media screen and (min-width: 335px) {
a[data-lightbox] h3 {
height: auto
}
}
@media screen and (max-width: 1130px) {
a[data-lightbox] h3 {
height: auto;
padding: 20px 10px
}
}
a[data-lightbox] a:hover h3 {
background-color: #f47b20
}
article.gallery-wall>* {
display: block;
float: left
}
article.gallery-wall.zoom>* {
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
margin: 5px;
margin-bottom: 50px;
width: auto;
color: #0078ae;
width: 23%
}
@media screen and (max-width: 900px) {
article.gallery-wall.zoom>* {
width: 40%
}
}
@media screen and (max-width: 415px) {
article.gallery-wall.zoom>* {
width: 100%
}
}
.stafftitle {
height: 75px;
background-color: #002b5c
}
@media screen and (max-width: 670px) {
.stafftitle {
height: 75px
}
}
@media screen and (max-width: 500px) {
.stafftitle {
height: 65px
}
}
a:hover .stafftitle {
text-decoration: none
}
.stafftitle>h3 a, >h4 a, >h5 a {
text-decoration: none
}
@media screen and (min-width: 500px) {
.stafftitle>h3 a, >h4 a, >h5 a {
margin-bottom: -16px
}
}
@media screen and (min-width: 680px) {
.stafftitle>h3 a, >h4 a, >h5 a {
margin-bottom: 5px
}
}
.nounderline>h2 {
line-height: 1.2;
margin-top: 20px;
min-height: 60px;
margin-bottom: 18px;
padding-bottom: 0.5em;
font-size: 2.25rem
}
@media screen and (min-width: 881px) {
main#content div.full-width-wrap.primaryblue section.course-search.max-width {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: #002b5c;
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: #222;
display: block;
font-family: Alegreya Sans, sans-serif;
font-size: 14.6666669845581px;
height: 175.66667175293px;
line-height: 28px;
width: 1598.66662597656px
}
main#content div.full-width-wrap.primaryblue section.course-search.max-width {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: #222;
display: block;
font-family: Alegreya Sans, sans-serif;
font-size: 14.6666669845581px;
height: 175.66667175293px;
line-height: 28px;
margin-left: auto;
margin-right: auto;
max-width: 1068.75px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
position: relative;
text-align: center;
width: 100%
}
main#content div.full-width-wrap.primaryblue section.course-search.max-width header {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: #222;
display: block;
font-family: Alegreya Sans, sans-serif;
font-size: 14.6666669845581px;
height: 51.6666679382324px;
line-height: 28px;
text-align: center;
width: 100%
}
main#content div.full-width-wrap.primaryblue section.course-search.max-width header h1 {
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: #fff;
display: block;
font-family: Alegreya Sans, sans-serif;
font-size: 36px;
font-weight: normal;
height: 51.6666679382324px;
line-height: 57.6000022888184px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 9px;
text-align: center;
width: 100%
}
main#content div section#hpright.feature-full-width div.flexslider.single ul.slides li.flex-active-slide figure a div.wrap h1#hp2 {
font-size: 2em;
bottom: 3.15em;
width: auto;
margin: 0;
top: inherit
}
main#content div section#hpleft.feature-full-width div.flexslider.single ul.slides li.flex-active-slide figure a div.wrap h1#hp3 {
font-size: 2em;
bottom: 3.15em;
width: auto;
margin: 0;
top: inherit
}
main#content div section#hpright.feature-full-width {
padding: 2em 1em 2em 1em;
width: 49.5%;
display: inline-block;
float: right
}
main#content div section#hpleft.feature-full-width {
padding: 2em 1em 2em 1em;
width: 49.5%;
display: inline-block;
float: left
}
main#content div section#hptop.feature-full-width div.flexslider.single ul.slides li#hptop.flex-active-slide {
width: 100%;
float: left;
margin-right: -100%;
position: relative;
opacity: 1;
display: block;
z-index: 2
}
main#content div div.row section.contact.third h1#rhsfact1 {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: #ee3224;
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: white;
display: block;
font-family: Alegreya Sans, sans-serif;
font-weight: normal;
height: 186px;
line-height: 31.5px;
text-align: center;
width: auto;
max-width: 20em;
padding: 45px;
margin: 0px
}
main#content div div.row section.contact.third h1#rhsfact1 a {
color: white
}
main#content div div.row section.contact.third h1#rhsfact2 {
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: #ee3224;
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: white;
display: block;
font-family: Alegreya Sans, sans-serif;
font-weight: normal;
height: 186px;
line-height: 31.5px;
text-align: center;
width: auto;
max-width: 20em;
padding: 45px;
margin: 0px
}
main#content div div.row section.contact.third h1#rhsfact2 a {
color: white
}
}
@media screen and (min-width: 120px) and (max-width: 880px) {
main#content div div.row section.expert-search.twothirds {
display: inline-block
}
main#content div div.row section.contact.third h1#rhsfact1 {
font-size: 1.5em;
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: #ee3224;
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: white;
display: block;
font-family: Alegreya Sans, sans-serif;
font-weight: normal;
height: 186px;
line-height: 31.5px;
text-align: center;
width: auto;
max-width: 20em;
padding: 2em 1em 1em 1em;
margin: 0px
}
main#content div div.row section.contact.third h1#rhsfact1 a {
color: white
}
main#content div div.row section.contact.third h1#rhsfact2 {
font-size: 1.5em;
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: #ee3224;
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: white;
display: block;
font-family: Alegreya Sans, sans-serif;
font-weight: normal;
height: 186px;
line-height: 31.5px;
text-align: center;
width: auto;
max-width: 20em;
padding: 2em 1em 1em 1em;
margin: 0px
}
main#content div div.row section.contact.third h1#rhsfact2 a {
color: white
}
}
main#content div div section#hpright.feature-full-width {
padding: 2em 1em 2em 1em;
width: 49.5%;
display: inline-block;
float: right
}
main#content div div section#hpleft.feature-full-width {
padding: 2em 1em 2em 1em;
width: 49.5%;
display: inline-block;
float: left
}
.quote {
background: #efefef;
padding: 10px;
margin-bottom: 16px
}
.quote h2 {
font-size: 1.5rem;
line-height: 1em;
margin: 0 0 10px 0;
padding: 0;
border: 0;
font-family: Alegreya Sans, sans-serif;
min-height: auto
}
.quote blockquote {
margin: 10px 0px;
font-size: 1.2em;
quotes: "\201C" "\201D"
}
.quote blockquote:before {
color: #5d9732;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
vertical-align: -0.4em
}
.quote blockquote:after {
color: #5d9732;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
vertical-align: -0.4em
}
.quote .name {
margin: 10px 0px 0px 0px;
font-size: 1em;
text-align: right
}
.quote .description {
margin: 0px 0px 10px 0px;
font-size: 0.8em;
text-align: right
}
.RHSimage img {
margin-bottom: 20px
}
main#content div.full-width-wrap div.row.secondary div.half section.feature-home div.flexslider.single ul.slides li.flex-active-slide figure a.hover div.wrap h1 {
background: #f47b20;
background-color: #f47b20
}
main#content div.full-width-wrap div.row.secondary div.half section.feature-home div.flexslider.single ul.slides li.flex-active-slide figure figcaption a.call-to-action-link.hover {
background: #f47b20;
background-color: #f47b20
}
.feature-home {
overflow: hidden;
position: relative;
margin-bottom: 16px
}
.feature-home:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 71.25em) {
.row.secondary .feature-home {
padding: 20px 0
}
}
@media screen and (min-width: 71.25em) {
.row.secondary .half:first-child .feature-home {
padding-left: 20px
}
}
@media screen and (min-width: 71.25em) {
.row.secondary .half:last-child .feature-home {
padding-right: 20px
}
}
.feature-home a {
text-decoration: none
}
.feature-home a figure>.wrap {
position: relative
}
.feature-home a figure>.wrap h1 {
width: 100%;
margin: -1px 0 0;
font-size: 30px;
font-size: 1.875rem
}
@media screen and (min-width: 335px) {
.feature-home a figure>.wrap h1 {
font-size: 34px;
font-size: 2.125rem
}
}
@media screen and (min-width: 500px) {
.feature-home a figure>.wrap h1 {
font-size: 46px;
font-size: 2.875rem
}
}
@media screen and (min-width: 680px) {
.feature-home a figure>.wrap h1 {
font-size: 54px;
font-size: 3.375rem
}
}
.row.secondary .feature-home a figure>.wrap h1 {
background-color: #0078ae;
margin: -1px 0 0
}
@media screen and (min-width: 800px) {
.feature-home a figure>.wrap h1 {
position: absolute;
bottom: 0;
width: auto;
margin: 0;
left: 0
}
}
.feature-home a figure figcaption {
padding: 20px
}
.feature-home a figure figcaption p {
margin: 0;
color: #222
}
@media screen and (min-width: 680px) {
.feature-home a figure figcaption p {
font-size: 18px;
font-size: 1.125rem
}
}
.feature-home a figure figcaption .call-to-action-link {
float: right;
margin: 0 0 10px 20px;
background-color: #002b5c;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 10px;
display: none
}
@media screen and (min-width: 680px) {
.feature-home a figure figcaption .call-to-action-link {
font-size: 18px;
font-size: 1.125rem
}
}
@media screen and (min-width: 800px) {
.feature-home a figure figcaption .call-to-action-link {
display: block
}
.row.secondary .feature-home a figure figcaption .call-to-action-link {
background: none;
padding: 0;
color: #0078ae
}
}
.feature-home a figure figcaption .call-to-action-link:after {
content: '>';
font-family: Alegreya Sans, sans-serif;
float: right;
padding-left: 1em
}
.feature-home a.hover .wrap h1, .feature-home a.hover .call-to-action-link {
background: #f47b20;
background-color: #f47b20
}
.row.secondary .feature-home a.hover figure>.wrap h1 {
background: #f47b20;
background-color: #f47b20
}
.row.secondary .feature-home a.hover figure figcaption .call-to-action-link {
color: #f47b20
}
#fullwidth_banner_image.feature-home a.hover .wrap h1, #fullwidth_banner_image.feature-home a.hover .call-to-action-link {
background: #f47b20;
background-color: #f47b20
}
@media screen and (max-width: 1024px) {
#fullwidth_banner_image.feature-home a figure, #fullwidth_banner_image.feature-home a figure>.wrap h1 {
position: relative
}
.lists.list2>li:nth-of-type(2n), .lists.list2>section:nth-of-type(2n) {
clear: both
}
}
#fullwidth_banner_image.feature-home a figure, #fullwidth_banner_image.feature-home a figure>.wrap {
height: 450px
}
@media screen and (max-width: 680px) {
#fullwidth_banner_image.feature-home a figure, #fullwidth_banner_image.feature-home a figure>.wrap {
height: 330px
}
#fullwidth_banner_image.feature-home a figure, #fullwidth_banner_image.feature-home a figure>.wrap h1 {
font-size: 2.675rem
}
}
@media screen and (max-width: 480px) {
#fullwidth_banner_image.feature-home a figure, #fullwidth_banner_image.feature-home a figure>.wrap {
height: 220px
}
#fullwidth_banner_image.feature-home a figure, #fullwidth_banner_image.feature-home a figure>.wrap h1 {
font-size: 1.875rem
}
}
.feature-news {
overflow: hidden;
position: relative;
margin: 40px
}
.feature-news:after {
content: "";
display: table;
clear: both
}
.feature-news>.wrap {
overflow: hidden;
background: #efefef;
margin-bottom: 40px;
padding: 20px
}
@media screen and (min-width: 680px) {
.feature-news>.wrap {
padding: 40px
}
}
.feature-news .hero {
position: relative;
margin-bottom: 20px
}
.feature-news .hero a {
text-decoration: none
}
.feature-news .hero div#videoContainer.jwplayer.playlist-none {
overflow: hidden;
position: relative;
height: 180px
}
@media screen and (min-width: 680px) {
.feature-news .hero div#videoContainer.jwplayer.playlist-none {
height: 280px;
overflow: hidden;
position: relative
}
}
@media screen and (min-width: 71.25em) {
.feature-news .hero div#videoContainer.jwplayer.playlist-none {
height: 380px;
overflow: hidden;
position: relative
}
.feature-news .hero div#videoContainer.jwplayer.playlist-none img {
position: static
}
}
@media screen and (min-width: 71.25em) {
.feature-news .hero {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%;
margin-bottom: 0
}
.feature-news .hero:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.feature-news .hero .headings {
position: absolute;
bottom: 0
}
}
.feature-news .hero .headings h1 {
width: 100%;
margin: -1px 0 0
}
@media screen and (min-width: 680px) {
.feature-news .hero .headings h1 {
width: auto;
margin: 0
}
}
.feature-news .hero .headings h2 {
display: block;
width: 100%;
margin: -1px 0 0;
background: #f47b20
}
@media screen and (min-width: 680px) {
.feature-news .hero .headings h2 {
width: auto;
margin: 0
}
}
.feature-news .hero .imagewrap {
overflow: hidden;
position: relative;
height: 180px
}
@media screen and (min-width: 680px) {
.feature-news .hero .imagewrap {
height: 400px
}
}
.feature-news .hero .imagewrap img {
position: absolute;
top: -100%;
bottom: -100%;
margin: auto;
width: 100%;
height: auto
}
@media screen and (min-width: 71.25em) {
.feature-news .hero .imagewrap {
height: auto
}
.feature-news .hero .imagewrap img {
position: static
}
}
.feature-news .articles {
margin: 0;
padding: 0;
list-style: none
}
@media screen and (min-width: 71.25em) {
.feature-news .articles {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-right: 0
}
.feature-news .articles:last-child {
margin-right: 0
}
}
.feature-news .articles>li {
margin-bottom: 20px
}
@media screen and (min-width: 680px) {
.feature-news .articles>li {
padding-bottom: 0px;
display: list-item;
width: auto;
margin-bottom: 20px
}
}
@media screen and (min-width: 71.25em) {
.feature-news .articles>li {
float: none;
width: auto;
margin-bottom: 20px
}
}
.feature-news .articles>li a {
display: block;
background: #fff;
padding: 10px 20px
}
.feature-news .articles>li a.hover {
background-color: #f47b20
}
@media screen and (min-width: 680px) {
.feature-news .articles>li a {
padding: 20px
}
}
.feature-news .articles>li h1 {
margin: 0;
padding-bottom: 0;
border: 0
}
.feature-news .articles>li h1>a:hover {
background-color: #f47b20;
color: #fff
}
.feature-news .articles>li p {
color: #222;
margin-top: 0
}
.feature-news .articles>li p:last-of-type {
margin-bottom: 0
}
.feature-news .articles>li:last-child {
margin-bottom: 0
}
.feature-news .articles>li:nth-child(1) {
border-left: 10px solid #5d9732
}
.feature-news .articles>li:nth-child(1).hover h1, .feature-news .articles>li:nth-child(1).hover p {
color: #5d9732
}
.feature-news .articles>li:nth-child(2) {
border-left: 10px solid #0078ae
}
.feature-news .articles>li:nth-child(2).hover h1, .feature-news .articles>li:nth-child(2).hover p {
color: #0078ae
}
.feature-news .articles>li:nth-child(3) {
border-left: 10px solid #ee3224
}
.feature-news .articles>li:nth-child(3).hover h1, .feature-news .articles>li:nth-child(3).hover p {
color: #ee3224
}
.feature-news .buttons {
text-align: center
}
.feature-news .buttons.hover {
background: #f47b20
}
.feature-news .buttons a {
display: block;
background: #002b5c;
margin-bottom: 10px;
padding: 0.8em 1em;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
font-size: 1.125rem
}
@media screen and (min-width: 500px) {
.feature-news .buttons a {
display: inline-block;
margin: 0 10px;
font-size: 22px;
font-size: 1.375rem
}
}
@media screen and (min-width: 680px) {
.feature-news .buttons a {
font-size: 26px;
font-size: 1.625rem
}
}
.feature-news .buttons a.red {
background: #ee3224
}
.feature-news .buttons a.red.hover {
background: #f47b20
}
.feature-news .buttons a.green {
background: #5d9732
}
.feature-news .buttons a.green.hover {
background: #f47b20
}
.feature-news .buttons a::after {
content: '>';
float: right;
font-family: Alegreya Sans, sans-serif;
padding-left: 1em
}
.news h3 a {
color: #0078ae
}
.news>.intro {
overflow: hidden;
margin-top: 0;
padding: 20px;
background: #efefef;
font-size: 18px;
font-size: 1.125rem
}
.news>div.intro {
padding-top: 0;
padding-bottom: 0
}
.news blockquote {
max-width: 90%;
background: #efefef;
border-left: 6px solid #5d9732;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C" "\201D";
overflow: auto
}
.news blockquote:before {
color: #5d9732;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em
}
.news span.breakout-box {
display: block;
width: 100%;
background: #f47b20;
font-family: Alegreya Sans, sans-serif;
padding: 30px;
margin-bottom: 20px;
color: #fff;
text-align: left
}
@media screen and (min-width: 500px) {
.news span.breakout-box {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 20px !important
}
.news span.breakout-box:last-child {
margin-right: 0
}
}
.news img {
width: 100%;
max-width: 100%
}
@media screen and (min-width: 680px) {
.news img {
width: auto
}
.news img.left {
width: 40%;
float: left;
margin: 0 10px 10px 0;
clear: both
}
.news img.right {
width: 40%;
float: right;
margin: 0 0 10px 10px;
clear: both
}
}
.news a.call-to-action-link {
display: inline-block;
background-color: #5d9732;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
padding: 10px
}
.news a.call-to-action-link:after {
content: '>';
float: right;
padding-left: 1em
}
.news a.call-to-action-link.hover {
background-color: #f47b20
}
.news .small {
font-size: 15px;
font-size: 0.9375rem;
color: #a9a9a9
}
.news ul, .news ol {
margin-left: 0;
padding: 0;
list-style-position: inside
}
@media screen and (min-width: 335px) {
.news ul, .news ol {
margin-left: 20px
}
}
@media screen and (min-width: 500px) {
.news ul, .news ol {
margin-left: 20px
}
}
.news ul li {
list-style: none;
padding-left: 1.2em
}
.news ul li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.news ul li img {
width: 100%
}
.news ul.two li {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.news ul.two li:last-child {
margin-right: 0
}
.news ul.three li {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.news ul.three li:last-child {
margin-right: 0
}
.news ul.four li {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.news ul.four li:last-child {
margin-right: 0
}
.news ul.five li {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%
}
.news ul.five li:last-child {
margin-right: 0
}
.news ul.six li {
float: left;
display: block;
margin-right: 1.53331%;
width: 6.9278%
}
.news ul.six li:last-child {
margin-right: 0
}
.news dl dt {
padding-top: .5em;
border-top: 1px solid #dcdcdc
}
.news dl dt:first-child {
border-top: none
}
.news dl dd {
margin: 0
}
.news table {
width: 100%
}
.news table tr {
background-color: #dcdcdc
}
.news table:nth-child(2n) {
background-color: #c3c3c3
}
.news table th, .news table td {
text-align: left;
border-collapse: collapse;
border: 1px #fff solid;
padding: 10px
}
.news table th {
font-weight: normal;
color: #fff;
background-color: #a9a9a9
}
.news table td {
background-color: #dcdcdc
}
.news iframe {
width: 70%;
height: 300px
}
.no-js .news iframe {
display: none
}
@media screen and (min-width: 335px) {
.news {
width: auto
}
}
@media screen and (min-width: 500px) {
.news {
width: auto
}
}
@media screen and (min-width: 680px) {
.news {
overflow: hidden;
float: left;
width: 70%
}
}
.news .left {
float: left;
padding: 5px
}
.news .right {
float: right;
padding: 5px
}
aside.newssidetitle {
float: left;
width: 100%;
overflow: hidden
}
aside.newssidetitle>img {
padding: 10px;
max-width: 100%;
height: auto
}
aside.newssidetitle>h2 {
margin: 0;
padding: 60px 10px 10px;
background: #5d9732;
border-bottom: 1px solid #fff;
color: #fff !important;
width: 100%;
font-weight: 100;
font-size: 1.125rem;
font-family: Alegreya Sans, sans-serif;
margin-bottom: -16px
}
@media screen and (min-width: 335px) {
aside.newssidetitle {
float: left;
width: 50%
}
}
@media screen and (min-width: 500px) {
aside.newssidetitle {
float: left;
width: 50%
}
}
@media screen and (min-width: 680px) {
aside.newssidetitle {
float: right !important;
width: 25% !important;
height: auto;
padding-top: 20px !important;
background: #fff;
margin: 0;
padding-left: 10px
}
}
aside.newssidetitle>p {
background: #efefef;
padding: 0
}
aside.newssidetitle>p>a {
background: #efefef;
padding: 10px;
display: block;
text-decoration: none;
margin: 0
}
aside.newssidetitle>p>a.hover {
color: #efefef;
background: #f47b20
}
.media-item.dept.mainimages .item {
display: block;
float: left;
font-weight: bold;
margin-bottom: 16px;
width: 33.33%
}
@media screen and (max-width: 900px) {
.media-item.dept.mainimages .item {
padding: 0;
width: 50%
}
}
@media screen and (max-width: 400px) {
.media-item.dept.mainimages .item {
width: 100%;
color: #fff;
padding-bottom: -10px
}
}
.media-item.dept.mainimages .item img {
width: 100%;
height: auto;
float: none
}
.media-item.dept.mainimages .items .item a {
width: auto;
display: block;
margin-right: 10px;
margin-bottom: 2px;
height: 100%;
position: relative;
background-columnor: #fff;
display: block;
text-decoration: none
}
.media-item.dept.mainimages .item .in h2 {
width: 100%;
height: 100px;
background: #002b5c;
color: #fff;
padding: 10px 10px;
margin-bottom: -1px;
border-right: none;
font-size: 1.4em;
margin-top: 0
}
.media-item.dept.mainimages .item .in h2 a {
text-decoration: none;
color: #fff
}
@media screen and (max-width: 900px) {
.media-item.dept.mainimages .item .in h2 {
height: 102px
}
}
.media-item.dept.mainimages .item .in p {
display: none;
line-height: 1;
padding: 0;
background-color: #f47b20;
font-weight: normal;
width: 100%
}
.media-item.dept.mainimages .items .item a:hover h2 {
background-color: #f47b20
}
.standalone-image {
margin-bottom: 20px
}
#panel, #flip {
padding: 10px;
text-align: center;
background-color: #222;
width: 180px;
cursor: pointer;
color: #fff
}
#panel {
padding: 20px;
display: none;
width: 100%
}
.buttonblue p a {
padding: 10px;
text-align: center;
background-color: #002b5c;
width: 99%;
cursor: pointer;
float: right;
margin-top: -10px;
color: #fff
}
@media screen and (min-width: 500px) {
.buttonblue p a {
width: 99%
}
}
@media screen and (min-width: 680px) {
.buttonblue p a {
width: 98%;
margin-right: 12px
}
}
@media screen and (min-width: 800px) {
.buttonblue p a {
width: 98%;
margin-right: 6px
}
}
.buttonblue a:hover {
background-color: #f47b20;
color: #fff;
text-decoration: none
}
.buttongrey p a {
padding: 10px;
text-align: center;
background-color: #222;
width: 98%;
cursor: pointer;
float: right;
margin-right: 8px;
margin-top: 10px;
color: #fff
}
.buttongrey a:hover {
background-color: #f47b20;
color: #fff;
text-decoration: none
}
.buttongreen a {
padding: 10px;
text-align: center;
background-color: #5d9732;
width: 100%;
cursor: pointer;
float: left;
margin-top: 10px;
color: #fff;
margin-bottom: 10px;
display: none
}
@media screen and (min-width: 800px) {
.buttongreen a {
display: inline
}
}
.buttongreen2 a, .buttongreen3 a {
padding: 10px;
text-align: center;
background-color: #5d9732;
width: 100%;
cursor: pointer;
float: left;
margin-top: 10px;
color: #fff;
margin-bottom: 10px;
display: inline
}
@media screen and (min-width: 800px) {
.buttongreen2 a, .buttongreen3 a {
display: none
}
}
.buttongreen a:hover {
background-color: #f47b20;
color: #fff;
text-decoration: none
}
.newssidetitle {
float: right !important;
width: 100% !important;
height: auto;
margin: 0
}
@media screen and (min-width: 335px) {
.newssidetitle {
width: 20.5%
}
}
@media screen and (min-width: 500px) {
.newssidetitle {
width: 25%
}
}
@media screen and (min-width: 680px) {
.newssidetitle {
width: 25%
}
}
.list {
list-style: none;
padding-left: 0
}
.pressrelease>ul.list>li {
list-style: none
}
.pressrelease {
width: 100%;
float: left
}
@media screen and (min-width: 335px) {
.pressrelease {
width: 100%
}
}
@media screen and (min-width: 500px) {
.pressrelease {
width: 100%
}
}
@media screen and (min-width: 680px) {
.pressrelease {
width: 70%
}
}
.pressrelease>ul.listcoloured>li, .wysiwyg>ul.listcoloured>li, article.twocolumns>ul.listcoloured>li, article>section>ul.listcoloured>li {
padding-left: 0;
list-style: none
}
.pressrelease>ul.listcoloured>li:before, .wysiwyg>ul.listcoloured>li:before, article.twocolumns>ul.listcoloured>li:before, article>section>ul.listcoloured>li:before {
display: block;
text-indent: 0;
content: '';
color: #f47b20
}
article>section>ul.listcoloured>li {
padding-left: 10px
}
.pressrelease>ul.listcoloured>li>h5, .wysiwyg>ul.listcoloured>li {
margin-bottom: 0
}
.pressrelease>ul.listcoloured>li>p, .wysiwyg>ul.listcoloured>li>p, article.twocolumns>ul.listcoloured>li {
margin-top: 0
}
.pressrelease>ul.listcoloured>li, .wysiwyg>ul.listcoloured>li, article.twocolumns>ul.listcoloured>li {
list-style-type: none;
padding-left: 10px;
margin-bottom: 20px;
margin-left: 0
}
article.twocolumns>section#blank>section#news>ul.listcoloured {
padding: 0px 0px 0px 0px
}
article.twocolumns>section#blank>section#news>ul.listcoloured li {
padding: 0px 0px 0px 10px
}
article.twocolumns>section#blankevents>section#events>ul.listcoloured {
padding: 0px 0px 0px 0px
}
article.twocolumns>section#blankevents>section#events>ul.listcoloured li {
padding: 0px 0px 0px 10px
}
article.twocolumns>section#blankevents>section#events>ul.listcoloured>li.calendarevent {
border-left: 4px solid #ee3224;
list-style-type: none;
margin-right: 20px;
clear: left;
min-height: 75px
}
.pressrelease>ul.listcoloured>li {
margin-left: -35px
}
.pressrelease>ul.listcoloured>li:nth-child(4n+1), .wysiwyg>ul.listcoloured>li:nth-child(4n+1), article.twocolumns>ul.listcoloured>li:nth-child(4n+1), article.twocolumns>div>ul.listcoloured>li:nth-child(4n+1), article.twocolumns>section#blank>section#news>ul.listcoloured>li, .wysiwyg>section>ul.listcoloured>li:nth-child(4n+1), article.twocolumns>section#blankevents>section#events>ul.listcoloured>li.calendarevent:nth-child(4n+1), article.twocolumns>section#blank>section#news>ul.listcoloured>li:nth-child(4n+1), article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+1)>li.calendarevent, article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+1)>li {
border-left: 4px solid #ee3224;
list-style-type: none;
margin-right: 20px;
clear: left
}
.pressrelease>ul.listcoloured>li:nth-child(4n+2), .wysiwyg>ul.listcoloured>li:nth-child(4n+2), article.twocolumns>ul.listcoloured>li:nth-child(4n+2), article.twocolumns>div>ul.listcoloured>li:nth-child(4n+2), .wysiwyg>section>ul.listcoloured>li:nth-child(4n+2), article.twocolumns>section#blankevents>section#events>ul.listcoloured>li.calendarevent:nth-child(4n+2), article.twocolumns>section#blank>section#news>ul.listcoloured>li:nth-child(4n+2), article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+2)>li.calendarevent, article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+2)>li {
border-left: 4px solid #5d9732;
clear: left
}
.pressrelease>ul.listcoloured>li:nth-of-type(4n+3), .wysiwyg>ul.listcoloured>li:nth-of-type(4n+3), article.twocolumns>ul.listcoloured>li:nth-child(4n+3), article.twocolumns>div>ul.listcoloured>li:nth-child(4n+3), .wysiwyg>section>ul.listcoloured>li:nth-child(4n+3), article.twocolumns>section#blankevents>section#events>ul.listcoloured>li.calendarevent:nth-child(4n+3), article.twocolumns>section#blank>section#news>ul.listcoloured>li:nth-child(4n+3), article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+3)>li.calendarevent, article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+3)>li {
border-left: 4px solid #0078ae;
margin-right: 20px;
clear: left
}
.pressrelease>ul.listcoloured>li:nth-of-type(4n+4), .wysiwyg>ul.listcoloured>li:nth-of-type(4n+4), article.twocolumns>ul.listcoloured>li:nth-child(4n+4), article.twocolumns>div>ul.listcoloured>li:nth-child(4n+4), .wysiwyg>section>ul.listcoloured>li:nth-child(4n+4), article.twocolumns>section#blankevents>section#events>ul.listcoloured>li.calendarevent:nth-child(4n+4), article.twocolumns>section#blank>section#news>ul.listcoloured>li:nth-child(4n+4), article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+4)>li.calendarevent, article.wysiwyg.has-aside>ul.listcoloured:nth-child(4n+4)>li {
border-left: 4px solid #f47b20;
margin-right: 20px;
clear: left
}
article.wysiwyg.has-aside>ul.listcoloured>li>ul {
margin-bottom: -20px
}
article.wysiwyg.has-aside>ul.listcoloured:last-of-type>li>ul {
margin-bottom: 0
}
article.wysiwyg.has-aside>ul.listcoloured>li>ul>h5 {
margin-bottom: 20px;
margin-top: 0
}
article.wysiwyg.has-aside>ul.listcoloured>li.calendarevent {
min-height: 67px
}
.pressrelease>ul.listcoloured>li>h5 a, .wysiwyg>ul.listcoloured>li>h5 a {
font-weight: bold
}
article.twocolumns>ul.listcoloured>li, article.twocolumns>ul.listcoloured>li>p {
font-weight: normal
}
.pressrelease>ul.listcoloured>li>h5 a:hover, .wysiwyg>ul.listcoloured>li>h5 a:hover {
color: #f47b20;
text-decoration: underline
}
section.wysiwyg>article.twocolumns>ul.listcoloured>li.calendarevent:nth-child(4n+1), section.wysiwyg>article.twocolumns>div.wrap>ul.listcoloured>li.calendarevent:nth-child(4n+1) {
border-left: 4px solid #ee3224;
list-style-type: none;
margin-right: 20px;
clear: left;
min-height: 75px
}
section.wysiwyg>article.twocolumns>ul.listcoloured>li.calendarevent:nth-child(4n+2), section.wysiwyg>article.twocolumns>div.wrap>ul.listcoloured>li.calendarevent:nth-child(4n+2) {
border-left: 4px solid #5d9732;
clear: left;
min-height: 75px
}
section.wysiwyg>article.twocolumns>ul.listcoloured>li.calendarevent:nth-child(4n+3), section.wysiwyg>article.twocolumns>div.wrap>ul.listcoloured>li.calendarevent:nth-child(4n+3) {
border-left: 4px solid #f47b20;
margin-right: 20px;
clear: left;
min-height: 75px
}
section.wysiwyg>article.twocolumns>ul.listcoloured>li.calendarevent:nth-child(4n+4), section.wysiwyg>article.twocolumns>div.wrap>ul.listcoloured>li.calendarevent:nth-child(4n+4) {
border-left: 4px solid #0078ae;
margin-right: 20px;
clear: left;
min-height: 75px
}
aside.newssidetitle>ul li a:hover, p a:hover {
color: #f47b20;
text-decoration: underline
}
.topstorywrapper {
width: 100%
}
aside.contactsidetitle {
float: left;
width: 100%;
overflow: hidden
}
@media screen and (min-width: 335px) {
aside.contactsidetitle {
float: left;
width: 100%
}
}
@media screen and (min-width: 500px) {
aside.contactsidetitle {
float: left;
width: 100%
}
}
@media screen and (min-width: 680px) {
aside.contactsidetitle {
float: right !important;
width: 25% !important;
height: auto;
background: white;
margin: 0
}
}
aside.contactsidetitle>h2 {
margin: 0;
padding: 60px 10px 10px;
background: #002b5c;
border-bottom: 1px solid #fff;
color: #fff !important;
width: 100%;
font-weight: 100;
font-size: 1.125rem;
font-family: Alegreya Sans, sans-serif
}
aside.contactsidetitle>p {
background: #efefef;
padding: 10px;
margin-top: 0
}
.newssidetitle>article>a>div>p {
background: #efefef;
padding: 10px;
display: block;
text-decoration: none;
margin: 0
}
.newssidetitle>article>a>div {
margin-bottom: 10px
}
.newssidetitle>article>a:hover>div>p {
color: #fff;
background: #f47b20
}
.topstory {
position: relative;
width: 100%;
height: auto;
float: left;
margin-left: 0
}
@media screen and (min-width: 800px) {
.topstory {
width: 71%
}
}
@media screen and (min-width: 680px) {
.topstory {
width: 71%
}
>h3, h3 a {
padding: 25px 10px
}
>p {
padding: 0 20px
}
}
.topstory>a h2 {
color: #fff;
background-color: #002b5c;
margin-bottom: -2px;
font-size: 36px;
font-weight: bold
}
@media screen and (min-width: 335px) {
.topstory>a h2 {
top: -18px;
color: #fff;
background-color: #002b5c;
margin-bottom: -2px;
font-size: 36px
}
}
.topstory>a:hover h2 {
background-color: #f47b20
}
@media screen and (min-width: 500px) {
.topstory>a h2 {
width: 30%;
position: absolute
}
}
@media screen and (min-width: 680px) {
.topstory>a h2 {
width: 35%;
position: absolute
}
}
@media screen and (min-width: 1000px) {
.topstory>a h2 {
width: 25%;
position: absolute
}
}
.topstory>a h3 {
color: #fff;
background-color: #002b5c;
padding: 15px 0 50px 10px;
margin-top: 0;
font-size: 26px;
text-decoration: none;
font-weight: bold
}
.topstory h3 {
text-decoration: none
}
.topstory h2 {
background-color: #002b5c;
color: #fff;
padding: 10px
}
.topstory a:hover h3, .topstory a:hover p, .topstory a:hover h2 {
background-color: #f47b20
}
.topstory>a:hover h3 {
text-decoration: none
}
.topstory>a p {
left: 0;
color: #fff;
background-color: #002b5c;
padding: 0 10px;
padding-bottom: 20px;
margin-top: -50px;
text-decoration: none
}
.topstory>a img {
display: none
}
@media screen and (min-width: 335px) {
.topstory>a img {
display: none
}
}
@media screen and (min-width: 500px) {
.topstory>a img {
display: block
}
}
.container {
width: 100%
}
.story1 a {
background-color: #002b5c
}
.story1 .story1.blue a {
background-color: #0078ae
}
.story1 .story1.green a {
background-color: #5d9732
}
.story1 .story1.red a {
background-color: #ee3224
}
.story1 .story1.orange a {
background-color: #f47b20
}
.story1 a {
background-color: #002b5c;
color: #fff;
padding: 40px 20px;
text-decoration: none;
width: 100%;
float: left;
margin: 1% 0;
height: auto;
margin-top: 0
}
@media screen and (min-width: 500px) {
.story1 a {
width: 100%;
height: auto
}
}
@media screen and (min-width: 800px) {
.story1 a {
width: 100%;
height: auto;
margin: 0 10px 20px 0
}
}
@media screen and (min-width: 1050px) {
.story1 a {
width: 48%;
height: 570px;
margin: 0 10px 0 0
}
}
.story1 a img {
padding-bottom: 20px;
width: 100%;
margin-top: -20px
}
@media screen and (min-width: 335px) {
.story1 a img {
width: 100%
}
}
@media screen and (min-width: 500px) {
.story1 a img {
width: 100%
}
}
@media screen and (min-width: 680px) {
.story1 a img {
width: 100%
}
}
.story1 a h3 {
color: #fff
}
.story1 a p {
padding-bottom: 30px;
font-size: 20px
}
@media screen and (min-width: 335px) {
.story1 a p {
padding-bottom: 0
}
}
@media screen and (min-width: 500px) {
.story1 a p {
padding-bottom: 0
}
}
@media screen and (min-width: 800px) {
.story1 a p {
padding-bottom: 0
}
}
.story1>a>.details>h2 {
color: white
}
.story1 a:hover, .story2 a:hover, .greybox a:hover, .alumni2 a:hover, .events a:hover, .events2 a:hover, newsmore a:hover {
background-color: #f47b20;
color: #fff
}
.story2 a:hover h2, .story2 a:hover p, .story3 a:hover h2, .story3 a:hover p, .story2 a:hover time, .greybox a:hover h5, .greybox a:hover p, .events a:hover p, .events2 a:hover p, .newsExtraSmall a:hover h2 {
color: #fff
}
.story2 a>time {
padding-bottom: -10px
}
.story2 a>h3, .story3 a>h3 {
color: white
}
.newswrapper {
height: auto;
overflow: hidden
}
.newswrapper .newsleft {
width: 100%;
float: left;
overflow: hidden;
padding: 0
}
@media screen and (min-width: 335px) {
.newswrapper .newsleft {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width: 335px) and (min-width: 500px) {
.newswrapper .newsleft {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width: 335px) and (min-width: 680px) {
.newswrapper .newsleft {
width: 100%;
overflow: hidden;
float: left;
padding: 0
}
}
@media screen and (min-width: 335px) and (min-width: 800px) {
.newswrapper .newsleft {
width: 100%;
overflow: hidden;
float: left
}
.newswrapper .newsleft>h2 {
margin-top: 0
}
}
@media screen and (min-width: 1000px) {
.newswrapper .newsleft {
float: none;
width: auto;
margin-top: 20px
}
}
.newswrapper .newsleft img {
width: 50%
}
@media screen and (max-width: 500px) {
.newswrapper .newsleft img, .newswrapper .newsleft:hover img {
width: 100%;
padding-bottom: 10px
}
}
.newswrapper .newsleft h3, .newswrapper .newsleft p {
background-color: #c1c3c5;
color: #000;
background-color: #222222;
color: #fff;
padding-bottom: 0;
margin-top: 0
}
.newswrapper .newsleft p {
margin-top: -10px;
padding: 5px
}
.newswrapper .newsleft a:hover h3, .newswrapper .newsleft a:hover p {
background-color: #f47b20
}
.newswrapper .newsleft a, .newswrapper .newsleft a {
text-decoration: none
}
.newswrapper .newsright {
width: 100%;
float: left;
overflow: hidden;
padding-top: 20px
}
@media screen and (min-width: 335px) {
.newswrapper .newsright {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width: 500px) {
.newswrapper .newsright {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width: 800px) {
.newswrapper .newsright {
width: 50%;
float: right;
margin-bottom: 10px
}
}
.newswrapper .newsright a img {
width: 100%;
float: left;
overflow: hidden;
padding-top: 12px
}
@media screen and (min-width: 335px) {
.newswrapper .newsright a img {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width: 500px) {
.newswrapper .newsright a img {
width: 100%;
overflow: hidden
}
}
@media screen and (min-width: 680px) {
.newswrapper .newsright a img {
width: 100%;
float: left;
padding-bottom: 10px
}
}
.events a {
background-color: #002b5c;
color: white;
padding: 20px;
text-decoration: none;
width: 100%;
float: left;
margin: 5px 11px 5px 5px
}
@media screen and (min-width: 335px) {
.events a {
width: 100%
}
}
@media screen and (min-width: 500px) {
.events a {
width: 100%;
float: left
}
}
@media screen and (min-width: 680px) {
.events a {
width: 100%;
min-height: 160px
}
}
@media screen and (min-width: 800px) {
.events a {
width: 98%;
min-height: 160px
}
}
.events a img {
display: inline-block;
width: 100%
}
@media screen and (min-width: 335px) {
.events a img, .events2 a img {
display: inline-block;
width: 100%
}
}
@media screen and (min-width: 680px) {
.events a img, .events2 a img {
display: inline-block;
overflow: hidden
}
}
.events img, .events2 img {
padding: 5px;
float: left
}
.events a:hover, .events2 a:hover {
background-color: #f47b20
}
.events a:hover .details h2, .events a:hover .details h3, .events a .details h3, .events2 a:hover .details h4, .events2 a:hover .details h3, .events2 a .details h3 {
color: white
}
.events a:hover .details p.location, .events2 a:hover .details p.location {
color: white
}
.events a:before, .events a:after, .events2 a:before, .events a:after {
content: " ";
display: table
}
.events a:after, .events2 a:after {
clear: both
}
.events a .date {
float: left;
display: block;
margin-right: 1.53331%;
width: 20%;
text-align: center;
color: white;
float: left;
background: white;
border-radius: 5px
}
@media screen and (min-width: 335px) {
.events a .date {
width: 25%
}
}
@media screen and (min-width: 500px) {
.events a .date {
width: 15%
}
}
@media screen and (min-width: 680px) {
.events a .date {
width: 12%
}
}
.events a .date:last-child, .events2 a .date:last-child {
margin-right: 0
}
.events a .date .month, .events2 a .date .month {
width: 100%;
display: block;
border-radius: 5px 5px 0 0;
background: #ee3224
}
.events a .date .day, .events2 a .date .day {
width: 100%;
display: block;
font-size: 1em;
color: #222222;
padding: 0.1em 0;
margin: 0.1em 0
}
.events a .date .time, .events2 a .date .time {
width: 100%;
display: block;
font-size: 12px;
color: #222222
}
.events a .details, .events2 a .details {
float: left;
display: inline-block;
margin-right: 1.53331%;
width: 100%;
color: white;
float: left
}
.events a .details:last-child, .events2 a .details:last-child {
margin-right: 0
}
.events a .details h4, .events2 a .details h4 {
width: 100%;
display: block;
padding: 0;
border: 0;
color: white
}
.events a .details p.location, .events2 a .details p.location {
width: 100%;
display: block;
padding: 0;
color: white
}
.events a.hover, .events2 a.hover {
background: #f47b20
}
.events a.hover .details p.location, .events a.hover .details h4, .events2 a.hover .details p.location, .events2 a.hover .details h4 {
color: white
}
.alumniwrapper {
width: 100%;
margin-top: 100px
}
.events2 a .date {
float: left;
display: block;
margin-right: 1.53331%;
width: 30%;
text-align: center;
color: white;
float: left;
background: white;
border-radius: 5px
}
@media screen and (min-width: 335px) {
.events2 a .date {
width: 25%
}
}
@media screen and (min-width: 500px) {
.events2 a .date {
width: 15%
}
}
@media screen and (min-width: 680px) {
.events2 a .date {
width: 15%
}
}
@media screen and (min-width: 800px) {
.events2 a .date {
width: 30%
}
}
.events2 a {
color: white;
padding: 10px 10px;
text-decoration: none;
width: 100%;
float: left;
margin: 1%;
overflow: hidden;
margin-top: 30px
}
.events2>ul.list2 li {
height: 220px
}
.events2 {
list-style-type: none
}
.list2>li>a>h5 {
color: white
}
.list2>li>a:hover>h5 {
padding-top: 30px;
margin-left: 2px
}
.list2>li>a:hover>p {
margin-left: 0px
}
@media screen and (min-width: 335px) {
.events2 a {
width: 100%;
float: left;
min-height: 120px;
overflow: hidden
}
}
@media screen and (min-width: 500px) {
.events2 a {
overflow: hidden
}
}
.events2 a img {
width: 30%;
overflow: hidden;
width: 100%
}
@media screen and (min-width: 335px) {
.events2 a img {
overflow: hidden;
width: 100%;
float: left;
padding-right: 5px;
display: block
}
}
@media screen and (min-width: 500px) {
.events2 a img {
overflow: hidden;
width: 40%;
float: left;
padding-right: 5px;
padding-bottom: 5px;
display: block
}
}
@media screen and (min-width: 800px) {
.events2 a img {
width: 100%;
float: left;
padding-bottom: 10px;
display: block
}
}
.events2 a p {
padding-bottom: 5px
}
.events2>.list2 a:hover {
background-color: #f47b20;
margin: 0 2px 0 0;
height: 100%;
width: 100%
}
.events2>ul.list2>li {
list-style-type: none
}
.events2>ul.list2>li:nth-child(4n+1) {
background-color: #0078ae;
width: 52%;
color: white;
float: left;
margin: 8px 15px 10px -35px
}
.events2>ul.list2>li:nth-child(4n+2) {
background-color: #5d9732;
width: 52%;
color: white;
float: left;
margin: 10px 0 10px 0
}
.events2>ul.list2>li:nth-child(4n+3) {
background-color: #ee3224;
width: 52%;
color: white;
float: left;
margin: 0 15px 0 -35px
}
.events2>ul.list2>li:nth-child(4n+4) {
background-color: #0078ae;
width: 52%;
color: white;
float: left;
margin-right: -20px
}
.story2 a {
background-color: #222222;
color: #fff;
padding: 10px;
text-decoration: none;
width: 100%;
float: left;
margin: 0 1% 1.8% 0;
height: auto;
overflow: hidden
}
@media screen and (min-width: 335px) {
.story2 a {
width: 100%;
float: left;
height: auto;
overflow: hidden
}
}
@media screen and (min-width: 800px) {
.story2 a {
width: 100%;
height: auto;
overflow: hidden;
margin: 0 1% 1.8% 0
}
}
@media screen and (min-width: 1050px) {
.story2:nth-child(odd) a {
width: 24%;
height: 280px;
overflow: hidden;
margin: 0 0 1% 2%
}
}
@media screen and (min-width: 1050px) {
.story2:nth-child(even) a {
width: 24%;
height: 280px;
overflow: hidden;
margin: 0 0 1% 1%
}
}
.story3 a {
background-color: #0078ae;
color: #fff;
padding: 20px;
text-decoration: none;
width: 100%;
float: left;
margin: 1% 1% 1% 0;
height: auto;
overflow: hidden
}
.story3 a:hover {
background-color: #d6620b
}
@media screen and (min-width: 335px) {
.story3 a {
width: 100%;
float: left;
height: auto;
overflow: hidden
}
}
@media screen and (min-width: 500px) {
.story3 a {
height: auto;
overflow: hidden
}
}
@media screen and (min-width: 1050px) {
.story3:nth-child(odd) a {
width: 24%;
height: 280px;
overflow: hidden;
margin: 0 0 1% 2%
}
}
@media screen and (min-width: 1050px) {
.story3:nth-child(even) a {
width: 24%;
height: 280px;
overflow: hidden;
margin: 0 0 1% 1%
}
}
.newsExtraSmall a {
background-color: #0078ae;
color: #fff;
padding: 20px;
text-decoration: none;
width: 100%;
float: left;
margin: 1%;
height: auto;
overflow: hidden;
margin-left: 10px
}
@media screen and (min-width: 335px) {
.newsExtraSmall a {
width: 100%;
float: left;
height: auto;
overflow: hidden
}
}
@media screen and (min-width: 500px) {
.newsExtraSmall a {
height: auto;
overflow: hidden
}
}
@media screen and (min-width: 680px) {
.newsExtraSmall a {
width: 98%;
height: auto;
overflow: hidden
}
}
@media screen and (min-width: 1050px) {
.newsExtraSmall a {
width: 23%;
height: 280px;
overflow: hidden
}
}
.newsExtraSmall a:nth-child(4n+1) a {
background-color: #002b5c;
margin: 2px
}
.newsExtraSmall a:nth-child(4n+1) a.hover {
background-color: #d6620b;
float: left
}
.newsExtraSmall a:nth-child(4n+2) a {
background-color: #002b5c;
margin: 2px
}
.newsExtraSmall a:nth-child(4n+2) a.hover {
background-color: #d6620b
}
.newsExtraSmall a:nth-child(4n+3) a {
background-color: #0078ae;
margin: 2px;
float: left
}
.newsExtraSmall a:nth-child(4n+3) a.hover {
background-color: #d6620b
}
.newsExtraSmall a:nth-child(4n+4) a {
background-color: #0078ae;
margin: 2px
}
.newsExtraSmall a:nth-child(4n+4) a.hover {
background-color: #d6620b
}
.story1 a>h2, .story2 a>h5, .story3 a>h5 {
color: white
}
.story2 a>h2, .story3 a>h2 {
color: white;
border-bottom: 0;
font-weight: bold;
margin-bottom: -10px;
min-height: initial
}
@media screen and (min-width: 680px) {
.story2 a>h2, .story3 a>h2 {
margin-bottom: 0;
min-height: initial
}
}
.story2 a>p, .story3 a>p {
margin-top: 10px
}
@media screen and (min-width: 680px) {
.story2 a>p, .story3 a>p {
margin-top: 0
}
}
.greybox {
width: 100%
}
.greybox>a {
background-color: #222222;
color: white;
padding: 10px;
text-decoration: none;
width: 100%;
height: 170px;
float: left;
margin: 1%;
overflow: hidden;
min-height: 0
}
.greybox:nth-child(odd) a {
margin: 10px 0 0 -6px;
width: 101%;
height: auto
}
.greybox:nth-child(even) a {
margin: 10px 3px 0 -6px;
width: 101%;
height: auto
}
.greybox:nth-child(even) p, .greybox:nth-child(even) h2, .greybox:nth-child(even) a.hover p, .greybox:nth-child(even) a.hover h2 {
padding-left: 7px
}
@media screen and (min-width: 870px) {
.greybox:nth-child(even) p, .greybox:nth-child(even) h2, .greybox:nth-child(even) a.hover p, .greybox:nth-child(even) a.hover h2 {
padding-left: 13.33333px
}
}
@media screen and (min-width: 870px) {
.greybox:nth-child(odd) a {
margin: 10px 0 0 20px;
width: 49.5%;
height: 170px
}
}
@media screen and (min-width: 870px) {
.greybox:nth-child(even) a {
margin: 10px 0 0 -14px;
width: 49.5%;
height: 170px
}
}
.newsleft a h2 {
color: white;
background-color: #222222;
font-weight: bold;
font-size: 1.25rem
}
@media screen and (min-width: 335px) {
.newsleft a h2 {
font-size: 1.25rem;
min-height: initial
}
.newsleft a:hover h2 {
padding-bottom: 20px;
margin-top: 0;
font-size: 1.25rem;
border-bottom: 0;
padding: 5px
}
.newsleft a p {
margin-bottom: 0;
margin-top: 0
}
}
@media screen and (min-width: 500px) {
.newsleft a h2 {
font-size: 1.25rem
}
.newsleft a:hover h2, .greybox a:hover h2 {
font-size: 1.25rem;
border-bottom: 0
}
.newsleft a p {
margin-bottom: 0
}
}
.newsleft a p {
color: white;
background-color: #222222
}
.greybox a:hover h2 {
color: white;
background-color: #f47b20;
font-size: 1.25rem
}
@media screen and (min-width: 335px) {
.newsleft a h2 {
border-bottom: 0;
padding-bottom: 20px;
margin-top: 0;
padding: 5px
}
}
.greybox a img, story2 a img, story3 a img {
width: 100%;
overflow: hidden;
padding: 0 5px
}
.greybox a img:hover, story2 a img:hover, story3 a img:hover {
padding: 0 5px
}
@media screen and (min-width: 335px) {
.greybox a img, story2 a img, story3 a img {
overflow: hidden;
float: right
}
}
@media screen and (min-width: 500px) {
.greybox a img, story2 a img, story3 a img {
overflow: hidden;
float: right;
padding-right: 5px;
display: block
}
}
@media screen and (min-width: 680px) {
.greybox a img, story2 a img {
float: right;
display: block
}
}
@media screen and (min-width: 335px) {
.greybox a p, story2 a p {
padding-bottom: 20px
}
}
.newsmore a {
background-color: #222;
color: #fff;
padding: 40px 20px;
text-decoration: none;
width: 100%;
float: left;
margin: 1% 0 1% 1.6%;
height: 500px
}
@media screen and (min-width: 335px) {
.newsmore a {
width: 100%;
height: 590px
}
}
@media screen and (min-width: 500px) {
.newsmore a {
width: 100%;
height: 640px
}
}
@media screen and (min-width: 800px) {
.newsmore a {
width: 100%;
height: 550px
}
}
.newsmore a img {
padding-bottom: 20px;
width: 100%;
margin-top: -20px
}
@media screen and (min-width: 335px) {
.newsmore a img {
width: 100%
}
}
@media screen and (min-width: 500px) {
.newsmore a img {
width: 100%
}
}
@media screen and (min-width: 680px) {
.newsmore a img {
width: 100%
}
}
.newsmore a h3 {
color: #fff
}
.newsmore a p {
padding-bottom: 30px
}
@media screen and (min-width: 335px) {
.newsmore a p {
padding-bottom: 0
}
}
@media screen and (min-width: 500px) {
.newsmore a p {
padding-bottom: 0
}
}
@media screen and (min-width: 800px) {
.newsmore a p {
padding-bottom: 0
}
}
.contact-right {
float: left;
width: 100%;
list-style-type: none
}
@media screen and (min-width: 500px) {
.contact-right {
width: 100%;
padding: 0
}
}
@media screen and (min-width: 680px) {
.contact-right {
width: 29%;
padding: 0
}
}
.contact-right>lists>ul.contact-list {
margin: 0 0 16px 0;
list-style: none;
padding: 0;
margin-top: -20px
}
.contact-right>lists>ul.contact-list li {
border: 0 none;
float: none;
margin: 0 5px 0px 0;
width: 100%;
padding: 1% 0;
background: #efefef
}
.contact-right>lists>ul.contact-list li:after {
content: "";
display: table;
clear: both
}
.contact-right>lists>ul.contact-list li h3 {
font-size: 2rem
}
.contact-right>lists>ul.contact-list li span {
display: inline-block;
min-height: 100%;
padding: 2px;
vertical-align: middle;
background: #c3c3c3;
color: #002b5c;
padding: 0 2px 0 0;
display: block
}
@media screen and (min-width: 680px) {
.contact-right>lists>ul.contact-list li span {
height: 80px
}
}
.contact-right>lists>ul.contact-list li span.staff_image {
min-width: 62px;
padding: 1%;
display: inline-block
}
.contact-right>lists>ul.contact-list li span.staff_image img {
height: 60px;
width: 60px
}
.contact-right>lists>ul.contact-list li span.staff_name {
width: 98%;
margin: 0 1% 10px 1%
}
.contact-right>lists>ul.contact-list li span.staff_telno {
width: 98%;
padding: 0px;
text-align: center;
float: left;
margin: 0 0 10px 1%
}
@media screen and (min-width: 680px) {
.contact-right>lists>ul.contact-list li span.staff_telno {
width: 48.5%;
margin: 0 0 0px 1%
}
}
.contact-right>lists>ul.contact-list li span.staff_telno a {
padding: 29px 0px;
display: block
}
.contact-right>lists>ul.contact-list li span.staff_email {
width: 98%;
padding: 0px;
float: left;
margin: 0 0 0 1%;
text-align: center
}
@media screen and (min-width: 680px) {
.contact-right>lists>ul.contact-list li span.staff_email {
width: 48.5%
}
}
.contact-right>lists>ul.contact-list li span.staff_email a {
padding: 29px 0px;
display: block
}
.contact-right>lists>ul.contact-list li span.staff_address {
width: 98%;
margin: 0 1% 10px 1%;
clear: both;
padding: 29px 0px;
width: 98%;
margin: 10px 1% 0px 1%;
text-align: center;
float: right;
height: auto
}
.contact-right>lists>ul.contact-list li:before {
content: none
}
@media screen and (min-width: 335px) {
ul.contact-list {
margin: -5px 0 0 0
}
}
ul.contact-list {
margin: -5px 0 0 10px
}
ul.contact-list li p {
padding-left: 10px
}
a {
text-decoration: none
}
.alertinfo {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 50px;
background-color: #EEA5A5;
background-repeat: no-repeat;
background-position: 10px center
}
a.pressenquiries {
float: right;
line-height: 2em;
padding: 0 20px;
background: #292a2b;
color: white;
text-decoration: none;
width: 50%
}
@media screen and (min-width: 680px) {
a.pressenquiries {
width: auto;
margin-left: 10px
}
}
a.pressenquiries.hover {
background: grey
}
div.pressenquiries {
line-height: 2em;
width: 100%;
padding: 20px;
background: #292a2b;
color: white;
float: right
}
div.pressenquiries h2 {
color: white
}
.press-line {
border-bottom: 1px solid #292a2b
}
.press-line time {
line-height: 2em;
width: 100%;
display: block
}
@media screen and (min-width: 680px) {
.press-line time {
width: auto;
display: inline
}
}
.press-line div.social {
float: right;
display: inline;
width: 50%
}
@media screen and (min-width: 680px) {
.press-line div.social {
width: auto;
margin-left: 10px
}
}
.press-line div.social p {
line-height: 2em;
display: inline;
margin: 0;
padding: 0
}
.press-line div.social ul {
display: block;
margin: 0;
line-height: 2em;
padding: 0
}
.press-line div.social ul li {
line-height: 2em;
float: left;
line-height: 1em;
margin: 0 11px 0 0;
display: inline-block;
width: auto;
padding-left: 0
}
.press-line div.social ul li:first-of-type {
margin: 0 2px 0 0
}
@media screen and (min-width: 680px) {
.press-line div.social ul li {
margin: 0 2px
}
}
.press-line div.social ul li p {
line-height: 2em;
display: inline;
margin: 0;
padding: 0
}
.press-line div.social ul li:before {
content: "";
display: inline-block;
text-indent: 0
}
.press-line div.social ul li a {
line-height: 2em;
padding: 0 3px
}
.press-panel {
margin: 20px 0;
display: block;
padding: 10px;
border-bottom: 1px solid black;
display: block
}
.press-panel figure {
width: 100%;
float: right;
margin: 0 0 10px 10%
}
@media screen and (min-width: 680px) {
.press-panel figure {
width: 40%
}
.press-panel figure.left {
float: left;
margin: 0 10% 10px 0
}
}
.press-panel figure img {
width: 100%
}
.press-panel figure button {
width: 100%
}
.press-panel figcaption {
width: 100%
}
.press-panel figcaption h3 {
margin-top: 0;
color: white
}
.press-panel figcaption p {
color: white
}
.press-panel figcaption ul li {
color: white
}
.related-stories {
width: 100%;
margin: 0 0 1em 0;
background: #efefef;
float: none
}
.related-stories a {
display: block;
text-decoration: none
}
.related-stories a.hover {
background: #d6620b
}
.related-stories a.hover p {
color: white
}
.related-stories .related-stories a>img:first-child {
margin-top: -18px
}
.related-stories h2 {
margin: 0;
padding: 60px 10px 10px;
background: #5d9732;
border-bottom: 1px solid #fff;
color: #fff !important;
font-size: 1.125rem;
font-family: Alegreya Sans, sans-serif
}
.related-stories img {
width: 100%
}
.related-stories p {
padding: 10px;
margin: 0
}
@media screen and (min-width: 335px) {
.related-stories {
width: 100%;
float: left
}
}
@media screen and (min-width: 680px) {
.related-stories {
width: 100%;
float: none
}
}
.staff-contact {
background: gainsboro;
font-weight: normal
}
.staff-contact a.profileLink {
width: 100%;
display: block;
float: left;
padding: 0
}
@media screen and (min-width: 800px) {
.staff-contact a.profileLink {
width: 35%
}
}
.staff-contact a.profileLink:hover {
background: #d6620b;
color: white
}
.staff-contact a.profileLink.uos-nolink {
color: black;
cursor: default
}
.staff-contact a.profileLink.uos-nolink.hover {
background: none
}
.staff-contact a.profileLink .staff_image {
width: 27%;
background: #a7a9ac;
float: left
}
.staff-contact a.profileLink .staff_name {
width: 73%;
padding: 5px;
float: left
}
.staff-contact span.staff_telno {
width: 100%;
display: block;
float: left;
background: #a7a9ac;
padding: 33px 0;
text-align: center;
color: black
}
@media screen and (min-width: 680px) {
.staff-contact span.staff_telno {
width: 50%
}
}
@media screen and (min-width: 800px) {
.staff-contact span.staff_telno {
width: 25%
}
}
.staff-contact span.staff_telno i {
margin-right: 5px
}
.staff-contact a.staff_email {
width: 100%;
display: block;
float: left;
padding: 20px 0;
text-align: center;
text-decoration: none
}
@media screen and (min-width: 680px) {
.staff-contact a.staff_email {
width: 50%
}
}
@media screen and (min-width: 800px) {
.staff-contact a.staff_email {
width: 40%
}
}
.staff-contact a.staff_email.hover {
background: #d6620b;
color: white
}
.staff-contact a.staff_email i {
margin-right: 5px
}
#staffmap {
width: 100%;
max-width: 500px;
height: 400px;
position: relative;
overflow: hidden
}
#staffmap .loc_container {
width: auto
}
#staffmap .loc_container h4 {
padding: 0px 17px;
border-left: 3px solid #f47b20;
margin-left: 20px
}
@media screen and (min-width: 680px) {
.news-header {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
.news-header:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.news-header {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%
}
.news-header:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.news-header {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
.news-header:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.news-header {
float: left;
display: block;
margin-right: 1.53331%;
width: 74.61667%
}
.news-header:last-child {
margin-right: 0
}
}
.news-header h1 {
margin-top: 0 !important
}
.news-header h2.subdoc {
border: 0;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.5em;
color: #292a2b;
line-height: 1em;
font-family: Alegreya Sans, sans-serif;
min-height: 0
}
article .news-header {
width: 100%
}
.newsExtra {
margin: 0 5.5px 0;
width: 102%
}
.newsExtra a {
background-color: #002b5c;
color: #fff;
padding: 20px;
text-decoration: none;
width: 100%;
float: left;
margin-bottom: 5px
}
@media screen and (min-width: 680px) {
.newsExtra a {
min-height: 160px;
width: 97%
}
}
@media screen and (min-width: 800px) {
.newsExtra a {
min-height: 160px;
width: 100%
}
}
.newsExtra a img {
display: inline-block;
width: 100%;
padding: 5px;
float: left
}
@media screen and (min-width: 680px) {
.newsExtra a img {
overflow: hidden
}
}
.newsExtra a .details {
float: left;
display: inline-block;
margin-right: 1.53331%;
width: 100%;
color: #fff;
float: left
}
.newsExtra a .details h2, .newsExtra a .details h3 {
color: #fff
}
.newsExtra a .details h4 {
width: 100%;
display: block;
padding: 0;
border: 0;
color: #fff
}
.newsExtra a .details p.location {
width: 100%;
display: block;
padding: 0;
color: #fff
}
.newsExtra a .details:last-child {
margin-right: 0
}
.newsExtra a.hover {
background-color: #f47b20
}
.newsExtra a:before, .newsExtra a:after, .newsExtra a:before, .newsExtra a:after {
content: " ";
display: table
}
.newsExtra a:after {
clear: both
}
.newsExtra a .date {
float: left;
display: block;
margin-right: 1.53331%;
width: 20%;
text-align: center;
color: white;
float: left;
background: white;
border-radius: 5px
}
@media screen and (min-width: 335px) {
.newsExtra a .date {
width: 25%
}
}
@media screen and (min-width: 500px) {
.newsExtra a .date {
width: 15%
}
}
@media screen and (min-width: 680px) {
.newsExtra a .date {
width: 12%
}
}
.newsExtra a .date:last-child {
margin-right: 0
}
.newsExtra a .date .month {
width: 100%;
display: block;
border-radius: 5px 5px 0 0;
background: #ee3224
}
.newsExtra a .date .day {
width: 100%;
display: block;
font-size: 1em;
color: #222;
padding: 0.1em 0;
margin: 0.1em 0
}
.newsExtra a .date .time {
width: 100%;
display: block;
font-size: 12px;
color: #222
}
.newsExtraSmall {
width: 102%;
margin: 3px;
color: #fff
}
.newsExtraSmall a {
color: #fff;
padding: 10px 10px;
text-decoration: none;
width: 100%;
float: left;
overflow: hidden;
height: 220px
}
.newsExtraSmall a h2 {
color: #fff;
border-bottom: 0;
margin-bottom: -20px
}
.newsExtraSmall a img {
padding: 5px;
float: left;
width: 30%;
overflow: hidden;
width: 100%
}
@media screen and (min-width: 335px) {
.newsExtraSmall a img {
display: inline-block;
width: 100%;
overflow: hidden;
width: 100%;
float: left;
padding-right: 5px;
display: block
}
}
@media screen and (min-width: 500px) {
.newsExtraSmall a img {
overflow: hidden;
width: 40%;
float: left;
padding-right: 5px;
padding-bottom: 5px;
display: block
}
}
@media screen and (min-width: 600px) {
.newsExtraSmall a img {
width: 98%;
display: inline-block;
overflow: hidden
}
}
@media screen and (min-width: 800px) {
.newsExtraSmall a img {
width: 100%;
float: left;
padding-bottom: 10px
}
}
.newsExtraSmall a p {
padding-bottom: 5px
}
.newsExtraSmall a .details {
float: left;
display: inline-block;
margin-right: 1.53331%;
width: 100%;
color: #fff;
float: left
}
.newsExtraSmall a .details h3 {
color: #fff
}
.newsExtraSmall a .details h4 {
width: 100%;
display: block;
padding: 0;
border: 0;
color: #fff
}
.newsExtraSmall a .details p.location {
width: 100%;
display: block;
padding: 0;
color: #fff
}
.newsExtraSmall a .details:last-child {
margin-right: 0
}
.newsExtraSmall a.hover {
background-color: #d6620b
}
.newsExtraSmall a:before {
content: " ";
display: table
}
.newsExtraSmall a:after {
clear: both
}
.newsExtraSmall a .date {
float: left;
display: block;
margin-right: 1.53331%;
width: 30%;
text-align: center;
color: white;
float: left;
background: white;
border-radius: 5px
}
@media screen and (min-width: 335px) {
.newsExtraSmall a .date {
width: 25%
}
}
@media screen and (min-width: 500px) {
.newsExtraSmall a .date {
width: 15%
}
}
@media screen and (min-width: 680px) {
.newsExtraSmall a .date {
width: 15%
}
}
@media screen and (min-width: 800px) {
.newsExtraSmall a .date {
width: 30%
}
}
.newsExtraSmall a .date .month {
width: 100%;
display: block;
border-radius: 5px 5px 0 0;
background: #ee3224
}
.newsExtraSmall a .date .day {
width: 100%;
display: block;
font-size: 1em;
color: #222;
padding: 0.1em 0;
margin: 0.1em 0
}
.newsExtraSmall a .date .time {
width: 100%;
display: block;
font-size: 12px;
color: #222
}
.newsExtraSmall a .date:last-child {
margin-right: 0
}
@media screen and (min-width: 335px) {
.newsExtraSmall a {
width: 100%;
float: left;
min-height: 120px;
overflow: hidden
}
}
@media screen and (min-width: 600px) {
.newsExtraSmall a {
width: 48%;
min-height: 120px;
overflow: hidden
}
}
.newsExtraSmall:nth-of-type(2n-1) {
margin-right: 0
}
.newsExtraSmall:nth-child(4n+1) a {
background-color: #002b5c;
margin: 2px
}
.newsExtraSmall:nth-child(4n+1) a.hover {
background-color: #d6620b
}
.newsExtraSmall:nth-child(4n+2) a {
background-color: #5d9732;
margin: 2px
}
.newsExtraSmall:nth-child(4n+2) a.hover {
background-color: #d6620b
}
.newsExtraSmall:nth-child(4n+3) a {
background-color: #ee3224;
margin: 2px
}
.newsExtraSmall:nth-child(4n+3) a.hover {
background-color: #d6620b
}
.newsExtraSmall:nth-child(4n+4) a {
background-color: #0078ae;
margin: 2px
}
.newsExtraSmall:nth-child(4n+4) a.hover {
background-color: #d6620b
}
.summary-group {
display: block;
border-bottom: 5px solid #0078ae;
background: #efefef;
margin-bottom: 16px
}
.summary-group h2 {
color: #0078ae;
font-family: Alegreya Sans, sans-serif;
font-size: 2em;
margin: 0;
margin: 0 15px;
min-height: 0;
border-bottom: 0;
padding: 10px 0
}
@media screen and (min-width: 500px) {
.summary-group h2 {
width: calc(100% - 170px)
}
}
.summary-group p {
margin: 15px
}
.summary-group>span {
padding: 5px 15px;
font-size: 1.1em;
color: #fff;
display: block
}
@media screen and (min-width: 500px) {
.summary-group>span {
position: absolute;
right: 0px;
top: 0px
}
}
.summary-group>span strong {
display: block;
font-size: 0.8em
}
.summary-group>span.closed {
background: #222
}
.summary-group>span.closing {
background: #ee3224
}
.summary-group>span.close-warning {
background: #f47b20
}
.summary-group>span.open {
background: #5d9732
}
.summary-group ul.summary-info {
padding: 0;
margin: 0 5px
}
.summary-group ul.summary-info:after {
content: "";
display: table;
clear: both
}
.summary-group ul.summary-info li {
width: 47.5%;
float: left;
height: 92px;
margin-right: 0;
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
list-style: none;
padding: 5px;
position: relative;
margin-bottom: 10px
}
.summary-group ul.summary-info li:nth-child(2n) {
margin-right: 0;
margin-left: 0%;
border-right: 0
}
.summary-group ul.summary-info li:last-of-type {
border-bottom: 1px solid #dcdcdc
}
@media screen and (min-width: 500px) {
.summary-group ul.summary-info li {
width: 33.33%
}
.summary-group ul.summary-info li:nth-child(2n) {
border-right: 1px solid #dcdcdc
}
.summary-group ul.summary-info li:nth-child(3n) {
border-right: 0
}
}
@media screen and (min-width: 680px) {
.summary-group ul.summary-info li {
width: 16.667%
}
.summary-group ul.summary-info li:nth-child(2n) {
border-right: 1px solid #dcdcdc
}
.summary-group ul.summary-info li:nth-child(3n) {
border-right: 1px solid #dcdcdc
}
.summary-group ul.summary-info li:nth-child(6n) {
border-right: 0
}
}
.summary-group ul.summary-info li strong {
width: 100%;
display: inline-block
}
.summary-group ul.summary-info li span {
width: 100%;
display: inline-block;
height: 70px;
overflow: hidden
}
a.hover .summary-group {
background: #d6620b
}
a.hover .summary-group h2 {
color: #fff
}
.RHSsummary-group {
background: #efefef;
margin-bottom: 16px
}
.RHSsummary-group h2 {
background: #0078ae;
border-bottom: 1px solid #fff;
color: #fff;
font-family: Alegreya Sans, sans-serif;
font-size: 1.125rem;
margin: 0;
padding: 60px 10px 10px
}
.RHSsummary-group ul {
padding: 0;
margin: 0 5px
}
.RHSsummary-group ul li {
list-style: none;
padding: 5px;
border-bottom: 1px solid #dcdcdc;
position: relative
}
.RHSsummary-group ul li:last-of-type {
border-bottom: 0px
}
.RHSsummary-group ul li strong {
width: 42%;
display: inline-block;
padding: 5px;
font-size: 0.8em
}
.RHSsummary-group ul li span {
width: 100%;
display: inline-block;
padding: 5px;
font-size: 1.3em
}
article.twocolumns {
width: 100%;
float: left
}
@media screen and (min-width: 335px) {
article.twocolumns {
padding-left: 10px
}
}
@media screen and (min-width: 680px) {
article.twocolumns {
min-height: 480px;
width: 50%;
padding-right: 20px
}
}
@media screen and (min-width: 800px) {
article.twocolumns {
min-height: 480px;
width: 50%;
padding: 0 20px 30px 0
}
}
form#formalpha {
background: #002b5c;
counter-reset: fieldsets;
padding: 20px 20px 80px 20px;
width: 100%
}
form#formalpha fieldset {
border: none;
margin-bottom: 10px
}
form#formalpha fieldset:last-of-type {
margin-bottom: 0
}
form#formalpha legend {
color: #fff;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #c0d576
}
form#formalpha>fieldset>legend:before {
content: "Step " counter(fieldsets) ": ";
counter-increment: fieldsets
}
form#formalpha ol li {
background: #222;
background: rgba(255, 255, 255, 0.1);
border-color: #e3ebc3;
border-color: rgba(255, 255, 255, 0.3);
border-style: solid;
border-width: 2px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px
}
form#formalpha ol ol li {
background: none;
border: none;
float: left
}
form#formalpha label {
float: left;
font-size: 20px;
width: 30%;
color: #fff
}
form#formalpha fieldset fieldset label {
background: none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: 30%
}
form#formalpha fieldset fieldset label:hover {
cursor: pointer
}
form#formalpha input:not([type=checkbox]), form#form textarea {
background: #ffffff;
border: none;
outline: none;
padding: 5px;
width: 70%;
margin: 10px 0
}
form#formalpha input:not([type=submit]):focus, form#form textarea:focus {
background: #efefef
}
form#formalpha input[type=checkbox] {
float: left;
margin-right: 10px;
margin-top: 10px;
margin: 10px 20px 0 10px
}
form#formalpha fieldset p, form#formalpha fieldset ol li {
color: #fff;
font-size: 20px
}
form#formalpha>fieldset>ol>li>textarea {
width: 70%
}
form#formalpha button {
float: right
}
form#formalpha input[type=checkbox] {
transform: scale(2);
padding: 10px
}
form#formalpha fieldset {
font-size: 20px;
color: #fff
}
form#formalpha {
margin-bottom: 16px
}
form#formalpha img {
float: left;
padding: 0.2em 1em 1em 1em
}
form#formalpha h1 {
padding-bottom: .5em;
border-bottom: 1px solid #dcdcdc
}
form#formalpha img {
float: left;
padding: 0.2em 1em 1em 1em;
width: auto
}
form#formalpha form {
background-color: #efefef;
padding: 20px
}
form#formalpha form input, form#formalpha form button {
margin: 3px 0
}
form#formalpha form input, form#formalpha form select, form#formalpha form textarea {
float: right;
width: 65%
}
form#formalpha form fieldset {
border: 1px solid #c0c0c0;
box-shadow: 1px 1px 5px #ccc;
margin: 5px;
padding: 5px
}
form#formalpha form button {
color: white;
font-size: 1em;
line-height: 2.5em;
width: 100%
}
form#formalpha form button:after {
content: '>';
padding-left: 5%
}
@media screen and (min-width: 680px) {
form#formalpha form input, form#formalpha form select, form#formalpha form textarea {
width: 65%
}
form#formalpha form input.buttonsearch {
width: auto
}
form#formalpha form input.buttonsearch.hover {
background: #f47b20
}
}
@media screen and (min-width: 680px) and (min-width: 680px) {
form#formalpha form input.buttonsearch {
width: 25%
}
}
.select-wrapper {
position: relative
}
.select-wrapper select {
background: #efefef;
border: 0;
padding: 8px;
margin-bottom: 5px;
-webkit-appearance: none;
-moz-appearance: none
}
.select-wrapper select:ms-expand {
display: none
}
.select-wrapper:before {
display: block;
content: '\f078';
font: normal normal normal 14px/1 FontAwesome;
padding: 10px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
pointer-events: none
}
form#formalphagrey {
background: #c1c3c5;
counter-reset: fieldsets;
padding: 20px 20px 80px 20px;
width: 100%
}
form#formalphagrey>fieldset {
border: none;
margin-bottom: 10px
}
form#formalphagrey>fieldset>fieldset:last-of-type {
margin-bottom: 0
}
form#formalphagrey>fieldset>legend {
font-size: 20px;
font-weight: bold;
padding-bottom: 10px
}
form#formalphagrey>fieldset legend:before {
content: "Step " counter(fieldsets) ": ";
counter-increment: fieldsets
}
form#formalphagrey>fieldset>ol>li {
list-style-type: none;
background: #222;
background: rgba(255, 255, 255, 0.1);
border-color: #e3ebc3;
border-color: rgba(255, 255, 255, 0.3);
border-style: solid;
border-width: 2px;
padding: 25px 10px;
margin-bottom: 2px
}
@media screen and (max-width: 600px) {
form#formalphagrey>fieldset>ol>li {
padding: 0 0 80px 10px
}
}
form#formalphagrey>fieldset>ol>li>select, form#formalphagrey>fieldset>ol>li input {
width: 22%;
float: left
}
@media screen and (max-width: 600px) {
form#formalphagrey>fieldset>ol>li>select, form#formalphagrey>fieldset>ol>li input {
width: 100%
}
}
form#formalphagrey>fieldset>ol>li>label {
float: left;
width: 77%
}
@media screen and (max-width: 600px) {
form#formalphagrey>fieldset>ol>li>label {
float: none;
width: 100%;
padding: 10px
}
}
form#formalphagrey>fieldset>ol>li>.small {
font-size: 16px;
font-weight: bold;
color: #222;
padding-top: 30px
}
form#formalphagrey>ol ol li {
background: none;
border: none;
float: left
}
form#formalphagrey>fieldset fieldset label {
background: none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: 70%
}
form#formalphagrey>fieldset fieldset label:hover {
cursor: pointer
}
form#formalphagrey>input:not([type=checkbox]), form#formalphagrey form#form textarea {
background: #ffffff;
border: none;
outline: none;
padding: 5px;
width: 70%;
margin: 10px 0
}
form#formalphagrey>input:not([type=submit]):focus, form#formalphagrey form#form textarea:focus {
background: #efefef
}
form#formalphagrey>input[type=checkbox] {
float: left;
margin-right: 10px;
margin-top: 10px;
margin: 10px 20px 0 10px
}
form#formalphagrey>fieldset p, form#formalphagrey form#formalpha fieldset ol li {
font-size: 20px
}
form#formalphagrey>fieldset>ol>li>textarea {
width: 70%
}
form#formalphagrey button {
float: right
}
form#formalphagrey>input[type=checkbox] {
transform: scale(2);
padding: 10px
}
form#formalphagrey>fieldset {
font-size: 20px
}
#scholarships {
position: relative;
width: 100% !important
}
#scholarships #search {
background: #efefef;
margin: 10px 0
}
#scholarships #search span {
display: inline-block;
width: 100%
}
@media screen and (min-width: 800px) {
#scholarships #search span {
width: 24.7%;
padding: 10px 0
}
}
#scholarships #search select {
width: 100%;
padding: 5px
}
#scholarships #search2 {
background: #efefef;
margin: 10px 0
}
#scholarships #search2 span {
display: inline-block;
width: 100%
}
@media screen and (min-width: 800px) {
#scholarships #search2 span {
width: 32.7%;
padding: 10px 0
}
}
#scholarships #search2 select {
width: 100%;
padding: 5px
}
#scholarships div {
margin-bottom: 10px
}
#scholarships div:after {
content: "";
display: table;
clear: both
}
#scholarships div>span {
display: block
}
#scholarships div>span#show {
display: block;
float: left;
line-height: 3em
}
#scholarships div>span#sort {
width: 270px;
float: right;
line-height: 3em
}
@media screen and (min-width: 800px) {
#scholarships div>span#criteria {
width: 100%;
float: left;
font-weight: bold
}
}
@media screen and (min-width: 680px) {
#scholarships #scholarships>#search>form>span>#level {
width: 100%;
float: left;
font-weight: bold
}
}
#scholarships>#search>form {
border: 5px solid #0078ae;
padding: 20px
}
#scholarships>#search>form>span>#txt_search {
font-size: 1em;
width: 98%;
padding: 5px
}
@media screen and (min-width: 799px) {
#scholarships>#search>form>span>#txt_search {
width: 93%
}
}
#scholarships>#search>form>span>ul#filter-buttons {
float: none
}
@media screen and (min-width: 799px) {
padding: 10px 0
}
#scholarships>#search>form>span>ul#filter-buttons>li.clearall {
right: 20px;
padding: 0;
padding-bottom: 0;
float: right
}
@media screen and (min-width: 799px) {
#scholarships>#search>form>span>ul#filter-buttons>li.clearall {
right: 49px;
position: absolute;
padding-bottom: 30px;
width: 10%
}
}
#scholarships>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button {
height: 0
}
.hintsandtips {
float: right;
padding-right: 30px
}
@media screen and (max-width: 920px) {
.hintsandtips {
padding-right: 10px
}
}
@media screen and (max-width: 335px) {
.hintsandtips {
float: left
}
}
#scholarships>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button {
display: initial
}
@media screen and (max-width: 800px) {
#scholarships>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button {
padding-top: 10px
}
}
.scholarship {
margin-bottom: 20px;
width: 100%
}
.scholarship a {
display: block;
background-color: #efefef;
color: #222
}
.scholarship a .title {
background-color: transparent;
color: #0078ae;
margin: 0;
padding: 0px;
font-weight: bold
}
.scholarship a .details {
padding-bottom: 10px
}
.scholarship a .details .detail {
display: inline-block;
width: 13.95%;
text-align: center
}
.scholarship a.hover {
background-color: #d6620b
}
.scholarship a.hover .title, .scholarship a.hover p, .scholarship a.hover .details, .scholarship a.hover li {
color: #fff
}
.pgr-opportunity .summary-group {
background: #fff;
padding-bottom: 20px;
border-bottom: 2px solid #dcdcdc
}
.pgr-opportunity .summary-group h2 {
color: #222;
font-weight: bold;
margin: 0;
padding-top: 0;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out
}
.pgr-opportunity .summary-group hr {
border-top: 3px solid #0078ae;
max-width: 100px;
width: 100%;
text-align: left;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
.pgr-opportunity .summary-group .opportunity-info {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
position: relative
}
.pgr-opportunity .summary-group .opportunity-info:after {
content: "";
display: table;
clear: both
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
@media screen and (min-width: 680px) {
.pgr-opportunity .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-description p {
margin: 15px 0
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%;
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
@media screen and (min-width: 680px) {
.pgr-opportunity .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details:after {
content: "";
display: table;
clear: both
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
border-left: 4px solid #0078ae;
padding: 0 15px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-bottom: 0
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details .opportunity-details-column:last-child {
margin-right: 0
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details .opportunity-detail {
margin-bottom: 5px
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details .fa {
font-size: 1.4rem;
margin-right: 10px;
width: 20px
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details h3 {
font-weight: bold;
font-size: 1.1em;
margin-top: 0
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details span {
margin-bottom: 30px;
display: block
}
.pgr-opportunity .summary-group .opportunity-info .opportunity-details span:last-of-type {
margin-bottom: 0
}
.pgr-opportunity .summary-group .opportunity-info .chevron {
text-align: right;
position: static;
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.pgr-opportunity .summary-group .opportunity-info .chevron:last-child {
margin-right: 0
}
@media screen and (min-width: 680px) {
.pgr-opportunity .summary-group .opportunity-info .chevron {
float: left;
display: block;
margin-right: 1.53331%;
width: 6.9278%;
position: absolute;
right: 0;
bottom: 0
}
.pgr-opportunity .summary-group .opportunity-info .chevron:last-child {
margin-right: 0
}
}
.pgr-opportunity .summary-group .opportunity-info .chevron svg {
overflow: visible
}
.pgr-opportunity .summary-group .opportunity-info .chevron svg polyline {
stroke: #0078ae
}
.pgr-opportunity .hover p, .pgr-opportunity .hover li {
color: #222
}
.pgr-opportunity .hover hr, .pgr-opportunity .hover .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
border-color: #d6620b
}
.pgr-opportunity .hover .summary-group .opportunity-info .chevron svg polyline {
stroke: #d6620b
}
.pgr-opportunity.scholarship .hover {
background-color: #fff
}
.pgr-opportunity.scholarship .hover p, .pgr-opportunity.scholarship .hover li {
color: #222
}
.pgr-opportunity.scholarship .hover hr, .pgr-opportunity.scholarship .hover .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
border-color: #d6620b
}
.pgr-opportunity.scholarship .hover .summary-group {
background: #fff
}
.pgr-opportunity.scholarship .hover .summary-group h2 {
color: #222
}
.pgr-opportunity.scholarship .hover .summary-group .opportunity-info .chevron svg polyline, .pgr-opportunity.scholarship .hover .summary-group .chevron svg polyline {
stroke: #d6620b
}
.pgr-opportunity.pgr-page .summary-group {
border-bottom: 0;
padding: 20px;
-webkit-transition: background 0.1s ease-in-out;
-moz-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out
}
.pgr-opportunity.pgr-page .summary-group:hover {
background: #efefef
}
.pgr-opportunity.pgr-page .summary-group h2 {
font-size: 1.6rem;
padding-bottom: 0;
width: 100%
}
@media screen and (min-width: 680px) {
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 57.69445%
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1024px) {
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 66.15556%
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description p:first-of-type {
margin-top: 0
}
@media screen and (min-width: 680px) {
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1024px) {
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details h3 {
display: inline;
font-size: 1em
}
.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details span {
display: initial
}
.pgr-opportunity.page-summary .press-line {
border-color: #dcdcdc
}
.pgr-opportunity.page-summary .summary-group {
border-bottom: 0
}
.pgr-opportunity.page-summary .summary-group .opportunity-info {
margin-top: 20px
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
@media screen and (min-width: 800px) {
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description:last-child {
margin-right: 0
}
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
@media screen and (min-width: 800px) {
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 57.69445%
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details:last-child {
margin-right: 0
}
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details .opportunity-details-column:last-child {
margin-right: 0
}
.wysiwyg>table.coloured, .wysiwyg>table.coloured2, .wysiwyg>table.coloured3, .wysiwyg>table.coloured4, .wysiwyg>table.coloured5 {
width: 100%;
border-right: #fff 5px solid;
margin-bottom: 5px
}
.wysiwyg>table.coloured>tr, .wysiwyg>table.coloured2>tr, .wysiwyg>table.coloured3>tr, .wysiwyg>table.coloured4>tr, .wysiwyg>table.coloured5>tr {
border-bottom: #fff 4px solid
}
.wysiwyg>table.coloured th, .wysiwyg>table.coloured2 th, .wysiwyg>table.coloured3 th, .wysiwyg>table.coloured4 th, .wysiwyg>table.coloured5 th {
width: 15%
}
.wysiwyg>table.coloured>td {
margin-bottom: 10px;
border-collapse: collapse;
text-align: left
}
.wysiwyg>table.coloured th, .wysiwyg>table.coloured2 th, .wysiwyg>table.coloured3 th, .wysiwyg>table.coloured4 th, .wysiwyg>table.coloured5 th {
margin-bottom: 10px;
border-collapse: collapse;
text-align: left;
font-size: 1.2em;
padding: 5px 20px 30px;
min-width: 120px
}
@media screen and (max-width: 800px) {
.wysiwyg>table.coloured th, .wysiwyg>table.coloured2 th, .wysiwyg>table.coloured3 th, .wysiwyg>table.coloured4 th, .wysiwyg>table.coloured5 th {
min-width: 120px
}
}
.wysiwyg>table.coloured td, .wysiwyg>table.coloured2 td {
background-color: #fff;
border-right: #efefef 3px solid;
padding: 10px, 20px
}
.wysiwyg>table.coloured3 td, .wysiwyg>table.coloured4 td, .wysiwyg>table.coloured5 td {
background-color: #fff;
border-right: #efefef 3px solid;
padding: 10px;
text-align: center
}
.wysiwyg>table.coloured3 td>td, .wysiwyg>table.coloured3 td th, .wysiwyg>table.coloured4 td>td, .wysiwyg>table.coloured4 td th, .wysiwyg>table.coloured5 td>td, .wysiwyg>table.coloured5 td th {
padding: 10px 20px 30px 10px;
font-size: 1em
}
.wysiwyg>table.coloured3 td>td>th, .wysiwyg>table.coloured3 td th>th, .wysiwyg>table.coloured4 td>td>th, .wysiwyg>table.coloured4 td th>th, .wysiwyg>table.coloured5 td>td>th, .wysiwyg>table.coloured5 td th>th {
font-weight: bold
}
.wysiwyg>table.coloured tr th {
background-color: #002b5c;
border-top: #002b5c 2px solid;
font-weight: bold
}
.wysiwyg>table.coloured2 tr th {
background-color: #5d9732;
border-top: #5d9732 2px solid;
font-weight: bold
}
.wysiwyg>table.coloured3 tr th {
background-color: #0078ae;
border-top: #0078ae 2px solid;
font-weight: bold
}
.wysiwyg>table.coloured4 tr th {
background-color: #ee3224;
border-top: #ee3224 2px solid;
font-weight: bold
}
.wysiwyg>table.coloured5 tr th {
background-color: #a7a9ac;
border-top: #a7a9ac 2px solid;
font-weight: bold
}
.wysiwyg>table.coloured td, .wysiwyg>table.coloured2 td, .wysiwyg>table.coloured3 td, .wysiwyg>table.coloured4 td, .wysiwyg>table.coloured5 td {
background-color: #fff;
border-right: #a7a9ac
}
.wysiwyg table.coloured3 th, .wysiwyg table.coloured3 td {
border: #0078ae 2px solid;
border-bottom: 0
}
.wysiwyg table.coloured4 th, .wysiwyg table.coloured4 td {
border: #ee3224 2px solid;
border-bottom: 0
}
.wysiwyg table.coloured5 th, .wysiwyg table.coloured5 td {
border: #a7a9ac 2px solid;
border-bottom: 0
}
.wysiwyg>table.coloured {
background-color: #002b5c;
border-top: #002b5c 5px solid
}
.wysiwyg>table.coloured2 {
background-color: #5d9732;
border-top: #5d9732 5px solid
}
.wysiwyg>table.coloured3 {
background-color: #0078ae;
border-top: #0078ae 5px solid
}
.wysiwyg>table.coloured4 {
background-color: #ee3224;
border-top: #ee3224 5px solid
}
.wysiwyg>table.coloured5 {
background-color: #a7a9ac;
border-top: #a7a9ac 5px solid
}
.wysiwyg>table.coloured>th {
background-color: #002b5c;
font-size: 1em
}
.wysiwyg>table.coloured2>th {
background-color: #5d9732;
font-size: 1em
}
.wysiwyg>table.coloured3>th {
background-color: #0078ae;
font-size: 1em
}
.wysiwyg>table.coloured4>th {
background-color: #ee3224;
font-size: 1em
}
.wysiwyg>table.coloured5>th {
background-color: #c1c3c5;
font-size: 1em
}
.wysiwyg table.coloured td, .wysiwyg table.coloured2 td {
padding: 20px
}
.wysiwyg table.coloured3 th, .wysiwyg table.coloured3 td, .wysiwyg table.coloured4 th, .wysiwyg table.coloured4 td, .wysiwyg table.coloured5 th, .wysiwyg table.coloured5 td {
border: 1px #fff solid
}
.wysiwyg table.coloured3 th, .wysiwyg table.coloured3 td {
border-right: 2px #0078ae solid
}
.wysiwyg table.coloured4 th, .wysiwyg table.coloured4 td {
border-right: 2px #ee3224 solid
}
.wysiwyg table.coloured5 th, .wysiwyg table.coloured5 td {
border-right: 2px #a7a9ac solid
}
.full-width main .full-wrapper {
margin: 0 auto;
max-width: 71.25em;
position: relative
}
.full-width main>section {
background-size: 100%;
width: 100%;
background-repeat: none;
position: relative;
overflow: hidden;
border-top: 5px solid #002b5c;
padding-bottom: 80px
}
.full-width main>section .jwplayer {
position: absolute;
top: 0
}
.full-width main>section.middle .jwplayer {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.full-width main>section.bottom .jwplayer {
top: auto;
bottom: 0
}
@media screen and (min-width: 800px) {
.full-width main>section:first-of-type, .full-width main>section:last-of-type {
box-shadow: none
}
.full-width main>section:last-of-type {
border-bottom: 0
}
}
.full-width main>section.feature-home {
border-top: 0px;
padding-bottom: 0
}
.full-width main>section.red {
background: #ee3224
}
.full-width main>section.green {
background: #5d9732
}
.full-width main>section.blue {
background: #0078ae
}
.full-width main>section.orange {
background: #f47b20
}
.full-width main>section.primaryblue {
background: #002b5c
}
.full-width main>section>img {
position: absolute;
width: 100%;
top: 0
}
.full-width main>section h2.fullBlockHeading {
max-width: 100%;
margin: 20px auto;
color: #002b5c;
padding: 10px 20px;
border: 0;
font-size: 2.8em;
text-align: center
}
.full-width main>section h3.contactInfo {
text-align: center
}
.full-width main>section a.button {
background: #5d9732;
color: white;
display: block;
font-size: 1.25em;
margin: 0 5px 10px;
padding: 5px;
text-align: center;
text-decoration: none
}
.full-width main>section a.button.hover {
background: #d6620b
}
.full-width main section.fullCentreContent {
padding-bottom: 0
}
.full-width main section.fullCentreContent .jwmain, .full-width main section.fullCentreContent .jwaspect {
display: none !important
}
@media screen and (min-width: 680px) {
.full-width main section.fullCentreContent .jwmain, .full-width main section.fullCentreContent .jwaspect {
display: block !important
}
}
.full-width main section.fullCentreContent .jwpreview {
background-position: center top;
background-size: 100% auto
}
.full-width main section.fullCentreContent .jwplayer .jwdisplayIcon {
display: none !important
}
.full-width main section.fullCentreContent .jwplayer .jwcontrols .jwcontrolbar {
display: none
}
@media screen and (min-width: 680px) {
.full-width main section.fullCentreContent {
padding: 30px 0 100px
}
}
@media screen and (min-width: 800px) {
.full-width main section.fullCentreContent {
padding: 50px 0 150px
}
}
.full-width main section.fullCentreContent .overlay {
position: absolute;
width: 100%;
top: 0;
height: 100%;
background-color: rgba(0, 43, 92, 0.4)
}
.full-width main section.fullCentreContent h2, .full-width main section.fullCentreContent p {
max-width: 700px;
margin: 0 auto;
color: #002b5c;
text-shadow: 1px 1px 4px #fff;
text-align: center
}
.full-width main section.fullCentreContent h2 {
padding: 40px 20px;
border: 0;
font-size: 3em
}
.full-width main section.fullCentreContent p {
font-size: 1.3em;
padding: 20px
}
.full-width main section.fullCentreContent a {
color: #002b5c;
opacity: 0.5;
display: block;
font-size: 3em;
padding: 0 0 10px 0;
transition: padding 0.5s;
text-align: center
}
.full-width main section.fullCentreContent a.hover {
opacity: 1;
padding: 10px 0 0 0
}
.full-width main section.fullCentreContent a.button {
background: #5d9732 none repeat scroll 0 0;
color: white;
display: block;
font-size: 1.25em;
margin: 0 5px 10px;
padding: 5px;
text-align: center;
text-decoration: none
}
.full-width main section.fullMap .campus {
height: 500px;
position: relative;
margin-bottom: 20px;
overflow: hidden
}
.full-width main section.fullMap .campus.iconsOnly .map {
width: calc(100% - 57px);
transition: width 1s
}
.full-width main section.fullMap .campus.iconsOnly .mapGuide {
width: 57px;
transition: width 1s
}
.full-width main section.fullMap .campus.iconsOnly .mapGuide .mapGuideArrows:before {
content: "<<"
}
.full-width main section.fullMap .campus.iconsOnly .mapGuide .mapGuideItem span.mapGuideTitle {
display: none
}
.full-width main section.fullMap .campus.iconsOnly .mapGuideContent {
display: none !important
}
.full-width main section.fullMap .map {
width: calc(100% - 300px);
float: left;
height: 500px;
background: blue;
transition: width 0s
}
.full-width main section.fullMap .key {
width: 200px;
float: left;
height: 500px;
color: #222;
background: #e5e5e5;
border-bottom: 5px solid #8d8f93
}
.full-width main section.fullMap .key h3 {
color: #fff;
background: #8d8f93;
padding: 20px;
margin: 0
}
.full-width main section.fullMap .key ul {
padding: 0;
margin: 0
}
.full-width main section.fullMap .key ul li {
list-style: none;
padding: 10px 20px;
border-bottom: 1px solid #f7f7f7
}
.full-width main section.fullMap .key ul li img {
width: auto
}
.full-width main section.fullMap .mapGuide {
width: 300px;
float: right;
background: #efefef;
height: 500px;
overflow-y: auto;
overflow-x: hidden;
color: #fff;
margin: 0;
transition: width 0s
}
.full-width main section.fullMap .mapGuide h3 {
color: #fff;
background: #002b5c;
padding: 20px;
margin: 0;
height: 78.4px
}
.full-width main section.fullMap .mapGuide .mapGuideArrows {
display: block;
background: #efefef;
padding: 0 5px;
text-align: right
}
.full-width main section.fullMap .mapGuide .mapGuideArrows:before {
content: ">>"
}
.full-width main section.fullMap .mapGuide .mapGuideItem {
background: #0078ae;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff
}
.full-width main section.fullMap .mapGuide .mapGuideItem.hover {
background: #d6620b
}
.full-width main section.fullMap .mapGuide .mapGuideItem span {
padding: 20px
}
.full-width main section.fullMap .mapGuide .mapGuideItem span.fa {
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
width: 57px
}
.full-width main section.fullMap .mapGuide .mapGuideItem span.mapGuideTitle {
display: inline;
width: auto
}
.full-width main section.fullMap .mapGuide .mapGuideContent ul {
padding: 0;
margin: 0
}
.full-width main section.fullMap .mapGuide .mapGuideContent ul li {
list-style: none;
padding: 10px 20px;
border-bottom: 1px solid rgba(141, 143, 147, 0.2);
color: #222
}
.full-width main section.fullMap .mapGuide .mapGuideContent ul li img {
width: auto
}
.full-width main section.fullVideo .video.orange {
padding: 20px
}
.full-width main section.fullVideo .video.orange h2 {
margin-top: 0
}
.full-width main section.fullVideo .video .video-container {
padding: 0
}
.full-width main section.fullVideo .video .video-container iframe {
margin: 0;
height: 217px
}
.facultyCol {
border-left: 10px solid #002b5c;
margin-bottom: 20px
}
.facultyCol:after {
content: "";
display: table;
clear: both
}
.facultyCol.red {
border-left-color: #ee3224
}
.facultyCol.green {
border-left-color: #5d9732
}
.facultyCol.orange {
border-left-color: #f47b20
}
.facultyCol.blue {
border-left-color: #0078ae
}
.facultyCol.primaryblue {
border-left-color: #002b5c
}
.facultyCol.lightgrey {
border-left-color: #dcdcdc
}
.facultyCol.darkgrey {
border-left-color: #222
}
.facultyCol section {
padding: 10px 20px 10px 10px;
width: 100%;
float: left
}
@media screen and (min-width: 680px) {
.facultyCol section.thirds {
width: 66.66%
}
.facultyCol section.third {
width: 33.33%
}
}
.facultyCol section.factBox {
background-color: #ee3224;
height: 100%;
color: #fff;
font-size: 30px;
line-height: 1em;
text-align: center;
padding: 10px
}
.facultyCol section.factBox.red {
background-color: #ee3224
}
.facultyCol section.factBox.green {
background-color: #5d9732
}
.facultyCol section.factBox.orange {
background-color: #f47b20
}
.facultyCol section.factBox.blue {
background-color: #0078ae
}
.facultyCol section.factBox.primaryblue {
background-color: #002b5c
}
.facultyCol section.factBox.lightgrey {
background-color: #dcdcdc
}
.facultyCol section.factBox.darkgrey {
background-color: #222
}
.facultyCol section.factBox a {
color: #fff
}
.facultyCol section.factBox a.hover {
text-decoration: underline
}
.facultyCol section h2 {
border: 0;
margin: 0
}
.facultyCol section h2 a {
color: #0078ae
}
.facultyCol section h2 a.hover {
color: #d6620b
}
.facultyCol section h3 {
margin: 0;
padding-bottom: 20px
}
@media screen and (min-width: 500px) {
.facultyCol section div ul {
margin: 0
}
.facultyCol section div.two {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.facultyCol section div.three {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.facultyCol section div.two li:before, .facultyCol section div.three li:before {
vertical-align: top
}
.facultyCol section div.two li a, .facultyCol section div.three li a {
display: inline-table;
margin-top: 2px
}
}
.facultyCol section div ul li {
list-style: none;
padding-left: 1.2em
}
.facultyCol section div ul li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
.facultyCol section div p:first-of-type {
margin-top: 0
}
.facultyCol section ul.contact-list {
margin: 0
}
.facultyBox {
margin-bottom: 20px
}
.facultyBox:after {
content: "";
display: table;
clear: both
}
.facultyBox h2 {
font-size: 22.5px;
padding: 20px;
height: 92px;
overflow: hidden;
background-color: #002b5c;
margin: 0;
color: #fff;
border: 0
}
.facultyBox.red h2 {
background-color: #ee3224
}
.facultyBox.green h2 {
background-color: #5d9732
}
.facultyBox.orange h2 {
background-color: #f47b20
}
.facultyBox.blue h2 {
background-color: #0078ae
}
.facultyBox.primaryblue h2 {
background-color: #002b5c
}
.facultyBox.lightgrey h2 {
background-color: #dcdcdc;
color: #222
}
.facultyBox.lightgrey h2 a {
color: #222
}
.facultyBox.darkgrey h2 {
background-color: #222
}
.facultyBox a.hover h2 {
background-color: #d6620b
}
.facultyBox div {
background-color: #e5e5e5;
padding: 20px
}
.blockcoloured.blocks {
padding: 0em
}
.blockcolouredfull2 {
background: #e4511b
}
.blockcoloured {
width: 100%;
float: left;
clear: both;
position: relative;
z-index: 2;
padding: 3em
}
.blockcolouredfull {
height: 180px
}
.blockcolouredcontent {
padding-left: 0;
padding-right: 0;
width: 41%;
float: left
}
.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 180px 101px;
border-color: transparent transparent #E4511B transparent;
margin-top: -1px;
position: absolute;
margin-left: -101px;
display: none
}
@media screen and (min-width: 680px) {
.triangle {
display: inline
}
}
.blockcolouredcontent>h1 {
color: #fff;
font-weight: bold;
font-size: 2em;
padding-top: 20px;
margin-left: -230px
}
.blockcolouredcontent>p, .blockcolouredcontent>h1 {
color: #fff;
margin-left: -80px;
margin-right: auto
}
@media screen and (min-width: 680px) {
.blockcolouredcontent>p, .blockcolouredcontent>h1 {
margin-left: 0;
margin-right: 0;
width: 98%
}
}
.blockcolouredcontent>img {
display: none
}
@media screen and (min-width: 680px) {
.blockcolouredcontent>img {
height: 98%;
display: inline
}
}
button.blockcolouredbutton {
margin-top: 0;
width: 55%;
margin-left: 50px
}
@media screen and (min-width: 335px) {
button.blockcolouredbutton {
margin-top: 0;
width: 55%;
margin-left: 30px
}
}
@media screen and (min-width: 680px) {
button.blockcolouredbutton {
margin-top: 80px;
width: 15%;
float: left;
margin-left: 0
}
}
header[role="banner"] {
position: relative;
background: #002b5c;
padding: 0
}
header[role="banner"]:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 680px) {
header[role="banner"] {
background: #c1c3c5;
margin-top: 105px;
border-bottom: 45px solid #fff
}
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader {
max-width: 62em;
margin-right: auto;
margin-left: auto;
position: relative
}
}
header[role="banner"] .mainHeader>div {
text-align: center
}
header[role="banner"] .mainHeader>div:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div {
display: block;
background: transparent;
width: 150px;
float: left
}
header[role="banner"] .mainHeader>div:after {
content: "";
display: table;
clear: both
}
}
header[role="banner"] .mainHeader>div a.logo {
max-width: 50%;
display: inline-block;
position: relative;
z-index: 9999
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div a.logo {
display: block;
float: none;
max-width: 100%
}
header[role="banner"] .mainHeader>div a.logo:after {
content: "";
display: table;
clear: both
}
}
header[role="banner"] .mainHeader>div a.logo h1 {
margin: 0
}
header[role="banner"] .mainHeader>div a.logo h1 img.tabLogo {
display: none;
max-width: 150px
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div a.logo h1 img.tabLogo {
display: block;
margin-top: -105px
}
}
header[role="banner"] .mainHeader>div a.logo h1 img.mobileLogo {
display: inline;
max-width: 100%;
max-height: 40px;
width: 160px
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div a.logo h1 img.mobileLogo {
display: none
}
}
header[role="banner"] .mainHeader>div a.logo h1 span {
margin-left: -2000px;
position: absolute
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] {
display: inline-block;
vertical-align: top
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"] {
display: none
}
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].mobileSearch {
float: right
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].mobileBars {
float: left
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul {
width: 100%;
margin: 0;
padding: 0
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul:after {
content: "";
display: table;
clear: both
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile {
font-size: 1.2em;
width: 50px
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile a {
color: #fff;
padding: 12px 15px;
display: block
}
@media screen and (min-width: 500px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile a {
padding: 13px 15px
}
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile a.active {
background: #0078ae
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile a {
color: #73767a;
padding: 5px;
background: transparent;
border-right: 0
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile a.hover {
background: transparent;
color: #d6620b
}
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile:first-of-type a {
border-right: 0
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.mobileSearch {
width: 100%;
clear: both
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.mobileSearch a {
display: inline-block;
float: right;
padding: 10px 14.5px;
background: #efefef;
color: #222
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.mobileSearch a.hover {
background: #5d9732;
color: #fff
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.mobileSearch form {
display: inline-block !important;
width: calc(100% - 45px)
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.mobileSearch form div input {
width: 100%;
border: 0;
padding: 11.6px;
background: #efefef;
color: #222
}
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.mobile, header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile .mobile {
display: none !important
}
}
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.desktop, header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile .desktop {
display: none
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile.desktop, header[role="banner"] .mainHeader>div nav[role="shortNav"] ul li.mobile .desktop {
display: block
}
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch {
background: #0078ae
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch:after {
content: "";
display: table;
clear: both
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch form {
display: block;
opacity: 1
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch form div input {
background: #c1c3c5;
padding: 10px;
border: 0;
font-size: 1.15em
}
header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch form div input:focus, header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch form div input:active {
background: #fff
}
@media screen and (min-width: 680px) {
header[role="banner"] .mainHeader>div nav[role="shortNav"].active li.mobileSearch form div input {
width: 100%;
background: #c1c3c5;
padding: 11.6px;
margin-left: 0
}
}
header[role="banner"] .mainHeader>div form.mobile-search {
display: none;
border-top: 5px solid #0078ae
}
@media screen and (min-width: 800px) {
header[role="banner"] .mainHeader>div form.mobile-search {
display: none !important
}
}
header[role="banner"] .mainHeader>div form.mobile-search.active {
display: block
}
header[role="banner"] .mainHeader>div form.mobile-search div {
width: calc(100% - 50px);
display: inline-block
}
header[role="banner"] .mainHeader>div form.mobile-search input {
width: 100%;
border: 0;
background: #c1c3c5;
padding: 15px;
font-size: 1.2em
}
header[role="banner"] .mainHeader>div form.mobile-search input.fa {
width: 50px;
vertical-align: top;
line-height: 1.2
}
header[role="banner"] nav[role=navigation] {
z-index: 99
}
header[role="banner"] nav[role=navigation]:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation] {
width: calc(100% - 150px);
position: relative;
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
float: right
}
header[role="banner"] nav[role=navigation]:after {
content: "";
display: table;
clear: both
}
}
header[role="banner"] nav[role=navigation]>ul {
margin: 0;
padding: 0;
background: #222
}
header[role="banner"] nav[role=navigation]>ul:after {
content: "";
display: table;
clear: both
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul {
background: transparent
}
}
header[role="banner"] nav[role=navigation]>ul>li {
display: none
}
header[role="banner"] nav[role=navigation]>ul>li .desktop {
display: none
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li .desktop {
display: block
}
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li.mobile, header[role="banner"] nav[role=navigation]>ul>li .mobile {
display: none !important
}
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li {
width: 33.33%;
float: left;
height: 45px
}
header[role="banner"] nav[role=navigation]>ul>li:nth-of-type(2) {
background: #8d8f93
}
header[role="banner"] nav[role=navigation]>ul>li:nth-of-type(4) {
background: #73767a
}
header[role="banner"] nav[role=navigation]>ul>li:nth-of-type(6) {
background: #5a5c60
}
}
header[role="banner"] nav[role=navigation]>ul>li>a {
border-bottom: 1px solid #c1c3c5
}
header[role="banner"] nav[role=navigation]>ul>li a {
width: 100%;
display: block;
font-size: 1.2em;
padding: 8px 12px;
color: #fff
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li a {
text-align: center;
border-bottom: 0;
font-size: 1.2rem;
padding: 10px 12px
}
}
@media screen and (min-width: 800px) {
header[role="banner"] nav[role=navigation]>ul>li a {
font-size: 1.3rem;
padding: 8px 12px
}
}
header[role="banner"] nav[role=navigation]>ul>li a i {
float: right;
display: block
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li a i {
display: none
}
}
header[role="banner"] nav[role=navigation]>ul>li a i.active {
display: block
}
header[role="banner"] nav[role=navigation]>ul>li a span {
font-size: 10px;
display: block
}
header[role="banner"] nav[role=navigation]>ul>li>section {
display: none;
padding: 10px
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section {
width: calc(100% + 150px);
position: absolute;
top: 45px;
left: 0;
margin-left: -150px
}
header[role="banner"] nav[role=navigation]>ul>li>section.hover {
display: block
}
}
header[role="banner"] nav[role=navigation]>ul>li>section div h2 {
color: #fff;
font-size: 2em;
line-height: 2em;
padding: 0
}
header[role="banner"] nav[role=navigation]>ul>li>section div form select {
width: 100%;
margin: 5px 0;
padding: 5px 0
}
header[role="banner"] nav[role=navigation]>ul>li>section div form input {
width: 100%;
margin: 5px 0;
font-size: 1.2em
}
header[role="banner"] nav[role=navigation]>ul>li>section div form button {
width: 100%;
margin: 5px 0
}
header[role="banner"] nav[role=navigation]>ul>li>section div form label {
color: #fff
}
header[role="banner"] nav[role=navigation]>ul>li>section div form fieldset legend {
color: #fff
}
header[role="banner"] nav[role=navigation]>ul>li>section div form fieldset input {
display: none
}
header[role="banner"] nav[role=navigation]>ul>li>section div form fieldset label {
padding: 5px;
background: #fff;
color: #222;
display: block
}
header[role="banner"] nav[role=navigation]>ul>li>section div form fieldset label i {
float: right
}
header[role="banner"] nav[role=navigation]>ul>li>section div form fieldset label.active {
background: #0078ae;
color: #fff
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul {
border-top: 0;
padding-left: 0
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li {
display: block;
border-bottom: 1px solid #73767a
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section div ul li {
border-bottom: 0
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a {
text-align: left;
display: inline-block;
padding: 8px 0
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a.hover {
color: #f47b20
}
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a {
font-size: 1em
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a img {
display: none;
padding: 2px
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a img {
display: block
}
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a p {
margin: 0
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section div ul li a p {
height: 35px
}
}
header[role="banner"] nav[role=navigation]>ul>li>section div ul li:last-of-type {
border-bottom: 0
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section div.twoOfFour {
float: left;
margin-left: 0;
width: 48%
}
header[role="banner"] nav[role=navigation]>ul>li>section div.twoOfFour ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
header[role="banner"] nav[role=navigation]>ul>li>section div.fourOfFour {
float: left;
margin-left: 0;
width: 100%
}
header[role="banner"] nav[role=navigation]>ul>li>section div.fourOfFour ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
header[role="banner"] nav[role=navigation]>ul>li>section div.oneOfFour {
float: left;
margin-left: 2%;
width: 48%
}
}
@media screen and (min-width: 800px) {
header[role="banner"] nav[role=navigation]>ul>li>section div.twoOfFour {
width: 48%
}
header[role="banner"] nav[role=navigation]>ul>li>section div.twoOfFour ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
header[role="banner"] nav[role=navigation]>ul>li>section div.fourOfFour {
width: 100%
}
header[role="banner"] nav[role=navigation]>ul>li>section div.fourOfFour ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
header[role="banner"] nav[role=navigation]>ul>li>section div.oneOfFour {
width: 23%
}
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks {
padding: 0
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks:after {
content: "";
display: table;
clear: both
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a {
text-align: center;
padding: 10px;
margin-bottom: 10px;
box-shadow: 0 0 0 2px #fff inset;
margin-right: 10px;
width: calc(50% - 5px);
float: left
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a {
font-size: 1.5em
}
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.red {
background: #ee3224;
border: 2px solid #ee3224
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.red.hover {
background: #d6620b;
border: 2px solid #d6620b
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.orange {
background: #f47b20;
border: 2px solid #f47b20
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.orange.hover {
background: #d6620b;
border: 2px solid #d6620b
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.green {
background: #5d9732;
border: 2px solid #5d9732
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.green.hover {
background: #d6620b;
border: 2px solid #d6620b
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.blue {
background: #0078ae;
border: 2px solid #0078ae
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.blue.hover {
background: #d6620b;
border: 2px solid #d6620b
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.primaryblue {
background: #002b5c;
border: 2px solid #002b5c
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.primaryblue.hover {
background: #d6620b;
border: 2px solid #d6620b
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a:nth-of-type(2n) {
margin-right: 0
}
@media screen and (min-width: 800px) {
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a {
width: 100%;
margin-right: 0
}
}
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks a.fullBlock {
width: 100%;
margin-right: 0
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks {
display: block;
width: 100%;
margin-left: 0;
float: right
}
}
@media screen and (min-width: 800px) {
header[role="banner"] nav[role=navigation]>ul>li>section section.blocks {
display: block;
width: 23%;
margin-left: 2%;
float: right
}
}
header[role="banner"] nav[role=navigation]>ul>li.active {
display: block;
border-top: 5px solid #0078ae
}
header[role="banner"] nav[role=navigation]>ul>li.active>a {
border: 0;
background: #222
}
header[role="banner"] nav[role=navigation]>ul>li.active section {
display: block;
background: #222
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul>li.active {
border-top: 0
}
}
header[role="banner"] nav[role=navigation]>ul>li:last-of-type a {
border-bottom: 0
}
header[role="banner"] nav[role=navigation]>ul.active {
border-top: 5px solid #0078ae;
margin-bottom: 5px
}
header[role="banner"] nav[role=navigation]>ul.active li {
display: block
}
@media screen and (min-width: 680px) {
header[role="banner"] nav[role=navigation]>ul.menu li {
display: block
}
}
header[role="banner"] nav[role=navigation] .close-header {
display: none
}
header[role="banner"] .header-search-page-save {
display: block;
right: 0;
z-index: 999;
width: 100%;
text-align: right;
left: 0;
margin: auto
}
@media screen and (min-width: 680px) {
header[role="banner"] .header-search-page-save {
max-width: 62em;
position: absolute;
top: -72px;
height: 72px
}
}
header[role="banner"] .header-search-page-save .header-search {
display: none;
position: relative;
margin-right: 2px;
vertical-align: top
}
@media screen and (min-width: 680px) {
header[role="banner"] .header-search-page-save .header-search {
display: inline-block
}
}
header[role="banner"] .header-search-page-save .header-search form input.searchbox {
width: 300px
}
.littlebox1, .littlebox2, .littlebox3, .littlebox4 {
display: block;
height: auto;
font-weight: bold;
margin-bottom: 16px;
width: 48%;
float: left
}
.littlebox1>a>h3, .littlebox2>a>h3, .littlebox3>a>h3, .littlebox4>a>h3 {
color: #fff;
background-color: #222;
padding: 10px 20px;
margin: 0;
min-height: 70px
}
.littlebox1>a:hover>h2, .littlebox2>a:hover>h2, .littlebox3>a:hover>h2, .littlebox4>a:hover>h2 {
color: #f47b20;
text-decoration: underline
}
@media screen and (max-width: 750px) {
.littlebox1, .littlebox2, .littlebox3, .littlebox4 {
padding: 0;
width: 100%;
height: auto
}
}
@media screen and (max-width: 550px) {
.littlebox1, .littlebox2, .littlebox3, .littlebox4 {
width: 100%
}
}
.littlebox1>a>h2, .littlebox2>a>h2, .littlebox3>a>h2, .littlebox4>a>h2 {
border-bottom: 0;
margin-bottom: -10px
}
.littlebox1>a, .littlebox2>a, .littlebox3>a, .littlebox4>a {
text-decoration: none
}
.littlebox1, .littlebox3 {
margin-right: 15px
}
.littleboxcontainer img {
width: 100%;
height: auto;
float: none
}
.boxcontainer {
float: left
}
.littleboxcontainer.corpblue h3 {
background-color: #002b5c
}
.littleboxcontainer.lightgrey h3 {
background-color: #dcdcdc;
color: inherit
}
.littleboxcontainer.midgrey h3 {
background-color: #c1c3c5;
color: inherit
}
.littleboxcontainer.offwhite h3 {
background-color: #efefef
}
section.box {
background-color: #222;
padding: 10px
}
section.box.red {
background-color: #ee3224
}
section.box.orange {
background-color: #f47b20
}
section.box.blue {
background-color: #0078ae
}
section.box.green {
background-color: #5d9732
}
section.box.darkgrey {
background-color: #222
}
section.box.midgrey {
background-color: #c1c3c5;
color: #222
}
section.box.lightgrey {
background-color: #dcdcdc;
color: #222
}
section.box.offwhite {
background-color: #efefef;
color: #222
}
section.box.midgrey>h3 {
color: #222
}
section.box.lightgrey>h3 {
color: #222
}
section.box.offwhite>h3 {
color: #222
}
.box {
width: 100%;
padding-right: 10px;
margin-bottom: 20px;
display: block;
margin: 10px;
border: 1px solid #fff;
float: left;
background-color: #222;
color: #fff
}
.box>ul {
display: table-cell;
padding: 0 20px 20px 0
}
.box>h3 {
color: #fff
}
.box>img {
float: left;
margin-right: 10px;
background-color: #fff;
width: 30%;
height: auto
}
@media screen and (max-width: 800px) {
.box>img {
width: 50%;
height: auto;
margin-left: 2.5%
}
}
@media screen and (max-width: 500px) {
.box>img {
width: 50%;
height: auto
}
}
@media screen and (max-width: 330px) {
.box>img {
width: 95%;
height: auto
}
}
.box>.boxbtn {
float: right
}
a {
text-decoration: none
}
a.hover section.box h3 {
color: #fff
}
@media screen and (max-width: 800px) {
.box {
width: 98%;
padding: 0;
margin: 0;
display: block;
border: 1px solid #fff;
float: left;
background-color: #222;
min-height: 200px;
color: #fff
}
}
@media screen and (max-width: 800px) {
.box>img {
float: none
}
}
@media screen and (max-width: 800px) {
.box>h3, .box>p, .box>ul {
padding: 0 10px 10px 10px
}
}
a.bigButton {
display: block;
background: #f47b20;
padding: 20px;
color: #fff;
font-size: 1.7em;
margin-bottom: 10px;
position: relative
}
a.bigButton.hover {
background: #d6620b
}
a.bigButton:after {
content: ">";
font-size: 2em;
top: 0;
right: 5px;
position: absolute
}
@media print {
header[role="banner"] {
display: none
}
footer[role="contentinfo"] {
display: none
}
nav.breadcrumbs {
display: none
}
nav.breadcrumbsheader {
display: none
}
img {
display: none
}
main {
margin: 0
}
main section>h1 {
display: none
}
main .discover {
display: none
}
html, button, select, textarea {
font-family: times new roman
}
h1, h2, h3, h4, h5, h6 {
font-family: times new roman
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg2 h1, .wysiwyg2 h2, .wysiwyg2 h3, .wysiwyg2 h4, .wysiwyg2 h5, .wysiwyg2 h6 {
font-family: times new roman
}
iframe {
display: none
}
aside.course-promo {
display: none
}
ul.tabs {
display: none
}
.tabs-container {
margin: 0;
padding: 0
}
a.acord {
margin-top: 0;
padding: 0;
color: #222;
background: none
}
a.acord i {
display: none
}
i.fa {
display: none
}
ul.contact-list {
margin: 0 0 10px 0
}
ul.contact-list li span.staff_name, ul.contact-list li span.staff_telno, ul.contact-list li span.staff_email {
text-align: left
}
ul.contact-list li span.staff_name a, ul.contact-list li span.staff_telno a, ul.contact-list li span.staff_email a {
padding: 0
}
ul.contact-list li span.staff_image {
display: none
}
.page-summary.has-img h1 {
padding: 0
}
.page-summary.has-img h1 span.qualification {
font-size: 1em;
display: inline;
margin-right: 10px
}
article#apply {
display: none
}
.page-summary.has-img h1 {
background: none;
color: #222
}
.page-summary.has-img div.key-facts .related-link-group>h2 {
min-height: 0;
padding: 0;
background: none;
color: #222
}
.page-summary.has-img div.key-facts .related-link-group>ul {
padding: 0;
margin: 0;
background: none
}
}
#Accom {
border-top: 20px solid #0078ae;
border-bottom: 5px solid #0078ae;
margin: 0 0 10px 0;
background: #efefef;
padding: 10px
}
#Accom form .filterDropdown {
overflow: hidden;
background: #FFF;
overflow: hidden;
display: block;
color: #525252;
font-weight: 300;
-webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
-moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
-webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
-moz-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
border: solid 1px #DADADA;
font-family: "helvetica neue", arial;
position: relative;
cursor: pointer;
width: 100%;
padding: 10px;
margin-right: 10px;
float: left;
height: 90px
}
@media screen and (min-width: 680px) {
#Accom form .filterDropdown {
width: calc(30% - 10px)
}
}
@media screen and (max-width: 680px) {
#Accom form .filterDropdown {
width: 100%
}
}
#Accom form .filterDropdown .flat {
width: 100%
}
#Accom form .filterDropdown.range {
width: calc(40% - 16px);
padding: 8px 10px
}
@media screen and (max-width: 680px) {
#Accom form .filterDropdown.range {
width: 100%
}
}
#Accom form .filterDropdown.range:before {
content: "£105";
position: absolute;
bottom: 5px
}
#Accom form .filterDropdown.range:after {
content: "£137";
position: absolute;
bottom: 5px;
right: 20%
}
#Accom form .filterDropdown.range input.range {
width: 80%
}
#Accom form .filterDropdown.range .bubble {
position: absolute;
right: 10px;
top: 10px;
text-align: center;
height: 50px;
width: 50px;
padding-top: 20px;
border: 1px solid;
border-radius: 100%;
padding-top: 15px
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: #3071a9
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track:focus::-webkit-slider-runnable-track {
background: #367ebd
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: #3071a9;
border-radius: 1.3px
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: transparent;
color: transparent
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track::-ms-fill-lower {
background: #2a6495
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track:focus::-ms-fill-lower {
background: #3071a9
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track::-ms-fill-upper {
background: #3071a9
}
#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track:focus::-ms-fill-upper {
background: #367ebd
}
#Accom form .filterDropdown label {
display: inline-block;
width: 100%;
margin-bottom: 5px
}
#Accom form .filterDropdown select {
-webkit-appearance: menulist;
appearance: none;
width: 100%;
background: none;
background: transparent;
border: 1px solid #dcdcdc;
padding: 10px;
outline: none;
text-align: center;
display: inline-block;
display: inline-block
}
#Accom form .filterDropdown select option {
font-size: 1em
}
#Accom form .filterDropdown input {
-webkit-appearance: none;
appearance: none;
width: 100%;
background: none;
background: transparent;
border: solid 1px #dcdcdcd;
outline: none;
text-align: center;
display: inline-block;
display: inline-block
}
#Accom form .filterDropdown span.flat {
display: none
}
#Accom form .extra {
display: none
}
#Accom form div.extra {
border-top: 2px solid #0078ae;
margin-top: 20px;
padding-top: 20px
}
#Accom form div.extra div {
border-top: 2px solid #0078ae;
margin-top: 20px;
padding-top: 20px
}
#Accom form div.extra div label {
background: #ddd;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
display: inline-block;
width: auto;
cursor: pointer
}
#Accom form div.extra div label span {
width: auto;
font-size: 12px
}
#Accom form div.extra div label input {
display: none
}
#Accom form div.extra div label.active {
color: white;
background: #0078ae
}
#Accom form a.filterButton {
display: block;
padding: 10px;
box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
background: #0078ae;
display: block;
float: right;
color: #fff;
margin: 10px
}
#Accom form a.filterButton:hover {
background: orange
}
#results.accomResults {
width: calc(100% + 22px)
}
.accommodation-room {
width: calc(50% - 20px);
margin: 0 19px 20px 0;
position: relative;
background: #e5e5e5;
padding: 0 10px 10px 10px
}
@media screen and (max-width: 680px) {
.accommodation-room {
padding: 0
}
}
.accommodation-room a img {
width: calc(100% + 20px);
margin-left: -10px
}
@media screen and (max-width: 680px) {
.accommodation-room a img {
width: calc(100%);
margin-left: 0
}
}
.accommodation-room a div {
position: absolute;
right: 0;
background: #0078ae;
color: #fff;
width: 20%;
padding: 5px
}
@media screen and (min-width: 680px) {
.accommodation-room a div {
bottom: 50px;
padding: 10px;
margin: 10px;
border: 2px solid #fff;
border-radius: 100%;
height: 100px;
width: 100px
}
}
@media screen and (max-width: 680px) {
.accommodation-room a div {
position: relative;
bottom: 0;
width: 100%;
margin-top: 10px;
padding-top: 10px
}
}
@media screen and (max-width: 450px) {
.accommodation-room a div {
margin: 0;
width: 100%
}
}
.accommodation-room a div span.priceOnImageText {
display: none !important
}
.accommodation-room a div span.priceOnImage {
text-align: center
}
@media screen and (min-width: 680px) {
.accommodation-room a div span.priceOnImage {
font-size: 1.5em
}
}
.accommodation-room a div span.priceOnImagePerWeek {
text-align: center
}
.accommodation-room a div span.priceOnImageDatesm {
text-align: center;
display: block;
margin: -4px 0
}
.accommodation-room a:hover div {
background: #d6620b
}
.accommodation-room a:hover p span.hallName {
background: #d6620b
}
@media screen and (max-width: 680px) {
.accommodation-room .flatmates, .accommodation-room .level {
padding: 5px
}
}
.accommodation-room .roomName {
font-size: 1.3em;
margin-bottom: 5px;
padding: 5px 0;
border-bottom: 1px solid #ccc;
padding: 5px 0
}
@media screen and (max-width: 680px) {
.accommodation-room .roomName {
padding: 5px
}
}
.accommodation-room p {
margin-top: 0
}
.accommodation-room p span.hallName {
position: absolute;
top: 0;
left: 0;
font-size: 1.4em;
padding: 5px;
background: #0078ae;
color: #fff;
max-width: 80%
}
@media screen and (min-width: 680px) {
.accommodation-room p span.hallName {
font-size: 1.8em;
padding: 13.33333px;
max-width: 100%
}
}
@media screen and (max-width: 450px) {
.accommodation-room p span.hallName {
max-width: 100%;
font-size: 1em
}
}
.iconSummary {
overflow: hidden;
background: #FFF;
overflow: hidden;
display: block;
color: #525252;
font-weight: 300;
-webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
-moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
-webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
-moz-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
border: solid 1px #DADADA;
position: relative;
cursor: pointer;
width: 100%;
padding: 10px;
margin-bottom: 38px
}
.iconSummary ul {
padding: 10px;
overflow: auto
}
.iconSummary ul li {
text-align: center;
float: left;
width: 100%;
padding: 10px;
list-style: none;
height: 100%
}
@media screen and (min-width: 500px) {
.iconSummary ul li {
width: 50%
}
.iconSummary ul li:nth-of-type(odd) {
border-right: solid 1px #DADADA;
clear: both
}
}
@media screen and (min-width: 800px) {
.iconSummary ul li {
width: 25%;
border-right: solid 1px #DADADA
}
.iconSummary ul li:nth-of-type(odd) {
clear: none
}
.iconSummary ul li:last-of-type {
border-right: none
}
}
.iconSummary ul li i {
display: block;
width: 100%;
font-size: 2em;
font-style: normal
}
.iconSummary ul li span {
display: block;
width: 100%;
font-size: 0.7em;
text-align: left
}
.maps iframe {
border: 0
}
.price {
position: absolute;
top: 0;
right: 0;
background: #0078ae;
padding: 10px;
color: #fff;
width: 100px;
height: 100px;
border-radius: 100%;
border: 2px solid #fff;
margin: 10px
}
.price span.priceOnImage {
text-align: center;
font-size: 1.5em;
display: block
}
.price span.priceOnImagePerWeek {
text-align: center;
display: block;
margin-bottom: -13.33333px
}
.price span.priceOnImageDate {
text-align: center;
display: block;
margin: -10px 0
}
.price span.priceOnImagesm {
text-align: center;
font-size: 1.5em;
display: block
}
.price span.priceOnImagePerWeeksm {
text-align: center;
display: block;
margin-bottom: -13.33333px
}
.price span.priceOnImageDatesm {
text-align: center;
display: block;
margin: -4px 0
}
.accommDetails {
border-bottom: 5px solid #0078ae
}
.accommDetails:last-of-type {
border-bottom: 5px solid #0078ae
}
.accommDetails h3 {
width: 100%;
float: left;
color: #0078ae;
font-size: 1.5em
}
.accommDetails ul {
padding: 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
width: 100%;
float: right
}
.accommDetails ul li {
list-style: none;
margin-bottom: 10px
}
.accommDetails ul li i {
padding: 0 10px 0 0;
font-size: 1.3em
}
@media screen and (min-width: 800px) {
.accommDetails h3 {
width: 33%
}
.accommDetails ul {
width: 66%;
padding-left: 10px
}
}
.boxcontainer2 a img {
width: 100%;
height: 150px;
float: none
}
.boxcontainer2>.abox1, .boxcontainer2 .abox2, .boxcontainer2 .abox3 {
display: block;
height: auto;
font-weight: bold;
margin-bottom: 16px;
width: 30%;
float: left;
color: #222;
margin-right: 15px
}
.boxcontainer2>.abox1>a>p, .boxcontainer2 .abox2>a>p, .boxcontainer2 .abox3>a>p {
color: #222;
font-weight: bold;
padding: 10px 2px;
margin: 0;
min-height: 70px
}
@media screen and (max-width: 750px) {
.boxcontainer2>.abox1, .boxcontainer2 .abox2, .boxcontainer2 .abox3 {
padding: 0;
width: 80%;
height: auto
}
}
@media screen and (max-width: 550px) {
.boxcontainer2>.abox1, .boxcontainer2 .abox2, .boxcontainer2 .abox3 {
width: 100%
}
}
.boxcontainer2 .abox1>p, .boxcontainer2 .abox2>p, .boxcontainer2 .abox3>p {
border-bottom: 0;
margin-bottom: -10px;
margin-right: -15px
}
.boxcontainer2 .abox1>a p.date, .boxcontainer2 .abox2>a p.date, .boxcontainer2 .abox3>a p.date {
margin-top: -20px;
color: darkgrey
}
.boxcontainer2 .abox1>a:hover p, .boxcontainer2 .abox2>a:hover p, .boxcontainer2 .abox3>a:hover p {
background-color: #fff;
color: #f47b20;
text-decoration: underline
}
.buttonfullwidth {
width: 100%;
color: #fff
}
.buttonfullwidth.blue {
background: #0078ae
}
.buttonfullwidth.corpblue {
background: #002b5c
}
.buttonfullwidth.green {
background: #5d9732
}
.buttonfullwidth.red {
background: #ee3224
}
.buttonfullwidth.orange {
background: #f47b20
}
.buttonfullwidth.darkgrey {
background: #222
}
.buttonfullwidth.midgrey {
background: #c1c3c5
}
.buttonfullwidth.lightgrey {
background: #dcdcdc
}
.buttonfullwidth>a>h4 {
padding: 20px;
color: #fff
}
.buttonfullwidth>a:hover>h4 {
background: #f47b20
}
.buttonfullwidth.midgrey>a>h4, .buttonfullwidth.lightgrey>a>h4 {
color: #222
}
#map {
width: 100%;
height: 600px;
border: 1px solid #0078ae;
margin: 10px 0;
padding-left: 0
}
@media screen and (max-width: 800px) {
#map {
width: 100%
}
}
#maps, #globe {
position: relative
}
#maps #search, #globe #search {
background: #efefef;
margin: 10px 0
}
@media screen and (max-width: 350px) {
#maps #search, #globe #search {
margin: 4px 0
}
}
#maps #search span, #globe #search span {
display: inline-block;
width: 100%
}
@media screen and (max-width: 400px) {
#maps #search span, #globe #search span {
font-size: 14px
}
}
@media screen and (min-width: 800px) {
#maps #search span, #globe #search span {
width: 32.4%
}
}
#maps #search span rotateimage>ul#results, #globe #search span rotateimage>ul#results {
position: absolute;
z-index: 1;
background-color: #c1c3c5;
width: auto
}
#maps #search span.rotateimage, #globe #search span.rotateimage {
width: 25px;
padding: 2px 5px;
cursor: pointer;
background-color: #5d9732;
color: #fff
}
#maps #search span.rotateimage:hover, #globe #search span.rotateimage:hover {
background-color: #d6620b
}
@media screen and (max-width: 690px) {
#maps #search span.rotateimage, #globe #search span.rotateimage {
width: 40px;
padding: 0 10px !important
}
}
#maps #search div, #globe #search div {
display: inline-block;
width: 16.2%;
margin-bottom: 20px;
padding: 3px;
border: 1px solid #c1c3c5
}
@media screen and (max-width: 1000px) {
#maps #search div, #globe #search div {
width: 32.7%
}
}
@media screen and (max-width: 580px) {
#maps #search div, #globe #search div {
width: 48.9%;
margin-bottom: 5px
}
}
#maps #search>label, #globe #search>label {
padding: 0
}
#maps #search>label>span, #globe #search>label>span {
width: 25px;
padding: 0
}
#maps #search select, #maps #search radio, #globe #search select, #globe #search radio {
width: 100%;
padding: 5px
}
@media screen and (max-width: 400px) {
#maps #search select, #maps #search radio, #globe #search select, #globe #search radio {
padding: 0 5px
}
}
#maps #search .selectcheckimg, #globe #search .selectcheckimg {
font-size: 0.8em;
text-align: center
}
#maps #search .selectsmaller, #globe #search .selectsmaller {
width: 47.85%;
padding-top: 20px;
padding-bottom: 0
}
@media screen and (max-width: 680px) {
#maps #search .selectsmaller, #globe #search .selectsmaller {
width: 100%;
padding-bottom: 20px;
padding-top: 10px
}
}
#maps #search .selectsmaller>input, #globe #search .selectsmaller>input {
padding: 5px 0;
width: 100%
}
@media screen and (max-width: 680px) {
#maps #search .selectsmaller, #globe #search .selectsmaller {
padding: 5px 0
}
}
#maps #search .selectcheckimg, #globe #search .selectcheckimg {
width: 100%;
text-align: center
}
#maps #search .buildingroom, #globe #search .buildingroom {
width: 100%;
padding: 5px
}
@media screen and (max-width: 799px) {
#maps #search .buildingroom, #globe #search .buildingroom {
width: 98%
}
}
@media screen and (max-width: 400px) {
#maps #search .buildingroom, #globe #search .buildingroom {
padding: 0 5px
}
}
#maps input[type=checkbox], #maps input[type=radio], #globe input[type=checkbox], #globe input[type=radio] {
display: none
}
#maps input[type=checkbox]~div, #maps input[type=radio]~div, #globe input[type=checkbox]~div, #globe input[type=radio]~div {
cursor: pointer
}
#maps input[type=checkbox]:checked~div, #maps input[type=radio]:checked~div, #globe input[type=checkbox]:checked~div, #globe input[type=radio]:checked~div {
background: #0078ae;
color: #fff
}
#maps #search>form>label>input[type="checkbox"], #maps #search>form>label>input[type="radio"], #globe #search>form>label>input[type="checkbox"], #globe #search>form>label>input[type="radio"] {
display: none
}
#maps #search>form>button, #globe #search>form>button {
padding: 0 15px;
line-height: 1.9em;
font-size: 1.1em;
margin-top: 30px
}
#maps div, #globe div {
margin-bottom: 10px
}
#maps div:after, #globe div:after {
content: "";
display: table;
clear: both
}
#maps div>span, #globe div>span {
display: block
}
#maps div>span#show, #globe div>span#show {
display: block;
float: left;
line-height: 3em
}
#maps div>span#sort, #globe div>span#sort {
width: 270px;
float: right;
line-height: 3em
}
@media screen and (min-width: 800px) {
#maps div>span#criteria, #globe div>span#criteria {
width: 100%;
float: left;
font-weight: bold
}
}
@media screen and (min-width: 680px) {
#maps #maps>#search>form>span>#level, #maps #globe>#search>form>span>#level, #globe #maps>#search>form>span>#level, #globe #globe>#search>form>span>#level {
width: 100%;
float: left;
font-weight: bold
}
}
#maps>#search>form, #globe>#search>form {
border: 5px solid #0078ae;
padding: 20px 20px 5px 20px
}
@media screen and (min-width: 1025px) {
#maps>#search>form, #globe>#search>form {
padding: 20px
}
}
@media screen and (min-width: 1025px) {
#maps>#search>form, #globe>#search>form {
padding: 20px 20px 10px 20px
}
}
#maps>#search>form>span>#txt_search, #globe>#search>form>span>#txt_search {
font-size: 1em;
width: 98%;
padding: 5px
}
@media screen and (min-width: 799px) {
#maps>#search>form>span>#txt_search {
width: 93%
}
}
#maps>#search>form>span>ul#filter-buttons, #globe>#search>form>span>ul#filter-buttons {
float: none;
cursor: pointer;
position: absolute;
right: 50px
}
@media screen and (min-width: 799px) {
padding: 10px 0
}
#maps>#search>form>span>ul#filter-buttons>li.clearall, #maps>#search>form>span>ul#filter-buttons>li.route, #globe>#search>form>span>ul#filter-buttons>li.clearall {
right: 20px;
padding: 0;
padding-bottom: 0;
float: right
}
@media screen and (min-width: 799px) {
#maps>#search>form>span>ul#filter-buttons>li.clearall, #maps>#search>form>span>ul#filter-buttons>li.route, #globe>#search>form>span>ul#filter-buttons>li.clearall {
margin-bottom: 20px;
width: 130px
}
}
#maps>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button, #maps>#search>form>span>ul#filter-buttons>li.route, #globe>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button {
height: 0
}
@media screen and (max-width: 1024px) {
li#clearfilters.clearall a {
height: 0
}
}
.hintsandtips {
float: right;
padding-right: 30px
}
@media screen and (max-width: 920px) {
.hintsandtips {
padding-right: 10px
}
}
@media screen and (max-width: 335px) {
.hintsandtips {
float: left
}
}
#maps>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button {
display: initial
}
@media screen and (max-width: 800px) {
#maps>#search>form>span>ul#filter-buttons>li.clearall a#show-all.filter-button {
padding: 10px;
right: 0
}
}
.mapstyle {
float: left;
width: 72%;
padding-left: 20px
}
@media screen and (max-width: 800px) {
.mapstyle {
width: 100% !important
}
}
.directionsstyle {
float: left;
width: 32%;
padding-left: 20px
}
@media screen and (max-width: 800px) {
.directionsstyle {
width: 100%;
padding-left: 0
}
}
img.iconsmaps {
width: 20%;
padding-right: 2px
}
@media screen and (max-width: 1000px) {
img.iconsmaps {
width: 10%
}
}
@media screen and (max-width: 400px) {
img.iconsmaps {
width: 15%
}
}
.maptext {
padding: 4px;
display: inline
}
@media screen and (max-width: 350px) {
.maptext {
padding: 0;
padding-right: 3px;
font-size: 12px
}
}
div.ui-widget-content.loc_container {
width: 450px;
height: auto !important
}
@media screen and (max-width: 680px) {
div.ui-widget-content.loc_container {
width: 200px;
height: auto
}
}
div.ui-widget-content.loc_container>p.right {
width: 50%;
margin: 0;
float: right;
clear: both
}
@media screen and (max-width: 680px) {
div.ui-widget-content.loc_container>p.right {
width: 100%;
height: auto;
margin: 0
}
}
div.ui-widget-content.loc_container>h3 {
background-color: #0078ae;
color: #fff;
padding: 20px
}
div.ui-widget-content.loc_container>h4 {
padding-left: 15px;
float: left
}
div.ui-widget-content.loc_container>h5 {
float: left
}
div.ui-widget-content.loc_container>h6 {
font-size: 1rem;
padding: 10px 0 0 10px;
float: left;
clear: left
}
div.ui-widget-content.loc_container>h6>a {
padding-left: 10px
}
div.ui-widget-content.loc_container>ul>li, div.ui-widget-content.loc_container li {
list-style: none;
padding-left: 1.2em
}
div.ui-widget-content.loc_container>ul>li:before, div.ui-widget-content.loc_container li:before {
display: inline-block;
text-indent: -1.2em;
content: '\25A0';
color: #f47b20
}
div.ui-widget-content.loc_container>ul {
float: left;
width: 100%
}
.gm-style img {
max-width: none !important
}
img.type_icon {
padding: 10px;
border: 1px solid;
color: #dcdcdc;
float: right;
width: 100%
}
.checkmode {
float: left;
width: 100%
}
.checkmode>ul {
margin: 30px, 0
}
.checkmode>li {
display: inline-block;
width: 25%;
border: 1px solid #c1c3c5
}
.checkmode>li>input[type="radio"] {
display: none
}
.selectsmallest {
width: 46%;
padding-right: 10px;
float: left;
margin-bottom: 20px
}
@media screen and (max-width: 400px) {
.selectsmallest {
padding-top: 5px
}
}
@media screen and (max-width: 912px) {
.selectsmallest {
width: 44%
}
}
@media screen and (max-width: 680px) {
.selectsmallest {
width: 100%;
padding-bottom: 20px
}
}
@media screen and (max-width: 680px) {
.selectsmallest {
padding-bottom: 0;
margin-bottom: 0
}
}
.selectsmallest>input {
padding: 5px 2px;
width: 100%
}
@media screen and (max-width: 400px) {
.selectsmallest>input {
padding: 0 2px
}
}
@media screen and (max-width: 400px) {
.selectsmallest>label {
font-size: 14px
}
}
.maptabs>input {
display: none
}
.maptabs>label {
display: inline-block;
margin: 0 0 -10px;
padding: 15px 25px;
text-align: center;
border: 1px solid #dcdcdc;
border-bottom: 0;
background-color: #efefef
}
@media screen and (max-width: 335px) {
.maptabs>label {
padding: 10px 5px;
font-size: 12px
}
}
.maptabs>label:hover {
cursor: pointer
}
.maptabs>input:checked+label {
color: #fff;
background-color: #0078ae
}
.maptabs>input:checked+label~section#maps.maptabs>section#search>form.form>section#content1.mapcontent1, .maptabs>input:checked+label~section#maps.maptabs>section#search>form.form>section#content2.mapcontent2 {
display: block
}
@media screen and (max-width: 400px) {
.maptabs>label {
padding: 6px
}
}
maptabs>li.clearall {
float: right
}
.mapcontent2>div {
display: inline-block
}
.mapcontent2>.buttonsmaller {
margin-top: 24px;
padding: 16px 8px;
line-height: 0;
font-size: 1em
}
@media screen and (max-width: 1035px) {
.mapcontent2>.buttonsmaller {
width: 65px
}
}
@media screen and (max-width: 680px) {
.mapcontent2>.buttonsmaller {
width: 98%;
margin-top: 0
}
}
@media screen and (max-width: 500px) {
.mapcontent2>.buttonsmaller {
width: 96%;
margin-top: 10px
}
}
@media screen and (max-width: 400px) {
.mapcontent2>.buttonsmaller {
padding: 10px 8px
}
}
article.transportmode {
display: inline-block;
width: 100%;
padding-top: 20px
}
article.transportmode>label {
padding-right: .4%;
margin: 1%
}
@media screen and (max-width: 680px) {
article.transportmode>label {
width: 6.5%
}
}
article.transportmode>label>input {
font-size: 0
}
article.transportmode>label>div {
width: 22% !important;
border: 0;
background: #efefef;
border: 1px solid #c1c3c5
}
@media screen and (max-width: 650px) {
article.transportmode>label>div {
width: 45% !important;
padding: 10px 20px
}
}
@media screen and (max-width: 650px) {
article.transportmode>label>div {
padding: 0
}
}
li#clearfilters.clearall, li#clearfilters.route {
float: right !important;
padding: 10px 0 0;
width: 100px
}
@media screen and (max-width: 650px) {
li#clearfilters.clearall, li#clearfilters.route {
margin: 10px 0 20px 0
}
}
li#clearfilters.clearall a {
padding: 5% 15% 0;
cursor: pointer
}
@media screen and (max-width: 1025px) {
li#clearfilters.clearall a {
padding: 20px
}
}
@media screen and (max-width: 650px) {
li#clearfilters.clearall a {
padding: 0
}
}
li#clearfilters.route a {
padding: 14% 5%;
cursor: pointer;
background-color: #5d9732;
color: #fff
}
li#clearfilters.route a:hover {
background-color: #d6620b
}
.maptabs>input#maptabs1:checked~li#clearfilters.route {
display: none
}
.abox {
display: block;
height: auto;
font-weight: bold;
margin-bottom: 16px;
width: 30%;
float: left;
color: #222;
margin-right: 15px
}
.abox:hover a>p {
color: #f47b20;
text-decoration: underline
}
.abox>a>p {
color: #222;
font-weight: bold;
padding: 10px 2px;
margin: 0;
min-height: 90px;
border-bottom: 0;
margin-bottom: -10px;
margin-right: -15px
}
.abox>a>p>.date {
margin-top: -20px;
color: darkgrey
}
@media screen and (max-width: 750px) {
.abox {
padding: 0 5px;
width: 46%;
height: auto
}
}
@media screen and (max-width: 450px) {
.abox {
width: 100%
}
}
.date {
color: #a9a9a9 !important;
margin-top: -20px
}
.xmas {
font-size: 1em;
background: #0078ae
}
.xmas .border-top, .xmas .border-bottom {
position: relative;
background: transparent
}
.xmas .border-top img, .xmas .border-bottom img {
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor
}
.xmas .border-bottom img {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.xmas figure .xmas-background {
background-position: top right;
background-size: 75%;
background-repeat: no-repeat;
content: "";
opacity: 0.15;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute
}
.xmas figure figcaption {
background: transparent;
padding: 10px 20px
}
.xmas figure figcaption h2 {
color: inherit
}
.xmas.image a.hover figure {
background: #d6620b
}
.xmas.image a.hover figcaption {
background: inherit
}
.bodyquote {
background: #efefef;
border-left: 6px solid #c1c3c5;
margin: 1.5em 0;
padding: 1em 10px;
quotes: "\201C" "\201D"
}
.bodyquote:before {
content: open-quote;
font-size: 6em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em
}
.bodyquote .flexslider>.flex-direction-nav>li:before, .bodyquote .flexslider>.slides>li:before {
display: none
}
.bodyquote .flexslider .slides img {
float: left;
width: auto;
padding: 0 10px 10px 0
}
.bodyquote.red {
border-left: 6px solid #ee3224
}
.bodyquote.green {
border-left: 6px solid #5d9732
}
.bodyquote.orange {
border-left: 6px solid #f47b20
}
.bodyquote.blue {
border-left: 6px solid #0078ae
}
.bodyquote.corpblue {
border-left: 6px solid #002b5c
}
.bodyquote.lightgrey {
border-left: 6px solid #dcdcdc
}
.bodyquote.midgrey {
border-left: 6px solid #c1c3c5
}
.bodyquote.darkgrey {
border-left: 6px solid #222
}
.bodyquote.red:before {
color: #ee3224
}
.bodyquote.green:before {
color: #5d9732
}
.bodyquote.orange:before {
color: #f47b20
}
.bodyquote.blue:before {
color: #0078ae
}
.bodyquote.corpblue:before {
color: #002b5c
}
.bodyquote.lightgrey:before {
color: #dcdcdc
}
.bodyquote.midgrey:before {
color: #c1c3c5
}
.bodyquote.darkgrey:before {
color: #222
}
.home-2017 .grid-wrap {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 62em
}
.home-2017 .grid-wrap:after {
content: "";
display: table;
clear: both
}
.home-2017 main section.related-link2 {
margin-bottom: 40px
}
.home-2017 main section {
padding-bottom: 0px;
border-top: 0px;
margin-bottom: 40px
}
@media screen and (min-width: 800px) {
.home-2017 main section {
margin-bottom: 0px
}
}
.orange-button {
display: inline-block;
background: #f47b20;
color: #fff;
padding: 10px 30px;
font-weight: bold;
text-align: center;
font-size: initial;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s
}
.orange-button:hover {
background: #d6620b;
color: #fff
}
.home-2017 .wrap {
padding: 0px
}
.home-2017 main .feature-home {
border-bottom: 10px solid #c1c3c5 !important;
margin-bottom: 0px;
overflow: visible
}
.home-2017 main .feature-home .wrap .background {
position: relative;
overflow: hidden;
width: 100%;
height: 200px
}
@media screen and (min-width: 500px) {
.home-2017 main .feature-home .wrap .background {
height: 300px
}
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-home .wrap .background {
height: 350px
}
}
@media screen and (min-width: 800px) {
.home-2017 main .feature-home .wrap .background {
height: 450px
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap .background {
height: 500px
}
}
@media screen and (min-width: 1200px) {
.home-2017 main .feature-home .wrap .background {
height: 600px
}
}
@media screen and (min-width: 1400px) {
.home-2017 main .feature-home .wrap .background {
height: 650px
}
}
.home-2017 main .feature-home .wrap .background video, .home-2017 main .feature-home .wrap .background #bannerImage img {
width: 100%
}
@media screen and (min-width: 800px) {
.home-2017 main .feature-home .wrap .background video, .home-2017 main .feature-home .wrap .background #bannerImage img {
position: absolute;
top: -999px;
bottom: -999px;
left: 0;
right: 0;
margin: auto
}
}
.home-2017 main .feature-home .wrap .background .pause-button {
display: none;
position: absolute;
opacity: 0;
top: -100px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px;
height: 100px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap .background .pause-button {
display: block
}
}
.home-2017 main .feature-home .wrap .background:hover .pause-button {
opacity: 0.5
}
.home-2017 main .feature-home .wrap .background:hover .pause-button:hover {
opacity: 0.8;
cursor: pointer
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper {
background: #002b5c;
z-index: 2;
pointer-events: none
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper {
position: absolute;
background: transparent;
left: 0;
bottom: 0;
width: 100%
}
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1061px;
line-height: 1;
border-bottom: 5px solid #c1c3c5;
padding: 20px 0
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
margin-bottom: 20px;
padding: 0;
border-bottom: 0
}
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.right {
text-align: right
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1, .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
pointer-events: auto;
display: inline-block;
color: white;
padding: 10px 20px;
font-size: 1.4em
}
@media screen and (min-width: 500px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1, .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
font-size: 2.2em
}
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1, .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
font-size: 2.6em
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1, .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
background: rgba(0, 43, 92, 0.85);
padding: 20px 30px;
font-size: 3em
}
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 {
padding-bottom: 20px
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
padding-bottom: 0
}
@media screen and (min-width: 500px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
font-size: 1.8em
}
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
font-size: 2em
}
}
@media screen and (min-width: 800px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
font-size: 2em
}
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
font-weight: bold
}
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .banner-button {
margin: 10px 15px;
padding: 15px 30px;
pointer-events: initial;
font-size: 1.4rem;
display: block
}
@media screen and (min-width: 500px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .banner-button {
display: inline-block
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .banner-button {
margin: 10px 0 0 0
}
}
@media screen and (min-width: 800px) {
.home-2017 main .feature-home .wrap.top video, .home-2017 main .feature-home .wrap.top #bannerImage img {
top: 0;
bottom: auto
}
}
@media screen and (min-width: 800px) {
.home-2017 main .feature-home .wrap.bottom video, .home-2017 main .feature-home .wrap.bottom #bannerImage img {
top: auto;
bottom: 0
}
}
.home-2017 main .feature-home .wrap.video-background video {
display: none
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap.video-background video {
display: block
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap.video-background #bannerImage {
display: none
}
}
.home-2017 main .feature-home .wrap #bannerImage {
display: block;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-home .wrap #bannerImage.scale-up {
display: block
}
}
#courseSearchBar {
pointer-events: auto;
display: block;
color: white;
padding: 15px;
background: rgba(0, 43, 92, 0.85)
}
#courseSearchBar.level-page {
padding: 40px 15px;
background: #002b5c
}
#courseSearchBar #courseSearchFormWrapper {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
max-width: 62em
}
#courseSearchBar #courseSearchFormWrapper:after {
content: "";
display: table;
clear: both
}
#courseSearchBar #courseSearchFormWrapper #studyWithUs, #courseSearchBar #courseSearchFormWrapper #courseSearchInput, #courseSearchBar #courseSearchFormWrapper #courseListButton {
text-align: center;
float: left;
display: block;
margin-right: 1.53331%;
width: 100%;
margin-bottom: 10px
}
#courseSearchBar #courseSearchFormWrapper #studyWithUs:last-child, #courseSearchBar #courseSearchFormWrapper #courseSearchInput:last-child, #courseSearchBar #courseSearchFormWrapper #courseListButton:last-child {
margin-right: 0
}
@media screen and (min-width: 800px) {
#courseSearchBar #courseSearchFormWrapper #studyWithUs, #courseSearchBar #courseSearchFormWrapper #courseSearchInput, #courseSearchBar #courseSearchFormWrapper #courseListButton {
margin-bottom: 0
}
}
#courseSearchBar #courseSearchFormWrapper #studyWithUs {
font-weight: bold;
font-size: 1.4rem;
padding: 6px
}
@media screen and (min-width: 800px) {
#courseSearchBar #courseSearchFormWrapper #studyWithUs {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
#courseSearchBar #courseSearchFormWrapper #studyWithUs:last-child {
margin-right: 0
}
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form {
position: relative;
max-width: 500px;
margin: auto
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form input#HPCourseSearch {
padding: 11px;
width: 100%;
border: 0px
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form button#submit {
background: transparent;
color: #c1c3c5;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 10px;
margin: auto;
line-height: 1.6
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form button#submit i {
padding-left: 10px;
border-left: 3px solid #dcdcdc
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals {
display: none;
position: absolute;
width: 100%;
margin: 4px 0 0 0;
text-align: left;
padding: 10px;
background: #fff;
z-index: 3;
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
color: #222;
box-shadow: 5px 5px 10px 0px rgba(34, 34, 34, 0.2)
}
@media screen and (min-width: 800px) {
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals {
max-height: none;
overflow: auto
}
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li {
list-style: none;
margin-bottom: 4px;
background: #fff;
box-shadow: 2px 2px 5px rgba(34, 34, 34, 0);
border-left: 4px solid #ee3224;
overflow: hidden
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key {
border-left: 0;
margin-bottom: 10px
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key:hover, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key:hover {
background: white
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key input, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key input {
display: none
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-checkbox {
cursor: pointer;
background: transparent;
color: #fff;
border: 2px solid;
text-align: center;
font-size: 0.9em;
padding: 5px;
margin-bottom: 5px
}
@media screen and (min-width: 680px) {
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-checkbox {
display: inline-block;
width: calc((100% - 10px) / 3);
margin-bottom: 0
}
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug .award-checkbox {
background: #fff;
color: #ee3224
}
@media screen and (min-width: 680px) {
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug .award-checkbox {
margin-right: 5px
}
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug input[type=checkbox]:checked~.award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug .award-checkbox.default, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug input[type=checkbox]:checked~.award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug .award-checkbox.default {
background: #ee3224;
border-color: #ee3224;
color: #fff
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt .award-checkbox {
background: #fff;
color: #0078ae
}
@media screen and (min-width: 680px) {
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt .award-checkbox {
margin-right: 5px
}
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt input[type=checkbox]:checked~.award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt .award-checkbox.default, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt input[type=checkbox]:checked~.award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt .award-checkbox.default {
background: #0078ae;
border-color: #0078ae;
color: #fff
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgr .award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgr .award-checkbox {
background: #fff;
color: #5d9732
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgr input[type=checkbox]:checked~.award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgr .award-checkbox.default, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgr input[type=checkbox]:checked~.award-checkbox, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgr .award-checkbox.default {
background: #5d9732;
border-color: #5d9732;
color: #fff
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.hide, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.hide {
display: none
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result {
overflow: auto
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result .course-result-name, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result .course-result-name {
display: block;
padding: 5px 10px;
color: #222;
font-weight: bold
}
@media screen and (min-width: 680px) {
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result .course-result-name, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result .course-result-name {
padding: 5px 20px
}
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result .course-result-award, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result .course-result-award {
float: right;
padding: 5px 10px;
margin-left: 5px;
color: #ee3224;
font-size: 0.9em
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.viewmore, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.viewmore {
border-left: 0;
margin-top: 20px
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.viewmore .orange-button, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.viewmore .orange-button {
width: 100%;
margin-bottom: 0;
line-height: inherit
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgt, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgt {
border-left: 4px solid #0078ae
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgt .course-result-award, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgt .course-result-award {
color: #0078ae
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgr, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgr {
border-left: 4px solid #5d9732
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgr .course-result-award, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgr .course-result-award {
color: #5d9732
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.selected, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li:hover, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.selected, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li:hover {
background: #d6620b
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.selected .course-result-name, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.selected .course-result-award, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li:hover .course-result-name, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li:hover .course-result-award, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.selected .course-result-name, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.selected .course-result-award, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li:hover .course-result-name, #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li:hover .course-result-award {
color: #fff
}
@media screen and (min-width: 800px) {
#courseSearchBar #courseSearchFormWrapper #courseSearchInput {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
#courseSearchBar #courseSearchFormWrapper #courseSearchInput:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
#courseSearchBar #courseSearchFormWrapper #courseListButton {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
#courseSearchBar #courseSearchFormWrapper #courseListButton:last-child {
margin-right: 0
}
}
#courseSearchBar #courseSearchFormWrapper #courseListButton .orange-button {
display: block
}
@media screen and (min-width: 500px) {
#courseSearchBar #courseSearchFormWrapper #courseListButton .orange-button {
display: inline-block
}
}
.home-2017 .tagline {
position: relative;
padding: 50px 10px;
background-color: #eee
}
.home-2017 .tagline .tagline-background {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
opacity: 0.1
}
.home-2017 .tagline .grid-wrap {
position: relative
}
.home-2017 .tagline .grid-wrap .tagline-text h2 {
font-size: 1.6em;
font-weight: bold;
text-align: center;
padding: 0 20px;
margin: auto;
border-left: 4px solid #0078ae;
border-right: 4px solid #0078ae;
border-bottom: 0;
min-height: auto
}
@media screen and (min-width: 680px) {
.home-2017 .tagline .grid-wrap .tagline-text h2 {
max-width: 600px;
padding: 0 60px
}
}
.home-2017 .testimonial, .home-2017 .single-image-tagline {
display: flex;
padding: 30px 10px;
margin-bottom: 0
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial, .home-2017 .single-image-tagline {
padding: 60px 10px
}
}
.home-2017 .testimonial .grid-wrap, .home-2017 .single-image-tagline .grid-wrap {
align-self: center;
position: relative
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap, .home-2017 .single-image-tagline .grid-wrap {
display: flex
}
}
.home-2017 .testimonial .grid-wrap .testimonial-image, .home-2017 .testimonial .grid-wrap .single-image, .home-2017 .single-image-tagline .grid-wrap .testimonial-image, .home-2017 .single-image-tagline .grid-wrap .single-image {
margin-bottom: 20px;
display: flex
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-image, .home-2017 .testimonial .grid-wrap .single-image, .home-2017 .single-image-tagline .grid-wrap .testimonial-image, .home-2017 .single-image-tagline .grid-wrap .single-image {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-left: 8.46111%;
margin-bottom: 0px;
display: flex
}
.home-2017 .testimonial .grid-wrap .testimonial-image:last-child, .home-2017 .testimonial .grid-wrap .single-image:last-child, .home-2017 .single-image-tagline .grid-wrap .testimonial-image:last-child, .home-2017 .single-image-tagline .grid-wrap .single-image:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.home-2017 .testimonial .grid-wrap .testimonial-image, .home-2017 .testimonial .grid-wrap .single-image, .home-2017 .single-image-tagline .grid-wrap .testimonial-image, .home-2017 .single-image-tagline .grid-wrap .single-image {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
margin-left: 16.92222%;
display: flex
}
.home-2017 .testimonial .grid-wrap .testimonial-image:last-child, .home-2017 .testimonial .grid-wrap .single-image:last-child, .home-2017 .single-image-tagline .grid-wrap .testimonial-image:last-child, .home-2017 .single-image-tagline .grid-wrap .single-image:last-child {
margin-right: 0
}
}
.home-2017 .testimonial .grid-wrap .testimonial-image img, .home-2017 .testimonial .grid-wrap .single-image img, .home-2017 .single-image-tagline .grid-wrap .testimonial-image img, .home-2017 .single-image-tagline .grid-wrap .single-image img {
align-self: center;
margin: auto
}
.home-2017 .testimonial .grid-wrap .testimonial-image img, .home-2017 .single-image-tagline .grid-wrap .testimonial-image img {
border-radius: 50%;
width: 60%
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-image img, .home-2017 .single-image-tagline .grid-wrap .testimonial-image img {
width: 100%
}
}
.home-2017 .testimonial .grid-wrap .single-image img, .home-2017 .single-image-tagline .grid-wrap .single-image img {
width: 100%
}
@media screen and (min-width: 500px) {
.home-2017 .testimonial .grid-wrap .single-image img, .home-2017 .single-image-tagline .grid-wrap .single-image img {
width: 60%
}
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .single-image img, .home-2017 .single-image-tagline .grid-wrap .single-image img {
width: 100%
}
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-divider, .home-2017 .single-image-tagline .grid-wrap .testimonial-divider {
position: absolute;
left: 50%;
top: 0px;
height: 100%;
border-left: 4px solid #0078ae
}
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-quote, .home-2017 .testimonial .grid-wrap .single-image-tagline-text, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-left: 16.92222%;
padding: 20px 0 0 20px
}
.home-2017 .testimonial .grid-wrap .testimonial-quote:last-child, .home-2017 .testimonial .grid-wrap .single-image-tagline-text:last-child, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote:last-child, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.home-2017 .testimonial .grid-wrap .testimonial-quote, .home-2017 .testimonial .grid-wrap .single-image-tagline-text, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-left: 16.92222%;
display: flex;
flex-direction: column
}
.home-2017 .testimonial .grid-wrap .testimonial-quote:last-child, .home-2017 .testimonial .grid-wrap .single-image-tagline-text:last-child, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote:last-child, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text:last-child {
margin-right: 0
}
}
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text {
border-left: 4px solid #0078ae;
padding-left: 10px;
display: flex;
flex-direction: column;
flex-grow: 1
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text {
border-left: 0px;
padding-left: 0
}
}
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote {
margin: 0;
font-weight: bold;
font-size: 1.4em
}
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::before, .home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::after, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::before, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::after, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::before, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::after, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::before, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::after {
color: #0078ae;
font-size: 4em;
line-height: 0.1em;
margin: 0 10px
}
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit {
margin-top: 20px;
display: flex
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit {
margin-top: auto;
padding-top: 20px
}
}
.home-2017 .testimonial .grid-wrap .testimonial-quote h2, .home-2017 .testimonial .grid-wrap .single-image-tagline-text h2, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote h2, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text h2 {
margin-top: 0;
font-weight: bold;
font-size: 1.8em;
border-bottom: 0;
padding: 0 0 0 10px;
border-left: 4px solid #0078ae
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-quote h2, .home-2017 .testimonial .grid-wrap .single-image-tagline-text h2, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote h2, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text h2 {
border-left: 0;
padding-left: 0
}
}
.home-2017 .testimonial .grid-wrap .testimonial-quote .button-container, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .button-container, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container {
margin-top: 20px
}
.home-2017 .testimonial .grid-wrap .testimonial-quote .button-container .orange-button, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container .orange-button, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .button-container .orange-button, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container .orange-button {
display: block
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .testimonial-quote .button-container .orange-button, .home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container .orange-button, .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .button-container .orange-button, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container .orange-button {
display: inline-block
}
}
@media screen and (min-width: 680px) {
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container, .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container {
margin-bottom: 20px
}
}
.home-2017 main .feature-background {
position: relative;
border-top: 0px
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background {
display: flex;
height: 450px;
padding-right: 20px;
padding-left: 40px
}
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .media-container {
height: 450px;
position: absolute;
width: 100%;
top: 0;
left: 0
}
}
.home-2017 main .feature-background .media-container video, .home-2017 main .feature-background .media-container .background-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
width: 100%
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .media-container video, .home-2017 main .feature-background .media-container .background-image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
}
.home-2017 main .feature-background .media-container video.top, .home-2017 main .feature-background .media-container .background-image.top {
background-position: center top
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .media-container video.top, .home-2017 main .feature-background .media-container .background-image.top {
bottom: auto
}
}
.home-2017 main .feature-background .media-container video.bottom, .home-2017 main .feature-background .media-container .background-image.bottom {
background-position: center bottom
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .media-container video.bottom, .home-2017 main .feature-background .media-container .background-image.bottom {
top: auto
}
}
.home-2017 main .feature-background .media-container .background-image {
height: 0;
padding-top: 37.5%
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .media-container .background-image {
padding-top: 0;
height: 450px
}
}
.home-2017 main .feature-background .media-container.video-background video {
display: none
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-background .media-container.video-background video {
display: block
}
}
.home-2017 main .feature-background .media-container.video-background .background-image {
display: block
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-background .media-container.video-background .background-image {
display: none
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-background .media-container.video-background .background-image.scale-up {
display: block
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-background .media-container.video-background .pause-button {
display: block
}
}
.home-2017 main .feature-background .media-container .pause-button {
position: absolute;
display: none;
opacity: 0;
top: 0px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100px;
height: 100px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out
}
.home-2017 main .feature-background .media-container:hover .pause-button {
opacity: 0.5
}
.home-2017 main .feature-background .media-container:hover .pause-button:hover {
opacity: 0.8;
cursor: pointer
}
.home-2017 main .feature-background .feature-container-wrapper {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
position: relative;
align-self: center;
max-width: 62em;
width: 100%;
margin: auto;
z-index: 1;
pointer-events: none
}
.home-2017 main .feature-background .feature-container-wrapper:after {
content: "";
display: table;
clear: both
}
.home-2017 main .feature-background .feature-container-wrapper a {
color: #222
}
.home-2017 main .feature-background .feature-container-wrapper a .orange-button {
color: #fff
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container {
pointer-events: auto;
float: left;
display: block;
margin-right: 1.53331%;
width: 100%;
float: right;
background: #fff
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container:last-child {
margin-right: 0
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1024px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container:last-child {
margin-right: 0
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container.right {
float: right
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header, .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body {
padding: 20px
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header, .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
position: relative
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header, .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
left: -20px;
top: -20px
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header {
background: #0078ae;
padding: 15px;
padding-left: 30px;
margin-bottom: 20px
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header {
margin-bottom: 0px
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header h2 {
color: #fff;
font-size: 1.8rem;
font-weight: bold;
min-height: auto;
margin: 0;
padding-bottom: 0;
border-bottom: 0
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #002b5c transparent transparent;
display: none
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
display: block
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body {
background: #fff;
color: black;
padding: 0 10px
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body {
padding: 0 20px
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text {
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text {
padding-left: 20px;
border-left: 4px solid #0078ae
}
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text {
top: -20px;
margin-bottom: 0px
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .feature-body-text-inner {
border-left: 4px solid #0078ae;
padding-left: 10px
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .feature-body-text-inner {
border-left: 0;
padding-left: 0
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .feature-body-text-inner p {
margin-top: 0px
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .button-container {
text-align: right;
margin-top: 20px
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .button-container .orange-button {
font-size: initial;
display: block
}
@media screen and (min-width: 680px) {
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .button-container .orange-button {
display: inline-block
}
}
.home-2017 main .feature-background .feature-container-wrapper .feature-container:hover .feature-body-text {
border-color: #d6620b
}
.home-2017 .single-video {
display: flex
}
@media screen and (min-width: 680px) {
.home-2017 .single-video {
height: 450px
}
}
.home-2017 .single-video .grid-wrap {
display: flex;
align-self: center;
flex-direction: column
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap {
flex-direction: row
}
}
.home-2017 .single-video .grid-wrap .single-video-container {
position: relative
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap .single-video-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-left: 8.46111%
}
.home-2017 .single-video .grid-wrap .single-video-container:last-child {
margin-right: 0
}
}
.home-2017 .single-video .grid-wrap .single-video-container .single-video-padding {
padding-top: 56.25%
}
.home-2017 .single-video .grid-wrap a .single-video-caption {
color: #222
}
.home-2017 .single-video .grid-wrap .single-video-caption {
margin-top: 20px;
display: block;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap .single-video-caption {
border-left: 4px solid #0078ae;
margin-left: 10px;
padding-left: 20px
}
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap .single-video-caption {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-top: 0px;
display: flex;
flex-direction: column
}
.home-2017 .single-video .grid-wrap .single-video-caption:last-child {
margin-right: 0
}
}
.home-2017 .single-video .grid-wrap .single-video-caption .single-video-caption-content {
margin-left: 10px;
border-left: 4px solid #0078ae;
padding-left: 10px
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap .single-video-caption .single-video-caption-content {
margin-left: 0;
border-left: 0;
padding-left: 0
}
}
.home-2017 .single-video .grid-wrap .single-video-caption .single-video-caption-content h2 {
margin-top: 0;
font-weight: bold;
font-size: 1.8em;
border-bottom: 0
}
.home-2017 .single-video .grid-wrap .single-video-caption .button-container {
padding: 0 10px;
margin-top: auto
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap .single-video-caption .button-container {
text-align: right
}
}
@media screen and (min-width: 800px) {
.home-2017 .single-video .grid-wrap .single-video-caption .button-container {
margin-top: auto
}
}
.home-2017 .single-video .grid-wrap .single-video-caption .button-container .orange-button {
display: block
}
@media screen and (min-width: 680px) {
.home-2017 .single-video .grid-wrap .single-video-caption .button-container .orange-button {
display: inline-block
}
}
.home-2017 .single-video .grid-wrap .single-video-caption:hover {
border-color: #d6620b;
color: #222
}
@media screen and (min-width: 800px) {
.home-2017 .news {
padding: 80px 0
}
}
.home-2017 .news .grid-wrap {
display: flex;
align-self: center;
flex-direction: column
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap {
flex-direction: row;
padding: 0 10px
}
}
.home-2017 .news .grid-wrap.news-heading {
display: block;
padding: 0 10px
}
.home-2017 .news .grid-wrap.news-heading h2 {
border-bottom: 0;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
min-height: auto
}
.home-2017 .news .grid-wrap.news-heading hr {
border-top: 3px solid #0078ae;
max-width: 100px;
width: 100%;
margin: 0;
margin-bottom: 40px;
text-align: left
}
.home-2017 .news .grid-wrap .news-featured {
position: relative;
padding: 0 10px
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-featured {
float: left;
display: block;
margin-right: 1.53331%;
width: 57.69445%;
padding: 0
}
.home-2017 .news .grid-wrap .news-featured:last-child {
margin-right: 0
}
}
.home-2017 .news .grid-wrap .news-featured .news-featured-item {
display: block;
border-left: 4px solid #0078ae;
padding-left: 10px;
color: #222;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-featured .news-featured-item {
padding-left: 20px
}
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-featured .news-featured-item:hover {
border-left: 4px solid #d6620b
}
.home-2017 .news .grid-wrap .news-featured .news-featured-item:hover h3 {
color: rgba(34, 34, 34, 0.8)
}
}
.home-2017 .news .grid-wrap .news-featured .news-featured-item h3 {
font-weight: bold;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
.home-2017 .news .grid-wrap .news-items {
margin-top: 20px;
padding: 0 10px
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-items {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%;
margin-left: 0%;
margin-top: 0px;
display: flex;
flex-direction: column;
padding-left: 20px
}
.home-2017 .news .grid-wrap .news-items:last-child {
margin-right: 0
}
}
.home-2017 .news .grid-wrap .news-items .news-item {
padding-left: 10px;
border-left: 4px solid #0078ae;
margin-bottom: 20px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-items .news-item {
padding-left: 20px
}
}
.home-2017 .news .grid-wrap .news-items .news-item h3 {
margin-top: 0;
font-size: 1.4em;
font-weight: bold;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
.home-2017 .news .grid-wrap .news-items .news-item .news-item-date {
color: #222
}
.home-2017 .news .grid-wrap .news-items .news-item:hover {
border-color: #d6620b
}
.home-2017 .news .grid-wrap .news-items .news-item:hover h3 {
color: rgba(34, 34, 34, 0.8)
}
.home-2017 .news .grid-wrap .news-items .button-container {
margin-top: auto
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-items .button-container {
text-align: right
}
}
@media screen and (min-width: 800px) {
.home-2017 .news .grid-wrap .news-items .button-container {
margin-top: auto
}
}
.home-2017 .news .grid-wrap .news-items .button-container .orange-button {
display: block
}
@media screen and (min-width: 680px) {
.home-2017 .news .grid-wrap .news-items .button-container .orange-button {
display: inline-block
}
}
.home-2017 .quick-links {
position: relative;
background: #002b5c;
padding: 20px 10px;
display: flex;
margin-bottom: 0
}
@media screen and (min-width: 800px) {
.home-2017 .quick-links {
height: 450px
}
}
.home-2017 .quick-links .quick-links-background {
position: absolute;
display: block;
content: ' ';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
opacity: 0.1
}
.home-2017 .quick-links .grid-wrap {
position: relative;
display: flex;
align-self: center;
flex-flow: row wrap
}
.home-2017 .quick-links .grid-wrap .quick-link {
display: flex;
flex-flow: column wrap;
border: 3px solid #fff;
padding: 20px;
margin: 10px 0;
width: 100%;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
@media screen and (min-width: 500px) {
.home-2017 .quick-links .grid-wrap .quick-link {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
display: flex;
margin-bottom: 5px
}
.home-2017 .quick-links .grid-wrap .quick-link:last-child {
margin-right: 0
}
.home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n) {
margin-right: 0
}
.home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 800px) {
.home-2017 .quick-links .grid-wrap .quick-link {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
display: flex
}
.home-2017 .quick-links .grid-wrap .quick-link:last-child {
margin-right: 0
}
.home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n) {
margin-right: 1.53331%
}
.home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n+1) {
clear: none
}
.home-2017 .quick-links .grid-wrap .quick-link:nth-child(4n) {
margin-right: 0
}
.home-2017 .quick-links .grid-wrap .quick-link:nth-child(4n+1) {
clear: left
}
}
.home-2017 .quick-links .grid-wrap .quick-link h2 {
font-size: 1.6em;
font-weight: bold;
color: #fff;
border-bottom: 0px;
margin-top: 0px;
min-height: auto;
padding: 0
}
.home-2017 .quick-links .grid-wrap .quick-link hr {
border-top: 3px solid #fff;
max-width: 100px;
width: 100%;
margin: 0;
text-align: left
}
.home-2017 .quick-links .grid-wrap .quick-link button {
background: transparent;
display: inline-block;
float: right;
line-height: 0;
font-size: initial;
text-align: right;
margin-bottom: 0;
margin-top: auto;
padding: 0
}
.home-2017 .quick-links .grid-wrap .quick-link button svg {
overflow: visible
}
.home-2017 .quick-links .grid-wrap .quick-link button.hover {
background: transparent
}
.home-2017 .quick-links .grid-wrap .quick-link::before {
display: none;
content: '';
padding-top: 100%;
float: left
}
.home-2017 .quick-links .grid-wrap .quick-link:focus {
background: #d6620b
}
@media screen and (min-width: 800px) {
.home-2017 .quick-links .grid-wrap .quick-link:hover {
background: #d6620b
}
}
.featurewithbuttons {
padding: 2%;
padding-top: 5%
}
@media only screen and (min-width: 600px) {
.featurewithbuttons {
margin: 4% 0;
margin-bottom: 4% !important;
padding: 2%;
padding-top: 0
}
}
@media only screen and (min-width: 900px) {
.featurewithbuttons {
padding: 0
}
}
@media only screen and (min-width: 900px) {
.featurewithbuttons>section {
margin-bottom: 0
}
}
.featurewithbuttons>.maintext {
border-left: 4px solid #0078ae;
float: left;
margin: auto;
margin-left: 0;
width: 100%;
padding: 0 2%
}
@media only screen and (min-width: 600px) {
.featurewithbuttons>.maintext {
width: 90%;
margin-left: 0
}
}
@media only screen and (min-width: 900px) {
.featurewithbuttons>.maintext {
width: 48.5%;
margin-left: 18%
}
}
.featurewithbuttons>.maintext>h2 {
font-size: 1.6em;
margin-bottom: 0;
border-bottom: 0;
font-weight: bold;
margin-top: 0
}
@media only screen and (min-width: 600px) {
.featurewithbuttons>.maintext>h2 {
margin-bottom: -20px
}
}
.featurewithbuttons>.maintext>h3 {
font-size: 1.4em;
margin-bottom: .8em;
margin-left: 0;
padding-right: 2%;
padding-left: 1%
}
@media only screen and (min-width: 900px) {
.featurewithbuttons>.maintext>h3 {
margin-left: 0;
width: 100%
}
}
.featurewithbuttons>.maintext>h3>sup, .featurewithbuttons>.maintext>h3 sub {
font-size: 50%
}
.featurewithbuttons>.maintext>h3>a {
color: #0078ae
}
.featurewithbuttons>.maintext>h3>p {
font-weight: normal
}
.featurewithbuttons>.maintext>h3>a:hover {
color: #f47b20;
text-decoration: none
}
.featurewithbuttons>.mainbuttons {
float: left;
width: 95%;
margin-left: 0
}
@media only screen and (min-width: 600px) {
.featurewithbuttons>.mainbuttons {
width: 100%;
margin-left: 0
}
}
@media only screen and (min-width: 900px) {
.featurewithbuttons>.mainbuttons {
width: 15%
}
}
.featurewithbuttons>.mainbuttons>a.buttonblue {
display: inline-block;
background: #f47b20;
color: #fff;
padding: 10px;
font-weight: bold;
text-align: center;
font-size: initial;
margin: 2%;
width: 100%
}
.featurewithbuttons>.mainbuttons>a.buttonblue:hover {
background: #d6620b
}
@media only screen and (min-width: 1206px) {
.featurewithbuttons>.mainbuttons>a.buttonblue {
width: 50%;
margin: 2% 0
}
}
@media only screen and (min-width: 600px) {
.featurewithbuttons>.mainbuttons>a.buttonblue {
width: 100%;
margin: 2% 0
}
}
.home-2017 .triptych {
position: relative;
background-color: #dcdcdc;
padding-top: 40px
}
@media screen and (min-width: 680px) {
.home-2017 .triptych {
padding-top: 0
}
}
.home-2017 .triptych .triptych-background {
position: absolute;
display: block;
content: ' ';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
opacity: 0.1
}
.home-2017 .triptych .grid-wrap {
position: relative;
display: flex;
flex-wrap: wrap
}
@media screen and (min-width: 680px) {
.home-2017 .triptych .grid-wrap {
padding: 0 10px
}
}
.home-2017 .triptych .grid-wrap .triptych-item {
display: flex;
flex-direction: column;
margin-bottom: 40px;
padding: 0 10px;
flex-grow: 1
}
@media screen and (min-width: 680px) {
.home-2017 .triptych .grid-wrap .triptych-item {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
display: flex;
padding: 60px 0;
margin-bottom: 0
}
.home-2017 .triptych .grid-wrap .triptych-item:last-child {
margin-right: 0
}
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-media {
position: relative;
margin-bottom: 10px;
display: flex;
flex: 0 0 auto;
flex-direction: column;
-ms-flex-direction: row
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-media.triptych-video .jwplayer {
position: relative
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-content {
background: #002b5c;
padding: 20px;
color: #fff;
display: flex;
flex-direction: column;
flex: 1 0 auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-content h2 {
color: #fff;
border-bottom: 0;
font-weight: bold;
margin-top: 0;
margin-bottom: 20px;
min-height: auto;
font-size: 1.8em;
padding: 0
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-content hr {
border-top: 3px solid #fff;
max-width: 100px;
width: 100%;
margin: 0;
text-align: left
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-content button {
background: transparent;
display: inline-block;
float: right;
line-height: 0;
font-size: initial;
text-align: right;
margin-bottom: 0;
margin-top: auto;
padding: 10px
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-content button svg {
overflow: visible
}
.home-2017 .triptych .grid-wrap .triptych-item .triptych-content button.hover {
background: transparent
}
.home-2017 .triptych .grid-wrap .triptych-item:focus .triptych-content {
background: #d6620b
}
@media screen and (min-width: 800px) {
.home-2017 .triptych .grid-wrap .triptych-item:hover .triptych-content {
background: #d6620b
}
}
main {
padding-bottom: 20px
}
.home-2017 main section.isotope-item {
margin-bottom: 16px
}
.home-2017 main section.related-link-panel {
padding-bottom: 10px
}
.home-2017 main section .lists {
margin-bottom: 40px
}
.home-2017.lt-ie10 main .testimonial, .home-2017.lt-ie10 main .single-video, .home-2017.lt-ie10 main .quick-links {
display: table-cell;
width: 100vw;
vertical-align: middle
}
.home-2017.lt-ie10 main .feature-background {
padding-top: 60px
}
.home-2017.lt-ie10 main .triptych-content {
display: table-cell
}
footer#footer2017 {
padding: 0;
background: #fff;
font-family: 'Alegreya Sans', sans-serif
}
footer#footer2017 .grid-wrap {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 62em
}
footer#footer2017 .grid-wrap:after {
content: "";
display: table;
clear: both
}
footer#footer2017 h2 {
font-weight: bold;
font-size: 2.1em;
border-bottom: 0px;
color: #222
}
footer#footer2017 .footer-column {
padding: 0 10px;
border-left: 4px solid #0078ae;
margin-bottom: 40px;
box-sizing: border-box
}
@media screen and (min-width: 680px) {
footer#footer2017 .footer-column {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
footer#footer2017 .footer-column:last-child {
margin-right: 0
}
footer#footer2017 .footer-column:nth-child(2n) {
margin-right: 0
}
footer#footer2017 .footer-column:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 800px) {
footer#footer2017 .footer-column {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%;
margin-bottom: 20px
}
footer#footer2017 .footer-column:last-child {
margin-right: 0
}
footer#footer2017 .footer-column:nth-child(2n) {
margin-right: 1.53331%
}
footer#footer2017 .footer-column:nth-child(2n+1) {
clear: none
}
footer#footer2017 .footer-column:nth-child(4n) {
margin-right: 0
}
footer#footer2017 .footer-column:nth-child(4n+1) {
clear: left
}
}
footer#footer2017 .footer-column h3 {
font-weight: bold;
margin-top: 0;
font-size: 1.4em
}
footer#footer2017 .footer-column h3 a {
color: #222;
text-decoration: none;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out
}
footer#footer2017 .footer-column h3 a:hover {
color: rgba(34, 34, 34, 0.8)
}
footer#footer2017 .footer-column ul {
padding: 0;
margin-bottom: 0;
max-width: 100%
}
footer#footer2017 .footer-column ul li {
list-style-type: none;
font-size: 0.9em;
margin-bottom: 5px
}
footer#footer2017 .footer-column ul li a {
color: #222;
text-decoration: none
}
footer#footer2017 .footer-column ul li:last-of-type {
margin-bottom: 0
}
footer#footer2017 .footer-column ul.social-icons li {
display: inline-block
}
footer#footer2017 .faculties-header {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px
}
footer#footer2017 .faculties {
padding: 20px 10px;
padding-top: 0
}
footer#footer2017 .faculties .footer-column ul li a {
color: #222;
text-decoration: none
}
footer#footer2017 .faculties .footer-column ul li a:hover {
color: rgba(34, 34, 34, 0.8)
}
footer#footer2017 .services {
background-color: #222
}
footer#footer2017 .services .grid-wrap {
padding: 40px 10px;
padding-bottom: 0
}
footer#footer2017 .services h3 {
color: #fff
}
footer#footer2017 .services h3 a {
color: inherit;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out
}
footer#footer2017 .services h3 a:hover {
color: rgba(255, 255, 255, 0.8)
}
footer#footer2017 .services .footer-column ul {
margin-bottom: 20px
}
footer#footer2017 .services .footer-column ul:last-of-type {
margin-bottom: 0
}
footer#footer2017 .services .footer-column ul a {
color: #c1c3c5;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out
}
footer#footer2017 .services .footer-column ul a:hover {
color: rgba(193, 195, 197, 0.8)
}
footer#footer2017 .services .footer-column ul a li {
font-size: 1.8em
}
footer#footer2017 .services hr {
clear: both;
border-color: #444
}
footer#footer2017 .services p {
color: #c1c3c5;
font-size: 0.9em
}
.footer-breadcrumb {
background: #c1c3c5;
clear: both
}
.footer-breadcrumb ul {
width: 100%;
max-width: calc(62em + 4%);
margin: auto
}
.pagesave {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%;
margin-right: 0;
position: relative
}
.pagesave:last-child {
margin-right: 0
}
@media screen and (min-width: 680px) {
.pagesave {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-right: 0;
position: absolute;
right: 0;
bottom: 0
}
.pagesave:last-child {
margin-right: 0
}
}
.pagesave .pagesave-icons {
text-align: right;
font-size: 1.66667rem
}
.pagesave .pagesave-icons .page-save-message-container {
position: relative;
height: 45px;
display: inline-block;
width: 120px;
vertical-align: top
}
.pagesave .pagesave-icons .page-save-message-container .page-save-message {
position: absolute;
top: 30%;
right: 0;
font-size: 1rem;
vertical-align: middle;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out
}
.pagesave .pagesave-icons .page-save-message-container .page-save-message.active-message {
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out 0.2s;
-moz-transition: opacity 0.2s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0.2s
}
.pagesave .pagesave-icons .page-save-icons-container {
display: inline-block
}
.pagesave .pagesave-icons .page-save-icons-container .star, .pagesave .pagesave-icons .page-save-icons-container .bookmark, .pagesave .pagesave-icons .page-save-icons-container .pagehistory {
padding: 11px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
#list-container.page-save-list-container {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
position: relative;
clear: both
}
#list-container.page-save-list-container:after {
content: "";
display: table;
clear: both
}
#list-container.page-save-list-container .page-save-list, #list-container.page-save-list-container .page-history-list {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%;
margin-right: 0;
position: absolute;
top: 0;
right: 0;
z-index: 3;
background: #dcdcdc;
opacity: 0;
visibility: hidden;
overflow-y: hidden;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4)
}
#list-container.page-save-list-container .page-save-list:last-child, #list-container.page-save-list-container .page-history-list:last-child {
margin-right: 0
}
@media screen and (min-width: 500px) {
#list-container.page-save-list-container .page-save-list, #list-container.page-save-list-container .page-history-list {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 0
}
#list-container.page-save-list-container .page-save-list:last-child, #list-container.page-save-list-container .page-history-list:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
#list-container.page-save-list-container .page-save-list, #list-container.page-save-list-container .page-history-list {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%;
margin-right: 0;
top: 0px
}
#list-container.page-save-list-container .page-save-list:last-child, #list-container.page-save-list-container .page-history-list:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
#list-container.page-save-list-container .page-save-list, #list-container.page-save-list-container .page-history-list {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%;
margin-right: 0
}
#list-container.page-save-list-container .page-save-list:last-child, #list-container.page-save-list-container .page-history-list:last-child {
margin-right: 0
}
}
#list-container.page-save-list-container .page-save-list.active-list, #list-container.page-save-list-container .page-history-list.active-list {
opacity: 1;
visibility: visible
}
#list-container.page-save-list-container .page-save-list h2, #list-container.page-save-list-container .page-history-list h2 {
background: #002b5c;
color: white;
margin-top: 0px;
font-size: 1.2rem;
padding: 40px 10px 10px
}
#list-container.page-save-list-container #pageSaveHeaderList ul, #list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
padding-left: 20px
}
#list-container.page-save-list-container #pageSaveHeaderList ul li, #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
padding-top: 0;
padding-right: 0.7em
}
#list-container.page-save-list-container #pageSaveHeaderList ul li span.saved-entry, #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li span.saved-entry {
width: calc(100% - 25px);
display: inline-block;
vertical-align: top;
padding-right: 10px;
padding-top: 0.3em
}
#list-container.page-save-list-container #pageSaveHeaderList ul li i, #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li i {
cursor: pointer;
padding: 0.3em
}
#list-container.page-save-list-container #pageSaveHeaderList .no-saved-pages, #list-container.page-save-list-container #pageSaveHeaderHistoryList .no-saved-pages {
padding: 10px 20px;
padding-bottom: 20px;
display: block
}
#list-container.page-save-list-container #pageSaveHeaderList hr, #list-container.page-save-list-container #pageSaveHeaderHistoryList hr {
margin: 0px
}
#list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset, #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset {
margin: 10px;
padding: 10px;
position: relative;
display: block;
text-align: center;
background-color: #ee3224;
color: #fff
}
#list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset:hover, #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset:hover {
background-color: #cf1d10;
cursor: pointer
}
#list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset i, #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset i {
padding-right: 5px
}
#list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
padding-right: 20px
}
#list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
padding-top: 0.3em
}
.bookmark-active .page-save-list {
opacity: 1;
visibility: visible
}
.bookmark-active .page-history-list {
opacity: 1;
visibility: visible
}
.page-save-icons {
cursor: pointer
}
.page-save-icons .bookmark.active-icon, .page-save-icons .pagehistory.active-icon {
background: #002b5c;
color: #fff
}
.page-save-icons .star:before {
content: '\f006'
}
.page-save-icons .star.active-icon:before {
color: #f47b20
}
.page-save-icons .bookmark:before {
content: '\f097'
}
.page-save-icons .page-history:before {
content: '\f1da'
}
@media (hover: hover) {
.page-save-icons .star:hover:before, .page-save-icons .bookmark:hover:before, .page-save-icons .page-history:hover:before {
color: #f47b20
}
}
.page-save-bar {
position: relative;
background: #5a5c60;
color: #fff;
padding: 0 5px 0 10px;
overflow: auto;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4)
}
@media screen and (min-width: 680px) {
.page-save-bar {
display: none
}
}
.page-save-bar .page-save-message {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
font-size: 0.9rem;
font-weight: bold;
height: 100%;
line-height: 41px
}
.page-save-bar .page-save-message:last-child {
margin-right: 0
}
.page-save-bar .page-save-icons {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%;
margin-right: 0;
text-align: right;
font-size: 1.2rem
}
.page-save-bar .page-save-icons:last-child {
margin-right: 0
}
.page-save-bar .page-save-icons .page-save-icon {
padding: 10px
}
.header-page-save {
display: none;
text-align: left
}
@media screen and (min-width: 680px) {
.header-page-save {
display: inline-block
}
}
.header-page-save .page-save-message {
position: relative;
display: none;
font-size: 0.9rem;
padding: 3px 10px;
color: #fff;
background: #002b5c;
text-align: left
}
.header-page-save .page-save-message:before {
position: absolute;
top: -20px;
display: block;
content: ' ';
border: 10px solid transparent;
border-bottom: 10px solid #002b5c;
pointer-events: none
}
.header-page-save .page-save-icons {
color: #fff;
font-size: 1.4rem;
margin-bottom: 2px
}
.header-page-save .page-save-icons .page-save-icon {
background: #73767a;
margin-right: 2px;
padding: 10px;
width: 42px;
text-align: center;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out
}
.header-page-save .page-save-icons .page-save-icon:last-of-type {
margin-right: 0px
}
.header-page-save .page-save-icons .page-save-icon:hover {
background: #5a5c60
}
.header-page-save.star-hover, .page-save-bar.star-hover {
text-align: left
}
.header-page-save.star-hover .page-save-message, .page-save-bar.star-hover .page-save-message {
display: inline-block
}
.header-page-save.star-saved, .page-save-bar.star-saved {
text-align: left
}
.header-page-save.star-saved .page-save-icon.star, .page-save-bar.star-saved .page-save-icon.star {
color: #f47b20
}
.header-page-save.star-saved .page-save-icon.star:before, .page-save-bar.star-saved .page-save-icon.star:before {
content: '\f005'
}
.header-page-save.bookmark-hover, .page-save-bar.bookmark-hover {
text-align: center
}
.header-page-save.bookmark-hover .page-save-message, .page-save-bar.bookmark-hover .page-save-message {
display: inline-block
}
.header-page-save.bookmark-hover .page-save-message:before, .page-save-bar.bookmark-hover .page-save-message:before {
left: calc(50% - 10px)
}
.header-page-save.bookmark-active .page-save-icon.bookmark, .page-save-bar.bookmark-active .page-save-icon.bookmark {
background: #002b5c;
border-bottom: 2px solid #002b5c;
color: #f47b20
}
.header-page-save.bookmark-active .page-save-icon.bookmark:before, .page-save-bar.bookmark-active .page-save-icon.bookmark:before {
content: '\f02e'
}
.header-page-save.history-hover, .page-save-bar.history-hover {
text-align: right
}
.header-page-save.history-hover .page-save-message, .page-save-bar.history-hover .page-save-message {
display: inline-block
}
.header-page-save.history-hover .page-save-message:before, .page-save-bar.history-hover .page-save-message:before {
right: 10px
}
.header-page-save.history-active .page-save-icon.page-history, .page-save-bar.history-active .page-save-icon.page-history {
background: #002b5c;
border-bottom: 2px solid #002b5c;
color: #f47b20
}
.header-page-save.bookmark-active .page-save-icons, .header-page-save.history-active .page-save-icons, .page-save-bar.bookmark-active .page-save-icons, .page-save-bar.history-active .page-save-icons {
margin-bottom: 0
}
@media screen and (min-width: 680px) {
.header-page-save.bookmark-active .page-save-message, .header-page-save.history-active .page-save-message, .page-save-bar.bookmark-active .page-save-message, .page-save-bar.history-active .page-save-message {
display: none
}
}
.blockhalfwidth {
background: #e5e5e5;
padding: 20px;
background: #5d9732;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
width: 100%;
float: left;
margin-bottom: 20px
}
.blockhalfwidth:after {
content: "";
display: table;
clear: both
}
.blockhalfwidth h3 {
padding-top: 10px
}
@media screen and (min-width: 440px) {
.blockhalfwidth {
width: 48%;
margin: 0
}
.blockhalfwidth:nth-child(even) {
margin: 0 16px 16px 0;
background: #f47b20
}
.blockhalfwidth:nth-child(odd) {
margin: 0 0 16px 0;
background: #f47b20
}
}
@media screen and (min-width: 500px) {
.blockhalfwidth {
width: 48%;
margin: 0
}
.blockhalfwidth:nth-child(even) {
margin: 0 16px 16px 0;
background: #ee3224
}
.blockhalfwidth:nth-child(odd) {
margin: 0 0 16px 0;
background: #ee3224
}
}
@media screen and (min-width: 940px) {
.blockhalfwidth {
width: 48%;
margin: 0
}
.blockhalfwidth:nth-child(even) {
margin: 0 16px 16px 0;
background: #0078ae
}
.blockhalfwidth:nth-child(odd) {
margin: 0 0 16px 0;
background: #0078ae
}
}
.blockhalfwidth a {
display: block;
text-decoration: none;
padding: 20px;
margin: -20px;
word-wrap: break-word
}
.blockhalfwidth a:after {
content: "";
display: table;
clear: both
}
@media only screen and (min-width: 500px) {
.blockhalfwidth a {
padding: 20px
}
}
.blockhalfwidth a h3 {
margin: 0 0 10px 0
}
.blockhalfwidth a.hover {
color: white
}
.blockhalfwidth a.hover h3 {
color: white
}
.block-grid {
overflow: auto;
display: flex;
flex-wrap: wrap
}
.block-grid-item {
margin-bottom: 20px;
width: 100%
}
.block-grid-item figure img {
flex-shrink: 0
}
.block-grid-item figure figcaption {
color: #222;
height: 100%;
min-height: 100px;
padding: 15px;
-webkit-transition: background 0.1s ease-in-out;
-moz-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out
}
.block-grid-item figure figcaption span {
display: block;
border-left: 4px solid #0078ae;
padding-left: 15px
}
.block-grid-item figure figcaption span h3 {
font-weight: bold;
margin: 0;
font-size: 1.2em
}
.block-grid-item figure figcaption span p {
margin-bottom: 0
}
@media screen and (min-width: 500px) {
.block-grid-item.fifth, .block-grid-item.quarter, .block-grid-item.third {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.block-grid-item.fifth:last-child, .block-grid-item.quarter:last-child, .block-grid-item.third:last-child {
margin-right: 0
}
.block-grid-item.fifth:nth-child(2n), .block-grid-item.quarter:nth-child(2n), .block-grid-item.third:nth-child(2n) {
margin-right: 0
}
.block-grid-item.fifth:nth-child(2n+1), .block-grid-item.quarter:nth-child(2n+1), .block-grid-item.third:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 800px) {
.block-grid-item.fifth {
float: left;
display: block;
margin-right: 1.53331%;
width: 18.77335%
}
.block-grid-item.fifth:nth-child(2n) {
margin-right: 1.53331%
}
.block-grid-item.fifth:nth-child(2n+1) {
clear: none
}
.block-grid-item.fifth:last-child {
margin-right: 0
}
.block-grid-item.fifth:nth-child(5n) {
margin-right: 1.53331%
}
.block-grid-item.fifth:nth-child(5n+1) {
clear: none
}
.block-grid-item.quarter {
float: left;
display: block;
margin-right: 1.53331%;
width: 23.85002%
}
.block-grid-item.quarter:nth-child(2n) {
margin-right: 1.53331%
}
.block-grid-item.quarter:nth-child(2n+1) {
clear: none
}
.block-grid-item.quarter:last-child {
margin-right: 0
}
.block-grid-item.quarter:nth-child(4n) {
margin-right: 0
}
.block-grid-item.quarter:nth-child(4n+1) {
clear: left
}
.block-grid-item.third {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.block-grid-item.third:nth-child(2n) {
margin-right: 1.53331%
}
.block-grid-item.third:nth-child(2n+1) {
clear: none
}
.block-grid-item.third:last-child {
margin-right: 0
}
.block-grid-item.third:nth-child(3n) {
margin-right: 0
}
.block-grid-item.third:nth-child(3n+1) {
clear: left
}
.block-grid-item.half {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.block-grid-item.half:nth-child(2n) {
margin-right: 1.53331%
}
.block-grid-item.half:nth-child(2n+1) {
clear: none
}
.block-grid-item.half:last-child {
margin-right: 0
}
.block-grid-item.half:nth-child(2n) {
margin-right: 0
}
.block-grid-item.half:nth-child(2n+1) {
clear: left
}
}
.block-grid-item.grey-block figcaption {
background: #efefef
}
.block-grid-item.white-block {
background: #fff
}
.block-grid-item.white-block figure figcaption {
padding-left: 0
}
.block-grid-item:hover.grey-block a figcaption {
background: #d5d5d5
}
.block-grid-item:hover a figcaption span {
border-color: #d6620b
}
.card.multimap-card {
max-width: 71.25em;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding: 20px 0
}
.card.multimap-card:after {
content: "";
display: table;
clear: both
}
.card.multimap-card .location-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.card.multimap-card .location-details:last-child {
margin-right: 0
}
@media screen and (min-width: 500px) {
.card.multimap-card .location-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.card.multimap-card .location-details:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.card.multimap-card .location-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.card.multimap-card .location-details:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.card.multimap-card .location-details {
float: left;
display: block;
margin-right: 1.53331%;
width: 57.69445%
}
.card.multimap-card .location-details:last-child {
margin-right: 0
}
}
.card.multimap-card .location-details h2 {
color: #222;
font-weight: bold;
font-size: 2rem;
margin: 0;
padding: 0;
border-bottom: 0;
min-height: 0;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out
}
.card.multimap-card .location-details hr {
border-top: 3px solid #0078ae;
max-width: 100px;
width: 100%;
text-align: left;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out
}
.card.multimap-card .location-details h3 {
font-size: 1.2rem;
font-weight: bold
}
.card.multimap-card .multimap-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.card.multimap-card .multimap-container:last-child {
margin-right: 0
}
@media screen and (min-width: 500px) {
.card.multimap-card .multimap-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.card.multimap-card .multimap-container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 680px) {
.card.multimap-card .multimap-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.card.multimap-card .multimap-container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 800px) {
.card.multimap-card .multimap-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 40.77223%
}
.card.multimap-card .multimap-container:last-child {
margin-right: 0
}
}
.card.multimap-card .multimap-container .multimap {
min-height: 300px
}
.card.multimap-card .multimap-container .orange-button {
display: block;
margin-top: 20px
}
.card.event-card .event-details {
max-width: 71.25em;
margin-left: auto;
margin-right: auto
}
.card.event-card .event-details:after {
content: "";
display: table;
clear: both
}
.card.event-card .event-details .event-title, .card.event-card .event-details .event-time, .card.event-card .event-details .event-location, .card.event-card .event-details .more-info-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 100%
}
.card.event-card .event-details .event-title:last-child, .card.event-card .event-details .event-time:last-child, .card.event-card .event-details .event-location:last-child, .card.event-card .event-details .more-info-container:last-child {
margin-right: 0
}
@media screen and (min-width: 1024px) {
.card.event-card .event-details .event-title {
float: left;
display: block;
margin-right: 1.53331%;
width: 32.31112%
}
.card.event-card .event-details .event-title:last-child {
margin-right: 0
}
}
.card.event-card .event-details .event-title h3 {
font-weight: bold;
font-size: 1.2rem
}
@media screen and (min-width: 500px) {
.card.event-card .event-details .event-time-location {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.card.event-card .event-details .event-time-location:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1024px) {
.card.event-card .event-details .event-time-location {
margin-top: 10px
}
}
@media screen and (min-width: 1024px) {
.card.event-card .event-details .event-time, .card.event-card .event-details .event-location {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.card.event-card .event-details .event-time:last-child, .card.event-card .event-details .event-location:last-child {
margin-right: 0
}
}
.card.event-card .event-details .event-time .fa, .card.event-card .event-details .event-location .fa {
width: 15px;
text-align: center;
margin-right: 6.66667px
}
@media screen and (min-width: 500px) {
.card.event-card .event-details .more-info-button-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 49.23334%
}
.card.event-card .event-details .more-info-button-container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 1024px) {
.card.event-card .event-details .more-info-button-container {
float: left;
display: block;
margin-right: 1.53331%;
width: 15.38891%;
text-align: right
}
.card.event-card .event-details .more-info-button-container:last-child {
margin-right: 0
}
}
.card.event-card .event-details .more-info-button {
margin-top: 20px;
width: 100%;
padding: 5px 25px
}
@media screen and (min-width: 500px) {
.card.event-card .event-details .more-info-button {
margin: 0
}
}
@media screen and (min-width: 1024px) {
.card.event-card .event-details .more-info-button {
width: auto
}
}
.card.event-card .more-info-container {
display: none;
background: #efefef;
padding: 20px;
margin-top: 10px
}
.card.event-card .more-info-container .more-info {
padding-left: 20px;
border-left: 4px solid #0078ae
}