%PDF-
%PDF-
Mini Shell
Mini Shell
/* button,
input[type="button"],
input[type="reset"],
input[type="submit"],
button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-font-smoothing: antialiased;
background-color: #fff;
border-radius: 3px;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "GillSansMTStd-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size: 1em;
font-weight: 600;
line-height: 1;
padding: 0.75em 1em;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
background-color: #d9d9d9;
color: #fff
}
button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
button:disabled {
cursor: not-allowed;
opacity: 0.5
}
fieldset {
background-color: #f7f7f7;
border: 1px solid #ddd;
margin: 0 0 0.75em;
padding: 1.5em
}
input,
label,
select {
display: block;
font-family: "GillSansMTStd-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size: 1em
}
label {
font-weight: 600;
margin-bottom: 0.375em
}
label.required::after {
content: "*"
}
label abbr {
display: none
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select[multiple=multiple],
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
box-sizing: border-box;
font-family: "GillSansMTStd-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size: 1em;
margin-bottom: 0.75em;
padding: 0.5em;
transition: border-color;
width: 100%
}
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
textarea:hover,
select[multiple=multiple]:hover,
textarea:hover {
border-color: #c4c4c4
}
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select[multiple=multiple]:focus,
textarea:focus {
border-color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(242, 242, 242, 0.7);
outline: none
}
textarea {
resize: vertical
}
input[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
margin-right: 0.375em
}
input[type="file"] {
padding-bottom: 0.75em;
width: 100%
}
select {
margin-bottom: 1.5em;
max-width: 100%;
width: auto
}
ul,
ol {
list-style-type: none;
margin: 0;
padding: 0
}
dl {
margin-bottom: 0.75em
}
dl dt {
font-weight: bold;
margin-top: 0.75em
}
dl dd {
margin: 0
}
table {
-webkit-font-feature-settings: "kern", "liga", "tnum";
-ms-font-feature-settings: "kern", "liga", "tnum";
font-feature-settings: "kern", "liga", "tnum";
border-collapse: collapse;
margin: 0.75em 0;
table-layout: fixed;
width: 100%
}
th {
border-bottom: 1px solid #b7b7b7;
font-weight: 600;
padding: 0.75em 0;
text-align: left
}
td {
border-bottom: 1px solid #ddd;
padding: 0.75em 0
}
tr,
td,
th {
vertical-align: middle
}
body {
-webkit-font-feature-settings: "kern", "liga", "pnum";
-ms-font-feature-settings: "kern", "liga", "pnum";
font-feature-settings: "kern", "liga", "pnum";
-webkit-font-smoothing: antialiased;
color: #333;
font-family: "GillSansMTStd-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size: 1em;
line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "GillSansMTStd-Book", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size: 1em;
line-height: 1.2;
margin: 0 0 0 0;
font-weight: 400
}
h1 {
font-size: 3.75em
}
h2 {
font-size: 3.25em;
margin: 0 0 0 0
}
h2 a {
color: #fff
}
h2 a :hover {
color: #fff
}
h3 {
font-size: 1.875em
}
h4 {
font-size: 1.25em
}
a {
color: #fff
}
a:hover {
color: #fff
}
p {
margin: 0 0 0.75em
}
a {
color: #fff;
text-decoration: none;
transition: color 0.1s linear
}
a:active,
a:focus,
a:hover {
color: #fff
}
a:active,
a:focus {
outline: none
}
hr {
border-bottom: 1px solid #ddd;
border-left: none;
border-right: none;
border-top: none;
margin: 1.5em 0
}
img,
picture {
margin: 0;
max-width: 100%
}
html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
} */
/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
.pushy {
position: fixed;
width: 270px;
height: 100%;
top: 0;
right: 0;
z-index: 8888;
background: #333332;
font-size: 0.9em;
font-weight: bold;
box-shadow: insetinset 5px 0px 3px -4px rgba(0, 0, 0, 0.7);
overflow: auto;
-webkit-overflow-scrolling: touch
}
.pushy a {
display: block;
color: #b3b3b1;
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-decoration: none
}
.pushy a:hover {
background: #00b4ff;
color: #FFF
}
.pushy-right {
-webkit-transform: translate3d(270px, 0, 0);
-ms-transform: translate3d(270px, 0, 0);
transform: translate3d(270px, 0, 0)
}
.pushy-open {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.container-push,
.push-push {
-webkit-transform: translate3d(-270px, 0, 0);
-ms-transform: translate3d(-270px, 0, 0);
transform: translate3d(-270px, 0, 0)
}
.pushy,
#container,
.push {
transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99)
}
.site-overlay {
display: none
}
.pushy-active .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 8888;
background-color: rgba(0, 0, 0, 0.5);
-webkit-animation: fade 500ms;
animation: fade 500ms
}
@-webkit-keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@media screen and (max-width: 768px) {
.pushy {
font-size: 1.0em
}
}
html,
body {
overflow: hidden;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent
}
.pp-section {
height: 100%;
position: absolute;
width: 100%
}
.pp-easing {
transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99)
}
#pp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1
}
#pp-nav.right {
right: 17px
}
#pp-nav.left {
left: 17px
}
.pp-section.pp-table {
display: table
}
.pp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.pp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1
}
.pp-slidesNav.bottom {
bottom: 17px
}
.pp-slidesNav.top {
top: 17px
}
#pp-nav ul,
.pp-slidesNav ul {
margin: 0;
padding: 0
}
#pp-nav li,
.pp-slidesNav li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative
}
.pp-slidesNav li {
display: inline-block
}
#pp-nav li a,
.pp-slidesNav li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none
}
#pp-nav li .active span,
.pp-slidesNav .active span {
background: #333
}
#pp-nav span,
.pp-slidesNav span {
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border: 1px solid #000;
background: transparent;
border-radius: 50%;
position: absolute;
z-index: 1
}
.pp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px
}
.pp-tooltip.right {
right: 20px
}
.pp-tooltip.left {
left: 20px
}
.pp-scrollable {
overflow-y: scroll;
height: 100%
}
.intro--container {
width: 100%;
padding: 0;
/* background: gray no-repeat center center; */
-ms-behavior: url(/backgroundsize.min.htc);
background-size: cover;
height: 100%;
width: 100%;
display: block;
overflow: hidden
}
/* .intro--container header {
position: static;
margin: 0;
width: 300px;
z-index: 100;
-webkit-transform: translateZ(100px);
-ms-transform: translateZ(100px);
transform: translateZ(100px)
} */
.intro-title {
-webkit-transform: translateZ(100px) translateY(-11.5%);
-ms-transform: translateZ(100px) translateY(-11.5%);
transform: translateZ(100px) translateY(-11.5%)
}
.intro-title h4 {
-webkit-transform: translateZ(100px);
-ms-transform: translateZ(100px);
transform: translateZ(100px)
}
.intro-title h1,
.intro-title h2,
.intro-title h3,
.intro-title h4,
.intro-title p {
-webkit-transform: translateZ(100px);
-ms-transform: translateZ(100px);
transform: translateZ(100px)
}
#fullpage {
height: 100%
}
#fullpage h2 {
margin: 0 0 0 -3px;
display: inline-block;
line-height: 1.05
}
@media screen and (max-width: 1560px) {
#fullpage h2 {
font-size: 2.25em;
margin: 0 0 0 -2px
}
}
@media screen and (max-width: 750px) {
#fullpage h2 {
font-size: 2em
}
}
#fullpage h3 {
margin: 0 0 0 0
}
@media screen and (max-width: 1560px) {
#fullpage h3 {
font-size: 1.375em
}
}
@media screen and (max-width: 750px) {
#fullpage h3 {
font-size: 1em
}
}
@media screen and (max-width: 750px) {
#fullpage .small-box__alt h3 {
display: block
}
}
@media screen and (max-width: 750px) {
#fullpage .small-box__right h3 {
display: block
}
}
#fullpage h1 {
font-size: 3.75em
}
@media screen and (max-width: 750px) {
#fullpage h1 {
font-size: 2.5em
}
}
.intro-title--heading h1 {
font-size: 3.75em
}
.intro-title--heading h1 span {
font-size: 1.5em;
clear: both;
display: block
}
.intro-title--heading h4 {
text-transform: none
}
@media screen and (max-width: 750px) {
.intro-title--heading h4 {
font-size: 0.75em
}
}
.ie8 .intro--container {
-ms-behavior: url(/backgroundsize.min.htc)
}
.intro-title {
display: table;
vertical-align: middle;
width: 100%;
height: 100%;
padding-left: 10%;
padding-right: 10%
}
@media screen and (max-width: 750px) {
.intro-title {
padding-left: 0;
padding-right: 0
}
}
.intro-title--heading {
color: #fff;
text-transform: uppercase;
text-align: center;
display: table-cell;
vertical-align: middle;
z-index: 101;
-webkit-transform: translateZ(100px);
-ms-transform: translateZ(100px);
transform: translateZ(100px)
}
.intro-title--heading p {
text-transform: none
}
.intro-title--heading img {
max-width: 58%;
padding: 7% 0 4% 0
}
@media screen and (max-width: 900px) {
.intro-title--heading img {
max-width: 75%
}
}
@media screen and (max-width: 750px) {
.intro-title--heading {
position: absolute;
top: 30%;
width: 100%
}
.intro-title--heading img {
max-width: 75%;
margin-top: 0%
}
.intro-title--heading p {
font-size: calc(4vw)
}
}
.intro--social-icons {
margin-top: 5%
}
@media screen and (max-width: 900px) {
.intro--social-icons {
margin-top: 20%
}
}
@media screen and (max-width: 750px) {
.intro--social-icons {
margin-top: 17%
}
}
.intro--social-icons-list {
display: block;
width: 120px;
position: relative;
margin: 0 auto
}
.intro--social-icons-list li {
margin: 0 5px 0 5px;
width: 30px;
height: 30px;
float: left;
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
@media screen and (max-width: 750px) {
.intro--social-icons-list li {
height: 15px;
width: 15px;
margin: 0 10px 0 10px
}
}
.intro--social-icons-list .intro--twitter-icon {
background: url("../images/Social_Homepage_Twitter.png");
background-image: url("../images/Social_Homepage_Twitter.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
.intro--social-icons-list .intro--twitter-icon:hover {
background: url("../images/Social_Homepage_Twitter_Over.png");
background-image: url("../images/Social_Homepage_Twitter_Over.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
.intro--social-icons-list .intro--facebook-icon {
background: url("../images/Social_Homepage_Facebook.png");
background-image: url("../images/Social_Homepage_Facebook.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
.intro--social-icons-list .intro--facebook-icon:hover {
background: url("../images/Social_Homepage_Facebook_Over.png");
background-image: url("../images/Social_Homepage_Facebook_Over.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
.intro--social-icons-list .intro--flickr-icon {
background: url("../images/Social_Homepage_Flickr.png");
background-image: url("../images/Social_Homepage_Flickr.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center center
}
.intro--social-icons-list .intro--flickr-icon:hover {
background: url("../images/Social_Homepage_Flickr_Over.png");
background-image: url("../images/Social_Homepage_Flickr_Over.svg");
background-size: 24px;
background-repeat: no-repeat;
background-position: center center
}
@media screen and (max-width: 750px) {
.intro--social-icons-list .intro--flickr-icon:hover {
background-size: 14px
}
}
.intro-title--subhead {
font-size: 1.5em
}
@media screen and (max-width: 750px) {
.intro-title--subhead {
padding: 0 40px 0 40px
}
}
.fp-tableCell {
display: block
}
.fp-section.fp-table {
overflow: hidden
}
section.priorities {
border: 5px solid white
}
.arrow {
padding-top: 15px
}
#fullpage .priorities h1,
#fullpage .stories h1 {
font-size: 1.75em
}
.priorities {
margin-right: 0;
height: 100%;
background: #fff;
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.priorities .top-horizontal:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.priorities .top-horizontal:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.priorities .small-box:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.priorities .small-box:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
@media screen and (max-width: 900px) {
.priorities {
clear: both
}
}
@media screen and (max-width: 900px) {
.priorities {
height: 125%
}
}
.priorities::after {
clear: both;
content: "";
display: table
}
.priorities .priority-large {
float: left;
display: block;
margin-right: 0%;
width: 66.66667%;
background: gray;
height: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc)
}
@media screen and (max-width: 750px) {
.priorities .priority-large {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.priorities .priority-large:last-child {
margin-right: 0
}
}
.priorities .priority-large:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.priorities section.priorities {
height: 150%;
overflow: visible
}
}
.priorities .text-content.centered {
text-transform: uppercase;
text-align: center
}
.priorities .top-row {
height: 50%;
display: block;
margin-right: 0
}
.priorities .top-row::after {
clear: both;
content: "";
display: table
}
.priorities .top-row .priority-small {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
position: relative;
background: gray;
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc)
}
.priorities .top-row .priority-small:last-child {
margin-right: 0
}
@media screen and (max-width: 750px) {
.priorities .top-row .priority-small {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.priorities .top-row .priority-small:last-child {
margin-right: 0
}
}
.priorities .priorities--left-column {
float: left;
display: block;
margin-right: 0%;
width: 66.66667%;
background: white;
height: 100%
}
.priorities .priorities--left-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.priorities .priorities--left-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 61.333333334%
}
.priorities .priorities--left-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.priorities .priorities--left-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 100%
}
.priorities .priorities--left-column:last-child {
margin-right: 0
}
}
.priorities .priorities--left-column .top-horizontal {
float: left;
display: block;
margin-right: 0%;
width: 100%;
clear: both;
border: 5px solid white
}
.priorities .priorities--left-column .top-horizontal:last-child {
margin-right: 0
}
.priorities .priorities--right-column {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
background: white;
height: 100%
}
@media screen and (max-width: 900px) {
.priorities .priorities--right-column {
display: block;
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 30.66666666667%
}
.priorities .priorities--right-column::after {
clear: both;
content: "";
display: table
}
.priorities .priorities--right-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.priorities .priorities--right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 100%
}
.priorities .priorities--right-column:last-child {
margin-right: 0
}
}
.priorities .priorities--right-column:last-child {
margin-right: 0
}
.priorities .priorities--right-column .small-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
border: 5px solid white;
height: 50%;
position: relative
}
.priorities .priorities--right-column .small-box:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.priorities .priorities--right-column .small-box {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%
}
.priorities .priorities--right-column .small-box:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.priorities .priorities--right-column .small-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.priorities .priorities--right-column .small-box:last-child {
margin-right: 0
}
}
.priorities .priorities--right-column .small-box__alt {
float: left;
display: block;
margin-right: 0%;
width: 100%;
background: #C2113B;
height: 50%;
border: 5px solid white;
position: relative
}
@media screen and (max-width: 900px) {
.priorities .priorities--right-column .small-box__alt {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%
}
.priorities .priorities--right-column .small-box__alt:last-child {
margin-right: 0
}
}
.priorities .priorities--right-column .small-box__alt:last-child {
margin-right: 0
}
@media screen and (max-width: 750px) {
.priorities .priorities--right-column .small-box__alt {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.priorities .priorities--right-column .small-box__alt:last-child {
margin-right: 0
}
}
.priorities .bottom-row {
display: block;
margin-right: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
height: 50%
}
.priorities .bottom-row::after {
clear: both;
content: "";
display: table
}
.priorities .bottom-row::after {
clear: both;
content: "";
display: table
}
.priorities .bottom-row .priority-large {
float: left;
display: block;
margin-right: 0%;
width: 66.66667%;
margin-right: 0;
height: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc)
}
.priorities .bottom-row .priority-large:last-child {
margin-right: 0
}
.priorities .bottom-row .priority-small {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
margin-right: 0;
background: #C2113B;
position: relative;
height: 100%
}
.priorities .bottom-row .priority-small:last-child {
margin-right: 0
}
/* .priorities .priorities-header,
.priorities .stories-header {
display: none;
text-transform: uppercase;
color: #C2113B;
border: 10px solid white;
max-height: initial;
height: 8%
} */
/* .priorities .priorities-header h1,
.priorities .stories-header h1 {
margin-bottom: 0
}
.priorities .priorities-header p,
.priorities .stories-header p {
text-transform: none;
color: black
} */
/* @media screen and (max-width: 900px) {
.priorities .priorities-header,
.priorities .stories-header {
display: block
}
} */
.priority-large--content {
position: absolute;
color: #fff;
bottom: 0px
}
.priority-small--content {
position: absolute;
vertical-align: bottom;
color: #fff;
bottom: 0
}
.priorities--right-column a {
color: #fff
}
.priorities--right-column a:hover {
color: #fff
}
.priorities--right-column a:active {
color: #fff
}
/* button {
text-align: center;
background: none;
font-weight: 100;
border: 1px solid white;
border-radius: 0;
position: relative;
margin-bottom: 20px;
left: 2%;
text-transform: uppercase
}
button:hover {
background-color: rgba(255, 255, 255, 0.3)
} */
.priority-small--see_more {
vertical-align: middle;
text-transform: uppercase
}
.priority-small--see_more h1 {
font-weight: 100;
font-size: 1.25em
}
.priority-small--see_more .arrow {
display: inline-block
}
.priority-small--see_more .arrow a,
.priority-small--see_more .arrow a:hover {
color: white
}
.priority-small--content.priority-small--see_more {
text-align: center
}
.stories {
height: 100%;
margin-right: 0;
color: white
}
@media screen and (max-width: 900px) {
.stories {
height: 125%
}
}
.stories .vertical-large-box:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.stories .vertical-large-box:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.stories .horizontal-large-box:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.stories .horizontal-large-box:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.stories .small-box__left:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.stories .small-box__left:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.stories .right-column {
float: left;
display: block;
margin-right: 0%;
width: 66.66667%;
margin-right: 0;
height: 100%;
background-color: #fff;
background-position: center center;
background-size: cover;
background-repeat: no-repeat
}
.stories .right-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.stories .right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 61.333333333%
}
.stories .right-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.stories .right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 60%
}
.stories .right-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) {
.stories {
clear: both
}
.stories .top-row {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
border-bottom: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white
}
.stories .top-row:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) and (max-width: 900px) {
.stories .top-row {
height: 100%;
float: left;
display: block;
margin-right: 0%;
width: 50%
}
.stories .top-row:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) and (max-width: 750px) {
.stories .top-row {
border-left: 0;
border-right: 0;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.stories .top-row:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) and (max-width: 900px) {
.stories .bottom-row {
height: 100%;
float: left;
display: block;
margin-right: 0%;
width: 50%
}
.stories .bottom-row:last-child {
margin-right: 0
}
.stories .bottom-row .small-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.stories .bottom-row .small-box:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) and (max-width: 750px) {
.stories .bottom-row {
border-bottom: 0;
height: 200%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.stories .bottom-row:last-child {
margin-right: 0
}
.stories .bottom-row .small-box {
height: 50%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.stories .bottom-row .small-box:last-child {
margin-right: 0
}
.stories .bottom-row .small-box .small-box__right {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.stories .bottom-row .small-box .small-box__right:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) {
.stories .small-box.small-box__left {
border-left: 5px solid white;
border-right: 0;
border-bottom: 5px solid white !important;
border-top: 5px solid white
}
}
@media screen and (max-width: 900px) and (max-width: 750px) {
.stories .small-box.small-box__left {
float: left;
display: block;
margin-right: 0%;
width: 100%;
border-bottom: 0 !important
}
.stories .small-box.small-box__left:last-child {
margin-right: 0
}
}
@media screen and (max-width: 900px) {
.stories .small-box.small-box__right.bottom-right {
border-bottom: 10px solid white
}
}
@media screen and (max-width: 900px) and (max-width: 750px) {
.stories .small-box.small-box__right.bottom-right {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.stories .small-box.small-box__right.bottom-right:last-child {
margin-right: 0
}
}
/* .stories .stories-header {
display: none
} */
/* @media screen and (max-width: 900px) {
.stories .stories-header {
min-height: auto;
display: block;
height: 8%;
max-height: inherit
}
.stories .stories-header h1 {
color: black;
text-transform: uppercase;
margin: 0 0 0 0
}
.stories .stories-header p {
color: black
}
} */
.stories .horizontal-large-box .text-bottom {
margin-right: 20%
}
.text-content h3 {
letter-spacing: 4px
}
.priorities .fp-tableCell {
border-bottom: 10px solid white
}
.vertical-large-box--copy {
color: white;
display: table-cell;
vertical-align: bottom
}
.vertical-large-box {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
margin-right: 0;
background: gray;
background-size: cover;
height: 100%;
display: table;
border-right: 10px solid white;
-ms-behavior: url(/backgroundsize.min.htc);
position: relative;
background-position: center center
}
.vertical-large-box:last-child {
margin-right: 0
}
@media screen and (max-width: 750px) {
.vertical-large-box {
background-position: top-center !important
}
}
@media screen and (max-width: 900px) {
.stories .vertical-large-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 30.6666667%;
border-right: 0;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff
}
.stories .vertical-large-box:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.stories .vertical-large-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%;
background-position: 50% 0%
}
.stories .vertical-large-box:last-child {
margin-right: 0
}
}
.top-row {
height: 50%
}
.bottom-row {
height: 50%
}
.horizontal-large-box {
height: 100%;
border-bottom: 5px solid white;
position: relative;
background-color: gray;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc)
}
@media screen and (max-width: 750px) {
.horizontal-large-box {
border: 0
}
}
@media screen and (max-width: 900px) {
.stories .horizontal-large-box {
border-top: 5px solid #fff
}
}
@media screen and (max-width: 750px) {
.stories .horizontal-large-box {
border: 0
}
}
.animation-container {
overflow: hidden;
width: 100%;
height: 100%
}
.small-box {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background-size: cover !important;
background-position: center center
}
.small-box:last-child {
margin-right: 0
}
.absolute-center {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.small-box__left {
border-right: 5px solid white;
position: relative;
border-top: 5px solid white;
background: gray;
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc)
}
@media screen and (max-width: 750px) {
.small-box__left {
border: 0
}
}
.small-box__right {
background: #2F2F2F;
text-align: center;
text-transform: uppercase
}
.bottom-right a {
color: #fff
}
.bottom-right a:hover {
color: #fff
}
.bottom-right a:active {
color: #fff
}
.stories .small-box.small-box__left {
border-bottom: 10px solid #fff
}
.stories .small-box__right .bottom-right {
border-bottom: 10px solid #fff
}
/* @media screen and (max-width: 900px) {
header.priorities-header,
header.stories-header,
.priorities .priorities-header,
.stories .stories-header {
max-height: 8%;
min-height: auto
}
header.priorities-header h1,
header.stories-header h1,
.priorities .priorities-header h1,
.stories .stories-header h1 {
padding-left: 25px
}
} */
/* @media screen and (max-width: 750px) {
header.priorities-header,
header.stories-header,
.priorities .priorities-header,
.stories .stories-header {
height: 70px;
min-height: 45px
}
} */
@media screen and (max-width: 750px) {
.priorities .priorities--right-column .small-box__alt:last-child {
display: table
}
.priorities .text-content.centered {
text-transform: uppercase;
text-align: center;
position: relative;
display: table-cell;
vertical-align: middle
}
.stories .small-box.small-box__right.bottom-right:last-child {
display: table
}
.stories .small-box.small-box__right.bottom-right:last-child .centered {
vertical-align: middle;
display: table-cell
}
}
@media screen and (max-width: 900px) {
body.home .priorities.section {
overflow: visible
}
}
.priorities--heading {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
text-transform: uppercase;
color: #C2113B;
padding-top: 2em
}
.priorities--heading:last-child {
margin-right: 0
}
.priorities--heading {
margin-right: 0;
overflow: hidden;
padding-top: 66px;
padding-left: 5px;
height: 100%
}
@media screen and (max-width: 750px) {
.priorities--heading {
padding-top: 30px;
padding-left: 35px
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.priorities--heading {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.priorities--heading:last-child {
margin-right: 0
}
}
.priorities--heading h1 {
font-size: 1.75em;
color: black
}
.filter-result.left-vertical {
border: 5px solid white
}
body.priorities {
height: 100%
}
/* @media screen and (max-width: 750px) {
.priorities .stories-filter--header {
min-height: 0 !important;
height: 80px !important
}
.priorities .stories-filter--header h1 {
color: #C2113B;
letter-spacing: 2px
}
} */
html[lang=' en'] .pushy-right {
right: -300px !important
}
/*
header {
max-width: 100%;
margin-left: auto;
margin-right: auto;
max-height: 120px
}
header::after {
clear: both;
content: "";
display: table
}
header .logo {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
margin-right: 0;
padding-top: 30px;
padding-left: 30px;
max-width: 312px;
width: 100%
} */
/* header .logo:last-child {
margin-right: 0
} */
/* @media screen and (max-width: 900px) {
header .logo {
width: 70%;
padding-top: 45px
}
} */
/* @media screen and (max-width: 750px) {
header .logo {
width: 130px;
padding-top: 15px;
padding-left: 5px
}
} */
.pushy,
.pushy-open {
color: #727272;
padding-left: 20px;
padding-right: 20px
}
.pushy center {
align: left
}
.pushy-open {
background: #fff
}
.pushy-open ul {
margin-top: 10%
}
.menu-btn {
text-align: right;
-webkit-transform: translate3d(0px, 0px, 300px);
transform: translate3d(0px, 0px, 300px);
z-index: 9999999;
cursor: pointer;
color: white;
position: fixed;
top: 55px;
right: 35px
}
@media screen and (max-width: 750px) {
.menu-btn {
top: 25px;
right: 15px;
width: 30px
}
}
.menu-btn img {
width: 50px
}
@media screen and (max-width: 750px) {
.menu-btn img {
width: 35px
}
}
.menu-subscribe--button {
background: #C2113B;
text-align: left;
color: white;
width: 90%;
border: 1px solid #C2113B;
left: 0;
margin: 0 auto
}
.menu-subscribe--button:hover {
background: #727272;
color: #fff;
border: 1px solid #727272
}
.menu-subscribe--button:focus {
color: white;
background: #C2113B
}
button.menu-subscribe--button {
margin-top: -14px
}
.pushy {
background: #fff;
width: 270px;
-webkit-transform: translateZ(101px);
-ms-transform: translateZ(101px);
transform: translateZ(101px)
}
.pushy ul {
margin-top: 20%;
margin-bottom: 20%
}
.pushy a {
font-size: 1em;
text-transform: uppercase;
border: none
}
.pushy ul {
border: none
}
.pushy form input {
box-shadow: none;
-webkit-appearance: none
}
.pushy-right {
-webkit-transform: translate3d(270px, 0, 0);
-ms-transform: translate3d(270px, 0, 0);
transform: translate3d(270px, 0, 0)
}
.pushy form input {
border: none
}
.pushy,
.pushy-active .site-overlay {
z-index: 3000 !important
}
.pushy a {
color: #2F2F2F;
font-size: 1.25em;
font-weight: normal;
padding: 0px 30px
}
.pushy a:hover {
background: none;
color: #C2113B
}
.pushy-right form {
margin-top: 45%
}
.pushy form,
.pushy-open form {
margin-top: 45%
}
.pushy form input,
.pushy-open form input {
color: #727272;
border-top: none !important;
border-left: none;
border-right: none;
text-transform: uppercase;
font-size: 1.25em
}
.pushy form input[type="text"],
.pushy-open form input[type="text"] {
border-top: none
}
form.menu-subscribe {
margin-top: 150px
}
@media screen and (max-width: 750px) {
form.menu-subscribe {
margin-top: 0px
}
}
form.menu-search {
width: 90%
}
.pushy form,
.pushy-open form {
margin: 144px auto 0 auto
}
@media screen and (max-width: 750px) {
.pushy form,
.pushy-open form {
margin: 60px auto 0 auto
}
}
.menu-search input[type="text"] {
border-bottom: 1px solid #727272;
border-radius: 0;
color: #727272;
padding-left: 14px
}
.menu-search input[type="text"]::-webkit-input-placeholder {
color: #727272
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #727373
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 1px
}
.menu-search input[type="text"]::-moz-placeholder {
color: #727272
}
.menu-search input[type="text"]:-moz-placeholder {
color: #727272
}
.menu-search input[type="text"]:-ms-input-placeholder {
color: #727272
}
.menu-search input[type="text"]:focus {
border-bottom: 1px solid #C2113B;
box-shadow: none;
color: #727272
}
.menu-search input[type="text"]:active {
border-bottom: 1px solid #C2113B
}
#pp-nav ul {
background-color: rgba(150, 150, 150, 0.5);
padding: 1px 0px 1px 0px;
border-radius: 50px
}
#pp-nav li,
.pp-slidesNav li {
margin: 5px 2px 5px 3px
}
#fp-nav.right {
right: 50px
}
.menu-subscribe {
margin-top: 150px
}
.menu-subscribe input {
border: 2px solid #727272;
text-transform: lowercase;
border-radius: 0
}
.menu-subscribe input[type="text"] {
text-transform: lowercase;
text-align: left;
color: #727272;
border: 1px solid #727272 !important;
width: 90%;
margin: 0 auto 10% auto;
height: 38px;
padding-left: 13px
}
.menu-subscribe input[type="text"]::-webkit-input-placeholder {
color: #727272
}
.menu-subscribe input[type="text"]::-moz-placeholder {
color: #727272
}
.menu-subscribe input[type="text"]:-moz-placeholder {
color: #727272
}
.menu-subscribe input[type="text"]:-ms-input-placeholder {
color: #727272
}
.menu-search img {
position: absolute;
right: 53px;
top: 156px
}
@media screen and (max-width: 750px) {
.menu-search img {
top: 73px
}
}
.menu-btn {
width: 50px;
height: 50px;
background-position: center center;
background-repeat: no-repeat
}
.menu li {
line-height: 32px
}
.pushy a.privacy {
padding-left: 25px
}
.privacy {
text-align: left
}
.tcon {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
transition: 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 40px;
background: transparent;
outline: none
}
.tcon>* {
display: block
}
.tcon:hover,
.tcon:focus {
outline: none
}
.tcon::-moz-focus-inner {
border: 0
}
.tcon-menu__lines {
display: inline-block;
height: 5.71429px;
width: 40px;
border-radius: 2.85714px;
transition: 0.3s;
background: black;
position: relative
}
.tcon-menu__lines::before,
.tcon-menu__lines::after {
display: inline-block;
height: 5.71429px;
width: 40px;
border-radius: 2.85714px;
transition: 0.3s;
background: black;
content: '';
position: absolute;
left: 0;
-webkit-transform-origin: 2.85714px center;
-ms-transform-origin: 2.85714px center;
transform-origin: 2.85714px center;
width: 100%
}
.tcon-menu__lines::before {
top: 10px
}
.tcon-menu__lines::after {
top: -10px
}
.tcon-transform .tcon-menu__lines {
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8)
}
.tcon-menu--xbutterfly {
width: auto
}
.tcon-menu--xbutterfly .tcon-menu__lines::before,
.tcon-menu--xbutterfly .tcon-menu__lines::after {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: top .3s .6s ease, -webkit-transform .3s ease;
transition: top .3s .6s ease, transform .3s ease
}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
background: transparent
}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before,
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
top: 0;
transition: top .3s ease, -webkit-transform .3s .5s ease;
transition: top .3s ease, transform .3s .5s ease;
width: 40px
}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg)
}
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg)
}
.tcon-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
@media screen and (max-width: 900px) {
.animated-overlay {
display: none !important
}
body h2 {
font-size: 2.25em
}
section {
clear: both
}
}
@media screen and (max-width: 900px) {
.animated-overlay {
display: none !important
}
h2 {
font-size: 3.25em;
margin: 0 0 0 -2px
}
h3 {
font-size: 1.5em;
margin: 0 0 0 0
}
}
.stories--share-icons {
position: absolute;
width: 30px;
height: auto;
display: block;
background-color: #646464;
background-color: rgba(100, 100, 100, 0.5);
z-index: 999999;
top: 48%;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin: 0 0 0 50px;
border-radius: 30px;
padding-top: 12px;
padding-bottom: 10px
}
@media screen and (max-width: 750px) {
.stories--share-icons {
margin: 0 0 0 20px;
width: 25px
}
.stories--share-icons ul li:nth-child(2) {
padding-top: 10px;
padding-bottom: 6px
}
}
.story_container h2 {
font-size: 2.25em;
margin-bottom: 0.75em;
line-height: normal;
font-weight: 100;
}
.story_container h1 {
font-size: 3.9em;
line-height: normal;
font-weight: 100;
font-family: "Open Sans",sans-serif;
}
@media screen and (max-width: 750px) {
.story_container h1 {
font-size: 2em
}
}
@media screen and (max-width: 900px) {
.story_container {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
}
@media screen and (max-width: 750px) {
.story_container .intro-title--heading {
padding: 60px 45px 0 45px
}
}
.story_container .intro--container {
border-top: 10px solid white;
botder-bottom: 10px solid white;
}
.story_container .intro--container .intro-title--subhead {
text-align: center
}
.story_container .intro--container .intro-title--subhead p {
text-align: center;
font-size: 1.5em;
line-height: normal;
}
@media screen and (max-width: 750px) {
.story_container .intro--container .intro-title--subhead p {
font-size: .75em
}
}
@media screen and (max-width: 750px) {
.story_container .text-content {
padding-top: 0px !important;
padding-bottom: 0px !important
}
}
@media screen and (max-width: 750px) {
.story_container .intro-title--subhead {
padding: 0
}
}
.story_container>section {
border-top: 10px solid white;
border-left: 10px solid white;
border-right: 10px solid white;
border-bottom: 10px solid white
}
@media screen and (max-width: 900px) {
.story_container>section {
border-top: 5px solid white;
border-left: 10px solid white;
border-bottom: 5px solid white;
border-right: 10px solid white
}
}
.module-1 {
border: 10px solid white;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.module-1 p {
font-size: 18px
}
.module-2.left-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
background-size: cover;
height: 100%;
/* background: #727272; */
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-2.left-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-2.left-column {
width: 100%;
height: unset;
/* height: 50% */
}
}
.module-2.right-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
background: white;
float: right;
color: #000;
height: 100%;
position: relative
}
.module-2.right-column:last-child {
margin-right: 0
}
.module-2.right-column .text-content {
padding: 10% 20% 10% 10%
}
@media screen and (max-width: 900px) {
.module-2.right-column {
width: 100%;
/* height: 50%; */
display: table
}
.module-2.right-column .text-content {
padding: 0;
vertical-align: middle;
display: table-cell;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0
}
}
@media screen and (max-width: 750px) {
.module-2.right-column {
height: auto
}
.module-2.right-column .text-content {
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media screen and (max-width: 750px) {
.module-3--container {
overflow: visible;
height: unset;
}
.module-3--container .module-3--top-row {
height: auto
}
.module-3--container .centered {
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
height: auto;
overflow: visible
}
}
.module-3--top-row {
height: 50%;
width: 100%;
background: white;
color: black;
padding-left: 10%;
padding-right: 10%
}
@media screen and (max-width: 900px) {
.module-3--top-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: auto;
padding-left: 0;
padding-right: 0
}
.module-3--top-row:last-child {
margin-right: 0
}
.module-3--top-row .centered {
display: block;
top: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media screen and (max-width: 750px) {
.module-3--top-row {
padding-left: 0;
padding-right: 0
}
}
.module-3--bottom-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%;
width: 100%
}
.module-3--bottom-row:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-3--bottom-row {
height: unset;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-3--bottom-row:last-child {
margin-right: 0
}
}
.module-3--left-image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
/* background: #727272; */
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-3--left-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-3--left-image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: unset;
}
.module-3--left-image:last-child {
margin-right: 0
}
.module-3--left-image.bottom-left {
border-right: 0;
border-bottom: 5px solid white
}
}
.module-3--right-image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
/* background: #727272; */
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-3--right-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-3--right-image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: unset;
}
.module-3--right-image:last-child {
margin-right: 0
}
.module-3--right-image.bottom-right {
border-left: 0
}
}
.module-4.left-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
background: white;
color: #000;
height: 100%;
position: relative
}
.module-4.left-column:last-child {
margin-right: 0
}
.module-4.left-column .text-content {
padding: 10% 20% 10% 10%;
display: flex;
flex-direction: column;
/* justify-content: center; */
}
@media screen and (max-width: 1200px) {
.module-4.left-column .text-content {
padding: 5% 10% 5% 5%;
justify-content: flex-start;
}
}
@media screen and (max-width: 1000px) {
.module-4.left-column .text-content {
transform: translateY(-50%) !important;
justify-content: flex-end;
}
}
@media screen and (max-width: 900px) {
.module-4.left-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-4.left-column .text-content {
transform: translateY(0) !important;
top: 0;
transform: unset;
}
.module-4.left-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-4.left-column {
height: auto
}
.module-4.left-column .text-content {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.module-4.left-column .text-content {
padding-left: 20%
}
.module-4.right-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
background-size: cover;
height: 100%;
/* background: #727272; */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: right
}
.module-4.right-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-4.right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: unset;
}
.module-4.right-column:last-child {
margin-right: 0
}
}
.module-5--container {
height: 100%;
max-height: 100%
}
@media screen and (max-width: 900px) {
.module-5--container {
height: 200%;
max-height: 200%
}
}
.module-5--top-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-5--top-row:last-child {
margin-right: 0
}
.module-5--top-row .module-5--left-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-5--top-row .module-5--left-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-5--top-row .module-5--left-column__image {
height: 50%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-5--top-row .module-5--left-column__image:last-child {
margin-right: 0
}
.module-5--top-row .module-5--left-column__image.top-left {
border-bottom: 5px solid white;
border-right: 0
}
}
.module-5--top-row .module-5--right-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-5--top-row .module-5--right-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-5--top-row .module-5--right-column__image {
height: 50%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-5--top-row .module-5--right-column__image:last-child {
margin-right: 0
}
.module-5--top-row .module-5--right-column__image.top-right {
border-left: 0;
border-top: 5px solid white
}
}
@media screen and (max-width: 900px) and (max-width: 750px) {
.module-5--top-row .module-5--right-column__image.top-right {
overflow: auto
}
}
.module-5--bottom-row {
height: 50%
}
.module-5--bottom-row .module-5--right-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-5--bottom-row .module-5--right-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-5--bottom-row .module-5--right-column__image {
height: 50%
}
.module-5--bottom-row .module-5--right-column__image.bottom-left {
border-bottom: 5px solid white;
border-right: 0
}
}
.module-5--bottom-row .module-5--left-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-5--bottom-row .module-5--left-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-5--bottom-row .module-5--left-column__image {
height: 50%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-5--bottom-row .module-5--left-column__image:last-child {
margin-right: 0
}
.module-5--bottom-row .module-5--left-column__image.bottom-left {
border-left: 0;
border-right: 0;
border-bottom: 5px solid white
}
}
@media screen and (max-width: 900px) {
.module-5--bottom-row .module-5--right-column__image {
height: 50%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-5--bottom-row .module-5--right-column__image:last-child {
margin-right: 0
}
.module-5--bottom-row .module-5--right-column__image.bottom-right {
border-left: 0
}
}
.module-7--top-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-7--top-row:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-7--top-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 66.666666666%
}
.module-7--top-row:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-7--top-row {
height: 100%;
float: left;
display: block;
margin-right: 0%;
width: 100%;
overflow: hidden
}
.module-7--top-row:last-child {
margin-right: 0
}
}
.module-7--top-row .module-7--left-column__text {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: #fff;
color: black
}
.module-7--top-row .module-7--left-column__text:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-7--top-row .module-7--left-column__text {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-7--top-row .module-7--left-column__text:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-7--top-row .module-7--left-column__text {
height: auto;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-7--top-row .module-7--left-column__text:last-child {
margin-right: 0
}
}
.module-7--top-row .module-7--left-column__text .text-content {
padding-left: 20%;
padding-right: 10%
}
.module-7--top-row .module-7--right-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: grey;
background-size: cover
}
.module-7--top-row .module-7--right-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-7--top-row .module-7--right-column__image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-7--top-row .module-7--right-column__image:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-7--top-row .module-7--right-column__image {
border-left: 0;
border-bottom: 5px;
max-height: 170px;
overflow: auto
}
}
.module-7--bottom-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-7--bottom-row:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-7--bottom-row {
height: 33.333333333%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-7--bottom-row:last-child {
margin-right: 0
}
}
.module-7--bottom-row .module-7--left-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: gray;
background-size: cover
}
.module-7--bottom-row .module-7--left-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-7--bottom-row .module-7--left-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%
}
.module-7--bottom-row .module-7--left-column__image:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-7--bottom-row .module-7--left-column__image {
border-right: 0
}
}
.module-7--bottom-row .module-7--right-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: gray;
background-size: cover
}
.module-7--bottom-row .module-7--right-column__image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-7--bottom-row .module-7--right-column__image {
float: left;
display: block;
margin-right: 0%;
width: 50%
}
.module-7--bottom-row .module-7--right-column__image:last-child {
margin-right: 0
}
}
.module-5--left-column__text {
float: left;
display: block;
margin-right: 0%;
width: 50%;
background: white;
height: 100%;
padding-left: 10%;
padding-right: 10%;
font-size: 0.9375em;
color: black
}
.module-5--left-column__text:last-child {
margin-right: 0
}
.module-10--container {
position: relative;
width: 100%;
height: 100%;
display: table
}
.module-10--container .intro-title {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.module-10 .intro-title {
display: table-cell;
vertical-align: bottom;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 5%
}
.module-10 .intro-title h1 {
text-transform: uppercase
}
@media screen and (max-width: 900px) {
.module-10 .intro-title {
padding-left: 95px;
padding-right: 95px
}
}
@media screen and (max-width: 750px) {
.module-10 .intro-title {
padding-left: 55px;
padding-right: 55px
}
}
.module-11 {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-11:last-child {
margin-right: 0
}
.module-11--left-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%
}
.module-11--left-column:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
width: calc(50% - 10px)
}
@media screen and (max-width: 900px) {
.module-11--left-column:before {
content: initial
}
}
@media screen and (max-width: 750px) {
.module-11--left-column:before {
content: initial
}
}
.module-11--left-column .module-11--text-content {
-webkit-transform: translateZ(100px) translateY(-50%);
-ms-transform: translateZ(100px) translateY(-50%);
transform: translateZ(100px) translateY(-50%)
}
@media screen and (max-width: 750px) {
.module-11--left-column .module-11--text-content {
-webkit-transform: translateZ(0) translateY(0);
-ms-transform: translateZ(0) translateY(0);
transform: translateZ(0) translateY(0)
}
}
.module-11--left-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-11--left-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-11--left-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-11--left-column {
height: auto
}
}
.module-11--left-column {
background: #727272;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-right: 10px solid white
}
@media screen and (max-width: 900px) {
.module-11--left-column {
border-right: 0;
height: 50%;
border-bottom: 5px solid white
}
}
@media screen and (max-width: 750px) {
.module-11--left-column {
padding-top: 20px;
height: auto;
min-height: 50%
}
}
.module-11--right-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%;
background: #727272;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.module-11--right-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-11--right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%;
border-top: 5px solid white
}
.module-11--right-column:last-child {
margin-right: 0
}
}
.module-11--text-content.centered {
top: 75%;
padding-left: 55px;
padding-right: 55px
}
@media screen and (max-width: 900px) {
.module-11--text-content.centered {
padding-left: 95px;
padding-right: 95px
}
}
@media screen and (max-width: 750px) {
.module-11--text-content.centered {
top: auto;
-webkit-transform: 0;
-ms-transform: 0;
transform: 0;
padding-left: 55px;
padding-right: 55px
}
}
.module-12--container {
height: 100%
}
.module-12--top-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%;
color: black
}
.module-12--top-row:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-12--top-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
min-height: 33.33333333333%
}
.module-12--top-row:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-12--top-row {
height: auto
}
.module-12--top-row .text-content {
top: auto;
-webkit-transform: 0;
-ms-transform: 0;
transform: 0
}
}
.module-12--top-row .text-content {
padding-left: 10%;
padding-right: 10%
}
.module-12--bottom-row {
height: 50%
}
@media screen and (max-width: 900px) {
.module-12--bottom-row {
height: 66.6666666666%;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-12--bottom-row:last-child {
margin-right: 0
}
}
.module-12--bottom-row .module-12--left-image {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-12--bottom-row .module-12--left-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-12--bottom-row .module-12--left-image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%;
border-bottom: 5px solid white;
border-right: 0
}
.module-12--bottom-row .module-12--left-image:last-child {
margin-right: 0
}
}
.module-12--bottom-row .module-12--center-image {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-12--bottom-row .module-12--center-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-12--bottom-row .module-12--center-image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 50%;
border-left: 0
}
.module-12--bottom-row .module-12--center-image:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-12--bottom-row .module-12--center-image {
border-right: 0;
border-top: 0
}
}
.module-12--bottom-row .module-12--right-image {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
background: #727272;
background-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.module-12--bottom-row .module-12--right-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-12--bottom-row .module-12--right-image {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 50%
}
.module-12--bottom-row .module-12--right-image:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-12--bottom-row .module-12--right-image {
border-top: 0
}
}
.module-13.right-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
background: white;
color: #000;
height: 100%;
position: relative
}
.module-13.right-column:last-child {
margin-right: 0
}
.module-13.right-column .text-content {
padding: 10% 20% 10% 10%
}
.module-13.right-column .text-content h2 {
text-transform: none
}
@media screen and (max-width: 900px) {
.module-13.right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.module-13.right-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-13.right-column {
height: auto
}
.module-13.right-column .text-content {
padding: 10%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
top: 0
}
}
.module-14--single-image {
height: 100%;
background: #727272;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.module-15--container {
height: 100%;
background: white
}
@media screen and (max-width: 750px) {
.module-15--container {
overflow: visible;
height: auto
}
.module-15--container.section {
height: auto;
overflow: visible
}
}
.module-15--text-only {
color: #000;
position: relative;
height: 100%
}
@media screen and (max-width: 900px) {
.module-15--text-only {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-15--text-only:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-15--text-only .centered {
-webkit-transform: 0;
-ms-transform: 0;
transform: 0;
height: auto;
position: relative;
top: 0;
display: block
}
}
.module-15--text-only h2 {
margin-bottom: 0.75em
}
.module-15--text-only>div {
padding-left: 10%;
padding-right: 10%
}
@media screen and (max-width: 900px) {
.module-15--text-only>div {
padding-left: 95px;
padding-right: 95px
}
}
@media screen and (max-width: 750px) {
.module-15--text-only>div {
padding-left: 0px;
padding-right: 0px
}
}
.module-15--text-only .photo-credits {
color: #727272;
text-align: center;
font-size: 0.9375em;
display: block;
clear: both;
padding-top: 50px
}
@media screen and (max-width: 750px) {
.module-15--text-only .photo-credits {
padding-top: 25px
}
}
.module-15--text-only:after {
margin-left: 12.5%
}
.module-15--column-1 {
float: left;
display: block;
margin-right: 0%;
width: 50%;
color: #000;
height: 100%;
padding-right: 1em
}
.module-15--column-1:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-15--column-1 {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-right: 0
}
.module-15--column-1:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-15--column-1 {
width: 100%;
padding-right: 0
}
}
.module-15--column-2 {
float: left;
display: block;
margin-right: 0%;
width: 50%;
color: #000;
height: 100%;
padding-left: 1em
}
.module-15--column-2:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-15--column-2 {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-left: 0
}
.module-15--column-2:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-15--column-2 {
padding-left: 0;
width: 100%
}
}
.module-15--text-only .centered {
position: absolute
}
@media screen and (max-width: 900px) {
.module-15--text-only .centered {
position: relative;
-webkit-transform: 0;
-ms-transform: 0;
transform: unset;
}
}
@media screen and (max-width: 750px) {
.module-15--text-only .centered {
position: relative;
-webkit-transform: 0;
-ms-transform: 0;
transform: 0
}
}
.button-container {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.button-container:last-child {
margin-right: 0
}
.more-stories--button {
margin-left: 41.66667%;
float: left;
display: block;
margin-right: 0%;
width: 16.66667%;
text-align: center
}
.more-stories--button:last-child {
margin-right: 0
}
.more-stories--button button {
color: black;
border: 2px solid black;
padding-left: 55px;
padding-right: 55px
}
.module-16--container {
border: 5px solid white
}
@media screen and (max-width: 750px) {
.module-16--container .one-sixth {
width: 50%
}
}
.module-16--top-row {
display: block;
height: 50%
}
.module-16--top-row::after {
clear: both;
content: "";
display: table
}
.module-16--bottom-row {
display: block;
height: 50%
}
.module-16--bottom-row::after {
clear: both;
content: "";
display: table
}
.one-sixth {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
background: #727272;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100%;
border: 5px solid white
}
.one-sixth:last-child {
margin-right: 0
}
.module-17--container section {
border: 5px solid white !important
}
.module-17--top-row {
display: block;
height: 50%
}
.module-17--top-row::after {
clear: both;
content: "";
display: table
}
.module-17--top-row .small-box {
background: #727272
}
.module-17--bottom-row {
display: block;
height: 50%
}
.module-17--bottom-row::after {
clear: both;
content: "";
display: table
}
.module-17--bottom-row .small-box {
background: #727272
}
@media screen and (max-width: 750px) {
.module-17--bottom-row .small-box {
width: 100%
}
}
.module-17--text-box {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%
}
.module-17--text-box:last-child {
margin-right: 0
}
@media screen and (max-width: 750px) {
.module-17--text-box.bottom-right {
height: auto;
width: 100%
}
.module-17--text-box.bottom-right .text-content {
top: auto;
-webkit-transform: 0;
-ms-transform: 0;
transform: 0
}
}
.module-17--text-box .module-17--text-container {
height: 100%;
padding-left: 10%;
padding-right: 10%
}
@media screen and (max-width: 750px) {
.module-17--text-box .module-17--text-container {
width: 100%;
height: auto
}
}
.module-17--text-box .text-content {
padding-left: 10%;
padding-right: 10%
}
.module-17--text-box .text-content p {
color: black
}
.module-4 .left-column {
border-right: 5px solid white
}
.module-19--right-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 100%
}
.module-19--right-column:last-child {
margin-right: 0
}
.module-19--right-column .module-19--right-column__top-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
background: #727272;
border-left: 5px solid white;
height: 50%;
border-bottom: 5px solid white
}
.module-19--right-column .module-19--right-column__top-box:last-child {
margin-right: 0
}
.module-19--right-column .module-19--right-column__bottom-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
border-left: 5px solid white;
background: #727272;
height: 50%;
border-top: 5px solid white
}
.module-19--right-column .module-19--right-column__bottom-box:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-19--right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.module-19--right-column:last-child {
margin-right: 0
}
}
.stories-subscribe {
position: relative;
height: 270px;
display: block
}
.module-more-stories--top-row {
height: 12%
}
.module-more-stories--top-row h2 {
text-transform: uppercase
}
.module-more-stories--top-row {
position: relative
}
.module-more-stories--top-row .centered {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.module-more-stories--top-row .centered h2 {
color: black;
text-align: center
}
.module-more-stories--bottom-row {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%;
overflow: visible;
padding-bottom: 20px
}
.module-more-stories--bottom-row:last-child {
margin-right: 0
}
.module-more-stories--bottom-row button {
margin-left: 15px
}
@media screen and (max-width: 750px) {
.module-more-stories--bottom-row {
height: 50%
}
}
.module-more-stories--bottom-row h2 {
text-transform: capitalize
}
.module-more-stories--bottom-row h2 {
color: white
}
.module-more-stories--bottom-row .module-more-stories--left-image {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
position: relative;
background: gray;
background-size: cover;
border-right: 5px solid white
}
.module-more-stories--bottom-row .module-more-stories--left-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-more-stories--bottom-row .module-more-stories--left-image {
float: left;
display: block;
margin-right: 0%;
width: 50%
}
.module-more-stories--bottom-row .module-more-stories--left-image:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-more-stories--bottom-row .module-more-stories--left-image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
border-top: 10px solid white;
border-bottom: 5px solid white
}
.module-more-stories--bottom-row .module-more-stories--left-image:last-child {
margin-right: 0
}
}
.module-more-stories--bottom-row .module-more-stories--left-image:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.module-more-stories--bottom-row .module-more-stories--left-image:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.module-more-stories--bottom-row .module-more-stories--center-image {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
background: gray;
background-size: cover;
position: relative;
border-right: 5px solid white;
border-left: 5px solid white
}
.module-more-stories--bottom-row .module-more-stories--center-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-more-stories--bottom-row .module-more-stories--center-image {
display: none
}
}
@media screen and (max-width: 750px) {
.module-more-stories--bottom-row .module-more-stories--center-image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
border-top: 5px solid white;
border-bottom: 5px solid white
}
.module-more-stories--bottom-row .module-more-stories--center-image:last-child {
margin-right: 0
}
}
.module-more-stories--bottom-row .module-more-stories--center-image:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.module-more-stories--bottom-row .module-more-stories--center-image:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.module-more-stories--bottom-row .module-more-stories--right-image {
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
height: 100%;
position: relative;
text-align: center;
background-size: cover;
text-transform: uppercase;
background: #2F2F2F;
border-left: 5px solid white
}
.module-more-stories--bottom-row .module-more-stories--right-image:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.module-more-stories--bottom-row .module-more-stories--right-image {
float: left;
display: block;
margin-right: 0%;
width: 50%
}
.module-more-stories--bottom-row .module-more-stories--right-image:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.module-more-stories--bottom-row .module-more-stories--right-image {
float: left;
display: block;
margin-right: 0%;
width: 100%;
border-top: 5px solid white;
border-right: 5px solid white;
border-bottom: 10px solid white
}
.module-more-stories--bottom-row .module-more-stories--right-image:last-child {
margin-right: 0
}
.module-more-stories--bottom-row .module-more-stories--right-image .text-content.centered {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.stories-subscribe {
padding-top: 90px;
position: inherit;
clear: both;
display: block;
width: 300px;
margin: 0 auto;
text-align: center
}
@media screen and (max-width: 1560px) {
.stories-subscribe {
padding-top: 40px
}
}
@media screen and (max-width: 750px) {
.stories-subscribe {
padding-bottom: 40px
}
}
.stories-subscribe::after {
clear: both;
content: "";
display: table
}
.stories-subscribe input {
-webkit-appearance: none
}
.stories-subscribe h2 {
color: #727272;
text-transform: capitalize;
margin-top: 20px
}
.stories-subscribe form.menu-subscribe {
margin-top: 5%
}
@media screen and (max-width: 900px) {
.text-content {
padding-left: 95px !important;
padding-right: 95px !important
}
}
@media screen and (max-width: 750px) {
.text-content {
padding-left: 0px !important;
padding-right: 0px !important
}
.section.video--container.section {
height: 29.5%
}
.module-more-stories--right-image .text-centered .centered {
position: relative !important;
top: 50% !important;
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important
}
.story_container .intro-title {
-webkit-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}
}
.video--iframe-container {
display: block;
margin: 0 auto
}
.ctct-form-errorMessage {
font-size: 13px !important;
font-weight: normal !important
}
.story_container .intro--container .intro-title {
-webkit-transform: translateY(0) translateZ(0);
-ms-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}
.story_container .intro--container .intro-title .intro-title--heading {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.story_container .intro--container .intro-title .intro-title--heading h1 {
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0)
}
.module-20--container {
width: 100%;
height: 100%
}
@media screen and (max-width: 900px) {
.module-20--container {
height: unset;
}
}
.module-20--container .module-20--image {
background-color: #727272;
background-position: center center;
background-size: cover;
width: 100%;
height: 80%
}
@media screen and (max-width: 900px) {
.module-20--container .module-20--image {
height: unset;
}
}
.module-20--container .module-20--text {
width: 100%;
height: 20%;
display: table;
padding-left: 10%;
padding-right: 10%
}
@media screen and (max-width: 750px) {
.module-20--container .module-20--text {
padding-left: 0;
padding-right: 0;
}
}
.module-20--container .module-20--text p {
display: table-cell;
color: black;
vertical-align: middle
}
body {
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
height: 100%
}
@media screen and (max-width: 750px) {
h2 {
font-size: 2.25em
}
h3 {
font-size: 1.375em
}
}
section {
overflow: visible
}
/* header.stories-filter--header {
max-height: 140px
} */
.filter-result {
-webkit-overflow-scrolling: touch;
max-height: 99.9%
}
@media screen and (max-width: 750px) {
.filter-result.half-box,
.filter-result.col-8-box {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.filter-result.half-box:last-child,
.filter-result.col-8-box:last-child {
margin-right: 0
}
}
.filter-result:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}
.filter-result:hover:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)
}
.stories-filter--logo-container {
max-height: 140px;
padding-left: 40px;
padding-top: 40px;
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
min-width: 328px;
padding-right: 20px
}
.stories-filter--logo-container:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.stories-filter--logo-container {
padding-top: 55px
}
}
@media screen and (max-width: 750px) {
.stories-filter--logo-container {
display: none
}
}
.stories-filter--logo-container img {
width: 282px
}
@media screen and (max-width: 900px) {
.stories-filter--logo-container img {
width: 67.5%
}
}
@media screen and (max-width: 750px) {
.stories-filter--logo-container {
width: 40%;
padding-left: 25px;
padding-top: 25px
}
.stories-filter--logo-container img {
width: auto;
max-width: 40%
}
}
@media screen and (max-width: 750px) {
.stories-filter .stories-filter--logo-container {
display: none
}
}
.section.stories-results.grid {
height: 100%
}
.stories-filter--list h4,
.stories-filter--list a {
z-index: -100;
cursor: pointer;
display: inline-block
}
.stories-filter--list-headings {
margin-left: 33.35%;
padding-left: 12px;
}
.stories-filter--list-headings h4 {
opacity: 0;
width: 245px;
transition: opacity 1s ease-in-out
}
@media screen and (max-width: 1200px) {
.stories-filter--list-headings {
margin-top: 20px;
display: inline-block;
float: left;
display: block;
margin-right: 0%;
width: 100%;
margin-left: 24px
}
.stories-filter--list-headings:last-child {
margin-right: 0
}
.stories-filter--list-headings h4 {
width: 231px;
margin-left: 0px
}
}
@media screen and (max-width: 750px) {
.stories-filter--list-headings {
display: none
}
}
.stories-filter--list.stories-filter--list__open h4,
.stories-filter--list.stories-filter--list__open a {
z-index: 100;
display: inline-block;
opacity: 1
}
.stories-filter--list.stories-filter--list__open h4.stories-filter--heading__mobile,
.stories-filter--list.stories-filter--list__open a.stories-filter--heading__mobile {
display: none
}
@media screen and (max-width: 750px) {
.stories-filter--list.stories-filter--list__open h4.stories-filter--heading__mobile,
.stories-filter--list.stories-filter--list__open a.stories-filter--heading__mobile {
display: block
}
}
.stories-filter--container {
margin-left: -51px;
float: left;
display: block;
margin-right: 0%;
width: 25%;
margin-right: 0;
height: 100%
}
.stories-filter--container:last-child {
margin-right: 0
}
@media screen and (max-width: 1200px) {
.stories-filter--container {
float: left;
display: block;
margin-right: 0%;
width: 50%;
margin-left: 20px
}
.stories-filter--container:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.stories-filter--container {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: auto;
margin-left: 15px
}
.stories-filter--container:last-child {
margin-right: 0
}
}
.stories-filter--container .stories-filter--heading {
margin-top: 66px
}
.stories-filter--container .stories-filter--heading img {
float: left;
cursor: pointer;
margin: -5px 20px 0 0
}
.stories-filter--container .stories-filter--heading h2 {
font-size: 1.75em;
text-transform: uppercase;
color: #000
}
@media screen and (max-width: 750px) {
.stories-filter--container .stories-filter--heading {
margin-top: 29px
}
}
.stories-filter--container ul {
float: left;
padding-left: 20px
}
.stories-filter--container ul h4 {
text-transform: uppercase
}
.stories-filter--list.stories-filter--list__open h4 {
padding-bottom: 10px
}
.stories-filter--list {
float: left;
display: block;
margin-right: 0%;
width: 100%;
opacity: 0;
position: relative;
height: 0;
overflow: hidden;
background: white;
transition: all 0.2s ease-in-out;
padding: 0 48px 20px 0px
}
.stories-filter--list:last-child {
margin-right: 0
}
.stories-filter--list .stories-filter--list__toggled a {
color: #fff
}
.stories-filter--list .stories-filter--list__toggled a:hover {
color: #fff
}
.stories-filter--list a {
color: #000;
display: block;
position: relative
}
.stories-filter--list a.stories-filter--list__toggled {
color: #fff
}
.stories-filter--list a.stories-filter--list__toggled:hover {
color: #727272
}
.stories-filter--list ul {
float: left;
padding-right: 0px;
width: 245px;
padding-left: 8px
}
.stories-filter--list ul::-webkit-scrollbar-track:vertical {
background: #a9a9a9
}
.stories-filter--list ul::-webkit-scrollbar {}
.stories-filter--list ul::-webkit-scrollbar-thumb:vertical {
background-color: #C2113B;
height: 20px
}
.stories-filter--list li {
width: auto;
position: relative;
padding-left: 11px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 20px;
margin: 1px 0 1px -6px
}
.stories-filter--list li a:hover {
color: #C2113B
}
.stories-filter--list li a {
width: 170px
}
.stories-filter--list h4 {
text-transform: uppercase;
padding-bottom: 10px
}
.stories-filter--list h4.stories-filter--heading__mobile {
display: none
}
@media screen and (max-width: 750px) {
.stories-filter--list {
float: left;
display: block;
margin-right: 0%;
width: 100%;
opacity: 0;
position: absolute;
left: -400px;
height: 100%;
background: white;
transition: left opacity 0.5s ease-in-out;
padding: 0;
overflow: scroll
}
.stories-filter--list ul {
overflow: visible;
display: block
}
.stories-filter--list .stories-filter--list-headings {
display: none
}
.stories-filter--list h4.stories-filter--heading__mobile {
display: block
}
}
.stories-filter--list__toggled {
background: #C2113B
}
.stories-filter--list__toggled:after {
content: "X";
cursor: pointer;
position: absolute;
display: inline-block;
padding: 3px 8px 0 10px;
color: #fff;
right: 0;
top: 0;
bottom: 0
}
.stories-filter--list__toggled:hover:after {
color: #fff
}
.stories-filter-focus {
margin-left: 33.35%
}
@media screen and (max-width: 1200px) {
.stories-filter-focus {
margin-left: 0%
}
}
@media screen and (max-width: 900px) {
.stories-filter-focus {
margin-left: 0
}
}
@media screen and (max-width: 750px) {
.stories-filter-focus {
margin-left: 0
}
}
.stories-filter--list.stories-filter--list__open {
float: left;
display: block;
margin-right: 0%;
width: 100%;
display: block;
position: relative;
cursor: pointer;
background: white;
z-index: 100;
height: 134px;
overflow: hidden;
margin-top: -9px;
margin-bottom: 25px;
padding: 0 48px 20px 0px;
opacity: 1;
transition: all 0.5s ease-in-out
}
.stories-filter--list.stories-filter--list__open:last-child {
margin-right: 0
}
.stories-filter--list.stories-filter--list__open ul {
float: left;
width: 245px;
direction: rtl;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
direction: rtl;
padding-left: 13px
}
.stories-filter--list.stories-filter--list__open ul li {
direction: ltr;
text-align: left;
padding-left: 6px
}
.stories-filter--list.stories-filter--list__open ul li:last-child {
padding-bottom: 20px
}
.stories-filter--list.stories-filter--list__open ul::-webkit-scrollbar-track:vertical {
background: #a9a9a9
}
.stories-filter--list.stories-filter--list__open ul::-webkit-scrollbar {}
.stories-filter--list.stories-filter--list__open ul::-webkit-scrollbar-thumb:vertical {
background-color: #C2113B;
height: 20px
}
@media screen and (max-width: 1200px) {
.stories-filter--list.stories-filter--list__open ul {
width: 235px;
border-right: 3px solid rgba(230, 230, 230, 0.1);
padding-bottom: 40px
}
}
@media screen and (max-width: 750px) {
.stories-filter--list.stories-filter--list__open {
float: left;
display: block;
margin-right: 0%;
height: calc(100% - 90px);
width: 270px;
display: block;
position: fixed;
left: 0;
background: white;
z-index: 100;
opacity: 1;
transition: left opacity 0.5s ease-in-out;
overflow: scroll;
padding-bottom: 90px;
margin-top: 10px
}
.stories-filter--list.stories-filter--list__open .stories-filter--heading__mobile {
display: block;
float: left;
direction: ltr
}
.stories-filter--list.stories-filter--list__open ul {
height: auto
}
.stories-filter--list.stories-filter--list__open * {
-webkit-transform: translateZ(1px);
-ms-transform: translateZ(1px);
transform: translateZ(1px)
}
}
.stories-filter-arrow {
width: 37px;
height: 37px;
background: url("../images/Filter_Arrow_Down.svg") center center no-repeat;
background-size: cover;
display: block;
float: left;
margin-top: -4px;
margin-right: 20px;
cursor: pointer
}
@media screen and (max-width: 750px) {
.stories-filter-arrow {
margin-top: 3px;
margin-right: 10px;
margin-left: 10px;
width: 30px;
height: 30px
}
}
.is-ie9 .stories-filter-arrow {
display: none
}
.stories-filter-arrow__open {
width: 37px;
height: 37px;
background-size: cover;
display: block;
float: left;
margin-top: -4px;
cursor: pointer;
-webkit-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out
}
@media screen and (max-width: 750px) {
.stories-filter-arrow__open {
margin-top: -1px;
margin-right: 10px;
margin-left: 10px;
width: 30px;
height: 30px;
-webkit-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
transform: rotateZ(90deg)
}
}
.stories-filter-arrow__closed {
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out
}
@media screen and (max-width: 750px) {
.stories-filter-arrow__closed {
margin-top: -1px;
margin-right: 10px;
margin-left: 10px;
width: 30px;
height: 30px;
-webkit-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)
}
}
.stories-results {
height: 100%;
overflow: visible;
border: 5px solid white;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out
}
.stories-results.grid {
overflow: visible
}
@media screen and (max-width: 900px) {
.stories-results.grid {
-webkit-overflow-scrolling: touch
}
}
.discover-more--wrapper {
display: block;
margin: 0 auto
}
.discover-more--button {
background: #C2113B;
color: white
}
button.discover-more--button {
display: block;
margin: 0 auto;
margin-top: 25px;
left: 0
}
button.discover-more--button:hover {
color: #C2113B;
border: 2px solid #C2113B
}
button.discover-more--button:focus {
color: #C2113B;
border: 2px solid #C2113B;
background: white
}
.results-wrapper {
height: 100%
}
.results-wrapper>a>div {
border: 5px solid white;
background-size: cover;
background-position: center center
}
@media screen and (max-width: 900px) {
.results-wrapper {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.results-wrapper:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.results-wrapper {
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.results-wrapper:last-child {
margin-right: 0
}
}
.stories-results div {
background-size: cover !important
}
@media screen and (max-width: 750px) {
.stories-results--inactive {
overflow: hidden !important;
height: calc(100% - 90px) !important
}
}
@media screen and (max-width: 900px) {
.results-wrapper a>div {
float: left;
display: block;
margin-right: 0%;
width: 50%;
height: 50%
}
.results-wrapper a>div:last-child {
margin-right: 0
}
.results-wrapper a:nth-child(3n+1)>div {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.results-wrapper a:nth-child(3n+1)>div:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.results-wrapper a>div {
float: left;
display: block;
margin-right: 0%;
width: 100%;
height: 50%
}
.results-wrapper a>div:last-child {
margin-right: 0
}
}
a.ineligible {
color: #bbb;
cursor: default
}
.stories-filter--list li a.ineligible:hover {
color: #bbb
}
html {
overflow: scroll
}
body.about {
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
font-size: 1em
}
.about--container {
display: table;
height: 80%;
width: 100%;
position: absolute
}
@media screen and (max-width: 900px) {
.about--container {
display: block;
position: relative;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.about--container:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.about--container {
display: block;
float: left;
display: block;
margin-right: 0%;
width: 100%;
position: relative
}
.about--container:last-child {
margin-right: 0
}
}
/* header.about--header {
position: absolute;
z-index: 1
} */
/* @media screen and (max-width: 900px) {
header.about--header {
display: block;
position: relative;
float: left;
display: block;
margin-right: 0%;
width: 100%;
max-height: 120px
}
header.about--header:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
header.about--header {
display: block;
position: relative
}
} */
.about--wrapper {
display: table-cell;
vertical-align: middle;
padding-top: 7%
}
@media screen and (max-width: 900px) {
.about--wrapper {
display: block;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.about--wrapper:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.about--wrapper {
display: block;
float: left;
display: block;
margin-right: 0%;
width: 100%
}
.about--wrapper:last-child {
margin-right: 0
}
}
.about--header .logo {
padding-top: 25px;
padding-left: 25px
}
/* @media screen and (max-width: 900px) {
.about--header .logo {
padding-top: 55px;
padding-left: 40px;
width: 33.33333333%;
min-width: 328px;
padding-right: 20px
}
.about--header .logo img {
width: 67.5%
}
} */
.about--content {
margin-left: auto;
margin-right: auto;
width: 80%;
max-width: 960px
}
@media screen and (max-width: 900px) {
.about--content {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-left: 55px;
padding-right: 55px
}
.about--content:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.about--content {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-left: 55px;
padding-right: 55px
}
.about--content:last-child {
margin-right: 0
}
}
.about--content h1 {
color: #C2113B;
text-transform: uppercase;
font-size: 2.55em;
margin: 0 0 0.75em 0
}
@media screen and (max-width: 750px) {
.about--content h1 {
text-align: center;
font-size: 1.5em
}
}
.about--content p {
font-size: 1.125em
}
@media screen and (max-width: 750px) {
.about--content p {
font-size: 0.98em
}
}
.about--content .about--left-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
padding-right: 20px
}
.about--content .about--left-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.about--content .about--left-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-right: 0
}
.about--content .about--left-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.about--content .about--left-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-right: 0
}
.about--content .about--left-column:last-child {
margin-right: 0
}
}
.about--content .about--right-column {
float: left;
display: block;
margin-right: 0%;
width: 50%;
padding-left: 20px
}
.about--content .about--right-column:last-child {
margin-right: 0
}
@media screen and (max-width: 900px) {
.about--content .about--right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-left: 0
}
.about--content .about--right-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.about--content .about--right-column {
float: left;
display: block;
margin-right: 0%;
width: 100%;
padding-left: 0
}
.about--content .about--right-column:last-child {
margin-right: 0
}
}
@media screen and (max-width: 750px) {
.stories-filter--logo-container {
display: block
}
}
body {
overflow: scroll;
font-size: 1.125em;
-webkit-overflow-scrolling: touch
}
html {
overflow: scroll;
overflow-y: hidden;
/* overflow-x: hidden; */
}
@media screen and (max-width: 900px) {
html {
overflow-x: hidden;
}
}
@media screen and (max-width: 750px) {
body {
font-size: 0.98em;
line-height: 1.2;
overflow: scroll
}
body p {
text-align: left
}
body h1 {
font-size: 2.25em
}
body .story_container h2,
body h2,
body body h2 {
font-size: 1.5em
}
body .story_container h3,
body h3,
body body h3 {
font-size: 1em
}
}
@media screen and (max-width: 1560px) {
h2 {
font-size: 2.25em
}
h3 {
font-size: 1.5em
}
}
#pagepiling {
height: 100%
}
.story_container {
height: 100%
}
@media screen and (max-width: 900px) {
div#pagepiling {
overflow: initial;
height: 100%
}
.story-container {
height: inherit
}
section {
height: unset;
overflow: visible
}
}
.fp-tablecell {
display: block
}
html {
height: 100%
}
body {
height: 100%;
overflow: auto;
}
h1,
h2,
h3,
h4,
h5 {
word-wrap: break-word
}
a {
color: #fff
}
a:hover {
color: #fff
}
.pushy,
.pushy-active .site-overlay {
z-index: 1
}
.priorities .fp-tableCell {
display: block
}
.active>span {
background: #fff
}
.centered {
position: relative;
top: 50%;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%)
}
@media screen and (max-width: 750px) {
.centered {
top: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.section {
border: 10px solid white
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: block
}
.top-right {
border-left: 5px solid white;
border-bottom: 5px solid white
}
.top-left {
border-right: 5px solid white;
border-bottom: 5px solid white
}
.bottom-left {
border-right: 5px solid white;
border-top: 5px solid white
}
.bottom-right {
border-left: 5px solid white;
border-top: 5px solid white
}
.center-border {
border-top: 5px solid white;
border-left: 5px solid white;
border-right: 5px solid white
}
/* @media screen and (max-width: 900px) {
header {
min-height: auto
}
}
@media screen and (max-width: 750px) {
header {
height: 90px;
max-height: 90px;
min-height: 90px
}
} */
.full-box {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
height: 100%;
float: left;
display: block;
margin-right: 0%;
width: 100%;
background: white;
position: relative
}
.full-box:last-child {
margin-right: 0
}
.half-box {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
height: 100%;
background: white;
float: left;
display: block;
margin-right: 0%;
width: 50%;
position: relative
}
.half-box:last-child {
margin-right: 0
}
.col-8-box {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
float: left;
display: block;
margin-right: 0%;
width: 66.66667%;
height: 100%;
background: white;
position: relative
}
.col-8-box:last-child {
margin-right: 0
}
.left-vertical {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
height: 100%;
background: white;
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
position: relative
}
.left-vertical:last-child {
margin-right: 0
}
.top-horizontal {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
height: 50%;
position: relative;
background: gray;
float: left;
display: block;
margin-right: 0%;
width: 66.66667%
}
.top-horizontal:last-child {
margin-right: 0
}
.top-horizontal .text-bottom {
max-width: 825px
}
@media screen and (max-width: 900px) {
.top-horizontal .text-bottom {
max-width: 650px
}
}
.filter-small-box {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
height: 50%;
position: relative;
background: white;
float: left;
display: block;
margin-right: 0%;
width: 33.33333%;
border: 5px solid white
}
.filter-small-box:last-child {
margin-right: 0
}
.filter-small-box__alt {
background-size: cover;
-ms-behavior: url(backgroundsize.min.htc);
height: 50%;
background: white;
position: relative;
float: left;
display: block;
margin-right: 0%;
width: 33.33333%
}
.filter-small-box__alt:last-child {
margin-right: 0
}
.text-bottom {
position: absolute;
color: #fff;
left: 45px;
bottom: 45px;
padding-right: 83px
}
@media screen and (max-width: 900px) {
.text-bottom {
left: 10px;
bottom: 10px
}
}
@media screen and (max-width: 1560px) {
.text-bottom {
left: 30px;
bottom: 30px;
padding-right: 83px
}
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
background: #ddd
}
div#fp-nav {
background: rgba(100, 100, 100, 0.5);
width: 20px;
border-radius: 20px;
right: 28px
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 6px 3px 6px 3px;
position: relative
}
@media screen and (max-width: 900px) {
div#fullpage {
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch
}
.section.stories.section.fp-section {
height: 100%
}
}
span.priorities-button {
width: 150px;
height: 40px;
border: 1px solid white;
display: block;
text-align: center;
line-height: 40px;
color: white;
text-transform: uppercase;
margin-top: 1em
}
@media screen and (max-width: 750px) {
span.priorities-button {
width: 130px;
height: 30px;
border: 1px solid white;
display: block;
text-align: center;
line-height: 30px;
color: white;
text-transform: uppercase;
margin-top: 1em;
font-size: 0.9em
}
}
@media screen and (max-width: 750px) {
.text-bottom {
padding-right: 43px
}
}
.about-html {
overflow: scroll !important;
-webkit-overflow-scrolling: touch
}
.page-template-template_stories {
height: 100%;
overflow: scroll
}
.search {
overflow: scroll
}
body.page.priorities,
body.page-template-template_stories {
overflow-y: auto;
overflow-x: hidden;
height: 100%
}
body.page-template-template_stories {
overflow-y: scroll !important;
overflow-x: hidden !important
}
@media screen and (max-width: 750px) {
#selectionSharerPopunder-inner ul {
margin-top: -48px
}
}
/* New CSS */
input::-webkit-input-placeholder {
color: #2F2F2F !important;
}
input:-moz-placeholder {
/* Firefox 18- */
color: #2F2F2F !important;
}
input::-moz-placeholder {
/* Firefox 19+ */
color: #2F2F2F !important;
}
input:-ms-input-placeholder {
color: #2F2F2F !important;
}
/* Updated CSS */
.module-15--text-only h2 {
margin-bottom: 13.5px;
}
.story_container h2 {
font-family: 'Gill Sans MT Std Book';
font-size: 2.25em;
/*Changed*/
margin-bottom: 0;
line-height: normal;
font-weight: 100;
/*Changed*/
}
.story_container h3 {
font-size: 1.375em;
line-height: normal
/*Changed*/
}
.module-15--container a {
color: black;
border-bottom: 1px solid black;
border-bottom: 1px solid rgba(0, 0, 0, 1);
font-weight: 400;
transition: all .2s;
}
.module-15--container a:hover {
color: #c2113b;
border-bottom: 1px solid #c2113b;
font-weight: 400;
transition: all .2s;
}
.stories-results {
height: 100%;
height: calc(100% - 200px);
}
/*Custom Scroll Fixes*/
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 10px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 10px;
}
/*Sweet Alert Buttons*/
.sweet-alert h2 {
color: #C2113B;
}
.sweet-alert p {
color: black;
font-weight: 400;
line-height: 24px;
}
.sweet-alert button.cancel {
color: black;
background: white;
text-transform: uppercase;
border-radius: 0;
border: 1px solid black;
padding-top: 12px;
}
.sweet-alert button.cancel {
color: black;
background: white;
text-transform: uppercase;
border-radius: 0;
border: 1px solid #727272;
padding-top: 12px;
}
.sweet-alert button.confirm {
color: black;
background: white;
text-transform: uppercase;
border-radius: 0;
border: 1px solid #727272;
width: 128px;
}
.sweet-alert button.confirm:hover {
background: #C2113B !important;
color: white !important;
transition: 0.05s all ease-in-out;
border: 1px solid white;
}
.sweet-alert button.cancel :hover {
border: 1px solid white;
}
.module-15--text-only h2 {
margin-bottom: 13.5px;
}
.stories-filter--list.stories-filter--list__open a {
width: 170px;
display: inline-block;
}
.module-19--right-column {
padding-left: 5px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.module-19--right-column .module-19--right-column__bottom-box,
.module-19--right-column .module-19--right-column__top-box {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-left: 0;
-webkit-perspective: 1000;
perspective: 1000;
perspective: 1000;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.module-19--right-column .module-19--right-column__top-box {
background-image: none;
background-position: 0px top;
background-repeat: no-repeat;
background-color: #fff;
border-bottom: 0;
margin-bottom: 5px;
}
.module-19--right-column .module-19--right-column__bottom-box {
border-top: 0;
margin-top: 5px;
background-repeat: no-repeat;
background-color: #fff;
}
.animated-overlay {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media screen and (max-width: 750px) {
.stories-filter--list.stories-filter--list__open ul {
padding-bottom: 16px;
}
.page-template-template_video .stories-filter--list.stories-filter--list__open,
.page-template-template_video .stories-filter--list.stories-filter--list {
margin-top: 60px;
}
.page-template-template_video .stories-filter--list.stories-filter--list {
margin-bottom: 0;
padding-right: initial;
}
.page-template-template_video {
overflow-x: hidden;
}
.page-template-template_video .fancybox-mobile .fancybox-inner {
max-height: 50%;
}
.page-template-template_video .fancybox-close {
top: -50px !important;
right: -0px !important;
}
.stories--share-icons {
left: 71px;
top: 122%;
}
}
.centered > h2{
width: 100%;
}
.video--iframe-container {
height: 98.5% !important;
pointer-events: none;
position: relative;
width: 100% !important;
z-index: 100;
}
.container--svc {
bottom: 0 /*7px*/;
height: 15%;
left: 0;
margin: auto;
pointer-events: auto;
position: absolute;
right: 0;
width: 100%;
}
.svc__hover__zone {
height: 100%;
position: relative;
width: 100%;
}
.story__video__controls {
background: rgba(100,100,100,0.5);
bottom: 0;
left: 0;
margin: auto;
opacity: 0;
padding: 10px 0;
position: absolute;
right: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.story__video__controls.is-visible {
opacity: 1;
}
.story__video__controls__container {
align-items: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
/**/
margin: 0;
padding: 0 0 0 50px;
pointer-events: auto;
position: relative;
width: calc(100% - 110px);
}
.container--progress {
-webkit-box-flex: 3;
-moz-box-flex: 3;
width: 100%;
-webkit-flex: 3;
-ms-flex: 3;
flex: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
#controls--progress__bar {
background-color: rgba(255,255,255,0.3);
cursor: pointer;
height: 3px;
margin-top: 1px;
width: 100%;
}
#controls--progress__bar div {
background-color: #fff /*#C2113B*/;
height: 100%;
width: 0;
}
.container--play-pause {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
padding-right: 10px;
display: flex;
}
button.controls--button {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border: 0;
color: transparent;
font-size: 0;
height: 15px;
left: 0;
margin-bottom: 0;
margin-top: 0;
outline: none;
padding: 0;
pointer-events: auto;
position: static;
width: 15px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
button.controls--button,
button.controls--button:hover,
button.controls--button:active,
button.controls--button:focus {
background-color: transparent;
}
button.controls--play {
background-image: url('https://stories.usaid.gov/wp-content/themes/usaid-stories-code/images/icon--play.gif');
}
button.controls--pause {
background-image: url('https://stories.usaid.gov/wp-content/themes/usaid-stories-code/images/icon--pause.gif');
}
@media only screen and (max-height: 1150px) {
.container--svc {
bottom: 0px;
}
}
@media only screen and (max-height: 810px) {
.container--svc {
bottom: 7px;
}
}
@media only screen and (max-width: 900px) {
.video--iframe-container iframe {
pointer-events: auto;
}
}
.story_container{
/* height: calc(100% - 120px);
margin-top: 120px; */
}
/* .module-1{
background-position: 0px 108px;
} */
/* .fp-auto-height-custom{
position: relative;
padding-top: 108px;
} */
/* @media only screen and (max-width: 1622px) {
.fp-auto-height-custom{
background-position: 0px 150px;
padding-top: 150px;
}
}
@media only screen and (max-width: 1425px) {
.fp-auto-height-custom{
background-position: 0px 170px;
padding-top: 170px;
}
}
@media only screen and (max-width: 1024px) {
.fp-auto-height-custom{
background-position: 0px 105px;
padding-top: 105px;
}
}
@media only screen and (max-width: 900px) {
.fp-auto-height-custom{
background-position: center;
padding-top: 0;
}
} */
/* .fp-auto-height-custom:last-child{
height: auto !important;
} */
/* .active-footer{
position: fixed;
bottom: -457px;
} */
.section-footer{
height: auto !important;
max-height: 457px !important;
border: 0;
}
@media only screen and (max-width: 767px) {
.section-footer{
max-height: unset !important;
}
}
.module-15--container{
height: auto !important;
}
/* body{
padding-top: 126px;
}
@media only screen and (max-width: 900px) {
body{
padding-top: 105px;
}
}
@media only screen and (max-width: 500px) {
body{
padding-top: 93px;
}
} */
.video--container .fp-tableCell{
height: 100% !important;
}
.bg-image{
display: none;
}
@media only screen and (max-width: 900px) {
.bg-image{
display: block;
width: 100%;
margin-bottom: 20px;
}
/* .story_container section{
background-image: none !important;
} */
.full-photo,.bottom-right,.bottom-left{
background-image: none !important;
}
.module-20--image{
background-image: none !important;
}
}
.story_container {
font-family: 'Gill Sans MT Std Book';
font-size: 1em;
line-height: 1.5;
font-weight: lighter;
}
Zerion Mini Shell 1.0