html {
font-size: 100%;
box-sizing: border-box;
scroll-behavior: smooth
}
*,
*:before,
*:after {
box-sizing: inherit
}
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400;
src: url("../fonts/assistant-v4-latin-regular.eot");
src: local("Assistant"), local("Assistant-Regular"), url("../fonts/assistant-v4-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/assistant-v4-latin-regular.woff2") format("woff2"), url("../fonts/assistant-v4-latin-regular.woff") format("woff"), url("../fonts/assistant-v4-latin-regular.ttf") format("truetype"), url("../fonts/assistant-v4-latin-regular.svg#Assistant") format("svg")
}
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 700;
src: url("../fonts/assistant-v4-latin-700.eot");
src: local("Assistant Bold"), local("Assistant-Bold"), url("../fonts/assistant-v4-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/assistant-v4-latin-700.woff2") format("woff2"), url("../fonts/assistant-v4-latin-700.woff") format("woff"), url("../fonts/assistant-v4-latin-700.ttf") format("truetype"), url("../fonts/assistant-v4-latin-700.svg#Assistant") format("svg")
}
@font-face {
font-family: "BCSans";
src:
local("BCSans"),
url("../fonts/BCSans/2023_01_01_BCSans-Regular_2f.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
body {
background-color: white;
font-family: 'Assistant', sans-serif;
font-display: swap;
font-weight: 400;
line-height: 1.65;
color: #2A2A2A
}
body.user-logged-in .global-container {
padding-top: 2em
}
.global-container {
position: relative
}
.global-container figure figcaption {
margin-top: .5em;
text-align: right
}
.global-container figure figcaption p {
margin-top: 0;
margin-bottom: 0;
font-size: 0.889em
}
@media screen and (min-width: 48em) {
.global-container figure figcaption p {
font-size: 0.889em
}
}
@media screen and (min-width: 64em) {
.global-container figure figcaption p {
font-size: 1em
}
}
@media screen and (min-width: 80em) {
.global-container figure figcaption p {
font-size: 1.125em
}
}
.global-container p {
margin-bottom: 1.15rem
}
@media screen and (min-width: 48em) {
.global-container p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.global-container p {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.global-container p {
font-size: 1.424em
}
}
.global-container article p a,
.global-container article li a,
.global-container article h2 a,
.global-container article h3 a,
.global-container article h4 a,
.global-container article h5 a,
.global-container article figcaption a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.global-container article p a:hover,
.global-container article li a:hover,
.global-container article h2 a:hover,
.global-container article h3 a:hover,
.global-container article h4 a:hover,
.global-container article h5 a:hover,
.global-container article figcaption a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 48em) {
.global-container ul>li,
.global-container ol>li {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.global-container ul>li,
.global-container ol>li {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.global-container ul>li,
.global-container ol>li {
font-size: 1.424em
}
}
@media screen and (min-width: 48em) {
.global-container ul>li>ul>li,
.global-container ol>li>ol>li,
.global-container ol>li>ul>li {
font-size: 1em
}
}
@media screen and (min-width: 64em) {
.global-container ul>li>ul>li,
.global-container ol>li>ol>li,
.global-container ol>li>ul>li {
font-size: 1em
}
}
@media screen and (min-width: 80em) {
.global-container ul>li>ul>li,
.global-container ol>li>ol>li,
.global-container ol>li>ul>li {
font-size: 1em
}
}
.global-container ol>li>ul>li {
list-style-type: disc
}
.global-container h1,
.global-container h2,
.global-container h3,
.global-container h4,
.global-container h5 {
margin: 2.75rem 0 1.05rem;
font-weight: 700;
line-height: 1.15
}
.global-container h1 {
margin-top: 0;
font-size: 1.802em
}
@media screen and (min-width: 48em) {
.global-container h1 {
font-size: 2.027em
}
}
@media screen and (min-width: 64em) {
.global-container h1 {
font-size: 2.281em
}
}
@media screen and (min-width: 80em) {
.global-container h1 {
font-size: 2.566em
}
}
.global-container h2 {
font-size: 1.602em
}
@media screen and (min-width: 48em) {
.global-container h2 {
font-size: 1.802em
}
}
@media screen and (min-width: 64em) {
.global-container h2 {
font-size: 2.027em
}
}
@media screen and (min-width: 80em) {
.global-container h2 {
font-size: 2.281em
}
}
.global-container h3 {
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.global-container h3 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.global-container h3 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.global-container h3 {
font-size: 1.602em
}
}
.global-container h4 {
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.global-container h4 {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.global-container h4 {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.global-container h4 {
font-size: 1.424em
}
}
.global-container h5 {
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.global-container h5 {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.global-container h5 {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.global-container h5 {
font-size: 1.424em
}
}
.global-container small,
.global-container .text_small {
font-size: 0.889em
}
#global-header__utility {
padding-left: 2.5em;
padding-right: 2.500em
}
#global-header__utility .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative
}
@media screen and (min-width: 87.5em) {
#global-header__utility .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-header__utility .selector__society-selector-blocks {
margin-left: -1rem
}
#global-header__utility .selector__society-selector-blocks .js-to_expand[aria-hidden=true],
#global-header__utility .selector__society-selector-blocks .js-to_expand[data-hidden=true] {
display: none
}
#global-header__utility .selector__society-selector-blocks .js-expandmore {
margin-top: 0;
margin-bottom: 0;
font-size: 1em
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .expandmore__button {
padding: 0;
margin: 0;
background-color: white;
border: 0;
outline: 0
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .expandmore__button.is-opened .wrap {
background-color: #2A2A2A
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .expandmore__button.is-opened .wrap .wrapper {
border-color: #2A2A2A;
color: white;
background-image: url(../images/icons/location--white.png), url(../images/icons/arrow-up--white.png)
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .selector__society-selector-blocks .js-expandmore .expandmore__button.is-opened .wrap .wrapper {
background-image: url(../images/icons/location--white@2x.png), url(../images/icons/arrow-up--white@2x.png)
}
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .expandmore__button.is-opened .wrap .wrapper .change-society:before {
color: white
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap {
display: flex;
align-items: center;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper {
display: flex;
align-items: center;
padding-bottom: 0;
color: #003087;
background-image: url(../images/icons/location--purple.png), url(../images/icons/arrow-down--purple.png);
background-repeat: no-repeat;
background-position: left center, right center;
background-size: auto 1em, .889em auto;
padding-left: 1.125em;
padding-right: 1.125em;
line-height: 1.15
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper {
background-image: url(../images/icons/location--purple@2x.png), url(../images/icons/arrow-down--purple@2x.png)
}
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .current-society {
font-size: 1.125em
}
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .current-society .label {
display: none
}
@media screen and (min-width: 80em) {
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .current-society .label {
display: inline;
padding-right: .25em
}
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .change-society {
display: none
}
@media screen and (min-width: 48em) {
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .change-society {
display: inline
}
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .change-society:before {
content: '|';
font-weight: 400;
padding-left: .5em;
padding-right: .5em;
color: #FFB819
}
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-expandmore .wrap .wrapper .change-society {
font-size: 1.125em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand {
display: none;
position: absolute;
transition: visibility 0s ease, transform .5s ease, opacity .5s ease;
transition-delay: 0s, 0s, 0s;
transform-origin: top center;
transform: scale(1, 1);
visibility: visible;
transition-delay: 0s;
width: calc(100% - 3em);
background: #eee;
border-top: 6px solid #2A2A2A;
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
z-index: 100;
max-width: 100%
}
@media screen and (min-width: 48em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper {
display: flex
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current {
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em
}
@media screen and (min-width: 48em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current {
width: 50%
}
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current {
padding-bottom: 2em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address {
font-style: normal
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address {
font-size: 1.125em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address a:hover {
background-size: 100% 100%
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .get-directions {
background-image: url(../images/icons/directions--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1.266em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .get-directions {
background-image: url(../images/icons/directions--purple@2x.png)
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .phone {
background-image: url(../images/icons/phone--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1.266em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .phone {
background-image: url(../images/icons/phone--purple@2x.png)
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .phone .label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .email {
background-image: url(../images/icons/email--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 1em auto;
padding-left: 1.266em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .email {
background-image: url(../images/icons/email--purple@2x.png)
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current address .email .label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul {
margin-top: 1em;
margin-bottom: 0;
margin-left: 0;
padding-left: 0
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul li {
font-size: 1em;
margin-left: 0;
list-style-type: none;
background-image: url(../images/icons/arrow-right--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: .889em auto;
padding-left: 1.266em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul li {
background-image: url(../images/icons/arrow-right--purple@2x.png)
}
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul li {
font-size: 1.125em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul li a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__current ul li a:hover {
background-size: 100% 100%
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local {
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
background-color: white
}
@media screen and (min-width: 48em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local {
width: 50%
}
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local {
padding-bottom: 2em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing strong,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local strong {
display: block;
margin-bottom: .666em
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing strong,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local strong {
font-size: 1.125em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul li,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .75em
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul li:last-child,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul li:last-child {
margin-bottom: 0
}
@media screen and (min-width: 64em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul li,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul li {
font-size: 1.125em
}
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul li:before,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul li a,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul li a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing ul li a:hover,
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local ul li a:hover {
background-size: 100% 100%
}
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local {
border-bottom: 1px solid #eee
}
@media screen and (min-width: 48em) {
#global-header__utility .selector__society-selector-blocks .js-to_expand .wrapper .selector__listing--local {
border-right: 1px solid #eee;
border-bottom: 0
}
}
#global-header__utility .branding__society-phone-blocks {
display: none
}
@media screen and (min-width: 48em) {
#global-header__utility .branding__society-phone-blocks {
display: flex;
align-items: center;
margin-left: auto
}
}
#global-header__utility .branding__society-phone-blocks a {
background-image: url(../images/icons/phone--purple.png);
background-size: auto 1em;
background-repeat: no-repeat;
background-position: left center;
padding-left: 1.125em;
text-decoration: none;
color: #2A2A2A;
transition-duration: 0.3s;
line-height: 1.37;
font-weight: 700;
font-size: 1.125em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__utility .branding__society-phone-blocks a {
background-image: url(../images/icons/phone--purple@2x.png)
}
}
@media screen and (min-width: 64em) {
#global-header__utility .branding__society-phone-blocks a {
font-size: 1.266em
}
}
#global-header__utility #block-languageswitcher ul li {
border-right: 0 !important;
margin-right: 0 !important;
padding-right: 0 !important;
border-left: 1px solid #2A2A2A !important;
margin-left: 0 !important;
padding-left: .5em !important
}
#global-header__utility #block-languageswitcher ul li.is-active {
display: none
}
#global-header__utility .menu__society-utility-blocks {
margin-left: auto
}
@media screen and (min-width: 48em) {
#global-header__utility .menu__society-utility-blocks {
margin-left: 0
}
}
@media screen and (min-width: 48em) {
#global-header__utility .menu__society-utility-blocks ul li:first-child {
border-left: 1px solid #2A2A2A !important;
margin-left: 0 !important;
padding-left: .5em !important
}
}
#global-header__utility .menu__society-utility-blocks,
#global-header__utility #block-languageswitcher {
display: flex;
align-items: center
}
#global-header__utility .menu__society-utility-blocks ul,
#global-header__utility #block-languageswitcher ul {
margin-top: 0;
padding-left: .5em;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
align-items: center
}
#global-header__utility .menu__society-utility-blocks ul li,
#global-header__utility #block-languageswitcher ul li {
padding-top: 0;
border-right: 1px solid #2A2A2A;
margin-right: .5em;
padding-right: .5em;
list-style-type: none
}
#global-header__utility .menu__society-utility-blocks ul li:before,
#global-header__utility #block-languageswitcher ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-header__utility .menu__society-utility-blocks ul li:last-child,
#global-header__utility #block-languageswitcher ul li:last-child {
margin-right: 0;
padding-right: 0;
border-right: 0
}
@media screen and (min-width: 64em) {
#global-header__utility .menu__society-utility-blocks ul li,
#global-header__utility #block-languageswitcher ul li {
font-size: 1.125em
}
}
#global-header__utility .menu__society-utility-blocks ul li a,
#global-header__utility #block-languageswitcher ul li a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-header__utility .menu__society-utility-blocks ul li a:hover,
#global-header__utility #block-languageswitcher ul li a:hover {
background-size: 100% 100%
}
#global-header__branding {
padding-top: 1em;
padding-right: 2.500em;
padding-bottom: 1em;
padding-left: 2.500em
}
#global-header__branding .container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center
}
@media screen and (min-width: 87.5em) {
#global-header__branding .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-header__branding #branding__logo {
width: calc(67.1641791044776% - 20px);
margin-right: 20px;
display: flex
}
@media screen and (min-width: 80em) {
#global-header__branding #branding__logo {
width: calc(33.3333333333333% - 26.666666666666667px)
}
}
#global-header__branding #branding__logo a {
display: inline-block
}
#global-header__branding #branding__logo img {
max-width: 100%;
height: auto;
display: block
}
#global-header__branding #branding__menu-toggle {
width: calc(32.8358208955224% - 20px);
margin-left: 20px;
text-align: right
}
@media screen and (min-width: 80em) {
#global-header__branding #branding__menu-toggle {
display: none
}
}
#global-header__branding #branding__menu-toggle a {
font-size: .889em;
font-weight: 700;
color: #003087;
text-decoration: none;
display: inline-block;
background-image: url(../images/icons/menu--open.png);
background-size: 1em auto;
background-repeat: no-repeat;
background-position: left 1em center;
padding-left: 2.266em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 0
}
@media screen and (min-width: 48em) {
#global-header__branding #branding__menu-toggle a {
font-size: 1.125em
}
}
#global-header__branding #branding__menu-toggle a.open {
background-image: url(../images/icons/close.png);
background-size: 0.702em auto;
background-position: left .702em center;
background-color: #2A2A2A;
color: white;
padding-right: .889em;
padding-left: 1.604em
}
#global-header__branding .branding__society-search-blocks {
width: 100%;
margin-top: 1em;
margin-bottom: 1em
}
@media screen and (min-width: 48em) {
#global-header__branding .branding__society-search-blocks {
width: calc(75.7462686567164% - 20px);
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-header__branding .branding__society-search-blocks {
margin-left: auto;
width: calc(41.9154228855721% - 26.666666666666667px)
}
}
#global-header__branding .branding__society-search-blocks form.gsc-search-box {
font-size: 1em;
margin-bottom: 0
}
#global-header__branding .branding__society-search-blocks table.gsc-search-box {
margin-bottom: 0
}
#global-header__branding .branding__society-search-blocks table.gsc-search-box td.gsc-input {
padding-right: 0
}
#global-header__branding .branding__society-search-blocks table.gsc-search-box>tbody:nth-child(1)>tr:nth-child(1) {
display: flex
}
#global-header__branding .branding__society-search-blocks .gsc-input {
font-size: 1em;
width: calc(100% - 100px);
background-image: none !important
}
#global-header__branding .branding__society-search-blocks .gsib_a input {
padding-top: .75em !important;
padding-right: .75em !important;
padding-bottom: .75em !important;
padding-left: .75em !important;
background-position: left .75em center !important;
background-color: transparent !important;
height: 52px !important
}
@media screen and (min-width: 37.5em) {
#global-header__branding .branding__society-search-blocks .gsib_a input {
font-size: 1.125em;
background-color: transparent !important
}
}
#global-header__branding .branding__society-search-blocks .gsc-input-box {
padding-top: 0;
padding-bottom: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #2A2A2A;
background-color: transparent !important
}
#global-header__branding .branding__society-search-blocks .gsib_a {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
#global-header__branding .branding__society-search-blocks .gsc-search-button {
margin-left: 0;
width: auto;
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: center
}
#global-header__branding .branding__society-search-blocks .gsc-search-button-v2 {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #003087;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
transition-property: color, background-color;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
border: 0
}
#global-header__branding .branding__society-search-blocks .gsc-search-button-v2 svg {
height: 16px;
width: 16px
}
@media screen and (min-width: 37.5em) {
#global-header__branding .branding__society-search-blocks .gsc-search-button-v2 svg {
height: 18px;
width: 18px
}
}
#global-header__branding .branding__society-search-blocks .gsc-search-button-v2:hover,
#global-header__branding .branding__society-search-blocks .gsc-search-button-v2:focus,
#global-header__branding .branding__society-search-blocks .gsc-search-button-v2:active {
background-size: 100% 100%
}
#global-header__branding .branding__society-phone-blocks {
width: calc(32.8358208955224% - 10px);
margin-right: 10px
}
@media screen and (min-width: 48em) {
#global-header__branding .branding__society-phone-blocks {
display: none
}
}
#global-header__branding .branding__society-phone-blocks a {
display: block;
background-color: #003087;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
padding-top: .75em;
padding-bottom: .75em;
height: 53px;
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-header__branding .branding__society-phone-blocks a:hover,
#global-header__branding .branding__society-phone-blocks a:focus,
#global-header__branding .branding__society-phone-blocks a:active {
background-size: 100% 100%
}
#global-header__branding .branding__society-phone-blocks a span {
display: block;
text-indent: -999em;
background-image: url(../images/icons/phone--white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 1em auto;
font-size: 1em
}
@media screen and (min-width: 37.5em) {
#global-header__branding .branding__society-phone-blocks a span {
font-size: 1.125em;
background-size: 1.125em auto
}
}
#global-header__branding .branding__society-donate-blocks {
width: calc(67.1641791044776% - 10px);
margin-left: 10px
}
@media screen and (min-width: 48em) {
#global-header__branding .branding__society-donate-blocks {
width: calc(24.2537313432836% - 20px);
margin-left: 20px
}
}
@media screen and (min-width: 80em) {
#global-header__branding .branding__society-donate-blocks {
margin-left: 20px;
width: auto
}
}
#global-header__branding .branding__society-donate-blocks a {
background-color: #E27000;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-weight: 700;
color: white;
text-align: center;
padding-top: .75em;
padding-bottom: .75em;
line-height: 1.15;
height: 53px;
background-image: linear-gradient(120deg, #af5700 0%, #af5700 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
@media screen and (min-width: 37.5em) {
#global-header__branding .branding__society-donate-blocks a {
font-size: 1.125em
}
}
@media screen and (min-width: 48em) {
#global-header__branding .branding__society-donate-blocks a {
max-height: 53px
}
}
@media screen and (min-width: 80em) {
#global-header__branding .branding__society-donate-blocks a {
padding-left: 1.5em;
padding-right: 1.5em
}
}
#global-header__branding .branding__society-donate-blocks a:hover,
#global-header__branding .branding__society-donate-blocks a:focus,
#global-header__branding .branding__society-donate-blocks a:active {
background-size: 100% 100%
}
#global-header__menu {
background-color: #003087;
padding-left: 2.5em;
padding-right: 2.5em
}
.path-user #global-header__current {
padding-top: 0;
background-color: white
}
.path-user #global-header__current {
margin-top: 2.5em
}
#global-header__current {
display: none;
background-color: #E2EEF9;
padding-top: 2.5em;
padding-right: 2.500em;
padding-bottom: 1em;
padding-left: 2.500em
}
@media screen and (min-width: 87.5em) {
#global-header__current .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-header__current .current {
background-color: #faf3d1;
background-image: url(../images/icons/location-icon--black.png);
background-repeat: no-repeat;
background-position: left 1em center;
background-size: auto 1em;
border-left: 8px solid #FFB819;
padding-top: 1em;
padding-right: 2.500em;
padding-bottom: 1em;
padding-left: 2.25em;
position: relative
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__current .current {
background-image: url(../images/icons/location-icon--black@2x.png)
}
}
@media screen and (min-width: 37.5em) {
#global-header__current .current {
font-size: 1.125em
}
}
#global-header__current .current a {
color: #003087;
font-weight: 700;
box-shadow: inset 0 -2px #FFB819;
text-decoration: none;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-header__current .current a:hover {
background-size: 100% 100%
}
#global-header__current .current a.current__close {
text-decoration: none;
box-shadow: none;
position: absolute;
top: .5em;
right: .5em;
text-indent: -999em;
background-image: url(../images/icons/close--black.png);
background-repeat: no-repeat;
background-size: 1em 1em;
width: 1em;
height: 1em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-header__current .current a.current__close {
background-image: url(../images/icons/close--black@2x.png)
}
}
#global-header__current .current a.current__close:hover,
#global-header__current .current a.current__close:focus,
#global-header__current .current a.current__close:active {
background-color: transparent
}
#global-footer__feedback {
background-color: #2A2A2A;
color: white;
padding-right: 2.500em;
padding-left: 2.500em
}
@media screen and (min-width: 48em) {
#global-footer__feedback .container {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
#global-footer__feedback .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__feedback #feedback__useful {
display: flex;
align-items: center
}
#global-footer__feedback #feedback__useful h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
margin-right: 1em;
padding-top: 1em
}
@media screen and (min-width: 48em) {
#global-footer__feedback #feedback__useful h2 {
padding-bottom: 1em
}
}
#global-footer__feedback #feedback__useful ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-top: 1em;
display: flex;
align-items: center
}
@media screen and (min-width: 48em) {
#global-footer__feedback #feedback__useful ul {
padding-bottom: 1em
}
}
#global-footer__feedback #feedback__useful ul li {
font-size: 1em !important;
list-style-type: none
}
#global-footer__feedback #feedback__useful ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-footer__feedback #feedback__useful ul li:first-child {
margin-right: 1em
}
#global-footer__feedback #feedback__useful ul li a {
color: white;
text-decoration: none;
box-shadow: inset 0 -1px white
}
#global-footer__feedback #feedback__useful ul li a span {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-footer__feedback #feedback__useful .confirmed {
display: none;
font-weight: 700;
padding-top: 1em;
padding-bottom: 1em
}
@media screen and (min-width: 64em) {
#global-footer__feedback #feedback__useful .confirmed {
font-size: 1.125em
}
}
#global-footer__feedback .show-form {
padding-bottom: 1em
}
@media screen and (min-width: 48em) {
#global-footer__feedback .show-form {
padding-top: 1em
}
}
#global-footer__feedback .show-form a {
color: white;
text-decoration: none;
box-shadow: inset 0 -1px white;
transition-duration: 0.3s
}
#global-footer__form {
display: none;
border-top: 6px solid #2A2A2A;
padding-left: 2.500em;
padding-right: 2.500em;
background-color: #E2EEF9
}
@media screen and (min-width: 87.5em) {
#global-footer__form .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__form .form__webform {
position: relative
}
#global-footer__form .form__webform .form-item-markup-01 {
margin-top: 0;
margin-bottom: 0;
padding-top: 2em
}
#global-footer__form .form__webform .form-item-markup-01 h2 {
margin-top: 0;
margin-bottom: 0
}
#global-footer__form .form__webform .form-item-markup {
margin-top: 0;
margin-bottom: 0
}
@media screen and (min-width: 64em) {
#global-footer__form .form__webform .form-item-markup {
font-size: 1.125em
}
}
#global-footer__form .form__webform .form-type-textfield {
margin-top: 1em;
margin-bottom: 0
}
@media screen and (min-width: 64em) {
#global-footer__form .form__webform .form-type-textfield {
font-size: 1.125em
}
}
#global-footer__form .form__webform .form-type-textfield label {
display: block
}
#global-footer__form .form__webform .form-type-textfield input {
width: 100%;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
-webkit-appearance: none;
border-radius: 0
}
@media screen and (min-width: 64em) {
#global-footer__form .form__webform .form-type-textfield input {
max-width: 50%
}
}
#global-footer__form .form__webform .hide-form {
position: absolute;
top: 1em;
right: 0
}
@media screen and (min-width: 64em) {
#global-footer__form .form__webform .hide-form {
font-size: 1.125em
}
}
#global-footer__form .form__webform .hide-form a {
color: #003087;
font-weight: 700;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-footer__form .form__webform .hide-form a:hover,
#global-footer__form .form__webform .hide-form a:focus,
#global-footer__form .form__webform .hide-form a:active {
background-size: 100% 100%
}
#global-footer__form .form__webform .form-actions {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 2em
}
#global-footer__form .form__webform .form-actions .button {
margin-top: 1em;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 0;
background-color: #003087;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: right 1.5em center, 0 100%;
background-repeat: no-repeat;
background-size: 1em auto, 100% 0;
font-weight: 700;
color: white;
padding-top: .75em;
padding-right: 3em;
padding-bottom: .75em;
padding-left: 1.5em;
transition: background-size .125s ease-in
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__form .form__webform .form-actions .button {
background-image: url(../images/icons/arrow-right--white@2x.png), linear-gradient(120deg, #001e54 0%, #001e54 100%)
}
}
#global-footer__form .form__webform .form-actions .button:hover {
background-size: 1em auto, 100% 100%
}
@media screen and (min-width: 64em) {
#global-footer__form .form__webform .form-actions .button {
font-size: 1.125em
}
}
#global-footer__selector {
background-color: #003087;
color: white;
padding-top: 2em;
padding-left: 2.500em;
padding-right: 2.500em
}
@media screen and (min-width: 87.5em) {
#global-footer__selector .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__selector .selector__curent {
background-image: url(../images/icons/location--white.png);
background-position: left center;
background-repeat: no-repeat;
background-size: auto 1em;
padding-left: 1.125em;
line-height: 1.15
}
@media screen and (min-width: 64em) {
#global-footer__selector .selector__curent {
font-size: 1.125em
}
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__selector .selector__curent {
background-image: url(../images/icons/location--white@2x.png)
}
}
#global-footer__selector .selector__curent::after {
content: '|';
font-weight: 400;
padding-left: .5em;
margin-right: .5em
}
#global-footer__selector .selector__curent .label {
margin-right: .25em
}
#global-footer__selector a {
text-decoration: none;
line-height: 1.15
}
#global-footer__selector a .selector__change {
color: white;
box-shadow: inset 0 -2px #FFB819;
font-weight: 700;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-footer__selector a .selector__change:hover,
#global-footer__selector a .selector__change:focus,
#global-footer__selector a .selector__change:active {
background-size: 100% 100%;
color: #003087
}
@media screen and (min-width: 64em) {
#global-footer__selector a .selector__change {
font-size: 1.125em
}
}
#global-footer__branding {
background-color: #003087;
padding-left: 2.500em;
padding-right: 2.500em
}
@media screen and (min-width: 48em) {
#global-footer__branding .container {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
#global-footer__branding .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__branding #branding__logo--footer {
max-width: 200px;
margin-right: 20px;
display: flex;
padding-top: 1em
}
#global-footer__branding #branding__logo--footer a {
display: inline-block
}
#global-footer__branding #branding__logo--footer img {
max-width: 100%;
height: auto;
display: block
}
#global-footer__branding .socials__society-socials-blocks {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
padding-top: 1em
}
#global-footer__branding .socials__society-socials-blocks h2 {
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
color: white
}
@media screen and (min-width: 64em) {
#global-footer__branding .socials__society-socials-blocks h2 {
font-size: 1.125em
}
}
#global-footer__branding .socials__society-socials-blocks ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
#global-footer__branding .socials__society-socials-blocks ul li {
list-style-type: none;
line-height: 1.15;
margin-right: 1em
}
@media screen and (min-width: 64em) {
#global-footer__branding .socials__society-socials-blocks ul li {
font-size: 1.125em
}
}
#global-footer__branding .socials__society-socials-blocks ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#global-footer__branding .socials__society-socials-blocks ul li:last-child {
margin-right: 0
}
#global-footer__branding .socials__society-socials-blocks ul li a {
color: white;
text-decoration: none
}
#global-footer__branding .socials__society-socials-blocks ul li a.socials {
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block
}
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--facebook {
background-image: url(../images/icons/facebook--white.png);
width: 12.8833px;
height: 22.7833px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--facebook {
background-image: url(../images/icons/facebook--white@2x.png)
}
}
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--twitter {
background-image: url(../images/icons/twitter--white.png);
width: 28.7333px;
height: 22.7833px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--twitter {
background-image: url(../images/icons/twitter--white@2x.png)
}
}
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--instagram {
background-image: url(../images/icons/instagram--white.png);
width: 23px;
height: 22.7833px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--instagram {
background-image: url(../images/icons/instagram--white@2x.png)
}
}
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--youtube {
background-image: url(../images/icons/youtube--white.png);
width: 32.3333px;
height: 22.7833px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--youtube {
background-image: url(../images/icons/youtube--white@2x.png)
}
}
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--linkedin {
background-image: url(../images/icons/linkedin--white.png);
width: 23.8338px;
height: 22.7833px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#global-footer__branding .socials__society-socials-blocks ul li a.socials.socials--linkedin {
background-image: url(../images/icons/linkedin--white@2x.png)
}
}
#global-footer__office {
background-color: #003087;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2.500em;
padding-right: 2.500em
}
@media screen and (min-width: 87.5em) {
#global-footer__office .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__office .office__society-office-blocks {
display: flex;
flex-wrap: wrap
}
#global-footer__office .office__society-office-blocks address {
color: white;
font-style: normal;
margin-bottom: 1em;
width: 100%
}
@media screen and (min-width: 48em) {
#global-footer__office .office__society-office-blocks address {
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address {
width: calc(33.333333333333333% - 26.666666666666667px);
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address {
width: calc(25% - 30px)
}
}
@media screen and (min-width: 48em) {
#global-footer__office .office__society-office-blocks address:first-child {
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address:first-child {
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:first-child {
margin-right: 20px
}
}
@media screen and (min-width: 48em) {
#global-footer__office .office__society-office-blocks address:nth-child(2n+3) {
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address:nth-child(2n+3) {
margin-right: 0
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(2n+3) {
margin-right: 0
}
}
@media screen and (min-width: 48em) {
#global-footer__office .office__society-office-blocks address:nth-child(2n+2) {
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address:nth-child(2n+2) {
margin-left: 0
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(3n+2) {
margin-left: 0;
margin-right: 0
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address:nth-child(3n+3) {
margin-left: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(3n+3) {
margin-left: 0
}
}
@media screen and (min-width: 64em) {
#global-footer__office .office__society-office-blocks address:nth-child(3n+4) {
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(3n+4) {
margin-right: 0
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(4n+1) {
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(4n+2) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(4n+3) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 80em) {
#global-footer__office .office__society-office-blocks address:nth-child(4n+4) {
margin-left: 20px
}
}
#global-footer__office .office__society-office-blocks address a {
color: white;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-footer__office .office__society-office-blocks address a:hover,
#global-footer__office .office__society-office-blocks address a:focus,
#global-footer__office .office__society-office-blocks address a:active {
color: #003087;
background-size: 100% 100%
}
#global-footer__crn {
background-color: #003087;
padding-left: 2.500em;
padding-right: 2.500em;
padding-bottom: 1em
}
@media screen and (min-width: 87.5em) {
#global-footer__crn .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__crn .crn__society-crn-blocks div {
color: white;
line-height: 1.15
}
@media screen and (min-width: 64em) {
#global-footer__crn .crn__society-crn-blocks div {
font-size: 1.125em
}
}
#global-footer__utility {
background-color: #003087;
padding-left: 2.500em;
padding-right: 2.500em;
padding-bottom: 1em
}
@media screen and (min-width: 64em) {
#global-footer__utility .container {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
#global-footer__utility .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#global-footer__utility .menu__society-utility-blocks ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0
}
@media screen and (min-width: 37.5em) {
#global-footer__utility .menu__society-utility-blocks ul {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
#global-footer__utility .menu__society-utility-blocks ul li {
list-style-type: none;
padding-top: 0
}
#global-footer__utility .menu__society-utility-blocks ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
@media screen and (min-width: 64em) {
#global-footer__utility .menu__society-utility-blocks ul li {
font-size: 1.125em
}
}
@media screen and (min-width: 37.5em) {
#global-footer__utility .menu__society-utility-blocks ul li:after {
content: '|';
color: white;
display: inline;
padding-left: .5em;
padding-right: .5em
}
}
#global-footer__utility .menu__society-utility-blocks ul li:last-child:after {
display: none;
padding-left: 0;
padding-right: 0
}
#global-footer__utility .menu__society-utility-blocks ul li a {
color: white;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#global-footer__utility .menu__society-utility-blocks ul li a:hover,
#global-footer__utility .menu__society-utility-blocks ul li a:focus,
#global-footer__utility .menu__society-utility-blocks ul li a:active {
color: #003087;
background-size: 100% 100%
}
#global-footer__utility .copyright {
color: white;
padding-top: .5em;
padding-bottom: 1em;
line-height: 1.15
}
@media screen and (min-width: 64em) {
#global-footer__utility .copyright {
font-size: 1.125em
}
}
.path-frontpage #global-header__current {
background-color: white;
padding-bottom: 0;
padding-top: 0
}
@media screen and (min-width: 80em) {
.path-frontpage #global-header__current {
padding-top: 2em
}
}
.front-page .hero-banner {
padding-top: 2em;
padding-left: 2.500em;
padding-right: 2.500em;
padding-bottom: 2em
}
.front-page .hero-banner .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 56.25em) {
.front-page .hero-banner .container {
flex-direction: row;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
.front-page .hero-banner .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.front-page .hero-banner .container div {
order: 2
}
@media screen and (min-width: 56.25em) {
.front-page .hero-banner .container div {
width: calc(50% - 20px)
}
}
.front-page .hero-banner .container div h2 {
margin-top: 0;
margin-bottom: 0
}
.front-page .hero-banner .container div p {
margin-top: 1em;
margin-bottom: 0
}
.front-page .hero-banner .container div a {
margin-top: 1em;
margin-right: 1em;
color: #2A2A2A;
font-weight: 700;
text-decoration: none;
display: inline-block;
padding-top: .5em;
padding-right: 2.75em;
padding-bottom: .5em;
padding-left: 1em;
border: 2px solid #FFB819;
background-color: #FFB819;
background-image: url(../images/icons/arrow-right--black@2x.png), linear-gradient(120deg, #e59e00 0%, #e59e00 100%);
background-repeat: no-repeat;
background-position: right 1em center, 0 100%;
background-size: auto .889em, 100% 0;
transition: background-size .125s ease-in
}
@media screen and (min-width: 48em) {
.front-page .hero-banner .container div a {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.front-page .hero-banner .container div a {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.front-page .hero-banner .container div a {
font-size: 1.424em
}
}
.front-page .hero-banner .container div a:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00
}
.front-page .hero-banner .container div a:last-of-type {
margin-right: 0;
background-color: white
}
.front-page .hero-banner .container div a:last-of-type:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00
}
.front-page .hero-banner .container div a:first-of-type {
background-color: #FFB819
}
.front-page .hero-banner .container div a:first-of-type:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00
}
.front-page .hero-banner .container figure {
order: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0
}
.front-page .hero-banner .container figure figcaption {
display: none
}
@media screen and (min-width: 56.25em) {
.front-page .hero-banner .container figure {
width: calc(50% - 20px);
margin-bottom: 0
}
}
.front-page .hero-banner .container figure img {
width: 100%;
height: auto;
display: block
}
.front-page .hero-banner .container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.front-page .hero-banner .container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.article-page header {
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2.5em;
padding-right: 2.5em;
background-color: #E2EEF9
}
@media screen and (min-width: 64em) {
.article-page header {
margin-bottom: 4em
}
}
@media screen and (min-width: 48em) {
.article-page header .container {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
.article-page header .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.article-page header .container>div {
display: flex;
flex-direction: column
}
@media screen and (min-width: 48em) {
.article-page header .container>div {
width: calc(50% - 20px)
}
}
.article-page header .container>div h1 {
margin-bottom: 0;
order: 2
}
.article-page header .container>div .society {
order: 1;
background-image: url(../images/icons/location--purple.png);
background-size: auto .899em;
background-repeat: no-repeat;
background-position: left center;
padding-left: 1em;
line-height: 1.15;
margin-bottom: .25em;
font-weight: 700
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page header .container>div .society {
background-image: url(../images/icons/location--purple@2x.png)
}
}
@media screen and (min-width: 64em) {
.article-page header .container>div .society {
font-size: 1.125em
}
}
.article-page header .container>div .readtime {
margin-top: 1em;
order: 3;
line-height: 1.65;
font-weight: 700;
color: #555
}
@media screen and (min-width: 64em) {
.article-page header .container>div .readtime {
font-size: 1.125em
}
}
.article-page header .container>div p {
order: 4
}
.article-page header .container figure {
margin-top: 1em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
@media screen and (min-width: 48em) {
.article-page header .container figure {
margin-top: 0;
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
.article-page header .container figure {
margin-bottom: -6em
}
}
@media screen and (min-width: 64em) {
.article-page header .container figure.with-caption {
margin-bottom: -8em
}
}
.article-page header .container figure img {
width: 100%;
height: auto;
display: block;
background-color: white;
border: 1px solid #eee
}
.article-page header .container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.article-page header .container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.article-page main {
padding-top: 4.5em;
padding-bottom: 6.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
.article-page main .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 64em) {
.article-page main .container {
flex-direction: row;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
.article-page main .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.article-page main .container>div {
order: 2
}
@media screen and (min-width: 64em) {
.article-page main .container>div {
width: calc(67.1641791044776% - 20px)
}
}
@media screen and (min-width: 87.5em) {
.article-page main .container>div {
padding-right: 8.5820895522388%
}
}
.article-page main .container>div .summary {
font-size: 1.125em;
margin-top: 0
}
@media screen and (min-width: 48em) {
.article-page main .container>div .summary {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.article-page main .container>div .summary {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.article-page main .container>div .summary {
font-size: 1.602em
}
}
.article-page main .container>div .call-to-action {
margin-top: 2.5em
}
.article-page main .container>div .call-to-action:before {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #003087;
margin-bottom: 1em
}
.article-page main .container>div .call-to-action p {
margin-bottom: 1.15rem;
font-size: 1.125em
}
.article-page main .container>div .call-to-action p:first-of-type {
margin-top: 0
}
@media screen and (min-width: 48em) {
.article-page main .container>div .call-to-action p {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.article-page main .container>div .call-to-action p {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.article-page main .container>div .call-to-action p {
font-size: 1.602em
}
}
.article-page main .container aside {
order: 1;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.article-page main .container aside {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 64em) {
.article-page main .container aside {
width: calc(32.8358208955224% - 20px);
display: block
}
}
@media screen and (min-width: 87.5em) {
.article-page main .container aside {
padding-left: 8.5820895522388%
}
}
.article-page main .container aside .meta {
border-left: 4px solid #FFB819;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.article-page main .container aside .meta {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
.article-page main .container aside .meta {
margin-bottom: 2em
}
}
.article-page main .container aside .meta>div figure {
margin-top: 0;
margin-right: 1em;
margin-bottom: 1em;
margin-left: 0
}
.article-page main .container aside .meta>div figure img {
max-width: 100px;
height: auto;
display: block;
border-radius: 100%;
border: 1px solid #eee
}
.article-page main .container aside .meta>div div span {
display: block;
line-height: 1.15
}
@media screen and (min-width: 64em) {
.article-page main .container aside .meta>div div span {
font-size: 1.125em
}
}
.article-page main .container aside .share {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center
}
@media screen and (min-width: 48em) {
.article-page main .container aside .share {
margin-top: 0;
margin-left: auto
}
}
@media screen and (min-width: 64em) {
.article-page main .container aside .share {
margin-left: 0
}
}
.article-page main .container aside .share h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.article-page main .container aside .share ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.article-page main .container aside .share ul li {
list-style-type: none;
margin-right: 1rem
}
.article-page main .container aside .share ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.article-page main .container aside .share ul li a {
color: #003087;
text-decoration: none;
background-color: #2A2A2A;
border-radius: 100%;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block;
width: 40px;
height: 40px;
transition: 0.3s;
box-shadow: none
}
.article-page main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white.png);
background-size: 9.0475px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white@2x.png)
}
}
.article-page main .container aside .share ul li a.facebook:active,
.article-page main .container aside .share ul li a.facebook:hover,
.article-page main .container aside .share ul li a.facebook:focus {
background-size: auto 14px
}
.article-page main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white.png);
background-size: 20.1785px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white@2x.png)
}
}
.article-page main .container aside .share ul li a.twitter:active,
.article-page main .container aside .share ul li a.twitter:hover,
.article-page main .container aside .share ul li a.twitter:focus {
background-size: auto 14px
}
.article-page main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white@2x.png)
}
}
.article-page main .container aside .share ul li a.linkedin:active,
.article-page main .container aside .share ul li a.linkedin:hover,
.article-page main .container aside .share ul li a.linkedin:focus {
background-size: auto 14px
}
.article-page main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white@2x.png)
}
}
.article-page main .container aside .share ul li a.print:active,
.article-page main .container aside .share ul li a.print:hover,
.article-page main .container aside .share ul li a.print:focus {
background-size: auto 14px
}
.article-page footer {
padding-top: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em;
padding-bottom: 2.5em;
background-color: #eee
}
.article-page footer .container {
margin-top: -6.5em
}
@media screen and (min-width: 48em) {
.article-page footer .container {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
@media screen and (min-width: 87.5em) {
.article-page footer .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.article-page footer .card {
background-color: white;
margin-bottom: 2.5em;
width: 100%
}
@media screen and (min-width: 48em) {
.article-page footer .card {
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
.article-page footer .card {
width: calc(33.333333333333333% - 26.666666666666667px)
}
}
@media screen and (min-width: 48em) {
.article-page footer .card:nth-child(odd) {
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.article-page footer .card:nth-child(odd) {
margin-right: 0
}
}
@media screen and (min-width: 48em) {
.article-page footer .card:nth-child(even) {
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
.article-page footer .card:nth-child(even) {
margin-left: 0
}
}
@media screen and (min-width: 64em) {
.article-page footer .card:nth-child(3n+1) {
margin-left: 0;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.article-page footer .card:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.article-page footer .card:nth-child(3n+3) {
margin-left: 20px;
margin-right: 0
}
}
.article-page footer .card:last-child {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.article-page footer .card:last-child {
margin-bottom: 2.5em
}
}
@media screen and (min-width: 80em) {
.article-page footer .card:last-child {
margin-bottom: 2.5em
}
}
.event-page header {
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2.5em;
padding-right: 2.5em;
background-color: #E2EEF9
}
@media screen and (min-width: 64em) {
.event-page header {
margin-bottom: 4em
}
}
@media screen and (min-width: 48em) {
.event-page header .container {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
.event-page header .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.event-page header .container>div {
display: flex;
flex-direction: column
}
@media screen and (min-width: 48em) {
.event-page header .container>div {
width: calc(50% - 20px)
}
}
.event-page header .container>div h1 {
margin-bottom: 0;
order: 2
}
.event-page header .container>div .society {
order: 1;
background-image: url(../images/icons/location--purple.png);
background-size: auto .899em;
background-repeat: no-repeat;
background-position: left center;
padding-left: 1em;
line-height: 1.15;
margin-bottom: .25em;
font-weight: 700
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page header .container>div .society {
background-image: url(../images/icons/location--purple@2x.png)
}
}
@media screen and (min-width: 64em) {
.event-page header .container>div .society {
font-size: 1.125em
}
}
.event-page header .container>div .date {
line-height: 1.15;
margin-bottom: .5em;
order: 3;
font-weight: 700;
margin-top: 1em;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.event-page header .container>div .date {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.event-page header .container>div .date {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.event-page header .container>div .date {
font-size: 1.602em
}
}
.event-page header .container>div .location {
line-height: 1.15;
order: 4;
font-weight: 700;
font-size: 1.125em
}
.event-page header .container>div .location .online {
display: block
}
.event-page header .container>div .location .online a {
text-decoration: none;
color: #003087;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.event-page header .container>div .location .online a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 48em) {
.event-page header .container>div .location {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.event-page header .container>div .location {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.event-page header .container>div .location {
font-size: 1.602em
}
}
.event-page header .container .summary {
order: 5
}
.event-page header .container .summary p {
margin-top: .5em;
margin-bottom: 0.5em
}
@media screen and (min-width: 48em) {
.event-page header .container .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.event-page header .container .summary p {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.event-page header .container .summary p {
font-size: 1.266em
}
}
.event-page header .container figure {
margin-top: 1em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
@media screen and (min-width: 48em) {
.event-page header .container figure {
margin-top: 0;
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
.event-page header .container figure {
margin-bottom: -6em
}
}
@media screen and (min-width: 64em) {
.event-page header .container figure.with-caption {
margin-bottom: -8em
}
}
.event-page header .container figure img {
width: 100%;
height: auto;
display: block;
background-color: white;
border: 1px solid #eee
}
.event-page header .container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.event-page header .container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.event-page main {
padding-top: 4.5em;
padding-bottom: 6.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
.event-page main .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 64em) {
.event-page main .container {
flex-direction: row;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.event-page main .container>div {
order: 2
}
@media screen and (min-width: 64em) {
.event-page main .container>div {
width: calc(67.1641791044776% - 20px)
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container>div {
padding-right: 8.5820895522388%
}
}
.event-page main .container>div p:first-of-type {
margin-top: 0
}
.event-page main .container>div .cta:after {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #003087;
margin-bottom: 1em
}
.event-page main .container>div .cta p {
margin-bottom: 1.15rem;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.event-page main .container>div .cta p {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.event-page main .container>div .cta p {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.event-page main .container>div .cta p {
font-size: 1.602em
}
}
.event-page main .container aside {
order: 1;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.event-page main .container aside {
display: flex;
justify-content: space-between;
align-items: flex-start
}
}
@media screen and (min-width: 64em) {
.event-page main .container aside {
width: calc(32.8358208955224% - 20px);
display: block
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container aside {
padding-left: 8.5820895522388%
}
}
.event-page main .container aside .event-info {
border-left: 4px solid #FFB819;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.event-page main .container aside .event-info {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
.event-page main .container aside .event-info {
margin-bottom: 2em
}
}
.event-page main .container aside .event-info .date {
font-weight: 700
}
@media screen and (min-width: 64em) {
.event-page main .container aside .event-info .date {
font-size: 1.125em
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container aside .event-info .date {
font-size: 1.266em
}
}
.event-page main .container aside .event-info .date .addtocal-form {
display: block;
margin-top: .25em
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container {
float: none;
display: inline-block;
margin: 0
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .addtocal {
font-size: 0.889rem;
padding-top: .5em;
padding-right: 2.25em;
padding-bottom: .5em;
padding-left: 1em;
border: 0;
border-radius: 0;
background-color: #2A2A2A;
background-image: url(../images/icons/arrow-down--white.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 0.889em auto;
color: white;
transition-duration: 0.3s
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .addtocal {
background-image: url(../images/icons/arrow-down--white@2x.png)
}
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .addtocal.is-opened {
background-image: url(../images/icons/arrow-up--white.png);
background-color: black
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .addtocal.is-opened {
background-image: url(../images/icons/arrow-up--white@2x.png)
}
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .addtocal:hover {
background-color: black
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .form-radios {
background-color: #eee;
border: 0;
border-top: 4px solid black;
border-radius: 0;
color: #003087;
padding: 0;
min-width: 10em
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .form-radios .form-item {
border-radius: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .form-radios .form-item:hover {
background-color: #003087;
color: white;
cursor: pointer
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .form-radios .form-item label {
font-size: 0.889rem;
padding-top: .5em;
padding-right: 1em;
padding-bottom: .5em;
padding-left: 1em;
display: block;
font-weight: 700
}
.event-page main .container aside .event-info .date .addtocal-form .addtocal-container .form-radios .form-item label:hover {
cursor: pointer
}
.event-page main .container aside .event-info .location .online {
display: block;
margin-top: .5em
}
@media screen and (min-width: 64em) {
.event-page main .container aside .event-info .location .online .label {
font-size: 1.125em !important
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container aside .event-info .location .online .label {
font-size: 1.266em !important
}
}
.event-page main .container aside .event-info .location .organization {
font-weight: 700;
line-height: 1.15
}
.event-page main .container aside .event-info .location p {
margin-bottom: 0;
font-size: 1em !important
}
@media screen and (min-width: 64em) {
.event-page main .container aside .event-info .location p {
font-size: 1.125em !important
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container aside .event-info .location p {
font-size: 1.266em !important
}
}
.event-page main .container aside .event-info .location a {
margin-top: .5em;
color: #003087;
box-shadow: inset 0 -2px #FFB819;
text-decoration: none;
font-weight: 700;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.event-page main .container aside .event-info .location a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 64em) {
.event-page main .container aside .event-info .location a {
font-size: 1.125em !important
}
}
@media screen and (min-width: 87.5em) {
.event-page main .container aside .event-info .location a {
font-size: 1.266em !important
}
}
.event-page main .container aside .share {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center
}
@media screen and (min-width: 48em) {
.event-page main .container aside .share {
margin-top: 0;
margin-left: auto
}
}
@media screen and (min-width: 64em) {
.event-page main .container aside .share {
margin-left: 0
}
}
.event-page main .container aside .share h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.event-page main .container aside .share ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.event-page main .container aside .share ul li {
list-style-type: none;
margin-right: 1rem
}
.event-page main .container aside .share ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.event-page main .container aside .share ul li a {
color: #003087;
text-decoration: none;
background-color: #2A2A2A;
border-radius: 100%;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block;
width: 40px;
height: 40px;
box-shadow: none
}
.event-page main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white.png);
background-size: 9.0475px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white@2x.png)
}
}
.event-page main .container aside .share ul li a.facebook:active,
.event-page main .container aside .share ul li a.facebook:hover,
.event-page main .container aside .share ul li a.facebook:focus {
background-size: auto 14px
}
.event-page main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white.png);
background-size: 20.1785px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white@2x.png)
}
}
.event-page main .container aside .share ul li a.twitter:active,
.event-page main .container aside .share ul li a.twitter:hover,
.event-page main .container aside .share ul li a.twitter:focus {
background-size: auto 14px
}
.event-page main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white@2x.png)
}
}
.event-page main .container aside .share ul li a.linkedin:active,
.event-page main .container aside .share ul li a.linkedin:hover,
.event-page main .container aside .share ul li a.linkedin:focus {
background-size: auto 14px
}
.event-page main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white@2x.png)
}
}
.event-page main .container aside .share ul li a.print:active,
.event-page main .container aside .share ul li a.print:hover,
.event-page main .container aside .share ul li a.print:focus {
background-size: auto 14px
}
.job-posting header {
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2.5em;
padding-right: 2.5em;
background-color: #E2EEF9
}
@media screen and (min-width: 87.5em) {
.job-posting header {
margin-bottom: 4em
}
}
@media screen and (min-width: 48em) {
.job-posting header .container {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
.job-posting header .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.job-posting header .container>div {
display: flex;
flex-direction: column
}
@media screen and (min-width: 48em) {
.job-posting header .container>div {
width: calc(50% - 20px)
}
}
.job-posting header .container>div h1 {
margin-bottom: 0;
order: 1
}
.job-posting header .container>div .deadline {
order: 2;
font-size: 1em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.job-posting header .container>div .deadline {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.job-posting header .container>div .deadline {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.job-posting header .container>div .deadline {
font-size: 1.424em
}
}
.job-posting header .container figure {
margin-top: 1em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
@media screen and (min-width: 48em) {
.job-posting header .container figure {
margin-top: 0;
width: calc(50% - 20px)
}
}
@media screen and (min-width: 87.5em) {
.job-posting header .container figure {
margin-bottom: -6em
}
}
@media screen and (min-width: 87.5em) {
.job-posting header .container figure.with-caption {
margin-bottom: -8em
}
}
.job-posting header .container figure img {
width: 100%;
height: auto;
display: block;
background-color: white;
border: 1px solid #eee
}
.job-posting header .container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.job-posting header .container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.job-posting main {
padding-top: 6.5em;
padding-bottom: 6.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
.job-posting main .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 64em) {
.job-posting main .container {
flex-direction: row;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
.job-posting main .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.job-posting main .container>div {
order: 2
}
.job-posting main .container>div *:first-of-type {
margin-top: 0
}
@media screen and (min-width: 64em) {
.job-posting main .container>div {
width: calc(67.1641791044776% - 20px)
}
}
@media screen and (min-width: 87.5em) {
.job-posting main .container>div {
padding-right: 8.5820895522388%
}
}
.job-posting main .container aside {
order: 1;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.job-posting main .container aside {
display: flex;
justify-content: space-between;
align-items: flex-start
}
}
@media screen and (min-width: 64em) {
.job-posting main .container aside {
width: calc(32.8358208955224% - 20px);
display: block
}
}
@media screen and (min-width: 87.5em) {
.job-posting main .container aside {
padding-left: 8.5820895522388%
}
}
.job-posting main .container aside #toc {
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.job-posting main .container aside #toc {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
.job-posting main .container aside #toc {
margin-bottom: 2em
}
}
.job-posting main .container aside #toc h2 {
font-size: 1.125em;
margin-top: 0
}
.job-posting main .container aside #toc ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
.job-posting main .container aside #toc ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .666em
}
@media screen and (min-width: 48em) {
.job-posting main .container aside #toc ul li {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.job-posting main .container aside #toc ul li {
font-size: 1.266em
}
}
.job-posting main .container aside #toc ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.job-posting main .container aside #toc ul li a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.job-posting main .container aside #toc ul li a:hover {
background-size: 100% 100%
}
.job-posting main .container aside .meta {
border-left: 4px solid #FFB819;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em
}
.job-posting main .container aside .meta>div {
display: flex;
align-items: center
}
.job-posting main .container aside .meta>div figure {
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
margin-left: 0
}
.job-posting main .container aside .meta>div figure img {
max-width: 60px;
height: auto;
display: block;
border-radius: 100%;
border: 1px solid #eee
}
.job-posting main .container aside .meta>div div span {
display: block;
line-height: 1.15
}
.job-posting main .container aside .share {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center
}
@media screen and (min-width: 48em) {
.job-posting main .container aside .share {
margin-top: 0;
margin-left: auto
}
}
@media screen and (min-width: 64em) {
.job-posting main .container aside .share {
margin-left: 0
}
}
.job-posting main .container aside .share h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.job-posting main .container aside .share ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.job-posting main .container aside .share ul li {
list-style-type: none;
margin-right: 1rem
}
.job-posting main .container aside .share ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.job-posting main .container aside .share ul li a {
color: #003087;
text-decoration: none;
background-color: #2A2A2A;
border-radius: 100%;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block;
width: 40px;
height: 40px;
box-shadow: none
}
.job-posting main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white.png);
background-size: 9.0475px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.job-posting main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white@2x.png)
}
}
.job-posting main .container aside .share ul li a.facebook:active,
.job-posting main .container aside .share ul li a.facebook:hover,
.job-posting main .container aside .share ul li a.facebook:focus {
background-size: auto 14px
}
.job-posting main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white.png);
background-size: 20.1785px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.job-posting main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white@2x.png)
}
}
.job-posting main .container aside .share ul li a.twitter:active,
.job-posting main .container aside .share ul li a.twitter:hover,
.job-posting main .container aside .share ul li a.twitter:focus {
background-size: auto 14px
}
.job-posting main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.job-posting main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white@2x.png)
}
}
.job-posting main .container aside .share ul li a.linkedin:active,
.job-posting main .container aside .share ul li a.linkedin:hover,
.job-posting main .container aside .share ul li a.linkedin:focus {
background-size: auto 14px
}
.job-posting main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.job-posting main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white@2x.png)
}
}
.job-posting main .container aside .share ul li a.print:active,
.job-posting main .container aside .share ul li a.print:hover,
.job-posting main .container aside .share ul li a.print:focus {
background-size: auto 14px
}
.basic-page header,
.program-page header {
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2.5em;
padding-right: 2.5em;
background-color: #E2EEF9
}
@media screen and (min-width: 87.5em) {
.basic-page header,
.program-page header {
margin-bottom: 4em
}
}
@media screen and (min-width: 48em) {
.basic-page header .container,
.program-page header .container {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
.basic-page header .container,
.program-page header .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.basic-page header .container>div,
.program-page header .container>div {
display: flex;
flex-direction: column
}
@media screen and (min-width: 48em) {
.basic-page header .container>div,
.program-page header .container>div {
width: calc(50% - 20px)
}
}
.basic-page header .container>div h1,
.program-page header .container>div h1 {
margin-bottom: 0;
order: 1
}
.basic-page header .container>div .readtime,
.program-page header .container>div .readtime {
margin-top: 1em;
order: 2;
line-height: 1.65;
font-weight: 700;
color: #555
}
@media screen and (min-width: 64em) {
.basic-page header .container>div .readtime,
.program-page header .container>div .readtime {
font-size: 1.125em
}
}
.basic-page header .container>div .summary,
.program-page header .container>div .summary {
order: 3
}
.basic-page header .container figure,
.program-page header .container figure {
margin-top: 1em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
@media screen and (min-width: 48em) {
.basic-page header .container figure,
.program-page header .container figure {
margin-top: 0;
width: calc(50% - 20px)
}
}
@media screen and (min-width: 87.5em) {
.basic-page header .container figure,
.program-page header .container figure {
margin-bottom: -6em
}
}
@media screen and (min-width: 87.5em) {
.basic-page header .container figure.with-caption,
.program-page header .container figure.with-caption {
margin-bottom: -8em
}
}
.basic-page header .container figure img,
.program-page header .container figure img {
width: 100%;
height: auto;
display: block;
background-color: white;
border: 1px solid #eee
}
.basic-page header .container figure .player,
.program-page header .container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.basic-page header .container figure .player iframe,
.program-page header .container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.basic-page main,
.program-page main {
padding-top: 6.5em;
padding-bottom: 6.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
.basic-page main .container,
.program-page main .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 64em) {
.basic-page main .container,
.program-page main .container {
flex-direction: row;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
.basic-page main .container,
.program-page main .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.basic-page main .container>div,
.program-page main .container>div {
order: 2
}
@media screen and (min-width: 64em) {
.basic-page main .container>div,
.program-page main .container>div {
width: calc(67.1641791044776% - 20px)
}
}
@media screen and (min-width: 87.5em) {
.basic-page main .container>div,
.program-page main .container>div {
padding-right: 8.5820895522388%
}
}
.basic-page main .container>div .call-to-action,
.program-page main .container>div .call-to-action {
margin-bottom: 2.5em
}
.basic-page main .container>div .call-to-action:after,
.program-page main .container>div .call-to-action:after {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #003087;
margin-bottom: 1em
}
.basic-page main .container>div .call-to-action p,
.program-page main .container>div .call-to-action p {
margin-bottom: 1.15rem;
font-size: 1.125em
}
.basic-page main .container>div .call-to-action p:first-of-type,
.program-page main .container>div .call-to-action p:first-of-type {
margin-top: 0
}
@media screen and (min-width: 48em) {
.basic-page main .container>div .call-to-action p,
.program-page main .container>div .call-to-action p {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.basic-page main .container>div .call-to-action p,
.program-page main .container>div .call-to-action p {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.basic-page main .container>div .call-to-action p,
.program-page main .container>div .call-to-action p {
font-size: 1.602em
}
}
.basic-page main .container aside,
.program-page main .container aside {
order: 1;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.basic-page main .container aside,
.program-page main .container aside {
display: flex;
justify-content: space-between;
align-items: flex-start
}
}
@media screen and (min-width: 64em) {
.basic-page main .container aside,
.program-page main .container aside {
width: calc(32.8358208955224% - 20px);
display: block
}
}
@media screen and (min-width: 87.5em) {
.basic-page main .container aside,
.program-page main .container aside {
padding-left: 8.5820895522388%
}
}
.basic-page main .container aside #toc,
.program-page main .container aside #toc {
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.basic-page main .container aside #toc,
.program-page main .container aside #toc {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
.basic-page main .container aside #toc,
.program-page main .container aside #toc {
margin-bottom: 2em
}
}
.basic-page main .container aside #toc h2,
.program-page main .container aside #toc h2 {
font-size: 1.125em;
margin-top: 0
}
.basic-page main .container aside #toc ul,
.program-page main .container aside #toc ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
.basic-page main .container aside #toc ul li,
.program-page main .container aside #toc ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .75em
}
@media screen and (min-width: 48em) {
.basic-page main .container aside #toc ul li,
.program-page main .container aside #toc ul li {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.basic-page main .container aside #toc ul li,
.program-page main .container aside #toc ul li {
font-size: 1.266em
}
}
.basic-page main .container aside #toc ul li:before,
.program-page main .container aside #toc ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.basic-page main .container aside #toc ul li a,
.program-page main .container aside #toc ul li a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.basic-page main .container aside #toc ul li a:hover,
.program-page main .container aside #toc ul li a:hover {
background-size: 100% 100%
}
.basic-page main .container aside .meta,
.program-page main .container aside .meta {
border-left: 4px solid #FFB819;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em
}
.basic-page main .container aside .meta>div,
.program-page main .container aside .meta>div {
display: flex;
align-items: center
}
.basic-page main .container aside .meta>div figure,
.program-page main .container aside .meta>div figure {
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
margin-left: 0
}
.basic-page main .container aside .meta>div figure img,
.program-page main .container aside .meta>div figure img {
max-width: 60px;
height: auto;
display: block;
border-radius: 100%;
border: 1px solid #eee
}
.basic-page main .container aside .meta>div div span,
.program-page main .container aside .meta>div div span {
display: block;
line-height: 1.15
}
.basic-page main .container aside .share,
.program-page main .container aside .share {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center
}
@media screen and (min-width: 48em) {
.basic-page main .container aside .share,
.program-page main .container aside .share {
margin-top: 0;
margin-left: auto
}
}
@media screen and (min-width: 64em) {
.basic-page main .container aside .share,
.program-page main .container aside .share {
margin-left: 0
}
}
.basic-page main .container aside .share h2,
.program-page main .container aside .share h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.basic-page main .container aside .share ul,
.program-page main .container aside .share ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.basic-page main .container aside .share ul li,
.program-page main .container aside .share ul li {
list-style-type: none;
margin-right: 1rem
}
.basic-page main .container aside .share ul li:before,
.program-page main .container aside .share ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.basic-page main .container aside .share ul li a,
.program-page main .container aside .share ul li a {
color: #003087;
text-decoration: none;
background-color: #2A2A2A;
border-radius: 100%;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block;
width: 40px;
height: 40px;
box-shadow: none
}
.basic-page main .container aside .share ul li a.facebook,
.program-page main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white.png);
background-size: 9.0475px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.basic-page main .container aside .share ul li a.facebook,
.program-page main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white@2x.png)
}
}
.basic-page main .container aside .share ul li a.facebook:active,
.basic-page main .container aside .share ul li a.facebook:hover,
.basic-page main .container aside .share ul li a.facebook:focus,
.program-page main .container aside .share ul li a.facebook:active,
.program-page main .container aside .share ul li a.facebook:hover,
.program-page main .container aside .share ul li a.facebook:focus {
background-size: auto 14px
}
.basic-page main .container aside .share ul li a.twitter,
.program-page main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white.png);
background-size: 20.1785px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.basic-page main .container aside .share ul li a.twitter,
.program-page main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white@2x.png)
}
}
.basic-page main .container aside .share ul li a.twitter:active,
.basic-page main .container aside .share ul li a.twitter:hover,
.basic-page main .container aside .share ul li a.twitter:focus,
.program-page main .container aside .share ul li a.twitter:active,
.program-page main .container aside .share ul li a.twitter:hover,
.program-page main .container aside .share ul li a.twitter:focus {
background-size: auto 14px
}
.basic-page main .container aside .share ul li a.linkedin,
.program-page main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.basic-page main .container aside .share ul li a.linkedin,
.program-page main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white@2x.png)
}
}
.basic-page main .container aside .share ul li a.linkedin:active,
.basic-page main .container aside .share ul li a.linkedin:hover,
.basic-page main .container aside .share ul li a.linkedin:focus,
.program-page main .container aside .share ul li a.linkedin:active,
.program-page main .container aside .share ul li a.linkedin:hover,
.program-page main .container aside .share ul li a.linkedin:focus {
background-size: auto 14px
}
.basic-page main .container aside .share ul li a.print,
.program-page main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.basic-page main .container aside .share ul li a.print,
.program-page main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white@2x.png)
}
}
.basic-page main .container aside .share ul li a.print:active,
.basic-page main .container aside .share ul li a.print:hover,
.basic-page main .container aside .share ul li a.print:focus,
.program-page main .container aside .share ul li a.print:active,
.program-page main .container aside .share ul li a.print:hover,
.program-page main .container aside .share ul li a.print:focus {
background-size: auto 14px
}
.basic-page footer,
.program-page footer {
padding-top: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em;
padding-bottom: 2.5em;
background-color: #eee
}
.basic-page footer .container,
.program-page footer .container {
margin-top: -6.5em
}
@media screen and (min-width: 48em) {
.basic-page footer .container,
.program-page footer .container {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
@media screen and (min-width: 87.5em) {
.basic-page footer .container,
.program-page footer .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.basic-page footer .card,
.program-page footer .card {
background-color: white;
margin-bottom: 2.5em;
width: 100%
}
@media screen and (min-width: 48em) {
.basic-page footer .card,
.program-page footer .card {
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
.basic-page footer .card,
.program-page footer .card {
width: calc(33.333333333333333% - 26.666666666666667px)
}
}
@media screen and (min-width: 48em) {
.basic-page footer .card:nth-child(odd),
.program-page footer .card:nth-child(odd) {
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.basic-page footer .card:nth-child(odd),
.program-page footer .card:nth-child(odd) {
margin-right: 0
}
}
@media screen and (min-width: 48em) {
.basic-page footer .card:nth-child(even),
.program-page footer .card:nth-child(even) {
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
.basic-page footer .card:nth-child(even),
.program-page footer .card:nth-child(even) {
margin-left: 0
}
}
@media screen and (min-width: 64em) {
.basic-page footer .card:nth-child(3n+1),
.program-page footer .card:nth-child(3n+1) {
margin-left: 0;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.basic-page footer .card:nth-child(3n+2),
.program-page footer .card:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.basic-page footer .card:nth-child(3n+3),
.program-page footer .card:nth-child(3n+3) {
margin-left: 20px;
margin-right: 0
}
}
.basic-page footer .card:last-child,
.program-page footer .card:last-child {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.basic-page footer .card:last-child,
.program-page footer .card:last-child {
margin-bottom: 2.5em
}
}
@media screen and (min-width: 80em) {
.basic-page footer .card:last-child,
.program-page footer .card:last-child {
margin-bottom: 2.5em
}
}
.event-page--listing,
.job-posting--listing {
display: flex;
flex-direction: row
}
.event-page--listing>div>div,
.job-posting--listing>div>div {
display: flex;
flex-direction: column;
padding-top: 2em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 2em
}
@media screen and (min-width: 64em) {
.event-page--listing>div>div,
.job-posting--listing>div>div {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.event-page--listing>div>div h3,
.job-posting--listing>div>div h3 {
margin-top: 0;
margin-bottom: 0;
order: 2;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.event-page--listing>div>div h3,
.job-posting--listing>div>div h3 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.event-page--listing>div>div h3,
.job-posting--listing>div>div h3 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.event-page--listing>div>div h3,
.job-posting--listing>div>div h3 {
font-size: 1.424em
}
}
.event-page--listing>div>div h3 a,
.job-posting--listing>div>div h3 a {
color: #003087;
text-decoration: none
}
.event-page--listing>div>div .deadline,
.job-posting--listing>div>div .deadline {
order: 4;
font-weight: 700;
margin-top: 1em;
font-size: 1.125em
}
.event-page--listing>div>div .society,
.job-posting--listing>div>div .society {
order: 1;
line-height: 1.15;
font-size: 1em;
background-image: url(../images/icons/location--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1em;
font-weight: 700;
margin-bottom: .25em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page--listing>div>div .society,
.job-posting--listing>div>div .society {
background-image: url(../images/icons/location--purple@2x.png)
}
}
@media screen and (min-width: 48em) {
.event-page--listing>div>div .society,
.job-posting--listing>div>div .society {
font-size: 1.125em
}
}
.event-page--listing>div>div .date,
.job-posting--listing>div>div .date {
order: 3;
line-height: 1.15;
margin-top: .75em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.event-page--listing>div>div .date,
.job-posting--listing>div>div .date {
font-size: 1.125em
}
}
.event-page--listing>div>div .location,
.job-posting--listing>div>div .location {
order: 4;
line-height: 1.15;
margin-top: .5em;
font-weight: 700
}
.event-page--listing>div>div .location .online,
.job-posting--listing>div>div .location .online {
display: block
}
.event-page--listing>div>div .location .online a,
.job-posting--listing>div>div .location .online a {
text-decoration: none
}
@media screen and (min-width: 48em) {
.event-page--listing>div>div .location,
.job-posting--listing>div>div .location {
font-size: 1.125em
}
}
.event-page--listing>div>a,
.job-posting--listing>div>a {
margin-top: auto;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page--listing>div>a,
.job-posting--listing>div>a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.event-page--listing>div>a,
.job-posting--listing>div>a {
font-size: 1.125em
}
}
.event-page--card {
display: flex;
flex-direction: column;
width: 100%
}
.event-page--card>div {
order: 2;
display: flex;
flex-direction: column;
height: 100%;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE
}
.event-page--card>div>div {
display: flex;
flex-direction: column;
padding-top: 2em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 2em
}
@media screen and (min-width: 64em) {
.event-page--card>div>div {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.event-page--card>div>div h2 {
margin-top: 0;
margin-bottom: 0;
order: 2;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.event-page--card>div>div h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.event-page--card>div>div h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.event-page--card>div>div h2 {
font-size: 1.424em
}
}
.event-page--card>div>div h2 a {
color: #003087;
text-decoration: none
}
.event-page--card>div>div .society {
order: 1;
line-height: 1.15;
font-size: 1em;
background-image: url(../images/icons/location--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1em;
font-weight: 700;
margin-bottom: .25em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page--card>div>div .society {
background-image: url(../images/icons/location--purple@2x.png)
}
}
@media screen and (min-width: 48em) {
.event-page--card>div>div .society {
font-size: 1.125em
}
}
.event-page--card>div>div .date {
order: 3;
line-height: 1.15;
margin-top: .75em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.event-page--card>div>div .date {
font-size: 1.125em
}
}
.event-page--card>div>div .location {
order: 4;
line-height: 1.15;
margin-top: .5em
}
.event-page--card>div>div .location .online {
display: block
}
.event-page--card>div>div .location .online a {
text-decoration: none
}
@media screen and (min-width: 48em) {
.event-page--card>div>div .location {
font-size: 1.125em
}
}
.event-page--card>div>div .summary {
order: 5
}
.event-page--card>div>div .summary p {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.event-page--card>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.event-page--card>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.event-page--card>div>div .summary p {
font-size: 1.125em
}
}
.event-page--card>div>a {
margin-top: auto;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page--card>div>a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.event-page--card>div>a {
font-size: 1.125em
}
}
.event-page--card figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
order: 1
}
.event-page--card figure img {
width: 100%;
height: auto;
display: block
}
.basic-page--card,
.program-page--card,
.page-import--card {
display: flex;
flex-direction: column;
background-color: white;
width: 100%
}
.basic-page--card>div,
.program-page--card>div,
.page-import--card>div {
order: 2;
display: flex;
flex-direction: column;
height: 100%;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee
}
.basic-page--card>div>div,
.program-page--card>div>div,
.page-import--card>div>div {
display: flex;
flex-direction: column;
padding-top: 2em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 2em
}
@media screen and (min-width: 64em) {
.basic-page--card>div>div,
.program-page--card>div>div,
.page-import--card>div>div {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.basic-page--card>div>div h2,
.program-page--card>div>div h2,
.page-import--card>div>div h2 {
margin-top: 0;
margin-bottom: 0;
order: 2;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.basic-page--card>div>div h2,
.program-page--card>div>div h2,
.page-import--card>div>div h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.basic-page--card>div>div h2,
.program-page--card>div>div h2,
.page-import--card>div>div h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.basic-page--card>div>div h2,
.program-page--card>div>div h2,
.page-import--card>div>div h2 {
font-size: 1.424em
}
}
.basic-page--card>div>div h2 a,
.program-page--card>div>div h2 a,
.page-import--card>div>div h2 a {
color: #003087;
text-decoration: none
}
.basic-page--card>div>div .summary,
.program-page--card>div>div .summary,
.page-import--card>div>div .summary {
order: 2
}
.basic-page--card>div>div .summary p,
.program-page--card>div>div .summary p,
.page-import--card>div>div .summary p {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.basic-page--card>div>div .summary p,
.program-page--card>div>div .summary p,
.page-import--card>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.basic-page--card>div>div .summary p,
.program-page--card>div>div .summary p,
.page-import--card>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.basic-page--card>div>div .summary p,
.program-page--card>div>div .summary p,
.page-import--card>div>div .summary p {
font-size: 1.125em
}
}
.basic-page--card>div>a,
.program-page--card>div>a,
.page-import--card>div>a {
margin-top: auto;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.basic-page--card>div>a,
.program-page--card>div>a,
.page-import--card>div>a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.basic-page--card>div>a,
.program-page--card>div>a,
.page-import--card>div>a {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.basic-page--card>div>a,
.program-page--card>div>a,
.page-import--card>div>a {
padding-left: 1.5em;
padding-right: 1.5em;
background-position: right 1.5em center
}
}
.basic-page--card figure,
.program-page--card figure,
.page-import--card figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
order: 1
}
.basic-page--card figure img,
.program-page--card figure img,
.page-import--card figure img {
width: 100%;
height: auto;
display: block
}
.article-page--card {
display: flex;
flex-direction: column;
width: 100%;
background-color: white
}
.article-page--card>div {
order: 2;
display: flex;
flex-direction: column;
height: 100%;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee
}
.article-page--card>div>div {
display: flex;
flex-direction: column;
padding-top: 2em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 2em
}
@media screen and (min-width: 64em) {
.article-page--card>div>div {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.article-page--card>div>div h2 {
margin-top: 0;
margin-bottom: 0;
order: 2;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.article-page--card>div>div h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.article-page--card>div>div h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.article-page--card>div>div h2 {
font-size: 1.424em
}
}
.article-page--card>div>div h2 a {
color: #003087;
text-decoration: none
}
.article-page--card>div>div .society {
order: 1;
line-height: 1.15;
font-size: 1em;
background-image: url(../images/icons/location--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1em;
font-weight: 700;
margin-bottom: .25em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page--card>div>div .society {
background-image: url(../images/icons/location--purple@2x.png)
}
}
@media screen and (min-width: 48em) {
.article-page--card>div>div .society {
font-size: 1.125em
}
}
.article-page--card>div>div .date {
margin-top: .25em;
order: 3;
font-size: 1em
}
@media screen and (min-width: 48em) {
.article-page--card>div>div .date {
font-size: 1.125em
}
}
.article-page--card>div>div .summary {
order: 4
}
.article-page--card>div>div .summary p {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.article-page--card>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.article-page--card>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.article-page--card>div>div .summary p {
font-size: 1.125em
}
}
.article-page--card>div>a {
margin-top: auto;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.article-page--card>div>a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.article-page--card>div>a {
font-size: 1.125em
}
}
.article-page--card figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
order: 1
}
.article-page--card figure img {
width: 100%;
height: auto;
display: block
}
.latest-news-stories header {
padding-left: 2.5em;
padding-right: 2.5em;
padding-top: 2.5em;
padding-bottom: 5em;
background-color: #E2EEF9
}
@media screen and (min-width: 87.5em) {
.latest-news-stories header .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.latest-news-stories header .container h1 {
margin-bottom: 0
}
@media screen and (min-width: 64em) {
.latest-news-stories header .container h1 {
max-width: 60%
}
}
.latest-news-stories main .filters {
padding-left: 2.5em;
padding-right: 2.5em;
margin-top: -2.5em
}
@media screen and (min-width: 87.5em) {
.latest-news-stories main .filters .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.latest-news-stories main .filters form {
background-color: white;
border-top: 8px solid #FFB819;
padding-top: 1.5em;
padding-right: 1.5em;
padding-bottom: 1.5em;
padding-left: 1.5em;
box-shadow: 0 4px 2px -2px #2A2A2A
}
@media screen and (min-width: 48em) {
.latest-news-stories main .filters form {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
.latest-news-stories main .filters form h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
width: 100%
}
@media screen and (min-width: 48em) {
.latest-news-stories main .filters form h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.latest-news-stories main .filters form h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.latest-news-stories main .filters form h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 48em) {
.latest-news-stories main .filters form .form-item-title {
width: calc(50% - 20px);
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.latest-news-stories main .filters form .form-item-title {
margin-right: 20px;
margin-bottom: 1em;
margin-top: 1em
}
}
.latest-news-stories main .filters form .form-item-title label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.latest-news-stories main .filters form .form-item-title input {
width: 100%;
border: 1px solid #eee;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
-webkit-appearance: none;
border-radius: 0
}
.latest-news-stories main .filters form .form-item-society-id {
display: flex
}
@media screen and (min-width: 48em) {
.latest-news-stories main .filters form .form-item-society-id {
width: calc(50% - 20px);
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
.latest-news-stories main .filters form .form-item-society-id {
margin-left: 20px;
margin-bottom: 1em;
margin-top: 1em
}
}
.latest-news-stories main .filters form .form-item-society-id label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.latest-news-stories main .filters form .form-item-society-id select {
width: 100%;
border: 1px solid #eee;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
-webkit-appearance: none;
border-radius: 0;
background-image: url(../images/icons/arrow-up-down--black.png);
background-size: 0.702em auto;
background-position: right .5em center;
background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.latest-news-stories main .filters form .form-item-society-id select {
background-image: url(../images/icons/arrow-up-down--black@2x.png)
}
}
.latest-news-stories main .filters form .form-actions {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.latest-news-stories main .filters form .form-actions {
margin-top: 0
}
}
.latest-news-stories main .filters form .form-actions input {
border-radius: 0;
background-color: #003087;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: right 1em center, 0 100%;
background-size: 0.889em auto, 100% 0;
background-repeat: no-repeat;
padding-top: .75em;
padding-right: 2.25em;
padding-bottom: .75em;
padding-left: 1em;
color: white;
font-weight: 700;
display: inline-block;
border: 0;
transition: background-size .125s ease-in
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.latest-news-stories main .filters form .form-actions input {
background-image: url(../images/icons/arrow-right--white@2x.png), linear-gradient(120deg, #001e54 0%, #001e54 100%)
}
}
.latest-news-stories main .filters form .form-actions input:hover {
background-size: 100% 100%;
background-size: 0.889em auto, 100% 100%
}
.latest-news-stories main .listing {
padding-left: 2.5em;
padding-right: 2.5em;
margin-top: 2em;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.latest-news-stories main .listing .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
}
@media screen and (min-width: 87.5em) {
.latest-news-stories main .listing .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.latest-news-stories main .view-empty {
padding-top: 2.5em;
padding-bottom: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
@media screen and (min-width: 87.5em) {
.latest-news-stories main .view-empty .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.latest-news-stories main .pager {
padding-top: 2.5em;
padding-bottom: 2.5em;
padding-right: 2.5em;
padding-left: 2.5em;
position: relative
}
.latest-news-stories main .pager ul {
display: flex;
padding-left: 0;
padding-right: 0;
position: relative;
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
.latest-news-stories main .pager ul li {
font-size: 1em !important
}
@media screen and (min-width: 48em) {
.latest-news-stories main .pager ul li {
font-size: 1.125em !important
}
}
@media screen and (min-width: 64em) {
.latest-news-stories main .pager ul li {
font-size: 1.266em !important
}
}
.latest-news-stories main .pager ul li a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
font-weight: 700;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.latest-news-stories main .pager ul li a:hover {
background-size: 100% 100%
}
.latest-news-stories main .pager ul li.is-active {
text-align: center;
width: 100%;
padding: 0
}
.latest-news-stories main .pager ul li.pager__item--previous {
text-align: left;
width: calc(33.3333% - 20px);
padding: 0;
position: absolute;
left: 0
}
.latest-news-stories main .pager ul li.pager__item--next {
text-align: right;
width: calc(33.3333% - 20px);
padding: 0;
position: absolute;
right: 0
}
.article-page--teaser,
.article-import--teaser {
display: flex;
margin-top: 2.5em
}
@media screen and (min-width: 48em) {
.article-page--teaser,
.article-import--teaser {
width: calc(50% - 20px)
}
}
.article-page--teaser>div,
.article-import--teaser>div {
margin-right: 20px;
width: calc(67.1641791044776% - 20px)
}
.article-page--teaser>div>div,
.article-import--teaser>div>div {
display: flex;
flex-direction: column
}
.article-page--teaser>div>div h2,
.article-import--teaser>div>div h2 {
order: 2;
margin-top: 0;
margin-bottom: 0;
font-size: 1.266em
}
@media screen and (min-width: 48em) {
.article-page--teaser>div>div h2,
.article-import--teaser>div>div h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 64em) {
.article-page--teaser>div>div h2,
.article-import--teaser>div>div h2 {
font-size: 1.602em
}
}
@media screen and (min-width: 80em) {
.article-page--teaser>div>div h2,
.article-import--teaser>div>div h2 {
font-size: 1.802em
}
}
.article-page--teaser>div>div h2 a,
.article-import--teaser>div>div h2 a {
text-decoration: none;
color: #003087;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
transition: background-size .125s ease-in
}
.article-page--teaser>div>div h2 a:hover,
.article-import--teaser>div>div h2 a:hover {
background-size: 100% 100%
}
.article-page--teaser>div>div .society,
.article-import--teaser>div>div .society {
order: 1;
background-image: url(../images/icons/location--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto .899em;
padding-left: 1em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.article-page--teaser>div>div .society,
.article-import--teaser>div>div .society {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.article-page--teaser>div>div .society,
.article-import--teaser>div>div .society {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.article-page--teaser>div>div .society,
.article-import--teaser>div>div .society {
font-size: 1.266em
}
}
.article-page--teaser>div>div .date,
.article-import--teaser>div>div .date {
order: 3;
margin-top: .25em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.article-page--teaser>div>div .date,
.article-import--teaser>div>div .date {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.article-page--teaser>div>div .date,
.article-import--teaser>div>div .date {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.article-page--teaser>div>div .date,
.article-import--teaser>div>div .date {
font-size: 1.266em
}
}
.article-page--teaser>div>div .summary,
.article-import--teaser>div>div .summary {
order: 4
}
.article-page--teaser>div>div .summary p,
.article-import--teaser>div>div .summary p {
margin-top: .5em;
margin-bottom: 0.5em
}
@media screen and (min-width: 48em) {
.article-page--teaser>div>div .summary p,
.article-import--teaser>div>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.article-page--teaser>div>div .summary p,
.article-import--teaser>div>div .summary p {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.article-page--teaser>div>div .summary p,
.article-import--teaser>div>div .summary p {
font-size: 1.266em
}
}
.article-page--teaser>div>a,
.article-import--teaser>div>a {
color: #003087;
text-decoration: none;
font-weight: 700;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
transition: background-size .125s ease-in
}
.article-page--teaser>div>a:hover,
.article-import--teaser>div>a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 48em) {
.article-page--teaser>div>a,
.article-import--teaser>div>a {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.article-page--teaser>div>a,
.article-import--teaser>div>a {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.article-page--teaser>div>a,
.article-import--teaser>div>a {
font-size: 1.266em
}
}
.article-page--teaser figure,
.article-import--teaser figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 20px;
width: calc(32.8358208955224% - 20px)
}
.article-page--teaser figure img,
.article-import--teaser figure img {
width: 100%;
height: auto;
display: block
}
.events-calendar {
background-color: #eee;
padding-bottom: 2.5em
}
.events-calendar header {
padding-top: 2.5em;
padding-right: 2.5em;
padding-left: 2.5em;
padding-bottom: 5em;
background-color: #E2EEF9
}
@media screen and (min-width: 87.5em) {
.events-calendar header .container {
max-width: 87.5em;
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width: 64em) {
.events-calendar header .container h1 {
max-width: 60%
}
}
.events-calendar>div {
padding-left: 2.5em;
padding-right: 2.5em;
margin-top: -2.5em
}
@media screen and (min-width: 48em) {
.events-calendar>div .container {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
.events-calendar>div .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width: 48em) {
.events-calendar>div main {
width: calc(58.5820895522388% - 20px)
}
}
.events-calendar>div main .view-header {
position: relative;
background-color: white;
overflow: hidden;
margin-bottom: 1em;
display: flex;
flex-direction: column
}
.events-calendar>div main .view-header h2 {
margin-top: 0;
margin-bottom: 0;
text-align: center;
font-size: 1.125em;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 64em) {
.events-calendar>div main .view-header h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.events-calendar>div main .view-header h2 {
font-size: 1.424em
}
}
.events-calendar>div main .view-header .pager {
position: absolute;
width: 100%;
top: 1.5em;
padding-top: 0;
padding-bottom: 0
}
.events-calendar>div main .view-header .pager ul {
display: flex;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding-right: 1.5em;
padding-left: 1.5em
}
.events-calendar>div main .view-header .pager ul li {
line-height: 1.15
}
.events-calendar>div main .view-header .pager ul li.pager__item--next {
width: auto;
position: relative
}
.events-calendar>div main .view-header .pager ul li.pager__item--previous {
width: auto;
position: relative
}
.events-calendar>div main .view-header .pager ul li a span {
display: none
}
.events-calendar>div main .view-header .pager ul li a span[aria-hidden="true"] {
display: block
}
.events-calendar>div main .filters form {
background-color: white;
border-top: 8px solid #FFB819;
padding-top: 1.5em;
padding-right: 1.5em;
padding-bottom: 1.5em;
padding-left: 1.5em;
box-shadow: 0 4px 2px -2px #2A2A2A
}
@media screen and (min-width: 48em) {
.events-calendar>div main .filters form {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
.events-calendar>div main .filters form h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
width: 100%
}
@media screen and (min-width: 48em) {
.events-calendar>div main .filters form h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.events-calendar>div main .filters form h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.events-calendar>div main .filters form h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 48em) {
.events-calendar>div main .filters form .form-item-title {
width: calc(50% - 20px);
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.events-calendar>div main .filters form .form-item-title {
margin-right: 20px;
margin-bottom: 1em;
margin-top: 1em
}
}
.events-calendar>div main .filters form .form-item-title label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.events-calendar>div main .filters form .form-item-title input {
width: 100%;
border: 1px solid #eee;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
-webkit-appearance: none;
border-radius: 0
}
.events-calendar>div main .filters form .form-item-society-id {
display: flex
}
@media screen and (min-width: 48em) {
.events-calendar>div main .filters form .form-item-society-id {
width: calc(50% - 20px);
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
.events-calendar>div main .filters form .form-item-society-id {
margin-left: 20px;
margin-bottom: 1em;
margin-top: 1em
}
}
.events-calendar>div main .filters form .form-item-society-id label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.events-calendar>div main .filters form .form-item-society-id select {
width: 100%;
border: 1px solid #eee;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
-webkit-appearance: none;
border-radius: 0;
background-image: url(../images/icons/arrow-up-down--black.png);
background-size: 0.702em auto;
background-position: right .5em center;
background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.events-calendar>div main .filters form .form-item-society-id select {
background-image: url(../images/icons/arrow-up-down--black@2x.png)
}
}
.events-calendar>div main .filters form .form-actions {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.events-calendar>div main .filters form .form-actions {
margin-top: 0
}
}
.events-calendar>div main .filters form .form-actions input {
border-radius: 0;
background-color: #003087;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: right 1em center, 0 100%;
background-size: 0.889em auto, 100% 0;
background-repeat: no-repeat;
padding-top: .75em;
padding-right: 2.25em;
padding-bottom: .75em;
padding-left: 1em;
color: white;
font-weight: 700;
display: inline-block;
border: 0;
transition: background-size .125s ease-in
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.events-calendar>div main .filters form .form-actions input {
background-image: url(../images/icons/arrow-right--white@2x.png), linear-gradient(120deg, #001e54 0%, #001e54 100%)
}
}
.events-calendar>div main .filters form .form-actions input:hover {
background-size: 0.889em auto, 100% 100%
}
.events-calendar>div main .pager {
padding-top: 2.5em;
padding-bottom: 2.5em
}
.events-calendar>div main .pager ul {
display: flex;
padding-left: 0;
padding-right: 0;
margin-left: 0;
position: relative
}
.events-calendar>div main .pager ul li {
font-size: 1em !important
}
@media screen and (min-width: 48em) {
.events-calendar>div main .pager ul li {
font-size: 1.125em !important
}
}
@media screen and (min-width: 64em) {
.events-calendar>div main .pager ul li {
font-size: 1.266em !important
}
}
.events-calendar>div main .pager ul li a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
font-weight: 700;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.events-calendar>div main .pager ul li a:hover {
background-size: 100% 100%
}
.events-calendar>div main .pager ul li.is-active {
text-align: center;
width: 100%;
padding: 0
}
.events-calendar>div main .pager ul li.pager__item--previous {
text-align: left;
width: calc(33.3333% - 20px);
padding: 0;
position: absolute;
left: 0
}
.events-calendar>div main .pager ul li.pager__item--next {
text-align: right;
width: calc(33.3333% - 20px);
padding: 0;
position: absolute;
right: 0
}
@media screen and (min-width: 48em) {
.events-calendar>div aside {
width: calc(41.4179104477612% - 20px)
}
}
.event-page--teaser,
.event-import--teaser {
background-color: white;
margin-top: 2.5em
}
.event-page--teaser>div,
.event-import--teaser>div {
display: flex;
flex-direction: column;
padding-top: 1.5em;
padding-right: 1.5em;
padding-left: 1.5em;
padding-bottom: 1.5em
}
.event-page--teaser>div h2,
.event-import--teaser>div h2 {
order: 2;
margin-top: 0;
margin-bottom: 0;
font-size: 1.266em
}
@media screen and (min-width: 48em) {
.event-page--teaser>div h2,
.event-import--teaser>div h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 64em) {
.event-page--teaser>div h2,
.event-import--teaser>div h2 {
font-size: 1.602em
}
}
@media screen and (min-width: 80em) {
.event-page--teaser>div h2,
.event-import--teaser>div h2 {
font-size: 1.802em
}
}
.event-page--teaser>div h2 a,
.event-import--teaser>div h2 a {
text-decoration: none;
color: #003087;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.event-page--teaser>div h2 a:hover,
.event-import--teaser>div h2 a:hover {
background-size: 100% 100%
}
.event-page--teaser>div .date,
.event-import--teaser>div .date {
order: 3;
margin-top: .25em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.event-page--teaser>div .date,
.event-import--teaser>div .date {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.event-page--teaser>div .date,
.event-import--teaser>div .date {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.event-page--teaser>div .date,
.event-import--teaser>div .date {
font-size: 1.266em
}
}
.event-page--teaser>div .location,
.event-import--teaser>div .location {
order: 4
}
@media screen and (min-width: 48em) {
.event-page--teaser>div .location,
.event-import--teaser>div .location {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.event-page--teaser>div .location,
.event-import--teaser>div .location {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.event-page--teaser>div .location,
.event-import--teaser>div .location {
font-size: 1.266em
}
}
.event-page--teaser>div .society,
.event-import--teaser>div .society {
order: 1;
background-image: url(../images/icons/location--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto .899em;
padding-left: 1em;
font-weight: 700
}
@media screen and (min-width: 48em) {
.event-page--teaser>div .society,
.event-import--teaser>div .society {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.event-page--teaser>div .society,
.event-import--teaser>div .society {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.event-page--teaser>div .society,
.event-import--teaser>div .society {
font-size: 1.266em
}
}
.event-page--teaser>div .summary,
.event-import--teaser>div .summary {
order: 5
}
.event-page--teaser>div .summary p,
.event-import--teaser>div .summary p {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.event-page--teaser>div .summary p,
.event-import--teaser>div .summary p {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.event-page--teaser>div .summary p,
.event-import--teaser>div .summary p {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.event-page--teaser>div .summary p,
.event-import--teaser>div .summary p {
font-size: 1.266em
}
}
.event-page--teaser>a,
.event-import--teaser>a {
margin-top: auto;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1.5em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.event-page--teaser>a,
.event-import--teaser>a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.event-page--teaser>a,
.event-import--teaser>a {
font-size: 1.125em
}
}
#calendar__views-blockevents-mini {
background-color: white;
padding-bottom: 1.5em
}
#calendar__views-blockevents-mini .events .view-header {
position: relative;
padding-top: 1.5em;
padding-bottom: 1.5em
}
#calendar__views-blockevents-mini .events .view-header h2 {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 1.125em;
text-align: center
}
@media screen and (min-width: 48em) {
#calendar__views-blockevents-mini .events .view-header h2 {
font-size: 1em
}
}
@media screen and (min-width: 64em) {
#calendar__views-blockevents-mini .events .view-header h2 {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
#calendar__views-blockevents-mini .events .view-header h2 {
font-size: 1.266em
}
}
#calendar__views-blockevents-mini .events .view-header .pager {
position: absolute;
top: 1.5em;
padding-left: 1.5em;
padding-right: 1.5em;
width: 100%
}
#calendar__views-blockevents-mini .events .view-header .pager ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
justify-content: space-between
}
#calendar__views-blockevents-mini .events .view-header .pager ul li {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
line-height: 1.15
}
@media screen and (min-width: 48em) {
#calendar__views-blockevents-mini .events .view-header .pager ul li {
font-size: 0.889rem
}
}
@media screen and (min-width: 64em) {
#calendar__views-blockevents-mini .events .view-header .pager ul li {
font-size: 1rem
}
}
#calendar__views-blockevents-mini .events .view-header .pager ul li a {
color: #003087;
font-weight: 700;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#calendar__views-blockevents-mini .events .view-header .pager ul li a:hover {
background-size: 100% 100%
}
#calendar__views-blockevents-mini .events .view-header .pager ul li a span {
display: none
}
#calendar__views-blockevents-mini .events .view-header .pager ul li a span[aria-hidden="true"] {
display: block
}
#calendar__views-blockevents-mini .events .view-filters {
display: none
}
#calendar__views-blockevents-mini .events .view-content .calendar-calendar {
padding-left: 1.5em;
padding-right: 1.5em
}
#calendar__views-blockevents-mini .events .view-content .calendar-calendar .month-view .mini td {
border: 0;
text-align: center;
color: #2A2A2A
}
#calendar__views-blockevents-mini .events .view-content .calendar-calendar .month-view .mini td.days {
font-weight: 700;
color: #2A2A2A;
border: 0
}
#calendar__views-blockevents-mini .events .view-content .calendar-calendar .month-view .mini td.today {
background-color: #E2EEF9;
font-weight: 700;
color: #2A2A2A
}
#calendar__views-blockevents-mini .events .view-content .calendar-calendar .month-view .mini td a {
color: #003087;
font-weight: 700;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#calendar__views-blockevents-mini .events .view-content .calendar-calendar .month-view .mini td a:hover {
background-size: 100% 100%
}
#calendar__views-blockevents-mini .events>.pager {
display: none
}
#block-calendar-menu,
#menu__system-menu-blockcalendar {
margin-bottom: 2.5em
}
#block-calendar-menu ul,
#menu__system-menu-blockcalendar ul {
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
display: flex;
flex-direction: column
}
@media screen and (min-width: 64em) {
#block-calendar-menu ul,
#menu__system-menu-blockcalendar ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between
}
}
#block-calendar-menu ul li,
#menu__system-menu-blockcalendar ul li {
padding-top: 0;
margin-bottom: 1em
}
@media screen and (min-width: 64em) {
#block-calendar-menu ul li,
#menu__system-menu-blockcalendar ul li {
font-size: 1em;
width: calc(50% - .5em)
}
}
@media screen and (min-width: 80em) {
#block-calendar-menu ul li,
#menu__system-menu-blockcalendar ul li {
font-size: 1.125em
}
}
#block-calendar-menu ul li:last-child,
#menu__system-menu-blockcalendar ul li:last-child {
margin-bottom: 0
}
@media screen and (min-width: 64em) {
#block-calendar-menu ul li:nth-child(3),
#block-calendar-menu ul li:nth-child(4),
#menu__system-menu-blockcalendar ul li:nth-child(3),
#menu__system-menu-blockcalendar ul li:nth-child(4) {
margin-bottom: 0
}
}
#block-calendar-menu ul li a,
#menu__system-menu-blockcalendar ul li a {
display: block;
text-decoration: none;
color: white;
font-weight: 700;
background-color: #003087;
padding-top: 1rem;
padding-right: 1.5rem;
padding-bottom: 1rem;
padding-left: 1.5rem;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-size: 1rem auto, 100% 0;
background-repeat: no-repeat;
background-position: right 1.5rem center, 0 100%;
transition: background-size .125s ease-in;
box-shadow: none
}
@media screen and (min-width: 64em) {
#block-calendar-menu ul li a,
#menu__system-menu-blockcalendar ul li a {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#block-calendar-menu ul li a,
#menu__system-menu-blockcalendar ul li a {
background-image: url(../images/icons/arrow-right--white@2x.png)
}
}
#block-calendar-menu ul li a:hover,
#menu__system-menu-blockcalendar ul li a:hover {
background-size: 1rem auto, 100% 100%
}
@media screen and (min-width: 48em) {
.document {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
}
.document section {
display: flex;
flex-direction: row;
margin-top: 2.5em;
justify-content: space-between
}
.document section>div {
order: 2;
width: calc(60% - 10px)
}
@media screen and (min-width: 48em) {
.document section>div {
width: calc(70% - 10px)
}
}
@media screen and (min-width: 64em) {
.document section>div {
width: calc(60% - 20px)
}
}
.document section>div strong {
margin-top: 0;
margin-bottom: 0;
order: 2;
font-size: 1em;
line-height: 1.15;
display: block
}
@media screen and (min-width: 48em) {
.document section>div strong {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.document section>div strong {
font-size: 1.424em
}
}
.document section>div strong a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.document section>div strong a:hover {
background-size: 100% 100%
}
.document section>div p {
margin-top: 0.5em;
line-height: 1.15;
font-size: .899em
}
@media screen and (min-width: 48em) {
.document section>div p {
margin-top: 1em;
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.document section>div p {
font-size: 1.266em
}
}
.document section figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
width: calc(40% - 10px);
order: 1
}
@media screen and (min-width: 48em) {
.document section figure {
width: calc(30% - 10px)
}
}
@media screen and (min-width: 64em) {
.document section figure {
width: calc(40% - 20px)
}
}
.document section figure a {
display: block
}
.document section figure a img {
max-width: 100%;
height: auto;
display: block;
border: 1px solid #eee
}
.section:first-of-type *:first-of-type {
margin-top: 0
}
#user-pass-reset {
padding-top: 2.5em;
padding-right: 2.5em;
padding-bottom: 2.5em;
padding-left: 2.5em
}
@media screen and (min-width: 87.5em) {
#user-pass-reset .container {
max-width: 87.5em;
margin-left: auto;
margin-right: auto
}
}
#user-pass-reset .form-actions input {
margin-top: 0;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 0;
background-color: #003087;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-repeat: no-repeat;
background-position: right 1.5em center, 0 100%;
background-size: 1em auto, 100% 0;
font-weight: 700;
color: white;
padding-top: .75em;
padding-right: 3em;
padding-bottom: .75em;
padding-left: 1.5em;
text-decoration: none;
transition: background-size .125s ease-in
}
#user-pass-reset .form-actions input:hover {
background-size: 100% 100%
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#user-pass-reset .form-actions input {
background-image: url(../images/icons/arrow-right--white@2x.png), linear-gradient(120deg, #001e54 0%, #001e54 100%)
}
}
#user-login-form {
padding-top: 2.5em;
padding-right: 2.5em;
padding-bottom: 2.5em;
padding-left: 2.5em
}
@media screen and (min-width: 87.5em) {
#user-login-form .container {
max-width: 87.5em;
margin-left: auto;
margin-right: auto
}
}
#user-login-form .container .form-item {
margin-top: 0;
margin-bottom: 1em
}
#user-login-form .container .form-item label {
display: block;
font-weight: 700
}
#user-login-form .container .form-item input {
max-width: 100%;
font-size: 1.125em;
padding: .5rem
}
#user-login-form .container .form-actions input {
margin-top: 0;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 0;
background-color: #003087;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-repeat: no-repeat;
background-position: right 1.5em center, 0 100%;
background-size: 1em auto, 100% 0;
font-weight: 700;
color: white;
padding-top: .75em;
padding-right: 3em;
padding-bottom: .75em;
padding-left: 1.5em;
text-decoration: none;
transition: background-size .125s ease-in
}
#user-login-form .container .form-actions input:hover {
background-size: 1em auto, 100% 100%
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#user-login-form .container .form-actions input {
background-image: url(../images/icons/arrow-right--white@2x.png), linear-gradient(120deg, #001e54 0%, #001e54 100%)
}
}
article.profile {
padding-top: 2.5em;
padding-bottom: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
@media screen and (min-width: 87.5em) {
article.profile .container {
max-width: 87.5em;
margin-left: auto;
margin-right: auto
}
}
.node-preview-container {
background-color: #373737
}
.node-preview-container form a {
color: #ccc;
text-decoration: none
}
.node-preview-container form a:hover {
text-decoration: underline
}
.node-preview-container form .form-item {
display: none
}
#block-admin-tabs {
background-color: #373737;
position: fixed;
z-index: 499;
box-sizing: border-box;
width: 100%
}
#block-admin-tabs nav ul {
margin-bottom: 0
}
#block-admin-tabs nav ul>li {
font-size: 1em
}
#block-admin-tabs nav ul>li a {
color: #ccc
}
#block-admin-tabs nav ul>li a.is-active {
background-color: transparent
}
#block-admin-tabs nav ul>li a:hover {
color: white;
background-color: #0084d7
}
#status {
padding-left: 2.5em;
padding-right: 2.5em;
padding-top: 1em;
padding-bottom: 1em
}
@media screen and (min-width: 87.5em) {
#status .container {
max-width: 87.5em;
margin-left: auto;
margin-right: auto
}
}
#status .messages {
border-radius: 0;
border-top: 0;
border-right: 0;
border-bottom: 0;
padding-top: 1em;
padding-bottom: 1em
}
#status .messages.messages--status {
box-shadow: none;
border-left: 8px solid #77b259
}
#status .messages.messages--status a {
font-weight: 700;
box-shadow: inset 0 -2px #77b259;
text-decoration: none;
color: #325e1c
}
#status .messages.messages--warning {
box-shadow: none;
border-left: 8px solid #e09600
}
#status .messages.messages--warning a {
font-weight: 700;
box-shadow: inset 0 -2px #e09600;
text-decoration: none;
color: #734c00
}
.breadcrumb__system {
margin-bottom: 1em
}
@media screen and (min-width: 87.5em) {
.breadcrumb__system .container {
max-width: 87.5em;
margin-left: auto;
margin-right: auto
}
}
.breadcrumb__system .breadcrumb {
width: 100%
}
.breadcrumb__system .breadcrumb li::before {
content: " / "
}
.breadcrumb__system .breadcrumb li:first-child::before {
content: ""
}
.breadcrumb__system .breadcrumb li {
font-size: 1em
}
@media screen and (min-width: 87.5em) {
.breadcrumb__system .breadcrumb li {
font-size: 1.125em
}
}
.contact__society-contact-blocks {
display: none
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks {
display: none;
flex-direction: column
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__current {
display: flex;
flex-wrap: wrap;
background-image: url(../images/icons/location--purple.png);
background-position: left center;
background-size: auto 1em;
background-repeat: no-repeat;
padding-left: 1.125em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__current {
background-image: url(../images/icons/location--purple@2x.png)
}
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__current .label {
margin-right: 4px
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address {
font-style: normal
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address a {
padding: 0;
color: #003087;
line-height: 1.15;
text-align: left;
display: inline;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address a:hover {
background-size: 100% 100%
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .get-directions {
background-image: url(../images/icons/directions--purple.png);
background-position: left center;
background-size: auto 1em;
background-repeat: no-repeat;
padding-left: 1.125em;
margin-top: .25em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .get-directions {
background-image: url(../images/icons/directions--purple@2x.png)
}
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .phone {
margin-top: .25em;
display: flex;
flex-wrap: wrap;
align-items: center;
background-image: url(../images/icons/phone--purple.png);
background-position: left center;
background-size: auto 1em;
background-repeat: no-repeat;
padding-left: 1.125em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .phone {
background-image: url(../images/icons/phone--purple@2x.png)
}
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .phone .label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .email {
margin-top: .25em;
display: flex;
flex-wrap: wrap;
align-items: center;
background-image: url(../images/icons/email--purple.png);
background-position: left center;
background-size: 1em auto;
background-repeat: no-repeat;
padding-left: 1.125em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .email {
background-image: url(../images/icons/email--purple@2x.png)
}
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks .contact__address .email .label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks #contact__change button {
display: inline-block;
margin-top: 1em;
border: 0;
border-radius: 0;
background-color: #003087;
color: white;
font-weight: 700;
padding-top: .75em;
padding-right: 1em;
padding-bottom: .75em;
padding-left: 1em;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#topmenu .submenucontainer .infobox .contact__society-contact-blocks #contact__change button:hover {
background-size: 100% 100%
}
article.office header {
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2.5em;
padding-right: 2.5em;
background-color: #E2EEF9
}
@media screen and (min-width: 87.5em) {
article.office header {
margin-bottom: 4em
}
}
@media screen and (min-width: 48em) {
article.office header .container {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
article.office header .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
article.office header .container>div:first-child {
display: flex;
flex-direction: column
}
@media screen and (min-width: 48em) {
article.office header .container>div:first-child {
width: calc(50% - 20px)
}
}
article.office header .container>div:first-child h1 {
margin-bottom: 0;
order: 1
}
article.office header .container>div:first-child .phone {
order: 4
}
article.office header .container>div:first-child .phone--toll-free {
order: 5
}
article.office header .container>div:first-child .fax {
order: 6
}
article.office header .container>div:first-child .email {
order: 7
}
article.office header .container>div:first-child .address {
order: 2
}
article.office header .container>div:first-child .hours {
order: 3;
font-weight: 700
}
article.office header .container>div:first-child .hours p {
margin-top: 0
}
article.office header .container figure {
margin-top: 1em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
@media screen and (min-width: 48em) {
article.office header .container figure {
margin-top: 0;
width: calc(50% - 20px)
}
}
@media screen and (min-width: 87.5em) {
article.office header .container figure {
margin-bottom: -6em
}
}
@media screen and (min-width: 87.5em) {
article.office header .container figure.with-caption {
margin-bottom: -8em
}
}
article.office header .container figure img {
width: 100%;
height: auto;
display: block;
background-color: white;
border: 1px solid #eee
}
article.office main {
padding-top: 6.5em;
padding-bottom: 6.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
article.office main .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 64em) {
article.office main .container {
flex-direction: row;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
article.office main .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
article.office main .container>div {
order: 2
}
@media screen and (min-width: 64em) {
article.office main .container>div {
width: calc(67.1641791044776% - 20px)
}
}
@media screen and (min-width: 87.5em) {
article.office main .container>div {
padding-right: 8.5820895522388%
}
}
article.office main .container>div .hours {
display: flex;
flex-wrap: wrap;
align-items: center
}
article.office main .container>div .hours .label {
margin-right: 6px;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
article.office main .container>div .hours .label {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
article.office main .container>div .hours .label {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
article.office main .container>div .hours .label {
font-size: 1.602em
}
}
article.office main .container>div .hours p {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
article.office main .container>div .hours p {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
article.office main .container>div .hours p {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
article.office main .container>div .hours p {
font-size: 1.602em
}
}
article.office main .container>div .phone,
article.office main .container>div .phone--toll-free,
article.office main .container>div .fax,
article.office main .container>div .email {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: .5em
}
article.office main .container>div .phone .label,
article.office main .container>div .phone--toll-free .label,
article.office main .container>div .fax .label,
article.office main .container>div .email .label {
margin-right: 6px;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
article.office main .container>div .phone .label,
article.office main .container>div .phone--toll-free .label,
article.office main .container>div .fax .label,
article.office main .container>div .email .label {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
article.office main .container>div .phone .label,
article.office main .container>div .phone--toll-free .label,
article.office main .container>div .fax .label,
article.office main .container>div .email .label {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
article.office main .container>div .phone .label,
article.office main .container>div .phone--toll-free .label,
article.office main .container>div .fax .label,
article.office main .container>div .email .label {
font-size: 1.602em
}
}
article.office main .container>div .phone a,
article.office main .container>div .phone--toll-free a,
article.office main .container>div .fax a,
article.office main .container>div .email a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in;
font-size: 1.125em
}
article.office main .container>div .phone a:hover,
article.office main .container>div .phone--toll-free a:hover,
article.office main .container>div .fax a:hover,
article.office main .container>div .email a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 48em) {
article.office main .container>div .phone a,
article.office main .container>div .phone--toll-free a,
article.office main .container>div .fax a,
article.office main .container>div .email a {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
article.office main .container>div .phone a,
article.office main .container>div .phone--toll-free a,
article.office main .container>div .fax a,
article.office main .container>div .email a {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
article.office main .container>div .phone a,
article.office main .container>div .phone--toll-free a,
article.office main .container>div .fax a,
article.office main .container>div .email a {
font-size: 1.602em
}
}
article.office main .container>div .call-to-action {
margin-bottom: 2.5em
}
article.office main .container>div .call-to-action:after {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #003087;
margin-bottom: 1em
}
article.office main .container>div .call-to-action p {
margin-bottom: 1.15rem;
font-size: 1.125em
}
article.office main .container>div .call-to-action p:first-of-type {
margin-top: 0
}
@media screen and (min-width: 48em) {
article.office main .container>div .call-to-action p {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
article.office main .container>div .call-to-action p {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
article.office main .container>div .call-to-action p {
font-size: 1.602em
}
}
article.office main .container aside {
order: 1;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
article.office main .container aside {
display: flex;
justify-content: space-between;
align-items: flex-start
}
}
@media screen and (min-width: 64em) {
article.office main .container aside {
width: calc(32.8358208955224% - 20px);
display: block
}
}
@media screen and (min-width: 87.5em) {
article.office main .container aside {
padding-left: 8.5820895522388%
}
}
article.office main .container aside #toc {
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
article.office main .container aside #toc {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
article.office main .container aside #toc {
margin-bottom: 2em
}
}
article.office main .container aside #toc h2 {
font-size: 1.125em;
margin-top: 0
}
article.office main .container aside #toc ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
article.office main .container aside #toc ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .75em
}
@media screen and (min-width: 48em) {
article.office main .container aside #toc ul li {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
article.office main .container aside #toc ul li {
font-size: 1.266em
}
}
article.office main .container aside #toc ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
article.office main .container aside #toc ul li a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
article.office main .container aside #toc ul li a:hover {
background-size: 100% 100%
}
article.office main .container aside .meta {
border-left: 4px solid #FFB819;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em
}
article.office main .container aside .meta>div {
display: flex;
align-items: center
}
article.office main .container aside .meta>div figure {
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
margin-left: 0
}
article.office main .container aside .meta>div figure img {
max-width: 60px;
height: auto;
display: block;
border-radius: 100%;
border: 1px solid #eee
}
article.office main .container aside .meta>div div span {
display: block;
line-height: 1.15
}
article.office main .container aside .share {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center
}
@media screen and (min-width: 48em) {
article.office main .container aside .share {
margin-top: 0;
margin-left: auto
}
}
@media screen and (min-width: 64em) {
article.office main .container aside .share {
margin-left: 0
}
}
article.office main .container aside .share h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
article.office main .container aside .share ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
article.office main .container aside .share ul li {
list-style-type: none;
margin-right: 1rem
}
article.office main .container aside .share ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
article.office main .container aside .share ul li a {
color: #003087;
text-decoration: none;
background-color: #2A2A2A;
border-radius: 100%;
text-indent: -999em;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block;
width: 40px;
height: 40px;
box-shadow: none
}
article.office main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white.png);
background-size: 9.0475px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
article.office main .container aside .share ul li a.facebook {
background-image: url(../images/icons/facebook--white@2x.png)
}
}
article.office main .container aside .share ul li a.facebook:active,
article.office main .container aside .share ul li a.facebook:hover,
article.office main .container aside .share ul li a.facebook:focus {
background-size: auto 14px
}
article.office main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white.png);
background-size: 20.1785px 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
article.office main .container aside .share ul li a.twitter {
background-image: url(../images/icons/twitter--white@2x.png)
}
}
article.office main .container aside .share ul li a.twitter:active,
article.office main .container aside .share ul li a.twitter:hover,
article.office main .container aside .share ul li a.twitter:focus {
background-size: auto 14px
}
article.office main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
article.office main .container aside .share ul li a.linkedin {
background-image: url(../images/icons/linkedin--white@2x.png)
}
}
article.office main .container aside .share ul li a.linkedin:active,
article.office main .container aside .share ul li a.linkedin:hover,
article.office main .container aside .share ul li a.linkedin:focus {
background-size: auto 14px
}
article.office main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white.png);
background-size: auto 16px
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
article.office main .container aside .share ul li a.print {
background-image: url(../images/icons/print--white@2x.png)
}
}
article.office main .container aside .share ul li a.print:active,
article.office main .container aside .share ul li a.print:hover,
article.office main .container aside .share ul li a.print:focus {
background-size: auto 14px
}
article.office footer {
padding-top: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em;
padding-bottom: 2.5em;
background-color: #eee
}
article.office footer .container {
margin-top: -6.5em
}
@media screen and (min-width: 48em) {
article.office footer .container {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
@media screen and (min-width: 87.5em) {
article.office footer .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
article.office footer .card {
background-color: white;
margin-bottom: 2.5em;
width: 100%
}
@media screen and (min-width: 48em) {
article.office footer .card {
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
article.office footer .card {
width: calc(33.333333333333333% - 26.666666666666667px)
}
}
@media screen and (min-width: 48em) {
article.office footer .card:nth-child(odd) {
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
article.office footer .card:nth-child(odd) {
margin-right: 0
}
}
@media screen and (min-width: 48em) {
article.office footer .card:nth-child(even) {
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
article.office footer .card:nth-child(even) {
margin-left: 0
}
}
@media screen and (min-width: 64em) {
article.office footer .card:nth-child(3n+1) {
margin-left: 0;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
article.office footer .card:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
article.office footer .card:nth-child(3n+3) {
margin-left: 20px;
margin-right: 0
}
}
article.office footer .card:last-child {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
article.office footer .card:last-child {
margin-bottom: 2.5em
}
}
@media screen and (min-width: 80em) {
article.office footer .card:last-child {
margin-bottom: 2.5em
}
}
.landing-page .wrapper>header {
background-color: #E2EEF9;
padding-top: 2em;
padding-bottom: 2em;
padding-left: 2.5em;
padding-right: 2.5em
}
.landing-page .wrapper>header .page-title {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.landing-page .wrapper>header .hero-banner {
padding-top: 2em;
padding-bottom: 2em
}
.landing-page .wrapper>header .hero-banner .container {
display: flex;
flex-direction: column
}
@media screen and (min-width: 56.25em) {
.landing-page .wrapper>header .hero-banner .container {
flex-direction: row;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 87.5em) {
.landing-page .wrapper>header .hero-banner .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.landing-page .wrapper>header .hero-banner .container div {
order: 2
}
@media screen and (min-width: 56.25em) {
.landing-page .wrapper>header .hero-banner .container div {
width: calc(50% - 20px)
}
}
.landing-page .wrapper>header .hero-banner .container div h2 {
margin-top: 0;
margin-bottom: 0
}
.landing-page .wrapper>header .hero-banner .container div p {
margin-top: 1em;
margin-bottom: 0
}
.landing-page .wrapper>header .hero-banner .container div a {
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
color: #2A2A2A;
font-weight: 700;
text-decoration: none;
display: inline-block;
padding-top: .5em;
padding-right: 2.75em;
padding-bottom: .5em;
padding-left: 1em;
border: 2px solid #FFB819;
background-color: #FFB819;
background-image: url(../images/icons/arrow-right--black@2x.png), linear-gradient(120deg, #e59e00 0%, #e59e00 100%);
background-repeat: no-repeat;
background-position: right 1em center, 0 100%;
background-size: auto .889em, 100% 0;
transition: background-size .125s ease-in
}
@media screen and (min-width: 48em) {
.landing-page .wrapper>header .hero-banner .container div a {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.landing-page .wrapper>header .hero-banner .container div a {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
.landing-page .wrapper>header .hero-banner .container div a {
font-size: 1.424em
}
}
.landing-page .wrapper>header .hero-banner .container div a:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00
}
.landing-page .wrapper>header .hero-banner .container div a:last-of-type {
margin-right: 0;
background-color: white
}
.landing-page .wrapper>header .hero-banner .container div a:last-of-type:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00
}
.landing-page .wrapper>header .hero-banner .container div a:first-of-type {
background-color: #FFB819
}
.landing-page .wrapper>header .hero-banner .container div a:first-of-type:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00
}
.landing-page .wrapper>header .hero-banner .container figure {
order: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0
}
@media screen and (min-width: 56.25em) {
.landing-page .wrapper>header .hero-banner .container figure {
width: calc(50% - 20px);
margin-bottom: 0
}
}
.landing-page .wrapper>header .hero-banner .container figure img {
width: 100%;
height: auto;
display: block
}
.landing-page .wrapper>header .hero-banner .container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.landing-page .wrapper>header .hero-banner .container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.landing-page .wrapper main .container {
display: flex;
flex-direction: column
}
.landing-page .wrapper main .container .row {
order: 2
}
.landing-page .wrapper main .container aside {
order: 1
}
.landing-page .wrapper main .container aside #toc {
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.landing-page .wrapper main .container aside #toc {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
.landing-page .wrapper main .container aside #toc {
margin-bottom: 2em
}
}
.landing-page .wrapper main .container aside #toc h2 {
font-size: 1.125em;
margin-top: 0
}
.landing-page .wrapper main .container aside #toc ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
.landing-page .wrapper main .container aside #toc ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .75em
}
@media screen and (min-width: 48em) {
.landing-page .wrapper main .container aside #toc ul li {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.landing-page .wrapper main .container aside #toc ul li {
font-size: 1.266em
}
}
.landing-page .wrapper main .container aside #toc ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.landing-page .wrapper main .container aside #toc ul li a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.landing-page .wrapper main .container aside #toc ul li a:hover {
background-size: 100% 100%
}
.dynamic-listing {
margin-top: 2em
}
.dynamic-listing:before {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #FFB819;
margin-bottom: 2em
}
.dynamic-listing:after {
content: '';
display: block;
width: 4em;
height: 4px;
background-color: #FFB819;
margin-top: 2em
}
.dynamic-listing .listing {
margin-top: 1em
}
@media screen and (min-width: 48em) {
.dynamic-listing .listing {
display: flex;
flex-wrap: wrap
}
}
.dynamic-listing .listing .job-posting--listing {
border: 1px solid #eee;
margin-bottom: 2em;
width: 100%
}
.dynamic-listing .listing .job-posting--listing>div {
width: 100%
}
.dynamic-listing .listing .event-page--listing {
border: 1px solid #eee;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.dynamic-listing .listing .event-page--listing {
width: calc(50% - 20px);
display: flex;
flex-direction: row;
flex-wrap: wrap
}
}
@media screen and (min-width: 48em) {
.dynamic-listing .listing .event-page--listing:nth-child(odd) {
margin-right: 20px
}
}
@media screen and (min-width: 48em) {
.dynamic-listing .listing .event-page--listing:nth-child(even) {
margin-left: 20px
}
}
.dynamic-listing .listing .event-page--listing:last-child {
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.dynamic-listing .listing .event-page--listing:last-child {
margin-bottom: 2.5em
}
}
.dynamic-listing .listing .event-page--listing>div {
width: 100%
}
.office--card {
display: flex;
flex-direction: column;
width: 100%
}
.office--card>div {
order: 2;
display: flex;
flex-direction: column;
height: 100%;
font-style: normal
}
.office--card>div>div {
display: flex;
flex-direction: column;
padding-top: 2em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 2em
}
@media screen and (min-width: 64em) {
.office--card>div>div {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.office--card>div>div h2 {
margin-top: 0;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.office--card>div>div h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.office--card>div>div h2 {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.office--card>div>div h2 {
font-size: 1.424em
}
}
.office--card>div>div h2 a {
color: #003087;
text-decoration: none
}
@media screen and (min-width: 48em) {
.office--card>div>div .hours,
.office--card>div>div .address,
.office--card>div>div .phone,
.office--card>div>div .email,
.office--card>div>div .fax,
.office--card>div>div .phone-tf {
font-size: 1.125em
}
}
.office--card>div>div .hours p,
.office--card>div>div .hours a,
.office--card>div>div .address p,
.office--card>div>div .address a,
.office--card>div>div .phone p,
.office--card>div>div .phone a,
.office--card>div>div .email p,
.office--card>div>div .email a,
.office--card>div>div .fax p,
.office--card>div>div .fax a,
.office--card>div>div .phone-tf p,
.office--card>div>div .phone-tf a {
margin-top: 0;
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.office--card>div>div .hours p,
.office--card>div>div .hours a,
.office--card>div>div .address p,
.office--card>div>div .address a,
.office--card>div>div .phone p,
.office--card>div>div .phone a,
.office--card>div>div .email p,
.office--card>div>div .email a,
.office--card>div>div .fax p,
.office--card>div>div .fax a,
.office--card>div>div .phone-tf p,
.office--card>div>div .phone-tf a {
font-size: 1em
}
}
@media screen and (min-width: 64em) {
.office--card>div>div .hours p,
.office--card>div>div .hours a,
.office--card>div>div .address p,
.office--card>div>div .address a,
.office--card>div>div .phone p,
.office--card>div>div .phone a,
.office--card>div>div .email p,
.office--card>div>div .email a,
.office--card>div>div .fax p,
.office--card>div>div .fax a,
.office--card>div>div .phone-tf p,
.office--card>div>div .phone-tf a {
font-size: 1em
}
}
@media screen and (min-width: 80em) {
.office--card>div>div .hours p,
.office--card>div>div .hours a,
.office--card>div>div .address p,
.office--card>div>div .address a,
.office--card>div>div .phone p,
.office--card>div>div .phone a,
.office--card>div>div .email p,
.office--card>div>div .email a,
.office--card>div>div .fax p,
.office--card>div>div .fax a,
.office--card>div>div .phone-tf p,
.office--card>div>div .phone-tf a {
font-size: 1em
}
}
.office--card>div>div .hours a,
.office--card>div>div .address a,
.office--card>div>div .phone a,
.office--card>div>div .email a,
.office--card>div>div .fax a,
.office--card>div>div .phone-tf a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.office--card>div>div .hours a:hover,
.office--card>div>div .address a:hover,
.office--card>div>div .phone a:hover,
.office--card>div>div .email a:hover,
.office--card>div>div .fax a:hover,
.office--card>div>div .phone-tf a:hover {
background-size: 100% 100%
}
.office--card>div>a {
margin-top: auto;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.office--card>div>a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.office--card>div>a {
font-size: 1.125em
}
}
.office--card figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
order: 1;
flex-shrink: 0
}
.office--card figure img {
width: 100%;
height: auto;
display: block
}
.section figure,
article.office--full main .container>div figure,
.article-page main .container>div figure,
.event-page main .container>div figure,
.job-posting--full main .container>div figure,
.article-page--newsletter-article>div.wrapper figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
.section .align-right,
article.office--full main .container>div .align-right,
.article-page main .container>div .align-right,
.event-page main .container>div .align-right,
.job-posting--full main .container>div .align-right,
.article-page--newsletter-article>div.wrapper .align-right {
max-width: 100%;
width: 100%;
margin-right: 0;
margin-left: 0;
margin-top: 2em;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.section .align-right,
article.office--full main .container>div .align-right,
.article-page main .container>div .align-right,
.event-page main .container>div .align-right,
.job-posting--full main .container>div .align-right,
.article-page--newsletter-article>div.wrapper .align-right {
max-width: 50%;
margin-left: 2em
}
}
.section .align-left,
article.office--full main .container>div .align-left,
.article-page main .container>div .align-left,
.event-page main .container>div .align-left,
.job-posting--full main .container>div .align-left,
.article-page--newsletter-article>div.wrapper .align-left {
max-width: 100%;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 2em;
margin-bottom: 2em
}
@media screen and (min-width: 48em) {
.section .align-left,
article.office--full main .container>div .align-left,
.article-page main .container>div .align-left,
.event-page main .container>div .align-left,
.job-posting--full main .container>div .align-left,
.article-page--newsletter-article>div.wrapper .align-left {
max-width: 50%;
margin-right: 2em
}
}
.section .align-center,
article.office--full main .container>div .align-center,
.article-page main .container>div .align-center,
.event-page main .container>div .align-center,
.job-posting--full main .container>div .align-center,
.article-page--newsletter-article>div.wrapper .align-center {
max-width: 100%;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 2em;
margin-bottom: 2em
}
.section img,
article.office--full main .container>div img,
.article-page main .container>div img,
.event-page main .container>div img,
.job-posting--full main .container>div img,
.article-page--newsletter-article>div.wrapper img {
max-width: 100%;
height: auto;
display: block
}
.section .player,
article.office--full main .container>div .player,
.article-page main .container>div .player,
.event-page main .container>div .player,
.job-posting--full main .container>div .player,
.article-page--newsletter-article>div.wrapper .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.section .player iframe,
article.office--full main .container>div .player iframe,
.article-page main .container>div .player iframe,
.event-page main .container>div .player iframe,
.job-posting--full main .container>div .player iframe,
.article-page--newsletter-article>div.wrapper .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.remote-video--inline .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative
}
.remote-video--inline .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.twitter-tweet-rendered {
max-width: 540px !important;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em
}
.instagram-media-rendered {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em
}
.fb_iframe_widget {
display: flex !important;
justify-content: center !important;
margin-top: 2em;
margin-bottom: 2em
}
.row-paragraph--default {
padding-top: 2em;
padding-left: 2.500em;
padding-right: 2.500em;
padding-bottom: 2em
}
.row-paragraph--default .hero-banner {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0
}
.row-paragraph--default .dynamic-listing:before,
.row-paragraph--default .dynamic-listing:after {
display: none
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles .view-header {
padding-bottom: 2em
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles .view-header h2 {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font-size: 1.125rem
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles .listing {
margin-top: 0
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles article:first-child {
margin-top: 0
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles .more-link {
text-align: left
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles .more-link a {
text-align: left;
display: inline-block;
color: #003087;
text-decoration: none;
font-weight: 700;
font-size: 1.125em;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_articles .more-link a:hover {
background-size: 100% 100%
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events {
width: 100%;
background-color: white;
display: flex;
flex-direction: column
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .header {
padding: 1em;
padding-bottom: 2em
}
@media screen and (min-width: 64em) {
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .header {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .header h2 {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font-size: 1.125rem
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing {
flex-wrap: nowrap;
flex-direction: column;
width: 100%;
margin-top: 0
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article {
width: 100%
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div {
display: flex;
flex-direction: column;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div:first-child {
padding-top: 0
}
@media screen and (min-width: 64em) {
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div {
padding-left: 1.5em;
padding-right: 1.5em
}
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div h3 {
order: 2;
margin-top: 0;
margin-bottom: 5px
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div .society {
order: 1;
background-image: url(../images/icons/location--purple.png);
background-size: auto .899em;
background-repeat: no-repeat;
background-position: left center;
padding-left: 1em;
line-height: 1.15;
margin-bottom: .25em;
font-weight: 700
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div .society {
background-image: url(../images/icons/location--purple@2x.png)
}
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div .date {
order: 3;
font-weight: 700;
font-size: 1.125em
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .listing article>div>div .location {
order: 4;
font-size: 1.125em
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .more-link {
margin-top: auto
}
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .more-link a {
text-align: left;
display: block;
line-height: 1.15;
display: block;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
color: #003087;
text-decoration: none;
border-top: 1px solid #2A2A2A;
font-weight: 700;
background-image: url(../images/icons/arrow-right--blue.png);
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em auto
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .more-link a {
background-image: url(../images/icons/arrow-right--blue@2x.png)
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .more-link a {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default .dynamic-listing .view-display-id-listing_events .more-link a {
padding-left: 1.5em;
padding-right: 1.5em;
background-position: right 1.5em center
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default .article-page--teaser {
width: 100%
}
}
.row-paragraph--default>div {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
.row-paragraph--default.layout--33-33-33>div {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.row-paragraph--default.layout--33-33-33>div .paragraph {
background-color: white;
margin-bottom: 2.5em;
width: 100%;
display: flex
}
.row-paragraph--default.layout--33-33-33>div .paragraph>.field {
display: flex
}
.row-paragraph--default.layout--33-33-33>div .paragraph>.field>.field__item {
display: flex
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--33-33-33>div .paragraph {
width: calc(50% - 20px)
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default.layout--33-33-33>div .paragraph {
width: calc(33.333333333333333% - 26.666666666666667px);
margin-bottom: 0
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(odd) {
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(odd) {
margin-right: 0
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(even) {
margin-left: 20px
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(even) {
margin-left: 0
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(3n+1) {
margin-left: 0;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(3n+2) {
margin-left: 20px;
margin-right: 20px
}
}
@media screen and (min-width: 64em) {
.row-paragraph--default.layout--33-33-33>div .paragraph:nth-child(3n+3) {
margin-left: 20px;
margin-right: 0
}
}
.row-paragraph--default.layout--33-33-33>div .paragraph:last-child {
margin-bottom: 0
}
.row-paragraph--default.layout--66-34>div {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.row-paragraph--default.layout--66-34>div .paragraph {
margin-bottom: 2.5em;
width: 100%;
display: flex
}
.row-paragraph--default.layout--66-34>div .paragraph:before,
.row-paragraph--default.layout--66-34>div .paragraph:after {
display: none
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--66-34>div .paragraph:first-child {
width: calc(67.2% - 20px);
margin-right: 20px
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--66-34>div .paragraph:nth-child(2) {
width: calc(32.8% - 20px);
margin-left: 20px
}
}
.row-paragraph--default.layout--34-66>div {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.row-paragraph--default.layout--34-66>div .paragraph {
margin-bottom: 2.5em;
width: 100%;
display: flex
}
.row-paragraph--default.layout--34-66>div .paragraph:before,
.row-paragraph--default.layout--34-66>div .paragraph:after {
display: none
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--34-66>div .paragraph:first-child {
width: calc(32.8% - 20px);
margin-left: 20px
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--34-66>div .paragraph:nth-child(2) {
width: calc(67.2% - 20px);
margin-right: 20px
}
}
.row-paragraph--default.layout--50-50>div {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.row-paragraph--default.layout--50-50>div .paragraph {
margin-bottom: 2.5em;
width: 100%;
display: flex
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--50-50>div .paragraph {
margin-bottom: 0
}
}
.row-paragraph--default.layout--50-50>div .paragraph>div {
display: flex
}
.row-paragraph--default.layout--50-50>div .paragraph>div>div {
display: flex
}
.row-paragraph--default.layout--50-50>div .paragraph:before,
.row-paragraph--default.layout--50-50>div .paragraph:after {
display: none
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--50-50>div .paragraph:first-child {
width: calc(50% - 20px);
margin-right: 20px
}
}
@media screen and (min-width: 48em) {
.row-paragraph--default.layout--50-50>div .paragraph:nth-child(2) {
width: calc(50% - 20px);
margin-left: 20px
}
}
#audience {
background-color: #E2EEF9;
padding-top: 2em;
padding-left: 2.500em;
padding-right: 2.500em;
padding-bottom: 2em
}
@media screen and (min-width: 80em) {
#audience {
padding-top: 8em;
margin-top: -5em
}
}
#audience .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
@media screen and (min-width: 80em) {
#audience .container {
display: flex
}
}
@media screen and (min-width: 80em) {
#audience .container div.header {
width: calc(32.8% - 20px);
margin-right: 20px
}
}
#audience .container div.header h2 {
margin-top: 0;
margin-bottom: 5px
}
#audience .container div.header p {
margin-top: 0;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
#audience .container div.header p {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
#audience .container div.header p {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
#audience .container div.header p {
font-size: 1.602em
}
}
@media screen and (min-width: 80em) {
#audience .container div.main {
width: calc(67.2% - 20px);
margin-left: 20px
}
}
#audience .container div.main ul {
padding-left: 0;
margin-top: 0
}
@media screen and (min-width: 48em) {
#audience .container div.main ul {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
column-gap: 40px
}
}
#audience .container div.main ul li {
list-style-type: none;
margin-bottom: .5em;
display: inline-block
}
#audience .container div.main ul li:last-child {
margin-bottom: 0
}
#audience .container div.main ul li a {
font-size: 1.125em;
font-weight: 700
}
main div.gsc-webResult.gsc-result.gsc-promotion {
border: none;
background-color: transparent
}
main div.gsc-webResult.gsc-result.gsc-promotion a.gs-title,
main div.gsc-webResult.gsc-result.gsc-promotion a.gs-title b {
color: #003087
}
main div.gsc-webResult.gsc-result.gsc-promotion div.gs-visibleUrl {
color: #2A2A2A
}
main form.gsc-search-box {
font-size: 1em;
margin-bottom: 0
}
main table.gsc-search-box {
margin-bottom: 0
}
main table.gsc-search-box td.gsc-input {
padding-right: 0
}
main table.gsc-search-box>tbody:nth-child(1)>tr:nth-child(1) {
display: flex
}
main .gsc-input {
font-size: 1em;
width: calc(100% - 100px);
background-image: none !important
}
main .gsib_a input {
padding-top: .75em !important;
padding-right: .75em !important;
padding-bottom: .75em !important;
padding-left: .75em !important;
background-position: left .75em center !important;
background-color: transparent !important;
height: 52px !important
}
@media screen and (min-width: 37.5em) {
main .gsib_a input {
font-size: 1.125em;
background-color: transparent !important
}
}
main .gsc-input-box {
padding-top: 0;
padding-bottom: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #2A2A2A;
background-color: transparent !important
}
main .gsib_a {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
main .gsc-search-button {
margin-left: 0;
width: auto;
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: center
}
main .gsc-search-button-v2 {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #003087;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
transition-property: color, background-color;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
border: 0
}
main .gsc-search-button-v2 svg {
height: 16px;
width: 16px
}
@media screen and (min-width: 37.5em) {
main .gsc-search-button-v2 svg {
height: 18px;
width: 18px
}
}
main .gsc-search-button-v2:hover,
main .gsc-search-button-v2:focus,
main .gsc-search-button-v2:active {
background-color: #003087;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
background-size: 100% 100%
}
main .gsc-control-cse,
main .gsc-control-cse .gsc-table-result {
font-family: 'Assistant', sans-serif;
font-display: swap;
font-weight: 400;
line-height: 1.65;
color: #2A2A2A;
padding: 0 !important
}
main .gs-webResult.gs-result a.gs-title:link,
main .gs-webResult.gs-result a.gs-title:link b,
main .gs-imageResult a.gs-title:link,
main .gs-imageResult a.gs-title:link b {
color: #003087
}
main .gsc-control-cse .gs-result .gs-title a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
font-size: 1rem
}
@media screen and (min-width: 48em) {
main .gsc-control-cse .gs-result .gs-title a {
font-size: 1.125rem
}
}
@media screen and (min-width: 64em) {
main .gsc-control-cse .gs-result .gs-title a {
font-size: 1.266rem
}
}
@media screen and (min-width: 80em) {
main .gsc-control-cse .gs-result .gs-title a {
font-size: 1.424rem
}
}
main .gsc-control-cse .gs-result .gs-title a:hover {
background-size: 100% 100%
}
main .gs-web-image-box,
main .gs-promotion-image-box {
display: none
}
main .gsc-thumbnail-inside,
main .gsc-url-top {
padding-left: 0;
padding-right: 0
}
main .gs-webResult div.gs-visibleUrl {
color: #2A2A2A;
font-size: 0.889em
}
@media screen and (min-width: 48em) {
main .gs-webResult div.gs-visibleUrl {
font-size: 0.889em
}
}
@media screen and (min-width: 64em) {
main .gs-webResult div.gs-visibleUrl {
font-size: 1em
}
}
@media screen and (min-width: 80em) {
main .gs-webResult div.gs-visibleUrl {
font-size: 1.125em
}
}
main .gsc-control-cse .gsc-table-result,
main .gs-promotion-table .gs-promotion-table-snippet-with-image .gs-snippet {
font-size: 1rem
}
@media screen and (min-width: 48em) {
main .gsc-control-cse .gsc-table-result,
main .gs-promotion-table .gs-promotion-table-snippet-with-image .gs-snippet {
font-size: 1.125rem
}
}
@media screen and (min-width: 64em) {
main .gsc-control-cse .gsc-table-result,
main .gs-promotion-table .gs-promotion-table-snippet-with-image .gs-snippet {
font-size: 1.266rem
}
}
@media screen and (min-width: 80em) {
main .gsc-control-cse .gsc-table-result,
main .gs-promotion-table .gs-promotion-table-snippet-with-image .gs-snippet {
font-size: 1.424rem
}
}
main .gsc-control-cse .gs-spelling,
main .gsc-control-cse .gs-result .gs-title,
main .gsc-control-cse .gs-result .gs-title * {
font-size: 1em
}
main .gsc-results .gsc-cursor-box {
margin: 0
}
main .gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 1rem;
color: #003087;
text-decoration: none;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
background-color: transparent
}
@media screen and (min-width: 48em) {
main .gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 1.125rem
}
}
@media screen and (min-width: 64em) {
main .gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 1.266rem
}
}
@media screen and (min-width: 80em) {
main .gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 1.424rem
}
}
main .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
background-size: 100% 100%;
text-decoration: none;
background-color: transparent
}
main .gcsc-more-maybe-branding-root {
display: none !important
}
main .gs-webResult.gs-result a.gs-title:visited,
main .gs-webResult.gs-result a.gs-title:visited b,
main .gs-imageResult a.gs-title:visited,
main .gs-imageResult a.gs-title:visited b {
color: #003087
}
#postal_code_search {
display: flex
}
#postal_code_search div:first-child input {
padding: .75em;
border-radius: 0;
border: 1px solid #555
}
#postal_code_search div:last-child {
display: flex
}
#postal_code_search div:last-child input {
transition-property: color, background-color;
background-color: #003087;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
border: 0;
border-radius: 0;
color: white;
padding-left: 2.027em;
padding-right: 2.027em;
font-weight: 700
}
#postal_code_search div:last-child input:hover,
#postal_code_search div:last-child input:focus,
#postal_code_search div:last-child input:active {
background-size: 100% 100%
}
#search_results a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
@media screen and (min-width: 48em) {
#search_results a {
font-size: 1.125rem
}
}
@media screen and (min-width: 64em) {
#search_results a {
font-size: 1.266rem
}
}
@media screen and (min-width: 80em) {
#search_results a {
font-size: 1.424rem
}
}
#search_results a:hover {
background-size: 100% 100%
}
.ontario-listing {
-moz-column-count: 2;
column-count: 2;
padding-left: 0;
-moz-column-gap: 40px;
column-gap: 40px
}
.ontario-listing li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .75em
}
.ontario-listing li:last-child {
margin-bottom: 0
}
@media screen and (min-width: 64em) {
.ontario-listing li {
font-size: 1.125em
}
}
.ontario-listing li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.ontario-listing li a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.ontario-listing li a:hover {
background-size: 100% 100%
}
.alert__society-alert-blocks {
padding-left: 2.5em;
padding-right: 2.500em;
background-color: #f8d7da;
padding-top: 1.266em;
padding-bottom: 1.266em;
text-align: center
}
.alert__society-alert-blocks #global-header__alert {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
@media screen and (min-width: 87.5em) {
.alert__society-alert-blocks #global-header__alert {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
.alert__society-alert-blocks #global-header__alert .container {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
color: #721c24;
align-items: center
}
.alert__society-alert-blocks #global-header__alert .container p {
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
margin-right: 1rem;
line-height: 1.125
}
@media screen and (min-width: 80em) {
.alert__society-alert-blocks #global-header__alert .container p {
font-size: 1.125rem
}
}
.alert__society-alert-blocks #global-header__alert .container div a {
display: inline;
margin-top: 0;
margin-bottom: 0;
line-height: 1.125;
font-size: 1rem;
font-weight: 700;
color: #721c24;
text-decoration: none;
box-shadow: inset 0 -2px #721c24
}
@media screen and (min-width: 80em) {
.alert__society-alert-blocks #global-header__alert .container div a {
font-size: 1.125rem
}
}
#alert {
background-color: #f8d7da;
padding-top: 1.266em;
padding-bottom: 1.266em;
padding-left: 2.500em;
padding-right: 2.500em;
text-align: center
}
#alert>div {
display: flex;
justify-content: center;
flex-wrap: wrap;
color: #721c24;
align-items: center
}
@media screen and (min-width: 87.5em) {
#alert>div {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#alert>div p {
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
margin-right: 1rem;
line-height: 1.125
}
@media screen and (min-width: 80em) {
#alert>div p {
font-size: 1.125rem
}
}
#alert>div div a {
display: inline;
margin-top: 0;
margin-bottom: 0;
line-height: 1.125;
font-size: 1rem;
font-weight: 700;
color: #721c24;
text-decoration: none;
box-shadow: inset 0 -2px #721c24
}
@media screen and (min-width: 80em) {
#alert>div div a {
font-size: 1.125rem
}
}
.ui-widget.ui-widget-content {
border: 0;
border-radius: 0
}
.ui-dialog {
font-family: 'Assistant', sans-serif;
border: 0
}
.ui-dialog .ui-dialog-titlebar {
background-color: #003087;
color: white;
font-size: 1.125em;
border: 0
}
.ui-dialog .ui-dialog-buttonpane {
background-color: #eee;
border: 0
}
.ui-dialog .ui-dialog-buttonpane button {
font-family: 'Assistant', sans-serif;
color: #2A2A2A;
font-weight: 700;
border-radius: 0;
color: #2A2A2A;
text-decoration: none;
display: inline-block;
padding-top: .5em;
padding-right: 1em;
padding-bottom: .5em;
padding-left: 1em;
border: 0;
background-color: #FFB819;
background-image: linear-gradient(120deg, #e59e00 0%, #e59e00 100%);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.ui-dialog .ui-dialog-buttonpane button:hover {
background-size: 100% 100%
}
.view-society-search div.attachment-after {
margin-top: 10px;
padding-bottom: 10px
}
.view-society-search div.attachment-after div.view-content {
display: flex;
flex-wrap: wrap
}
.view-society-search div.attachment-after div.views-row {
background-color: #E2EEF9;
width: 100%;
margin: 10px 0;
padding: 20px
}
@media screen and (min-width: 48em) {
.view-society-search div.attachment-after div.views-row {
width: calc(50% - .5em)
}
}
@media screen and (min-width: 48em) {
.view-society-search .attachment .view-content {
display: flex;
justify-content: space-between
}
}
.view-society-search div.attachment-after div.views-field-counter {
font-size: 24px;
line-height: 24px;
background-color: #FFB819;
padding: 10px;
border-radius: 50%;
width: 44px;
height: 44px;
text-align: center;
font-weight: 700
}
.view-society-search h2 {
font-size: 20px;
font-weight: 700;
margin: 0
}
.view-society-search h3 {
font-size: 16px;
font-weight: 700;
margin: 10px 0
}
.view-society-search div.attachment-after div.views-field-field-calculated-geolocation-proximity {
font-size: 14px;
margin-bottom: 20px
}
.view-society-search div.attachment-after div.views-field-field-hours {
margin-top: 20px;
font-size: 14px
}
.view-society-search div.attachment-after div.views-field-field-description {
font-size: 14px
}
.view-society-search div.attachment-after div.views-field-field-summary {
font-size: 14px
}
.view-society-search div.attachment-after div.views-field-field-society-phone div.field-content {
display: inline
}
.view-society-search div.attachment-after div.views-field-field-society-email div.field-content {
display: inline
}
.view-society-search div.attachment-after div.views-field-field-society-toll-free-phone div.field-content {
display: inline
}
.view-society-search div.attachment-after div.views-field-field-society-url {
margin: 10px 0 0 0
}
.views-field-field-society-address p.address {
margin-bottom: 0 !important;
margin-top: 0 !important
}
@media screen and (min-width: 48em) {
.views-field-field-society-address p.address {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.views-field-field-society-address p.address {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.views-field-field-society-address p.address {
font-size: 1.125em
}
}
div.views-field-field-address-postal-code {
background-image: url(../images/icons/directions--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1.266em
}
div.views-field-field-address-postal-code .view-label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
div.views-field-field-address-postal-code {
background-image: url(../images/icons/directions--purple@2x.png)
}
}
div.views-field-field-address-postal-code a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
div.views-field-field-address-postal-code a:hover {
background-size: 100% 100%
}
.views-field-field-society-phone,
.views-field-field-society-toll-free-phone {
background-image: url(../images/icons/phone--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 1em;
padding-left: 1.266em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.views-field-field-society-phone,
.views-field-field-society-toll-free-phone {
background-image: url(../images/icons/phone--purple@2x.png)
}
}
.views-field-field-society-phone .views-label,
.views-field-field-society-toll-free-phone .views-label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.views-field-field-society-phone a,
.views-field-field-society-toll-free-phone a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.views-field-field-society-phone a:hover,
.views-field-field-society-toll-free-phone a:hover {
background-size: 100% 100%
}
.views-field-field-society-email {
background-image: url(../images/icons/email--purple.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 1em auto;
padding-left: 1.266em
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.views-field-field-society-email {
background-image: url(../images/icons/email--purple@2x.png)
}
}
.views-field-field-society-email .views-label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.views-field-field-society-email a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
.views-field-field-society-email a:hover {
background-size: 100% 100%
}
#block-block-society-search {
width: 100%;
clear: both;
display: block
}
.view-society-search h3 {
font-size: 1.125em;
margin-bottom: 0
}
@media screen and (min-width: 48em) {
.view-society-search h3 {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
.view-society-search h3 {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
.view-society-search h3 {
font-size: 1.125em
}
}
.view-society-search .views-row {
display: flex;
flex-wrap: wrap
}
.view-society-search .views-row .counter {
margin-bottom: 1em;
width: 64px
}
.view-society-search .views-row .postal-info {
width: calc(100% - 64px)
}
.view-society-search .views-row .website-link {
width: 100%
}
.view-society-search .form-item-geolocation-geocoder-address {
margin-bottom: 0;
width: 100%
}
.view-society-search .form-item-geolocation-geocoder-address label {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
.view-society-search .form-item-geolocation-geocoder-address input {
padding: .75em;
border-radius: 0;
border: 1px solid #555;
width: 100%;
box-sizing: border-box
}
.view-society-search .form-item-geolocation-geocoder-address input.form-autocomplete {
background-position: right .75em center
}
.view-society-search .form-item-geolocation-geocoder-address input.form-autocomplete.ui-autocomplete-loading {
background-position: right .75em center
}
.view-society-search input:disabled {
background-color: #555 !important;
background-image: none !important
}
.view-society-search input:disabled:hover {
background-color: #555 !important;
background-image: none !important
}
.view-society-search .form-item-field-society-geolocation-proximity {
display: none
}
.view-society-search .button {
margin-top: 1em;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 0;
background-color: #003087;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
font-weight: 700;
color: white;
padding-top: .75em;
padding-right: 1.5em;
padding-bottom: .75em;
padding-left: 1.5em
}
.view-society-search .button:hover {
background-size: 100% 100%
}
@media screen and (min-width: 64em) {
.view-society-search .button {
font-size: 1.125em
}
}
.views-field-field-society-website {
margin-bottom: 0
}
.views-field-field-society-website a {
color: #003087;
text-decoration: none;
box-shadow: inset 0 -2px #FFB819;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in;
font-size: 1.125em;
font-weight: 700
}
@media screen and (min-width: 64em) {
.views-field-field-society-website a {
font-size: 1.266em
}
}
.views-field-field-society-website a:hover {
background-size: 100% 100%
}
.path-newsletter #global-header__current {
display: none !important
}
.path-newsletter .branding__society-donate-blocks {
width: calc(67.1641791044776% - 10px);
margin-left: 10px
}
@media screen and (min-width: 48em) {
.path-newsletter .branding__society-donate-blocks {
width: calc(24.2537313432836% - 20px);
margin-left: 20px
}
}
@media screen and (min-width: 80em) {
.path-newsletter .branding__society-donate-blocks {
margin-left: 20px;
width: auto
}
}
.path-newsletter .branding__society-donate-blocks a {
background-color: #FFB819 !important;
color: #003087 !important;
background-image: linear-gradient(120deg, #e59e00 0%, #e59e00 100%) !important
}
#newsletter-issue {
padding-left: 2.5em;
padding-right: 2.5em
}
#newsletter-issue .back-to-top {
text-align: right;
display: block;
clear: both
}
@media screen and (min-width: 64em) {
#newsletter-issue .back-to-top {
display: none
}
}
#newsletter-issue .back-to-top a {
font-size: 1.125em;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
#newsletter-issue .back-to-top a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
#newsletter-issue>.container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#newsletter-issue>.container>main {
order: 2
}
#newsletter-issue>.container>main>header {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #eee;
padding-bottom: 1em
}
@media screen and (min-width: 80em) {
#newsletter-issue>.container>main>header {
margin-top: 2em
}
}
#newsletter-issue>.container>main>header h1 {
order: 3;
text-align: right;
font-weight: 400;
text-transform: uppercase;
font-size: 1em !important;
margin-bottom: 2rem;
margin-top: 0;
margin-left: auto
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>header h1 {
font-size: 1.125em !important
}
}
@media screen and (min-width: 87.5em) {
#newsletter-issue>.container>main>header h1 {
font-size: 1.266em !important
}
}
#newsletter-issue>.container>main>header h1 span {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#newsletter-issue>.container>main>header figure {
order: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 1rem;
margin-left: 0;
width: 100%
}
#newsletter-issue>.container>main>header figure img {
display: block;
width: 100%;
height: auto
}
#newsletter-issue>.container>main>header #newsletter-pdf {
order: 2;
margin-top: 0 !important
}
#newsletter-issue>.container>main>header #newsletter-pdf a {
font-size: 1em !important;
margin-bottom: 2rem;
margin-top: 0;
margin-left: auto;
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
#newsletter-issue>.container>main>header #newsletter-pdf a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>header #newsletter-pdf a {
font-size: 1.125em !important
}
}
@media screen and (min-width: 87.5em) {
#newsletter-issue>.container>main>header #newsletter-pdf a {
font-size: 1.266em !important
}
}
#newsletter-issue>.container>main>header #toc-mobile {
order: 4;
margin-bottom: 2em;
width: 100%
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>header #toc-mobile {
display: none
}
}
#newsletter-issue>.container>main>header #toc-mobile h2 {
font-size: 1.125em;
margin-top: 0;
text-transform: uppercase
}
#newsletter-issue>.container>main>header #toc-mobile ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
@media screen and (min-width: 40em) {
#newsletter-issue>.container>main>header #toc-mobile ul {
-moz-column-count: 2;
column-count: 2
}
}
#newsletter-issue>.container>main>header #toc-mobile ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .666em
}
@media screen and (min-width: 48em) {
#newsletter-issue>.container>main>header #toc-mobile ul li {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>header #toc-mobile ul li {
font-size: 1.266em
}
}
#newsletter-issue>.container>main>header #toc-mobile ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#newsletter-issue>.container>main>header #toc-mobile ul li a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
#newsletter-issue>.container>main>header #toc-mobile ul li a:hover {
background-size: 100% 100%
}
#newsletter-issue>.container>main>header #newsletter-promo {
margin-top: 2em;
width: 100%
}
#newsletter-issue>.container>main>header #newsletter-promo h2 {
font-size: 1.266em
}
#newsletter-issue>.container>main>header #newsletter-promo p {
font-size: 1em
}
@media screen and (min-width: 48em) {
#newsletter-issue>.container>main>header #newsletter-promo p {
font-size: 1.125em
}
}
#newsletter-issue>.container>main>header #newsletter-promo a {
display: inline-block;
background-color: #FFB819;
text-decoration: none;
font-weight: 700;
color: #003087;
text-align: center;
padding-top: .75em;
padding-right: 1.5em;
padding-bottom: .75em;
padding-left: 1.5em;
line-height: 1.15;
box-shadow: none !important;
background-image: linear-gradient(120deg, #e59e00 0%, #e59e00 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
@media screen and (min-width: 37.5em) {
#newsletter-issue>.container>main>header #newsletter-promo a {
font-size: 1.125em
}
}
@media screen and (min-width: 80em) {
#newsletter-issue>.container>main>header #newsletter-promo a {
padding-left: 1.5em;
padding-right: 1.5em
}
}
#newsletter-issue>.container>main>header #newsletter-promo a:hover,
#newsletter-issue>.container>main>header #newsletter-promo a:focus,
#newsletter-issue>.container>main>header #newsletter-promo a:active {
background-size: 100% 100%
}
#newsletter-issue>.container>main>.wrapper {
display: flex;
justify-content: space-between
}
#newsletter-issue>.container>main>.wrapper>.listing {
padding-top: 2em;
padding-bottom: 4em
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>.wrapper>.listing {
width: calc(67.1641791044776% - 20px);
order: 2;
padding-left: 40px;
border-left: 1px solid #eee
}
}
#newsletter-issue>.container>main>.wrapper>.listing article {
padding-bottom: 4em
}
#newsletter-issue>.container>main>.wrapper>aside {
order: 1;
position: -webkit-sticky;
position: sticky;
top: 2rem;
align-self: start;
padding-top: 2em;
padding-bottom: 4em
}
@media screen and (min-width: 48em) {
#newsletter-issue>.container>main>.wrapper>aside {
display: flex;
justify-content: space-between;
align-items: center
}
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>.wrapper>aside {
width: calc(32.8358208955224% - 20px);
display: block;
order: 1
}
}
#newsletter-issue>.container>main>.wrapper>aside #toc,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo {
margin-bottom: 2em;
display: none
}
@media screen and (min-width: 48em) {
#newsletter-issue>.container>main>.wrapper>aside #toc,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo {
margin-bottom: 0
}
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>.wrapper>aside #toc,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo {
margin-bottom: 2em;
display: block
}
}
#newsletter-issue>.container>main>.wrapper>aside #toc h2,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo h2 {
font-size: 1.125em;
margin-top: 0;
text-transform: uppercase
}
#newsletter-issue>.container>main>.wrapper>aside #toc ul,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
#newsletter-issue>.container>main>.wrapper>aside #toc ul li,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo ul li {
list-style-type: none;
line-height: 1.15;
margin-bottom: .666em
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>.wrapper>aside #toc ul li,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo ul li {
font-size: 1.125em
}
}
#newsletter-issue>.container>main>.wrapper>aside #toc ul li:before,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo ul li:before {
content: "\200B";
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#newsletter-issue>.container>main>.wrapper>aside #toc ul li a,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo ul li a {
background-image: linear-gradient(120deg, #FFB819 0%, #FFB819 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
box-shadow: inset 0 -2px #FFB819;
color: #003087;
text-decoration: none;
transition: background-size .125s ease-in
}
#newsletter-issue>.container>main>.wrapper>aside #toc ul li a:hover,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo ul li a:hover {
background-size: 100% 100%
}
@media screen and (min-width: 48em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo h2 {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo h2 {
font-size: 1.424em
}
}
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo p {
font-size: 0.889em
}
@media screen and (min-width: 48em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo p {
font-size: 0.889em
}
}
@media screen and (min-width: 64em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo p {
font-size: 1em
}
}
@media screen and (min-width: 80em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo p {
font-size: 1.125em
}
}
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo a {
display: inline-block;
background-color: #FFB819;
text-decoration: none;
font-weight: 700;
color: #003087;
text-align: center;
padding-top: .75em;
padding-bottom: .75em;
padding-left: 1.5em;
padding-right: 1.5em;
line-height: 1.15;
box-shadow: none !important;
background-image: linear-gradient(120deg, #e59e00 0%, #e59e00 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
@media screen and (min-width: 37.5em) {
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo a {
font-size: 1.125em
}
}
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo a:hover,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo a:focus,
#newsletter-issue>.container>main>.wrapper>aside #newsletter-promo a:active {
background-size: 100% 100%
}
#block-newsletter {
background-color: #E2EEF9;
padding-left: 2.500em;
padding-right: 2.500em;
padding-top: 2em;
padding-bottom: 2em
}
@media screen and (min-width: 48em) {
#block-newsletter .container {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 87.5em) {
#block-newsletter .container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto
}
}
#block-newsletter form {
width: 100%
}
#block-newsletter form small {
margin-top: 1em;
display: block
}
#block-newsletter form .appArea .appArea {
display: none
}
#block-newsletter form h2 {
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
@media screen and (min-width: 48em) {
#block-newsletter form h2 {
font-size: 1.125em
}
}
@media screen and (min-width: 64em) {
#block-newsletter form h2 {
font-size: 1.266em
}
}
@media screen and (min-width: 80em) {
#block-newsletter form h2 {
font-size: 1.424em
}
}
#block-newsletter form .input-fields {
display: flex;
flex-direction: column;
margin-top: 1em
}
@media screen and (min-width: 48em) {
#block-newsletter form .input-fields {
flex-direction: row;
justify-content: space-between
}
}
#block-newsletter form .input-fields .input-field {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 1em
}
@media screen and (min-width: 48em) {
#block-newsletter form .input-fields .input-field {
width: 17.6083707025411%;
margin-bottom: 0
}
}
#block-newsletter form .input-fields .input-field label {
font-size: 0.889em;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap
}
#block-newsletter form .input-fields .input-field input {
flex: auto;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: .75em;
padding-right: .75em;
padding-bottom: .75em;
padding-left: .75em;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee
}
#block-newsletter form .input-fields .input-field input#reset {
display: none
}
#block-newsletter form .input-fields .input-field:last-child {
display: flex
}
#block-newsletter form .input-fields .input-field:last-child input {
flex: auto;
-webkit-appearance: none;
display: inline-block;
border: 0;
border-radius: 0;
background-color: #003087;
color: white;
font-weight: 700;
padding-top: .75em;
padding-right: 1em;
padding-bottom: .75em;
padding-left: 1em;
background-image: linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 0;
transition: background-size .125s ease-in
}
#block-newsletter form .input-fields .input-field:last-child input:hover {
background-size: 100% 100%
}
#block-newsletter form .input-action {
display: none
}
.field--type-webform .webform-confirmation__message {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125em
}
@media screen and (min-width: 48em) {
.field--type-webform .webform-confirmation__message {
font-size: 1.266em
}
}
@media screen and (min-width: 64em) {
.field--type-webform .webform-confirmation__message {
font-size: 1.424em
}
}
@media screen and (min-width: 80em) {
.field--type-webform .webform-confirmation__message {
font-size: 1.602em
}
}
.field--type-webform #edit-actions {
margin-top: 2em
}
.field--type-webform input[type="text"],
.field--type-webform input[type="tel"],
.field--type-webform input[type="email"] {
width: 100%;
padding-top: .5em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #555
}
.field--type-webform input[type="submit"] {
margin-top: 1em;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 0;
background-color: #003087;
background-image: url(../images/icons/arrow-right--white.png), linear-gradient(120deg, #001e54 0%, #001e54 100%);
background-position: right 1.5em center, 0 100%;
background-repeat: no-repeat;
background-size: 1em auto, 100% 0;
font-weight: 700;
color: white;
padding-top: .75em;
padding-right: 3em;
padding-bottom: .75em;
padding-left: 1.5em;
transition: background-size .125s ease-in
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
.field--type-webform input[type="submit"] {
background-image: url(../images/icons/arrow-right--white@2x.png), linear-gradient(120deg, #001e54 0%, #001e54 100%)
}
}
.field--type-webform input[type="submit"]:hover {
background-size: 1em auto, 100% 100%
}
@media screen and (min-width: 64em) {
.field--type-webform input[type="submit"] {
font-size: 1.125em
}
}
#search_results_wrapper #search_results {
font-size: 1.424rem
}
/* this is to test the hero banner on a landing page content type. This should be integrated above with the front-page css */
.field--name-field-hero-banner-paragraph .hero-banner {
padding-top: 2em;
padding-left: 2.500em;
padding-right: 2.500em;
padding-bottom: 2em;
padding: 0;
}
.field--name-field-hero-banner-paragraph .hero-banner div.container {
display: flex;
flex-direction: column; }
@media screen and (min-width: 56.25em) {
.field--name-field-hero-banner-paragraph .hero-banner div.container {
flex-direction: row;
justify-content: space-between;
align-items: center; }
}
@media screen and (min-width: 87.5em) {
.field--name-field-hero-banner-paragraph .hero-banner div.container {
max-width: 87.500em;
margin-left: auto;
margin-right: auto; }
}
.field--name-field-hero-banner-paragraph .hero-banner div.container div {
order: 2; }
@media screen and (min-width: 56.25em) {
.field--name-field-hero-banner-paragraph .hero-banner div.container div {
width: calc(50% - 20px);
}
}
.hero-banner>div.container div h2 {
margin-top: 0;
margin-bottom: 0; }
.hero-banner>div.container div p {
margin-top: 1em;
margin-bottom: 0; }
.hero-banner>div.container div a {
margin-top: 1em;
margin-right: 1em;
color: #2A2A2A;
font-weight: 700;
text-decoration: none;
display: inline-block;
padding-top: .5em;
padding-right: 2.75em;
padding-bottom: .5em;
padding-left: 1em;
border: 2px solid #FFB819;
background-color: #FFB819;
background-image: url(../images/icons/arrow-right--black@2x.png), linear-gradient(120deg, #e59e00 0%, #e59e00 100%);
background-repeat: no-repeat;
background-position: right 1em center, 0 100%;
background-size: auto .889em, 100% 0;
transition: background-size .125s ease-in; }
@media screen and (min-width: 48em) {
.hero-banner>div.container div a {
font-size: 1.125em; } }
@media screen and (min-width: 64em) {
.hero-banner>div.container div a {
font-size: 1.266em; } }
@media screen and (min-width: 80em) {
.hero-banner>div.container div a {
font-size: 1.424em; } }
.hero-banner>div.container div a:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00; }
.hero-banner>div.container div a:last-of-type {
margin-right: 0;
background-color: white; }
.hero-banner>div.container div a:last-of-type:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00; }
.hero-banner>div.container div a:first-of-type {
background-color: #FFB819; }
.hero-banner>div.container div a:first-of-type:hover {
background-size: auto .889em, 100% 100%;
border-color: #e59e00; }
.field--name-field-hero-banner-paragraph .hero-banner div.container figure {
order: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0; }
.hero-banner>div.container figure figcaption {
display: none; }
@media screen and (min-width: 56.25em) {
.field--name-field-hero-banner-paragraph .hero-banner div.container figure {
width: calc(50% - 20px);
margin-bottom: 0; }
}
.field--name-field-hero-banner-paragraph .hero-banner div.container figure img {
width: 100%;
height: auto;
display: block; }
.field--name-field-hero-banner-paragraph .hero-banner div.container figure .player {
overflow: hidden;
padding-top: 56.25%;
width: 100%;
position: relative; }
.field--name-field-hero-banner-paragraph .hero-banner div.container figure .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
/* added for ontario accreditation logo */
@media screen and (min-width: 801px) {
p.accreditationLogo {
margin-left:auto;
margin-top:0;
}
}