html, body, h1, .txt-h1, .txt-h1-alt, .card--large .card__title, .txt-h2-alt, .blockquote figcaption, .card--event__link, .nav-group--consistent a, .nav-group--callouts a {
font-family: 'Merriweather Light', 'Times New Roman', serif;
font-weight: 300;
font-style: normal
}
.nav-group a {
cursor: pointer !important;
}
.box1 h4 {
height:108px!important;
line-height: 25px!important;
font-size: 14px!important;
text-align: center;
}
.col-main, .col-aside-left, .col-aside-right {
position: relative;
min-height: 1px;
padding-right: 0px!important;
padding-left: 10px!important;
} .col-aside-left { padding-left: 0px!important;}
hr {
clear: both;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
margin-top: 48px!important;
}
@media screen and (max-width:1080px){
.master-slider-parent {
margin-left: auto;
margin-right: auto;
margin-top: 43px!important;
}
.home-section-22 {
background-color: #fffbcb;
height: 515px!important;
}
}
section.home-section-3 .home-section-content p, section.home-section-3 .home-section-content h1, section.home-section-3 .home-section-content h2, section.home-section-3 .home-section-content h3, section.home-section-3 .home-section-content h4, section.home-section-3 .home-section-content h5, section.home-section-3 .home-section-content h6 {
font-weight: normal;
color: rgba(4, 3, 3, 0.96)!important;
margin-top: 4px!important;
}
.nav-group--callouts a:before {
background: #b54a4a!important;
bottom: 0;
}
::-webkit-input-placeholder,
input::-webkit-input-placeholder,
form input::-webkit-input-placeholder,
input:placeholder-shown,
::placeholder,
#searchArea input.input-search{
color: #efe4e4!important;
font-weight:500!important;
}
section.home-section-9 {
padding: 30px 0px 7px 0px!important;
}
.nav-group a:before {
content: '';
height: 3px!important;
left: 0;
margin: auto;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
-webkit-transition: width .45s, opacity .1s;
transition: width .45s, opacity .1s;
width: 0%;
}
.nav-group--callouts a:hover {
/*color: #79362a;
font-weight: 500;
font-size: 1.2em;
padding: .75em;
position: relative;
z-index: 2;*/
}
i, em, cite, dfn, blockquote, blockquote:before {
font-family: 'Merriweather Light Italic', 'Times New Roman', serif;
font-weight: 300;
font-style: italic
}
.card__outro__cta-1 a, .txt-normal, .txt-no-italic {
font-family: 'Merriweather Regular', 'Times New Roman', serif;
font-weight: 400;
font-style: normal
}
img, .txt-italic, .a-to-z__results__tags__listing {
font-family: 'Merriweather Regular Italic', 'Times New Roman', serif;
font-weight: 400;
font-style: italic
}
.card__title, .card--large .card__title, .event-link-title, b, strong, dt, .txt-bold, .link-cta {
/*font-family: 'Merriweather Bold', 'Times New Roman', serif;*/
font-weight: 700;
font-style: normal
}
.card--event__time, .footer-base a, .footer-base .footer__outro {
font-family: 'Merriweather Sans Light', Arial, sans-serif;
font-weight: 300;
font-style: normal
}
a, h6, .txt-h6, .txt-sans, .txt-label, label, .card__content__heading, .card__timestamp, button, .btn, .list--drop-nav a, .btn--menu {
font-family: 'Merriweather Sans Regular', Arial, sans-serif;
font-weight: 400;
font-style: normal
}
.figure-no-margin .fig-text {
font-family: 'Merriweather Sans Regular Italic', Arial, sans-serif;
font-weight: 400;
font-style: italic
}
h2, .txt-h2, h3, .txt-h3, h4, .txt-h4, h5, .txt-h5, .figure-no-margin .fig-title, th, .sub-nav-normal .active>a, .filter-icon {
font-family: 'Merriweather Sans Bold', Arial, sans-serif;
font-weight: 700;
font-style: normal
}
html, body, fieldset, table {
margin: 0;
padding: 0
}
fieldset, table, img {
border: 0;
outline: 0
}
nav ul, nav ol, .list-clean, .nav-crumbs {
list-style: none;
padding: 0
}
ol, ul, dl, dd {
margin: 0 0 .875em
}
nav ul, nav ol, address {
margin-bottom: .875em
}
.clearfix:after, .grid:after {
clear: both;
content: '';
display: table
}
html {
box-sizing: border-box;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
*, *:before, *:after {
box-sizing: inherit
}
html, body {
background: #fefefe;
color: #414141;
font-size: 100%;
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: 'liga' 1, 'onum' 1;
-o-font-feature-settings: 'liga' 1, 'onum' 1;
-moz-font-feature-settings: 'liga' 1, 'onum' 1;
-ms-font-feature-settings: 'liga' 1, 'onum' 1;
font-feature-settings: 'liga' 1, 'onum' 1
}
[tabindex='-1']:focus {
box-shadow: none;
outline: none
}
article, aside, canvas, footer, header, main, section, small, nav, address, figure, figcaption, figure img {
display: block
}
[hidden] {
display: none
}
[disabled] {
cursor: default;
opacity: .75
}
::-moz-selection {
background:#a51c30;
color:#fff;
text-shadow:none
}
::selection {
background: #a51c30;
color: #fff;
text-shadow: none
}
a {
background-color: transparent;
color: #a51c30
}
a:not([href]), a:not([href]):hover {
color: #414141
}
a:hover, a:active, a:focus {
color: #fff;
outline: 0;
text-decoration: none
}
a>img {
display: block
}
p a {
font-family: inherit
}
.txt-up-1, .card__outro__cta-1 a {
font-size: 1.125em
}
.txt-up-1--vm, h4, .txt-h4 {
font-size: 1.125em;
line-height: 1.56;
padding: .72222em 0 .05556em 0
}
.txt-up-2 {
font-size: 1.3125em
}
.txt-up-2--vm, h3, .txt-h3 {
font-size: 1.3125em;
line-height: 1.35;
padding: .57143em 0 .09524em 0
}
.txt-up-3, blockquote, .card-callout__link, .card--news-signup p {
font-size: 1.5em
}
.txt-up-3--vm {
font-size: 1.5em;
line-height: 1.17;
padding: .45em 0 .125em 0
}
.txt-up-4 {
font-size: 1.75em
}
.txt-up-4--vm, .txt-h2-alt {
font-size: 1.75em;
line-height: 1.5;
padding: .07143em 0 .42857em 0
}
.txt-up-5 {
font-size: 2em
}
.txt-up-5--vm, h2, .txt-h2 {
font-size: 2em;
line-height: 1.3125;
padding: .03125em 0 .40625em 0
}
.txt-up-6 {
font-size: 2.25em
}
.txt-up-6--vm, .txt-h1-alt, .card--large .card__title {
font-size: 2.25em;
line-height: 1.16667;
padding: 0 0 .38889em 0
}
.txt-up-7 {
font-size: 2.625em
}
.txt-up-7--vm {
font-size: 2.625em;
line-height: 1;
padding: .28571em 0 .38095em 0
}
.txt-up-8 {
font-size: 3em
}
.txt-up-8--vm, h1, .txt-h1 {
font-size: 3em;
line-height: 1.17;
padding: .0625em 0 .22917em 0
}
.txt-up-9 {
font-size: 3.4375em
}
.txt-up-9--vm {
font-size: 3.4375em;
line-height: 1.02;
padding: 0 0 .2545em 0
}
.txt-up-10 {
font-size: 3.9375em
}
.txt-up-10--vm {
font-size: 3.9375em;
line-height: 1.12;
padding: .06349em 0 .15873em 0
}
.txt-up-11 {
font-size: 4.8125em
}
.txt-up-11--vm {
font-size: 4.8125em;
line-height: 1.1;
padding: .07792em 0 .1039em 0
}
.txt-up-12 {
font-size: 5.25em
}
.txt-up-12--vm {
font-size: 5.25em;
line-height: 1;
padding: .04762em 0 .11905em 0
}
.txt-base {
font-size: 1em
}
.txt-base--vm, h5, .txt-h5, h6, .txt-h6, p, .txt-label, label {
font-size: 1em;
/*line-height: 1.75em; */
padding: 0
}
.txt-down-1 {
font-size: .875em
}
.txt-down-1--vm, .card__outro__cta-2 a {
font-size: .875em;
line-height: 2;
padding: 0
}
.txt-down-2, .blockquote figcaption {
font-size: .75em
}
.txt-down-2--vm {
font-size: .75em;
line-height: 2.35;
padding: .08333em 0 0 0;
margin-bottom: -.08333em
}
h1, .txt-h1, .txt-h1-alt, .card--large .card__title, h2, .txt-h2, .txt-h2-alt, h3, .txt-h3, h4, .txt-h4, h5, .txt-h5, h6, .txt-h6 {
color: #414141;
margin: 0
}
.txt-uppercase, h5, .txt-h5, h6, .txt-h6, .card__outro__cta-2 a {
text-transform: uppercase;
letter-spacing: 0.03em
}
p {
margin: 0;
padding: 0 0 1.75em 0
}
small {
font-size: .875em;
line-height: 2;
padding: 0
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, p small, li small {
display: inline;
margin: 0
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #414141;
cursor: help
}
sub, sup {
font-size: .875em;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
blockquote {
margin: 0;
position: relative;
padding: 0.54167em 0 0.58333em .75em
}
blockquote:before {
color: #bac5c6;
content: '\0022';
font-size: 36px;
height: 20px;
left: 0;
position: absolute;
top: -.5em;
width: 24px
}
.blockquote {
margin: 0;
padding-bottom: .875em;
padding-top: .25em;
position: relative
}
.blockquote blockquote {
line-height: 1.75;
margin: 0
}
.blockquote figcaption {
padding: 0.55556em 0 1em 0
}
.blockquote figcaption:before, .blockquote figcaption:after {
content: '\2014'
}
.txt-serif {
font-family: "Merriweather Regular", "Times New Roman", serif !important;
font-weight: 400 !important;
font-style: normal !important
}
ol, ul {
padding-left: 1.5em
}
ol ol, ol ul, ul ol, ul ul {
margin-top: .5em
}
ol ol {
list-style-type: lower-alpha
}
ol ol ol {
list-style-type: lower-roman
}
li {
line-height: 1.75em
}
dd {
padding-left: 1em
}
nav ul, nav ol {
padding: 0
}
nav ul a:focus, nav ol a:focus {
box-shadow: none !important
}
nav li {
margin: 0 0 .5em
}
form, fieldset, input, textarea, button, select {
font-size: 1em;
font-weight: 400;
line-height: normal;
margin-top: 0;
text-transform: none
}
::-moz-placeholder {
color:#fff;
font-style:italic;
}
:-ms-input-placeholder {
color:#8996a0;
font-style:italic
}
::webkit-input-placeholder {
color:#8996a0;
font-style:italic
}
input[disabled] {
background-color: #eef0f1 !important;
border-color: #bac5c6;
color: #bac5c6;
cursor: not-allowed !important
}
input[readonly], input[readonly]:focus {
background-color: #eef0f1;
pointer-events: none
}
input[type="search"] {
-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
input[type="radio"], input[type="checkbox"] {
padding: 0
}
input[type="radio"][disabled]+label, input[type="checkbox"][disabled]+label {
opacity: .5
}
input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: none
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
textarea {
display: block;
min-height: 56px;
min-width: 3.75em;
overflow: auto;
resize: vertical;
vertical-align: top;
width: 100%
}
button, [type="reset"], [type="submit"], html [type="button"] {
cursor: pointer;
-webkit-appearance: button
}
input[type="submit"]::-moz-focus-inner, button[type="submit"]::-moz-focus-inner {
outline:0
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
select {
margin: 0;
width: 100%
}
.txt-label, label {
display: inline-block
}
.txt-label[for], label[for] {
cursor: pointer
}
legend {
display: inline-block;
font-size: 1.3125em;
margin-left: -.25em;
margin-bottom: 0;
padding: 0 .25em
}
legend.txt-label {
margin: 0
}
figure {
margin: .25em
}
figcaption {
font-size: .875em;
padding: 1em
}
.figure-no-margin {
margin: 0
}
.figure-no-margin>* {
margin: auto
}
.figure-no-margin figcaption {
padding-top: .5em
}
.figure-no-margin .fig-title, .figure-no-margin .fig-text {
font-size: .875em;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
margin-bottom: 0;
width: 100%
}
th, td {
padding: .25em .5em;
text-align: left;
vertical-align: top
}
caption {
caption-side: top;
font-size: 1em;
text-align: left
}
embed, object, audio, video {
display: inline-block;
max-width: 100%
}
img {
color: #d41934;
max-width: 100%;
height: auto
}
svg:not(:root) {
overflow: hidden
}
audio:not([controls]) {
display: none;
height: 0
}
hr {
border: 0;
border-top: 1px solid rgba(65,65,65,0.4);
border-bottom: 1px solid transparent;
margin: 2.875em 0 2.25em 0
}
.card {
background: #fff;
position: relative;
overflow: hidden
}
.card.c-txt-dark .card__title a, .card.c-txt-dark .card__title a:hover {
color: #414141;
text-decoration: none;
font-family: inherit
}
.card h2 a {
text-decoration: none;
font-family: inherit
}
.card--media-swap iframe {
display: none
}
.card--facebook {
border-top: 4px solid #3a5795
}
.card--facebook .card-gallery__list li {
margin-top: 1.25em
}
.card--facebook.card--media-left .card__content, .card--facebook.card--media-top .card__content {
border-top: 4px solid #3a5795
}
.card--flickr {
border-top: 4px solid #ff0084
}
.card--flickr .card-gallery__list li {
margin-top: 1.25em
}
.card--flickr.card--media-left .card__content, .card--flickr.card--media-top .card__content {
border-top: 4px solid #ff0084
}
.card--gplus {
border-top: 4px solid #dd4b39
}
.card--gplus .card-gallery__list li {
margin-top: 1.25em
}
.card--gplus.card--media-left .card__content, .card--gplus.card--media-top .card__content {
border-top: 4px solid #dd4b39
}
.card--instagram {
border-top: 4px solid #e1306c
}
.card--instagram .card-gallery__list li {
margin-top: 1.25em;
text-align: center
}
.card--instagram .card-gallery__list li a>img {
display: inline
}
.card--instagram.card--media-left .card__content, .card--instagram.card--media-top .card__content {
border-top: 4px solid #e1306c
}
.card--itunes {
border-top: 4px solid #a51c30
}
.card--itunes .card-gallery__list li {
margin-top: 1.25em
}
.card--itunes.card--media-left .card__content, .card--itunes.card--media-top .card__content {
border-top: 4px solid #a51c30
}
.card--linkedin {
border-top: 4px solid #0076b4
}
.card--linkedin .card-gallery__list li {
margin-top: 1.25em
}
.card--linkedin.card--media-left .card__content, .card--linkedin.card--media-top .card__content {
border-top: 4px solid #0076b4
}
.card--soundcloud {
border-top: 4px solid red
}
.card--soundcloud .card-gallery__list li {
margin-top: 1.25em
}
.card--soundcloud.card--media-left .card__content, .card--soundcloud.card--media-top .card__content {
border-top: 4px solid red
}
.card--twitter {
border-top: 4px solid #55acee
}
.card--twitter .card-gallery__list li {
margin-top: 1.25em
}
.card--twitter.card--media-left .card__content, .card--twitter.card--media-top .card__content {
border-top: 4px solid #55acee
}
.card--twitter.card--3a a {
word-break: break-word
}
.card--youtube {
border-top: 4px solid #cc181e
}
.card--youtube .card-gallery__list li {
margin-top: 1.25em
}
.card--youtube.card--media-left .card__content, .card--youtube.card--media-top .card__content {
border-top: 4px solid #cc181e
}
.card--event.card--media-left .card__content, .card--event.card--media-top .card__content {
border-top: 4px solid #4e84c4
}
.card--event.card--media-left .card__media--img, .card--event.card--media-top .card__media--img {
max-height: 200px;
overflow: hidden
}
.card--event.card--homepage-grid .card__media {
max-height: 200px;
overflow: hidden
}
.card--gazette, .card--news {
border-top: 4px solid #a51c30
}
.card--gazette .card-gallery__list li, .card--news .card-gallery__list li {
margin-top: 1.25em
}
.card--gazette.card--media-left .card__content, .card--gazette.card--media-top .card__content, .card--news.card--media-left .card__content, .card--news.card--media-top .card__content {
border-top: 4px solid #a51c30
}
.card--gazette.gz_art, .card--news.gz_art {
border-color: #d870b8
}
.card--gazette.gz_art.card--media-left .card__content, .card--gazette.gz_art.card--media-top .card__content, .card--news.gz_art.card--media-left .card__content, .card--news.gz_art.card--media-top .card__content {
border-color: #d870b8
}
.card--gazette.gz_science, .card--news.gz_science {
border-color: #e19100
}
.card--gazette.gz_science.card--media-left .card__content, .card--gazette.gz_science.card--media-top .card__content, .card--news.gz_science.card--media-left .card__content, .card--news.gz_science.card--media-top .card__content {
border-color: #e19100
}
.card--gazette.gz_athletics, .card--news.gz_athletics {
border-color: #cc0033
}
.card--gazette.gz_athletics.card--media-left .card__content, .card--gazette.gz_athletics.card--media-top .card__content, .card--news.gz_athletics.card--media-left .card__content, .card--news.gz_athletics.card--media-top .card__content {
border-color: #cc0033
}
.card--gazette.gz_national, .card--news.gz_national {
border-color: #1c64e7
}
.card--gazette.gz_national.card--media-left .card__content, .card--gazette.gz_national.card--media-top .card__content, .card--news.gz_national.card--media-left .card__content, .card--news.gz_national.card--media-top .card__content {
border-color: #1c64e7
}
.card--gazette.gz_campus, .card--news.gz_campus {
border-color: #b1ad0d
}
.card--gazette.gz_campus.card--media-left .card__content, .card--gazette.gz_campus.card--media-top .card__content, .card--news.gz_campus.card--media-left .card__content, .card--news.gz_campus.card--media-top .card__content {
border-color: #b1ad0d
}
.card--h-online {
border-top: 4px solid #a51c30
}
.card--h-online .card-gallery__list li {
margin-top: 1.25em
}
.card--h-online.card--media-left .card__content, .card--h-online.card--media-top .card__content {
border-top: 4px solid #a51c30
}
.card--h-online[max-width="234px"] {
padding-top: 58px
}
.card--harvardx {
border-top: 4px solid #a51c30
}
.card--harvardx .card-gallery__list li {
margin-top: 1.25em
}
.card--harvardx.card--media-left .card__content, .card--harvardx.card--media-top .card__content {
border-top: 4px solid #a51c30
}
.card--edx {
border-top: 4px solid #51b5f8
}
.card--edx .card-gallery__list li {
margin-top: 1.25em
}
.card--edx.card--media-left .card__content, .card--edx.card--media-top .card__content {
border-top: 4px solid #51b5f8
}
.card--president {
border-top: 4px solid #c4961a
}
.card--president .card-gallery__list li {
margin-top: 1.25em
}
.card--president.card--media-left .card__content, .card--president.card--media-top .card__content {
border-top: 4px solid #c4961a
}
.card--media-left, .card--media-top {
border-top: 0 !important
}
.card__content__heading {
font-size: .875em;
padding: 1.25em 1.25em 0;
line-height: 1.2em;
text-transform: uppercase
}
.card__content__source {
padding: 1em 1.25em
}
.card__title {
font-size: 1.3125em;
padding-top: 0
}
.card__timestamp {
font-size: .875em;
padding-top: .5em;
padding-bottom: 0
}
.card__text {
padding-top: .75em
}
.card__text p {
padding: 0
}
.card__media>*, .card__media>a>* {
display: block;
height: auto;
width: 100%
}
.card__outro {
padding: 0 1.25em
}
.card__outro__cta-1, .card__outro__cta-2, .card__outro__cta-btn {
display: inline-block;
margin-bottom: 20px;
vertical-align: middle
}
.card__outro__cta-1 {
padding-right: 40px
}
.card__outro__cta-1+.card__outro__cta-2 {
margin-left: 40px
}
.card__outro[max-width^="550px"] .card__outro__cta-1, .card__outro[max-width^="550px"] .card__outro__cta-2 {
display: block;
margin-left: 0
}
.card__outro__cta-1 a {
display: inline-block;
position: relative
}
.card__outro__cta-1 a:after {
background-image: url("../img/icon-goto.png");
background-repeat: no-repeat;
background-position: center center;
bottom: 0;
content: '';
height: 20px;
margin: auto;
position: absolute;
right: -32px;
speech: none;
top: 0;
width: 22px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.card__outro__cta-1 a:after {
background-image: url("../img/icon-goto@2x.png");
background-size: 20px 20px
}
}
.card__outro__cta-1 a.c-txt-white:after {
background-image: url("../img/icon-goto-white.png");
background-repeat: no-repeat;
background-position: center center
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.card__outro__cta-1 a.c-txt-white:after {
background-image: url("../img/icon-goto-white@2x.png");
background-size: 20px 20px
}
}
.card--16-9 {
height: 0;
padding-bottom: 56.25%;
width: 100%
}
.card--16-9.kaltura-video {
padding-bottom: 64.75%
}
.card--16-9.kaltura-video.in-content {
padding-bottom: 61.75%
}
.card--16-9 video, .card--16-9 iframe, .card--16-9 .embed-container>* {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important
}
.card .inline-card-edit-link {
position: absolute;
right: 20px;
bottom: 20px;
display: block;
font-size: 12px;
z-index: 1
}
.embed-container {
position: relative
}
.card--large .card__title[max-width="500px"] {
font-family: 'Merriweather Regular';
font-size: 1.3125em
}
@media screen and (max-width: 749px) {
.card--large .card__title {
font-family: 'Merriweather Regular';
font-size: 1.3125em
}
}
@media screen and (min-width: 749px) {
.card--large {
text-align: center
}
.card--large .card__content__heading, .card--large .card__content__source {
margin: auto;
padding-left: 2.5em;
padding-right: 2.5em
}
}
.w-25 .card__outro__cta-1, .w-25 .card__outro__cta-2, .w-33 .card__outro__cta-1, .w-33 .card__outro__cta-2, .w-20 .card__outro__cta-1, .w-20 .card__outro__cta-2 {
display: block;
margin-left: 0
}
.card--no-border {
border: none
}
.card--media-left {
padding-left: 310px
}
@media screen and (max-width: 749px) {
.card--media-left {
padding-left: 0
}
}
.card--media-left.card--media-none {
padding-left: 0
}
.card--media-left.card--media-left--narrow {
padding-left: 200px;
min-height: 200px
}
@media screen and (max-width: 659px) {
.card--media-left.card--media-left--narrow {
padding-left: 0
}
}
.card--media-left.card--media-left--narrow .card__media {
width: 200px
}
@media screen and (max-width: 749px) {
.card--media-left.card--media-left--narrow .card__media {
position: absolute
}
}
.card--media-left .card__media {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 310px
}
@media screen and (max-width: 749px) {
.card--media-left .card__media {
position: relative;
width: 100%
}
}
.card--media-left .card__text {
font-size: .875em
}
.w-25 .card--media-left.card--media-left--narrow, .w-33 .card--media-left.card--media-left--narrow, .w-50 .card--media-left.card--media-left--narrow {
padding-left: 120px
}
.w-25 .card--media-left.card--media-left--narrow .card__media>a>img, .w-33 .card--media-left.card--media-left--narrow .card__media>a>img, .w-50 .card--media-left.card--media-left--narrow .card__media>a>img {
width: 120px
}
@media screen and (max-width: 500px) {
.w-25 .card--media-left.card--media-left--narrow, .w-33 .card--media-left.card--media-left--narrow, .w-50 .card--media-left.card--media-left--narrow {
padding-left: 0
}
.w-25 .card--media-left.card--media-left--narrow .card__media, .w-33 .card--media-left.card--media-left--narrow .card__media, .w-50 .card--media-left.card--media-left--narrow .card__media {
display: none
}
}
@media screen and (max-width: 659px) {
.card--media-left.card--media-left--narrow {
padding-left: 120px;
min-height: 120px
}
.card--media-left.card--media-left--narrow .card__media>a>img {
width: 120px
}
}
@media screen and (max-width: 500px) {
.card--media-left.card--media-left--narrow {
padding-left: 0px
}
.card--media-left.card--media-left--narrow .card__media {
display: none
}
}
.card--media-left.card--soundcloud .card__media>iframe {
height: 100%;
max-height: 200px
}
.card--media-inner, .card--media-only {
padding-top: 44px
}
.card--media-inner .card__content__heading, .card--media-only .card__content__heading {
left: 0;
position: absolute;
top: 0
}
.card--media-only .card__outro {
padding: .25em 1.25em 0
}
.card__timestamp+.card__outro, .card__content__heading+.card__outro {
padding-top: 1.25em
}
.card--media-thumb .card__title {
font-size: 1.125em
}
.card--media-thumb[max-width="280px"] .card__thumb {
float: none
}
.card__thumb {
float: left;
margin: 0 0.75em 1.25em 0;
max-width: 80px;
width: 30%
}
.card__thumb a, .card__thumb img {
display: block
}
.img-sm, .img-lg {
display: none
}
.no-js .img-sm {
display: none
}
.no-js .img-lg {
display: block
}
.card__media--img[max-width="310px"] .img-lg {
display: none
}
.card__media--img[max-width="310px"] .img-sm {
display: block
}
.card__media--img[min-width="311px"] .img-lg {
display: block
}
.card__media--img[min-width="311px"] .img-sm {
display: none
}
.grid .card+.card, .grid .card+.grid {
margin-top: 1.125em
}
.card--background-img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: auto;
max-width: 310px;
position: relative;
text-align: center
}
.card--background-img__scale {
height: 0;
padding-bottom: 100%;
width: 100%
}
.card--background-img .card__outro {
bottom: 0;
left: 0;
position: absolute;
right: 0
}
@media screen and (max-width: 768px) {
.wrapper.wrapper--carousel {
padding: 2.5em 1.25em
}
.wrapper.wrapper--carousel .card-callout-bg-img__content {
padding-left: 15px;
padding-right: 15px
}
.card-callout-media .wrapper.carousel.wrapper--carousel {
padding: 0 1.25em
}
}
.card-callout {
padding: 120px 40px;
position: relative;
text-align: center
}
@media screen and (max-width: 700px) {
.card-callout {
font-size: .85em;
padding: 80px 20px
}
}
.card-callout__content {
background: rgba(0,0,0,0.1);
margin: auto;
max-width: 940px;
padding: 3.75em;
position: relative;
z-index: 2
}
@media screen and (max-width: 600px) {
.card-callout__content {
padding: 2.25em
}
.card-callout__content[class*="w-"] {
width: 100%
}
}
.card-callout__content:before, .card-callout__content:after {
background: #414141;
content: '';
height: 1px;
left: 20px;
margin: 0 auto;
position: absolute;
right: 20px;
z-index: 3
}
.card-callout__content:before {
top: -20px
}
.card-callout__content:after {
bottom: -20px
}
.card-callout__content-outro {
padding-top: 5em;
position: relative;
z-index: 2
}
.card-callout__link {
text-decoration: none
}
.card-callout__link img {
margin-right: .5em
}
.card-callout__link:hover span, .card-callout__link:focus span {
text-decoration: underline
}
.card-callout--reverse .card-callout__text, .card-callout--reverse .card-callout__link {
color: #fff
}
.card-callout--reverse .card-callout__content:before, .card-callout--reverse .card-callout__content:after {
background: #fff
}
.card-callout-bg-img, .card-callout-bg-img>[style] {
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.card-callout-bg-img__content {
background: rgba(0,0,0,0.625);
float: left;
padding: 160px 40px;
width: 50%
}
@media screen and (max-width: 900px) {
.card-callout-bg-img__content {
width: 50%;
padding: 120px 40px
}
}
@media screen and (max-width: 660px) {
.card-callout-bg-img__content {
width: 100%
}
}
.card.c-txt-dark .card-callout-bg-img__content h1, .card.c-txt-dark .card-callout-bg-img__content h2, .card.c-txt-dark .card-callout-bg-img__content h3, .card.c-txt-dark .card-callout-bg-img__content h4, .card.c-txt-dark .card-callout-bg-img__content p, .card.c-txt-dark .card-callout-bg-img__content a, .card.c-txt-dark .card-callout-bg-img__content a:hover, .card.c-txt-dark .card-callout-bg-img__content a:visited {
color: #fff
}
.card-callout-media {
padding: 60px 0;
position: relative
}
.card-callout-media .wrapper {
padding: 2.5em
}
.card-callout-media .wrapper.wrapper--carousel {
padding: 2.5em 3.625em
}
.card-callout-media__media a, .card-callout-media__media--right a {
max-width: 100%
}
.card-callout-media__text, .card-callout-media__media, .card-callout-media__media--right {
display: inline-block;
max-width: 50%;
width: 49%;
vertical-align: middle
}
.card-callout-media__text {
padding-left: 1.25em
}
.card-callout-media__media {
padding-right: 1.25em
}
.card-callout-media--right .card-callout-media__text {
padding-right: 1.25em;
padding-left: 0
}
.card-callout-media--right .card-callout-media__media--right {
padding-left: 1.25em;
padding-right: 0
}
.card-callout-media--right .card-callout-media__media--right>* {
float: right
}
.card-callout-media .img-callout-narrow {
display: none
}
@media screen and (max-width: 768px) {
.card-callout-media {
padding: 0
}
.card-callout-media .wrapper {
padding: 0
}
.card-callout-media .img-callout-narrow {
display: block;
width: 100%
}
.card-callout-media .img-callout-wide {
display: none
}
.card-callout-media__media, .card-callout-media__text {
max-width: 100%;
padding: 3em 2em;
position: relative;
width: 100%;
z-index: 2
}
.card-callout-media--right .card-callout-media__text {
padding: 3em 2em
}
.card-callout-media--right .card-callout-media__media--right {
display: none
}
.card-callout-media__media {
padding: 0
}
}
.event-mdt {
border-bottom: 1px solid #bac5c6;
margin-bottom: 0.5em;
padding-bottom: .5em
}
.card--event__link {
display: block;
line-height: 1.4;
margin-bottom: 0.5em
}
.card--event__time {
line-height: 1.4;
text-transform: none;
padding: 0
}
.card--event__media {
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 51.25%
}
@media screen and (max-width: 480px) {
.card--event__media {
position: static;
width: auto;
height: 160px
}
}
.card--event--media {
padding-left: 51.25%
}
@media screen and (max-width: 480px) {
.card--event--media {
padding-left: 0
}
}
.event-link-title {
display: block
}
.event-feature {
text-transform: uppercase;
color: #D16103;
font-family: 'Merriweather Sans Bold', Arial, sans-serif;
letter-spacing: 0.03em
}
.card--video-bg__video-wrap, .card--video-bg__video-wrap img, .card--video-bg__video-wrap video {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.card--video-bg {
background: url(home-poster-fallback.jpg) no-repeat center center;
background-size: cover;
position: relative;
overflow: hidden;
padding-bottom: 48.6%;
height: 0
}
.card--video-bg__content {
left: 0;
padding: 10% 0 0;
position: absolute;
right: 0;
z-index: 3
}
@media screen and (min-width: 700px) {
.card--video-bg__content {
padding: 8.5% 0 0
}
}
@media screen and (min-width: 900px) {
.card--video-bg__content {
padding: 10% 0 0
}
}
@media screen and (min-width: 1100px) {
.card--video-bg__content {
padding: 15% 0 0
}
}
.card--video-bg__video-wrap video {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
@media screen and (max-width: 699px) {
.card--video-bg {
height: auto;
padding: 54px 0
}
.card--video-bg__video-wrap {
display: none
}
.card--video-bg__content {
position: relative
}
.card--video-bg__content .card-callout__content {
width: 90% !important
}
}
.card--video-bg .card-callout__content {
background: rgba(0,0,0,0.25);
padding: 2em 3em;
font-size: .75em
}
@media screen and (min-width: 800px) {
.card--video-bg .card-callout__content {
font-size: .8em
}
}
@media screen and (min-width: 1000px) {
.card--video-bg .card-callout__content {
font-size: 1em
}
}
@media screen and (max-width: 800px) {
.card--video-bg .card-callout__content-outro {
padding-top: 3em
}
}
@media screen and (max-width: 600px) {
.card--video-bg .card-callout__content-outro {
padding-top: 4em
}
}
.ie-8 .card--video-bg__video-wrap, .is-touch-device .card--video-bg__video-wrap {
display: none
}
.itunes-list {
position: relative;
padding-left: 80px
}
.itunes-list .txt-down-1 {
min-height: 72px
}
.itunes-thumb {
left: 0;
position: absolute;
top: 0;
width: 72px
}
.itunes-title {
padding-bottom: 0
}
@media screen and (max-width: 700px) {
.card--news-signup {
font-size: .875em
}
}
.card--news-signup p {
margin-bottom: .75em;
padding-bottom: 0
}
#newspaper_signup_form .display-inline-block {
position: relative
}
@media screen and (max-width: 660px) {
#newspaper_signup_form .display-inline-block {
display: block !important
}
}
#newspaper_signup_btn {
margin: 0 1em
}
@media screen and (max-width: 660px) {
#newspaper_signup_btn {
margin: auto;
width: 100%
}
}
#newspaper_email {
width: 300px
}
@media screen and (max-width: 660px) {
#newspaper_email {
margin-bottom: 1.25em;
width: 100%
}
}
@media screen and (min-width: 601px) {
.card--title-callout {
padding-bottom: 1em;
padding-top: 1em
}
}
.card--title-callout__heading {
display: inline-block;
margin-right: .5em;
vertical-align: middle
}
@media screen and (max-width: 37.5em) {
.card--title-callout__heading {
display: block;
margin-right: 0;
text-align: center
}
}
@media screen and (min-width: 601px) {
.card--title-callout__heading {
padding: .875em 0
}
}
.card--title-callout .btn {
margin-bottom: 2em;
margin-left: .5em
}
@media screen and (max-width: 37.5em) {
.card--title-callout .btn {
margin: 0
}
}
.card--breaking-news-callout .content-area {
margin: auto;
max-width: 600px;
padding: 1.5em
}
.video-close {
display: none
}
.video-close>* {
visibility: hidden
}
.video-close.show-expanded>* {
visibility: visible
}
.is-visually-hidden {
border: 0 !important;
color: transparent;
height: 1px !important;
left: -999999px !important;
position: absolute !important;
width: 1px !important
}
.display-inline {
display: inline !important;
margin: 0 !important;
width: auto !important
}
.display-inline-all>* {
display: inline-block !important;
margin-bottom: 0 !important;
vertical-align: middle;
width: auto !important
}
.display-inline-block {
display: inline-block !important;
vertical-align: middle;
width: auto !important
}
.display-block {
display: block !important
}
.display-none {
display: none !important
}
.wrapper.wrapper--alert {
padding: 72px 0 60px
}
@media screen and (max-width: 37.5em) {
.wrapper.wrapper--alert {
padding: 40px 0
}
}
.alert-container {
margin: auto;
max-width: 660px;
position: relative
}
@media screen and (max-width: 800px) {
.alert-container {
padding: 0 1.25em
}
}
.alert-container .btn--close {
position: absolute;
right: 0;
top: 0
}
.alert-block {
border-radius: 1px
}
.alert-block--warning {
border: 1px solid #d16103
}
.alert-block--information {
border: 1px solid #4e84c4
}
.alert-block--success {
border: 1px solid #52854c
}
.alert-heading__text.alert-icon {
padding-left: 40px;
position: relative
}
.alert-heading__text.alert-icon:before {
background-repeat: no-repeat;
bottom: 0;
content: '';
left: 0;
margin: auto;
position: absolute;
speech: none;
top: 0
}
.alert-icon--weather:before {
background-image: url(../img/weather-icon.png);
height: 36px;
width: 36px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.alert-icon--weather:before {
background-image: url("../img/weather-icon@2x.png");
background-size: 32px 32px
}
}
.alert-icon--warning:before {
background-image: url(../img/alert-icon.png);
height: 27px;
width: 31px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.alert-icon--warning:before {
background-image: url("../img/alert-icon@2x.png");
background-size: 31px 27px
}
}
.alert__content__message {
padding-bottom: 0
}
@media screen and (max-width: 800px) {
#closeAlert {
right: 20px
}
}
.social-link {
background-image: url("../img/socialFooter.png");
background-repeat: no-repeat;
display: block;
height: 30px;
opacity: .8;
overflow: hidden;
width: 30px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.social-link {
background-image: url("../img/socialFooter@2x.png");
background-size: 360px 30px
}
}
.social-link.with-label {
display: inline-block;
vertical-align: middle
}
.social-link.with-label+span {
vertical-align: middle
}
.social-link:hover, .social-link:focus {
opacity: 1
}
.social-link--youtube {
background-position: 0 0
}
.social-link--twitter {
background-position: -30px 0
}
.social-link--soundcloud {
background-position: -60px 0
}
.social-link--rss {
background-position: -90px 0
}
.social-link--linkedin {
background-position: -120px 0
}
.social-link--instagram {
background-position: -150px 0
}
.social-link--flickr {
background-position: -180px 0
}
.social-link--itunes {
background-position: -210px 0
}
.social-link--google-plus {
background-position: -240px 0
}
.social-link--facebook {
background-position: -270px 0
}
.social-link--email {
background-position: -300px 0
}
.sidebar-card .list-social-share {
margin-bottom: 0;
padding-top: .5em
}
.sidebar-card .list-social-share li {
margin-bottom: .5em
}
.sidebar-card .list-social-share li:last-child {
margin-bottom: 0
}
.sidebar-card .list-social-share a {
text-decoration: none
}
.sidebar-card .list-social-share a:hover .social-link, .sidebar-card .list-social-share a:focus .social-link {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.sidebar-card .list-social-share a:hover .social-label, .sidebar-card .list-social-share a:focus .social-label {
text-decoration: underline
}
.sidebar-card .list-social-share .social-label {
margin-left: .5em
}
.social-icon {
padding-left: 30px;
position: relative
}
.social-icon:before {
background-image: url("../img/social-color-sprite.png");
background-repeat: no-repeat;
content: '';
height: 21px;
left: 0;
position: absolute;
speech: none;
top: 0;
width: 20px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.social-icon:before {
background-image: url("../img/social-color-sprite@2x.png");
background-size: 320px 20px
}
}
.card .social-icon:before {
top: -1px
}
.card--youtube .social-icon:before, .social-icon--youtube:before {
background-position: -40px 0
}
.card--twitter .social-icon:before, .social-icon--twitter:before {
background-position: -60px 0
}
.card--soundcloud .social-icon:before, .social-icon--soundcloud:before {
background-position: -120px 0
}
.social-icon--rss:before {
background-position: -80px 0
}
.card--linkedin .social-icon:before, .social-icon--linkedin:before {
background-position: -100px 0
}
.card--instagram .social-icon:before, .social-icon--instagram:before {
background-position: -160px 0
}
.card--flickr .social-icon:before, .social-icon--flickr:before {
background-position: -200px 0
}
.card--itunes .social-icon:before, .social-icon--itunes:before {
background-position: -180px 0
}
.card--google-plus .social-icon:before, .social-icon--google-plus:before {
background-position: -140px 0
}
.card--facebook .social-icon:before, .social-icon--facebook:before {
background-position: 0 0
}
.social-icon--email:before {
background-position: -20px 0
}
.card--gazette .social-icon:before, .social-icon--gazette:before {
background-position: -220px 0
}
.card--tumblr .social-icon:before, .social-icon--tumblr:before {
background-position: -240px 0
}
.card--news .social-icon:before, .social-icon--news:before {
background-position: -260px 0
}
.card--vimeo .social-icon:before, .social-icon--vimeo:before {
background-position: -280px 0
}
.card--snapchat .social-icon:before, .social-icon--snapchat:before {
background-position: -300px 0
}
.article-callout {
margin-bottom: .5em;
margin-top: .5em
}
.article-callout--pull {
float: right;
margin: .5em -110px 2.5em 1.5em;
width: 310px
}
@media screen and (max-width: 1300px) {
.article-callout--pull {
margin-right: -5%
}
}
@media screen and (max-width: 1180px) {
.article-callout--pull {
margin-right: 0
}
}
@media screen and (min-width: 769px) and (max-width: 960px) {
.article-callout--pull {
width: 100%
}
}
@media screen and (max-width: 600px) {
.article-callout--pull {
margin-bottom: 2.25em;
margin-top: .75em;
width: 100%
}
}
.advert {
margin: 1em auto;
max-width: 210px;
padding-left: 1.25em;
padding-right: 1.25em
}
@media screen and (min-width: 769px) and (max-width: 960px) {
.advert {
max-width: 100%
}
}
@media screen and (min-width: 320px) and (max-width: 600px) {
.advert {
max-width: 100%
}
}
.advert__intro {
padding-top: 2.625em
}
.advert__intro__label {
margin-bottom: .5em;
padding-bottom: 0
}
.advert__message {
padding: 1em 0 2em
}
.advert__outro {
padding-bottom: 2.625em
}
.advert.card--gazette {
padding-left: 0;
padding-right: 0;
border-top: 0
}
.advert.card--gazette .card__content__heading {
background-color: #a51c30;
color: white;
padding: 1em;
display: block;
width: 100%;
text-align: center
}
.advert.card--gazette .card-gallery__list a {
color: #5e5e5e
}
.advert.card--gazette .card-gallery__list li {
margin-top: 0.5em
}
.c-bg-green {
background-color: #52854c
}
.c-bg-green--tint {
background-color: rgba(82,133,76,0.75)
}
.c-bg-blue-dark {
background-color: #293352
}
.c-bg-blue-dark--tint {
background-color: rgba(41,51,82,0.75)
}
.c-bg-orange {
background-color: #d16103
}
.c-bg-orange--tint {
background-color: rgba(209,97,3,0.75)
}
.c-bg-crimson {
background-color: #a51c30
}
.c-bg-crimson--tint {
background-color: rgba(165,28,48,0.75)
}
.c-bg-blue {
background-color: #4e84c4
}
.c-bg-blue--tint {
background-color: rgba(78,132,196,0.75)
}
.c-bg-gold {
background-color: #c4961a
}
.c-bg-gold--tint {
background-color: rgba(196,150,26,0.75)
}
.c-bg-green-light {
background-color: #c3d7a4
}
.c-bg-green-light--tint {
background-color: rgba(195,215,164,0.75)
}
.c-bg-white {
background-color: #fff
}
.c-bg-white--tint {
background-color: rgba(255,255,255,0.75)
}
.c-bg-dark {
background-color: #414141
}
.c-bg-dark--tint {
background-color: rgba(65,65,65,0.75)
}
.c-bg-grey {
background-color: #bac5c6
}
.c-bg-grey--tint {
background-color: rgba(186,197,198,0.75)
}
.c-border-green {
border-color: #52854c
}
.c-border-blue-dark {
border-color: #293352
}
.c-border-orange {
border-color: #d16103
}
.c-border-crimson {
border-color: #a51c30
}
.c-border-blue {
border-color: #4e84c4
}
.c-border-gold {
border-color: #c4961a
}
.c-border-green-light {
border-color: #c3d7a4
}
.c-border-white {
border-color: #fff
}
.c-border-dark {
border-color: #414141
}
.c-border-grey {
border-color: #bac5c6
}
.c-txt-green {
color: #52854c
}
.c-txt-blue-dark {
color: #293352
}
.c-txt-orange {
color: #d16103
}
.c-txt-crimson {
color: #a51c30
}
.c-txt-blue {
color: #4e84c4
}
.c-txt-gold {
color: #c4961a
}
.c-txt-green-light {
color: #c3d7a4
}
.c-txt-white {
color: #fff
}
.c-txt-dark {
color: #414141
}
.c-txt-grey {
color: #bac5c6
}
.c-txt-white h1, .c-txt-white h2, .c-txt-white h3, .c-txt-white h4, .c-txt-white h5, .c-txt-white h6, .c-txt-white p, .c-txt-white a, .c-txt-white a:hover, .c-txt-white a:focus, .card.c-txt-white h1, .card.c-txt-white h2, .card.c-txt-white h3, .card.c-txt-white h4, .card.c-txt-white h5, .card.c-txt-white h6, .card.c-txt-white p, .card.c-txt-white a, .card.c-txt-white a:hover, .card.c-txt-white a:focus {
color: #fff
}
.c-txt-dark h1, .c-txt-dark h2, .c-txt-dark h3, .c-txt-dark h4, .c-txt-dark h5, .c-txt-dark h6, .c-txt-dark p, .card.c-txt-dark h1, .card.c-txt-dark h2, .card.c-txt-dark h3, .card.c-txt-dark h4, .card.c-txt-dark h5, .card.c-txt-dark h6, .card.c-txt-dark p {
color: #414141
}
.c-txt-dark a, .c-txt-dark a:hover, .c-txt-dark a:focus, .card.c-txt-dark a, .card.c-txt-dark a:hover, .card.c-txt-dark a:focus {
color: #a51c30
}
.c-txt-dark h1 a, .c-txt-dark h1 a:hover, .c-txt-dark h1 a:focus, .c-txt-dark h2 a, .c-txt-dark h2 a:hover, .c-txt-dark h2 a:focus, .c-txt-dark h3 a, .c-txt-dark h3 a:hover, .c-txt-dark h3 a:focus, .c-txt-dark h4 a, .c-txt-dark h4 a:hover, .c-txt-dark h4 a:focus, .c-txt-dark h5 a, .c-txt-dark h5 a:hover, .c-txt-dark h5 a:focus, .c-txt-dark h6 a, .c-txt-dark h6 a:hover, .c-txt-dark h6 a:focus, .card.c-txt-dark h1 a, .card.c-txt-dark h1 a:hover, .card.c-txt-dark h1 a:focus, .card.c-txt-dark h2 a, .card.c-txt-dark h2 a:hover, .card.c-txt-dark h2 a:focus, .card.c-txt-dark h3 a, .card.c-txt-dark h3 a:hover, .card.c-txt-dark h3 a:focus, .card.c-txt-dark h4 a, .card.c-txt-dark h4 a:hover, .card.c-txt-dark h4 a:focus, .card.c-txt-dark h5 a, .card.c-txt-dark h5 a:hover, .card.c-txt-dark h5 a:focus, .card.c-txt-dark h6 a, .card.c-txt-dark h6 a:hover, .card.c-txt-dark h6 a:focus {
color: #414141
}
.c-txt-dark .card--background-img .c-txt-white h1, .c-txt-dark .card--background-img .c-txt-white h2, .c-txt-dark .card--background-img .c-txt-white h3, .c-txt-dark .card--background-img .c-txt-white h4, .c-txt-dark .card--background-img .c-txt-white h5, .c-txt-dark .card--background-img .c-txt-white h6, .c-txt-dark .card--background-img .c-txt-white p, .c-txt-dark .card--background-img .c-txt-white a, .c-txt-dark .card--background-img .c-txt-white a:hover, .c-txt-dark .card--background-img .c-txt-white a:focus, .card.c-txt-dark .card--background-img .c-txt-white h1, .card.c-txt-dark .card--background-img .c-txt-white h2, .card.c-txt-dark .card--background-img .c-txt-white h3, .card.c-txt-dark .card--background-img .c-txt-white h4, .card.c-txt-dark .card--background-img .c-txt-white h5, .card.c-txt-dark .card--background-img .c-txt-white h6, .card.c-txt-dark .card--background-img .c-txt-white p, .card.c-txt-dark .card--background-img .c-txt-white a, .card.c-txt-dark .card--background-img .c-txt-white a:hover, .card.c-txt-dark .card--background-img .c-txt-white a:focus {
color: #fff
}
a.c-txt-white, a.c-txt-white:hover, a.c-txt-white:focus {
color: #fff
}
.bg-tint {
background: rgba(0,0,0,0.15)
}
.bg-tint-reverse {
background: rgba(255,255,255,0.15)
}
.page {
min-height: 82px;
}
@media screen and (max-width: 660px) {
.page {
min-height: 1px
}
}
/*.wrapper {
margin: 0 auto;
max-width: 1340px;
padding: 1.25em;
position: relative
}*/
.wrapper--1-down {
max-width: 1120px
}
.wrapper--2-down {
max-width: 900px
}
.wrapper--3-down {
max-width: 680px
}
.wrapper--4-down {
max-width: 460px
}
.wrapper>.grid:last-of-type {
margin-bottom: 0
}
.wrapper--no-pad {
padding: 0;
max-width: 1300px
}
.wrapper--no-pad--keep-w {
padding: 0
}
.wrapper--no-pad--top {
padding-top: 0
}
.wrapper--no-pad--bottom {
padding-bottom: 0
}
.wrapper--carousel {
padding-left: 3.625em;
padding-right: 3.625em
}
.padding-xsm {
padding: 2.5em 2em
}
.padding-sm {
padding: 3.75em 2em
}
.padding-m {
padding: 4.5em 2em
}
.padding-l {
padding: 7.25em 2em
}
@media screen and (max-width: 660px) {
.padding-xsm, .padding-sm, .padding-m, .padding-l {
padding: 2.5em 1.25em
}
}
.push-down--tiny {
margin-bottom: 0.5em
}
.push-down--xxsm {
margin-bottom: 1em
}
.push-down--xsm {
margin-bottom: 2.5em
}
.push-down--sm {
margin-bottom: 3.75em
}
.push-down--m {
margin-bottom: 4.5em
}
.content-area {
padding: 1.25em
}
.deck {
position: relative
}
.deck p:last-child, .deck p.last {
padding-bottom: 0
}
@media screen and (max-width: 37.5em) {
.deck .txt-h1-alt, .deck .card--large .card__title, .card--large .deck .card__title {
font-size: 1.8em
}
}
.deck__cta-area {
padding-top: 2em
}
@media screen and (min-width: 960px) {
.deck__cta-area {
padding-top: 0;
position: absolute;
right: 0;
top: -4.75em
}
}
.deck--photography .link-img-wrap {
margin-top: .625em
}
@media screen and (max-width: 660px) {
.deck--photography {
text-align: center
}
.deck--photography .grid>.w-50 {
margin-bottom: 0
}
}
.link-img-wrap {
display: block
}
.link-img-wrap img {
display: block;
text-decoration: none;
margin-bottom: 1em
}
@media screen and (max-width: 660px) {
.link-img-wrap {
text-align: center
}
.link-img-wrap img {
margin-left: auto;
margin-right: auto
}
}
.deck--contact-mr-callout .grid>.w-25 {
margin-bottom: 60px
}
@media screen and (max-width: 660px) {
.deck--contact-mr-callout .grid>.w-25 {
padding-bottom: 40px
}
.deck--contact-mr-callout .grid>.w-25:last-child {
padding-bottom: 0
}
}
.cmr-heading {
margin-bottom: .5em
}
.float-right {
float: right
}
.w-10 {
width: 10%
}
.w-20 {
width: 20%
}
.w-25 {
width: 25%
}
.w-30 {
width: 30%
}
.w-40 {
width: 40%
}
.w-50 {
width: 50%
}
.w-60 {
width: 60%
}
.w-70 {
width: 70%
}
.w-75 {
width: 75%
}
.w-80 {
width: 80%
}
.w-90 {
width: 90%
}
.w-100 {
width: 100%
}
.w-33 {
width: 33.33333%
}
.w-66 {
width: 66.66667%
}
@media screen and (min-width: 660px) and (max-width: 980px) {
.grid>.w-33--m {
width: 33.3333%
}
.grid>.w-50--m {
margin-bottom: 1.25em;
width: 50%
}
.grid>.w-50--m:last-child, .grid>.w-50--m:nth-last-child(2) {
margin-bottom: 0 !important
}
.grid>.w-66--m {
width: 66.6666%
}
.grid>.w-100--m {
width: 100%
}
.grid>.w-100--m ~ .w-50--m {
margin-top: 1.25em
}
}
@media screen and (max-width: 660px) {
.grid [class*="w-"]:not(.w-force):not(.show-expanded) {
margin-bottom: 1.25em;
width: 100%
}
}
.grid {
margin-left: -1.25em
}
.grid+.grid {
margin-top: 1.25em
}
[class*="w-"]>.grid {
margin-bottom: 0
}
.grid>[class*="w-"] {
float: left;
margin-bottom: 0;
min-height: 1px;
padding-left: 1.25em;
position: relative
}
.grid>[class*="w-"].float-right {
float: right
}
@media screen and (max-width: 800px) {
.grid--2a .w-50 {
width: 100%;
margin-bottom: 1.25em
}
}
@media screen and (max-width: 900px) {
.grid--3b .w-33, .grid--3b .w-66, .grid--3b-mirror .w-33, .grid--3b-mirror .w-66 {
width: 100%;
margin-bottom: 1.25em
}
}
.grid--3b .card, .grid--3b-mirror .card {
margin-bottom: 0
}
@media screen and (max-width: 960px) {
.grid--4a.grid>.w-50 {
margin-bottom: 1.25em;
width: 100%
}
}
@media screen and (max-width: 660px) {
.grid--4a.grid>.w-50 {
margin-bottom: auto
}
}
.grid--4b {
padding-left: 330px;
position: relative
}
.grid--4b .card-left .w-100 {
margin-bottom: 1.25em
}
.grid--4b .pull-left .card-left {
float: left;
margin-left: -330px;
width: 310px
}
.grid--4b .grid--nested {
margin-top: 1.25em
}
@media screen and (min-width: 901px) and (max-width: 1024px) {
.grid--4b .card--media-left {
padding-left: 0px
}
.grid--4b .card--media-left .card__media {
position: relative;
width: 100%
}
}
@media screen and (min-width: 661px) and (max-width: 900px) {
.grid--4b .card--media-left {
padding-left: 310px
}
.grid--4b .card--media-left .card__media {
position: absolute;
width: 310px
}
}
@media screen and (max-width: 1000px) {
.grid--4b {
padding-left: 0
}
.grid--4b .w-50--m {
width: 50%
}
.grid--4b .card-left .w-100 {
margin-bottom: 0
}
.grid--4b .grid--nested {
padding-left: 0
}
.grid--4b .card-left {
margin-bottom: 1.25em
}
.grid--4b .pull-left .card-left {
float: none;
margin-left: 0;
width: auto
}
}
@media screen and (max-width: 660px) {
.grid--4b .card-left {
margin-bottom: 0
}
.grid--4b .card-left .w-100 {
margin-bottom: 1.25em
}
.grid--4b .card--media-left {
padding-left: 0px
}
.grid--4b .card--media-left .card__media {
position: relative;
width: 100%
}
}
.grid--4b-mirror {
padding-right: 330px;
position: relative
}
.grid--4b-mirror .card-right .w-100 {
margin-bottom: 1.25em
}
.grid--4b-mirror .pull-right .card-right {
float: right;
margin-right: -330px;
width: 310px
}
.grid--4b-mirror .grid--nested {
margin-top: 1.25em
}
@media screen and (max-width: 1000px) {
.grid--4b-mirror {
padding-right: 0
}
.grid--4b-mirror .w-50--m {
width: 50%
}
.grid--4b-mirror .card-right {
margin-bottom: 1.25em
}
.grid--4b-mirror .card-right .w-100 {
margin-bottom: 0
}
.grid--4b-mirror .grid--nested {
padding-right: 0
}
.grid--4b-mirror .pull-right .card-right {
float: none;
margin-right: 0;
width: auto
}
}
@media screen and (max-width: 660px) {
.grid--4b-mirror .card-right {
margin-bottom: 0
}
.grid--4b-mirror .card-right .w-100 {
margin-bottom: 1.25em
}
}
.grid--4b-alt .card {
margin-bottom: 1.25em
}
.grid--4b-alt .grid {
margin-top: 0 !important
}
.grid--4b-alt__left {
margin-bottom: 0 !important
}
@media screen and (max-width: 1024px) {
.grid--4b-alt__left[class*="w-"], .grid--4b-alt__right[class*="w-"] {
width: 50%
}
.grid--4b-alt__left[class*="w-"] .grid>[class*="w-"], .grid--4b-alt__right[class*="w-"] .grid>[class*="w-"] {
width: 100%
}
.grid--4b-alt .card--media-left {
padding-left: 0px
}
.grid--4b-alt .card--media-left .card__media {
position: relative;
width: 100%
}
}
@media screen and (max-width: 900px) {
.grid--4b-alt__left[class*="w-"], .grid--4b-alt__right[class*="w-"] {
float: none;
width: 100%
}
.grid--4b-alt__left[class*="w-"] .grid>.w-50--sm, .grid--4b-alt__left[class*="w-"] .grid>.w-60, .grid--4b-alt__left[class*="w-"] .grid>.w-40, .grid--4b-alt__right[class*="w-"] .grid>.w-50--sm, .grid--4b-alt__right[class*="w-"] .grid>.w-60, .grid--4b-alt__right[class*="w-"] .grid>.w-40 {
width: 50%
}
.grid--4b-alt .card--media-left {
padding-left: 310px
}
.grid--4b-alt .card--media-left .card__media {
position: absolute;
width: 310px
}
}
@media screen and (max-width: 620px) {
.grid--4b-alt__left[class*="w-"] .grid>[class*="w-"], .grid--4b-alt__right[class*="w-"] .grid>[class*="w-"] {
width: 100%
}
.grid--4b-alt .card--media-left {
padding-left: 0px
}
.grid--4b-alt .card--media-left .card__media {
position: relative;
width: 100%
}
}
.grid--4c {
padding-left: 660px
}
.grid--4c .fixed-2-col {
margin-left: -660px;
width: 660px
}
@media screen and (min-width: 1161px) and (max-width: 1320px) {
.grid--4c .card--media-left {
padding-left: 200px
}
.grid--4c .card--media-left .card__media {
width: 200px
}
}
@media screen and (min-width: 1001px) and (max-width: 1160px) {
.grid--4c .card--media-left {
padding-left: 0px
}
.grid--4c .card--media-left .card__media {
position: relative;
width: 100%
}
}
@media screen and (min-width: 661px) and (max-width: 1000px) {
.grid--4c .card--media-left {
padding-left: 310px
}
.grid--4c .card--media-left .card__media {
position: absolute;
width: 310px
}
}
@media screen and (max-width: 1000px) {
.grid--4c {
padding: 0
}
.grid--4c .fixed-2-col {
margin-bottom: 0 !important;
margin-left: 0;
width: 100%
}
.grid--4c .fixed-2-col+.w-100 {
margin-top: 1.25em
}
.grid--4c .fixed-2-col .w-50 {
width: 50%
}
}
@media screen and (max-width: 660px) {
.grid--4c .fixed-2-col .w-50 {
width: 100%
}
.grid--4c .grid+.grid, .grid--4c .fixed-2-col+.w-100 {
margin-top: 0
}
.grid--4c .card--media-left {
padding-left: 0px
}
.grid--4c .card--media-left .card__media {
position: relative;
width: 100%
}
}
.grid--4c-mirror {
padding-right: 550px
}
.grid--4c-mirror .fixed-2-col {
margin-right: -550px;
width: 550px
}
@media screen and (max-width: 960px) {
.grid--4c-mirror {
padding: 0
}
.grid--4c-mirror .fixed-2-col {
margin-bottom: 0 !important;
margin-right: 0;
margin-top: 1.25em;
width: 100%
}
.grid--4c-mirror .fixed-2-col .w-50 {
margin-bottom: 1.25em;
width: 50%
}
}
@media screen and (max-width: 660px) {
.grid--4c-mirror .fixed-2-col {
margin-top: 0
}
.grid--4c-mirror .fixed-2-col .w-50 {
width: 100%
}
}
@media screen and (max-width: 57.5em) {
.grid--4d .card--media-left {
padding-left: 0
}
}
@media screen and (max-width: 57.5em) {
.grid--4d .card--media-left .card__media {
position: static;
width: 100%
}
}
@media screen and (max-width: 57.5em) {
.grid--4d .w-25 {
width: 33%
}
.grid--4d .w-75 {
width: 66%
}
}
.grid.grid--6>.w-50 {
margin-bottom: 0
}
@media screen and (max-width: 1150px) {
.grid.grid--6>.w-50 {
float: none;
margin-bottom: 1.25em;
width: 100%
}
}
@media screen and (max-width: 660px) {
.grid.grid--6 .w-33, .grid.grid--6 .w-66 {
float: none;
margin-bottom: 1.25em;
width: 100%
}
.grid.grid--6 .w-33:last-child, .grid.grid--6 .w-66:last-child {
margin-bottom: 0
}
}
@media screen and (min-width: 769px) {
.grid-fixed-side {
padding-left: 20.625em
}
.grid-fixed-side .fixed-side-col {
float: left;
margin-left: -20.625em;
width: 19.375em
}
.grid-fixed-side .w-100 {
float: right;
padding-right: 30px
}
}
.grid-fixed--right-side {
padding-right: 125px
}
@media screen and (min-width: 960px) and (max-width: 1360px) {
.grid-fixed--right-side .w-100 {
float: left;
padding-right: 0px;
width: 80%
}
}
@media screen and (max-width: 960px) {
.grid-fixed--right-side {
padding-right: 0
}
.grid-fixed--right-side .w-100 {
float: none
}
}
.fixed-right {
position: absolute;
right: -100px;
top: 4px
}
@media screen and (min-width: 960px) {
.fixed-right {
width: 210px
}
}
@media screen and (min-width: 960px) and (max-width: 1360px) {
.fixed-right {
right: 15px
}
}
@media screen and (max-width: 960px) {
.fixed-right {
position: static
}
}
.table__header {
background: #640411;
color: #fff
}
.table__footer {
background: #eef0f1
}
.table--border {
border-bottom: 1px solid #bac5c6;
border-right: 1px solid #bac5c6
}
.table--border tr {
border-top: 1px solid #bac5c6
}
.table--border th, .table--border td {
border-left: 1px solid #bac5c6
}
.table--stripe tr:nth-child(2n) {
background: #eef0f1
}
.table--row-stripe {
background: #eef0f1
}
.table-container-mobile {
overflow: auto;
-webkit-overflow-scrolling: touch
}
@media screen and (max-width: 800px) {
.table-container-mobile {
border: 1px solid #bac5c6
}
.table-container-mobile table, .table-container-mobile th, .table-container-mobile td, .table-container-mobile tr {
white-space: nowrap
}
}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], .input-text, .select-container {
background-color: #fdfdfd;
border: 1px solid #8996a0;
border-radius: 2px;
font-family: inherit;
margin-bottom: .5em;
outline: 0;
padding: 1em;
width: 100%;
-webkit-appearance: none
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="url"]:focus, .input-text:focus, .select-container:focus {
background-color: #fff;
box-shadow: 0 0 3px #4e84c4
}
.form-row {
padding: 0.25em 0;
position: relative
}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], .input-text {
position: relative;
z-index: 2
}
.cb-active, .radio-active {
display: inline-block;
height: 20px;
margin: 0 .25em 0 0;
position: relative;
vertical-align: sub;
width: 20px
}
.cb-active:after, .radio-active:after {
content: '';
opacity: 0;
speech: none
}
.cr-area {
position: relative
}
.cr-area[disabled] {
opacity: .4
}
.cr-area[disabled] .cb-active, .cr-area[disabled] .radio-active {
background: #bac5c6
}
.cr-area input:checked+.cr:after, .cr-area input:checked+.cr:before {
opacity: 1
}
.cr-area :focus+.cr {
box-shadow: 0 0 3px #4e84c4
}
.cr-area input:checked+.radio-active:before, .cr-area input:checked+.radio-active:after {
-webkit-animation: 0.5s radioed forwards;
animation: 0.5s radioed forwards
}
.cb-active {
background: #a51c30;
border: 1px solid #640411;
border-radius: 2px
}
.cb-active:after {
background-image: url("../img/check.png");
background-repeat: no-repeat;
bottom: 0;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.cb-active:after {
background-image: url("../img/check@2x.png");
background-size: 20px 20px
}
}
.radio-active {
background: #a51c30;
border: 1px solid #8996a0;
border-radius: 200%
}
.radio-active:after {
background: #fff;
border-radius: 200%;
bottom: 0;
height: .375em;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: .375em
}
@-webkit-keyframes radioed {
0% {
height:0em;
width:0em
}
50% {
height:.5em;
width:.5em
}
100% {
height:.375em;
width:.375em
}
}
@keyframes radioed {
0% {
height:0em;
width:0em
}
50% {
height:.5em;
width:.5em
}
100% {
height:.375em;
width:.375em
}
}
.select-container {
overflow: hidden;
position: relative;
padding: 0
}
.select-container:after {
background-image: url(../img/down-arrow-icon.png);
background-position: center center;
background-repeat: no-repeat;
bottom: 0;
content: '';
height: 14px;
margin: auto;
pointer-events: none;
position: absolute;
right: .5em;
speech: none;
top: 0;
width: 23px;
z-index: 1
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.select-container:after {
background-image: url("../img/down-arrow-icon@2x.png");
background-size: 23px 13px
}
}
.select-container select {
-webkit-appearance: textarea;
-moz-appearance: window;
-moz-appearance: none;
background: none;
border: 0;
font-family: inherit;
font-size: inherit;
margin: 0;
padding: 1em 34px 1em 1em;
position: relative;
width: 115%;
width: 122% \9;
z-index: 2
}
.select-container select::-ms-expand {
display:none
}
.select-container select::-ms-value {
background:none;
color:#000
}
.input-error {
border: 1px solid #d41934
}
.input-success {
border: 1px solid #52854c
}
.input-warning {
border: 1px solid #d16103
}
.label-reveal {
bottom: 10%;
font-size: .75em;
left: 0;
margin: 0;
line-height: 1;
opacity: 0;
padding: .25em;
position: absolute;
-webkit-transition: bottom .2s, opacity .2s;
transition: bottom .2s, opacity .2s;
z-index: 1
}
input.input-reveal {
margin-bottom: 0
}
input.input-reveal:focus ~ .label-reveal {
bottom: 96%;
opacity: 1
}
button, .btn {
-webkit-appearance: none;
background: transparent;
border: 1px solid;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: inherit;
line-height: normal;
padding: 1em;
text-align: center;
text-decoration: none !important;
-webkit-transition: background .2s;
transition: background .2s;
text-transform: uppercase
}
button:hover, .btn:hover, button:focus, .btn:focus {
background: rgba(0,0,0,0.2);
outline: 0
}
button, .btn {
background: rgba(212,25,52,0);
color: #a51c30
}
button:hover, button:focus, .btn:hover, .btn:focus {
background: rgba(212,25,52,0.05);
border-color: #d41934;
color: #a51c30
}
button:active, .btn:active {
background: rgba(165,28,48,0.1);
box-shadow: inset 0 0 0 1px #d41934;
color: #a51c30;
border-color: #d41934
}
.btn--cta, .a-to-z__alphabet-filter input:checked+.btn, .btn--cta[role="button"], .a-to-z__alphabet-filter input:checked+[role="button"].btn {
background: #a51c30;
border-color: #7c0516;
color: #fff
}
.btn--cta:hover, .a-to-z__alphabet-filter input:checked+.btn:hover, .btn--cta:focus, .a-to-z__alphabet-filter input:checked+.btn:focus, .btn--cta[role="button"]:hover, .a-to-z__alphabet-filter input:checked+[role="button"].btn:hover, .btn--cta[role="button"]:focus, .a-to-z__alphabet-filter input:checked+[role="button"].btn:focus {
background: #95061a;
color: #fff;
border-color: #640411
}
.btn--cta:active, .a-to-z__alphabet-filter input:checked+.btn:active, .btn--cta[role="button"]:active, .a-to-z__alphabet-filter input:checked+[role="button"].btn:active {
background: #770515;
box-shadow: inset 0 0 0 1px #4b030d;
color: #fff;
border-color: #4b030d
}
.btn--reverse, .btn--reverse[role="button"] {
background: rgba(255,255,255,0);
color: #fff
}
.btn--reverse:hover, .btn--reverse:focus, .btn--reverse[role="button"]:hover, .btn--reverse[role="button"]:focus {
background: rgba(255,255,255,0.1);
color: #fff;
border-color: #fff
}
.btn--reverse:active, .btn--reverse[role="button"]:active {
background: rgba(255,255,255,0.15);
color: #fff;
box-shadow: inset 0 0 0 1px #fff;
border-color: #fff
}
.btn[disabled], .btn--disabled, .a-to-z__alphabet-filter input[disabled]+.btn {
background: #eef0f1;
border-color: #8996a0;
color: #bac5c6;
pointer-events: none
}
.btn--small {
font-size: .875em;
padding: .75em
}
.btn--fat {
padding: 0.75em 2em
}
.btn--wide {
display: block;
width: 100%
}
.btn--min-width {
min-width: 160px
}
.btn--close {
border-radius: 100%;
border: 2px solid;
border-color: #d16103;
color: #d16103;
display: block;
font-size: 1.3125em;
height: 26px;
line-height: 26px;
padding: 0 4px;
text-align: center;
text-decoration: none;
text-indent: .04em;
-webkit-transition: border-color .2s, color .2s;
transition: border-color .2s, color .2s;
width: 26px
}
.btn--close:hover, .btn--close:focus {
border-color: #9f4a02;
color: #9f4a02
}
.txt-center {
text-align: center
}
.txt-left {
text-align: left
}
.txt-right {
text-align: right
}
.txt-success {
color: #52854c
}
.txt-warning {
color: #d16103
}
.txt-error {
color: #d41934
}
.txt-no-italic {
font-style: normal
}
.txt-highlight {
background: #a51c30;
border-radius: .125em;
color: #fff;
display: inline-block;
padding: .25em
}
.list-number {
list-style-type: decimal
}
.list-inline li:first-child, .list-inline li .first {
margin-left: 0
}
.list-inline li:last-child, .list-inline li .last {
margin-right: 0
}
.list-inline>li {
display: inline;
margin-left: .5em;
margin-right: .5em;
vertical-align: auto;
zoom: 1
}
.nav-crumbs {
margin-bottom: 0
}
.nav-crumbs__list {
margin-bottom: 0
}
.nav-crumbs a, .nav-crumbs li {
display: inline-block
}
.nav-crumbs li {
margin-bottom: 0
}
.nav-crumbs li:after {
content: "/";
display: inline-block;
speech: none
}
.nav-crumbs a {
text-decoration: none
}
.nav-crumbs a:hover, .nav-crumbs a:focus {
text-decoration: underline
}
.nav-crumbs .current-page:after {
content: '';
display: none
}
.is-touch-device .jump-links, .is-touch-device .jump-to-nav {
display: none
}
.jump-links {
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
z-index: 9
}
.jump-links a {
background: #a51c30;
color: #fff;
left: -999px;
padding: 4px 8px;
position: absolute;
text-decoration: none;
top: 0;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transition: -webkit-transform .2s;
transition: transform .2s;
white-space: nowrap
}
.jump-links a:focus {
left: 0;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px)
}
@media screen and (max-width: 37.5em) {
.jump-links {
z-index: 14
}
.jump-links a:focus {
-webkit-transform: translateY(44px);
-ms-transform: translateY(44px);
transform: translateY(44px)
}
}
.jump-to-nav {
color: #fff;
font-size: .875em
}
@media screen and (max-width: 660px) {
.jump-to-nav {
display: none
}
}
.footer-base .jump-to-nav--hidden {
background: #a51c30;
color: #fff;
font-size: 1em;
opacity: 0;
position: absolute;
pointer-events: none;
height: 1px;
overflow: hidden;
padding: 0;
right: 0;
text-decoration: none;
top: -50px;
-webkit-transition: -webkit-transform .2s, opacity .2s;
transition: transform .2s, opacity .2s
}
.footer-base .jump-to-nav--hidden:focus {
height: auto;
opacity: 1;
padding: .5em;
-webkit-transform: translateY(-0.5em);
-ms-transform: translateY(-0.5em);
transform: translateY(-0.5em);
text-decoration: none
}
.main-nav {
background: #fff;
position: relative;
z-index: 9
}
.main-nav ul {
margin: 0 auto
}
@media screen and (max-width: 37.5em) {
.main-nav {
background: #222;
box-shadow: 0 0 100px transparent;
height: 100%;
position: fixed;
right: -100%;
top: 0;
-webkit-transition: right .2s, box-shadow .2s;
transition: right .2s, box-shadow .2s;
width: 96%;
width: calc(100% - 1.75em);
z-index: 9
}
.main-nav ul {
position: relative;
visibility: hidden
}
.main-nav ul a {
background: transparent;
font-size: 1.125em;
padding-left: 20px;
-webkit-transition: background .25s;
transition: background .25s
}
.main-nav ul a:before {
content: '';
height: 100%;
position: absolute;
top: 0;
-webkit-transition: width .1s;
transition: width .1s;
width: 0px
}
.main-nav ul a:hover, .main-nav ul a:focus, .main-nav ul a.selected {
background: rgba(0,0,0,0.4)
}
.main-nav ul a:hover:before, .main-nav ul a:focus:before, .main-nav ul a.selected:before {
width: 6px
}
.main-nav li {
display: block;
float: none;
width: auto
}
.main-nav li ul li {
border-bottom: 0
}
}
@media screen and (max-width: 37.5em) {
.nav-drawer {
background: #222;
height: 100%;
overflow-y: auto
}
.nav-drawer ul {
overflow: hidden
}
.main-nav {
background: transparent
}
.header-base:before {
background: #30393a;
border-bottom: 1px solid #666;
content: '';
height: 44px;
left: -50%;
position: fixed;
top: 0;
width: 300%;
z-index: 7
}
}
.nav-left-half {
float: left
}
@media screen and (min-width: 37.5625em) {
.nav-left-half {
padding-right: 51px
}
}
@media screen and (min-width: 43.75em) {
.nav-left-half {
padding-right: 66px
}
}
@media screen and (min-width: 50em) {
.nav-left-half {
padding-right: 94px
}
}
@media screen and (min-width: 56.25em) {
.nav-left-half {
padding-right: 110px
}
}
@media screen and (min-width: 64em) {
.nav-left-half {
padding-right: 118px
}
}
.nav-right-half {
float: right
}
@media screen and (min-width: 37.5625em) {
.nav-right-half {
padding-left: 51px
}
}
@media screen and (min-width: 43.75em) {
.nav-right-half {
padding-left: 66px
}
}
@media screen and (min-width: 50em) {
.nav-right-half {
padding-left: 94px
}
}
@media screen and (min-width: 56.25em) {
.nav-right-half {
padding-left: 110px
}
}
@media screen and (min-width: 64em) {
.nav-right-half {
padding-left: 160px;
}
}
.nav-left-half, .nav-right-half {
width: 50%
}
.nav-left-half [role="presentation"] li, .nav-right-half [role="presentation"] li {
padding-left: 8px;
padding-right: 3px;
display: inline-block;
}
.header-base{ text-align: center;}
@media screen and (max-width: 37.5em) {
.nav-left-half, .nav-right-half, .nav-right-half [role="presentation"] li, .nav-left-half [role="presentation"] li {
float: none;
padding: 0;
width: auto
}
.nav-right-half li:last-child a:after {
left: 0
}
}
.nav-group--top-bar {
background: #9b1b03;
font-size: .75em;
text-align: left;
z-index: 3;
border-bottom: 1px solid #900b0b;
}
.nav-group--top-bar li {
display: inline-block
}
.nav-group--top-bar a {
color: #fff;
padding: .8em;
-webkit-transition: padding .2s;
transition: padding .2s
}
.nav-group--top-bar a:before {
background: #fff;
top: 0
}
@media screen and (max-width: 37.5em) {
.nav-group--top-bar {
background: none;
padding-top: 20px;
padding-bottom: 20px
}
.nav-group--top-bar li {
display: block
}
.nav-group--top-bar a {
font-size: 1em
}
}
@media screen and (min-width: 37.5625em) {
.nav-group--top-bar {
position: fixed;
top: 0;
width: 100%;
z-index:-1;
}
.nav-group--top-bar a {
padding: 1em .65em
}
.nav-group--top-bar li:nth-child(2) a {
padding-left: 20px
}
}
@media screen and (min-width: 43.75em) {
.nav-group--top-bar a {
padding: 1em 0.5em
}
}
@media screen and (min-width: 50em) {
.nav-group--top-bar {
font-size: .85em;
text-align: center
}
}
.nav-group ul {
max-width: 1300px
}
.nav-group li {
line-height: 1;
margin-bottom: 0;
position: relative;
z-index: 3
}
.nav-group a {
display: block;
position: relative;
text-decoration: none;
-webkit-transition: padding .2s, font-size .2s;
transition: padding .2s, font-size .2s;
white-space: normal;
cursor: pointer !important;
}
.nav-group a:before {
content: '';
height: 4px;
left: 0;
margin: auto;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
-webkit-transition: width .45s, opacity .1s;
transition: width .45s, opacity .1s;
width: 0%
}
@media screen and (max-width: 37.5em) {
.nav-group a:before {
left: auto;
right: 0;
width: 100%
}
}
.nav-group a:hover:before, .nav-group a:focus:before, .nav-group a.selected:before {
opacity: 1;
text-decoration: none;
width: 100%
}
.nav-group--consistent {
font-size: 1.1em;
text-align: center;
-webkit-transition: top .2s;
transition: top .2s;
width: 100%;
z-index: 2
}
.nav-group--consistent a {
color:#5B5C63;
}
.nav-group--consistent a:before {
background:#3075FF;
bottom: 0
}
@media screen and (max-width: 37.5em) {
.nav-group--consistent {
font-size: 1em;
text-align: left
}
.nav-group--consistent a {
color: #fff;
font-family: 'Merriweather Sans Light';
padding: 1em 1em 1em 1.25em
}
.nav-group--consistent a:before {
background: #fff
}
.nav-group--consistent a:after {
background: #3d3d3d;
bottom: 0;
content: '';
height: 1px;
left: 16px;
position: absolute;
width: 100%
}
}
@media screen and (min-width: 37.5625em) {
.nav-group--consistent {
background: #0a2456;
background: -moz-linear-gradient(top, #0a2456 0%, #021441 100%);
background: -webkit-linear-gradient(top, #0a2456 0%,#021441 100%);
background: linear-gradient(to bottom, #a51902 0%,#771e04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2456', endColorstr='#021441',GradientType=0 );
font-size: .9em;
position: fixed;
top: 36px;
}
.nav-group--consistent a {
padding: .75em
}
}
@media screen and (min-width: 43.75em) {
.nav-group--consistent {
font-size: 1.05em
}
}
@media screen and (min-width: 50em) {
.nav-group--consistent {
font-size: 1.1em;
top: 2.3em
}
}
@media screen and (min-width: 64em) {
.nav-group--consistent {
font-size: 1.2em;
top: 2.1em
}
.nav-group--consistent a {
padding: .8em 0.1em;
color: rgba(254, 254, 254, 0.85) !important;
font-weight: 100 !important;
font-size: 100%;
text-transform: uppercase;
padding-top: 16px !important;
padding-bottom: 18px !important;
cursor: pointer !important;
font-size: 14px;
}
}
.nav-group--callouts {
background: #f3f3f1;
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
z-index: 1
}
.nav-group--callouts a {
color: #7f1704;
font-weight: 500;
font-size: 1.2em;
padding: .75em;
position: relative;
z-index: 2;
}
.nav-group--callouts a:before {
background: #777;
bottom: 0
}
@media screen and (max-width: 37.5em) {
.nav-group--callouts {
background: none;
box-shadow: none;
padding-top: 1.25em
}
.nav-group--callouts a {
color: #d41934
}
.nav-group--callouts a:hover {
color: #e83852
}
.nav-group--callouts a:before {
background: #d41934
}
}
@media screen and (min-width: 37.5625em) {
.nav-group--callouts {
font-size: .85em;
position: relative;
text-align: center;
top: 2.35em;
-webkit-transition: top .2s;
transition: top .2s
}
.nav-group--callouts a {
padding: .75em 0
}
}
@media screen and (min-width: 43.75em) {
.nav-group--callouts {
top: 2.8em
}
.nav-group--callouts a {
padding: .75em
}
}
@media screen and (min-width: 50em) {
.nav-group--callouts {
font-size: 1em;
top: 83px;
position: fixed;
width: 100%;
}
}
@media screen and (min-width: 64em) {
.nav-group--callouts {
font-size: 0.9em
}
}
.scroll-link {
opacity: 0;
position: absolute;
text-indent: -99999px;
-webkit-transform: translateX(-99px);
-ms-transform: translateX(-99px);
transform: translateX(-99px);
-webkit-transition: opacity .1s, -webkit-transform .1s;
transition: opacity .1s, transform .1s;
visibility: hidden
}
@media screen and (max-width: 37.5em) {
.scroll-link {
display: none !important
}
}
.in-view .scroll-link {
background: rgba(165,28,48,0.85);
font-size: inherit;
opacity: 1;
position: relative;
text-indent: 0;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
visibility: visible
}
@media screen and (min-width: 600px) and (max-width: 1100px) {
.lg-nav-txt {
visibility: hidden;
position: absolute
}
}
.in-view .nav-left-half {
padding-right: 50px
}
.in-view .nav-right-half {
padding-left: 118px
}
@media screen and (min-width: 37.5625em) {
.in-view .nav-group--consistent {
box-shadow: 0 2px 3px rgba(0,0,0,0.25);
font-size: .9em;
top: 2.25em
}
}
@media screen and (min-width: 700px) {
.in-view .nav-group--consistent {
font-size: 1em
}
.in-view .nav-group--consistent a {
padding: 0 5px 0;
}
.in-view .search-icon {
height: 36px
}
}
@media screen and (min-width: 800px) {
.in-view .nav-group--consistent {
top: 2.5em
}
}
.nav-open, .nav-open body {
overflow: hidden;
height: 100%
}
@media screen and (max-width: 37.5em) {
.nav-open .main-nav, .nav-open body .main-nav {
box-shadow: 0 0 100px rgba(0,0,0,0.8);
overflow: auto;
padding-top: 44px;
right: 0%
}
.nav-open .main-nav ul, .nav-open body .main-nav ul {
visibility: visible
}
}
.is-touch-device .main-nav ul a:hover, .is-touch-device .main-nav ul a:focus {
background: transparent
}
.is-touch-device .nav-group a:hover:before, .is-touch-device .nav-group a:focus:before {
opacity: 0
}
.no-js .list--drop-nav, .is-touch-device .list--drop-nav {
display: none
}
.ie-8 .list--drop-nav {
border: 1px solid #ccc
}
.list--drop-nav {
background: #fff;
border: 1px solid #ccc;
border-top: none;
box-shadow: 0 0 1px;
min-width: 94%;
opacity: 0;
font-size:20px;
height: 1px;
overflow: hidden;
position: absolute;
-webkit-transition: opacity .2s;
transition: opacity .2s;
white-space: nowrap
}
@media screen and (max-width: 600px) {
.list--drop-nav {
display: none
}
}
.list--drop-nav li {
float: none !important;
padding: 0 !important;
text-align: left;
width: 100% !important
}
.list--drop-nav .first a {
padding-top: 16px
}
.list--drop-nav .last a {
padding-bottom: 12px
}
@media screen and (max-height: 666px) {
.list--drop-nav .first a {
padding-top: 12px
}
.list--drop-nav .last a {
padding-bottom: 8px
}
}
.list--drop-nav a {
font-size: .8em;
display: block;
padding: 8px 12px;
width: 100%
}
.list--drop-nav a:before {
display: none
}
.list--drop-nav a:hover, .list--drop-nav a:focus {
background: #1853C0;
color: #fff
}
@media screen and (max-height: 666px) {
.list--drop-nav a {
font-size: .65em;
padding: 6px 12px
}
}
.has-drop-nav:hover .list--drop-nav, .list--drop-nav:hover .list--drop-nav, .is-opened .list--drop-nav {
height: auto;
opacity: 1;
visibility: visible
}
.list--drop-nav:before {
background: #a51c30;
content: '';
display: none;
height: 4px;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.list--drop-nav:hover:before, .is-opened .list--drop-nav:before {
display: block
}
.no-js .has-drop-nav:hover .list--drop-nav {
display: block
}
@media screen and (max-height: 666px) {
.in-view .list--drop-nav a {
font-size: .72em;
padding: 6px 12px
}
.in-view .list--drop-nav .first a {
padding-top: 12px
}
.in-view .list--drop-nav .last a {
padding-bottom: 8px
}
}
@media screen and (max-height: 530px) {
.list--drop-nav {
display: none
}
}
.main-nav .btn-mobile-nav {
display: none
}
.btn--menu {
border: none;
color: rgba(255,255,255,0.9);
line-height: 1;
margin: auto;
max-width: 200px;
min-width: 106px;
padding: 14px 50px 14px 12px;
position: fixed;
right: 45px;
text-decoration: none;
text-transform: uppercase;
top: 0;
-webkit-transition: padding .2s .4s, text-indent .2s .4s, color .2s .4s, max-width .2s .4s, min-width .2s .4s;
transition: padding .2s .4s, text-indent .2s .4s, color .2s .4s, max-width .2s .4s, min-width .2s .4s;
z-index: 11
}
.btn--menu:active, .btn--menu:link, .btn--menu:visited {
color: #fff
}
.btn--menu:hover, .btn--menu:link:hover, .btn--menu:focus {
background: #222;
box-shadow: inset 0 0 1px #ccc
}
.btn--menu[data-state="off"]:hover .btn--menu__icon {
width: 22px
}
.btn--menu[data-state="off"]:hover .btn--menu__icon:before {
top: -8px
}
.btn--menu[data-state="off"]:hover .btn--menu__icon:after {
bottom: -8px
}
.btn--menu[data-state="on"] {
color: rgba(255,255,255,0);
max-width: 20px;
min-width: 1px;
padding-left: 24px;
padding-right: 24px
}
.btn--menu[data-state="on"] .btn--menu__icon {
background: transparent;
bottom: 0;
top: 0;
-webkit-transition: -webkit-transform .2s .4s;
transition: transform .2s .4s
}
.btn--menu[data-state="on"] .btn--menu__icon:before, .btn--menu[data-state="on"] .btn--menu__icon:after {
background: #ccc;
bottom: 0;
top: 0
}
.btn--menu[data-state="on"] .btn--menu__icon:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.btn--menu[data-state="on"] .btn--menu__icon:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
@media screen and (max-width: 37.5em) {
.btn--menu {
border-left: 1px solid rgba(255,255,255,0.12);
border-right: 1px solid rgba(255,255,255,0.12)
}
}
@media screen and (min-width: 37.5625em) {
.btn--menu {
display: none
}
}
.btn--menu__icon {
background: #fff;
bottom: 0;
height: 2px;
right: 0;
margin: auto 0 auto 2px !important;
position: absolute;
right: 14px;
top: 0;
-webkit-transition: .2s all;
transition: .2s all;
width: 20px
}
.btn--menu__icon:before, .btn--menu__icon:after {
background: #fff;
border-radius: 4px;
content: '';
height: 2px;
left: 0;
margin: auto;
position: absolute;
-webkit-transition: -webkit-transform .2s 0s, top .2s, bottom .2s;
transition: transform .2s 0s, top .2s, bottom .2s;
width: 100%
}
.btn--menu__icon:before {
top: -6px
}
.btn--menu__icon:after {
bottom: -6px
}
.is-touch-device .btn--menu:hover, .is-touch-device .btn--menu:link:hover, .is-touch-device .btn--menu:focus {
background: transparent;
box-shadow: none
}
.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon {
right: 14px;
width: 20px
}
.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon:before {
top: -6px
}
.is-touch-device .btn--menu[data-state="off"]:hover .btn--menu__icon:after {
bottom: -6px
}
.search-area {
position: fixed;
right: 0;
top: 0;
z-index: 12
}
input.input-search {
background: url(../img/search-icon.png) #fff no-repeat 14px center;
padding-left: 44px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
input.input-search {
background-image: url("../img/search-icon@2x.png");
background-size: 22px 21px
}
}
.btn--mobile-site-search {
border: 0;
display: none;
height: 44px;
position: absolute;
right: 0;
top: 0;
width: 44px;
z-index: 4
}
.btn--mobile-site-search:active {
box-shadow: none
}
.is-touch-device .btn--mobile-site-search {
display: block
}
#searchArea input.input-search {
/* background-color: #fff; */
height: 44px;
border: none;
color: #fff !important;
font-size: .9em;
font-weight:bold;
max-width: 44px;
padding-bottom: 2px;
padding-right: 4px;
padding-top: 2px;
position: fixed;
right: 0;
top: 0;
f -webkit-transition: width .3s, height .2s;
transition: width .3s, height .2s;
width: 44px;
z-index: 1000;
}
#searchArea input.input-search:hover, #searchArea input.input-search:focus {
background-color: #840a0a;
box-shadow: inset 0 0 1px #fff;
z-index: -1000;
}
#searchArea input.input-search:focus {
max-width: 280px;
padding-right: 16px;
}
@media screen and (min-width: 601px) {
#searchArea input.input-search {
background-color: #840a0a;
background-size: auto 18px;
height: 36px;
width: 40px;
}
}
@media screen and (min-width: 50em) {
#searchArea input.input-search {
/*height: 40px;
width: 50px*/
}
}
@media screen and (min-width: 56.25em) {
#searchArea input.input-search {
width: 3.75em
}
}
@media screen and (min-width: 1201px) {
#searchArea input.input-search {
max-width: 130px;
/*padding-right: 16px;*/
padding-left: 42px;
width: 100%
}
}
.btn--subnav span, .btn--subnav span:before, .btn--subnav span:after {
height: 8px;
width: 8px;
background: #bac5c6;
border-radius: 100px
}
.btn--subnav {
border: 1px solid #bac5c6;
bottom: -16px;
display: none;
overflow: hidden;
position: relative;
width: 50px;
}
.btn--subnav span {
display: block;
margin: auto;
position: relative;
-webkit-transition: width .2s .5s, border-radius .2s .5s;
transition: width .2s .5s, border-radius .2s .5s
}
.btn--subnav span:before, .btn--subnav span:after {
content: '';
position: absolute;
top: 0;
-webkit-transition: left .2s, right .2s;
transition: left .2s, right .2s
}
.btn--subnav span:before {
right: 150%
}
.btn--subnav span:after {
left: 150%
}
.btn--subnav.sub-nav-opened span {
border-radius: 4px;
width: 100%
}
.btn--subnav.sub-nav-opened span:before {
right: 0%
}
.btn--subnav.sub-nav-opened span:after {
left: 0%
}
@media screen and (max-width: 768px) {
.btn--subnav {
display: block
}
}
@media screen and (max-width: 768px) {
.sub-nav {
background: #f3f3f1;
border-bottom: 1px solid #bac5c6;
border-top: 1px solid #bac5c6;
display: none;
margin-bottom: 2.5em;
margin-left: -1.25em;
padding: 1.25em 1.25em .25em;
position: relative;
width: calc(100% + 2.5em)
}
}
@media screen and (min-width: 769px) {
.sub-nav {
display: block !important;
margin-top: .875em
}
}
.sub-nav a {
display: block;
margin-bottom: .5em;
overflow: hidden;
padding-bottom: .25em;
padding-top: .25em;
text-decoration: none
}
.sub-nav a:focus, .sub-nav a:hover {
text-decoration: underline
}
.sub-nav li {
line-height: 1;
margin-bottom: 0
}
.sub-nav li ul {
margin: 0;
position: relative
}
.sub-nav li ul:before {
background: #e4e7e9;
background: rgba(186,197,198,0.2);
content: '';
height: 96%;
left: 0;
position: absolute;
width: 4px
}
.sub-nav li ul .first a {
margin-top: 0
}
.sub-nav li ul .last a {
margin-bottom: 10px
}
.sub-nav li ul li {
line-height: 1.333;
position: relative
}
.sub-nav li ul li a {
padding-left: .875em
}
.sub-nav li ul li li a {
padding-left: 1.75em
}
.sub-nav li ul a {
font-size: .875em;
position: relative
}
.sub-nav li ul .active {
position: relative
}
.sub-nav li ul .active a:before {
background: #bac5c6;
content: '';
height: 100%;
left: 0;
position: absolute;
width: 4px
}
.sub-nav-normal .active>a {
color: #414141;
text-decoration: none
}
.sub-nav--president {
background: #293352;
margin-bottom: 60px
}
@media screen and (max-width: 768px) {
.sub-nav--president {
margin-top: 32px
}
}
.sub-nav--president .wrapper {
padding: 0
}
.sub-nav--president li {
float: left;
margin: 0
}
.sub-nav--president .active a {
color: #fff
}
.sub-nav--president .active a:after {
width: 100%
}
.sub-nav--president a {
color: #fff;
display: block;
margin: 0;
padding: 1em 1.25em;
position: relative;
text-decoration: none
}
.sub-nav--president a:after {
background: #4e84c4;
bottom: 0;
content: '';
height: 4px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transition: width .2s;
transition: width .2s;
width: 0%
}
.sub-nav--president a:hover:after, .sub-nav--president a:focus:after, .sub-nav--president a.selected:after {
width: 100%
}
.sub-nav--president a:hover, .sub-nav--president a:focus {
text-decoration: none
}
@media screen and (max-width: 768px) {
.sub-nav--president {
padding: 4px 1.25em
}
.sub-nav--president li {
float: none
}
.sub-nav--president a:after {
content: '';
height: 100%;
left: auto;
top: 0;
width: 0px
}
.sub-nav--president a:hover:after, .sub-nav--president a:focus:after, .sub-nav--president a.selected:after {
width: 4px
}
}
.sub-nav--president .active a:after {
width: 100%
}
@media screen and (max-width: 768px) {
.sub-nav--president .active a:after {
width: 4px
}
}
.is-touch-device .sub-nav a:hover, .is-touch-device .sub-nav a:focus {
color: #a51c30;
outline: none;
text-decoration: none
}
.is-touch-device .sub-nav a:hover:after, .is-touch-device .sub-nav a:focus:after {
width: 0
}
.is-touch-device .sub-nav--president a:hover, .is-touch-device .sub-nav--president a:focus {
color: #fff
}
.media-relations-nav {
background: #293352;
left: 0;
padding: .75em 1.25em;
position: fixed;
top: 0;
width: 100%;
z-index: 8
}
.media-relations-nav a {
color: #fff;
font-size: .875em;
position: relative
}
.back-to-harvard {
padding-left: 62px
}
.back-to-harvard:before {
background-image: url("../img/logo-shield-only-small.png");
background-repeat: no-repeat;
background-position: center center;
content: '';
height: 58px;
left: 0;
position: absolute;
top: -8px;
width: 49px;
z-index: 8
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.back-to-harvard:before {
background-image: url("../img/logo-shield-only-small@2x.png");
background-size: 49px 58px
}
}
.tab-widget {
position: relative
}
.tab-widget__list {
border-bottom: 1px solid #bac5c6;
margin-bottom: 0;
white-space: nowrap
}
@media screen and (max-width: 500px) {
.tab-widget__list {
border: 1px solid #bac5c6;
border-bottom: 0
}
}
.tab-widget__item {
display: inline-block
}
@media screen and (max-width: 500px) {
.tab-widget__item {
display: block;
border-bottom: 1px solid #bac5c6
}
}
.tab-widget__link {
background-color: #fff;
display: block;
padding: 1em 1.25em;
position: relative;
text-decoration: none
}
.tab-widget__link:hover {
text-decoration: underline
}
.tab-widget__link:focus {
outline: none
}
.tab-widget__link:before {
background: #bac5c6;
content: '';
height: 4px;
left: 0;
opacity: 0;
position: absolute;
speech: none;
top: 0;
width: 100%
}
.tab-widget__link--active {
color: #414141;
box-shadow: inset 0 2px 0 1px #bac5c6;
border-bottom-color: transparent
}
@media screen and (max-width: 500px) {
.tab-widget__link--active {
box-shadow: none;
border-bottom: 1px solid #bac5c6
}
}
.tab-widget__link--active:after {
background: #fff;
bottom: -1px;
content: '';
height: 1px;
left: 0;
position: absolute;
width: 100%;
z-index: 2
}
.tab-widget__link--active:before {
opacity: 1;
background: #a51c30
}
.tab-widget__tabs {
background: #fff;
padding: 1.5em 0;
position: relative;
z-index: 1
}
.tab-widget__tab-content {
display: none
}
.tab-widget__tab-content--active, .no-js .tab-widget__tab-content {
display: block
}
.header-base {
position: relative;
z-index: 99999 !important;
}
.header-base--has-photo {
background-size: cover;
background-repeat: no-repeat;
background-position: center 80px;
min-height: 380px
}
.header-base--has-photo:after {
background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.6));
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6));
bottom: 0;
content: '';
height: 20%;
left: 0;
position: absolute;
width: 100%
}
.header-base--has-photo+.main-base {
padding-top: 54px
}
@media screen and (max-width: 800px) {
.header-base--has-photo {
background-position: center 58px
}
}
@media screen and (max-width: 37.5em) {
.header-base--has-photo {
background-position: center 0;
min-height: 200px
}
}
.header-base--photo-1 {
background-image: url(../img/cropped/photo-1.jpg)
}
.header-base--photo-2 {
background-image: url(../img/cropped/photo-2.jpg)
}
.header-base--photo-3 {
background-image: url(../img/cropped/photo-3.jpg)
}
.header-base--photo-4 {
background-image: url(../img/cropped/photo-4.jpg)
}
.header-base--photo-5 {
background-image: url(../img/cropped/photo-5.jpg)
}
.harvard-heading {
background-image: url(../img/logos/background.png);
background-repeat: no-repeat;
background-size: 100% auto;
left: 13px;
margin: auto;
padding: 0;
position: fixed;
right: 0;
-webkit-transition: top .2s;
transition: top .2s;
z-index: 15;
}
@media screen and (min-width: 601px) {
.harvard-heading {
background-position: center -13px;
height: 76px;
top: 36px;
width: 110px
}
}
@media screen and (min-width: 720px) and (max-width: 799px) {
.harvard-heading {
background-position: 0 -20px;
height: 82px;
width: 140px
}
}
@media screen and (min-width: 800px) {
.harvard-heading {
background-position: center bottom;
height: 140px;
top: 41px;
width: 200px
}
}
@media screen and (min-width: 1100px) {
.harvard-heading {
height: 172px;
width: 246px;
-webkit-transition: width 0.5s, height 0.5s; /* For Safari 3.1 to 6.0 */
transition: width 0.5s, height 0.5s ;
}
}
.harvard-heading__link {
background: url(../img/logos/TIT-LOGO-01.svg) no-repeat;
background-size: cover;
color: transparent;
display: block;
height: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.harvard-heading__link:before {
background: #fff;
content: '';
height: 4px;
left: 0;
right: 0;
margin: auto;
position: absolute;
top: 0;
-webkit-transition: width .2s;
transition: width .2s;
width: 0%
}
.harvard-heading__link:hover:before, .harvard-heading__link:focus:before {
width: 100%
}
@media screen and (max-width: 600px) {
.harvard-heading__link {
background: url(../img/shield.png) no-repeat center center;
background-size: auto 90%;
height: 58px;
left: 0;
position: fixed;
right: auto;
top: 0;
width: 58px;
z-index: 8
}
}
@media screen and (min-width: 601px) {
.harvard-heading__link {
background-position: center bottom;
background-size: 114% auto;
height: 49px
}
}
@media screen and (min-width: 720px) and (max-width: 799px) {
.harvard-heading__link {
background-position: center bottom;
background-size: 110% auto;
height: 60px;
margin-top: 0
}
.harvard-heading__link:before {
top: 0
}
}
@media screen and (min-width: 800px) {
.harvard-heading__link {
background-size: 80% auto;
background-position: center center;
margin: 0
}
.harvard-heading__link:before {
top: 0
}
}
@media screen and (min-width: 50em) {
.harvard-heading__link {
height: 100%;
width: 100%
}
}
.main-base {
padding-top: 32px;
position: relative
}
@media screen and (min-width: 37.5625em) {
.main-base {
padding-top: 52px
}
}
@media screen and (min-width: 900px) {
.main-base {
padding-top: 80px
}
}
article#mainContent {
padding-bottom: 3em
}
.sidebar-card {
border: 1px solid #bac5c6;
margin-bottom: 1.25em;
margin-right: 1.25em
}
.sidebar-card .content-area {
padding: 1em 1.25em
}
.sidebar-card .content-area>h1, .sidebar-card .content-area>h2, .sidebar-card .content-area>h3, .sidebar-card .content-area>h4, .sidebar-card .content-area>h5, .sidebar-card .content-area>h6 {
padding-top: 0
}
.sidebar-card:last-of-type {
margin-bottom: 0
}
.sidebar-card img {
width: 100%
}
@media screen and (max-width: 599px) {
.sidebar-card {
margin-right: 0
}
}
@media screen and (max-width: 768px) {
.sidebar-card .prez-side-photo {
display: none
}
}
.footer-base {
background: #414141;
color: #a9a9a9;
min-height: 100px;
padding: 1.25em 0
}
.footer-base a, .footer-base .footer__heading {
color: #a9a9a9
}
.footer-base a, .footer-base .footer__outro {
font-size: .75em
}
.footer-base a {
text-decoration: none
}
.footer-base a:focus, .footer-base a:hover {
text-decoration: underline
}
.footer-base .footer__outro {
border-top: 1px solid #a9a9a9;
margin-top: 14px;
padding-top: 4px
}
.list-social-links {
margin-bottom: 0;
text-align: center;
width: 60%
}
.list-social-links+.other-apps {
text-align: center
}
@media screen and (max-width: 57.5em) {
.list-social-links {
text-align: left;
width: 80%
}
.list-social-links+.other-apps {
text-align: left
}
}
@media screen and (max-width: 37.5em) {
.list-social-links {
width: 60%
}
}
.list-social-links li {
display: inline-block;
margin: 0 .125em .5em .125em
}
@media screen and (max-width: 57.5em) {
.list-social-links li {
margin: 0 .25em .5em 0
}
}
.w-footer-last {
background: url(../img/footer-harvard-shield.png) no-repeat right 0;
width: 40%
}
@media screen and (max-width: 57.5em) {
.w-footer-last {
margin-top: 1.25em;
padding-bottom: 1.25em;
width: 100%
}
}
.president-hp-content {
background: url(../img/president-repeat.jpg) repeat-x;
margin: -60px auto auto;
max-width: 1300px;
position: relative
}
.president-hp-content:after {
background: url(../img/president.jpg) no-repeat right 0;
content: '';
height: 100%;
pointer-events: none;
position: absolute;
right: 0;
speech: none;
top: 0;
width: 100%
}
@media screen and (max-width: 57.5em) {
.president-hp-content {
background: none;
margin-top: 0;
padding-top: 0
}
.president-hp-content:after {
display: none
}
.president-hp-content .padding-m {
padding: 0
}
}
.president-home__morenews {
margin: 50px 0
}
.president-home__morenews .card--media-left.card--media-left--narrow {
padding-left: 100px;
margin-top: 20px
}
.president-home__morenews .card--media-left.card--media-left--narrow .card__media {
width: 100px
}
@media screen and (max-width: 500px) {
.president-home__morenews .card--media-left.card--media-left--narrow {
padding-left: 0px;
margin-top: 20px
}
.president-home__morenews .card--media-left.card--media-left--narrow .card__media {
display: none
}
}
.president-home__morenews .card--president.card--media-left .card__content {
border-top: 0
}
.president-home__morenews .card__content__heading {
padding-top: 0
}
.president-home__morenews .card__title {
font-size: 1.2em
}
.wrapper--president-hp {
margin: 0 0 0 6.923%;
max-width: 1210px;
z-index: 1
}
.wrapper--president-hp .padding-m {
padding-left: 0;
padding-right: 0
}
@media screen and (max-width: 57.5em) {
.wrapper--president-hp {
margin: auto
}
}
.grid>.w-president-message {
width: 44.5%
}
.grid>.w-president-news {
width: 55.5%
}
@media screen and (max-width: 57.5em) {
.grid>.w-president-news, .grid>.w-president-message {
width: auto
}
}
.president-message__content {
padding-left: 10.923%;
padding-top: 330px
}
@media screen and (max-width: 57.5em) {
.president-message__content {
border-top: 1px solid #bac5c6;
margin-top: 60px;
padding: 52px 1.25em 1.25em
}
}
.list-president-speeches li {
margin-bottom: 2em
}
.list-president-speeches li:last-child {
margin-bottom: 0
}
.president-speech-filter {
margin-bottom: 3em
}
.president #current_page_title {
padding-bottom: 0
}
.filter-media-area {
bottom: 2.2em;
height: 52px;
position: absolute;
right: 0;
text-align: right;
width: 540px
}
.filter-media-area .txt-label {
display: block;
text-align: left;
margin-left: 2em
}
@media screen and (max-width: 1300px) {
.filter-media-area {
right: 1.25em
}
}
@media screen and (max-width: 900px) {
.filter-media-area {
width: 480px
}
.filter-media-area .grid .w-33 {
width: 10.125em
}
.filter-media-area .txt-label {
margin-left: .25em
}
}
@media screen and (max-width: 800px) {
.filter-media-area {
width: 360px
}
.filter-media-area .grid .w-33 {
width: 120px
}
.filter-media-area .filter-label {
border: 0 !important;
color: transparent;
height: 1px !important;
left: -999999px !important;
position: absolute !important;
width: 1px !important
}
.filter-media-area .txt-label {
margin-left: 2.6em
}
}
@media screen and (max-width: 670px) {
.filter-media-area {
width: auto;
position: static;
text-align: left
}
.filter-media-area .txt-label {
margin-left: 0
}
.filter-media-area .grid .w-33 {
width: 100px
}
}
.filter-icon {
color: #a51c30;
padding-right: 40px;
position: relative
}
.filter-icon:after {
background: url(../img/filter-icons.png) no-repeat;
background-size: 20px 91px;
bottom: 1px;
content: '';
height: 20px;
margin: auto;
position: absolute;
right: 0;
speech: none;
top: 0;
width: 20px
}
.filter-icon--photos:after {
background-position: 0 3px
}
.filter-icon--videos:after {
background-position: 0 -35px
}
.filter-icon--audio:after {
background-position: 0 -72px
}
.media-relations--interior .nav-crumbs {
margin-top: -28px
}
.media-relations-nav .wrapper {
padding: 0
}
.interior--live-stream #current_page_title {
padding-bottom: 0
}
.interior--live-stream .main-base {
padding-top: 2.75em
}
@media screen and (max-width: 800px) {
.interior--live-stream .main-base {
padding-top: 2.375em
}
}
@media screen and (max-width: 37.5em) {
.interior--live-stream .main-base {
padding-top: .75em
}
}
.live-stream-subscribe {
bottom: 0;
height: 1.25em;
margin: auto;
position: absolute;
right: 1.25em;
top: 0
}
@media screen and (max-width: 660px) {
.live-stream-subscribe {
margin: .5em 0;
position: static
}
}
.live-stream-header {
padding-bottom: 32px;
padding-top: 40px
}
@media screen and (max-width: 768px) {
.live-stream-header {
margin-top: -10px
}
}
.off-air:after, .on-air:after {
border: 1px solid #fff;
color: #fff;
content: 'on air';
display: inline-block;
font-size: 14px;
padding: .5em;
vertical-align: middle
}
.off-air:after {
color: #bac5c6;
content: 'off air';
opacity: .75
}
.live-stream-video {
background: #414141;
position: relative
}
.live-stream-video .live-stream-wrapper {
height: 0;
padding-bottom: 56.25%;
width: 100%;
max-width: 100%;
margin-bottom: 60px
}
.live-stream-video .live-stream-wrapper .embed-container {
margin: 0 auto
}
@media screen and (max-height: 1100px) {
.live-stream-video .live-stream-wrapper {
padding-bottom: 40%;
margin-bottom: 20px
}
.live-stream-video .live-stream-wrapper .embed-container {
width: 71%
}
}
@media screen and (max-width: 768px) {
.live-stream-video .live-stream-wrapper {
padding-bottom: 56.25%;
margin-bottom: 20px
}
.live-stream-video .live-stream-wrapper .embed-container {
width: auto
}
}
.live-stream-video .live-stream-wrapper embed, .live-stream-video .live-stream-wrapper video, .live-stream-video .live-stream-wrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.interior--live-stream article#mainContent {
padding-bottom: 0
}
.school-block {
border: 1px solid #bac5c6;
display: block;
min-height: 160px;
padding-left: 120px;
padding-top: 2.5em;
position: relative;
text-decoration: none
}
.school-block .link-cta:after {
display: none
}
@media screen and (max-width: 37.5em) {
.school-block {
padding: 1.25em;
min-height: auto
}
}
.school-block__logo, .school-block__title {
display: inline-block;
vertical-align: middle
}
.school-block__logo {
float: left;
margin-left: -100px;
margin-top: -1.25em;
width: 100px
}
@media screen and (max-width: 37.5em) {
.school-block__logo {
display: block;
float: none;
margin: auto;
width: 50px
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.school-block__logo {
margin-top: -.5em;
width: 80px
}
}
.school-block__logo img {
display: block
}
.school-block__title {
padding: 0 0 0 20px
}
@media screen and (max-width: 37.5em) {
.school-block__title {
display: block;
padding: 16px 0 0;
text-align: center
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.school-block__title {
margin-top: -.5em;
padding-left: 0
}
}
@media screen and (min-width: 601px) and (max-width: 660px) {
.school-block__title {
margin-top: 1em
}
}
.school-block .link-cta__text {
text-decoration: none
}
.school-block .link-cta__text:hover {
text-decoration: underline
}
.school-block:hover {
text-decoration: underline
}
.school-block:hover .link-cta__text {
text-decoration: underline
}
@media screen and (max-width: 37.5em) {
.school-block {
margin-bottom: 0
}
}
.grid--school-blocks .w-50 {
margin-bottom: 1.25em
}
.link-cta {
font-size: 1.125em;
position: relative;
text-decoration: none
}
.link-cta__text {
text-decoration: underline
}
.link-cta:hover .link-cta__text {
text-decoration: none
}
.link-cta:after {
background-image: url("../img/icon-goto.png");
background-repeat: no-repeat;
background-position: bottom right;
bottom: 0;
content: '';
height: auto;
margin: auto;
position: absolute;
right: -32px;
speech: none;
top: 0;
width: 20px
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.link-cta:after {
background-image: url("../img/icon-goto@2x.png");
background-size: 20px 20px
}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
.harvard-social-leadin .grid--3 .w-33 {
width: 100%
}
}
.social-leadin-card {
margin-bottom: 1.25em;
min-height: 220px;
padding-left: 200px;
position: relative
}
.social-leadin-card__content {
border-top: 4px solid #a51c30;
padding-left: 1.25em
}
.social-leadin-card__title {
margin-bottom: .5em
}
.social-leadin-card__shield {
border: 1px solid #bac5c6;
left: 0;
position: absolute;
top: 0;
width: 200px
}
@media screen and (min-width: 769px) and (max-width: 920px) {
.social-leadin-card {
min-height: 140px;
padding-left: 120px
}
.social-leadin-card__shield {
width: 120px
}
}
@media screen and (max-width: 600px) {
.social-leadin-card {
min-height: 1px;
padding-left: 0
}
.social-leadin-card__shield {
display: none
}
}
@media screen and (max-width: 400px) {
.social-leadin-card .w-50.w-force {
width: 100%
}
}
.a-to-z {
margin-top: 60px;
padding-top: 60px;
position: relative
}
.a-to-z:before {
background: #bac5c6;
content: '';
height: 1px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 90%
}
.a-to-z__alphabet-filter li {
display: inline-block;
margin-bottom: 6px
}
.a-to-z__alphabet-filter .btn {
width: 44px
}
.a-to-z__results__block {
margin-bottom: 60px;
padding-bottom: 60px;
position: relative
}
.a-to-z__results__block:after {
background: #bac5c6;
bottom: 0;
content: '';
height: 1px;
left: 0;
margin: auto;
position: absolute;
right: 0;
speech: none;
width: 90%
}
.a-to-z__results__block__header {
position: relative
}
.a-to-z__results__block__header .txt-h1-alt, .a-to-z__results__block__header .card--large .card__title, .card--large .a-to-z__results__block__header .card__title {
padding-bottom: 4px
}
.a-to-z__results__block__header .jump-to-top {
bottom: 4px;
position: absolute;
right: 0
}
.a-to-z__result {
border-top: 4px solid #a51c30;
padding-right: 110px;
padding-top: .75em;
margin: 1em 0 2em;
position: relative
}
.a-to-z__result__title {
padding-bottom: 0
}
.a-to-z__result__social li {
margin-right: 1.5em
}
.a-to-z__result__img {
position: absolute;
right: 0;
top: 0;
width: 90px
}
.a-to-z__results__tags {
color: #bac5c6;
position: relative
}
.a-to-z__results__tags__label {
left: 0;
position: absolute;
top: 0
}
.a-to-z__results__tags__listing {
padding-left: 50px
}
.alphabet-search, .alphabet-choose {
margin-bottom: 20px
}
.homepage .main-base {
padding-top: 52px
}
@media screen and (max-width: 1016px) {
.homepage .main-base {
padding-top: 40px
}
}
@media screen and (max-width: 900px) {
.homepage .main-base {
padding-top: 39px
}
}
@media screen and (max-width: 800px) {
.homepage .main-base {
padding-top: 32px
}
}
@media screen and (max-width: 660px) {
.homepage .main-base {
padding-top: 0
}
}
article.search-results {
min-height: 400px
}
article.search-results input.gsc-input {
padding: 12px 20px;
font-size: 16px;
font-family: 'Merriweather Regular', Arial, sans-serif
}
article.search-results input.gsc-search-button {
-webkit-appearance: none;
background: rgba(212,25,52,0);
font-family: 'Merriweather Sans Regular', Arial, sans-serif;
color: #a51c30;
border: 1px solid;
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: inherit;
line-height: normal;
height: auto;
padding: 1em;
text-align: center;
text-decoration: none !important;
-webkit-transition: background .2s;
transition: background .2s;
text-transform: uppercase
}
article.search-results input.gsc-search-button:hover, article.search-results input.gsc-search-button:focus {
background: rgba(212,25,52,0.05);
border-color: #d41934;
color: #a51c30;
outline: 0
}
article.search-results strong, article.search-results b {
font-family: 'Merriweather Bold', Arial, sans-serif
}
article.search-results em {
font-family: inherit
}
article.search-results .gs-title strong, article.search-results .gs-title b {
font-family: 'Merriweather Sans Bold', Arial, sans-serif
}
article.search-results .gsc-control-cse .gsc-table-result {
font-family: 'Merriweather Sans Regular', Arial, sans-serif;
line-height: 1.8em;
font-size: inherit
}
article.search-results .cse .gsc-control-cse, article.search-results .gsc-control-cse {
padding: 0
}
article.search-results h2.results-h2 {
padding: 1em 0 0
}
article.search-results .gsc-control-cse .gs-spelling, article.search-results .gsc-control-cse .gs-result .gs-title, article.search-results .gsc-control-cse .gs-result .gs-title * {
font-size: 1.1em;
line-height: 1.8em;
height: auto
}
article.search-results .gs-webResult.gs-result a.gs-title:visited, article.search-results .gs-webResult.gs-result a.gs-title, article.search-results .gs-webResult.gs-result a.gs-title:link, article.search-results .gs-promotion a.gs-title:visited, article.search-results .gs-promotion a.gs-title, article.search-results .gs-promotion a.gs-title:link {
color: #a51c30;
text-decoration: none
}
article.search-results .gs-webResult.gs-result a.gs-title *, article.search-results .gs-webResult.gs-result a.gs-title:visited *, article.search-results .gs-webResult.gs-result a.gs-title:link *, article.search-results .gs-promotion a.gs-title *, article.search-results .gs-promotion a.gs-title:visited *, article.search-results .gs-promotion a.gs-title:link * {
color: #a51c30;
font-family: inherit
}
article.search-results .gs-result .gs-title, article.search-results .gs-result .gs-title * {
text-decoration: none
}
article.search-results .gs-webResult .gs-snippet, article.search-results .gs-imageResult .gs-snippet, article.search-results .gs-promotion .gs-snippet {
font-family: 'Merriweather Light', 'Times New Roman', serif
}
article.search-results .gs-fileFormatType {
font-family: 'Merriweather Light', 'Times New Roman', serif
}
article.search-results .gsc-webResult.gsc-result {
padding: 0.8em;
font-size: 1.2em;
margin-bottom: 0.2em
}
article.search-results .gsc-webResult.gsc-result.gsc-promotion, article.search-results .gsc-webResult.gsc-result.gsc-promotion:hover {
background: #f7f7f7;
border-left: 5px solid #a51c30;
line-height: 1.8em;
font-size: 1.2em;
margin-bottom: 1em
}
article.search-results .gsc-tabHeader {
padding: 1em;
font-family: 'Merriweather Light', 'Times New Roman', serif
}
article.search-results .gsc-tabHeader.gsc-tabhActive {
background: #f7f7f7
}
article.search-results .gsc-above-wrapper-area {
border-bottom: 0
}
article.search-results .gsc-results .gsc-cursor-box .gsc-cursor-page {
color: #a51c30;
font-size: 1.2em
}
article.search-results .gsc-results .gsc-cursor-box {
padding-left: 20px
}
article.search-results table.gsc-search-box td {
vertical-align: top
}
article.search-results td.gsc-clear-button {
display: none
}
article.search-results .gs-visibleUrl.gs-visibleUrl-long {
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.2
}
@media screen and (min-width: 601px) {
.in-view .harvard-heading {
background-position: center bottom;
height: 56px;
top: 36px;
width: 110px
}
.in-view .harvard-heading__link {
background-position: center bottom;
background-size: 106% auto;
height: 44px
}
.in-view .harvard-heading__link:before {
top: 0
}
}
@media screen and (min-width: 800px) {
.in-view .harvard-heading {
top: 41px
}
}
.input-mode {
height: 100%;
overflow: hidden
}
.slick-slider {
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
display: block;
left: 0;
position: relative;
top: 0
}
@media screen and (max-width: 600px) {
.slick-track .content-area {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.slick-track .card__content__source {
font-size: .75em
}
}
.slick-track:before, .slick-track:after {
content: '';
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto
}
.slick-prev, .slick-next {
background: transparent;
border: none;
color: #414141;
cursor: pointer;
display: block;
font-size: 0;
height: 50px;
line-height: 0;
margin-top: -10px;
outline: none;
padding: 0;
position: absolute;
top: 50%;
width: 44px
}
.slick-prev:before, .slick-next:before {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus, .slick-next:active, .slick-prev:active {
background: transparent;
outline: none;
box-shadow: 0 0 0 1px rgba(165,28,48,0.1)
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1
}
.slick-disabled {
display: none !important
}
.slick-prev {
left: -44px
}
[dir='rtl'] .slick-prev {
left: auto;
right: -44px
}
.slick-next {
right: -44px
}
[dir='rtl'] .slick-next {
right: auto;
left: -44px
}
[dir='rtl'] .slick-next:before, .slick-prev:before {
content: '';
background: url(../img/arrow-left.png);
background-repeat: no-repeat;
background-position: center top
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
[dir='rtl'] .slick-next:before, .slick-prev:before {
background-image: url("../img/arrow-left@2x.png");
background-size: 44px 44px
}
}
[dir='rtl'] .slick-prev:before, .slick-next:before {
content: '';
background: url(../img/arrow-right.png);
background-repeat: no-repeat;
background-position: center top
}
@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
[dir='rtl'] .slick-prev:before, .slick-next:before {
background-image: url("../img/arrow-right@2x.png");
background-size: 44px 44px
}
}
.is-touch-device .slick-prev:hover:before, .is-touch-device .slick-prev:focus:before, .is-touch-device .slick-next:hover:before, .is-touch-device .slick-next:focus:before {
background-color: transparent
}
.element-invisible {
display: none
}
form#user-login .description {
display: none
}
.messages {
padding: 1em;
border: 1px solid #ccc;
font-family: 'Merriweather Sans Regular', Arial, sans-serif
}
.messages.error {
border-color: red
}
.webform-client-form .form-item {
margin: 1em 0
}
.webform-client-form .form-item .description {
font-size: 0.8em;
font-family: 'Merriweather Sans Regular', Arial, sans-serif
}
.webform-client-form .form-radios .form-item {
margin: 0
}
.module-status--draft {
background-image: url(../img/text-draft.png)
}
a.anchor {
display: block;
position: relative;
top: -100px;
visibility: hidden
}
img.img-left, .img-left>img {
float: left;
margin: 3px 12px 12px 0
}
img.img-right, .img-right>img {
float: right;
margin: 3px 0 12px 12px
}
.rssfeed-module .card__title {
font-size: 1.125em
}
input#edit-captcha-response {
width: 60px
}
input.input-inline {
width: auto;
max-width: 100%
}
.webform-client-form.webform-client-form-60792 input#edit-submitted-attach-image-if-applicable-upload-button {
display: none
}
.sub-nav li ul .active li a:before {
width: 0
}
h1#current_page_title {
font-size: 2.5em;
line-height: 1.4em
}
@media screen and (max-width: 768px) {
h1#current_page_title {
font-size: 2em
}
}
#breadcrumb-padding {
margin-top: 30px
}
@media screen and (max-width: 799px) {
#breadcrumb-padding {
margin-top: 0
}
}
.body-header-base--has-photo #breadcrumb-padding {
margin-top: 0
}
form.directory-search {
margin-bottom: 30px
}
input.btn.search-directory-btn {
margin-top: 27px
}
@media screen and (max-width: 980px) {
input.btn.search-directory-btn {
margin-top: 10px
}
}
@media screen and (max-width: 768px) {
.txt-up-8--vm, h1, .txt-h1, h1, .txt-h1, .txt-h1-alt, .card--large .card__title {
font-size: 2.125em
}
.txt-up-5--vm, h2, .txt-h2, h2, .txt-h2, .txt-h2-alt {
font-size: 2em
}
table {
font-size: 14px
}
}
@media screen and (max-width: 500px) {
.txt-up-8--vm, h1, .txt-h1, h1, .txt-h1, .txt-h1-alt, .card--large .card__title {
font-size: 2em
}
}
@media screen and (max-width: 959px) {
.slick-slide h2.txt-h1-alt, .slick-slide .card--large h2.card__title, .card--large .slick-slide h2.card__title {
font-size: 1.75em
}
}
@media screen and (min-width: 960px) {
section.social-items .deck__cta-area {
top: -0.5em
}
}
ul.pager {
padding-left: 0;
list-style: none;
margin: 25px 0
}
ul.pager li {
display: inline-block;
padding-right: 10px
}
ul.pager li.pager-next, ul.pager li.pager-last {
padding-left: 10px
}
.my-anchor {
color: rgba(254, 254, 254, 0.85) !important;
font-weight: 100 !important;
font-size: 100%;
text-transform: uppercase;
padding-top: 16px !important;
padding-bottom: 18px !important;
display: block;
}
.my-container {
width:100%;
height:500px;
}
.ms-parent-id-24 .ms-inner-controls-cont{
border: 3px solid #ddd;
overflow: hidden;
}
.heading-new-header {
margin-left: 20px;
background: #801c03;
display: inline-block;
margin-top: 0;
color: #fff;
padding: 7px 18px 8px 9px;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
text-transform: uppercase;
font-size: 19px;
line-height: 1.5;
overflow: hidden;
clear: both;
}
.no-left-padding{margin-left:0px;
margin-bottom: 5px;
margin-top: 15px;
}
.inner-heading-new {
background: #d82b00;
display: inline-block;
margin-top: 0;
color: #fff;
padding: 7px 23px 7px 9px;
border-top-right-radius: 1em;
border-bottom-right-radius: 140px;
font-size: 15px;
}
.wp-block-image img{width: 100%;}
.bh-baground{
position: relative;
background: #f5f5f5;
margin-bottom: 4px;
border: 1px solid #ddd;
}
.bh-baground img {
width: 39% !important;
}
.bh-baground .elementor-text-editor p b, .bh-baground .elementor-text-editor p strong{}
@media(min-width:991px){
.homepage-slider #onetone-owl-slider .owl-item .item > img {
width: 100%;
height: 559px;
}
}
@media(max-width:767px){
.heading-new-header {
margin-left: 0px;
background: none;
display: inline-block;
margin-top: 0;
color: #fff;
padding: 7px 18px 0px 9px;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
text-transform: uppercase;
font-size: 17px;
line-height: 1.5;
overflow: hidden;
clear: both;
color: #000;
font-weight: 600;
padding-left: 0 !important;
display: block;
}
hgroup.page-title{ width: 91%;}
.col-main {
border-top: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.search-area {
display: none;
}
.btn--menu {
right: 0;
}