@charset "UTF-8";
/* ==========================================================================
Bourbon
========================================================================== */ /* ==========================================================================
#Grid Settings
========================================================================== */
/* Grid variables
========================================================================== */
/* Media Queries
========================================================================== */
/* ==========================================================================
#Global variables
========================================================================== */
/* ==========================================================================
Fonts
========================================================================== */
@import '../../bower_components/parsleyjs/src/parsley.css';
@import '../../bower_components/slick-carousel/slick/slick.css';
@import '../../bower_components/slick-carousel/slick/slick-theme.css';
@import '../../bower_components/magnific-popup/dist/magnific-popup.css';
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
@font-face {
font-family: "FontAwesome";
src: url("../../fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
Colors
========================================================================== */
/*doc
---
title: Colors
name: colors
category: Base - Colors
---
t-bg-primary
t-bg-secondary
t-bg-lochmara
t-bg-buttercup
t-bg-banana-mania
t-bg-white
*/
/*
#373737 -> lighten($mineshaft, 1.75%);
#222 -> darken($mineshaft, 6.5%);
*/
/*
#888 -> darken($dusty-gray, 6.5%);
#777 -> darken($dusty-gray, 13.5%);
#7b7b7b -> darken($dusty-gray,,11.75%)
#666 -> darken($dusty-gray, 20%);
#444 -> darken($dusty-gray,33.333%);
*/
/*note we should refactor these silvers, no need for variance */
.c-color-swatch {
border: 1px solid #ccc;
display: inline-block;
width: 300px;
height: 200px;
margin: 1.5rem;
padding: 1.5rem;
}
/* ==========================================================================
#Mixins
========================================================================== */
/* Grid class generator
========================================================================== */
@media screen and (min-width: 0) {
.sm-1 {
width: calc(8.3333333333% - 2.62925rem);
float: left;
margin-left: 2.427rem;
}
.sm-1:first-of-type {
margin-left: 0;
}
.sm-2 {
width: calc(16.6666666667% - 2.8315rem);
float: left;
margin-left: 2.427rem;
}
.sm-2:first-of-type {
margin-left: 0;
}
.sm-3 {
width: calc(25% - 3.03375rem);
float: left;
margin-left: 2.427rem;
}
.sm-3:first-of-type {
margin-left: 0;
}
.sm-4 {
width: calc(33.3333333333% - 3.236rem);
float: left;
margin-left: 2.427rem;
}
.sm-4:first-of-type {
margin-left: 0;
}
.sm-5 {
width: calc(41.6666666667% - 3.43825rem);
float: left;
margin-left: 2.427rem;
}
.sm-5:first-of-type {
margin-left: 0;
}
.sm-6 {
width: calc(50% - 3.6405rem);
float: left;
margin-left: 2.427rem;
}
.sm-6:first-of-type {
margin-left: 0;
}
.sm-7 {
width: calc(58.3333333333% - 3.84275rem);
float: left;
margin-left: 2.427rem;
}
.sm-7:first-of-type {
margin-left: 0;
}
.sm-8 {
width: calc(66.6666666667% - 4.045rem);
float: left;
margin-left: 2.427rem;
}
.sm-8:first-of-type {
margin-left: 0;
}
.sm-9 {
width: calc(75% - 4.24725rem);
float: left;
margin-left: 2.427rem;
}
.sm-9:first-of-type {
margin-left: 0;
}
.sm-10 {
width: calc(83.3333333333% - 4.4495rem);
float: left;
margin-left: 2.427rem;
}
.sm-10:first-of-type {
margin-left: 0;
}
.sm-11 {
width: calc(91.6666666667% - 4.65175rem);
float: left;
margin-left: 2.427rem;
}
.sm-11:first-of-type {
margin-left: 0;
}
.sm-12 {
width: calc(100% - 4.854rem);
float: left;
margin-left: 2.427rem;
}
.sm-12:first-of-type {
margin-left: 0;
}
}
@media screen and (max-width: 1024px) {
.sm-12:only-child, .sm-12:first-child {
margin: 0 auto;
float: none;
}
}
@media screen and (min-width: 640px) {
.md-1 {
width: calc(8.3333333333% - 2.62925rem);
float: left;
margin-left: 2.427rem;
}
.md-1:first-of-type {
margin-left: 0;
}
.md-2 {
width: calc(16.6666666667% - 2.8315rem);
float: left;
margin-left: 2.427rem;
}
.md-2:first-of-type {
margin-left: 0;
}
.md-3 {
width: calc(25% - 3.03375rem);
float: left;
margin-left: 2.427rem;
}
.md-3:first-of-type {
margin-left: 0;
}
.md-4 {
width: calc(33.3333333333% - 3.236rem);
float: left;
margin-left: 2.427rem;
}
.md-4:first-of-type {
margin-left: 0;
}
.md-5 {
width: calc(41.6666666667% - 3.43825rem);
float: left;
margin-left: 2.427rem;
}
.md-5:first-of-type {
margin-left: 0;
}
.md-6 {
width: calc(50% - 3.6405rem);
float: left;
margin-left: 2.427rem;
}
.md-6:first-of-type {
margin-left: 0;
}
.md-7 {
width: calc(58.3333333333% - 3.84275rem);
float: left;
margin-left: 2.427rem;
}
.md-7:first-of-type {
margin-left: 0;
}
.md-8 {
width: calc(66.6666666667% - 4.045rem);
float: left;
margin-left: 2.427rem;
}
.md-8:first-of-type {
margin-left: 0;
}
.md-9 {
width: calc(75% - 4.24725rem);
float: left;
margin-left: 2.427rem;
}
.md-9:first-of-type {
margin-left: 0;
}
.md-10 {
width: calc(83.3333333333% - 4.4495rem);
float: left;
margin-left: 2.427rem;
}
.md-10:first-of-type {
margin-left: 0;
}
.md-11 {
width: calc(91.6666666667% - 4.65175rem);
float: left;
margin-left: 2.427rem;
}
.md-11:first-of-type {
margin-left: 0;
}
.md-12 {
width: calc(100% - 4.854rem);
float: left;
margin-left: 2.427rem;
}
.md-12:first-of-type {
margin-left: 0;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.md-12:only-child, .md-12:first-child {
margin-left: inherit;
margin-right: inherit;
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.lg-1 {
width: calc(8.3333333333% - 2.62925rem);
float: left;
margin-left: 2.427rem;
}
.lg-2 {
width: calc(16.6666666667% - 2.8315rem);
float: left;
margin-left: 2.427rem;
}
.lg-3 {
width: calc(25% - 3.03375rem);
float: left;
margin-left: 2.427rem;
}
.lg-4 {
width: calc(33.3333333333% - 3.236rem);
float: left;
margin-left: 2.427rem;
}
.lg-5 {
width: calc(41.6666666667% - 3.43825rem);
float: left;
margin-left: 2.427rem;
}
.lg-6 {
width: calc(50% - 3.6405rem);
float: left;
margin-left: 2.427rem;
}
.lg-7 {
width: calc(58.3333333333% - 3.84275rem);
float: left;
margin-left: 2.427rem;
}
.lg-8 {
width: calc(66.6666666667% - 4.045rem);
float: left;
margin-left: 2.427rem;
}
.lg-9 {
width: calc(75% - 4.24725rem);
float: left;
margin-left: 2.427rem;
}
.lg-10 {
width: calc(83.3333333333% - 4.4495rem);
float: left;
margin-left: 2.427rem;
}
.lg-11 {
width: calc(91.6666666667% - 4.65175rem);
float: left;
margin-left: 2.427rem;
}
.lg-12 {
width: calc(100% - 4.854rem);
float: left;
margin-left: 2.427rem;
}
.lg-12:only-child, .lg-12:first-child {
margin-left: inherit;
margin-right: inherit;
width: 100%;
}
}
@media screen and (min-width: 0) {
.sm-shift-1 {
left: calc(8.3333333333% - 2.62925rem + 2.427rem);
position: relative;
}
.sm-shift-2 {
left: calc(16.6666666667% - 2.8315rem + 2.427rem);
position: relative;
}
.sm-shift-3 {
left: calc(25% - 3.03375rem + 2.427rem);
position: relative;
}
.sm-shift-4 {
left: calc(33.3333333333% - 3.236rem + 2.427rem);
position: relative;
}
.sm-shift-5 {
left: calc(41.6666666667% - 3.43825rem + 2.427rem);
position: relative;
}
.sm-shift-6 {
left: calc(50% - 3.6405rem + 2.427rem);
position: relative;
}
.sm-shift-7 {
left: calc(58.3333333333% - 3.84275rem + 2.427rem);
position: relative;
}
.sm-shift-8 {
left: calc(66.6666666667% - 4.045rem + 2.427rem);
position: relative;
}
.sm-shift-9 {
left: calc(75% - 4.24725rem + 2.427rem);
position: relative;
}
.sm-shift-10 {
left: calc(83.3333333333% - 4.4495rem + 2.427rem);
position: relative;
}
.sm-shift-11 {
left: calc(91.6666666667% - 4.65175rem + 2.427rem);
position: relative;
}
.sm-shift-12 {
left: calc(100% - 4.854rem + 2.427rem);
position: relative;
}
}
@media screen and (min-width: 640px) {
.md-shift-1 {
left: calc(8.3333333333% - 2.62925rem + 2.427rem);
position: relative;
}
.md-shift-2 {
left: calc(16.6666666667% - 2.8315rem + 2.427rem);
position: relative;
}
.md-shift-3 {
left: calc(25% - 3.03375rem + 2.427rem);
position: relative;
}
.md-shift-4 {
left: calc(33.3333333333% - 3.236rem + 2.427rem);
position: relative;
}
.md-shift-5 {
left: calc(41.6666666667% - 3.43825rem + 2.427rem);
position: relative;
}
.md-shift-6 {
left: calc(50% - 3.6405rem + 2.427rem);
position: relative;
}
.md-shift-7 {
left: calc(58.3333333333% - 3.84275rem + 2.427rem);
position: relative;
}
.md-shift-8 {
left: calc(66.6666666667% - 4.045rem + 2.427rem);
position: relative;
}
.md-shift-9 {
left: calc(75% - 4.24725rem + 2.427rem);
position: relative;
}
.md-shift-10 {
left: calc(83.3333333333% - 4.4495rem + 2.427rem);
position: relative;
}
.md-shift-11 {
left: calc(91.6666666667% - 4.65175rem + 2.427rem);
position: relative;
}
.md-shift-12 {
left: calc(100% - 4.854rem + 2.427rem);
position: relative;
}
}
@media screen and (min-width: 1024px) {
.lg-shift-1 {
left: calc(8.3333333333% - 2.62925rem + 2.427rem);
position: relative;
}
.lg-shift-2 {
left: calc(16.6666666667% - 2.8315rem + 2.427rem);
position: relative;
}
.lg-shift-3 {
left: calc(25% - 3.03375rem + 2.427rem);
position: relative;
}
.lg-shift-4 {
left: calc(33.3333333333% - 3.236rem + 2.427rem);
position: relative;
}
.lg-shift-5 {
left: calc(41.6666666667% - 3.43825rem + 2.427rem);
position: relative;
}
.lg-shift-6 {
left: calc(50% - 3.6405rem + 2.427rem);
position: relative;
}
.lg-shift-7 {
left: calc(58.3333333333% - 3.84275rem + 2.427rem);
position: relative;
}
.lg-shift-8 {
left: calc(66.6666666667% - 4.045rem + 2.427rem);
position: relative;
}
.lg-shift-9 {
left: calc(75% - 4.24725rem + 2.427rem);
position: relative;
}
.lg-shift-10 {
left: calc(83.3333333333% - 4.4495rem + 2.427rem);
position: relative;
}
.lg-shift-11 {
left: calc(91.6666666667% - 4.65175rem + 2.427rem);
position: relative;
}
.lg-shift-12 {
left: calc(100% - 4.854rem + 2.427rem);
position: relative;
}
}
/* Palette mixin
========================================================================== */
/* rem and em functions */
/* Font size mixin
========================================================================== */
/* Other mixins
========================================================================== */
@-webkit-keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: 0.5;
}
}
@keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: 0.5;
}
}
@media screen and (min-width: 640px) {
.rotate-180 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@media screen and (min-width: 640px) {
.rotate-179 {
-webkit-transform: rotate(-179deg);
transform: rotate(-179deg);
}
}
@media screen and (min-width: 640px) {
.rotate-178 {
-webkit-transform: rotate(-178deg);
transform: rotate(-178deg);
}
}
@media screen and (min-width: 640px) {
.rotate-177 {
-webkit-transform: rotate(-177deg);
transform: rotate(-177deg);
}
}
@media screen and (min-width: 640px) {
.rotate-176 {
-webkit-transform: rotate(-176deg);
transform: rotate(-176deg);
}
}
@media screen and (min-width: 640px) {
.rotate-175 {
-webkit-transform: rotate(-175deg);
transform: rotate(-175deg);
}
}
@media screen and (min-width: 640px) {
.rotate-174 {
-webkit-transform: rotate(-174deg);
transform: rotate(-174deg);
}
}
@media screen and (min-width: 640px) {
.rotate-173 {
-webkit-transform: rotate(-173deg);
transform: rotate(-173deg);
}
}
@media screen and (min-width: 640px) {
.rotate-172 {
-webkit-transform: rotate(-172deg);
transform: rotate(-172deg);
}
}
@media screen and (min-width: 640px) {
.rotate-171 {
-webkit-transform: rotate(-171deg);
transform: rotate(-171deg);
}
}
@media screen and (min-width: 640px) {
.rotate-170 {
-webkit-transform: rotate(-170deg);
transform: rotate(-170deg);
}
}
@media screen and (min-width: 640px) {
.rotate-169 {
-webkit-transform: rotate(-169deg);
transform: rotate(-169deg);
}
}
@media screen and (min-width: 640px) {
.rotate-168 {
-webkit-transform: rotate(-168deg);
transform: rotate(-168deg);
}
}
@media screen and (min-width: 640px) {
.rotate-167 {
-webkit-transform: rotate(-167deg);
transform: rotate(-167deg);
}
}
@media screen and (min-width: 640px) {
.rotate-166 {
-webkit-transform: rotate(-166deg);
transform: rotate(-166deg);
}
}
@media screen and (min-width: 640px) {
.rotate-165 {
-webkit-transform: rotate(-165deg);
transform: rotate(-165deg);
}
}
@media screen and (min-width: 640px) {
.rotate-164 {
-webkit-transform: rotate(-164deg);
transform: rotate(-164deg);
}
}
@media screen and (min-width: 640px) {
.rotate-163 {
-webkit-transform: rotate(-163deg);
transform: rotate(-163deg);
}
}
@media screen and (min-width: 640px) {
.rotate-162 {
-webkit-transform: rotate(-162deg);
transform: rotate(-162deg);
}
}
@media screen and (min-width: 640px) {
.rotate-161 {
-webkit-transform: rotate(-161deg);
transform: rotate(-161deg);
}
}
@media screen and (min-width: 640px) {
.rotate-160 {
-webkit-transform: rotate(-160deg);
transform: rotate(-160deg);
}
}
@media screen and (min-width: 640px) {
.rotate-159 {
-webkit-transform: rotate(-159deg);
transform: rotate(-159deg);
}
}
@media screen and (min-width: 640px) {
.rotate-158 {
-webkit-transform: rotate(-158deg);
transform: rotate(-158deg);
}
}
@media screen and (min-width: 640px) {
.rotate-157 {
-webkit-transform: rotate(-157deg);
transform: rotate(-157deg);
}
}
@media screen and (min-width: 640px) {
.rotate-156 {
-webkit-transform: rotate(-156deg);
transform: rotate(-156deg);
}
}
@media screen and (min-width: 640px) {
.rotate-155 {
-webkit-transform: rotate(-155deg);
transform: rotate(-155deg);
}
}
@media screen and (min-width: 640px) {
.rotate-154 {
-webkit-transform: rotate(-154deg);
transform: rotate(-154deg);
}
}
@media screen and (min-width: 640px) {
.rotate-153 {
-webkit-transform: rotate(-153deg);
transform: rotate(-153deg);
}
}
@media screen and (min-width: 640px) {
.rotate-152 {
-webkit-transform: rotate(-152deg);
transform: rotate(-152deg);
}
}
@media screen and (min-width: 640px) {
.rotate-151 {
-webkit-transform: rotate(-151deg);
transform: rotate(-151deg);
}
}
@media screen and (min-width: 640px) {
.rotate-150 {
-webkit-transform: rotate(-150deg);
transform: rotate(-150deg);
}
}
@media screen and (min-width: 640px) {
.rotate-149 {
-webkit-transform: rotate(-149deg);
transform: rotate(-149deg);
}
}
@media screen and (min-width: 640px) {
.rotate-148 {
-webkit-transform: rotate(-148deg);
transform: rotate(-148deg);
}
}
@media screen and (min-width: 640px) {
.rotate-147 {
-webkit-transform: rotate(-147deg);
transform: rotate(-147deg);
}
}
@media screen and (min-width: 640px) {
.rotate-146 {
-webkit-transform: rotate(-146deg);
transform: rotate(-146deg);
}
}
@media screen and (min-width: 640px) {
.rotate-145 {
-webkit-transform: rotate(-145deg);
transform: rotate(-145deg);
}
}
@media screen and (min-width: 640px) {
.rotate-144 {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg);
}
}
@media screen and (min-width: 640px) {
.rotate-143 {
-webkit-transform: rotate(-143deg);
transform: rotate(-143deg);
}
}
@media screen and (min-width: 640px) {
.rotate-142 {
-webkit-transform: rotate(-142deg);
transform: rotate(-142deg);
}
}
@media screen and (min-width: 640px) {
.rotate-141 {
-webkit-transform: rotate(-141deg);
transform: rotate(-141deg);
}
}
@media screen and (min-width: 640px) {
.rotate-140 {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
}
@media screen and (min-width: 640px) {
.rotate-139 {
-webkit-transform: rotate(-139deg);
transform: rotate(-139deg);
}
}
@media screen and (min-width: 640px) {
.rotate-138 {
-webkit-transform: rotate(-138deg);
transform: rotate(-138deg);
}
}
@media screen and (min-width: 640px) {
.rotate-137 {
-webkit-transform: rotate(-137deg);
transform: rotate(-137deg);
}
}
@media screen and (min-width: 640px) {
.rotate-136 {
-webkit-transform: rotate(-136deg);
transform: rotate(-136deg);
}
}
@media screen and (min-width: 640px) {
.rotate-135 {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
}
@media screen and (min-width: 640px) {
.rotate-134 {
-webkit-transform: rotate(-134deg);
transform: rotate(-134deg);
}
}
@media screen and (min-width: 640px) {
.rotate-133 {
-webkit-transform: rotate(-133deg);
transform: rotate(-133deg);
}
}
@media screen and (min-width: 640px) {
.rotate-132 {
-webkit-transform: rotate(-132deg);
transform: rotate(-132deg);
}
}
@media screen and (min-width: 640px) {
.rotate-131 {
-webkit-transform: rotate(-131deg);
transform: rotate(-131deg);
}
}
@media screen and (min-width: 640px) {
.rotate-130 {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@media screen and (min-width: 640px) {
.rotate-129 {
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
}
@media screen and (min-width: 640px) {
.rotate-128 {
-webkit-transform: rotate(-128deg);
transform: rotate(-128deg);
}
}
@media screen and (min-width: 640px) {
.rotate-127 {
-webkit-transform: rotate(-127deg);
transform: rotate(-127deg);
}
}
@media screen and (min-width: 640px) {
.rotate-126 {
-webkit-transform: rotate(-126deg);
transform: rotate(-126deg);
}
}
@media screen and (min-width: 640px) {
.rotate-125 {
-webkit-transform: rotate(-125deg);
transform: rotate(-125deg);
}
}
@media screen and (min-width: 640px) {
.rotate-124 {
-webkit-transform: rotate(-124deg);
transform: rotate(-124deg);
}
}
@media screen and (min-width: 640px) {
.rotate-123 {
-webkit-transform: rotate(-123deg);
transform: rotate(-123deg);
}
}
@media screen and (min-width: 640px) {
.rotate-122 {
-webkit-transform: rotate(-122deg);
transform: rotate(-122deg);
}
}
@media screen and (min-width: 640px) {
.rotate-121 {
-webkit-transform: rotate(-121deg);
transform: rotate(-121deg);
}
}
@media screen and (min-width: 640px) {
.rotate-120 {
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
}
}
@media screen and (min-width: 640px) {
.rotate-119 {
-webkit-transform: rotate(-119deg);
transform: rotate(-119deg);
}
}
@media screen and (min-width: 640px) {
.rotate-118 {
-webkit-transform: rotate(-118deg);
transform: rotate(-118deg);
}
}
@media screen and (min-width: 640px) {
.rotate-117 {
-webkit-transform: rotate(-117deg);
transform: rotate(-117deg);
}
}
@media screen and (min-width: 640px) {
.rotate-116 {
-webkit-transform: rotate(-116deg);
transform: rotate(-116deg);
}
}
@media screen and (min-width: 640px) {
.rotate-115 {
-webkit-transform: rotate(-115deg);
transform: rotate(-115deg);
}
}
@media screen and (min-width: 640px) {
.rotate-114 {
-webkit-transform: rotate(-114deg);
transform: rotate(-114deg);
}
}
@media screen and (min-width: 640px) {
.rotate-113 {
-webkit-transform: rotate(-113deg);
transform: rotate(-113deg);
}
}
@media screen and (min-width: 640px) {
.rotate-112 {
-webkit-transform: rotate(-112deg);
transform: rotate(-112deg);
}
}
@media screen and (min-width: 640px) {
.rotate-111 {
-webkit-transform: rotate(-111deg);
transform: rotate(-111deg);
}
}
@media screen and (min-width: 640px) {
.rotate-110 {
-webkit-transform: rotate(-110deg);
transform: rotate(-110deg);
}
}
@media screen and (min-width: 640px) {
.rotate-109 {
-webkit-transform: rotate(-109deg);
transform: rotate(-109deg);
}
}
@media screen and (min-width: 640px) {
.rotate-108 {
-webkit-transform: rotate(-108deg);
transform: rotate(-108deg);
}
}
@media screen and (min-width: 640px) {
.rotate-107 {
-webkit-transform: rotate(-107deg);
transform: rotate(-107deg);
}
}
@media screen and (min-width: 640px) {
.rotate-106 {
-webkit-transform: rotate(-106deg);
transform: rotate(-106deg);
}
}
@media screen and (min-width: 640px) {
.rotate-105 {
-webkit-transform: rotate(-105deg);
transform: rotate(-105deg);
}
}
@media screen and (min-width: 640px) {
.rotate-104 {
-webkit-transform: rotate(-104deg);
transform: rotate(-104deg);
}
}
@media screen and (min-width: 640px) {
.rotate-103 {
-webkit-transform: rotate(-103deg);
transform: rotate(-103deg);
}
}
@media screen and (min-width: 640px) {
.rotate-102 {
-webkit-transform: rotate(-102deg);
transform: rotate(-102deg);
}
}
@media screen and (min-width: 640px) {
.rotate-101 {
-webkit-transform: rotate(-101deg);
transform: rotate(-101deg);
}
}
@media screen and (min-width: 640px) {
.rotate-100 {
-webkit-transform: rotate(-100deg);
transform: rotate(-100deg);
}
}
@media screen and (min-width: 640px) {
.rotate-99 {
-webkit-transform: rotate(-99deg);
transform: rotate(-99deg);
}
}
@media screen and (min-width: 640px) {
.rotate-98 {
-webkit-transform: rotate(-98deg);
transform: rotate(-98deg);
}
}
@media screen and (min-width: 640px) {
.rotate-97 {
-webkit-transform: rotate(-97deg);
transform: rotate(-97deg);
}
}
@media screen and (min-width: 640px) {
.rotate-96 {
-webkit-transform: rotate(-96deg);
transform: rotate(-96deg);
}
}
@media screen and (min-width: 640px) {
.rotate-95 {
-webkit-transform: rotate(-95deg);
transform: rotate(-95deg);
}
}
@media screen and (min-width: 640px) {
.rotate-94 {
-webkit-transform: rotate(-94deg);
transform: rotate(-94deg);
}
}
@media screen and (min-width: 640px) {
.rotate-93 {
-webkit-transform: rotate(-93deg);
transform: rotate(-93deg);
}
}
@media screen and (min-width: 640px) {
.rotate-92 {
-webkit-transform: rotate(-92deg);
transform: rotate(-92deg);
}
}
@media screen and (min-width: 640px) {
.rotate-91 {
-webkit-transform: rotate(-91deg);
transform: rotate(-91deg);
}
}
@media screen and (min-width: 640px) {
.rotate-90 {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@media screen and (min-width: 640px) {
.rotate-89 {
-webkit-transform: rotate(-89deg);
transform: rotate(-89deg);
}
}
@media screen and (min-width: 640px) {
.rotate-88 {
-webkit-transform: rotate(-88deg);
transform: rotate(-88deg);
}
}
@media screen and (min-width: 640px) {
.rotate-87 {
-webkit-transform: rotate(-87deg);
transform: rotate(-87deg);
}
}
@media screen and (min-width: 640px) {
.rotate-86 {
-webkit-transform: rotate(-86deg);
transform: rotate(-86deg);
}
}
@media screen and (min-width: 640px) {
.rotate-85 {
-webkit-transform: rotate(-85deg);
transform: rotate(-85deg);
}
}
@media screen and (min-width: 640px) {
.rotate-84 {
-webkit-transform: rotate(-84deg);
transform: rotate(-84deg);
}
}
@media screen and (min-width: 640px) {
.rotate-83 {
-webkit-transform: rotate(-83deg);
transform: rotate(-83deg);
}
}
@media screen and (min-width: 640px) {
.rotate-82 {
-webkit-transform: rotate(-82deg);
transform: rotate(-82deg);
}
}
@media screen and (min-width: 640px) {
.rotate-81 {
-webkit-transform: rotate(-81deg);
transform: rotate(-81deg);
}
}
@media screen and (min-width: 640px) {
.rotate-80 {
-webkit-transform: rotate(-80deg);
transform: rotate(-80deg);
}
}
@media screen and (min-width: 640px) {
.rotate-79 {
-webkit-transform: rotate(-79deg);
transform: rotate(-79deg);
}
}
@media screen and (min-width: 640px) {
.rotate-78 {
-webkit-transform: rotate(-78deg);
transform: rotate(-78deg);
}
}
@media screen and (min-width: 640px) {
.rotate-77 {
-webkit-transform: rotate(-77deg);
transform: rotate(-77deg);
}
}
@media screen and (min-width: 640px) {
.rotate-76 {
-webkit-transform: rotate(-76deg);
transform: rotate(-76deg);
}
}
@media screen and (min-width: 640px) {
.rotate-75 {
-webkit-transform: rotate(-75deg);
transform: rotate(-75deg);
}
}
@media screen and (min-width: 640px) {
.rotate-74 {
-webkit-transform: rotate(-74deg);
transform: rotate(-74deg);
}
}
@media screen and (min-width: 640px) {
.rotate-73 {
-webkit-transform: rotate(-73deg);
transform: rotate(-73deg);
}
}
@media screen and (min-width: 640px) {
.rotate-72 {
-webkit-transform: rotate(-72deg);
transform: rotate(-72deg);
}
}
@media screen and (min-width: 640px) {
.rotate-71 {
-webkit-transform: rotate(-71deg);
transform: rotate(-71deg);
}
}
@media screen and (min-width: 640px) {
.rotate-70 {
-webkit-transform: rotate(-70deg);
transform: rotate(-70deg);
}
}
@media screen and (min-width: 640px) {
.rotate-69 {
-webkit-transform: rotate(-69deg);
transform: rotate(-69deg);
}
}
@media screen and (min-width: 640px) {
.rotate-68 {
-webkit-transform: rotate(-68deg);
transform: rotate(-68deg);
}
}
@media screen and (min-width: 640px) {
.rotate-67 {
-webkit-transform: rotate(-67deg);
transform: rotate(-67deg);
}
}
@media screen and (min-width: 640px) {
.rotate-66 {
-webkit-transform: rotate(-66deg);
transform: rotate(-66deg);
}
}
@media screen and (min-width: 640px) {
.rotate-65 {
-webkit-transform: rotate(-65deg);
transform: rotate(-65deg);
}
}
@media screen and (min-width: 640px) {
.rotate-64 {
-webkit-transform: rotate(-64deg);
transform: rotate(-64deg);
}
}
@media screen and (min-width: 640px) {
.rotate-63 {
-webkit-transform: rotate(-63deg);
transform: rotate(-63deg);
}
}
@media screen and (min-width: 640px) {
.rotate-62 {
-webkit-transform: rotate(-62deg);
transform: rotate(-62deg);
}
}
@media screen and (min-width: 640px) {
.rotate-61 {
-webkit-transform: rotate(-61deg);
transform: rotate(-61deg);
}
}
@media screen and (min-width: 640px) {
.rotate-60 {
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
}
@media screen and (min-width: 640px) {
.rotate-59 {
-webkit-transform: rotate(-59deg);
transform: rotate(-59deg);
}
}
@media screen and (min-width: 640px) {
.rotate-58 {
-webkit-transform: rotate(-58deg);
transform: rotate(-58deg);
}
}
@media screen and (min-width: 640px) {
.rotate-57 {
-webkit-transform: rotate(-57deg);
transform: rotate(-57deg);
}
}
@media screen and (min-width: 640px) {
.rotate-56 {
-webkit-transform: rotate(-56deg);
transform: rotate(-56deg);
}
}
@media screen and (min-width: 640px) {
.rotate-55 {
-webkit-transform: rotate(-55deg);
transform: rotate(-55deg);
}
}
@media screen and (min-width: 640px) {
.rotate-54 {
-webkit-transform: rotate(-54deg);
transform: rotate(-54deg);
}
}
@media screen and (min-width: 640px) {
.rotate-53 {
-webkit-transform: rotate(-53deg);
transform: rotate(-53deg);
}
}
@media screen and (min-width: 640px) {
.rotate-52 {
-webkit-transform: rotate(-52deg);
transform: rotate(-52deg);
}
}
@media screen and (min-width: 640px) {
.rotate-51 {
-webkit-transform: rotate(-51deg);
transform: rotate(-51deg);
}
}
@media screen and (min-width: 640px) {
.rotate-50 {
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
}
@media screen and (min-width: 640px) {
.rotate-49 {
-webkit-transform: rotate(-49deg);
transform: rotate(-49deg);
}
}
@media screen and (min-width: 640px) {
.rotate-48 {
-webkit-transform: rotate(-48deg);
transform: rotate(-48deg);
}
}
@media screen and (min-width: 640px) {
.rotate-47 {
-webkit-transform: rotate(-47deg);
transform: rotate(-47deg);
}
}
@media screen and (min-width: 640px) {
.rotate-46 {
-webkit-transform: rotate(-46deg);
transform: rotate(-46deg);
}
}
@media screen and (min-width: 640px) {
.rotate-45 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@media screen and (min-width: 640px) {
.rotate-44 {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
}
@media screen and (min-width: 640px) {
.rotate-43 {
-webkit-transform: rotate(-43deg);
transform: rotate(-43deg);
}
}
@media screen and (min-width: 640px) {
.rotate-42 {
-webkit-transform: rotate(-42deg);
transform: rotate(-42deg);
}
}
@media screen and (min-width: 640px) {
.rotate-41 {
-webkit-transform: rotate(-41deg);
transform: rotate(-41deg);
}
}
@media screen and (min-width: 640px) {
.rotate-40 {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
}
@media screen and (min-width: 640px) {
.rotate-39 {
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
}
}
@media screen and (min-width: 640px) {
.rotate-38 {
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
}
@media screen and (min-width: 640px) {
.rotate-37 {
-webkit-transform: rotate(-37deg);
transform: rotate(-37deg);
}
}
@media screen and (min-width: 640px) {
.rotate-36 {
-webkit-transform: rotate(-36deg);
transform: rotate(-36deg);
}
}
@media screen and (min-width: 640px) {
.rotate-35 {
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
}
@media screen and (min-width: 640px) {
.rotate-34 {
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
}
}
@media screen and (min-width: 640px) {
.rotate-33 {
-webkit-transform: rotate(-33deg);
transform: rotate(-33deg);
}
}
@media screen and (min-width: 640px) {
.rotate-32 {
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg);
}
}
@media screen and (min-width: 640px) {
.rotate-31 {
-webkit-transform: rotate(-31deg);
transform: rotate(-31deg);
}
}
@media screen and (min-width: 640px) {
.rotate-30 {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
}
@media screen and (min-width: 640px) {
.rotate-29 {
-webkit-transform: rotate(-29deg);
transform: rotate(-29deg);
}
}
@media screen and (min-width: 640px) {
.rotate-28 {
-webkit-transform: rotate(-28deg);
transform: rotate(-28deg);
}
}
@media screen and (min-width: 640px) {
.rotate-27 {
-webkit-transform: rotate(-27deg);
transform: rotate(-27deg);
}
}
@media screen and (min-width: 640px) {
.rotate-26 {
-webkit-transform: rotate(-26deg);
transform: rotate(-26deg);
}
}
@media screen and (min-width: 640px) {
.rotate-25 {
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
}
}
@media screen and (min-width: 640px) {
.rotate-24 {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg);
}
}
@media screen and (min-width: 640px) {
.rotate-23 {
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
}
@media screen and (min-width: 640px) {
.rotate-22 {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
}
@media screen and (min-width: 640px) {
.rotate-21 {
-webkit-transform: rotate(-21deg);
transform: rotate(-21deg);
}
}
@media screen and (min-width: 640px) {
.rotate-20 {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
}
@media screen and (min-width: 640px) {
.rotate-19 {
-webkit-transform: rotate(-19deg);
transform: rotate(-19deg);
}
}
@media screen and (min-width: 640px) {
.rotate-18 {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}
}
@media screen and (min-width: 640px) {
.rotate-17 {
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
}
}
@media screen and (min-width: 640px) {
.rotate-16 {
-webkit-transform: rotate(-16deg);
transform: rotate(-16deg);
}
}
@media screen and (min-width: 640px) {
.rotate-15 {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
}
@media screen and (min-width: 640px) {
.rotate-14 {
-webkit-transform: rotate(-14deg);
transform: rotate(-14deg);
}
}
@media screen and (min-width: 640px) {
.rotate-13 {
-webkit-transform: rotate(-13deg);
transform: rotate(-13deg);
}
}
@media screen and (min-width: 640px) {
.rotate-12 {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}
}
@media screen and (min-width: 640px) {
.rotate-11 {
-webkit-transform: rotate(-11deg);
transform: rotate(-11deg);
}
}
@media screen and (min-width: 640px) {
.rotate-10 {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
}
@media screen and (min-width: 640px) {
.rotate-9 {
-webkit-transform: rotate(-9deg);
transform: rotate(-9deg);
}
}
@media screen and (min-width: 640px) {
.rotate-8 {
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
}
@media screen and (min-width: 640px) {
.rotate-7 {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
}
@media screen and (min-width: 640px) {
.rotate-6 {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
}
@media screen and (min-width: 640px) {
.rotate-5 {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@media screen and (min-width: 640px) {
.rotate-4 {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
}
@media screen and (min-width: 640px) {
.rotate-3 {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
}
@media screen and (min-width: 640px) {
.rotate-2 {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
}
@media screen and (min-width: 640px) {
.rotate-1 {
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);
}
}
@media screen and (min-width: 640px) {
.rotate0 {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@media screen and (min-width: 640px) {
.rotate1 {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
}
@media screen and (min-width: 640px) {
.rotate2 {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@media screen and (min-width: 640px) {
.rotate3 {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
}
@media screen and (min-width: 640px) {
.rotate4 {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
}
@media screen and (min-width: 640px) {
.rotate5 {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
}
@media screen and (min-width: 640px) {
.rotate6 {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
}
@media screen and (min-width: 640px) {
.rotate7 {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
}
@media screen and (min-width: 640px) {
.rotate8 {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
}
@media screen and (min-width: 640px) {
.rotate9 {
-webkit-transform: rotate(9deg);
transform: rotate(9deg);
}
}
@media screen and (min-width: 640px) {
.rotate10 {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
}
@media screen and (min-width: 640px) {
.rotate11 {
-webkit-transform: rotate(11deg);
transform: rotate(11deg);
}
}
@media screen and (min-width: 640px) {
.rotate12 {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}
}
@media screen and (min-width: 640px) {
.rotate13 {
-webkit-transform: rotate(13deg);
transform: rotate(13deg);
}
}
@media screen and (min-width: 640px) {
.rotate14 {
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
}
@media screen and (min-width: 640px) {
.rotate15 {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
}
@media screen and (min-width: 640px) {
.rotate16 {
-webkit-transform: rotate(16deg);
transform: rotate(16deg);
}
}
@media screen and (min-width: 640px) {
.rotate17 {
-webkit-transform: rotate(17deg);
transform: rotate(17deg);
}
}
@media screen and (min-width: 640px) {
.rotate18 {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
}
@media screen and (min-width: 640px) {
.rotate19 {
-webkit-transform: rotate(19deg);
transform: rotate(19deg);
}
}
@media screen and (min-width: 640px) {
.rotate20 {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
}
@media screen and (min-width: 640px) {
.rotate21 {
-webkit-transform: rotate(21deg);
transform: rotate(21deg);
}
}
@media screen and (min-width: 640px) {
.rotate22 {
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}
}
@media screen and (min-width: 640px) {
.rotate23 {
-webkit-transform: rotate(23deg);
transform: rotate(23deg);
}
}
@media screen and (min-width: 640px) {
.rotate24 {
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
}
@media screen and (min-width: 640px) {
.rotate25 {
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
}
@media screen and (min-width: 640px) {
.rotate26 {
-webkit-transform: rotate(26deg);
transform: rotate(26deg);
}
}
@media screen and (min-width: 640px) {
.rotate27 {
-webkit-transform: rotate(27deg);
transform: rotate(27deg);
}
}
@media screen and (min-width: 640px) {
.rotate28 {
-webkit-transform: rotate(28deg);
transform: rotate(28deg);
}
}
@media screen and (min-width: 640px) {
.rotate29 {
-webkit-transform: rotate(29deg);
transform: rotate(29deg);
}
}
@media screen and (min-width: 640px) {
.rotate30 {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@media screen and (min-width: 640px) {
.rotate31 {
-webkit-transform: rotate(31deg);
transform: rotate(31deg);
}
}
@media screen and (min-width: 640px) {
.rotate32 {
-webkit-transform: rotate(32deg);
transform: rotate(32deg);
}
}
@media screen and (min-width: 640px) {
.rotate33 {
-webkit-transform: rotate(33deg);
transform: rotate(33deg);
}
}
@media screen and (min-width: 640px) {
.rotate34 {
-webkit-transform: rotate(34deg);
transform: rotate(34deg);
}
}
@media screen and (min-width: 640px) {
.rotate35 {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
}
@media screen and (min-width: 640px) {
.rotate36 {
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@media screen and (min-width: 640px) {
.rotate37 {
-webkit-transform: rotate(37deg);
transform: rotate(37deg);
}
}
@media screen and (min-width: 640px) {
.rotate38 {
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
}
@media screen and (min-width: 640px) {
.rotate39 {
-webkit-transform: rotate(39deg);
transform: rotate(39deg);
}
}
@media screen and (min-width: 640px) {
.rotate40 {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
}
@media screen and (min-width: 640px) {
.rotate41 {
-webkit-transform: rotate(41deg);
transform: rotate(41deg);
}
}
@media screen and (min-width: 640px) {
.rotate42 {
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
}
}
@media screen and (min-width: 640px) {
.rotate43 {
-webkit-transform: rotate(43deg);
transform: rotate(43deg);
}
}
@media screen and (min-width: 640px) {
.rotate44 {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
@media screen and (min-width: 640px) {
.rotate45 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@media screen and (min-width: 640px) {
.rotate46 {
-webkit-transform: rotate(46deg);
transform: rotate(46deg);
}
}
@media screen and (min-width: 640px) {
.rotate47 {
-webkit-transform: rotate(47deg);
transform: rotate(47deg);
}
}
@media screen and (min-width: 640px) {
.rotate48 {
-webkit-transform: rotate(48deg);
transform: rotate(48deg);
}
}
@media screen and (min-width: 640px) {
.rotate49 {
-webkit-transform: rotate(49deg);
transform: rotate(49deg);
}
}
@media screen and (min-width: 640px) {
.rotate50 {
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
}
@media screen and (min-width: 640px) {
.rotate51 {
-webkit-transform: rotate(51deg);
transform: rotate(51deg);
}
}
@media screen and (min-width: 640px) {
.rotate52 {
-webkit-transform: rotate(52deg);
transform: rotate(52deg);
}
}
@media screen and (min-width: 640px) {
.rotate53 {
-webkit-transform: rotate(53deg);
transform: rotate(53deg);
}
}
@media screen and (min-width: 640px) {
.rotate54 {
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
}
}
@media screen and (min-width: 640px) {
.rotate55 {
-webkit-transform: rotate(55deg);
transform: rotate(55deg);
}
}
@media screen and (min-width: 640px) {
.rotate56 {
-webkit-transform: rotate(56deg);
transform: rotate(56deg);
}
}
@media screen and (min-width: 640px) {
.rotate57 {
-webkit-transform: rotate(57deg);
transform: rotate(57deg);
}
}
@media screen and (min-width: 640px) {
.rotate58 {
-webkit-transform: rotate(58deg);
transform: rotate(58deg);
}
}
@media screen and (min-width: 640px) {
.rotate59 {
-webkit-transform: rotate(59deg);
transform: rotate(59deg);
}
}
@media screen and (min-width: 640px) {
.rotate60 {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
}
@media screen and (min-width: 640px) {
.rotate61 {
-webkit-transform: rotate(61deg);
transform: rotate(61deg);
}
}
@media screen and (min-width: 640px) {
.rotate62 {
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
}
@media screen and (min-width: 640px) {
.rotate63 {
-webkit-transform: rotate(63deg);
transform: rotate(63deg);
}
}
@media screen and (min-width: 640px) {
.rotate64 {
-webkit-transform: rotate(64deg);
transform: rotate(64deg);
}
}
@media screen and (min-width: 640px) {
.rotate65 {
-webkit-transform: rotate(65deg);
transform: rotate(65deg);
}
}
@media screen and (min-width: 640px) {
.rotate66 {
-webkit-transform: rotate(66deg);
transform: rotate(66deg);
}
}
@media screen and (min-width: 640px) {
.rotate67 {
-webkit-transform: rotate(67deg);
transform: rotate(67deg);
}
}
@media screen and (min-width: 640px) {
.rotate68 {
-webkit-transform: rotate(68deg);
transform: rotate(68deg);
}
}
@media screen and (min-width: 640px) {
.rotate69 {
-webkit-transform: rotate(69deg);
transform: rotate(69deg);
}
}
@media screen and (min-width: 640px) {
.rotate70 {
-webkit-transform: rotate(70deg);
transform: rotate(70deg);
}
}
@media screen and (min-width: 640px) {
.rotate71 {
-webkit-transform: rotate(71deg);
transform: rotate(71deg);
}
}
@media screen and (min-width: 640px) {
.rotate72 {
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
}
}
@media screen and (min-width: 640px) {
.rotate73 {
-webkit-transform: rotate(73deg);
transform: rotate(73deg);
}
}
@media screen and (min-width: 640px) {
.rotate74 {
-webkit-transform: rotate(74deg);
transform: rotate(74deg);
}
}
@media screen and (min-width: 640px) {
.rotate75 {
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
}
}
@media screen and (min-width: 640px) {
.rotate76 {
-webkit-transform: rotate(76deg);
transform: rotate(76deg);
}
}
@media screen and (min-width: 640px) {
.rotate77 {
-webkit-transform: rotate(77deg);
transform: rotate(77deg);
}
}
@media screen and (min-width: 640px) {
.rotate78 {
-webkit-transform: rotate(78deg);
transform: rotate(78deg);
}
}
@media screen and (min-width: 640px) {
.rotate79 {
-webkit-transform: rotate(79deg);
transform: rotate(79deg);
}
}
@media screen and (min-width: 640px) {
.rotate80 {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
}
}
@media screen and (min-width: 640px) {
.rotate81 {
-webkit-transform: rotate(81deg);
transform: rotate(81deg);
}
}
@media screen and (min-width: 640px) {
.rotate82 {
-webkit-transform: rotate(82deg);
transform: rotate(82deg);
}
}
@media screen and (min-width: 640px) {
.rotate83 {
-webkit-transform: rotate(83deg);
transform: rotate(83deg);
}
}
@media screen and (min-width: 640px) {
.rotate84 {
-webkit-transform: rotate(84deg);
transform: rotate(84deg);
}
}
@media screen and (min-width: 640px) {
.rotate85 {
-webkit-transform: rotate(85deg);
transform: rotate(85deg);
}
}
@media screen and (min-width: 640px) {
.rotate86 {
-webkit-transform: rotate(86deg);
transform: rotate(86deg);
}
}
@media screen and (min-width: 640px) {
.rotate87 {
-webkit-transform: rotate(87deg);
transform: rotate(87deg);
}
}
@media screen and (min-width: 640px) {
.rotate88 {
-webkit-transform: rotate(88deg);
transform: rotate(88deg);
}
}
@media screen and (min-width: 640px) {
.rotate89 {
-webkit-transform: rotate(89deg);
transform: rotate(89deg);
}
}
@media screen and (min-width: 640px) {
.rotate90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@media screen and (min-width: 640px) {
.rotate91 {
-webkit-transform: rotate(91deg);
transform: rotate(91deg);
}
}
@media screen and (min-width: 640px) {
.rotate92 {
-webkit-transform: rotate(92deg);
transform: rotate(92deg);
}
}
@media screen and (min-width: 640px) {
.rotate93 {
-webkit-transform: rotate(93deg);
transform: rotate(93deg);
}
}
@media screen and (min-width: 640px) {
.rotate94 {
-webkit-transform: rotate(94deg);
transform: rotate(94deg);
}
}
@media screen and (min-width: 640px) {
.rotate95 {
-webkit-transform: rotate(95deg);
transform: rotate(95deg);
}
}
@media screen and (min-width: 640px) {
.rotate96 {
-webkit-transform: rotate(96deg);
transform: rotate(96deg);
}
}
@media screen and (min-width: 640px) {
.rotate97 {
-webkit-transform: rotate(97deg);
transform: rotate(97deg);
}
}
@media screen and (min-width: 640px) {
.rotate98 {
-webkit-transform: rotate(98deg);
transform: rotate(98deg);
}
}
@media screen and (min-width: 640px) {
.rotate99 {
-webkit-transform: rotate(99deg);
transform: rotate(99deg);
}
}
@media screen and (min-width: 640px) {
.rotate100 {
-webkit-transform: rotate(100deg);
transform: rotate(100deg);
}
}
@media screen and (min-width: 640px) {
.rotate101 {
-webkit-transform: rotate(101deg);
transform: rotate(101deg);
}
}
@media screen and (min-width: 640px) {
.rotate102 {
-webkit-transform: rotate(102deg);
transform: rotate(102deg);
}
}
@media screen and (min-width: 640px) {
.rotate103 {
-webkit-transform: rotate(103deg);
transform: rotate(103deg);
}
}
@media screen and (min-width: 640px) {
.rotate104 {
-webkit-transform: rotate(104deg);
transform: rotate(104deg);
}
}
@media screen and (min-width: 640px) {
.rotate105 {
-webkit-transform: rotate(105deg);
transform: rotate(105deg);
}
}
@media screen and (min-width: 640px) {
.rotate106 {
-webkit-transform: rotate(106deg);
transform: rotate(106deg);
}
}
@media screen and (min-width: 640px) {
.rotate107 {
-webkit-transform: rotate(107deg);
transform: rotate(107deg);
}
}
@media screen and (min-width: 640px) {
.rotate108 {
-webkit-transform: rotate(108deg);
transform: rotate(108deg);
}
}
@media screen and (min-width: 640px) {
.rotate109 {
-webkit-transform: rotate(109deg);
transform: rotate(109deg);
}
}
@media screen and (min-width: 640px) {
.rotate110 {
-webkit-transform: rotate(110deg);
transform: rotate(110deg);
}
}
@media screen and (min-width: 640px) {
.rotate111 {
-webkit-transform: rotate(111deg);
transform: rotate(111deg);
}
}
@media screen and (min-width: 640px) {
.rotate112 {
-webkit-transform: rotate(112deg);
transform: rotate(112deg);
}
}
@media screen and (min-width: 640px) {
.rotate113 {
-webkit-transform: rotate(113deg);
transform: rotate(113deg);
}
}
@media screen and (min-width: 640px) {
.rotate114 {
-webkit-transform: rotate(114deg);
transform: rotate(114deg);
}
}
@media screen and (min-width: 640px) {
.rotate115 {
-webkit-transform: rotate(115deg);
transform: rotate(115deg);
}
}
@media screen and (min-width: 640px) {
.rotate116 {
-webkit-transform: rotate(116deg);
transform: rotate(116deg);
}
}
@media screen and (min-width: 640px) {
.rotate117 {
-webkit-transform: rotate(117deg);
transform: rotate(117deg);
}
}
@media screen and (min-width: 640px) {
.rotate118 {
-webkit-transform: rotate(118deg);
transform: rotate(118deg);
}
}
@media screen and (min-width: 640px) {
.rotate119 {
-webkit-transform: rotate(119deg);
transform: rotate(119deg);
}
}
@media screen and (min-width: 640px) {
.rotate120 {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}
}
@media screen and (min-width: 640px) {
.rotate121 {
-webkit-transform: rotate(121deg);
transform: rotate(121deg);
}
}
@media screen and (min-width: 640px) {
.rotate122 {
-webkit-transform: rotate(122deg);
transform: rotate(122deg);
}
}
@media screen and (min-width: 640px) {
.rotate123 {
-webkit-transform: rotate(123deg);
transform: rotate(123deg);
}
}
@media screen and (min-width: 640px) {
.rotate124 {
-webkit-transform: rotate(124deg);
transform: rotate(124deg);
}
}
@media screen and (min-width: 640px) {
.rotate125 {
-webkit-transform: rotate(125deg);
transform: rotate(125deg);
}
}
@media screen and (min-width: 640px) {
.rotate126 {
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}
@media screen and (min-width: 640px) {
.rotate127 {
-webkit-transform: rotate(127deg);
transform: rotate(127deg);
}
}
@media screen and (min-width: 640px) {
.rotate128 {
-webkit-transform: rotate(128deg);
transform: rotate(128deg);
}
}
@media screen and (min-width: 640px) {
.rotate129 {
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
}
@media screen and (min-width: 640px) {
.rotate130 {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@media screen and (min-width: 640px) {
.rotate131 {
-webkit-transform: rotate(131deg);
transform: rotate(131deg);
}
}
@media screen and (min-width: 640px) {
.rotate132 {
-webkit-transform: rotate(132deg);
transform: rotate(132deg);
}
}
@media screen and (min-width: 640px) {
.rotate133 {
-webkit-transform: rotate(133deg);
transform: rotate(133deg);
}
}
@media screen and (min-width: 640px) {
.rotate134 {
-webkit-transform: rotate(134deg);
transform: rotate(134deg);
}
}
@media screen and (min-width: 640px) {
.rotate135 {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
}
@media screen and (min-width: 640px) {
.rotate136 {
-webkit-transform: rotate(136deg);
transform: rotate(136deg);
}
}
@media screen and (min-width: 640px) {
.rotate137 {
-webkit-transform: rotate(137deg);
transform: rotate(137deg);
}
}
@media screen and (min-width: 640px) {
.rotate138 {
-webkit-transform: rotate(138deg);
transform: rotate(138deg);
}
}
@media screen and (min-width: 640px) {
.rotate139 {
-webkit-transform: rotate(139deg);
transform: rotate(139deg);
}
}
@media screen and (min-width: 640px) {
.rotate140 {
-webkit-transform: rotate(140deg);
transform: rotate(140deg);
}
}
@media screen and (min-width: 640px) {
.rotate141 {
-webkit-transform: rotate(141deg);
transform: rotate(141deg);
}
}
@media screen and (min-width: 640px) {
.rotate142 {
-webkit-transform: rotate(142deg);
transform: rotate(142deg);
}
}
@media screen and (min-width: 640px) {
.rotate143 {
-webkit-transform: rotate(143deg);
transform: rotate(143deg);
}
}
@media screen and (min-width: 640px) {
.rotate144 {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@media screen and (min-width: 640px) {
.rotate145 {
-webkit-transform: rotate(145deg);
transform: rotate(145deg);
}
}
@media screen and (min-width: 640px) {
.rotate146 {
-webkit-transform: rotate(146deg);
transform: rotate(146deg);
}
}
@media screen and (min-width: 640px) {
.rotate147 {
-webkit-transform: rotate(147deg);
transform: rotate(147deg);
}
}
@media screen and (min-width: 640px) {
.rotate148 {
-webkit-transform: rotate(148deg);
transform: rotate(148deg);
}
}
@media screen and (min-width: 640px) {
.rotate149 {
-webkit-transform: rotate(149deg);
transform: rotate(149deg);
}
}
@media screen and (min-width: 640px) {
.rotate150 {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
}
}
@media screen and (min-width: 640px) {
.rotate151 {
-webkit-transform: rotate(151deg);
transform: rotate(151deg);
}
}
@media screen and (min-width: 640px) {
.rotate152 {
-webkit-transform: rotate(152deg);
transform: rotate(152deg);
}
}
@media screen and (min-width: 640px) {
.rotate153 {
-webkit-transform: rotate(153deg);
transform: rotate(153deg);
}
}
@media screen and (min-width: 640px) {
.rotate154 {
-webkit-transform: rotate(154deg);
transform: rotate(154deg);
}
}
@media screen and (min-width: 640px) {
.rotate155 {
-webkit-transform: rotate(155deg);
transform: rotate(155deg);
}
}
@media screen and (min-width: 640px) {
.rotate156 {
-webkit-transform: rotate(156deg);
transform: rotate(156deg);
}
}
@media screen and (min-width: 640px) {
.rotate157 {
-webkit-transform: rotate(157deg);
transform: rotate(157deg);
}
}
@media screen and (min-width: 640px) {
.rotate158 {
-webkit-transform: rotate(158deg);
transform: rotate(158deg);
}
}
@media screen and (min-width: 640px) {
.rotate159 {
-webkit-transform: rotate(159deg);
transform: rotate(159deg);
}
}
@media screen and (min-width: 640px) {
.rotate160 {
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
}
}
@media screen and (min-width: 640px) {
.rotate161 {
-webkit-transform: rotate(161deg);
transform: rotate(161deg);
}
}
@media screen and (min-width: 640px) {
.rotate162 {
-webkit-transform: rotate(162deg);
transform: rotate(162deg);
}
}
@media screen and (min-width: 640px) {
.rotate163 {
-webkit-transform: rotate(163deg);
transform: rotate(163deg);
}
}
@media screen and (min-width: 640px) {
.rotate164 {
-webkit-transform: rotate(164deg);
transform: rotate(164deg);
}
}
@media screen and (min-width: 640px) {
.rotate165 {
-webkit-transform: rotate(165deg);
transform: rotate(165deg);
}
}
@media screen and (min-width: 640px) {
.rotate166 {
-webkit-transform: rotate(166deg);
transform: rotate(166deg);
}
}
@media screen and (min-width: 640px) {
.rotate167 {
-webkit-transform: rotate(167deg);
transform: rotate(167deg);
}
}
@media screen and (min-width: 640px) {
.rotate168 {
-webkit-transform: rotate(168deg);
transform: rotate(168deg);
}
}
@media screen and (min-width: 640px) {
.rotate169 {
-webkit-transform: rotate(169deg);
transform: rotate(169deg);
}
}
@media screen and (min-width: 640px) {
.rotate170 {
-webkit-transform: rotate(170deg);
transform: rotate(170deg);
}
}
@media screen and (min-width: 640px) {
.rotate171 {
-webkit-transform: rotate(171deg);
transform: rotate(171deg);
}
}
@media screen and (min-width: 640px) {
.rotate172 {
-webkit-transform: rotate(172deg);
transform: rotate(172deg);
}
}
@media screen and (min-width: 640px) {
.rotate173 {
-webkit-transform: rotate(173deg);
transform: rotate(173deg);
}
}
@media screen and (min-width: 640px) {
.rotate174 {
-webkit-transform: rotate(174deg);
transform: rotate(174deg);
}
}
@media screen and (min-width: 640px) {
.rotate175 {
-webkit-transform: rotate(175deg);
transform: rotate(175deg);
}
}
@media screen and (min-width: 640px) {
.rotate176 {
-webkit-transform: rotate(176deg);
transform: rotate(176deg);
}
}
@media screen and (min-width: 640px) {
.rotate177 {
-webkit-transform: rotate(177deg);
transform: rotate(177deg);
}
}
@media screen and (min-width: 640px) {
.rotate178 {
-webkit-transform: rotate(178deg);
transform: rotate(178deg);
}
}
@media screen and (min-width: 640px) {
.rotate179 {
-webkit-transform: rotate(179deg);
transform: rotate(179deg);
}
}
@media screen and (min-width: 640px) {
.rotate180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
/* ==========================================================================
#Admin bar overrides
========================================================================== */
.toolbar-bar {
display: none;
}
@media screen and (min-width: 1024px) {
.toolbar-bar {
display: block;
}
}
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 0 !important;
}
@media screen and (max-width: 1024px) {
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
}
}
/* Drupal tabs
========================================================================== */
.g-drupal-tabs {
margin: 1.5rem 0;
}
.g-drupal-tabs a {
margin-bottom: 0;
border-radius: 0;
font-size: 0.7777777778rem;
}
/**
* DRUPAL: Begin system.base.css.
*/
/**
* @file
* Generic theme-independent base styles.
*/
.js .form-autocomplete {
background-image: url("/misc/throbber.gif");
background-position: 100% 2px; /* LTR */
background-repeat: no-repeat;
}
.js .throbbing {
background-position: 100% -18px; /* LTR */
}
.js .collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
.js .collapsed .fieldset-wrapper {
display: none;
}
.collapsible {
position: relative;
}
.collapsible .fieldset-legend {
display: block;
}
.container-inline div,
.container-inline label {
display: inline;
}
.container-inline .fieldset-wrapper {
display: block;
}
.nowrap {
white-space: nowrap;
}
.js .js-hide {
display: none;
}
.element-hidden {
display: none;
}
.element-invisible {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
margin-bottom: 0;
}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
.clearfix::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
* html .clearfix {
height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
min-height: 1%;
}
/* Throbber */
.ajax-progress {
display: inline-block;
}
.ajax-progress .throbber {
background: transparent url("../../img/throbber-active.gif") no-repeat 0 center;
float: left; /* LTR */
height: 15px;
margin: 2px;
width: 15px;
}
.ajax-progress .message {
padding-left: 20px;
}
tr .ajax-progress .throbber {
margin: 0 2px;
}
.ajax-progress-bar {
width: 16em;
}
/**
* DRUPAL: End system.base.css.
*/
/**
* DRUPAL: contextual.css
*/
/**
* Contextual links regions.
*/
.contextual-links-region {
outline: none;
position: relative;
}
.contextual-links-region-active {
outline: #999 dashed 1px;
}
/**
* Contextual links.
*/
.contextual-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px; /* LTR */
top: 2px;
z-index: 999;
}
.contextual-links-wrapper a {
text-decoration: none;
}
.js .contextual-links-wrapper {
display: block;
}
.contextual-links-trigger {
background: transparent url("../../img/gear-select.png") no-repeat 2px 0;
border: 1px solid transparent;
display: none;
height: 18px;
margin: 0;
padding: 0 2px;
outline: none;
text-indent: 34px; /* LTR */
width: 28px;
overflow: hidden;
border-radius: 4px;
}
.contextual-links-trigger .contextual-links {
background-color: #fff;
border: 1px solid #ccc;
display: none;
margin: 0;
padding: 0.25em 0;
position: absolute;
right: 0;
text-align: left;
top: 18px;
white-space: nowrap;
border-radius: 4px 0 4px 4px; /* LTR */
}
.contextual-links-trigger:hover,
.contextual-links-active .contextual-links-trigger {
background-position: 2px -18px;
}
.contextual-links-active .contextual-links-trigger {
background-color: #fff;
border-color: #ccc;
border-bottom: 0;
position: relative;
z-index: 1;
border-radius: 4px 4px 0 0;
}
.contextual-links-region:hover .contextual-links-trigger,
.contextual-links-active .contextual-links-trigger,
.contextual-links-active .contextual-links {
display: block;
}
.contextual-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.contextual-links li a {
color: #333 !important;
display: block;
margin: 0.25em 0;
padding: 0.25em 1em 0.25em 0.5em;
}
.contextual-links li a:hover {
background-color: #bfdcee;
}
/**
* DRUPAL: End contextual.css
*/
/* DRUPAL: Fixes */
.boxes-box-controls,
.context-block-region {
display: none;
}
/* Fix padding error message issue with certain form types. */
.form-type-checkbox.error small,
.form-type-checkboxes.error small,
.form-item-radio.error small {
margin-top: 0;
}
/* Make FB Comments Responsive */
.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
width: 100% !important;
}
/* ==========================================================================
#Reset
========================================================================== */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}
abbr[title],
dfn[title] {
cursor: help;
}
u,
ins {
text-decoration: none;
}
ins {
border-bottom: 1px solid;
}
/* ==========================================================================
#Shared styles - Mainly for setting bottom margin
========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre,
input,
button,
.c-btn,
.c-donation__donate,
.c-popup__btn a,
.c-btn__wrap--gray a,
.c-btn__wrap--secondary a,
.c-btn__wrap--primary a,
textarea {
margin: 0 0 1.66666rem;
padding: 0;
}
/* ==========================================================================
#Page
- High level page styling, HTML tag only.
========================================================================== */
/*doc
---
title: Page
name: page
category: Base - Page
---
This file contains settings for the entire site with font-family, line-height,
and font size values. These should only be adjusted at the very beginning
of a project.
Variables can be found in `settings/_global.scss`.
```
html {
font-family: $f-sans;
line-height: $base-line-height; // usually 24px
font-size: $base-font-size-px; // usually 16px
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
```
*/
html {
font-family: "Oxygen", sans-serif;
line-height: 1.66666;
font-size: 18px;
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #0f0f0f;
word-wrap: break-word;
}
*, *::after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* ==========================================================================
Form elements
========================================================================== */
/*doc
---
title: Forms
name: a_forms
category: Base - Forms
---
Default styling for form elements. All of the elements should be used within
a `
```
*/
[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea {
padding: 0 1rem 1rem;
border: solid #bbb;
font-size: 1.1111111111rem;
width: 100%;
border-width: 0 0 3px;
margin-bottom: 3.8888888889rem;
font-family: "Oxygen", sans-serif, Helvetica, Arial, sans-serif;
}
[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
textarea {
min-height: 4.1666666667rem;
overflow: auto;
resize: vertical;
width: 100%;
border-width: 1px 1px 3px;
margin-bottom: 0;
padding: 1rem;
font-family: "Oxygen", sans-serif, Helvetica, Arial, sans-serif;
}
/*doc
---
title: Fieldsets
name: d-fieldsets
category: Base - Forms
---
```html_example
```
*/
fieldset {
border: 1px solid #ddd;
margin: 0 0 0.83333rem;
padding: 1.66666rem;
}
[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*doc
---
title: Checkbox/Radios
name: c-checkbox
category: Base - Forms
---
```html_example
Checkboxes:
Radio Buttons:
```
*/
[type=checkbox],
[type=radio] {
display: inline;
margin-right: 0.416665rem;
}
[type=checkbox] + label,
[type=radio] + label {
display: inline-block;
}
[type=file] {
margin-bottom: 0.83333rem;
width: 100%;
}
/*doc
---
title: Select list
name: b-select-list
category: Base - Forms
---
```html_example
Select Element:
Option 1
Option 2
Option 3
Option 1
Option 2
Option 3
```
*/
select {
margin-bottom: 1.66666rem;
max-width: 100%;
width: auto;
}
.form-type-radio input,
.form-type-checkbox input {
position: absolute;
left: -99999px;
}
.form-type-radio label,
.form-type-checkbox label {
cursor: pointer;
}
.form-type-radio label::before,
.form-type-checkbox label::before {
content: "";
display: inline-block;
height: 19px;
width: 19px;
border: 1px solid #bbb;
margin-right: 5px;
vertical-align: -3px;
background: url("../../img/icon-radio.gif");
}
.form-type-radio input:not(:checked) + label::before,
.form-type-checkbox input:not(:checked) + label::before {
background: #fff;
}
.form-type-checkbox label::before {
content: "";
display: inline-block;
height: 26px;
width: 26px;
border: 1px solid #bbb;
margin-right: 5px;
vertical-align: -5px;
background: url("../../img/icon-checkbox.gif");
}
.image-widget-data {
font-size: 15px;
}
.image-widget-data .c-btn, .image-widget-data .c-donation__donate, .image-widget-data .c-popup__btn a, .c-popup__btn .image-widget-data a, .image-widget-data .c-btn__wrap--gray a, .c-btn__wrap--gray .image-widget-data a, .image-widget-data .c-btn__wrap--secondary a, .c-btn__wrap--secondary .image-widget-data a, .image-widget-data .c-btn__wrap--primary a, .c-btn__wrap--primary .image-widget-data a {
font-size: 15px !important;
}
.image-widget-data input {
border: 1px solid #bbb;
padding: 1rem;
}
.form-item-field-share-with-others-value {
margin-bottom: 1.6666666667rem;
}
.form-textarea-wrapper {
margin-bottom: 4.4444444444rem;
}
.filter-wrapper {
margin-top: -10px;
padding: 1rem;
display: none;
position: relative;
margin-bottom: 4.4444444444rem;
}
.filter-wrapper .filter-help {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.filter-wrapper .filter-help a {
display: block;
text-indent: -9999px;
}
.filter-wrapper .filter-guidelines-item {
margin: 0;
}
.filter-wrapper ul {
list-style: none;
}
.filter-wrapper ul li {
font-size: 0.7777777778rem;
margin-bottom: 0.5555555556rem;
}
.filter-wrapper ul li:last-child {
margin-bottom: 0;
}
.field--type-image .description {
border: 1px solid #ccc;
padding: 1rem;
font-size: 0.7777777778rem;
margin-bottom: 2.2222222222rem;
}
.c-stories__public-form--small {
margin: 1.1111111111rem 0;
font-size: 0.8333333333rem;
}
.form-actions {
margin-top: 1.1111111111rem;
}
/* ==========================================================================
#Headings
========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---
Default styling for headings 1-6
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
h1,
.alpha,
.c-cta-widget--large-text .c-cta-widget__headline {
font-size: 36px;
font-family: "Libre Baskerville", serif;
font-weight: 500;
}
h2,
.beta {
font-size: 30px;
font-family: "Libre Baskerville", serif;
font-weight: 500;
}
h3,
.gamma {
font-size: 24px;
font-weight: 500;
}
h4,
.delta {
font-size: 24px;
font-family: "Libre Baskerville", serif;
font-weight: 500;
}
h5,
.epsilon {
font-size: 21px;
font-weight: 500;
}
h6,
.zeta {
font-size: 1rem;
font-weight: 500;
}
h1.c-headers--small {
font-size: 30px;
}
h2.c-headers--small {
font-size: 24px;
}
h3.c-headers--small {
font-weight: 500;
font-size: 21px;
}
h4.c-headers--small {
font-weight: 500;
font-size: 21px;
}
h5.c-headers--small {
font-weight: 500;
font-size: 1rem;
}
h6.c-headers--small {
font-weight: 500;
font-size: 12px;
}
h1.c-headers--no-margin, h1.c-infographic-widget__headline, h2.c-headers--no-margin, h2.c-infographic-widget__headline, h3.c-headers--no-margin, h3.c-infographic-widget__headline, h4.c-headers--no-margin, h4.c-infographic-widget__headline, h5.c-headers--no-margin, h5.c-infographic-widget__headline, h6.c-headers--no-margin, h6.c-infographic-widget__headline {
margin-bottom: 0;
}
h1.c-headers--white, h2.c-headers--white, h3.c-headers--white, h4.c-headers--white, h5.c-headers--white, h6.c-headers--white {
color: #fff; /* use this when not using trump classes to force white headers*/
}
/* ==========================================================================
#Images
========================================================================== */
/*doc
---
title: Images
name: images
category: Base - Images
---
Default styling for the image tag. This sets a `max-width` of 100%
to make all images responsive
```html_example
This is a special quote for sure By someone special
```
*/
blockquote {
font-family: "Libre Baskerville", serif;
}
blockquote cite {
display: block;
font-weight: 700;
}
/* ==========================================================================
#Links
========================================================================== */
/*doc
---
title: Links
name: links
category: Base - Links
---
Default styling for links.
```html_example
Content
```
*/
a {
color: #0789c1;
text-decoration: none;
}
a:link {
color: #0789c1;
}
/*a:visited { color: $lochmara; }*/
a:hover {
color: #032f66;
}
a:active {
-webkit-transition: color 0.3s;
transition: color 0.3s;
color: #032f66;
}
.c-card__link,
.c-card__link:link,
.c-card__link:visited {
color: #0f0f0f;
opacity: 1;
display: block;
}
.c-card__link:hover {
opacity: 0.5;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.c-link--arrow {
font-size: 0.8888888889rem;
padding-right: 2em;
background-position: right center;
background-repeat: no-repeat;
background-image: url("../../img/arrow_dark.svg");
background-size: 40px 25px;
text-transform: capitalize;
opacity: 1;
}
.c-link--arrow:link, .c-link--arrow:visited {
color: #0f0f0f;
}
.c-link--arrow:hover {
opacity: 0.5;
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.c-link--resources {
display: inline-block;
}
.c-link--resources .file-size {
display: none;
}
.c-link--resources a {
color: #0f0f0f;
}
.t-bg-primary .c-link--resources a,
.t-bg-secondary .c-link--resources a,
.t-bg-curious-blue .c-link--resources a,
.t-bg-red-devil .c-link--resources a {
color: #fff;
}
.t-bg-primary .c-widget-box__details a,
.t-bg-secondary .c-widget-box__details a,
.t-bg-curious-blue .c-widget-box__details a,
.t-bg-red-devil .c-widget-box__details a {
color: #fff;
}
.t-bg-primary .c-link--arrow,
.t-bg-secondary .c-link--arrow,
.t-bg-curious-blue .c-link--arrow,
.t-bg-red-devil .c-link--arrow {
color: #fff;
background-image: url("../../img/arrow_white.svg");
}
.t-bg-primary .c-link--arrow:hover,
.t-bg-secondary .c-link--arrow:hover,
.t-bg-curious-blue .c-link--arrow:hover,
.t-bg-red-devil .c-link--arrow:hover {
opacity: 0.5;
}
/* ==========================================================================
#Lists
========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---
Default styling for lists.
*/
ul,
ol {
list-style-type: none;
padding: 0;
}
/*doc
---
title: Unordered List
name: lists-u
category: Base - Lists
---
Unordered list default
```html_example
```
*/
ul {
list-style-type: disc;
padding-left: 1.66666rem;
}
ul ul {
list-style-type: circle;
margin-bottom: 0;
padding-left: 1rem;
}
/*doc
---
title: Ordered List
name: lists-o
category: Base - Lists
---
```html_example
List item 1
List item 2
```
*/
ol {
list-style-type: decimal;
padding-left: 1.66666rem;
}
ol ol {
margin-bottom: 0;
padding-left: 1rem;
}
/*doc
---
title: Definition list
name: lists-d
category: Base - Lists
---
```html_example
Term
Description
Term
Description
```
*/
dl dt {
font-weight: bold;
}
dl dd {
margin: 0;
}
/* ==========================================================================
#Tables
========================================================================== */
/*doc
---
title: Tables
name: tables
category: Base - Tables
---
Default styling for tables.
```html_example
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
```
*/
table {
border-collapse: collapse;
-webkit-font-feature-settings: "kern", "liga", "tnum";
font-feature-settings: "kern", "liga", "tnum";
margin: 0.83333rem 0;
table-layout: fixed;
width: 100%;
border: 0;
min-width: 35.5555555556rem;
}
.table-wrap {
width: 100%;
overflow-x: auto;
}
.region-content thead {
display: table-header-group;
}
th {
font-weight: 500;
text-align: center;
font-size: 1.1666666667rem;
padding: 1.1666666667rem 0.5555555556rem;
border: solid #c6c6c6;
border-width: 0 1px 0 0;
vertical-align: top;
}
thead th {
background: #054697;
color: #fff;
border: solid #fff;
border-width: 0 1px 0 0;
vertical-align: middle;
}
.region-content tbody td {
padding: 1.1666666667rem;
border: solid #c6c6c6;
border-width: 0 1px 0 0;
color: #868686;
font-size: 1rem;
vertical-align: top;
}
.region-content tbody td:last-child {
border-right: 0;
}
/* ==========================================================================
#Type
========================================================================== */
body {
font-size: 1rem;
line-height: 1.66666;
font-family: "Oxygen", sans-serif, Helvetica, Arial, sans-serif;
}
hr {
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.66666rem 0;
}
.a-center {
text-align: center;
}
/* ==========================================================================
#o-Bands
========================================================================== */
/*doc
---
title: Default band
name: band
category: Object - Band
---
Bands are full-width sections of layout with padding on the top and bottom that can contain different backgrounds
```html_example
```
*/
.o-band--bottom::after, .o-band--top::after, .o-band--flush::after, .o-band--small::after, .o-band::after {
clear: both;
content: "";
display: block;
}
.o-band {
padding: 4rem 0;
}
/*doc
---
title: Small band
name: small-band
category: Object - Band
---
Small band has decreased top and bottom padding.
```html_example
```
*/
.o-band--small {
padding: 2rem 0;
}
/*doc
---
title: Flush band
name: flush-band
category: Object - Band
---
Flush band removes all padding.
```html_example
```
*/
.o-band--flush {
padding: 0;
}
.o-band--top {
padding-bottom: 0;
}
.o-band--bottom {
padding-top: 0;
}
/* ==========================================================================
Box
========================================================================== */
/*doc
---
title: Box
name: box
category: Object - Box
---
Box should be applied to anything with padding all the way around.
```html_example
Example
```
*/
.o-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.o-video embed,
.o-video object,
.o-video iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/* ==========================================================================
#Wrap
========================================================================== */
.o-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
/* ==========================================================================
#Alerts
========================================================================== */
/*doc
---
title: Success
name: alert_success
category: Components - Alert
---
Success alert used in drupal. Mainly displayed after saving or
creating content.
```html_example
Congratulations! You successfully saved node
4,153 .
Guess what... you have 4,000
modules out-of-date!
I'm the default Drupal status message, isn't that
cool ?
Button Modifier Class
Small button `btn btn--small` Default button `btn btn--default` Medium button `btn btn--medium` Large button `btn btn--large` Primary button `btn btn--primary` Secondary button `btn btn--secondary`
`
*/
/* Dynamic button mixin
========================================================================== */
/* Static button styles
========================================================================== */
.c-btn, .c-donation__donate, .c-popup__btn a, .c-btn__wrap--gray a, .c-btn__wrap--secondary a, .c-btn__wrap--primary a,
.c-slider__slide-content a {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-color: #fff;
border: 3px solid;
color: #fff;
border-radius: 2rem;
display: inline-block;
font-family: "Oxygen", sans-serif;
font-size: 1rem;
line-height: 1;
text-align: center;
padding: 0.5em 1em;
background-color: rgba(255, 255, 255, 0);
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
}
.c-btn:link, .c-donation__donate:link, .c-popup__btn a:link, .c-btn__wrap--gray a:link, .c-btn__wrap--secondary a:link, .c-btn__wrap--primary a:link, .c-btn:visited, .c-donation__donate:visited, .c-popup__btn a:visited, .c-btn__wrap--gray a:visited, .c-btn__wrap--secondary a:visited, .c-btn__wrap--primary a:visited,
.c-slider__slide-content a:link,
.c-slider__slide-content a:visited {
color: #fff;
}
.c-btn:hover, .c-donation__donate:hover, .c-popup__btn a:hover, .c-btn__wrap--gray a:hover, .c-btn__wrap--secondary a:hover, .c-btn__wrap--primary a:hover,
.c-slider__slide-content a:hover {
cursor: pointer;
}
.c-btn--small, .o-wrap__content .c-teaser .c-btn__wrap--small a, .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a.c-btn, .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a.c-donation__donate, .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header a.c-btn, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header a.c-donation__donate, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header a, .c-videos__header .c-btn__wrap--primary .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--primary .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-videos__header .c-btn__wrap--secondary .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-videos__header .c-btn__wrap--gray .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--gray .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small a.c-btn, .c-videos__header .c-btn__wrap--small a.c-donation__donate, .c-videos__header .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header a.c-btn, .c-btn__wrap--small .c-videos__header a.c-donation__donate, .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-videos__header a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-videos__header .c-btn.c-btn--small, .c-videos__header .c-btn--small.c-donation__donate, .c-videos__header .c-popup__btn a.c-btn--small, .c-popup__btn .c-videos__header a.c-btn--small, .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a.c-btn, .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a.c-donation__donate, .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header a.c-btn, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header a.c-donation__donate, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header a, .c-videos__header .c-btn__wrap--small a.c-btn, .c-videos__header .c-btn__wrap--small a.c-donation__donate, .c-videos__header .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header a.c-btn, .c-btn__wrap--small .c-videos__header a.c-donation__donate, .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-videos__header a, .c-videos__header .c-btn__wrap--small a.c-btn, .c-videos__header .c-btn__wrap--small a.c-donation__donate, .c-videos__header .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header a.c-btn, .c-btn__wrap--small .c-videos__header a.c-donation__donate, .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-videos__header a, .c-videos__header .c-btn__wrap--gray a.c-btn--small, .c-videos__header .c-btn__wrap--gray .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a.c-btn, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a.c-donation__donate, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray a.c-btn, .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray a.c-donation__donate, .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a.c-btn, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a.c-donation__donate, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--primary .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small .c-btn__wrap--gray a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray .c-btn__wrap--primary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary .c-btn__wrap--gray a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header .c-btn__wrap--gray a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--secondary .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small .c-btn__wrap--gray a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray .c-btn__wrap--secondary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--gray a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--gray a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-videos__header .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--gray .c-videos__header a.c-btn--small, .c-btn__wrap--gray .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a.c-btn, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a.c-donation__donate, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header a.c-btn, .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header a.c-donation__donate, .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a.c-btn, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a.c-donation__donate, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--gray .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--primary .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--gray .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--secondary .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-videos__header .c-btn__wrap--secondary a.c-btn--small, .c-videos__header .c-btn__wrap--secondary .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a.c-btn, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a.c-donation__donate, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary a.c-btn, .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary a.c-donation__donate, .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a.c-btn, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a.c-donation__donate, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--primary .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small .c-btn__wrap--secondary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--primary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary .c-btn__wrap--secondary a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header .c-btn__wrap--secondary a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-videos__header .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary .c-videos__header a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--gray .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small .c-btn__wrap--secondary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--gray a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray .c-btn__wrap--secondary a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small .c-btn__wrap--secondary a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-videos__header a.c-btn--small, .c-btn__wrap--secondary .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a.c-btn, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a.c-donation__donate, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header a.c-btn, .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header a.c-donation__donate, .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a.c-btn, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a.c-donation__donate, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--secondary .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--primary .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--secondary .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--gray .c-btn__wrap--secondary .c-videos__header a, .c-videos__header .c-btn__wrap--primary a.c-btn--small, .c-videos__header .c-btn__wrap--primary .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a.c-btn, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a.c-donation__donate, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary a.c-btn, .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary a.c-donation__donate, .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary .c-popup__btn a, .c-popup__btn .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a.c-btn, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a.c-donation__donate, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-videos__header .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary .c-videos__header a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--secondary .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small .c-btn__wrap--primary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary .c-btn__wrap--secondary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--primary a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary a, .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--primary a, .c-videos__header .c-btn__wrap--primary .c-btn__wrap--gray .c-btn__wrap--small a, .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small .c-btn__wrap--primary a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary .c-btn__wrap--gray a, .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray .c-btn__wrap--primary a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small .c-btn__wrap--primary a, .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--primary .c-videos__header a.c-btn--small, .c-btn__wrap--primary .c-videos__header .o-wrap__content .c-teaser .c-btn__wrap--small a, .o-wrap__content .c-teaser .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a.c-btn, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a.c-donation__donate, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small .c-popup__btn a, .c-popup__btn .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header a.c-btn, .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header a.c-donation__donate, .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a.c-btn, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a.c-donation__donate, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header .c-popup__btn a, .c-popup__btn .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--primary .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header .c-btn__wrap--primary a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--secondary .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header .c-btn__wrap--secondary a, .c-btn__wrap--primary .c-btn__wrap--secondary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--secondary .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--small .c-btn__wrap--secondary .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--secondary .c-btn__wrap--primary .c-videos__header a, .c-btn__wrap--primary .c-videos__header .c-btn__wrap--gray .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--small .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--small .c-btn__wrap--primary .c-videos__header .c-btn__wrap--gray a, .c-btn__wrap--primary .c-btn__wrap--gray .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--gray .c-btn__wrap--primary .c-videos__header .c-btn__wrap--small a, .c-btn__wrap--primary .c-btn__wrap--small .c-btn__wrap--gray .c-videos__header a, .c-btn__wrap--small .c-btn__wrap--gray .c-btn__wrap--primary .c-videos__header a {
font-size: 0.8rem;
}
.c-btn--default {
font-size: 1rem;
}
.c-btn--medium, .o-wrap__content .c-btn, .o-wrap__content .c-donation__donate, .o-wrap__content .c-popup__btn a, .c-popup__btn .o-wrap__content a, .o-wrap__content .c-btn__wrap--gray a, .c-btn__wrap--gray .o-wrap__content a, .o-wrap__content .c-btn__wrap--secondary a, .c-btn__wrap--secondary .o-wrap__content a, .o-wrap__content .c-btn__wrap--primary a, .c-btn__wrap--primary .o-wrap__content a {
font-size: 1.3rem;
}
.c-btn--large {
font-size: 1.8rem;
}
.c-btn--primary, .c-btn__wrap--primary a {
background-color: rgba(255, 255, 255, 0);
border: "3px" solid #054697;
color: #054697;
}
.c-btn--primary:link, .c-btn__wrap--primary a:link, .c-btn--primary:visited, .c-btn__wrap--primary a:visited {
color: #054697;
}
.c-btn--primary:hover, .c-btn__wrap--primary a:hover {
background-color: #054697;
border-color: #054697;
color: #fff;
}
.c-btn--secondary, .c-btn__wrap--secondary a {
background-color: rgba(255, 255, 255, 0);
border: "3px" solid #af021f;
color: #af021f;
}
.c-btn--secondary:link, .c-btn__wrap--secondary a:link, .c-btn--secondary:visited, .c-btn__wrap--secondary a:visited {
color: #af021f;
}
.c-btn--secondary:hover, .c-btn__wrap--secondary a:hover {
background-color: #af021f;
border-color: #af021f;
color: #fff;
}
.c-btn--gray, .c-btn__wrap--gray a {
background-color: rgba(255, 255, 255, 0);
border: 3px solid rgba(81, 81, 81, 0);
color: #515151;
}
.c-btn--gray:link, .c-btn__wrap--gray a:link, .c-btn--gray:visited, .c-btn__wrap--gray a:visited {
color: #515151;
}
.c-btn--gray:hover, .c-btn__wrap--gray a:hover {
background-color: #515151;
border-color: #515151;
color: #fff;
}
.c-page-head .c-btn, .c-page-head .c-donation__donate, .c-page-head .c-popup__btn a, .c-popup__btn .c-page-head a, .c-page-head .c-btn__wrap--gray a, .c-btn__wrap--gray .c-page-head a, .c-page-head .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-page-head a, .c-page-head .c-btn__wrap--primary a, .c-btn__wrap--primary .c-page-head a {
width: 130px;
}
.o-wrap__content .c-btn, .o-wrap__content .c-donation__donate, .o-wrap__content .c-popup__btn a, .c-popup__btn .o-wrap__content a, .o-wrap__content .c-btn__wrap--gray a, .c-btn__wrap--gray .o-wrap__content a, .o-wrap__content .c-btn__wrap--secondary a, .c-btn__wrap--secondary .o-wrap__content a, .o-wrap__content .c-btn__wrap--primary a, .c-btn__wrap--primary .o-wrap__content a {
min-width: 7em;
}
.o-wrap__content .t-bg-primary .c-btn:hover, .o-wrap__content .t-bg-primary .c-donation__donate:hover, .o-wrap__content .t-bg-primary .c-popup__btn a:hover, .c-popup__btn .o-wrap__content .t-bg-primary a:hover, .o-wrap__content .t-bg-primary .c-btn__wrap--gray a:hover, .c-btn__wrap--gray .o-wrap__content .t-bg-primary a:hover, .o-wrap__content .t-bg-primary .c-btn__wrap--secondary a:hover, .c-btn__wrap--secondary .o-wrap__content .t-bg-primary a:hover, .o-wrap__content .t-bg-primary .c-btn__wrap--primary a:hover, .c-btn__wrap--primary .o-wrap__content .t-bg-primary a:hover {
color: #054697;
background: #fff;
border-color: #fff;
}
.o-wrap__content .t-bg-secondary .c-btn:hover, .o-wrap__content .t-bg-secondary .c-donation__donate:hover, .o-wrap__content .t-bg-secondary .c-popup__btn a:hover, .c-popup__btn .o-wrap__content .t-bg-secondary a:hover, .o-wrap__content .t-bg-secondary .c-btn__wrap--gray a:hover, .c-btn__wrap--gray .o-wrap__content .t-bg-secondary a:hover, .o-wrap__content .t-bg-secondary .c-btn__wrap--secondary a:hover, .c-btn__wrap--secondary .o-wrap__content .t-bg-secondary a:hover, .o-wrap__content .t-bg-secondary .c-btn__wrap--primary a:hover, .c-btn__wrap--primary .o-wrap__content .t-bg-secondary a:hover {
color: #af021f;
background: #fff;
border-color: #fff;
}
.c-btn__row {
padding: 0;
margin: 0;
}
.c-btn__row li {
list-style: none;
display: inline-block;
padding: 0;
margin: 0 1rem 0 0;
}
.c-btn--primary:active, .c-btn__wrap--primary a:active,
.c-btn--primary:focus,
.c-btn__wrap--primary a:focus {
background-color: #054697;
border-color: #054697;
color: #fff;
}
/* ==========================================================================
Featured Pane
========================================================================== */
/*doc
---
title: Default
name: featured-pane
category: Components - Featured Pane
---
Featured panes inherit the `.box` object which can be found in `objects/_box.scss`
```html_example
Blog Post
How to create an unscripted leadership platform of your own
```
*/
/* Full size featured pane
========================================================================== */
.c-featured-pane {
min-height: 400px;
}
.c-featured-pane__source {
color: #fff;
font-size: 1.1rem;
margin: 0;
}
.c-featured-pane__title {
color: #fff;
font-size: 1.875rem;
margin: 0;
}
/*doc
---
title: Small
name: featured-pane-small
category: Components - Featured Pane
---
Featured panes inherit the `.box` object which can be found in `objects/_box.scss`
```html_example
Blog Post
How to create an unscripted leadership platform of your own
```
*/
.c-featured-pane--small {
background: #666666;
border: 1px solid #fff;
}
.c-featured-pane--small .c-featured-pane__source {
font-size: 1rem;
}
.c-featured-pane--small .c-featured-pane__title {
font-size: 1.2rem;
}
/* ==========================================================================
Forms
========================================================================== */
/*doc
---
title: Select element
name: selects
category: Components - Forms
---
A simple select element
Small button
Small button 2
Small button 3
`
*/
.chosen-container {
position: relative;
width: 100% !important;
max-width: 28.7777777778rem;
}
.chosen-container .chosen-single span + div {
float: right;
font-family: "FontAwesome";
margin: 0;
}
.chosen-container .chosen-single span + div::before {
font-size: 2rem;
line-height: 0.7;
}
.chosen-container .chosen-drop {
list-style: none;
border: 0;
border-top: 2px solid;
height: 2px;
position: absolute;
background: #fff;
overflow: hidden;
width: 100%;
z-index: 9;
}
.chosen-container.chosen-container-active .chosen-drop {
border: 1px solid;
border-top: 2px solid;
}
.chosen-container.chosen-with-drop .chosen-drop {
height: auto;
}
.chosen-container .chosen-results {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.chosen-container .chosen-results .active-result {
padding: 0.2777777778rem 0.5555555556rem;
font-size: 1rem;
}
.chosen-container .chosen-results .active-result:hover {
color: #fff;
cursor: pointer;
background: #7b7b7b;
}
.chosen-container.chosen-container-single-nosearch .chosen-search {
display: none;
}
/* @group Base */
.chosen-container {
margin-bottom: 3.3333333333rem;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c-widget__filters .chosen-container {
margin-bottom: 0;
}
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #bbb;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
clip: rect(0, 0, 0, 0);
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999;
}
.chosen-container .search-choice .group-name::after,
.chosen-container .chosen-single .group-name::after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0;
height: auto;
border: solid;
border-color: #bbb;
border-width: 0 0 3px;
border-radius: 0;
background-color: transparent;
background: none;
background-clip: padding-box;
-webkit-box-shadow: none;
box-shadow: none;
color: #444444;
margin-right: 0.2777777778rem;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
color: #373737;
display: block;
overflow: hidden;
line-height: 1.3333333333rem;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0.3333333333rem 0 0.4444444444rem 1rem;
font-size: 18px;
}
.t-bg-primary .chosen-container-single .chosen-single span,
.t-bg-secondary .chosen-container-single .chosen-single span,
.t-bg-curious-blue .chosen-container-single .chosen-single span,
.t-bg-red-devil .chosen-container-single .chosen-single span {
color: #fff;
}
.t-bg-primary .c-icon__font--arrow-down::before, .t-bg-primary .chosen-container .chosen-single span + div::before, .chosen-container .chosen-single .t-bg-primary span + div::before,
.t-bg-secondary .c-icon__font--arrow-down::before,
.t-bg-secondary .chosen-container .chosen-single span + div::before,
.chosen-container .chosen-single .t-bg-secondary span + div::before,
.t-bg-curious-blue .c-icon__font--arrow-down::before,
.t-bg-curious-blue .chosen-container .chosen-single span + div::before,
.chosen-container .chosen-single .t-bg-curious-blue span + div::before,
.t-bg-red-devil .c-icon__font--arrow-down::before,
.t-bg-red-devil .chosen-container .chosen-single span + div::before,
.chosen-container .chosen-single .t-bg-red-devil span + div::before {
color: #fff;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: auto;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url("chosen-sprite.png") no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type=text] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url("chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: "Oxygen", sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
font-size: 14px;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #7b7b7b;
background-image: none;
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
border: solid;
border-color: #bbb;
border-width: 0 0 3px;
border-radius: 0;
position: relative;
overflow: hidden;
margin: 0;
padding: 0 40px 4px 6px;
width: 100%;
height: auto;
min-height: 2.2222222222rem;
background-color: #fff;
background: url("../../img/arrow-down.png") right center no-repeat;
cursor: text;
line-height: 1.3333333333rem;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
height: 1.5rem;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #373737;
font-size: 1rem;
font-family: "Oxygen", sans-serif;
line-height: 1.3333333333rem;
border-radius: 0;
padding: 0 0 0.3333333333rem 0.2777777778rem;
width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 0.1666666667rem 0.2777777778rem 0.1111111111rem 0;
padding: 3px 30px 3px 0.5555555556rem;
float: right;
border: 0;
max-width: 100%;
border-radius: 3px;
background-color: #054697;
background-image: none;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
color: #fff;
font-size: 0.8333333333rem;
line-height: 1.5;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 5px;
right: 5px;
display: block;
width: 18px;
height: 18px;
background: url("../../img/filter-x.png");
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: 0 0;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
font-size: 1rem;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
box-shadow: none;
-webkit-box-shadow: none;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: solid #bbb;
border-width: 0 0 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: 0;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
-webkit-box-shadow: none;
box-shadow: none;
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: 0;
}
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url("chosen-sprite.png") no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url("../../img/chosen-sprite@2x.png") !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
.c-icon__font--arrow-down::before, .chosen-container .chosen-single span + div::before {
color: #7b7b7b;
}
/* ==========================================================================
Icon
========================================================================== */
/*doc
---
title: Icons
name: icons
category: Components - Icons
---
Library of icons for use throughout the site. Some of the icons are related to other partials,
but these classes should always be used when possible.
*/
.c-icon,
.c-popup#js-pop-up .js-pop-up__close,
.c-popup .j-close,
.c-donation__close,
.c-icon--search {
display: inline-block;
}
.c-icon--search {
width: 1em;
height: 1em;
}
.c-donation__close {
background-image: url("../../img/x.svg");
background-size: 34px 34px;
}
.c-popup#js-pop-up .js-pop-up__close, .c-popup .j-close {
background-image: url("../../img/x-thin.svg");
background-size: 34px 34px;
}
.c-icon__svg, .c-form__join--footer #c-form__join--submit-btn {
background-position: center center;
background-repeat: no-repeat;
}
.c-icon__svg--arrow-right-light, .c-form__join--footer #c-form__join--submit-btn {
background-image: url("../../img/arrow_white.svg");
background-size: 34px 34px;
}
.c-icon__svg--arrow-right-dark {
background-image: url("../../img/arrow_dark.svg");
background-size: 34px 34px;
}
.c-icon__font, .c-biomarkers__view .c-biomarkers__search > span, .c-alztalks__rsstitle::before, .c-alztalks__download a::before, .c-search-form--header form .form-actions, .c-biomarkers__view .c-biomarkers__search form .form-actions {
border-radius: 50%;
display: inline-block;
font-size: 1rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "FontAwesome";
width: 1.6666666667rem;
height: 1.6666666667rem;
line-height: 1.5;
margin: 0.5rem 0.25rem;
}
.c-drop-nav__social .c-icon__font.c-icon__font--facebook:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search > span.c-icon__font--facebook:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search > span.c-icon__font--facebook:hover, .c-drop-nav__social .c-icon__font--facebook.c-alztalks__rsstitle:hover::before, .c-drop-nav__social .c-alztalks__download a.c-icon__font--facebook:hover::before, .c-alztalks__download .c-drop-nav__social a.c-icon__font--facebook:hover::before, .c-drop-nav__social .c-search-form--header form .c-icon__font--facebook.form-actions:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search form .c-icon__font--facebook.form-actions:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search form .c-icon__font--facebook.form-actions:hover, .c-search-form--header form .c-drop-nav__social .c-icon__font--facebook.form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .c-drop-nav__social .c-icon__font--facebook.form-actions:hover {
background: #3d54a0;
}
.c-drop-nav__social .c-icon__font.c-icon__font--twitter:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search > span.c-icon__font--twitter:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search > span.c-icon__font--twitter:hover, .c-drop-nav__social .c-icon__font--twitter.c-alztalks__rsstitle:hover::before, .c-drop-nav__social .c-alztalks__download a.c-icon__font--twitter:hover::before, .c-alztalks__download .c-drop-nav__social a.c-icon__font--twitter:hover::before, .c-drop-nav__social .c-search-form--header form .c-icon__font--twitter.form-actions:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search form .c-icon__font--twitter.form-actions:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search form .c-icon__font--twitter.form-actions:hover, .c-search-form--header form .c-drop-nav__social .c-icon__font--twitter.form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .c-drop-nav__social .c-icon__font--twitter.form-actions:hover {
background: #58a9ef;
}
.c-drop-nav__social .c-icon__font.c-icon__font--youtube:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search > span.c-icon__font--youtube:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search > span.c-icon__font--youtube:hover, .c-drop-nav__social .c-icon__font--youtube.c-alztalks__rsstitle:hover::before, .c-drop-nav__social .c-alztalks__download a.c-icon__font--youtube:hover::before, .c-alztalks__download .c-drop-nav__social a.c-icon__font--youtube:hover::before, .c-drop-nav__social .c-search-form--header form .c-icon__font--youtube.form-actions:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search form .c-icon__font--youtube.form-actions:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search form .c-icon__font--youtube.form-actions:hover, .c-search-form--header form .c-drop-nav__social .c-icon__font--youtube.form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .c-drop-nav__social .c-icon__font--youtube.form-actions:hover {
background: #cd1132;
}
.c-drop-nav__social .c-icon__font.c-icon__font--mail:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search > span.c-icon__font--mail:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search > span.c-icon__font--mail:hover, .c-drop-nav__social .c-icon__font--mail.c-alztalks__rsstitle:hover::before, .c-drop-nav__social .c-alztalks__download a.c-icon__font--mail:hover::before, .c-alztalks__download .c-drop-nav__social a.c-icon__font--mail:hover::before, .c-drop-nav__social .c-search-form--header form .c-icon__font--mail.form-actions:hover, .c-drop-nav__social .c-biomarkers__view .c-biomarkers__search form .c-icon__font--mail.form-actions:hover, .c-biomarkers__view .c-drop-nav__social .c-biomarkers__search form .c-icon__font--mail.form-actions:hover, .c-search-form--header form .c-drop-nav__social .c-icon__font--mail.form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .c-drop-nav__social .c-icon__font--mail.form-actions:hover {
background: #aca886;
}
.c-icon__font:link, .c-biomarkers__view .c-biomarkers__search > span:link, .c-alztalks__rsstitle:link::before, .c-alztalks__download a:link::before, .c-search-form--header form .form-actions:link, .c-biomarkers__view .c-biomarkers__search form .form-actions:link, .c-icon__font:visited, .c-biomarkers__view .c-biomarkers__search > span:visited, .c-alztalks__rsstitle:visited::before, .c-alztalks__download a:visited::before, .c-search-form--header form .form-actions:visited, .c-biomarkers__view .c-biomarkers__search form .form-actions:visited {
color: #fff;
}
.c-icon__font--envelope-o::before {
content: "\f003";
}
.c-icon__font--arrow-right::before {
content: "\f061";
}
.c-icon__font--arrow-down::before, .chosen-container .chosen-single span + div::before {
content: "\f107";
}
.c-icon__font--arrow-up::before {
content: "\f106";
}
.c-icon__font--next::before {
content: "\f105";
}
.c-icon__font--prev::before {
content: "\f104";
}
.c-icon__font--search::before, .c-biomarkers__view .c-biomarkers__search > span::before, .c-search-form--header form .form-actions::before, .c-biomarkers__view .c-biomarkers__search form .form-actions::before {
content: "\f002";
}
.c-icon__font--facebook::before {
content: "\f09a";
}
.c-icon__font--instagram::before {
content: "\f16d";
}
.c-icon__font--youtube::before {
content: "\f167";
}
.c-icon__font--twitter::before {
content: "𝕏";
}
.c-icon__font--linkedin::before {
content: "\f0e1";
}
.c-icon__font--mail::before {
content: "\f003";
}
.c-icon__font--rss::before, .c-alztalks__rsstitle::before {
content: "\f09e";
}
.c-icon__font--transcript::before, .c-alztalks__download a::before {
content: "\f0f6";
}
.c-icons__social {
/* this is for standard colors we use defaul, then gray on hover */
}
.c-icons__social a {
font-family: "Oxygen", sans-serif;
font-size: 0.7777777778rem;
font-style: normal;
font-weight: 300;
vertical-align: middle;
}
.c-icons__social a.c-icon__font, .c-icons__social a.c-alztalks__rsstitle::before, .c-icons__social .c-alztalks__download a::before, .c-alztalks__download .c-icons__social a::before, .c-icons__social .c-search-form--header form a.form-actions, .c-icons__social .c-biomarkers__view .c-biomarkers__search form a.form-actions, .c-biomarkers__view .c-icons__social .c-biomarkers__search form a.form-actions, .c-search-form--header form .c-icons__social a.form-actions, .c-biomarkers__view .c-biomarkers__search form .c-icons__social a.form-actions {
font-family: "FontAwesome";
font-size: 1.1111111111rem;
}
.c-icons__social--menu {
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
.c-icons__social--menu li {
padding: 0;
margin: 0;
list-style: none;
display: block;
}
.c-icons__social--menu li.c-icons__social__item--facebook:hover .c-icon__font, .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-biomarkers__search > span, .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-alztalks__rsstitle::before, .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-alztalks__download a::before, .c-alztalks__download .c-icons__social--menu li.c-icons__social__item--facebook:hover a::before, .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-search-form--header form .form-actions, .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--facebook:hover .c-biomarkers__search form .form-actions, .c-search-form--header form .c-icons__social--menu li.c-icons__social__item--facebook:hover .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--menu li.c-icons__social__item--facebook:hover .form-actions {
background: #3d54a0;
}
.c-icons__social--menu li.c-icons__social__item--twitter:hover .c-icon__font, .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-biomarkers__search > span, .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-alztalks__rsstitle::before, .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-alztalks__download a::before, .c-alztalks__download .c-icons__social--menu li.c-icons__social__item--twitter:hover a::before, .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-search-form--header form .form-actions, .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--twitter:hover .c-biomarkers__search form .form-actions, .c-search-form--header form .c-icons__social--menu li.c-icons__social__item--twitter:hover .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--menu li.c-icons__social__item--twitter:hover .form-actions {
background: #58a9ef;
}
.c-icons__social--menu li.c-icons__social__item--instagram:hover .c-icon__font, .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-biomarkers__search > span, .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-alztalks__rsstitle::before, .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-alztalks__download a::before, .c-alztalks__download .c-icons__social--menu li.c-icons__social__item--instagram:hover a::before, .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-search-form--header form .form-actions, .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--instagram:hover .c-biomarkers__search form .form-actions, .c-search-form--header form .c-icons__social--menu li.c-icons__social__item--instagram:hover .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--menu li.c-icons__social__item--instagram:hover .form-actions {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fcefb6 0%, #fcefb6 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.c-icons__social--menu li.c-icons__social__item--mail:hover .c-icon__font, .c-icons__social--menu li.c-icons__social__item--mail:hover .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--mail:hover .c-biomarkers__search > span, .c-icons__social--menu li.c-icons__social__item--mail:hover .c-alztalks__rsstitle::before, .c-icons__social--menu li.c-icons__social__item--mail:hover .c-alztalks__download a::before, .c-alztalks__download .c-icons__social--menu li.c-icons__social__item--mail:hover a::before, .c-icons__social--menu li.c-icons__social__item--mail:hover .c-search-form--header form .form-actions, .c-icons__social--menu li.c-icons__social__item--mail:hover .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-icons__social--menu li.c-icons__social__item--mail:hover .c-biomarkers__search form .form-actions, .c-search-form--header form .c-icons__social--menu li.c-icons__social__item--mail:hover .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--menu li.c-icons__social__item--mail:hover .form-actions {
background: #aca886;
}
.c-icons__social--menu li a.c-icon__font:link, .c-icons__social--menu li a.c-alztalks__rsstitle:link::before, .c-icons__social--menu li .c-alztalks__download a:link::before, .c-alztalks__download .c-icons__social--menu li a:link::before, .c-icons__social--menu li .c-search-form--header form a.form-actions:link, .c-icons__social--menu li .c-biomarkers__view .c-biomarkers__search form a.form-actions:link, .c-biomarkers__view .c-icons__social--menu li .c-biomarkers__search form a.form-actions:link, .c-search-form--header form .c-icons__social--menu li a.form-actions:link, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--menu li a.form-actions:link {
color: #fff;
background-color: #515151;
font-size: 21px;
margin-left: 0;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
border-radius: 10rem;
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.c-icons__social--footer {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 640px) {
.c-icons__social--footer {
float: right;
}
}
@media screen and (max-width: 640px) {
.c-icons__social--footer {
text-align: center;
margin-top: 2.5rem;
}
}
.c-icons__social--footer li {
display: inline-block;
text-align: center;
}
.c-icons__social--footer li a {
border-radius: 1rem;
color: #fff;
background-color: #515151;
}
.c-icons__social--standard {
padding: 0;
margin: 0;
list-style: none;
}
.c-icons__social--standard li {
padding: 0;
margin: 0;
list-style: none;
}
.c-icons__social--standard .c-icon__font--rss, .c-icons__social--standard .c-alztalks__rsstitle::before {
background: #fa9b39;
}
.c-icons__social--standard .c-icon__font--facebook {
background: #3d54a0;
}
.c-icons__social--standard .c-icon__font--twitter {
background: #58a9ef;
}
.c-icons__social--standard .c-icon__font--instagram {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fcefb6 0%, #fcefb6 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.c-icons__social--standard .c-icon__font--mail {
background: #aca886;
}
.c-icons__social--standard .c-icon__font, .c-icons__social--standard .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-icons__social--standard .c-biomarkers__search > span, .c-icons__social--standard .c-alztalks__rsstitle::before, .c-icons__social--standard .c-alztalks__download a::before, .c-alztalks__download .c-icons__social--standard a::before, .c-icons__social--standard .c-search-form--header form .form-actions, .c-icons__social--standard .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-icons__social--standard .c-biomarkers__search form .form-actions, .c-search-form--header form .c-icons__social--standard .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--standard .form-actions {
text-align: center;
}
.c-icons__social--standard .c-icon__font:hover, .c-icons__social--standard .c-biomarkers__view .c-biomarkers__search > span:hover, .c-biomarkers__view .c-icons__social--standard .c-biomarkers__search > span:hover, .c-icons__social--standard .c-alztalks__rsstitle:hover::before, .c-icons__social--standard .c-alztalks__download a:hover::before, .c-alztalks__download .c-icons__social--standard a:hover::before, .c-icons__social--standard .c-search-form--header form .form-actions:hover, .c-icons__social--standard .c-biomarkers__view .c-biomarkers__search form .form-actions:hover, .c-biomarkers__view .c-icons__social--standard .c-biomarkers__search form .form-actions:hover, .c-search-form--header form .c-icons__social--standard .form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .c-icons__social--standard .form-actions:hover {
background: #515151 none;
}
.t-bg-blue .c-icon__social {
color: #515151;
background-color: #fff;
}
.t-bg-blue .c-icon__social:link {
color: #515151;
}
.c-widget .c-icon__font--facebook {
background: #3d54a0;
}
.c-widget .c-icon__font--twitter {
background: #58a9ef;
}
.c-widget .c-icon__font--youtube {
background: #cd1132;
}
.c-widget .c-icon__font--mail {
background: #aca886;
}
.c-widget .c-icon__font--facebook::before {
display: block;
font-size: 1rem;
margin-left: 0rem;
padding-top: 0.1111111111rem;
text-align: center;
}
.c-widget .c-icon__font--twitter::before {
display: block;
font-size: 1rem;
padding-left: 0.1111111111rem;
padding-top: 0.1111111111rem;
text-align: center;
}
.c-widget .c-icon__font--mail::before {
display: block;
font-size: 0.8888888889rem;
margin-left: -0.0555555556rem;
padding-top: 0.1666666667rem;
text-align: center;
vertical-align: middle;
}
.c-icon__image {
list-style: none;
background-size: 55px 55px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 65px;
margin: 0 0 0.83333rem;
background-position: center left;
background-repeat: no-repeat;
font-family: "Libre Baskerville", serif;
font-size: 14px;
}
.c-icon__image h5 {
font-size: 16px;
margin: 0;
text-transform: uppercase;
text-decoration: underline;
display: inline;
font-family: "Libre Baskerville", serif;
}
.c-icon__image--money {
background-image: url("../../img/money.png");
}
.c-icon__image--people {
background-image: url("../../img/people.png");
}
.c-icon__image--marker {
background-image: url("../../img/marker.png");
}
.c-icon__image--beaker {
background-image: url("../../img/beaker.png");
}
.c-icon__image--brain {
background-image: url("../../img/brain.png");
}
.c-icon__image--clipboard {
background-image: url("../../img/clipboard.png");
}
.c-icon__image--chart {
background-image: url("../../img/chart.png");
}
/* ==========================================================================
#Images
========================================================================== */
/*doc
---
title: Images
name: Images
category: Components - Images
---
Classes for Image styling.
```html_example
```
*/
.c-image--rounded img {
border-radius: 100%;
border: 4px solid #c6c6c6;
}
.c-image--left, .embedded-entity.align-left img {
display: block;
margin: 0 1.66666rem 1.66666rem 0;
}
@media screen and (min-width: 640px) {
.c-image--left, .embedded-entity.align-left img {
float: left;
max-width: 300px;
}
}
@media screen and (min-width: 1024px) {
.c-image--left, .embedded-entity.align-left img {
max-width: 575px; /*match image width used here */
margin-left: -3.33332rem;
}
}
.c-image--right, .embedded-entity.align-right img {
display: block;
margin: 0 1.66666rem;
}
@media screen and (min-width: 640px) {
.c-image--right, .embedded-entity.align-right img {
float: right;
max-width: 300px;
}
}
@media screen and (min-width: 1024px) {
.c-image--right, .embedded-entity.align-right img {
max-width: 575px; /*match image width used here */
margin-right: -3.33332rem;
}
.c-image--right h5, .embedded-entity.align-right img h5,
.c-image--right span,
.embedded-entity.align-right img span {
padding-right: 3.33332rem;
}
}
.c-image__wrap {
position: relative;
background: url("../../img/default_logo.jpg") center no-repeat #fff;
background-size: 100% auto;
-webkit-box-shadow: inset 0 0 0 2px #054697;
box-shadow: inset 0 0 0 2px #054697;
}
.c-image__wrap img {
display: block;
height: 100%;
}
.c-image__wrap--date-top .c-teaser__date,
.c-image__wrap--date-top .c-teaser__label,
.c-image__wrap--date-top .c-content-feed-card__date {
position: absolute;
left: 0;
top: 0;
margin: 0;
}
.c-image__wrap--date-bottom .c-teaser__date,
.c-image__wrap--date-bottom .c-teaser__label,
.c-image__wrap--date-bottom .c-content-feed-card__date {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
}
.c-image__wrap--date-bottom-offset .c-teaser__date,
.c-image__wrap--date-bottom-offset .c-teaser__label,
.c-image__wrap--date-bottom-offset .c-content-feed-card__date {
position: absolute;
left: 0;
bottom: 0px;
margin: 0;
}
@media screen and (max-width: 1024px) {
.c-image__wrap--date-bottom-offset .c-teaser__date,
.c-image__wrap--date-bottom-offset .c-teaser__label,
.c-image__wrap--date-bottom-offset .c-content-feed-card__date {
left: auto;
right: 0;
}
}
@media screen and (min-width: 1024px) {
.c-image__wrap--date-bottom-offset .c-teaser__date,
.c-image__wrap--date-bottom-offset .c-teaser__label,
.c-image__wrap--date-bottom-offset .c-content-feed-card__date {
left: 2.49999rem;
}
}
/* overrides for teasers */
.embedded-entity.align-left img {
max-width: 575px;
}
.embedded-entity.align-right img {
max-width: 575px;
}
.embedded-entity.align-center img {
margin: 0 1.66666rem;
}
@media screen and (min-width: 1024px) {
.embedded-entity.align-center img {
width: 100%;
margin: 0;
}
}
@media screen and (min-width: 1024px) {
.embedded-entity.align-center {
margin: 0 -3.33332rem;
display: block;
width: calc(100% + (4 * 1.66666rem));
}
}
/* ==========================================================================
List UI
========================================================================== */
/*doc
---
title: Default
name: list-ui
category: Components - List UI
---
Provides default styling for a list with a bottom border. This extends `.o-nav` and `.o-nav--stacked` in order to create stacked list.
```html_example
```
*/
.c-list-ui__item {
border-bottom: 1px solid #ececec;
padding: 0.75rem 0;
}
.c-list-ui__link:hover {
color: #333;
}
/*doc
---
title: Blocky
name: list-ui-blocky
category: Components - List UI
---
This creates a large hit-area for the link and also applies hover styling.
```html_example
```
*/
.c-list-ui--blocky .c-list-ui__item {
padding: 0;
}
.c-list-ui--blocky .c-list-ui__link {
padding: 0.75rem 0;
}
.c-list-ui--blocky .c-list-ui__link:hover {
color: #fff;
background: #666666;
}
.c-list__timeline,
ul.timeline {
padding: 0;
margin: 0 0 0 10px;
}
.c-list__timeline li,
ul.timeline li {
padding: 0 1.5rem 1rem 1rem;
border-left: 5px solid #054697;
list-style: none;
position: relative;
line-height: 1.2;
}
.c-list__timeline li span,
ul.timeline li span {
color: #af021f;
font-weight: 600;
}
.c-list__timeline li:last-of-type,
ul.timeline li:last-of-type {
padding-bottom: 0;
}
.c-list__timeline li::before,
ul.timeline li::before {
display: block;
width: 1.2rem;
height: 1.2rem;
background-color: #af021f;
content: "";
position: absolute;
left: -0.71rem;
top: 0.2rem;
border: 1px solid #999;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
border-radius: 1.2rem;
}
.c-list__timeline li:first-of-type::before,
ul.timeline li:first-of-type::before {
top: 0.2rem;
}
/*doc
---
title: Extra text
name: list-ui-text
category: Components - List UI
---
Shows default `list-ui` with extra text.
```html_example
```
*/
/* ==========================================================================
Logo component
========================================================================== */
/*doc
---
title: Logo
name: logo
category: Components - Logo
---
Contains all variations of client logos for a given project.
```html_example
Example
```
*/
/* Magnific Popup CSS */
.mfp-bg {
z-index: 100042;
background: #054697;
}
.mfp-wrap {
z-index: 100043;
}
.mfp-content {
z-index: 100045;
}
.mfp-preloader {
color: #c6c6c6;
z-index: 100044;
}
.mfp-preloader a {
color: #c6c6c6;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-image-holder button.mfp-close,
button.mfp-close,
button.mfp-arrow {
z-index: 100046;
background: rgba(5, 70, 151, 0.9);
height: 3rem;
width: 3rem;
right: 0;
text-align: center;
font-size: 2rem;
}
button.mfp-arrow {
background: rgba(5, 70, 151, 0.5);
}
.mfp-close {
color: #fff;
}
.mfp-close-btn-in .mfp-close {
color: #c6c6c6;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
}
.mfp-counter {
color: #c6c6c6;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border: 3px solid #fff;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #fff;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #fff;
}
.mfp-iframe-scaler iframe {
-webkit-box-shadow: 0 0 8px rgba(5, 70, 151, 0.6);
box-shadow: 0 0 8px rgba(5, 70, 151, 0.6);
background: #054697;
}
/* The shadow behind the image */
.mfp-figure::after {
-webkit-box-shadow: 0 0 8px rgba(5, 70, 151, 0.6);
box-shadow: 0 0 8px rgba(5, 70, 151, 0.6);
background-color: #515151;
}
.mfp-figure small {
color: #bbb;
}
.mfp-title {
color: #e7e7e7;
}
/* ==========================================================================
#Overlay
========================================================================== */
.c-overlay {
-webkit-transform: translateX(70%);
transform: translateX(70%);
background: #000;
height: 100%;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
z-index: 9998;
}
.c-overlay.is-active {
-webkit-animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
visibility: visible;
}
@media screen and (min-width: 1024px) {
.c-overlay.is-active {
visibility: hidden;
}
}
/* ==========================================================================
#POPUP CONTENT TYPE
========================================================================== */
.c-popup {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
height: 0;
width: 0;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
z-index: -1;
}
.c-popup.j-open {
display: block;
height: 100vh;
width: 100vw;
opacity: 1;
z-index: 9999;
}
.c-popup .j-close {
position: absolute;
display: block;
height: 34px;
width: 34px;
right: 20px;
top: 20px;
text-indent: -9999px;
}
.c-popup__wrap {
height: 100vh;
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-popup__teaser {
position: relative;
background: #054697;
border: 1px solid #fff;
color: #fff;
max-width: 80%;
}
@media screen and (min-width: 640px) {
.c-popup__teaser {
width: 660px;
}
}
.c-popup p {
font-size: 0.7777777778rem;
}
.c-popup h2 {
margin-bottom: 1rem;
}
.c-popup h3 {
font-size: 1rem;
font-family: "Libre Baskerville", serif;
}
.c-popup header {
padding: 20px 20px 0;
}
@media screen and (min-width: 640px) {
.c-popup header {
padding: 20px 10px 20px 40px;
}
}
.c-popup aside {
padding: 20px 20px 0;
}
@media screen and (min-width: 640px) {
.c-popup aside {
padding: 20px 40px 20px 10px;
}
}
.c-popup#js-pop-up {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-popup#js-pop-up .c-popup__teaser {
padding: 3rem;
text-align: center;
}
.c-popup#js-pop-up h2 {
margin-bottom: 1rem;
font-family: "Oxygen", sans-serif, Helvetica, Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
font-size: 1.75rem;
}
.c-popup#js-pop-up p {
font-size: 1.2rem;
margin: 0.5rem 0;
}
.c-popup#js-pop-up p strong {
font-size: 0.9rem;
display: block;
font-weight: 600;
}
.c-popup#js-pop-up a {
font-weight: bold;
color: #ffffff !important;
border-bottom: 1px dashed;
}
.c-popup#js-pop-up a:hover {
border-bottom: 1px solid;
}
.c-popup#js-pop-up .c-popup__btn {
margin: 0;
}
.c-popup#js-pop-up .c-popup__btn a {
border-bottom: 3px solid !important;
margin: 0;
}
.c-popup#js-pop-up .c-popup__btn a:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.c-popup#js-pop-up .js-pop-up__close {
border: none !important;
position: absolute;
display: block;
height: 34px;
width: 34px;
right: 20px;
top: 20px;
text-indent: -9999px;
}
/* ==========================================================================
#Footer component
========================================================================== */
.c-page-foot {
min-height: 2.7777777778rem;
width: 100%;
overflow: hidden;
padding-top: 3.3333333333rem;
}
@media screen and (max-width: 1024px) {
.c-page-foot {
padding-inline: 0;
}
}
.c-page-foot .c-page-foot__logo {
padding: 1.1111111111rem 0 4.4444444444rem;
}
@media screen and (min-width: 1024px) {
.c-page-foot .c-page-foot__logo {
padding-top: 2.2222222222rem;
}
}
@media screen and (max-width: 640px) {
.c-page-foot .c-page-foot__logo svg {
display: none;
}
}
.c-page-foot--guidestar.lg-2, .c-page-foot--guidestar.lg-3 {
text-align: center;
}
@media screen and (min-width: 1024px) {
.c-page-foot--guidestar.lg-2 {
border-right: 1px solid #444444;
padding-right: 3.74426%;
margin-left: 0;
width: 15.41858%;
}
}
@media screen and (min-width: 1024px) {
.c-page-foot--guidestar.lg-3 {
border-right: 1px solid #444444;
margin-left: 0;
width: 15.41858%;
}
}
.c-page-foot--guidestar img {
width: clamp(100px, 100%, 110px);
}
@media screen and (min-width: 1024px) {
.c-page-foot--main .o-grid:nth-of-type(2) .lg-8, .c-page-foot--main .c-alztalks--upcoming:nth-of-type(2) .lg-8, .c-page-foot--main .c-widget-custom__list:nth-of-type(2) .lg-8 {
width: calc(66.6666666667% - 2.045rem);
}
}
.c-page-foot__copy {
font-size: 0.8888888889rem;
text-align: center;
}
@media screen and (min-width: 1024px) {
.c-page-foot__copy {
display: block;
text-align: right;
margin-top: 1.4444444444rem;
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
}
}
.c-page-foot__menu {
padding-left: 0;
overflow: hidden;
margin-top: 2.2222222222rem;
}
@media screen and (min-width: 0) {
.c-page-foot__menu {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
.c-page-foot__menu {
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
}
}
.c-page-foot .c-icon__font, .c-page-foot .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-page-foot .c-biomarkers__search > span, .c-page-foot .c-alztalks__rsstitle::before, .c-page-foot .c-alztalks__download a::before, .c-alztalks__download .c-page-foot a::before, .c-page-foot .c-search-form--header form .form-actions, .c-page-foot .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-page-foot .c-biomarkers__search form .form-actions, .c-search-form--header form .c-page-foot .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-page-foot .form-actions {
margin: 0;
height: 1.9444444444rem;
width: 1.9444444444rem;
border-radius: 11.1111111111rem;
font-size: 1.2777777778rem;
line-height: 2rem;
margin-left: 0.5555555556rem;
}
@media screen and (max-width: 640px) {
.c-page-foot .c-icon__font, .c-page-foot .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-page-foot .c-biomarkers__search > span, .c-page-foot .c-alztalks__rsstitle::before, .c-page-foot .c-alztalks__download a::before, .c-alztalks__download .c-page-foot a::before, .c-page-foot .c-search-form--header form .form-actions, .c-page-foot .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-page-foot .c-biomarkers__search form .form-actions, .c-search-form--header form .c-page-foot .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-page-foot .form-actions {
margin: 0 0.2777777778rem;
}
}
.c-page-foot .lg-shift-1 {
font-size: 0.8888888889rem;
margin-top: 1.6666666667rem;
text-align: right;
}
@media screen and (max-width: 1024px) {
.c-page-foot .lg-shift-1 {
text-align: center;
}
}
@media screen and (max-width: 1024px) {
.c-page-foot nav {
text-align: center;
}
}
.c-footer__list {
display: inline-block;
width: auto;
margin: 1.4444444444rem 1.4444444444rem 0 0;
}
.c-footer__list a {
color: #333;
font-size: 0.8888888889rem;
}
.c-footer__list a:hover {
color: #666666;
}
@media screen and (max-width: 640px) {
.c-footer__list a {
margin: 0 0 1.1111111111rem;
display: block;
}
}
/* ==========================================================================
#Header component
========================================================================== */
/*doc
---
title: Page head
name: page-head
category: Components - Page Head
---
Inside the header component lives the `.c-logo` component as well as the `.c-primary-nav`.
```html_example
```
*/
.c-page-head {
background: #fff;
padding: 1.5rem 0;
width: 100%;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.c-page-head__menu {
height: 44px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media screen and (min-width: 640px) {
.c-page-head {
position: fixed;
z-index: 10;
}
}
@media screen and (max-width: 640px) {
.c-page-head {
padding-bottom: 0;
}
}
@media screen and (min-width: 640px) {
.c-page-head + .o-wrap__content {
padding-top: 176px;
}
}
.c-page-head__buttons .c-btn, .c-page-head__buttons .c-donation__donate, .c-page-head__buttons .c-btn__wrap--primary a, .c-btn__wrap--primary .c-page-head__buttons a, .c-page-head__buttons .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-page-head__buttons a, .c-page-head__buttons .c-btn__wrap--gray a, .c-btn__wrap--gray .c-page-head__buttons a, .c-page-head__buttons .c-popup__btn a, .c-popup__btn .c-page-head__buttons a {
width: 48%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.c-page-head__buttons .c-btn, .c-page-head__buttons .c-donation__donate, .c-page-head__buttons .c-btn__wrap--primary a, .c-btn__wrap--primary .c-page-head__buttons a, .c-page-head__buttons .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-page-head__buttons a, .c-page-head__buttons .c-btn__wrap--gray a, .c-btn__wrap--gray .c-page-head__buttons a, .c-page-head__buttons .c-popup__btn a, .c-popup__btn .c-page-head__buttons a {
margin-bottom: 10px;
}
}
@media screen and (min-width: 640px) and (max-width: 1183px) {
.c-page-head__buttons .c-btn, .c-page-head__buttons .c-donation__donate, .c-page-head__buttons .c-btn__wrap--primary a, .c-btn__wrap--primary .c-page-head__buttons a, .c-page-head__buttons .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-page-head__buttons a, .c-page-head__buttons .c-btn__wrap--gray a, .c-btn__wrap--gray .c-page-head__buttons a, .c-page-head__buttons .c-popup__btn a, .c-popup__btn .c-page-head__buttons a {
font-size: 0.6666666667rem;
}
}
.c-page-head svg {
max-width: 26.3888888889rem;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
.c-page-head svg {
max-width: 50%;
margin: 13px auto 20px;
}
}
.c-page-head .o-grid, .c-page-head .c-alztalks--upcoming, .c-page-head .c-widget-custom__list {
max-width: 1250px;
}
@media screen and (min-width: 640px) {
.c-page-head.is-active {
position: fixed;
z-index: 9999;
padding-bottom: 0;
-webkit-box-shadow: 1px 1px 8px 1px rgba(15, 15, 15, 0.5);
box-shadow: 1px 1px 8px 1px rgba(15, 15, 15, 0.5);
}
}
@media screen and (min-width: 1024px) {
.c-page-head.is-active .c-page-head__menu {
display: none;
}
}
.c-mmenu-slider__wrap {
margin-right: 5.2777777778rem;
padding-top: 7.2222222222rem;
max-width: 65%;
float: right;
width: 100%;
}
.c-mmenu-slider__content,
.c-spotlight-slider__content {
padding: 0;
margin: 0;
list-style: none;
}
.c-mmenu-slider__content h2,
.c-spotlight-slider__content h2 {
font-size: 1.6666666667rem;
line-height: 1.1;
}
@media screen and (min-width: 1024px) {
.c-mmenu-slider__content h2,
.c-spotlight-slider__content h2 {
margin-top: 4.1666666667rem;
}
}
.c-mmenu-slider__content li,
.c-spotlight-slider__content li {
display: none;
}
.c-mmenu-slider__content li.j-active,
.c-spotlight-slider__content li.j-active {
display: block;
}
.c-mmenu-slider__content p,
.c-spotlight-slider__content p {
font-size: 0.8888888889rem;
margin: 0 0 1.66666rem;
}
.c-mmenu-slider__pager,
.c-spotlight-slider__pager {
padding: 0;
margin: 0;
list-style: none;
display: block;
width: 230px;
margin: 1.9444444444rem auto 0;
}
.c-mmenu-slider__pager li,
.c-spotlight-slider__pager li {
border: 2px solid #999;
border-radius: 1rem;
height: 0.8888888889rem;
margin-left: 0.2777777778rem;
margin-right: 0.2777777778rem;
width: 0.8888888889rem;
display: inline-block;
overflow: hidden;
}
.c-mmenu-slider__pager li a,
.c-spotlight-slider__pager li a {
height: 1rem;
width: 1rem;
display: block;
}
.c-mmenu-slider__pager li:hover a, .c-mmenu-slider__pager li.j-active a,
.c-spotlight-slider__pager li:hover a,
.c-spotlight-slider__pager li.j-active a {
background: #999;
}
/* ==========================================================================
#Pager
========================================================================== */
/*doc
---
title: Pager
name: pager
category: Components - Pager
---
Default pager styling tailored to the output of a standard drupal pager.
```html_example
```
*/
.c-pager {
display: inline-block;
}
.c-pager__wrapper {
clear: both;
text-align: center;
margin-bottom: 4.8888888889rem;
}
.c-pager__item {
display: inline;
}
.c-pager__item.is-active a {
background-color: #dbdbdb;
color: #767676;
}
.c-pager__item.c-pager__previous a, .c-pager__item.c-pager__next a {
padding-left: 0;
padding-right: 0;
}
.c-pager__link {
color: #054697;
display: inline-block;
padding: 0.5rem;
}
.c-pager__link:hover {
background-color: #e8e8e8;
}
.c-pager a {
color: #767676;
line-height: 2.05;
opacity: 1;
padding: 0.2777777778rem 0.5555555556rem;
}
.c-pager a:hover {
background-color: #dbdbdb;
color: #767676;
opacity: 0.8;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.c-pager__next .c-icon__font, .c-pager__next .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-pager__next .c-biomarkers__search > span, .c-pager__next .c-alztalks__rsstitle::before, .c-pager__next .c-alztalks__download a::before, .c-alztalks__download .c-pager__next a::before, .c-pager__next .c-search-form--header form .form-actions, .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-pager__next .c-biomarkers__search form .form-actions, .c-search-form--header form .c-pager__next .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-pager__next .form-actions, .c-pager__previous .c-icon__font, .c-pager__previous .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-pager__previous .c-biomarkers__search > span, .c-pager__previous .c-alztalks__rsstitle::before, .c-pager__previous .c-alztalks__download a::before, .c-alztalks__download .c-pager__previous a::before, .c-pager__previous .c-search-form--header form .form-actions, .c-pager__previous .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-pager__previous .c-biomarkers__search form .form-actions, .c-search-form--header form .c-pager__previous .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-pager__previous .form-actions {
position: relative;
top: 0.25rem;
font-size: 2em;
}
.t-bg-primary .c-pager__next .c-icon__font, .t-bg-primary .c-pager__next .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .t-bg-primary .c-pager__next .c-biomarkers__search > span, .t-bg-primary .c-pager__next .c-alztalks__rsstitle::before, .t-bg-primary .c-pager__next .c-alztalks__download a::before, .c-alztalks__download .t-bg-primary .c-pager__next a::before, .t-bg-primary .c-pager__next .c-search-form--header form .form-actions, .t-bg-primary .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .t-bg-primary .c-pager__next .c-biomarkers__search form .form-actions, .c-search-form--header form .t-bg-primary .c-pager__next .form-actions, .c-biomarkers__view .c-biomarkers__search form .t-bg-primary .c-pager__next .form-actions,
.t-bg-secondary .c-pager__next .c-icon__font,
.t-bg-secondary .c-pager__next .c-biomarkers__view .c-biomarkers__search > span,
.c-biomarkers__view .t-bg-secondary .c-pager__next .c-biomarkers__search > span,
.t-bg-secondary .c-pager__next .c-alztalks__rsstitle::before,
.t-bg-secondary .c-pager__next .c-alztalks__download a::before,
.c-alztalks__download .t-bg-secondary .c-pager__next a::before,
.t-bg-secondary .c-pager__next .c-search-form--header form .form-actions,
.t-bg-secondary .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions,
.c-biomarkers__view .t-bg-secondary .c-pager__next .c-biomarkers__search form .form-actions,
.c-search-form--header form .t-bg-secondary .c-pager__next .form-actions,
.c-biomarkers__view .c-biomarkers__search form .t-bg-secondary .c-pager__next .form-actions,
.t-bg-curious-blue .c-pager__next .c-icon__font,
.t-bg-curious-blue .c-pager__next .c-biomarkers__view .c-biomarkers__search > span,
.c-biomarkers__view .t-bg-curious-blue .c-pager__next .c-biomarkers__search > span,
.t-bg-curious-blue .c-pager__next .c-alztalks__rsstitle::before,
.t-bg-curious-blue .c-pager__next .c-alztalks__download a::before,
.c-alztalks__download .t-bg-curious-blue .c-pager__next a::before,
.t-bg-curious-blue .c-pager__next .c-search-form--header form .form-actions,
.t-bg-curious-blue .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions,
.c-biomarkers__view .t-bg-curious-blue .c-pager__next .c-biomarkers__search form .form-actions,
.c-search-form--header form .t-bg-curious-blue .c-pager__next .form-actions,
.c-biomarkers__view .c-biomarkers__search form .t-bg-curious-blue .c-pager__next .form-actions,
.t-bg-red-devil .c-pager__next .c-icon__font,
.t-bg-red-devil .c-pager__next .c-biomarkers__view .c-biomarkers__search > span,
.c-biomarkers__view .t-bg-red-devil .c-pager__next .c-biomarkers__search > span,
.t-bg-red-devil .c-pager__next .c-alztalks__rsstitle::before,
.t-bg-red-devil .c-pager__next .c-alztalks__download a::before,
.c-alztalks__download .t-bg-red-devil .c-pager__next a::before,
.t-bg-red-devil .c-pager__next .c-search-form--header form .form-actions,
.t-bg-red-devil .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions,
.c-biomarkers__view .t-bg-red-devil .c-pager__next .c-biomarkers__search form .form-actions,
.c-search-form--header form .t-bg-red-devil .c-pager__next .form-actions,
.c-biomarkers__view .c-biomarkers__search form .t-bg-red-devil .c-pager__next .form-actions {
color: #fff;
}
.t-bg-primary .c-pager__next .c-icon__font:hover, .t-bg-primary .c-pager__next .c-biomarkers__view .c-biomarkers__search > span:hover, .c-biomarkers__view .t-bg-primary .c-pager__next .c-biomarkers__search > span:hover, .t-bg-primary .c-pager__next .c-alztalks__rsstitle:hover::before, .t-bg-primary .c-pager__next .c-alztalks__download a:hover::before, .c-alztalks__download .t-bg-primary .c-pager__next a:hover::before, .t-bg-primary .c-pager__next .c-search-form--header form .form-actions:hover, .t-bg-primary .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions:hover, .c-biomarkers__view .t-bg-primary .c-pager__next .c-biomarkers__search form .form-actions:hover, .c-search-form--header form .t-bg-primary .c-pager__next .form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .t-bg-primary .c-pager__next .form-actions:hover,
.t-bg-secondary .c-pager__next .c-icon__font:hover,
.t-bg-secondary .c-pager__next .c-biomarkers__view .c-biomarkers__search > span:hover,
.c-biomarkers__view .t-bg-secondary .c-pager__next .c-biomarkers__search > span:hover,
.t-bg-secondary .c-pager__next .c-alztalks__rsstitle:hover::before,
.t-bg-secondary .c-pager__next .c-alztalks__download a:hover::before,
.c-alztalks__download .t-bg-secondary .c-pager__next a:hover::before,
.t-bg-secondary .c-pager__next .c-search-form--header form .form-actions:hover,
.t-bg-secondary .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions:hover,
.c-biomarkers__view .t-bg-secondary .c-pager__next .c-biomarkers__search form .form-actions:hover,
.c-search-form--header form .t-bg-secondary .c-pager__next .form-actions:hover,
.c-biomarkers__view .c-biomarkers__search form .t-bg-secondary .c-pager__next .form-actions:hover,
.t-bg-curious-blue .c-pager__next .c-icon__font:hover,
.t-bg-curious-blue .c-pager__next .c-biomarkers__view .c-biomarkers__search > span:hover,
.c-biomarkers__view .t-bg-curious-blue .c-pager__next .c-biomarkers__search > span:hover,
.t-bg-curious-blue .c-pager__next .c-alztalks__rsstitle:hover::before,
.t-bg-curious-blue .c-pager__next .c-alztalks__download a:hover::before,
.c-alztalks__download .t-bg-curious-blue .c-pager__next a:hover::before,
.t-bg-curious-blue .c-pager__next .c-search-form--header form .form-actions:hover,
.t-bg-curious-blue .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions:hover,
.c-biomarkers__view .t-bg-curious-blue .c-pager__next .c-biomarkers__search form .form-actions:hover,
.c-search-form--header form .t-bg-curious-blue .c-pager__next .form-actions:hover,
.c-biomarkers__view .c-biomarkers__search form .t-bg-curious-blue .c-pager__next .form-actions:hover,
.t-bg-red-devil .c-pager__next .c-icon__font:hover,
.t-bg-red-devil .c-pager__next .c-biomarkers__view .c-biomarkers__search > span:hover,
.c-biomarkers__view .t-bg-red-devil .c-pager__next .c-biomarkers__search > span:hover,
.t-bg-red-devil .c-pager__next .c-alztalks__rsstitle:hover::before,
.t-bg-red-devil .c-pager__next .c-alztalks__download a:hover::before,
.c-alztalks__download .t-bg-red-devil .c-pager__next a:hover::before,
.t-bg-red-devil .c-pager__next .c-search-form--header form .form-actions:hover,
.t-bg-red-devil .c-pager__next .c-biomarkers__view .c-biomarkers__search form .form-actions:hover,
.c-biomarkers__view .t-bg-red-devil .c-pager__next .c-biomarkers__search form .form-actions:hover,
.c-search-form--header form .t-bg-red-devil .c-pager__next .form-actions:hover,
.c-biomarkers__view .c-biomarkers__search form .t-bg-red-devil .c-pager__next .form-actions:hover {
color: #054697;
background: #fff;
}
.t-bg-primary .c-pager a,
.t-bg-secondary .c-pager a,
.t-bg-curious-blue .c-pager a,
.t-bg-red-devil .c-pager a {
color: #fff;
}
.t-bg-primary .c-pager a:hover,
.t-bg-secondary .c-pager a:hover,
.t-bg-curious-blue .c-pager a:hover,
.t-bg-red-devil .c-pager a:hover {
color: #054697;
background: #fff;
}
.t-bg-primary .c-pager__item.is-active a,
.t-bg-secondary .c-pager__item.is-active a,
.t-bg-curious-blue .c-pager__item.is-active a,
.t-bg-red-devil .c-pager__item.is-active a {
color: #054697;
background: #fff;
}
/* ==========================================================================
#Primary nav component
========================================================================== */
/*doc
---
title: Primary Nav
name: primary-nav
category: Components - Primary Nav
---
```html_example
```
*/
/* List class
========================================================================== */
.c-primary-nav {
padding: 0;
position: relative;
margin: 0;
}
@media screen and (min-width: 1310px) {
.c-primary-nav {
margin: 0 -4.7777777778rem;
}
}
@media screen and (max-width: 1024px) {
.c-primary-nav {
-webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
height: 100%;
left: -140%;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
width: 70%;
}
}
.c-primary-nav.is-active {
background-color: #054697;
left: -70%;
opacity: 1;
visibility: visible;
}
.c-primary-nav.is-active ul {
margin: 0;
padding: 0;
}
.c-primary-nav.is-active li {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
text-align: left;
}
.c-primary-nav.is-active a {
padding: 0.5555555556rem;
font-size: 1.1111111111rem;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
/* List items class
========================================================================== */
.c-primary-nav__item {
margin: 0 1rem;
text-align: center;
width: 16%;
font-size: 0.6666666667rem;
}
@media screen and (min-width: 1366px) {
.c-primary-nav__item {
font-size: 0.8333333333rem;
}
}
@media screen and (min-width: 1024px) {
.c-primary-nav__item {
display: inline-block;
}
}
@media screen and (min-width: 1024px) {
.c-primary-nav__item:first-child {
margin-left: 0;
}
}
.c-primary-nav__item a {
color: #515151;
}
@media screen and (max-width: 1024px) {
.c-primary-nav__item a:hover {
color: #fff;
}
}
.c-primary-nav__item.has-dropdown .c-content-feed-card {
min-height: 0;
}
@media screen and (min-width: 1024px) {
.c-primary-nav__item.has-dropdown .c-primary-nav__link {
border: solid transparent;
border-width: 1px 1px 0;
z-index: 10;
}
}
@media screen and (min-width: 1024px) {
.c-primary-nav__item.has-dropdown:hover .c-primary-nav__link {
border-color: #999 #999 #fff;
border-style: solid solid dotted;
z-index: 10;
position: relative;
}
}
.c-primary-nav__item.has-dropdown:hover .c-drop-nav__wrap {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 1024px) {
.c-primary-nav__item .c-primary-nav__link {
display: block;
}
}
@media screen and (min-width: 1024px) {
.c-primary-nav__item .c-primary-nav__link {
padding: 0.5rem 1rem;
text-transform: uppercase;
display: block;
/*display: inline-block;*/
z-index: 8;
background-color: #fff;
}
}
.c-primary-nav__item .c-primary-nav__link:hover {
z-index: 10;
}
/* Drop-down
========================================================================== */
.c-drop-nav__wrap {
text-align: left;
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 1024px) {
.c-drop-nav__wrap {
display: none;
}
}
@media screen and (min-width: 1024px) {
.c-drop-nav__wrap {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(25%, rgba(255, 255, 255, 0.5)), color-stop(84%, rgba(198, 198, 198, 0.5)), to(#c6c6c6));
background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.5) 25%, rgba(198, 198, 198, 0.5) 84%, #c6c6c6 100%);
background-color: #fff;
min-width: 64rem;
overflow: hidden;
position: absolute;
top: 42px;
left: 0;
z-index: 9;
width: 92%;
border: 1px #999 solid;
}
}
@media screen and (max-width: 1260px) {
.c-drop-nav__wrap {
top: 37px;
}
}
.c-drop-nav__wrap--half .c-drop-nav__item {
width: 50%;
float: left;
margin: 0 0 1.6666666667rem;
}
.c-drop-nav__wrap.is-expanded {
display: block;
opacity: 1;
z-index: 9;
visibility: visible;
background: #032f66;
}
.c-drop-nav__wrap.is-expanded a {
font-size: 0.8333333333rem;
}
.c-drop-nav {
margin-bottom: 0;
}
.c-drop-nav h4 {
margin-bottom: 0rem;
}
.c-drop-nav__wrap p {
font-size: 0.8888888889rem;
line-height: 1.3;
margin: 0;
padding: 0;
}
@media screen and (min-width: 1024px) {
.c-drop-nav__wrap {
padding: 1.6666666667rem 3.3333333333rem 5.5555555556rem;
}
}
.c-drop-nav__item {
margin: 0 0 1.3888888889rem;
}
.c-drop-nav .c-mmenu-slider__wrap {
padding: 0;
float: none;
max-width: 100%;
}
@media screen and (min-width: 1024px) {
.c-drop-nav .c-mmenu--border-right {
border-right: 1px solid #ddd;
}
}
.c-drop-nav .c-content-feed-card {
background: transparent;
min-height: auto;
padding: 0;
}
.c-drop-nav .c-content-feed-card .c-teaser__label, .c-drop-nav .c-content-feed-card .c-teaser__date, .c-drop-nav .c-content-feed-card .c-content-feed-card__date {
margin-bottom: 1.3888888889rem;
}
.c-drop-nav .c-content-feed-card__social h4 {
margin-bottom: 0.5555555556rem;
font-size: 1.3333333333rem;
}
.c-drop-nav .c-content-feed-card__about h4 {
margin-bottom: 0rem;
}
.c-drop-nav .c-content-feed-card__about a {
font-size: 0.8888888889rem;
}
.c-drop-nav .c-btn, .c-drop-nav .c-donation__donate, .c-drop-nav .c-btn__wrap--primary a, .c-btn__wrap--primary .c-drop-nav a, .c-drop-nav .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-drop-nav a, .c-drop-nav .c-btn__wrap--gray a, .c-btn__wrap--gray .c-drop-nav a, .c-drop-nav .c-popup__btn a, .c-popup__btn .c-drop-nav a {
width: 8.3333333333rem;
display: block;
margin-top: 1.1111111111rem;
}
.c-drop-nav .c-btn:hover, .c-drop-nav .c-donation__donate:hover, .c-drop-nav .c-btn__wrap--primary a:hover, .c-btn__wrap--primary .c-drop-nav a:hover, .c-drop-nav .c-btn__wrap--secondary a:hover, .c-btn__wrap--secondary .c-drop-nav a:hover, .c-drop-nav .c-btn__wrap--gray a:hover, .c-btn__wrap--gray .c-drop-nav a:hover, .c-drop-nav .c-popup__btn a:hover, .c-popup__btn .c-drop-nav a:hover {
color: #fff;
}
.c-drop-nav .md-8 .c-btn, .c-drop-nav .md-8 .c-donation__donate, .c-drop-nav .md-8 .c-btn__wrap--primary a, .c-btn__wrap--primary .c-drop-nav .md-8 a, .c-drop-nav .md-8 .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-drop-nav .md-8 a, .c-drop-nav .md-8 .c-btn__wrap--gray a, .c-btn__wrap--gray .c-drop-nav .md-8 a, .c-drop-nav .md-8 .c-popup__btn a, .c-popup__btn .c-drop-nav .md-8 a {
width: 11.1111111111rem;
}
.c-drop-nav__join hr {
margin: 0.8333333333rem 0;
}
.c-drop-nav__join h4 {
margin: 0;
}
.c-drop-nav__join .c-content-feed-card p {
margin-bottom: 0.5555555556rem;
}
.c-drop-nav__join .c-btn, .c-drop-nav__join .c-donation__donate, .c-drop-nav__join .c-btn__wrap--primary a, .c-btn__wrap--primary .c-drop-nav__join a, .c-drop-nav__join .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-drop-nav__join a, .c-drop-nav__join .c-btn__wrap--gray a, .c-btn__wrap--gray .c-drop-nav__join a, .c-drop-nav__join .c-popup__btn a, .c-popup__btn .c-drop-nav__join a {
width: 6.333rem;
}
.c-drop-nav__action {
font-size: 0.8333333333rem;
}
.c-drop-nav__action h5 {
font-family: "Libre Baskerville", serif;
}
.c-drop-nav__action p {
margin-bottom: 0;
font-size: 0.8333333333rem;
}
.c-drop-nav__social {
border-left: 1px solid #ddd;
padding-left: 2.2222222222rem;
}
@media screen and (min-width: 1024px) {
.c-drop-nav__social {
height: 100%;
min-height: 18.8888888889rem;
}
}
.c-drop-nav__social h4 {
margin-bottom: 1.3888888889rem;
}
.c-drop-nav__social a {
font-size: 0.8333333333rem;
}
.c-drop-nav__about h4 {
font-size: 1.2777777778rem;
margin: 0;
}
.c-drop-nav__about a {
font-size: 0.8888888889rem;
}
.c-drop-nav__about a:hover {
color: #0f0f0f;
}
.c-drop-nav .c-icon__font, .c-drop-nav .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-drop-nav .c-biomarkers__search > span, .c-drop-nav .c-alztalks__rsstitle::before, .c-drop-nav .c-alztalks__download a::before, .c-alztalks__download .c-drop-nav a::before, .c-drop-nav .c-search-form--header form .form-actions, .c-drop-nav .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-drop-nav .c-biomarkers__search form .form-actions, .c-search-form--header form .c-drop-nav .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-drop-nav .form-actions {
margin: 0 0.8333333333rem 0.8333333333rem 0;
}
.c-drop-nav .c-teaser--resources .md-8 {
margin-bottom: 0;
margin-top: 3.3333333333rem;
}
.c-drop-nav .c-teaser--resources h4 {
font-size: 1.2222222222rem;
}
/* Mobile toggle link
========================================================================== */
.c-mobile-toggle {
display: block;
text-align: right;
position: relative;
text-transform: uppercase;
color: #054697;
font-size: 1.1111111111rem;
width: 4.8333333333rem;
float: right;
}
.c-mobile-toggle::before {
content: "";
position: absolute;
left: 0;
top: 0.5555555556rem;
width: 1em;
height: 0.15em;
background: #054697;
-webkit-box-shadow: 0 0.25em 0 0 #054697, 0 0.5em 0 0 #054697;
box-shadow: 0 0.25em 0 0 #054697, 0 0.5em 0 0 #054697;
}
@media screen and (min-width: 1024px) {
.c-mobile-toggle {
display: none;
}
}
.c-drop-nav__about a::after {
content: "";
display: inline-block;
height: 12px;
width: 15px;
margin: 0 0 0 5px;
vertical-align: 0;
background: url("../../img/icon-arrow.png");
}
@media screen and (max-width: 1024px) {
.c-menu--mobile-override .c-drop-nav__action {
padding: 0.55556rem;
font-size: 1.11111rem;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
}
@media screen and (max-width: 1024px) {
.c-menu--mobile-override .c-drop-nav__action h5 {
color: #fff;
font-size: 0.83333rem;
font-family: "Oxygen", sans-serif;
display: inline;
margin: 0;
}
}
@media screen and (max-width: 1024px) {
.c-menu--mobile-override .c-drop-nav__action .c-btn, .c-menu--mobile-override .c-drop-nav__action .c-donation__donate, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--primary a, .c-btn__wrap--primary .c-menu--mobile-override .c-drop-nav__action a, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-menu--mobile-override .c-drop-nav__action a, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--gray a, .c-btn__wrap--gray .c-menu--mobile-override .c-drop-nav__action a, .c-menu--mobile-override .c-drop-nav__action .c-popup__btn a, .c-popup__btn .c-menu--mobile-override .c-drop-nav__action a {
border: none;
background: none;
padding: 0;
text-align: left;
display: inline;
margin: 0;
}
.c-menu--mobile-override .c-drop-nav__action .c-btn:hover, .c-menu--mobile-override .c-drop-nav__action .c-donation__donate:hover, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--primary a:hover, .c-btn__wrap--primary .c-menu--mobile-override .c-drop-nav__action a:hover, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--secondary a:hover, .c-btn__wrap--secondary .c-menu--mobile-override .c-drop-nav__action a:hover, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--gray a:hover, .c-btn__wrap--gray .c-menu--mobile-override .c-drop-nav__action a:hover, .c-menu--mobile-override .c-drop-nav__action .c-popup__btn a:hover, .c-popup__btn .c-menu--mobile-override .c-drop-nav__action a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 1024px) {
.c-menu--mobile-override .c-drop-nav__action .c-btn::before, .c-menu--mobile-override .c-drop-nav__action .c-donation__donate::before, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--primary a::before, .c-btn__wrap--primary .c-menu--mobile-override .c-drop-nav__action a::before, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--secondary a::before, .c-btn__wrap--secondary .c-menu--mobile-override .c-drop-nav__action a::before, .c-menu--mobile-override .c-drop-nav__action .c-btn__wrap--gray a::before, .c-btn__wrap--gray .c-menu--mobile-override .c-drop-nav__action a::before, .c-menu--mobile-override .c-drop-nav__action .c-popup__btn a::before, .c-popup__btn .c-menu--mobile-override .c-drop-nav__action a::before {
content: " - ";
text-decoration: none !important;
display: inline-block;
margin: 0 5px 0 0;
}
}
@media screen and (max-width: 1024px) {
.c-menu--mobile-override .c-drop-nav__action p {
display: none;
}
}
/* ==========================================================================
#Search Form
========================================================================== */
.search-block-form.container-inline div {
width: 85%;
}
.c-search-form .js-form-submit::before {
font-size: 1.1666666667rem;
content: "test";
display: block;
}
.c-search-form--header, .c-biomarkers__view .c-biomarkers__search {
border: 3px solid #999;
border-radius: 3rem;
padding: 3px;
overflow: hidden;
}
.c-search-form--header input, .c-biomarkers__view .c-biomarkers__search input {
margin: 0;
color: #999;
padding: 0;
}
.c-search-form--header form, .c-biomarkers__view .c-biomarkers__search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
}
.c-search-form--header form .form-item input, .c-biomarkers__view .c-biomarkers__search form .form-item input {
border: 0;
}
.c-search-form--header form .form-actions, .c-biomarkers__view .c-biomarkers__search form .form-actions {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
border: 0;
width: 1rem;
height: 1rem;
cursor: pointer;
font-size: 1.1666666667rem;
color: #999;
margin: -2px 12px 0 3px;
}
.c-search-form--header form .form-actions input, .c-biomarkers__view .c-biomarkers__search form .form-actions input {
width: 19px;
height: 1.2222222222rem;
opacity: 0;
}
.filter_search_form::before {
border-bottom: 3px solid #bbb;
color: #c6c6c6;
content: "\f002";
display: inline-block;
font-family: "FontAwesome";
line-height: 1.3333333333rem;
padding: 0 0 6px;
vertical-align: top;
width: 1.3888888889rem;
font-size: 1.4444444444rem;
height: 40px;
}
.filter_search_form .ajax_filter {
border-bottom: 3px solid #bbb;
border-left: 0;
background: transparent;
border-right: 0;
border-top: 0;
color: #373737;
font-family: "Oxygen", sans-serif;
display: inline-block;
line-height: 1.3333333333rem;
overflow: hidden;
margin-left: -0.2777777778rem;
margin-right: 0.2777777778rem;
white-space: nowrap;
padding: 0 0 6px 5px;
height: 40px;
vertical-align: top;
font-size: 1rem;
width: auto;
margin-bottom: 0;
}
.filter_search_form .ajax_filter::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #373737;
}
.filter_search_form .ajax_filter::-moz-placeholder {
/* Firefox 19+ */
color: #373737;
}
.filter_search_form .ajax_filter:-ms-input-placeholder {
/* IE 10+ */
color: #373737;
}
.filter_search_form .ajax_filter:-moz-placeholder {
/* Firefox 18- */
color: #373737;
}
.filter_search_form ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #373737;
}
.filter_search_form ::-moz-placeholder {
/* Firefox 19+ */
color: #373737;
}
.filter_search_form :-ms-input-placeholder {
/* IE 10+ */
color: #373737;
}
.filter_search_form :-moz-placeholder {
/* Firefox 18- */
color: #373737;
}
.t-bg-primary .filter_search_form .ajax_filter,
.t-bg-primary .filter_search_form .ajax_filter::-webkit-input-placeholder,
.t-bg-secondary .filter_search_form .ajax_filter,
.t-bg-secondary .filter_search_form .ajax_filter::-webkit-input-placeholder,
.t-bg-curious-blue .filter_search_form .ajax_filter,
.t-bg-curious-blue .filter_search_form .ajax_filter::-webkit-input-placeholder,
.t-bg-red-devil .filter_search_form .ajax_filter,
.t-bg-red-devil .filter_search_form .ajax_filter::-webkit-input-placeholder {
color: #fff;
}
.t-bg-primary .filter_search_form .ajax_filter::-moz-placeholder,
.t-bg-secondary .filter_search_form .ajax_filter::-moz-placeholder,
.t-bg-curious-blue .filter_search_form .ajax_filter::-moz-placeholder,
.t-bg-red-devil .filter_search_form .ajax_filter::-moz-placeholder {
color: #fff;
}
.t-bg-primary .filter_search_form .ajax_filter:-ms-input-placeholder,
.t-bg-secondary .filter_search_form .ajax_filter:-ms-input-placeholder,
.t-bg-curious-blue .filter_search_form .ajax_filter:-ms-input-placeholder,
.t-bg-red-devil .filter_search_form .ajax_filter:-ms-input-placeholder {
color: #fff;
}
.t-bg-primary .filter_search_form .ajax_filter:-moz-placeholder,
.t-bg-secondary .filter_search_form .ajax_filter:-moz-placeholder,
.t-bg-curious-blue .filter_search_form .ajax_filter:-moz-placeholder,
.t-bg-red-devil .filter_search_form .ajax_filter:-moz-placeholder {
color: #fff;
}
/* ==========================================================================
#Join Form
========================================================================== */
.c-form__join--message {
padding: 0.2777777778rem 1.3333333333rem;
font-size: 0.8333333333rem;
background: #fff;
z-index: 20;
text-align: center;
position: relative;
}
@media screen and (min-width: 640px) {
.c-form__join--message {
float: left;
margin-left: -30px;
}
}
@media screen and (max-width: 640px) {
.c-form__join--message {
margin-bottom: 0;
margin-top: 0;
background-color: transparent;
z-index: 1;
}
}
.c-form__join--loading {
height: 16px;
width: 16px;
margin: 8px;
display: none;
}
@media screen and (min-width: 640px) {
.c-form__join--loading {
float: left;
}
}
@media screen and (max-width: 640px) {
.c-form__join--loading {
margin: 0 auto;
clear: both;
}
}
.c-form__join--footer {
overflow: hidden;
}
@media screen and (max-width: 640px) {
.c-form__join--footer {
max-width: 15.5555555556rem;
margin: 0 auto 1.1111111111rem;
padding-bottom: 16px;
}
}
.c-form__join--footer label {
font-size: 0.8888888889rem;
margin-right: 20px;
float: left;
}
.c-form__join--footer .c-icon__font--envelope-o {
height: 1.75rem;
width: 1.2777777778rem;
margin: 0 10px 0 0;
font-size: 1.25rem;
line-height: 1.3888888889rem;
}
.c-form__join--footer input[type=text] {
height: 33px;
float: left;
line-height: 1.5;
border: solid #333;
border-width: 0 0 2px 0;
font-size: 0.9444444444rem;
max-width: 7.3333333333rem;
padding: 0;
margin-right: 0.5555555556rem;
font-size: 0.8333333333rem;
margin-bottom: 0;
margin-top: -3px;
}
.c-form__join--footer #c-form__join--submit-btn {
float: left;
margin: 0;
background-color: #515151;
text-align: center;
height: 33px;
width: 33px;
outline: none;
}
.c-form__join--footer #c-form__join--submit-btn:hover {
background-color: #333;
cursor: pointer;
}
@media screen and (min-width: 640px) {
.c-form__join--footer #c-form__join--submit-btn {
position: relative;
}
}
.slick-prev,
.slick-next {
width: 40px;
height: 72px;
}
.slick-prev {
left: -40px;
}
.slick-next {
right: -35px;
}
.slick-prev::before,
.slick-next::before {
font-family: "FontAwesome";
color: rgba(0, 0, 0, 0.75);
font-size: 4rem;
}
.slick-prev::before {
content: "\f104";
}
.slick-next::before {
content: "\f105";
}
.slick-dots li button::before {
font-family: "FontAwesome";
content: "•";
}
/* ==========================================================================
#Tabs
========================================================================== */
/*doc
---
title: Tabs
name: tabs
category: Components - Tabs
---
Default tabs styling for tabs widget.
```html_example
```
*/
.c-tabs {
overflow: hidden;
margin-bottom: 2.2222222222rem;
}
.c-tabs p,
.c-tabs li {
font-size: 0.8888888889rem;
line-height: 1.9444444444rem;
}
.c-tabs h3 {
font-family: "Libre Baskerville", serif;
margin-bottom: 0.5555555556rem;
}
.c-tabs__content {
display: none;
}
.c-tabs__content.active {
display: block;
}
.c-tabs .c-tabs__links ul {
list-style: none;
margin: 0;
padding: 0;
}
.c-tabs .c-tabs__links a {
font-size: 0.9444444444rem;
color: #333;
opacity: 0.7;
}
.c-tabs .c-tabs__links li {
display: inline-block;
margin-right: 2.7777777778rem;
margin-bottom: 1.9444444444rem;
border-bottom: 2px solid transparent;
padding-bottom: 10px;
line-height: 1.1111111111rem;
}
.c-tabs .c-tabs__links li.active {
border-bottom: 2px solid;
}
.c-tabs .c-tabs__links li.active a {
opacity: 1;
}
@media screen and (min-width: 640px) {
.c-tabs--vertical .c-tabs__links {
margin: 0;
float: left;
width: 15%;
padding: 2.7777777778rem 0 0;
}
.c-tabs--vertical .c-tabs__links li {
margin-right: 4%;
display: block;
}
.c-tabs--vertical .c-tabs__content-wrap {
width: 81%;
float: right;
padding-left: 3%;
border-left: 1px solid #c6c6c6;
padding-top: 2.7777777778rem;
}
}
/* .c-tabs {
padding-left: 0;
overflow: hidden;
&__item {
display: inline;
}
&__link {
display: inline-block;
text-decoration: none;
padding: .5rem rem(50) 0 0;
span {
color: $dusty-gray;
display: inline-block;
border-bottom: 2px solid transparent;
}
&.is-active {
background: $white;
span {
color: $cod-gray;
border-bottom: 2px solid;
}
}
}
&__content {
display: none;
width: 100%;
float: left;
padding: 0 0 1.5rem 0;
}
}
.c-tabs--vertical {
position: relative;
padding: rem(50) 0;
min-height: 50vh;
.c-tabs__item {
display: block;
}
.c-tabs__link {
width: 20%;
display: block;
margin-bottom: rem(30);
}
.c-tabs__content {
width: 80%;
padding-left: rem(40);
border-left: 1px solid $dusty-gray;
float: right;
position: absolute;
top: 0;
left: 20%;
padding-top: rem(50);
}
}
.c-tabs--horizontal {
.c-tabs__item {
}
.c-tabs__link {
position: relative;
z-index: 1;
&.is-active {
}
}
.c-tabs__content {
position: relative;
top: -1px;
z-index: 0;
padding-top: 2rem;
p {
font-size: rem(15);
}
}
} */
/* ==========================================================================
#Teaser component
========================================================================== */
/*doc
---
title: Teaser
name: teaser
category: Components - Teaser
---
This is the teaser component which has multiple variations. Take a look at the `Teaser with image` section to see a full example.
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
.c-teaser__podcast--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 940px;
margin: 0 auto 20px;
background: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #fff;
position: relative;
}
@media screen and (max-width: 640px) {
.c-teaser__podcast--wrap {
display: block;
}
}
.c-teaser__podcast--number {
position: absolute;
top: 0;
right: 0;
background: #0f1d4a;
font-weight: bold;
color: #fff;
height: 60px;
width: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 23px;
}
.c-teaser__podcast--byline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
}
.c-teaser__podcast--byline strong {
text-transform: uppercase;
margin-right: 5px;
}
.c-teaser__podcast--title {
font-size: 20px !important;
margin-bottom: 5px !important;
}
.c-teaser__podcast--text {
padding: 0 20px;
}
.c-teaser__podcast--text p {
margin-bottom: 0;
}
@media screen and (max-width: 640px) {
.c-teaser__podcast--text {
padding: 20px;
}
}
.c-teaser__podcast--thumb {
width: 160px;
height: 160px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media screen and (max-width: 640px) {
.c-teaser__podcast--thumb {
width: 100%;
height: auto;
}
}
.c-teaser__podcast--read-more {
color: #d22d85 !important;
font-size: 15px;
}
.c-teaser__podcast--read-more:hover {
color: #032f66 !important;
}
.c-teaser__podcast .node-readmore,
.c-teaser__podcast .links.inline {
padding: 0;
margin: 0;
}
.c-teaser__item {
color: #0f0f0f;
font-size: 0.8333333333rem;
}
.c-teaser__item p {
line-height: 1.1111111111rem;
}
.c-teaser__item img {
margin-bottom: 0.5555555556rem;
}
.c-teaser__source, .c-content-feed-card__source {
font-size: 0.5555555556rem;
font-family: "Oxygen", sans-serif;
text-transform: uppercase;
margin-bottom: 0;
}
.c-teaser__source a, .c-content-feed-card__source a {
color: #0f0f0f;
}
.c-teaser__label, .c-teaser__date, .c-content-feed-card__date {
color: #fff;
background-color: #054697;
padding: 3px 1rem 3px 0.5rem;
margin: 0 0 1rem;
display: inline-block;
font-size: 0.8333333333rem;
}
.c-teaser__title, .c-content-feed-card__title {
font-family: "Libre Baskerville", serif;
font-size: 1rem;
margin-bottom: 0;
}
.c-teaser__title a, .c-content-feed-card__title a {
color: #0f0f0f;
}
.c-teaser__link, .c-content-feed-card__link {
color: #0f0f0f;
font-size: 0.8888888889rem;
text-transform: capitalize;
vertical-align: middle;
}
.c-teaser__content, .c-content-feed-card__content {
color: #0f0f0f;
font-size: 0.8888888889rem;
line-height: 1.3125;
margin-bottom: 0rem;
margin-top: 0.5555555556rem;
vertical-align: middle;
}
.c-teaser__content p, .c-content-feed-card__content p {
font-size: 0.8888888889rem;
line-height: 1.3125;
margin-bottom: 1.1111111111rem;
}
.c-teaser__byline, .c-content-feed-card__byline {
color: #0f0f0f;
font-size: 0.7777777778rem;
line-height: 1.4;
margin-bottom: 0.5555555556rem;
margin-top: 0.5555555556rem;
vertical-align: middle;
}
.c-teaser__footer {
margin: 1.66666rem 0;
}
.c-teaser__footer--right {
text-align: right;
float: right;
width: 60%;
}
.c-teaser--author {
padding-bottom: 5.5555555556rem;
}
.c-teaser--author h2 {
font-size: 1.4444444444rem;
}
.c-teaser--author p {
font-size: 0.8888888889rem;
}
.c-teaser.node--type-article .c-image__wrap img {
width: 100%;
}
.c-content-feed-card.node--type-staff .c-teaser__title, .c-content-feed-card.node--type-staff .c-content-feed-card__title,
.c-content-feed-card.node--type-staff .c-content-feed-card__subheader {
padding-left: 0.5555555556rem;
}
.node--view-mode-teaser,
.node--view-mode-slider-teaser {
font-size: 0.8888888889rem;
line-height: 1.5;
padding-bottom: 3.6111111111rem;
padding-left: 1.6666666667rem;
padding-right: 1.6666666667rem;
}
.node--view-mode-teaser .c-image__wrap,
.node--view-mode-slider-teaser .c-image__wrap {
margin: 0 -30px;
}
.node--view-mode-teaser h2,
.node--view-mode-slider-teaser h2 {
font-size: 1.3333333333rem;
margin: 0;
}
.node--view-mode-teaser h2 a,
.node--view-mode-slider-teaser h2 a {
color: #0f0f0f;
}
/*doc
---
title: Teaser with image
name: teaser_with_image
category: Components - Teaser
---
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/*doc
---
title: Teaser in UI Row
name: teaser_ui_row
category: Components - Teaser
---
This is an example of how to use the teaser component with the `ui-row` object to get padding and a border.
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/*doc
---
title: Teaser with byline
name: teaser_with_byline
category: Components - Teaser
---
```html_example
Articles
By Chris Roane
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/* ==========================================================================
#Views
========================================================================== */
/*doc
---
title: Views
name: Views
category: Components - Views
---
Custom Views styling .
```html_example
June 15, 2017
Mos Sagaciter Vicis
Interdico patria ratis te typicus. Appellatio eligo erat inhibeo interdico macto meus veniam. Consectetuer conventio dolor gravis ibidem odio scisco tum usitas. Huic incassum oppeto refero sed vel. Abico causa paulatim populus si tation vulputate. Abdo acsi esse pala velit. Camur facilisis gravis metuo praesent proprius quadrum tation tincidunt.
Accumsan aliquip feugiat inhibeo patria singularis ut vulputate. Commoveo gemino refero. Natu pecus singularis. Facilisis interdico saepius si. Aliquam caecus consectetuer imputo inhibeo sed usitas vulputate. Et haero laoreet neque. Ad amet nimis sed. Ea gravis neo nibh paulatim qui quidne ratis suscipere tego.
Abbas damnum esca hos importunus lobortis nibh
December 19, 2016
Incassum Patria
Abbas abluo comis consectetuer macto nimis os refero singularis valde. Augue huic lobortis mos quidne roto vicis. At fere humo in pneum refoveo virtus vulputate. Abico defui exputo jumentum utrum. At hos incassum. Accumsan distineo odio. Genitus gravis in occuro praemitto usitas. Immitto pagus tum ullamcorper venio vulputate.
Commodo ludus ulciscor validus. Ludus occuro olim quidne tation turpis ullamcorper. Acsi defui incassum jus luptatum molior pagus sed wisi. Exputo nibh occuro typicus verto. Occuro quia ullamcorper vel zelus. Abbas ad bene iaceo ibidem macto quis torqueo. Brevitas gilvus natu obruo tum. Amet at capto commoveo eros exerci facilisis interdico nutus.
March 12, 2017
Gemino Quia
Bene commodo jus luptatum nostrud. Cogo genitus incassum interdico magna mauris modo nulla validus venio. Abigo aliquip commoveo ea loquor modo mos nimis quidne. Abluo acsi utrum veniam. Commoveo feugiat gilvus interdico macto modo oppeto pneum sudo volutpat.
Feugiat luptatum neo nibh quidem tincidunt utinam virtus. Dolus ille nulla quidem sino vulpes vulputate. Comis distineo elit ludus sagaciter typicus vel. Eligo eum ideo neo premo quia refoveo velit vulpes.
Bene conventio et iaceo illum ratis te vel. Autem minim valetudo vero. Macto probo tego. Camur diam gravis quia turpis. Caecus capto hendrerit in odio quibus quidem tation utrum validus. Acsi
October 09, 2017
Dignissim Proprius Sed Vel
Commodo saluto sino sudo veniam. Ad appellatio conventio eum feugiat humo iusto praesent quis rusticus. Accumsan commoveo hendrerit illum nisl nunc obruo roto tum. Cogo facilisi hos luptatum melior si tum. Camur exputo facilisi pneum quis si tego utrum vindico. Abbas abico appellatio rusticus similis ymo zelus.
Commodo damnum ea eu mos os turpis vindico. Dignissim dolus enim huic ille persto praemitto refero tincidunt. Bene iustum natu obruo quae quia saepius vicis. Aptent at et magna probo ut valde venio.
Lobortis plaga quadrum refero ulciscor. Abbas abigo erat eu lucidus praesent tum valetudo virtus. Commoveo praesent quae roto tincidunt tum
June 25, 2017
Gravis
Feugiat iaceo melior nisl os saepius tamen tego validus. Acsi plaga sagaciter valde venio. Loquor pala probo roto similis. Ad adipiscing damnum esse scisco torqueo. Accumsan adipiscing interdico iriure vel vulpes. Amet et pagus quibus valde. Jus lenis populus ratis te. Abbas exerci humo letalis magna paulatim populus quis te vero. Consectetuer euismod neque nostrud olim validus vulpes.
Abbas erat ex facilisi melior quidne si typicus valetudo. Abbas abico amet aptent gemino magna neo quadrum sino tamen. Abbas commoveo dignissim ille oppeto saluto scisco ut veniam. Acsi enim et exputo hendrerit. Comis imputo laoreet lucidus meus nimis pala quibus valetudo
Mos Sagaciter Vicis
Incassum Patria
Gemino Quia
Dignissim Proprius Sed Vel
Gravis
```
*/
.c-view__slide--large {
display: none;
list-style: none;
}
.c-view__slide--large p {
font-weight: 300;
}
.c-view__slide--large:nth-child(1) {
display: block;
}
.c-view__intro-text {
font-size: 1.2777777778rem;
}
.c-view--slider {
padding: 0;
margin: 0;
list-style: none;
}
.c-view--slider .view-header p {
font-size: 1.3333333333rem;
max-width: 800px;
width: 100%;
font-weight: 300;
}
.c-view--slider .c-btn, .c-view--slider .c-donation__donate, .c-view--slider .c-btn__wrap--primary a, .c-btn__wrap--primary .c-view--slider a, .c-view--slider .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-view--slider a, .c-view--slider .c-btn__wrap--gray a, .c-btn__wrap--gray .c-view--slider a, .c-view--slider .c-popup__btn a, .c-popup__btn .c-view--slider a {
font-size: 1.1111111111rem;
}
.view-content ul {
padding-left: 0;
}
.view-content ul li {
padding-bottom: 1.11111rem;
padding-top: 1.11111rem;
}
.view-blog .node--view-mode-teaser {
padding-left: 0;
padding-right: 60px;
}
.view-blog .node--view-mode-teaser .c-image__wrap {
margin: 0 -45px;
}
.view-blog .view-header h2 {
font-size: 2rem;
margin-bottom: 0.5555555556rem;
padding: 0;
}
.view-blog .view-header h4 span {
text-transform: capitalize;
}
@media screen and (min-width: 640px) {
.view-blog .view-header {
padding-bottom: 3.5rem;
padding-left: 1.3888888889rem;
}
}
.view-blog h2 {
padding-bottom: 1.1111111111rem;
padding-top: 1.1111111111rem;
}
.view-blog .node--view-mode-teaser {
font-size: 1rem;
line-height: 1.666;
}
.view-blog .t-add-comma {
font-size: 0.8888888889rem;
}
.view-pluto-views .view-header {
padding: 3.0555555556rem 0 5.5555555556rem;
}
@media screen and (min-width: 1024px) {
.view-pluto-views .view-header {
padding: 3.0555555556rem 0 3.5rem 5.5555555556rem;
}
}
.view-pluto-views .view-header h1 {
margin-bottom: 0.5555555556rem;
}
.view-pluto-views .view-header p {
font-size: 1.2777777778rem;
max-width: 670px;
font-weight: 500;
}
.view-pluto-views .field--name-field-on-pluto-tags {
width: 50%;
float: left;
padding: 9px 0;
}
.view-pluto-views .field--name-dynamic-token-fieldnode-simple-share {
width: 50%;
float: right;
}
.view-pluto-views .field--name-dynamic-token-fieldnode-simple-share .c-node-share {
padding: 0;
margin: 0;
text-align: right;
}
/* ==========================================================================
#Widgets
========================================================================== */
/*doc
---
title: Widgets
name: Widgets
category: Components - Widgets
---
Default Widget styling for widgets.
```html_example
```
*/
.c-widget__intro-content {
margin-bottom: 2.7777777778rem;
}
.c-widget__intro-content p:last-child {
margin-bottom: 0;
}
.c-widget__intro-content--bottom {
margin: 2.7777777778rem 0 0;
}
.c-widget__filters {
padding-top: 0.5555555556rem;
}
.c-widget-box {
padding: 2.2222222222rem;
margin-bottom: 2.2222222222rem;
}
.c-widget-box--icons.t-bg-white h3 {
color: #054697;
}
.c-widget-box--icons.t-bg-white .c-widget-box__item {
border-color: #e7e7e7;
color: #054697;
}
.c-widget-box--icons.t-bg-white .c-widget-box__link a {
border-color: #054697;
color: #054697;
}
.c-widget-box--icons h2.c-widget__title {
margin-bottom: 1.66666rem;
}
@media screen and (max-width: 640px) {
.c-widget-box--icons h2.c-widget__title {
text-align: center;
}
}
.c-widget-box--icons .c-widget-box__title {
margin-bottom: 0;
}
.c-widget-box__item {
/*
word-break: break-word;
hyphens: auto;
*/
}
@media screen and (min-width: 1024px) {
.c-widget-box .o-flex-grid li:nth-child(5) {
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.c-widget-box .o-flex-grid--1 li {
width: 100%;
}
.c-widget-box .o-flex-grid--2 li {
width: 50%;
}
.c-widget-box .o-flex-grid--3 li {
width: 33.33%;
}
.c-widget-box .o-flex-grid--4 li {
width: 25%;
}
.c-widget-box .o-flex-grid--5 li {
width: 20%;
}
.c-widget-box .o-flex-grid--6 li {
width: 16.66%;
}
.c-widget-box .o-flex-grid {
display: table;
margin: 0 auto;
}
.c-widget-box .o-flex-grid .c-widget-box__item {
min-height: 12.8888888889rem;
display: table-cell;
vertical-align: middle;
padding: 1.3333333333rem 0.5555555556rem;
}
}
.c-widget-box h2 {
font-size: 2.1111111111rem;
margin-bottom: -1.5rem;
}
.c-widget-box h2 + .c-widget-box__link {
margin-top: 3.166666rem;
}
.c-widget-box p {
font-size: 1rem;
line-height: 1.2777777778rem;
font-family: "Oxygen", sans-serif;
}
.c-widget-box__item {
text-align: center;
}
@media screen and (max-width: 640px) {
.c-widget-box__item {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.c-widget-box__item:last-child {
border-bottom: 0;
}
}
@media screen and (min-width: 640px) {
.c-widget-box__item {
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
}
.c-widget-box__item:first-child {
border-left: 0;
}
.c-widget-box__image img {
max-width: 200px;
margin-bottom: 1.6666666667rem;
}
.c-widget-box__link a {
border: 3px solid #fff;
border-radius: 2rem;
padding: 0.5555555556rem 1.1111111111rem;
display: inline-block;
margin: 0 0 1.66666rem;
font-family: "Oxygen", sans-serif;
}
.c-widget-box__link a:hover {
background: #fff;
color: #054697;
}
.c-widget-box__title {
margin-bottom: 0;
line-height: 1.2;
}
.c-widget-box__details p {
margin: 1.66666rem;
}
.c-widget-box__link a {
color: #fff;
}
.c-widget-featured-item__main-image {
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
.c-widget-featured-item__main-image {
padding-top: 300px;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.c-widget-featured-item__main-image {
padding-top: 500px;
}
}
@media screen and (min-width: 1024px) {
.c-widget-featured-item__main-image {
padding: 0;
background-size: 50%;
background-position: center left;
background-repeat: no-repeat;
}
}
.c-widget-featured-item__body {
width: 100%;
padding: 1.6666666667rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-widget-featured-item__body .c-cta-widget__preheading {
font-size: 1.1666666667rem;
}
.c-widget-featured-item__body p {
font-size: 0.8888888889rem;
line-height: 1.3333333333rem;
}
.c-widget-featured-item__body .c-btn, .c-widget-featured-item__body .c-donation__donate, .c-widget-featured-item__body .c-btn__wrap--primary a, .c-btn__wrap--primary .c-widget-featured-item__body a, .c-widget-featured-item__body .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-widget-featured-item__body a, .c-widget-featured-item__body .c-btn__wrap--gray a, .c-btn__wrap--gray .c-widget-featured-item__body a, .c-widget-featured-item__body .c-popup__btn a, .c-popup__btn .c-widget-featured-item__body a {
margin: 0;
font-size: 1.2777777778rem;
}
@media screen and (min-width: 0) {
.c-widget-featured-item__body .c-btn, .c-widget-featured-item__body .c-donation__donate, .c-widget-featured-item__body .c-btn__wrap--primary a, .c-btn__wrap--primary .c-widget-featured-item__body a, .c-widget-featured-item__body .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-widget-featured-item__body a, .c-widget-featured-item__body .c-btn__wrap--gray a, .c-btn__wrap--gray .c-widget-featured-item__body a, .c-widget-featured-item__body .c-popup__btn a, .c-popup__btn .c-widget-featured-item__body a {
margin-bottom: 0.5555555556rem;
}
}
@media screen and (min-width: 1024px) {
.c-widget-featured-item__body {
padding: 2.3888888889rem;
max-width: 30.0555555556rem;
width: 50%;
margin-left: 50%;
}
}
.c-widget-featured-item__headline {
font-size: 2rem;
line-height: 2.3888888889rem !important;
margin-bottom: 0.8333333333rem !important;
}
.c-widget-content-feed .c-content-feed-card {
margin: 0;
/* p:last-child {
margin-bottom: 0;
}*/
}
.c-widget-content-feed .c-content-feed-card.node--type-article, .c-widget-content-feed .c-content-feed-card.node--type-press-release, .c-widget-content-feed .c-content-feed-card.node--type-news, .c-widget-content-feed .c-content-feed-card.node--type-resources {
margin-bottom: 1.66666rem;
}
.c-widget-content-feed ul {
margin: 0;
padding: 0;
overflow: hidden;
list-style-type: none;
}
.c-widget-content-feed ul:after {
content: "";
-ms-flex-preferred-size: calc(33.3333333333% - (2.427rem - 1em));
flex-basis: calc(33.3333333333% - (2.427rem - 1em));
}
@media screen and (min-width: 640px) {
.c-widget-content-feed .c-widget__filters {
padding-left: 5.5555555556rem;
}
}
@media screen and (min-width: 897px) {
.c-widget-content-feed .c-widget__filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.c-widget-content-feed .c-grid__main-title {
font-size: 2rem;
margin: 0;
}
@media screen and (min-width: 640px) {
.c-widget-content-feed .c-grid__main-title {
padding-left: 5.5555555556rem;
}
}
.c-widget-content-feed .c-grid__description {
font-size: 1.3333333333rem;
line-height: 1.5;
}
@media screen and (min-width: 640px) {
.c-widget-content-feed .c-grid__description {
padding-left: 5.5555555556rem;
}
}
.t-bg-primary .c-widget-featured-item__body {
background-color: #054697;
}
.t-bg-secondary .c-widget-featured-item__body {
background-color: #af021f;
}
/* custom widgets */
/* homepage spotlight */
.c-widget-custom-spot, .c-infographic-widget__wrap {
overflow: auto;
}
@media screen and (min-width: 640px) {
.c-widget-custom-spot, .c-infographic-widget__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 2rem 0 -1rem;
z-index: 9;
}
}
.c-widget-custom-spot__text {
background-color: #f4ebcc;
}
@media screen and (min-width: 640px) {
.c-widget-custom-spot__text {
float: left;
width: 50%;
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
z-index: 8;
}
}
@media screen and (min-width: 1024px) {
.c-widget-custom-spot__text {
width: 33.3333%;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom-spot__image, .c-infographic-widget__card--outerwrap {
float: left;
width: 55%;
margin-left: -5%;
padding: 1rem 0;
z-index: 7;
}
}
@media screen and (min-width: 1024px) {
.c-widget-custom-spot__image, .c-infographic-widget__card--outerwrap {
width: 72%;
margin-left: -5.3333%;
}
}
.c-widget-custom-spot__image img, .c-infographic-widget__card--outerwrap img {
display: block;
width: 100%;
max-height: 504px;
}
@media screen and (min-width: 1366px) {
.c-widget-custom-spot__image img, .c-infographic-widget__card--outerwrap img {
max-height: 100%;
}
}
.c-widget-custom-spot--4-12 {
padding: 0 1.66666rem;
}
.c-widget__end-tab {
clear: both;
}
@media screen and (min-width: 640px) {
.c-widget-custom__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item-wrap {
min-height: 100%;
}
}
.c-widget-custom__list-item {
margin: 0 0 1.66666rem;
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item {
padding: 0;
float: left;
overflow: hidden;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item-container {
min-height: 100%;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item:nth-child(odd) {
width: calc(50% + 0.5px);
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item:nth-child(odd) .c-widget-custom__list-item-container {
border-right: 1px solid #c6c6c6;
padding-right: 4rem;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item:nth-child(odd):last-child {
border-right: none;
width: calc(50% - 4rem);
padding-right: 0;
float: none;
margin: 0 auto;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item:nth-child(odd):last-child .c-widget-custom__list-item-container {
border-right-color: transparent;
padding-right: 0;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item:nth-child(even) {
width: calc(50% - 0.5px);
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item:nth-child(even) .c-widget-custom__list-item-container {
padding-left: 4rem;
}
}
.c-widget-custom__list-item h3 {
text-align: center;
}
.c-widget-custom__list-item h5 {
background: #e7e7e7;
padding: 1rem;
text-align: center;
margin: 0;
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item h5 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.c-widget-custom__list-item h5.t-bg-primary {
background: #054697;
color: #fff;
}
.c-widget-custom__list-item h5.t-bg-secondary {
background: #af021f;
color: #fff;
}
.c-widget-custom__list-item h5.t-bg-lochmara {
background: #0789c1;
color: #fff;
}
@media screen and (max-width: 640px) {
.c-widget-custom__list-item-container {
padding: 0 2rem;
}
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.c-widget-custom__list-item-text {
padding: 1.66666rem;
background-color: #e7e7e7;
}
@media screen and (min-width: 640px) {
.c-widget-custom__list-item-text {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.c-widget-custom__list-item-text iframe {
width: 100%;
}
.c-widget-custom__list-item-text--gray {
background-color: #e7e7e7;
}
.c-widget--albescent-white {
background-color: #f4ebcc;
}
/*doc
---
title: Custom 2col Widget
name: custom_2col_widget
category: Components - Widgets
---
Custom 2col Widget styling for widgets.
```html_example
```
*/
/* ==========================================================================
#Content Feed Card component
========================================================================== */
/*doc
---
title: Content Feed Card
name: Content Feed Card
category: Components - Content Feed Card
---
This is the Content Feed Card component which has multiple variations. This is the view mode used in the Content Feed.
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
.c-content-feed-card {
margin-bottom: 3.3333333333rem;
background: #eae8e9;
padding: 1.9444444444rem 1.3888888889rem;
min-height: 14.7222222222rem;
margin: 0;
}
@media screen and (min-width: 1024px) {
.c-content-feed-card {
min-height: 390px;
}
}
.c-content-feed-card.node--type-staff {
background: none;
padding: 1.11111rem 0;
}
.c-content-feed-card.node--type-press-release, .c-content-feed-card.node--type-news, .c-content-feed-card.node--type-resources, .c-content-feed-card-image {
margin-bottom: 3.3333333333rem;
}
@media screen and (min-width: 1024px) {
.c-content-feed-card.node--type-press-release, .c-content-feed-card.node--type-news, .c-content-feed-card.node--type-resources, .c-content-feed-card-image {
min-height: 390px;
}
}
.c-content-feed-card .c-teaser__label, .c-content-feed-card .c-teaser__date, .c-content-feed-card .c-content-feed-card__date {
font-size: 0.8333333333rem;
padding: 3px 1rem 3px 0.5rem;
}
.c-content-feed-card__date {
font-size: 0.6666666667rem;
padding: 0 0.8333333333rem;
}
.c-content-feed-card__subheader {
font-size: 0.8888888889rem;
line-height: 1.3125;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.c-content-feed-card .c-teaser__title, .c-content-feed-card .c-content-feed-card__title {
font-size: 1rem;
line-height: 1.3888888889rem;
margin-bottom: 0rem;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.c-content-feed-card .field--name-node-link a {
color: #0f0f0f;
font-size: 0.8888888889rem;
text-transform: capitalize;
vertical-align: middle;
}
.c-content-feed-card-image .c-teaser__label, .c-content-feed-card-image .c-teaser__date, .c-content-feed-card-image .c-content-feed-card__date {
margin-bottom: 0.2777777778rem;
}
.c-content-feed-card-image time {
font-size: 0.8333333333rem;
}
.t-bg-primary .c-content-feed-card-image,
.t-bg-secondary .c-content-feed-card-image,
.t-bg-curious-blue .c-content-feed-card-image,
.t-bg-red-devil .c-content-feed-card-image {
color: #fff;
}
.t-bg-primary .c-content-feed-card-image p,
.t-bg-secondary .c-content-feed-card-image p,
.t-bg-curious-blue .c-content-feed-card-image p,
.t-bg-red-devil .c-content-feed-card-image p {
color: #fff;
}
.t-bg-curious-blue .c-content-feed-card,
.t-bg-curious-blue .c-content-feed-card-image {
background: none;
color: #fff;
}
.t-bg-curious-blue .c-content-feed-card .c-teaser__label, .t-bg-curious-blue .c-content-feed-card .c-teaser__date, .t-bg-curious-blue .c-content-feed-card .c-content-feed-card__date,
.t-bg-curious-blue .c-content-feed-card-image .c-teaser__label,
.t-bg-curious-blue .c-content-feed-card-image .c-teaser__date,
.t-bg-curious-blue .c-content-feed-card-image .c-content-feed-card__date {
color: #2287c3;
background: #fff;
}
.t-bg-curious-blue .c-content-feed-card__source, .t-bg-curious-blue .c-content-feed-card__subheader,
.t-bg-curious-blue .c-content-feed-card .c-teaser__title,
.t-bg-curious-blue .c-content-feed-card .c-content-feed-card__title, .t-bg-curious-blue .c-content-feed-card__link,
.t-bg-curious-blue .c-content-feed-card .c-teaser__content,
.t-bg-curious-blue .c-content-feed-card .c-content-feed-card__content, .t-bg-curious-blue .c-content-feed-card__byline,
.t-bg-curious-blue .c-content-feed-card-image__source,
.t-bg-curious-blue .c-content-feed-card-image__subheader,
.t-bg-curious-blue .c-content-feed-card-image .c-teaser__title,
.t-bg-curious-blue .c-content-feed-card-image .c-content-feed-card__title,
.t-bg-curious-blue .c-content-feed-card-image__link,
.t-bg-curious-blue .c-content-feed-card-image .c-teaser__content,
.t-bg-curious-blue .c-content-feed-card-image .c-content-feed-card__content,
.t-bg-curious-blue .c-content-feed-card-image__byline {
color: #fff;
}
.t-bg-secondary .c-content-feed-card,
.t-bg-secondary .c-content-feed-card-image {
background: none;
color: #fff;
}
.t-bg-secondary .c-content-feed-card .c-teaser__label, .t-bg-secondary .c-content-feed-card .c-teaser__date, .t-bg-secondary .c-content-feed-card .c-content-feed-card__date,
.t-bg-secondary .c-content-feed-card-image .c-teaser__label,
.t-bg-secondary .c-content-feed-card-image .c-teaser__date,
.t-bg-secondary .c-content-feed-card-image .c-content-feed-card__date {
color: #af021f;
background: #fff;
}
.t-bg-secondary .c-content-feed-card__source, .t-bg-secondary .c-content-feed-card__subheader,
.t-bg-secondary .c-content-feed-card .c-teaser__title,
.t-bg-secondary .c-content-feed-card .c-content-feed-card__title, .t-bg-secondary .c-content-feed-card__link,
.t-bg-secondary .c-content-feed-card .c-teaser__content,
.t-bg-secondary .c-content-feed-card .c-content-feed-card__content, .t-bg-secondary .c-content-feed-card__byline, .t-bg-secondary .c-content-feed-card__source a,
.t-bg-secondary .c-content-feed-card-image__source,
.t-bg-secondary .c-content-feed-card-image__subheader,
.t-bg-secondary .c-content-feed-card-image .c-teaser__title,
.t-bg-secondary .c-content-feed-card-image .c-content-feed-card__title,
.t-bg-secondary .c-content-feed-card-image__link,
.t-bg-secondary .c-content-feed-card-image .c-teaser__content,
.t-bg-secondary .c-content-feed-card-image .c-content-feed-card__content,
.t-bg-secondary .c-content-feed-card-image__byline,
.t-bg-secondary .c-content-feed-card-image__source a {
color: #fff;
}
.t-bg-primary .c-content-feed-card,
.t-bg-primary .c-content-feed-card-image {
background: none;
color: #fff;
}
.t-bg-primary .c-content-feed-card .c-teaser__label, .t-bg-primary .c-content-feed-card .c-teaser__date, .t-bg-primary .c-content-feed-card .c-content-feed-card__date,
.t-bg-primary .c-content-feed-card-image .c-teaser__label,
.t-bg-primary .c-content-feed-card-image .c-teaser__date,
.t-bg-primary .c-content-feed-card-image .c-content-feed-card__date {
color: #054697;
background: #fff;
}
.t-bg-primary .c-content-feed-card__source, .t-bg-primary .c-content-feed-card__subheader,
.t-bg-primary .c-content-feed-card .c-teaser__title,
.t-bg-primary .c-content-feed-card .c-content-feed-card__title, .t-bg-primary .c-content-feed-card__link,
.t-bg-primary .c-content-feed-card .c-teaser__content,
.t-bg-primary .c-content-feed-card .c-content-feed-card__content, .t-bg-primary .c-content-feed-card__byline,
.t-bg-primary .c-content-feed-card-image__source,
.t-bg-primary .c-content-feed-card-image__subheader,
.t-bg-primary .c-content-feed-card-image .c-teaser__title,
.t-bg-primary .c-content-feed-card-image .c-content-feed-card__title,
.t-bg-primary .c-content-feed-card-image__link,
.t-bg-primary .c-content-feed-card-image .c-teaser__content,
.t-bg-primary .c-content-feed-card-image .c-content-feed-card__content,
.t-bg-primary .c-content-feed-card-image__byline {
color: #fff;
}
.t-bg-primary .c-content-feed-card-image {
background: none;
color: #fff;
}
.t-bg-primary .c-content-feed-card-image .c-teaser__label, .t-bg-primary .c-content-feed-card-image .c-teaser__date, .t-bg-primary .c-content-feed-card-image .c-content-feed-card__date {
color: #054697;
background: #fff;
}
.t-bg-primary .c-content-feed-card-image__source, .t-bg-primary .c-content-feed-card-image__subheader,
.t-bg-primary .c-content-feed-card-image .c-teaser__title,
.t-bg-primary .c-content-feed-card-image .c-content-feed-card__title, .t-bg-primary .c-content-feed-card-image__link,
.t-bg-primary .c-content-feed-card-image .c-teaser__content,
.t-bg-primary .c-content-feed-card-image .c-content-feed-card__content, .t-bg-primary .c-content-feed-card-image__byline, .t-bg-primary .c-content-feed-card-image__source a {
color: #fff;
}
.t-bg-secondary .c-teaser__source a, .t-bg-secondary .c-content-feed-card__source a,
.t-bg-primary .c-teaser__source a,
.t-bg-primary .c-content-feed-card__source a {
color: #fff;
}
/* ==========================================================================
#Default Text
========================================================================== */
/*doc
---
title: Default Text
name: Default Text
category: Components - Default Text
---
Default Widget styling for widgets.
```html_example
```
*/
.c-widget-text__gallery--count {
float: left;
font-size: 0.8888888889rem;
padding-right: 1.66666rem;
}
@media screen and (min-width: 1024px) {
.c-widget-text__gallery--count {
margin-left: 3rem;
}
}
.c-widget-text__gallery--caption-count {
float: left;
padding-top: 0.2777777778rem;
}
.c-widget-text__image {
margin-bottom: 1.6666666667rem;
}
@media screen and (min-width: 1024px) {
.c-widget-text__image--not-full {
margin: 0 -3rem;
}
}
.c-widget-text__image.slick-slide {
margin-bottom: 1.66666rem;
}
.c-widget-text__image-title {
font-size: 0.8888888889rem;
line-height: 1.2;
margin-bottom: 0;
}
.c-widget-text__image-caption {
font-size: 0.7222222222rem;
line-height: 1;
display: block;
}
/* ==========================================================================
#Widgets
========================================================================== */
/*doc
---
title: Spotlight
name: Spotlight
category: Components - Spotlight
---
Default Widget styling for widgets.
```html_example
```
*/
.c-spotlight {
overflow: hidden;
}
.c-spotlight .c-btn, .c-spotlight .c-donation__donate, .c-spotlight .c-btn__wrap--primary a, .c-btn__wrap--primary .c-spotlight a, .c-spotlight .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-spotlight a, .c-spotlight .c-btn__wrap--gray a, .c-btn__wrap--gray .c-spotlight a, .c-spotlight .c-popup__btn a, .c-popup__btn .c-spotlight a {
margin-bottom: 0rem;
}
@media screen and (max-width: 640px) {
.c-spotlight .c-btn, .c-spotlight .c-donation__donate, .c-spotlight .c-btn__wrap--primary a, .c-btn__wrap--primary .c-spotlight a, .c-spotlight .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-spotlight a, .c-spotlight .c-btn__wrap--gray a, .c-btn__wrap--gray .c-spotlight a, .c-spotlight .c-popup__btn a, .c-popup__btn .c-spotlight a {
margin-bottom: 1.9444444444rem;
}
}
.c-spotlight__preheadline {
font-size: 1.1666666667rem;
line-height: 1;
margin: 0;
}
@media screen and (min-width: 1024px) {
.c-spotlight__preheadline {
margin: 0.8333333333rem auto 0.5555555556rem;
max-width: 18.0555555556rem;
}
}
.c-spotlight__title {
font-size: 2rem;
line-height: 1.2;
margin: 0 auto 0.8333333333rem;
}
@media screen and (min-width: 1024px) {
.c-spotlight__title {
max-width: 18.0555555556rem;
}
}
@media screen and (min-width: 1024px) {
.c-spotlight__button {
max-width: 18.0555555556rem;
margin: 0 auto;
}
}
.c-spotlight__teaser {
margin: 0 auto 1.1111111111rem;
}
@media screen and (min-width: 1024px) {
.c-spotlight__teaser {
max-width: 18.0555555556rem;
}
}
.c-spotlight__teaser p {
font-size: 0.8888888889rem;
line-height: 1.3333333333rem;
margin: 0 0 0.5555555556rem;
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
.c-spotlight__right .c-corner-bevel {
overflow: visible;
/*margin: $height / 2 0 0;*/
margin: 0;
position: relative;
background: rgba(255, 255, 255, 0.25);
height: 330px;
width: calc(100% - (330px * 0.1));
}
.c-spotlight__right .c-corner-bevel::after, .c-spotlight__right .c-corner-bevel::before {
display: block;
width: 0;
content: "";
border-style: solid;
position: absolute;
top: 0;
border-color: rgba(255, 255, 255, 0.25) transparent transparent;
}
.c-spotlight__right .c-corner-bevel::after {
border-width: 330px 33px 0 0;
right: -33px;
}
.c-spotlight__right .c-corner-bevel::before {
border-width: 330px 0 0;
width: 500px;
left: -500px;
}
}
@media screen and (min-width: 1024px) {
.c-spotlight__right .c-spotlight__image {
position: relative;
text-align: center;
}
.c-spotlight__right .c-spotlight__image img {
margin-bottom: -30px;
margin-top: -30px;
max-height: 400px;
height: 100%;
}
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
.c-spotlight__left .c-corner-bevel {
overflow: visible;
margin: 0;
position: relative;
background: rgba(255, 255, 255, 0.25);
height: 330px;
margin-left: 33px;
}
.c-spotlight__left .c-corner-bevel::after, .c-spotlight__left .c-corner-bevel::before {
display: block;
width: 0;
content: "";
border-style: solid;
position: absolute;
top: 0;
border-color: rgba(255, 255, 255, 0.25) transparent transparent;
}
.c-spotlight__left .c-corner-bevel::after {
border-width: 330px 0 0;
width: 500px;
right: -500px;
}
.c-spotlight__left .c-corner-bevel::before {
border-width: 330px 0 0 33px;
left: -33px;
}
}
@media screen and (min-width: 1024px) {
.c-spotlight__left .c-spotlight__image {
position: relative;
text-align: right;
padding-right: 2.2222222222rem;
}
.c-spotlight__left .c-spotlight__image img {
margin-bottom: -30px;
margin-top: -30px;
max-height: 400px;
height: 100%;
}
}
@media screen and (min-width: 1024px) {
.c-spotlight__bottom {
max-width: 800px;
text-align: left;
margin: 0 auto;
padding: 0 9.99996rem;
}
}
.c-spotlight__bottom .c-spotlight__image--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: calc(110px + 1.66666rem);
}
@media screen and (min-width: 1024px) {
.c-spotlight__bottom .c-spotlight__image {
background-color: rgba(255, 255, 255, 0.25);
max-height: 200px;
padding: 0 7.49997rem;
overflow: visible;
}
}
.c-spotlight__bottom .c-spotlight__image img {
margin-top: -100px;
max-width: 440px;
}
.c-spotlight__bottom .c-border-bevel {
height: 200px;
width: auto;
}
@media screen and (min-width: 1024px) {
.c-spotlight__bottom .c-border-bevel svg {
fill: rgba(255, 255, 255, 0.25);
height: 200px;
width: auto;
}
}
.c-spotlight__bottom .c-border-bevel--left svg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH";
}
.c-spotlight--tan-red {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f4ebcc), color-stop(50%, #af021f));
background: linear-gradient(to right, #f4ebcc 50%, #af021f 50%);
}
.c-spotlight.t-bg-darkred.t-paid-leave {
background: #fff;
color: #0f0f0f;
}
.c-spotlight.t-bg-darkred.t-paid-leave .c-btn, .c-spotlight.t-bg-darkred.t-paid-leave .c-donation__donate, .c-spotlight.t-bg-darkred.t-paid-leave .c-btn__wrap--primary a, .c-btn__wrap--primary .c-spotlight.t-bg-darkred.t-paid-leave a, .c-spotlight.t-bg-darkred.t-paid-leave .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-spotlight.t-bg-darkred.t-paid-leave a, .c-spotlight.t-bg-darkred.t-paid-leave .c-btn__wrap--gray a, .c-btn__wrap--gray .c-spotlight.t-bg-darkred.t-paid-leave a, .c-spotlight.t-bg-darkred.t-paid-leave .c-popup__btn a, .c-popup__btn .c-spotlight.t-bg-darkred.t-paid-leave a {
color: #0f0f0f;
}
.c-spotlight.t-bg-darkred.t-paid-leave .c-spotlight__image img {
-webkit-box-shadow: 1px 1px 10px 0px #4a161b;
box-shadow: 1px 1px 10px 0px #4a161b;
}
@media screen and (min-width: 1024px) {
.c-spotlight.t-bg-darkred.t-paid-leave .c-corner-bevel {
background: #4a161b;
}
}
@media screen and (min-width: 1024px) {
.c-spotlight.t-bg-darkred.t-paid-leave .c-corner-bevel::after, .c-spotlight.t-bg-darkred.t-paid-leave .c-corner-bevel::before {
border-color: #4a161b transparent transparent;
}
}
.c-slider {
padding: 0;
width: 100%;
}
.c-slider__slide {
display: none;
}
.c-slider__slide:first-child {
display: block;
}
.c-slider__slide-image {
display: block;
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
background-position: center center;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 640px) {
.c-slider__slide-image {
width: auto;
margin-left: -6%;
margin-bottom: 0;
}
}
.c-slider__slide-content--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #fff;
min-height: calc(70vh + 22px);
}
@media screen and (min-width: 640px) {
.c-slider__slide-content--wrap {
min-height: calc(70vh - 165px);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (min-width: 1024px) {
.c-slider__slide-content--wrap {
min-height: 37rem;
}
}
.c-slider__slide-content {
display: table;
width: 100%;
}
@media screen and (min-width: 640px) {
.c-slider__slide-content {
width: 40%;
min-height: calc(70vh - 165px);
}
}
@media screen and (min-width: 1024px) {
.c-slider__slide-content {
min-height: 37rem;
}
}
.c-slider__slide-content h2 {
font-size: 1rem;
line-height: 1.4;
margin-bottom: 0.5555555556rem;
}
@media screen and (min-width: 640px) {
.c-slider__slide-content h2 {
font-size: 2rem;
line-height: 2.2222222222rem;
}
}
.c-slider__slide-content p {
display: none;
}
@media screen and (min-width: 640px) {
.c-slider__slide-content p {
display: inline;
font-size: 0.8888888889rem;
line-height: 1.4;
margin-bottom: 0;
}
}
.c-slider__slide-content--flex {
width: 100%;
background-color: #054697;
color: #fff;
padding: 1.75rem 1.25rem 1.25rem;
display: table-cell;
vertical-align: bottom;
}
.c-slider__slide-content--flex span {
font-size: 1.1666666667rem;
}
@media screen and (min-width: 640px) {
.c-slider__slide-content--flex {
padding: 50px;
vertical-align: middle;
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
}
.c-slider__slide-button {
text-align: center;
}
@media screen and (min-width: 640px) {
.c-slider__slide-button {
text-align: left;
}
}
.c-slider__slide-button a {
font-size: 0.89rem;
padding: 0.5rem;
}
.c-slider__slide-button a:hover {
background: #fff;
color: #054697;
border: 3px solid #fff;
}
@media screen and (min-width: 640px) {
.c-slider__slide-button a {
font-size: 1.2777777778rem;
padding: 0.7777777778rem 1.8888888889rem;
margin-top: 1.3888888889rem;
}
}
.c-slider__card--wrap {
max-height: 15.6111111111rem;
margin-top: -23px;
}
.c-slider__card--wrap .slick-arrow {
background: url("../../img/slider-arrow-next.png") center #fff no-repeat;
height: 2.7777777778rem;
width: 2.7777777778rem;
top: 54%;
}
@media screen and (max-width: 640px) {
.c-slider__card--wrap .slick-arrow {
height: 1.6666666667rem;
width: 1.6666666667rem;
top: 61%;
background-size: 40%;
background-position: 11px;
}
}
.c-slider__card--wrap .slick-arrow:hover {
opacity: 0.5;
}
.c-slider__card--wrap .slick-next {
right: 15px;
}
.c-slider__card--wrap .slick-next::before {
display: none;
}
.c-slider__card--wrap .slick-prev {
left: 0;
display: none !important;
}
.c-slider__card--wrap .slick-prev::before {
color: #fff;
}
.c-slider__card--mask, .c-media__card .c-media__card--slide .c-media__card--mask {
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: relative;
display: table-cell;
vertical-align: bottom;
text-align: center;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.c-slider__card--mask h4, .c-media__card .c-media__card--slide .c-media__card--mask h4 {
margin: 0;
padding: 0 0 0.8333333333rem;
font-size: 1.1111111111rem;
color: #fff;
font-family: "Oxygen", sans-serif, Helvetica, Arial, sans-serif;
font-weight: 600;
text-shadow: 1px 1px 0 #0f0f0f;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.c-slider__card--mask h4, .c-media__card .c-media__card--slide .c-media__card--mask h4 {
display: none;
}
}
@media screen and (max-width: 640px) {
.c-slider__card--mask h4, .c-media__card .c-media__card--slide .c-media__card--mask h4 {
display: none;
}
}
.c-slider__card.slick-slide, .c-media__card .slick-slide.c-media__card--slide {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: inline-block;
cursor: pointer;
height: 19.5vw;
margin-top: 22px;
border: solid #fff;
border-width: 5px 2.5px 0;
display: table;
outline: 0;
}
@media screen and (min-width: 640px) {
.c-slider__card.slick-slide, .c-media__card .slick-slide.c-media__card--slide {
max-height: 14.4444444444rem;
}
}
.c-slider__card.slick-slide.is-active .c-slider__card--mask, .c-slider__card.slick-slide.is-active .c-media__card .c-media__card--slide .c-media__card--mask, .c-media__card .c-media__card--slide .c-slider__card.slick-slide.is-active .c-media__card--mask, .c-media__card .slick-slide.is-active.c-media__card--slide .c-slider__card--mask, .c-media__card .slick-slide.is-active.c-media__card--slide .c-media__card--mask, .c-slider__card.slick-slide:hover .c-slider__card--mask, .c-slider__card.slick-slide:hover .c-media__card .c-media__card--slide .c-media__card--mask, .c-media__card .c-media__card--slide .c-slider__card.slick-slide:hover .c-media__card--mask, .c-media__card .slick-slide.c-media__card--slide:hover .c-slider__card--mask, .c-media__card .slick-slide.c-media__card--slide:hover .c-media__card--mask {
background-color: rgba(5, 70, 151, 0);
}
.t-bg-secondary .c-slider__slide-content--flex {
background-color: #af021f;
}
.t-bg-secondary .c-slider__slide-content .c-border-bevel--right svg {
fill: #af021f;
}
.t-bg-secondary .c-slider__card.is-active .c-slider__card--mask, .t-bg-secondary .c-slider__card.is-active .c-media__card .c-media__card--slide .c-media__card--mask, .c-media__card .c-media__card--slide .t-bg-secondary .c-slider__card.is-active .c-media__card--mask, .t-bg-secondary .c-media__card .is-active.c-media__card--slide .c-slider__card--mask, .t-bg-secondary .c-media__card .is-active.c-media__card--slide .c-media__card--mask, .c-media__card .t-bg-secondary .is-active.c-media__card--slide .c-slider__card--mask, .c-media__card .t-bg-secondary .is-active.c-media__card--slide .c-media__card--mask, .t-bg-secondary .c-slider__card:hover .c-slider__card--mask, .t-bg-secondary .c-slider__card:hover .c-media__card .c-media__card--slide .c-media__card--mask, .c-media__card .c-media__card--slide .t-bg-secondary .c-slider__card:hover .c-media__card--mask, .t-bg-secondary .c-media__card .c-media__card--slide:hover .c-slider__card--mask, .t-bg-secondary .c-media__card .c-media__card--slide:hover .c-media__card--mask, .c-media__card .t-bg-secondary .c-media__card--slide:hover .c-slider__card--mask, .c-media__card .t-bg-secondary .c-media__card--slide:hover .c-media__card--mask {
background-color: rgba(175, 2, 31, 0);
}
.is-active .c-slider__card--mask, .is-active .c-media__card .c-media__card--slide .c-media__card--mask, .c-media__card .c-media__card--slide .is-active .c-media__card--mask,
.c-slider__card:hover .c-slider__card--mask,
.c-slider__card:hover .c-media__card .c-media__card--slide .c-media__card--mask,
.c-media__card .c-media__card--slide .c-slider__card:hover .c-media__card--mask,
.c-media__card .c-media__card--slide:hover .c-slider__card--mask,
.c-media__card .c-media__card--slide:hover .c-media__card--mask {
vertical-align: middle;
}
.is-active .c-slider__card--mask::after, .is-active .c-media__card .c-media__card--slide .c-media__card--mask::after, .c-media__card .c-media__card--slide .is-active .c-media__card--mask::after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 15px;
margin-left: -15px;
top: -34px;
}
/* below are the styles for the content feed card used for onpluto and video content types
where possible we have leveraged the slick slider content. see twig files for structure
*/
.c-media__card {
border: 10px solid #fff;
background-size: cover;
}
.c-media__card:hover {
border: 10px solid #e1e1e1;
}
.c-media__card .c-media__card--slide {
width: 100%;
overflow: hidden;
display: table;
}
.c-media__card .c-media__card--slide .c-media__card--mask {
height: 21.45vw;
width: 100%;
text-align: center;
}
@media screen and (min-width: 1024px) {
.c-media__card .c-media__card--slide .c-media__card--mask {
height: 12.2222222222rem;
}
}
.view-video-views .bg-lg-3 > li,
.c-view--slider .bg-lg-3 > li {
margin-right: 0;
width: 33.33%;
padding: 0;
float: left;
list-style: none;
}
.view-video-views ul.bg-md-3,
.c-view--slider ul.bg-md-3 {
margin-bottom: 4.4444444444rem;
}
.c-header-widget {
width: 100%;
padding: 0;
}
.c-header-widget--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: auto;
}
@media screen and (min-width: 640px) {
.c-header-widget--wrap {
min-height: 70vh;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (min-width: 1024px) {
.c-header-widget--wrap {
min-height: 33rem;
}
}
.c-header-widget--hascaption {
position: relative;
}
.c-header-widget__content {
display: table;
width: 100%;
}
@media screen and (min-width: 640px) {
.c-header-widget__content {
width: 40%;
min-height: 70vh;
}
}
@media screen and (min-width: 1024px) {
.c-header-widget__content {
min-height: 33rem;
}
}
.c-header-widget__content h2 {
font-size: 1rem;
line-height: 1.4;
margin-bottom: 0.5555555556rem;
}
@media screen and (min-width: 640px) {
.c-header-widget__content h2 {
font-size: 2rem;
line-height: 1.2;
margin-bottom: 1.1111111111rem;
margin-top: 0.5555555556rem;
}
}
.c-header-widget__content p {
display: inline;
font-size: 0.8888888889rem;
line-height: 1.4;
margin-bottom: 10px;
}
.c-header-widget--flex {
width: 100%;
background-color: #054697;
color: #fff;
padding: 1.75rem 1.25rem 1.25rem;
display: table-cell;
vertical-align: bottom;
}
.c-header-widget--flex span {
font-size: 1.3333333333rem;
line-height: 1.1;
}
@media screen and (min-width: 640px) {
.c-header-widget--flex {
padding: 50px 75px 50px 50px;
vertical-align: middle;
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
}
.c-header-widget--primary .c-header-widget--flex, .c-header-widget--white .c-header-widget--flex {
-webkit-clip-path: none;
clip-path: none;
}
.c-header-widget__image {
display: block;
}
@media screen and (max-width: 640px) {
.c-header-widget__image {
background-image: none !important;
}
}
@media screen and (min-width: 640px) {
.c-header-widget__image {
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
background-position: center center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto;
margin-left: -6%;
margin-bottom: 0;
}
}
.c-header-widget__image img {
display: block;
margin: auto;
}
@media screen and (min-width: 640px) {
.c-header-widget__image img {
display: none;
}
}
.c-header-widget .c-header-widget--label {
font-size: 0.8888888889rem;
}
.c-header-widget .c-icons__social {
display: inline-block;
list-style: none outside none;
padding-left: 0;
}
.c-header-widget .c-icons__social li {
display: inline-block;
vertical-align: middle;
}
.c-header-widget__caption {
color: #fff;
font-size: 0.7777777778rem;
line-height: 1rem;
padding: 0.25rem 0.5rem;
background-color: rgba(5, 70, 151, 0.75);
width: 100%;
}
@media screen and (min-width: 1024px) {
.c-header-widget__caption {
width: 45%;
position: absolute;
bottom: 0;
right: 0;
height: 4rem;
}
}
.c-header-widget__caption p {
margin: 0;
}
.c-header-widget--primary {
background-color: #054697;
}
.c-header-widget--primary .c-header-widget--wrap {
display: block;
min-height: 0;
}
.c-header-widget--primary .c-header-widget__content {
min-height: 0;
}
.c-header-widget--primary .c-header-widget--flex {
padding: 0;
}
@media screen and (max-width: 1024px) {
.c-header-widget--primary .c-header-widget--flex {
width: 100%;
}
}
.c-header-widget--white .c-header-widget--wrap {
display: block;
min-height: 0;
}
.c-header-widget--white .c-header-widget__content {
min-height: 0;
}
.c-header-widget--white .c-header-widget--flex {
padding: 0;
color: #333;
background-color: #fff;
}
@media screen and (max-width: 1024px) {
.c-header-widget--white .c-header-widget--flex {
width: 100%;
}
}
.c-header-widget--transparent .c-header-widget--wrap {
display: grid;
grid-template-areas: "header";
}
.c-header-widget--transparent .c-header-widget--wrap .c-header-widget__content {
grid-area: header;
width: 100%;
text-align: center;
}
.c-header-widget--transparent .c-header-widget--wrap .c-header-widget__image {
grid-area: header;
}
.c-header-widget--transparent .c-header-widget--flex {
background-color: transparent;
}
.c-header-widget--bluebar .c-header-widget--wrap {
display: block;
min-height: 0;
}
@media screen and (min-width: 640px) {
.c-header-widget--bluebar .c-header-widget--wrap {
background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #054697), color-stop(35%, rgb(255, 255, 255)));
background-image: linear-gradient(to right, #054697 35%, rgb(255, 255, 255) 35%);
}
}
.c-header-widget--bluebar .c-header-widget__content {
min-height: 0;
}
.c-header-widget--bluebar .c-header-widget--flex {
padding-top: 50px;
padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.c-header-widget--bluebar .c-header-widget--flex {
width: 100%;
}
}
.c-header-widget--hasimage .c-header-widget__content .c-header-widget--flex {
padding-top: 1rem;
padding-bottom: 1rem;
}
.c-header-widget--hasimage .c-header-widget--wrap {
background-color: #054697;
}
@media screen and (min-width: 640px) {
.c-header-widget--hasimage.c-header-widget--bluebar .c-header-widget--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1024px) {
.c-header-widget--hasimage.c-header-widget--bluebar .c-header-widget--wrap {
min-height: 70vh;
}
}
.page-node-type-press-release .c-header-widget__content {
width: 100%;
}
.page-node-type-press-release .c-header-widget__content h2 {
padding: 20px;
}
.c-people-scroller {
width: 100vw;
height: 65vw;
padding: 0;
}
.c-people-scroller-widget .slick-arrow {
background: url("../../img/slider-arrow-next--white.png") center #9e9e9e no-repeat;
height: 2.7777777778rem;
width: 2.7777777778rem;
z-index: 20;
top: 34%;
}
@media screen and (min-width: 640px) {
.c-people-scroller-widget .slick-arrow {
top: 54%;
}
}
@media screen and (min-width: 1230px) {
.c-people-scroller-widget .slick-arrow {
margin: -53px -30px 0 0;
}
}
.c-people-scroller-widget .slick-arrow:before {
display: none;
}
.c-people-scroller-widget .slick-arrow:hover {
opacity: 0.5;
}
.c-people-scroller-widget .slick-prev.slick-arrow {
background: url("../../img/slider-arrow-prev--white.png") center #9e9e9e no-repeat;
}
@media screen and (min-width: 1230px) {
.c-people-scroller-widget .slick-prev.slick-arrow {
margin: -53px 0 0 -30px;
}
}
.c-people-scroller__card {
margin: 3px;
border-style: solid;
border-width: 1px;
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
width: 33.333%;
display: inline-block;
}
.c-people-scroller__card.slick-slide {
border: 0;
background: transparent;
margin: 0;
padding: 0 1.6666666667rem;
text-align: center;
}
.c-people-scroller__card.slick-slide .c-content-feed-card__subheader {
display: none;
}
.c-people-scroller__card.slick-slide img {
margin-bottom: 1.2777777778rem;
}
.t-bg-primary .c-people-scroller__card.slick-slide a {
color: #fff;
}
.t-bg-primary .c-people-scroller-widget .slick-arrow {
background-color: #142c5b;
}
@media screen and (max-width: 640px) {
.c-widget-people-scroller {
overflow: hidden;
}
}
@media screen and (max-width: 1230px) {
.slick-next {
right: 0;
opacity: 0.5;
}
.slick-next:hover {
opacity: 1;
}
.slick-prev {
left: 0;
opacity: 0.5;
}
.slick-prev:hover {
opacity: 1;
}
}
.c-cta-widget {
padding: 1.1111111111rem 0 0 0;
border-bottom: 2px solid #fff;
}
.c-cta-widget__preheading {
margin-bottom: 6px;
font-weight: 500;
font-size: 1rem;
}
.c-cta-widget__headline {
margin-bottom: 0;
line-height: 1.8333333333rem;
}
.c-cta-widget__link a {
display: inline-block;
color: #fff;
line-height: 30px;
}
.c-cta-widget__button {
padding: 14px 0 0;
}
.c-cta-widget--sticky {
width: 100vw;
z-index: 100;
max-width: 46.2222222222rem;
padding: 1.1111111111rem 2.2222222222rem 0 0;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.c-cta-widget--sticky .c-btn, .c-cta-widget--sticky .c-donation__donate, .c-cta-widget--sticky .c-btn__wrap--primary a, .c-btn__wrap--primary .c-cta-widget--sticky a, .c-cta-widget--sticky .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-cta-widget--sticky a, .c-cta-widget--sticky .c-btn__wrap--gray a, .c-btn__wrap--gray .c-cta-widget--sticky a, .c-cta-widget--sticky .c-popup__btn a, .c-popup__btn .c-cta-widget--sticky a {
font-size: 1.2222222222rem;
}
}
@media screen and (max-width: 640px) {
.c-cta-widget--sticky {
padding: 1.6666666667rem 1.1111111111rem;
}
}
@media screen and (min-width: 640px) {
.c-cta-widget--sticky {
position: fixed;
bottom: 0;
right: 0;
width: 70vw;
padding-left: 5vw;
-webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(2.5% 0, 100% 0, 100% 100%, 0 100%);
}
}
@media screen and (min-width: 1024px) {
.c-cta-widget--sticky {
width: 60vw;
padding: 2.3888888889rem 1.8333333333rem 1.8333333333rem 4.1111111111rem;
}
}
/* ==========================================================================
Quotes
========================================================================== */
/*doc
---
title: Quotes
name: quotes
category: Components - Quotes
---
Quotes widgets and Inline Quotes
*/
.c-quote--block blockquote {
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-left: 0;
}
@media screen and (max-width: 640px) {
.c-quote--block blockquote {
padding-left: 2.7777777778rem;
padding-right: 2.7777777778rem;
}
}
@media screen and (min-width: 640px) {
.c-quote--block blockquote {
padding-left: 5.5555555556rem;
padding-right: 5.5555555556rem;
}
}
.c-quote--block blockquote .c-quote__text {
border-left: 0;
padding-left: 0;
padding-right: 0;
}
.c-quote--block blockquote .c-quote__text p {
font-size: 1.333rem;
margin: 0 0 1rem;
}
@media screen and (min-width: 1024px) {
.c-quote--block blockquote .c-quote__text p {
font-size: 1.7222222222rem;
}
}
.c-quote--block blockquote.c-quote--block--has-image::after {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.15);
content: "";
display: block;
height: 100%;
width: 100%;
}
@media screen and (min-width: 1024px) {
.c-quote--embedded .o-grid, .c-quote--embedded .c-alztalks--upcoming, .c-quote--embedded .c-widget-custom__list {
padding: 0;
}
}
.c-quote--embedded blockquote {
background: none;
max-width: 800px;
padding: 0;
width: 100%;
}
.c-quote--embedded blockquote .c-quote__text {
border-left: 7px solid #ddd;
}
.c-quote--embedded.c-quote--right {
text-align: right;
}
.c-quote--embedded.c-quote--right blockquote {
float: right;
}
.c-quote--embedded.c-quote--right .c-quote__text {
border-left: 0;
border-right: 7px solid #ddd;
margin-right: -0.8333333333rem;
}
.c-quote--embedded.c-quote--right .c-quote__social-sharing {
margin-right: -15px;
}
.c-quote__text {
padding-left: 0.8333333333rem;
padding-right: 0.8333333333rem;
}
.c-quote__text p {
font-size: 1.333rem;
line-height: 1.4;
}
.c-quote__source {
overflow: visible;
}
@media screen and (max-width: 1024px) {
.c-quote__source .md-10 {
margin-right: 0;
}
}
.c-quote__source-image {
display: inline-block;
height: 3.3333333333rem;
width: 3.3333333333rem;
}
.c-quote__source-image img {
display: block;
height: 100%;
width: 100%;
}
.c-quote__source-name {
font-size: 0.7777777778rem;
font-style: normal;
margin: 0.5555555556rem 0 0;
}
.c-quote__source-title {
font-size: 0.6666666667rem;
font-style: normal;
margin: 0;
}
.c-quote__social-sharing {
overflow: visible;
}
.c-quote__social-sharing .c-icons__social {
list-style: none;
padding: 0;
margin: 0;
}
.c-quote__source--embedded .c-quote__source-name {
height: 3.3333333333rem;
line-height: 3.3333333333rem;
margin: 0;
}
.c-quote__source--embedded .c-quote__source-image {
border: 1px solid transparent;
border-radius: 3.3333333333rem;
overflow: hidden;
margin-right: 0.5555555556rem;
}
/* ==========================================================================
#Staff
========================================================================== */
/*doc
---
title: Staff
name: Staff
category: Components - Staff
---
Staff layout styling.
```html_example
```
*/
.node--type-staff .o-grid .md-8:nth-child(2), .node--type-staff .c-alztalks--upcoming .md-8:nth-child(2), .node--type-staff .c-widget-custom__list .md-8:nth-child(2) {
padding-top: 3.6111111111rem;
}
.node--type-staff h2 {
margin-bottom: 0;
}
.node--type-staff .c-blockquote {
padding: 0;
font-size: 1.7777777778rem;
line-height: 2.1111111111rem;
color: #959595;
}
.node--type-staff .sm-8.md-9.lg-10 {
color: #959595;
font-family: "Libre Baskerville", serif;
font-size: 0.8888888889rem;
}
.node--type-staff .sm-4.md-3.lg-2 .c-image--rounded img {
height: 3.7777777778rem;
width: 3.7777777778rem;
margin-top: -16px;
}
.node--type-staff .md-8 .sm-4.md-3.lg-2 {
max-width: 3.7777777778rem;
}
.node--type-staff .sm-12.md-12.lg-8.lg-shift-2 {
margin-bottom: 4.7222222222rem;
}
.node--type-staff .o-band.t-bg-curious-blue {
padding: 1.3888888889rem 0;
}
.node--type-staff .o-band.t-bg-curious-blue .c-teaser__source a, .node--type-staff .o-band.t-bg-curious-blue .c-content-feed-card__source a {
color: #fff;
}
.c-staff__full + .field--type-stacks-type > div:first-of-type > .c-story-widget {
padding-top: 0;
}
/* ==========================================================================
Sidebar
========================================================================== */
/*doc
---
title: Sidebar
name: sidebar
category: Components - Sidebar
---
Sidebar widgets
*/
.c-sidebar h4 {
font-size: 1.1666666667rem;
margin-bottom: 0;
}
.c-sidebar h5 {
font-family: "Libre Baskerville", serif;
font-size: 0.8888888889rem;
margin-bottom: 0;
}
@media screen and (min-width: 640px) {
.c-sidebar h5 {
margin-top: 1.1111111111rem;
}
}
.c-sidebar p {
font-size: 0.7777777778rem;
}
.c-sidebar a:link,
.c-sidebar a:visited {
color: #0f0f0f;
}
.c-sidebar a:link.c-icon__font, .c-sidebar a.c-alztalks__rsstitle:link::before, .c-sidebar .c-alztalks__download a:link::before, .c-alztalks__download .c-sidebar a:link::before, .c-sidebar .c-search-form--header form a.form-actions:link, .c-sidebar .c-biomarkers__view .c-biomarkers__search form a.form-actions:link, .c-biomarkers__view .c-sidebar .c-biomarkers__search form a.form-actions:link, .c-search-form--header form .c-sidebar a.form-actions:link, .c-biomarkers__view .c-biomarkers__search form .c-sidebar a.form-actions:link, .c-sidebar a:link.c-icons__font,
.c-sidebar a:visited.c-icon__font,
.c-sidebar a.c-alztalks__rsstitle:visited::before,
.c-sidebar .c-alztalks__download a:visited::before,
.c-alztalks__download .c-sidebar a:visited::before,
.c-sidebar .c-search-form--header form a.form-actions:visited,
.c-sidebar .c-biomarkers__view .c-biomarkers__search form a.form-actions:visited,
.c-biomarkers__view .c-sidebar .c-biomarkers__search form a.form-actions:visited,
.c-search-form--header form .c-sidebar a.form-actions:visited,
.c-biomarkers__view .c-biomarkers__search form .c-sidebar a.form-actions:visited,
.c-sidebar a:visited.c-icons__font {
height: 2.2222222222rem;
width: 2.2222222222rem;
}
.c-sidebar a:link.c-icon__font--youtube,
.c-sidebar a:visited.c-icon__font--youtube {
background-color: #cd1132;
}
.c-sidebar a:link.c-icon__font--youtube:hover,
.c-sidebar a:visited.c-icon__font--youtube:hover {
background-color: #515151;
}
.c-sidebar a:link.c-icon__font:link, .c-sidebar a.c-alztalks__rsstitle:link:link::before, .c-sidebar .c-alztalks__download a:link:link::before, .c-alztalks__download .c-sidebar a:link:link::before, .c-sidebar .c-search-form--header form a.form-actions:link:link, .c-sidebar .c-biomarkers__view .c-biomarkers__search form a.form-actions:link:link, .c-biomarkers__view .c-sidebar .c-biomarkers__search form a.form-actions:link:link, .c-search-form--header form .c-sidebar a.form-actions:link:link, .c-biomarkers__view .c-biomarkers__search form .c-sidebar a.form-actions:link:link, .c-sidebar a:link.c-icons__font:link,
.c-sidebar a:visited.c-icon__font:link,
.c-sidebar a:visited.c-icons__font:link {
color: #fff;
font-size: 1.3888888889rem;
margin-right: 0.5555555556rem;
}
.c-sidebar .view-filters {
font-size: 1.2222222222rem;
}
.c-sidebar__social {
padding-bottom: 3.8888888889rem;
}
.c-sidebar__social a {
font-size: 0.7777777778rem;
vertical-align: middle;
}
.c-sidebar .c-image--rounded {
border-width: 2px;
}
.c-sidebar__related {
padding-bottom: 3.8888888889rem;
}
.c-sidebar__related h4 {
margin-bottom: 0.8333333333rem;
}
.c-sidebar__related a {
font-family: "Oxygen", sans-serif;
}
.c-sidebar__related .views-element-container a {
display: block;
font-family: "Libre Baskerville", serif;
font-size: 0.7777777778rem;
padding-bottom: 1.1111111111rem;
}
.c-sidebar__featured-author .c-image--rounded img {
border-width: 2px;
}
.c-sidebar__featured-author p {
margin-bottom: 0.2777777778rem;
}
.c-sidebar__featured-author a {
font-size: 0.7777777778rem;
}
/* ==========================================================================
Full Node
========================================================================== */
/*doc
---
title: Full Node
name: full node
category: Components - Full Node
---
Full node
*/
.c-full-node--blog {
padding-bottom: 3.8888888889rem;
}
.c-full-node--blog .group-header {
font-size: 0.7777777778rem;
margin-bottom: 1.1111111111rem;
}
.c-full-node--blog .group-header h2 {
font-size: 2rem;
}
.c-full-node--blog .group-header .c-blog--photo-author::before {
content: "©";
}
.c-full-node--blog .group-header .c-blog--email-trigger {
text-align: center;
display: block;
font-family: "Libre Baskerville", serif;
padding-top: 0.83333rem;
}
.c-full-node--blog .group-header .c-blog--photo-author + h3 .c-blog--email-trigger {
padding-top: 0;
}
@media screen and (min-width: 1024px) {
.c-full-node--blog .embedded-entity.align-left img,
.c-full-node--blog .embedded-entity.align-right img {
max-width: 300px;
}
.c-full-node--blog .embedded-entity.align-right img {
margin-right: 0;
}
}
.c-full-node--blog .c-custom-field__dateauthor {
font-size: 0.8333333333rem;
}
.c-full-node--blog h2 {
font-size: 1.3333333333rem;
margin-bottom: 0;
}
/* ==========================================================================
#AlzTalks
========================================================================== */
.c-alztalks {
/* styles for the upcoming talks display */
/* we are using some hacks here to leverage views classes */
}
.c-alztalks__date {
margin-bottom: 0;
}
.c-alztalks__download {
display: block;
}
.c-alztalks__download .file-size {
display: none;
}
.c-alztalks__download a::before {
color: #0789c1 !important;
}
.c-alztalks__player {
border: 1px solid #c6c6c6;
line-height: 0;
}
@media screen and (min-width: 1024px) {
.c-alztalks__player {
margin: 0 1.8333333333rem 1.8333333333rem -68px;
max-width: 20vw;
float: left;
}
}
.c-alztalks__rsstitle::before {
color: #fa9b39;
}
.c-alztalks--slideshow {
background-color: #054697;
}
.c-alztalks--upcoming {
display: none !important;
border: 1px solid #c6c6c6;
margin-bottom: 3.33332rem;
}
.c-alztalks--upcoming .view-header {
padding: 1.66666rem;
}
.c-alztalks--upcoming .view-content {
border-left: 1px solid #c6c6c6;
}
.c-alztalks--upcoming .view-content .views-row {
padding: 1.66666rem;
}
.c-alztalks--upcoming .view-content .views-row:nth-child(2) {
border-top: 1px solid #c6c6c6;
}
/* below is used on the teaser row view mode */
.c-datebox {
text-align: center;
display: inline-block;
}
.c-datebox span {
display: block;
}
.c-datebox__day {
font-size: 2.5rem;
line-height: 3.3333333333rem;
border: 2px solid #c6c6c6;
border-bottom: 0;
}
.c-datebox__month {
background: #af021f;
color: #fff;
font-size: 1.3333333333rem;
line-height: 2.0555555556rem;
text-transform: uppercase;
border: 1px solid #c6c6c6;
border-top: 0;
}
.c-datebox__time {
font-size: 0.6666666667rem;
margin-top: 0.6666666667rem;
}
/*main teaser*/
.c-teaser--alzheimer-s-talks,
.node--view-mode-slider-teaser {
background: #fff;
border: 1px solid #c6c6c6;
padding: 0;
margin-bottom: 1.66666rem;
}
.c-teaser--alzheimer-s-talks .field--name-field-alzheimers-tags,
.node--view-mode-slider-teaser .field--name-field-alzheimers-tags {
width: 50%;
float: left;
padding: 9px 0;
}
.c-teaser--alzheimer-s-talks .field--name-field-alzheimers-tags .field__item,
.node--view-mode-slider-teaser .field--name-field-alzheimers-tags .field__item {
display: inline;
padding-right: 5px;
}
.c-teaser--alzheimer-s-talks .field--name-field-alzheimers-tags a,
.node--view-mode-slider-teaser .field--name-field-alzheimers-tags a {
color: #054697;
}
.c-teaser--alzheimer-s-talks .field--name-dynamic-token-fieldnode-simple-share,
.node--view-mode-slider-teaser .field--name-dynamic-token-fieldnode-simple-share {
width: 50%;
float: right;
}
.c-teaser--alzheimer-s-talks .field--name-dynamic-token-fieldnode-simple-share .c-node-share,
.node--view-mode-slider-teaser .field--name-dynamic-token-fieldnode-simple-share .c-node-share {
padding: 0;
margin: 0;
text-align: right;
}
.c-teaser--alzheimer-s-talks .t-add-comma,
.node--view-mode-slider-teaser .t-add-comma {
border-top: 1px solid #c6c6c6;
padding-top: 0.8333333333rem;
margin-top: 0.9444444444rem;
display: block;
}
.c-teaser--alzheimer-s-talks .c-image__wrap,
.node--view-mode-slider-teaser .c-image__wrap {
margin: 0;
overflow: hidden;
max-width: none;
}
@media screen and (min-width: 1024px) {
.c-teaser--alzheimer-s-talks .c-image__wrap,
.node--view-mode-slider-teaser .c-image__wrap {
border-right: 1px solid #c6c6c6;
}
}
@media screen and (min-width: 640px) {
.c-teaser--alzheimer-s-talks .c-image__wrap,
.node--view-mode-slider-teaser .c-image__wrap {
height: 24.1666666667rem;
}
}
.c-teaser--alzheimer-s-talks .c-image__wrap img,
.node--view-mode-slider-teaser .c-image__wrap img {
-o-object-fit: cover;
object-fit: cover;
}
.c-teaser--alzheimer-s-talks .group-left,
.node--view-mode-slider-teaser .group-left {
margin: 0;
}
.c-teaser--alzheimer-s-talks .group-right,
.node--view-mode-slider-teaser .group-right {
padding: 1.6666666667rem 1.9444444444rem 0;
}
.view-alzheimers-talks {
padding-top: 3.0555555556rem;
}
.view-alzheimers-talks .view-header__wrap h2 {
font-size: 2rem;
margin-bottom: 0.5555555556rem;
padding: 0 3.5rem;
}
.view-alzheimers-talks .view-header__wrap p {
font-size: 1.3333333333rem;
line-height: 1.7222222222rem;
max-width: 670px;
padding: 0 3.5rem;
}
.view-alzheimers-talks .view-header__wrap .c-btn__row {
margin-bottom: 5.5555555556rem;
padding: 0 3.5rem;
}
.path-alzheimers-talks .c-cta-widget.o-band {
padding: 2.77778rem 0 1.66667rem;
}
.path-alzheimers-talks .o-grid, .path-alzheimers-talks .c-widget-custom__list, .path-alzheimers-talks .c-alztalks--upcoming {
/*max-width: 1125px;*/
}
.c-alztalks--upcoming {
display: table;
}
@media screen and (min-width: 1024px) {
.c-alztalks--upcoming .c-btn__wrap--primary a {
margin-top: 40px;
}
}
.c-alztalks--upcoming .view-header {
display: table-cell;
vertical-align: middle;
}
.c-alztalks--upcoming .view-header h4 {
margin-bottom: 0.5555555556rem;
}
.c-alztalks--upcoming .view-header p {
margin-bottom: 0;
line-height: 1.3333333333rem;
}
.c-alztalks--upcoming .view-content {
display: table-cell;
vertical-align: middle;
}
.c-alztalks--upcoming .view-content h4 {
margin-bottom: 0;
font-size: 1.1111111111rem;
}
.c-alztalks--upcoming .view-content p {
font-size: 0.8333333333rem;
}
.view-id-alzheimers_talks.view-display-id-page_1 .view-content .views-row p {
font-size: 0.8333333333rem;
}
.view-id-alzheimers_talks.view-display-id-page_1 .view-content .c-btn__wrap--primary a {
margin-bottom: 0;
font-size: 1rem;
}
.view-id-alzheimers_talks.view-display-id-page_1 .view-content h2 {
padding: 0;
margin-bottom: 0.8333333333rem;
}
@media screen and (min-width: 1024px) {
.view-id-alzheimers_talks.view-display-id-page_1 .view-content .group-left {
max-width: 34%;
width: 34%;
}
.view-id-alzheimers_talks.view-display-id-page_1 .view-content .group-right {
max-width: 66%;
width: 66%;
}
}
/*.page-node-type-alzheimer-s-talks {
.field--name-body {
@include grid-media($large) {
padding: 0 rem(64);
}
}
.node--type-alzheimer-s-talks {
padding: 0 3.5rem;
}
.c-cta-widget {
padding: rem(50) 0 rem(30);
}
.o-grid {
max-width: 1125px;
}
h5 {
@include grid-media($large) {
font-size: rem(19);
}
}
.field--name-node-title h2 {
font-size: 2rem;
margin-bottom: rem(30);
}
.c-alztalks__download {
font-size: rem(20);
}
.view-alzheimers-talks {
margin: 50px auto 60px;
padding: 0;
.c-btn__wrap--primary a {
font-size: 1rem;
}
}
}*/
.page-node-type-alzheimer-s-talks .c-alztalks--slideshow .node--type-alzheimer-s-talks {
padding: 0;
}
.c-alztalks--slideshow .slick-prev,
.c-partners-list-widget .slick-slider .slick-prev {
background: url("../../img/arrow-talks-prev.png");
height: 76px;
width: 76px;
cursor: pointer;
z-index: 999;
}
.c-alztalks--slideshow .slick-prev::before,
.c-partners-list-widget .slick-slider .slick-prev::before {
display: none;
}
@media screen and (min-width: 1315px) {
.c-alztalks--slideshow .slick-prev,
.c-partners-list-widget .slick-slider .slick-prev {
left: -95px;
}
}
.c-alztalks--slideshow .slick-prev:hover,
.c-partners-list-widget .slick-slider .slick-prev:hover {
opacity: 0.5;
}
.c-alztalks--slideshow .slick-next,
.c-partners-list-widget .slick-slider .slick-next {
background: url("../../img/arrow-talks-next.png");
height: 76px;
width: 76px;
cursor: pointer;
/*padding: rem(80);*/
}
@media screen and (min-width: 1315px) {
.c-alztalks--slideshow .slick-next,
.c-partners-list-widget .slick-slider .slick-next {
right: -95px;
}
}
.c-alztalks--slideshow .slick-next::before,
.c-partners-list-widget .slick-slider .slick-next::before {
display: none;
}
.c-alztalks--slideshow .slick-next:hover,
.c-partners-list-widget .slick-slider .slick-next:hover {
opacity: 0.5;
}
.c-alztalks--slideshow h5,
.c-partners-list-widget .slick-slider h5 {
font-family: "Libre Baskerville", serif;
margin: 0 0 0.5555555556rem;
padding: 0;
font-size: 1.4444444444rem;
}
.c-alztalks--slideshow .c-alztalks__slides .slick-slide {
margin: 0;
border: 0;
padding: 0;
}
.c-alztalks--slideshow .c-alztalks__slides .group-right {
padding: 1rem;
}
@media screen and (min-width: 1024px) {
.c-alztalks--slideshow .c-alztalks__slides .group-right {
padding: 3.8888888889rem 3.8888888889rem 0;
}
}
.c-alztalks--slideshow .c-alztalks__slides h2 {
padding-top: 0;
}
.c-alztalks--slideshow .c-alztalks__slides .view-alzheimers-talks {
margin: 0;
}
.c-alztalks--slideshow .c-alztalks__slides .c-btn__wrap--primary a {
margin-bottom: 0;
font-size: 1rem;
}
.c-alztalks--slideshow .c-alztalks__slides .c-teaser--alzheimer-s-talks__body {
margin-bottom: 0.9444444444rem;
}
.c-node-share {
margin: 1.6666666667rem 0 3.3333333333rem;
}
.c-node-share span {
font-size: 0.8333333333rem;
}
.c-node-share ul {
padding: 0;
margin: 0;
display: inline-block;
}
.c-node-share .c-icon__font--facebook {
background: #3d54a0;
}
.c-node-share .c-icon__font--facebook:hover {
background: #515151 none;
}
.c-node-share .c-icon__font--twitter {
background: #58a9ef;
}
.c-node-share .c-icon__font--twitter:hover {
background: #515151 none;
}
.c-node-share .c-icon__font--mail {
background: #aca886;
}
.c-node-share .c-icon__font--mail:hover {
background: #515151 none;
}
.c-node-share li {
display: inline;
}
.c-node-share a {
background: #ccc;
text-align: center;
line-height: 1.6666666667rem;
}
html div.episode {
margin-bottom: 0;
}
html div.episode .buzz_share {
display: none;
}
html div.episode .meta {
display: none;
}
.page-node-type-alzheimer-s-talks .c-alztalks--slideshow {
padding: 4.44444rem;
}
/* ==========================================================================
#AlzTalks
========================================================================== */
.c-networks__header {
background-color: #0d4c9b;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
padding: 0;
}
.c-networks__header .o-grid, .c-networks__header .c-widget-custom__list, .c-networks__header .c-alztalks--upcoming {
padding: 9.5555555556rem 1rem 5.2777777778rem;
position: relative;
}
.c-networks__header img {
margin-bottom: 0.5555555556rem;
}
.c-networks__social {
/* to avoid double display should refactor template to fix*/
}
.c-networks__social > div,
.c-networks__social > p {
display: none;
}
.c-networks__social .c-node-share {
display: block;
color: #fff;
position: absolute;
top: 0;
right: 1rem;
}
.c-networks__social .c-node-share .c-icon__font, .c-networks__social .c-node-share .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .c-networks__social .c-node-share .c-biomarkers__search > span, .c-networks__social .c-node-share .c-search-form--header form .form-actions, .c-networks__social .c-node-share .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .c-networks__social .c-node-share .c-biomarkers__search form .form-actions, .c-search-form--header form .c-networks__social .c-node-share .form-actions, .c-biomarkers__view .c-biomarkers__search form .c-networks__social .c-node-share .form-actions, .c-networks__social .c-node-share .c-alztalks__download a::before, .c-alztalks__download .c-networks__social .c-node-share a::before, .c-networks__social .c-node-share .c-alztalks__rsstitle::before {
color: #054697;
background: #fff;
}
.c-networks__social .c-node-share .c-icon__font:hover, .c-networks__social .c-node-share .c-biomarkers__view .c-biomarkers__search > span:hover, .c-biomarkers__view .c-networks__social .c-node-share .c-biomarkers__search > span:hover, .c-networks__social .c-node-share .c-search-form--header form .form-actions:hover, .c-networks__social .c-node-share .c-biomarkers__view .c-biomarkers__search form .form-actions:hover, .c-biomarkers__view .c-networks__social .c-node-share .c-biomarkers__search form .form-actions:hover, .c-search-form--header form .c-networks__social .c-node-share .form-actions:hover, .c-biomarkers__view .c-biomarkers__search form .c-networks__social .c-node-share .form-actions:hover, .c-networks__social .c-node-share .c-alztalks__download a:hover::before, .c-alztalks__download .c-networks__social .c-node-share a:hover::before, .c-networks__social .c-node-share .c-alztalks__rsstitle:hover::before {
opacity: 0.5;
}
.c-networks__title {
color: #fff;
}
.c-networks__intro {
color: #fff;
}
.c-networks__intro p {
font-size: 1.3888888889rem;
line-height: 1.6666666667rem;
}
@media screen and (min-width: 1024px) {
.c-networks__intro p {
font-size: 2rem;
line-height: 2.1111111111rem;
}
}
/* ==========================================================================
#Stories component
========================================================================== */
/*doc
---
title: Stories
name: stories
category: Components - Stories
---
*/
.path-stories .o-wrap__content .o-grid, .path-stories .o-wrap__content .c-widget-custom__list, .path-stories .o-wrap__content .c-alztalks--upcoming {
max-width: 1242px;
}
@media screen and (min-width: 640px) {
.path-stories .view-header {
padding: 3.05556rem 5.55556rem 3.5rem;
}
}
.path-stories .view-header h2 {
font-size: 36px;
margin-bottom: 10px;
}
.path-stories .view-header p {
font-size: 1.2777777778rem;
}
.path-stories .view-header .c-btn, .path-stories .view-header .c-donation__donate, .path-stories .view-header .c-btn__wrap--primary a, .c-btn__wrap--primary .path-stories .view-header a, .path-stories .view-header .c-btn__wrap--secondary a, .c-btn__wrap--secondary .path-stories .view-header a, .path-stories .view-header .c-btn__wrap--gray a, .c-btn__wrap--gray .path-stories .view-header a, .path-stories .view-header .c-popup__btn a, .c-popup__btn .path-stories .view-header a {
margin-top: 2.2222222222rem;
font-size: 1rem;
}
.view-content .c-stories__list {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 1024px) {
.view-content .c-stories__list {
margin-right: -41px;
}
}
.view-content .c-stories__list .node {
border: 1px solid #c6c6c6;
}
.view-content .c-stories__list .node .group-left {
line-height: 0;
}
@media screen and (max-width: 1050px) {
.view-content .c-stories__list .node .md-5 {
width: 30%;
}
}
@media screen and (min-width: 1050px) {
.view-content .c-stories__list .node {
min-height: 36.6666666667rem;
}
}
.view-content .c-stories__list li .c-stories__author {
margin: -18px 0 15px 15px;
font-size: 0.7777777778rem;
}
.view-content .c-stories__list li .c-stories__title {
margin: 10px 0 15px 15px;
}
.view-content .c-stories__list li .c-btn, .view-content .c-stories__list li .c-donation__donate, .view-content .c-stories__list li .c-btn__wrap--primary a, .c-btn__wrap--primary .view-content .c-stories__list li a, .view-content .c-stories__list li .c-btn__wrap--secondary a, .c-btn__wrap--secondary .view-content .c-stories__list li a, .view-content .c-stories__list li .c-btn__wrap--gray a, .c-btn__wrap--gray .view-content .c-stories__list li a, .view-content .c-stories__list li .c-popup__btn a, .c-popup__btn .view-content .c-stories__list li a {
text-transform: capitalize;
margin-left: 15px;
font-size: 0.8888888889rem;
}
.view-content .c-stories__list li img {
width: 100%;
}
@media screen and (min-width: 1050px) {
.view-content .c-stories__list li {
width: calc(52% - 1.66666rem);
float: left;
border: solid #fff;
border-width: 0 30px 30px 0;
padding: 0;
/*
&:nth-child(8) {
}
.contextual {
}*/
}
.view-content .c-stories__list li img {
border: 1px solid #fff;
width: 100%;
}
.view-content .c-stories__list li .o-grid .c-stories__author, .view-content .c-stories__list li .c-widget-custom__list .c-stories__author, .view-content .c-stories__list li .c-alztalks--upcoming .c-stories__author {
margin: -18px 0 1rem;
}
.view-content .c-stories__list li .o-grid .c-btn, .view-content .c-stories__list li .o-grid .c-donation__donate, .view-content .c-stories__list li .c-widget-custom__list .c-btn, .view-content .c-stories__list li .c-widget-custom__list .c-donation__donate, .view-content .c-stories__list li .c-alztalks--upcoming .c-btn, .view-content .c-stories__list li .c-alztalks--upcoming .c-donation__donate, .view-content .c-stories__list li .o-grid .c-btn__wrap--primary a, .c-btn__wrap--primary .view-content .c-stories__list li .o-grid a, .view-content .c-stories__list li .c-widget-custom__list .c-btn__wrap--primary a, .c-btn__wrap--primary .view-content .c-stories__list li .c-widget-custom__list a, .view-content .c-stories__list li .c-alztalks--upcoming .c-btn__wrap--primary a, .c-btn__wrap--primary .view-content .c-stories__list li .c-alztalks--upcoming a, .view-content .c-stories__list li .o-grid .c-btn__wrap--secondary a, .c-btn__wrap--secondary .view-content .c-stories__list li .o-grid a, .view-content .c-stories__list li .c-widget-custom__list .c-btn__wrap--secondary a, .c-btn__wrap--secondary .view-content .c-stories__list li .c-widget-custom__list a, .view-content .c-stories__list li .c-alztalks--upcoming .c-btn__wrap--secondary a, .c-btn__wrap--secondary .view-content .c-stories__list li .c-alztalks--upcoming a, .view-content .c-stories__list li .o-grid .c-btn__wrap--gray a, .c-btn__wrap--gray .view-content .c-stories__list li .o-grid a, .view-content .c-stories__list li .c-widget-custom__list .c-btn__wrap--gray a, .c-btn__wrap--gray .view-content .c-stories__list li .c-widget-custom__list a, .view-content .c-stories__list li .c-alztalks--upcoming .c-btn__wrap--gray a, .c-btn__wrap--gray .view-content .c-stories__list li .c-alztalks--upcoming a, .view-content .c-stories__list li .o-grid .c-popup__btn a, .c-popup__btn .view-content .c-stories__list li .o-grid a, .view-content .c-stories__list li .c-widget-custom__list .c-popup__btn a, .c-popup__btn .view-content .c-stories__list li .c-widget-custom__list a, .view-content .c-stories__list li .c-alztalks--upcoming .c-popup__btn a, .c-popup__btn .view-content .c-stories__list li .c-alztalks--upcoming a {
margin: 0;
}
.view-content .c-stories__list li .o-grid .c-stories__title, .view-content .c-stories__list li .c-widget-custom__list .c-stories__title, .view-content .c-stories__list li .c-alztalks--upcoming .c-stories__title {
margin: 0 0 15px;
}
.view-content .c-stories__list li .o-grid .group-right, .view-content .c-stories__list li .c-widget-custom__list .group-right, .view-content .c-stories__list li .c-alztalks--upcoming .group-right,
.view-content .c-stories__list li .o-grid .group-left,
.view-content .c-stories__list li .c-widget-custom__list .group-left,
.view-content .c-stories__list li .c-alztalks--upcoming .group-left {
display: table-cell;
vertical-align: middle;
min-height: 251px;
float: none;
}
.view-content .c-stories__list li .o-grid .group-right, .view-content .c-stories__list li .c-widget-custom__list .group-right, .view-content .c-stories__list li .c-alztalks--upcoming .group-right {
padding: 0 2.2222222222rem;
}
.view-content .c-stories__list li .o-grid .group-left, .view-content .c-stories__list li .c-widget-custom__list .group-left, .view-content .c-stories__list li .c-alztalks--upcoming .group-left {
line-height: 0;
}
.view-content .c-stories__list li .o-grid img, .view-content .c-stories__list li .c-widget-custom__list img, .view-content .c-stories__list li .c-alztalks--upcoming img {
height: 313px;
width: 313px;
max-width: none;
border: 1px solid #fff;
}
.view-content .c-stories__list li .o-grid.node, .view-content .c-stories__list li .node.c-widget-custom__list, .view-content .c-stories__list li .node.c-alztalks--upcoming {
display: table;
min-height: 315px;
}
.view-content .c-stories__list li:nth-child(4) {
clear: left;
}
.view-content .c-stories__list li h2 {
font-size: 1.5555555556rem;
margin-bottom: 0.5555555556rem;
line-height: 1.9444444444rem;
word-break: keep-all;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
}
.c-story__twocol {
width: 100%;
}
.c-story__twocol > div:empty {
display: none !important;
}
.c-story__twocol > div:empty + .md-7 {
width: 100% !important;
}
.page-node-type-story h2 {
font-size: 2rem;
}
.page-node-type-story .c-node-share {
padding: 0 0.5rem;
}
.page-node-type-story .c-node-share .c-icons__social__item--mail a.c-icon__font--mail {
font-size: 1.1111111111rem;
}
.page-node-type-story .c-node-share a {
line-height: 2.2222222222rem;
}
.page-node-type-story .c-icon__font, .page-node-type-story .c-biomarkers__view .c-biomarkers__search > span, .c-biomarkers__view .page-node-type-story .c-biomarkers__search > span, .page-node-type-story .c-search-form--header form .form-actions, .page-node-type-story .c-biomarkers__view .c-biomarkers__search form .form-actions, .c-biomarkers__view .page-node-type-story .c-biomarkers__search form .form-actions, .c-search-form--header form .page-node-type-story .form-actions, .c-biomarkers__view .c-biomarkers__search form .page-node-type-story .form-actions, .page-node-type-story .c-alztalks__download a::before, .c-alztalks__download .page-node-type-story a::before, .page-node-type-story .c-alztalks__rsstitle::before {
width: 2.2222222222rem;
height: 2.2222222222rem;
}
.page-node-type-story .c-icons__social a.c-icon__font, .page-node-type-story .c-icons__social .c-search-form--header form a.form-actions, .page-node-type-story .c-icons__social .c-biomarkers__view .c-biomarkers__search form a.form-actions, .c-biomarkers__view .page-node-type-story .c-icons__social .c-biomarkers__search form a.form-actions, .c-search-form--header form .page-node-type-story .c-icons__social a.form-actions, .c-biomarkers__view .c-biomarkers__search form .page-node-type-story .c-icons__social a.form-actions, .page-node-type-story .c-icons__social .c-alztalks__download a::before, .c-alztalks__download .page-node-type-story .c-icons__social a::before, .page-node-type-story .c-icons__social a.c-alztalks__rsstitle::before {
font-size: 1.4444444444rem;
}
.page-node-type-story .field--name-field-facebook-comments {
max-width: 720px;
margin: 1.6666666667rem auto;
width: 100%;
}
.c-stories__slides .slick-slide {
background: #fff;
border: 2px solid #fff;
margin: 0 9px;
padding: 0;
min-height: 11.6111111111rem;
}
.c-stories__slides .slick-slide .md-5 {
margin-right: 0;
}
.c-stories__slides .slick-slide .md-7 {
padding-left: 1.1111111111rem;
}
.c-stories__slides .slick-slide h2 {
font-size: 1.3333333333rem;
margin: 0;
}
.c-stories__slides .c-stories__author {
font-size: 0.6666666667rem;
}
.c-stories__slides .c-btn, .c-stories__slides .c-donation__donate, .c-stories__slides .c-btn__wrap--primary a, .c-btn__wrap--primary .c-stories__slides a, .c-stories__slides .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-stories__slides a, .c-stories__slides .c-btn__wrap--gray a, .c-btn__wrap--gray .c-stories__slides a, .c-stories__slides .c-popup__btn a, .c-popup__btn .c-stories__slides a {
font-size: 1rem;
margin-top: 0.8333333333rem;
margin-bottom: 0;
}
.c-stories__slides .group-right {
padding-top: 2.0555555556rem;
}
.c-stories__public-form .filter-help,
.c-stories__public-form .field-edit-link {
display: none;
}
.c-stories__public-form .tips,
.c-stories__public-form .description,
.c-stories__public-form .c-stories__public-form--small {
font-size: 0.6666666667rem;
list-style: none;
}
.c-form__captcha.o-grid, .c-form__captcha.c-widget-custom__list, .c-form__captcha.c-alztalks--upcoming {
margin-bottom: 1.66666rem;
padding: 1.66666rem;
border: 1px solid;
font-size: 0.6666666667rem;
}
.c-form__captcha.o-grid input, .c-form__captcha.c-widget-custom__list input, .c-form__captcha.c-alztalks--upcoming input {
padding: 0;
margin: 0;
width: auto;
}
.node-story-form .field--name-field-zipcode input {
margin-bottom: 0;
}
.node-story-form .field--name-field-zipcode .description {
margin-bottom: 1.66666rem;
font-size: 0.6666666667rem;
}
/* ==========================================================================
#Videos
========================================================================== */
.path-videos .o-grid, .path-videos .c-widget-custom__list, .path-videos .c-alztalks--upcoming {
/*max-width: 1125px;*/
}
.path-videos .node--view-mode-teaser {
padding: 0;
}
.path-videos .node--view-mode-teaser h2 {
line-height: 1.4;
padding: 0;
}
.path-videos .field--name-field-description p {
font-weight: 300;
line-height: 1.75;
}
.c-videos__header {
padding: 3.0555555556rem 0 3.5rem;
}
@media screen and (min-width: 1024px) {
.c-videos__header {
padding: 3.0555555556rem 0 3.5rem;
}
}
.c-videos__header h1 {
margin-bottom: 0.5555555556rem;
}
.c-videos__header p {
font-size: 1.2777777778rem;
}
.path-videos .view-id-video_views .view-content > div > ul > li:first-child .c-teaser--sticky .c-teaser__label, .path-videos .view-id-video_views .view-content > div > ul > li:first-child .c-teaser--sticky .c-teaser__date, .path-videos .view-id-video_views .view-content > div > ul > li:first-child .c-teaser--sticky .c-content-feed-card__date {
display: none;
}
/* ==========================================================================
#Widgets
========================================================================== */
/*doc
---
title: Infographic Widget
name: Infographic_widget
category: Components - Infographic Widget
---
Default Infographic Widget styling.
```html_example
```
*/
.c-infographic-widget__text-section--wrap {
background-color: #f4ebcc;
}
@media screen and (min-width: 640px) {
.c-infographic-widget__text-section--wrap {
float: left;
width: 50%;
-webkit-clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
z-index: 8;
}
}
.c-infographic-widget__text-section {
margin-right: 5.2777777778rem;
padding-top: 7.2222222222rem;
max-width: 65%;
float: right;
width: 100%;
}
.c-infographic-widget__headline {
color: #af021f;
}
.c-infographic-widget__intro-text {
color: #af021f;
}
.c-infographic-widget__intro-text p {
font-size: 0.88889rem;
margin: 0 0 1.66666rem;
}
.c-infographic-widget__card--outerwrap {
background-color: #af021f;
width: 61vw;
max-width: 61vw;
overflow: hidden;
margin-top: 1.66666rem;
margin-bottom: 1.66666rem;
}
@media screen and (max-width: 640px) {
.c-infographic-widget__card--outerwrap {
width: 100%;
max-width: 100%;
}
}
@media screen and (min-width: 640px) {
.c-infographic-widget__card--wrap img {
width: 50vw;
max-width: 50vw;
max-height: auto;
}
}
.c-infographic-widget .slick-slide {
border-color: transparent;
}
@media screen and (min-width: 640px) {
.c-infographic-widget .slick-dots {
top: calc(50% - 1.5rem);
left: 90%;
}
}
.c-infographic-widget .slick-dots li {
background: transparent;
border-radius: 10rem;
border: 1px solid #fff;
height: 1rem;
}
@media screen and (min-width: 640px) {
.c-infographic-widget .slick-dots li {
display: block;
margin-bottom: 0.5rem;
}
}
.c-infographic-widget .slick-dots li.slick-active {
background: #fff;
}
.c-infographic-widget .slick-dots li button:focus {
outline: 1px solid transparent;
}
.c-infographic-widget .slick-dots li button::before {
content: "";
}
h2.c-infographic-widget__headline {
margin-bottom: 6px;
}
/* ==========================================================================
#Search Results
========================================================================== */
@media screen and (min-width: 1024px) {
.node--view-mode-search-result {
padding-left: 4.1666666667rem;
}
}
@media screen and (min-width: 1024px) {
.node--view-mode-search-result .c-teaser__label, .node--view-mode-search-result .c-teaser__date, .node--view-mode-search-result .c-content-feed-card__date {
margin-left: -75px;
}
}
.node--view-mode-search-result h2 {
font-size: 1.3888888889rem;
margin: 0;
}
.node--view-mode-search-result p {
font-size: 0.8888888889rem;
margin-bottom: 0.3333333333rem;
}
.node--view-mode-search-result .c-link--arrow {
margin-top: 1.1111111111rem;
margin-bottom: 4.3333333333rem;
display: inline-block;
}
.view-search-results {
width: 100%;
}
.view-search-results .form-actions {
clear: both;
margin-bottom: 2.2222222222rem;
}
@media screen and (min-width: 640px) {
.view-search-results .form-type-textfield,
.view-search-results .form-type-select {
width: 48%;
margin-right: 2%;
float: left;
}
}
.view-search-results .form-type-select label {
margin-bottom: 1.3888888889rem;
}
.view-search-results .form-type-select .chosen-container {
max-width: 100%;
}
.view-search-results .view-empty {
font-size: 1.1111111111rem;
margin-bottom: 4.4444444444rem;
text-align: center;
}
/* ==========================================================================
#PARTNERS
========================================================================== */
.lg-12 .c-partners-list-widget ul {
text-align: center;
margin: 0;
padding: 0;
}
.lg-12 .c-partners-list-widget__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
border: 1px solid #a1a1a1;
padding: 2.7777777778rem 1rem;
line-height: 0;
margin: 1.5% 0;
width: 100%;
vertical-align: middle;
}
@media screen and (min-width: 640px) {
.lg-12 .c-partners-list-widget__item {
width: 46%;
margin: 1.5%;
min-height: 167px;
}
}
@media screen and (min-width: 1024px) {
.lg-12 .c-partners-list-widget__item {
width: 21%;
}
}
.lg-12 .c-partners-list-widget__item img {
margin: 0 auto;
}
.lg-12 .c-partners-list-widget__item a {
display: inline-block;
width: 100%;
line-height: 0;
}
.lg-12 .c-partners-list-widget__item.slick-slide {
margin: 0 15px;
}
.lg-12 .c-partners-list-widget .c-widget__title {
font-family: "Libre Baskerville", serif;
margin-bottom: 0;
}
@media screen and (min-width: 640px) {
.lg-12 .c-partners-list-widget .c-widget__title {
width: 40.5555555556rem;
padding-left: 100px;
}
}
@media screen and (min-width: 640px) {
.lg-12 .c-partners-list-widget .c-widget__intro-content {
width: 40.5555555556rem;
padding-left: 100px;
}
}
.c-partners-list-widget .slick-slider .slick-prev {
background: url("../../img/arrow-talks-prev-light.png");
}
.c-partners-list-widget .slick-slider .slick-next {
background: url("../../img/arrow-talks-next-light.png");
}
/* ==========================================================================
#Gala Page
========================================================================== */
.c-gala h1,
.c-gala h2,
.c-gala h3,
.c-gala h4 {
font-family: "Montserrat", sans-serif;
}
.c-gala__hero {
background: #131f48 url("../../img/gala/gala.png") center -100px no-repeat;
background-size: 100% auto;
color: #fff;
padding: 0;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.c-gala__hero h1 {
margin-bottom: 0.5555555556rem;
text-transform: uppercase;
font-weight: 700;
color: rgba(236, 0, 140, 0);
/*border-bottom: 5px solid lighten($gala-primary, 25%);*/
line-height: 1;
padding-top: 30vh;
background: url("../../img/gala/gala-logo.svg") center bottom no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
.c-gala__hero h1 {
font-size: 62px;
padding-top: 30vh;
max-width: 400px;
}
}
.c-gala__hero h1 sup {
font-size: 16px;
line-height: 1;
vertical-align: top;
margin-left: -1em;
padding-top: 8px;
display: inline-block;
}
.c-gala__hero h2 {
color: #ec008c;
margin: 0;
text-transform: uppercase;
font-size: 28px;
}
.c-gala__hero h3 {
margin: 0;
text-transform: uppercase;
font-size: 1.5rem;
}
.c-gala__hero h4 {
margin: 0;
font-size: 1rem;
}
.c-gala__hero nav {
background-color: #ec008c;
width: 100%;
}
.c-gala__hero nav ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
max-width: 1080px;
padding: 0;
margin: 0 auto;
}
.c-gala__hero nav li {
margin: 0;
padding: 0;
}
.c-gala__hero nav a {
color: #fff;
display: block;
font-size: 8px;
padding: 5px;
text-transform: uppercase;
font-weight: 700;
}
@media screen and (min-width: 640px) {
.c-gala__hero nav a {
font-size: 12px;
padding: 10px;
}
}
@media screen and (min-width: 1024px) {
.c-gala__hero nav a {
font-size: 16px;
padding: 16px;
}
}
@media screen and (min-width: 1366px) {
.c-gala__hero nav a {
font-size: 18px;
padding: 18px;
}
}
.c-gala__hero .j-fixed {
position: fixed;
top: 0;
z-index: 9;
-webkit-box-shadow: 2px 2px 10px 2px #131f48;
box-shadow: 2px 2px 10px 2px #131f48;
}
.c-gala__body {
max-width: 980px;
margin: 0 auto;
padding: 70px 0 0;
}
.c-gala__body h3 {
font-weight: 700;
font-size: 1.5rem;
}
.c-gala__body hr {
max-width: 60%;
margin: 0 auto;
border-color: #666;
}
.c-gala__body aside {
margin: 1rem 0;
}
@media screen and (min-width: 640px) {
.c-gala__body aside {
float: right;
margin: 0 0 1rem 1rem;
max-width: 300px;
}
}
.c-gala__body aside ul {
list-style: none;
}
@media screen and (max-width: 640px) {
.c-gala__body aside ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 640px) {
.c-gala__body aside ul li {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
-ms-flex-item-align: center;
align-self: center;
}
}
.c-gala__body aside ul img {
margin-bottom: 1rem;
}
.c-gala__body footer .c-gala__imagelist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 5% 40px;
}
.c-gala__body footer .c-gala__imagelist li {
-ms-flex-preferred-size: calc(50% - 1rem);
flex-basis: calc(50% - 1rem);
}
@media screen and (min-width: 640px) {
.c-gala__body footer .c-gala__imagelist li {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
position: relative;
}
}
@media screen and (max-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(1) {
margin: 0 1rem 1rem 0;
}
}
@media screen and (min-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(1) {
-webkit-transform: translate(10%, 60%);
transform: translate(10%, 60%);
z-index: 8;
}
}
@media screen and (min-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(2) {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
z-index: 7;
}
}
@media screen and (max-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(3) {
margin: 0 1rem 0 0;
}
}
@media screen and (min-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(3) {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
-webkit-transform: translate(150%, -50%);
transform: translate(150%, -50%);
}
}
@media screen and (min-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(4) {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
z-index: 6;
-webkit-transform: translate(-30%, 20%);
transform: translate(-30%, 20%);
}
}
@media screen and (min-width: 640px) {
.c-gala__body footer .c-gala__imagelist li:nth-child(5) {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
z-index: 6;
-webkit-transform: translate(155%, -24%);
transform: translate(155%, -24%);
}
.c-gala__body footer .c-gala__imagelist li:nth-child(5) img {
transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
}
}
.c-gala__body strong {
color: #ec008c;
}
.c-gala__body .sm-12:first-of-type {
margin-left: 0;
width: 100%;
max-width: 810px;
margin: 0 auto;
float: none;
}
.c-gala__schedule {
background-color: #ec008c;
color: #fff;
padding: 8rem 0 70px 0;
}
.c-gala__schedule h4 {
text-align: center;
text-transform: uppercase;
font-weight: 700;
}
.c-gala__schedule dl {
max-width: 500px;
margin: 0 auto 2rem;
}
.c-gala__schedule dt {
width: 25%;
float: left;
clear: left;
font-weight: normal;
}
.c-gala__schedule dd {
width: 75%;
display: inline-block;
}
.c-gala__schedule h6,
.c-gala__schedule p {
text-align: center;
margin: 0;
}
.c-gala__schedule .c-btn, .c-gala__schedule .c-donation__donate, .c-gala__schedule .c-btn__wrap--primary a, .c-btn__wrap--primary .c-gala__schedule a, .c-gala__schedule .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-gala__schedule a, .c-gala__schedule .c-btn__wrap--gray a, .c-btn__wrap--gray .c-gala__schedule a, .c-gala__schedule .c-popup__btn a, .c-popup__btn .c-gala__schedule a {
color: #ec008c;
background-color: #fff;
border-color: #fff;
margin-bottom: 0;
}
.c-gala__schedule .c-btn:hover, .c-gala__schedule .c-donation__donate:hover, .c-gala__schedule .c-btn__wrap--primary a:hover, .c-btn__wrap--primary .c-gala__schedule a:hover, .c-gala__schedule .c-btn__wrap--secondary a:hover, .c-btn__wrap--secondary .c-gala__schedule a:hover, .c-gala__schedule .c-btn__wrap--gray a:hover, .c-btn__wrap--gray .c-gala__schedule a:hover, .c-gala__schedule .c-popup__btn a:hover, .c-popup__btn .c-gala__schedule a:hover {
background-color: #ec008c;
color: #fff;
}
@media screen and (max-width: 640px) {
.c-gala__schedule .sm-12 {
width: calc(100% - 2.854rem);
}
}
.c-gala__sponsorship_opportunities {
max-width: 980px;
margin: 0 auto;
padding: 70px 0;
}
@media screen and (max-width: 640px) {
.c-gala__sponsorship_opportunities {
padding: 25px 0;
}
}
.c-gala__sponsorship_opportunities h4 {
font-family: "Montserrat", sans-serif;
text-align: center;
text-transform: uppercase;
color: #131f48 !important;
font-weight: 700;
margin: 0;
font-size: 1.667rem;
padding: 2rem 0;
}
.c-gala__sponsorship_opportunities h5 {
text-transform: uppercase;
color: #ec008c;
}
.c-gala__sponsorship_opportunities strong {
color: #ec008c;
}
.c-gala__sponsorship_opportunities em {
font-size: 14px;
}
@media screen and (max-width: 640px) {
.c-gala__sponsorship_opportunities aside .c-gala__imagelist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 640px) {
.c-gala__sponsorship_opportunities aside .c-gala__imagelist li:first-child {
margin-right: 1rem;
}
}
@media screen and (min-width: 640px) {
.c-gala__sponsorship_opportunities aside .c-gala__imagelist li:first-child {
max-width: 75%;
-webkit-transform: translate(40%, 0);
transform: translate(40%, 0);
}
}
@media screen and (min-width: 640px) {
.c-gala__sponsorship_opportunities aside .c-gala__imagelist li:last-child {
-webkit-transform: translate(-10%, -25%);
transform: translate(-10%, -25%);
}
}
@media screen and (min-width: 640px) {
.c-gala__sponsorship_opportunities--column {
margin-right: 2%;
padding-right: 2%;
width: 48%;
float: left;
}
}
@media screen and (min-width: 640px) {
.c-gala__sponsorship_opportunities--column:last-child {
margin-right: 0;
padding-right: 0;
padding-left: 4%;
width: 50%;
border-left: 1px solid #131f48;
}
}
.c-gala__sponsorship_opportunities--column .c-gala__imagelist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 640px) {
.c-gala__sponsorship_opportunities--column .c-gala__imagelist {
margin-bottom: 1rem;
}
}
@media screen and (min-width: 640px) {
.c-gala__sponsorship_opportunities--column .c-gala__imagelist {
padding: 1rem 0 1rem 20%;
}
}
@media screen and (max-width: 640px) {
.c-gala__sponsorship_opportunities--column .c-gala__imagelist li:first-child {
margin-right: 1rem;
}
}
.c-gala__committees {
border-bottom: 15px solid #ec008c;
padding: 70px 0;
}
.c-gala__committees .o-grid, .c-gala__committees .c-widget-custom__list, .c-gala__committees .c-alztalks--upcoming {
margin: 0 auto;
padding: 0;
}
.c-gala__committees h4 {
font-family: "Montserrat", sans-serif;
text-align: center;
text-transform: uppercase;
color: #131f48 !important;
font-weight: 700;
margin: 0;
font-size: 1.667rem;
padding: 2rem 0;
}
.c-gala__committees h5 {
text-transform: uppercase;
color: #ec008c;
}
.c-gala__committees strong {
color: #ec008c;
}
.c-gala__committees em {
font-size: 14px;
}
@media screen and (min-width: 640px) {
.c-gala__committees--column {
margin-right: 2%;
padding-right: 2%;
width: 48%;
float: left;
}
}
@media screen and (min-width: 640px) {
.c-gala__committees--column:last-child {
margin-right: 0;
padding-right: 0;
padding-left: 4%;
width: 50%;
border-left: 1px solid #131f48;
}
}
.c-gala__sponsors {
padding: 0 0 70px 0;
}
@media screen and (max-width: 640px) {
.c-gala__sponsors {
border-bottom-width: 10px;
}
}
.c-gala__sponsors--heading {
background-color: #ec008c;
}
.c-gala__sponsors--heading h4 {
font-family: "Montserrat", sans-serif;
text-align: center;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
margin: 0;
font-size: 1.2rem;
padding: 2rem 0;
}
.c-gala__sponsors h5 {
text-align: center;
text-transform: uppercase;
color: #ec008c;
}
.c-gala__sponsors .c-gala__sponsors--premier li {
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
}
.c-gala__sponsors .c-gala__sponsors--platinum li {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.c-gala__sponsors .c-gala__sponsors--gold li {
-ms-flex-preferred-size: 16%;
flex-basis: 16%;
}
.c-gala__sponsors .c-gala__sponsors--silver li {
-ms-flex-preferred-size: 12%;
flex-basis: 12%;
}
.c-gala__sponsors .c-thumbnail-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-gala__sponsors .c-thumbnail-grid li {
margin: 1%;
padding: 0;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
color: #444444;
}
.c-gala__sponsors .c-thumbnail-grid li img {
display: block;
}
.c-gala__sponsors--default .c-thumbnail-grid li {
-ms-flex-preferred-size: 9%;
flex-basis: 9%;
margin: 0.5%;
}
.c-gala__tickets {
padding: 3rem 0 5rem;
}
.c-gala__tickets h2 {
font-weight: 700;
font-size: 1.667rem;
margin-bottom: 5rem;
}
@media screen and (max-width: 640px) {
.c-gala__tickets h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
}
.c-gala__tickets .c-btn, .c-gala__tickets .c-donation__donate, .c-gala__tickets .c-btn__wrap--primary a, .c-btn__wrap--primary .c-gala__tickets a, .c-gala__tickets .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-gala__tickets a, .c-gala__tickets .c-btn__wrap--gray a, .c-btn__wrap--gray .c-gala__tickets a, .c-gala__tickets .c-popup__btn a, .c-popup__btn .c-gala__tickets a {
background-color: #ec008c;
color: #ffffff;
font-size: 1.278rem;
text-transform: none;
font-weight: 700;
max-width: 400px;
width: 100%;
border: none;
margin: 0 1rem;
padding: 1.2rem 0;
}
@media screen and (max-width: 640px) {
.c-gala__tickets .c-btn, .c-gala__tickets .c-donation__donate, .c-gala__tickets .c-btn__wrap--primary a, .c-btn__wrap--primary .c-gala__tickets a, .c-gala__tickets .c-btn__wrap--secondary a, .c-btn__wrap--secondary .c-gala__tickets a, .c-gala__tickets .c-btn__wrap--gray a, .c-btn__wrap--gray .c-gala__tickets a, .c-gala__tickets .c-popup__btn a, .c-popup__btn .c-gala__tickets a {
margin: 1rem auto;
}
}
.c-gala .img-shadow {
-webkit-box-shadow: 0px 1px 4px 1px #131f48;
box-shadow: 0px 1px 4px 1px #131f48;
border: 5px solid #fff;
}
.c-gala__imagelist {
padding: 0;
margin: 0;
list-style: none;
}
.c-gala__contact {
border-top: 20px solid #ec008c;
padding: 0 0 0/2;
max-width: 100%;
}
@media screen and (max-width: 640px) {
.c-gala__contact {
border-top-width: 10px;
}
}
.c-gala__contact-list {
font-size: 0.8em;
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 640px) {
.c-gala__contact-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0 1rem;
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
}
.c-gala__contact-list li {
padding: 0 1rem;
}
@media screen and (min-width: 640px) {
.c-gala__contact-list li {
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
.c-gala__contact-list li li {
list-style-type: disc;
text-align: left;
}
}
@media screen and (min-width: 640px) and (max-width: 640px) {
.c-gala__contact-list li li {
padding: 0.25rem 1rem;
}
}
@media screen and (max-width: 640px) {
.c-gala__contact-list li {
padding: 0.05rem 1rem;
}
}
.c-gala__contact-list h6 {
margin-bottom: 0;
}
.c-gala__contact-list a {
color: #0f0f0f;
}
.c-gala__contact-list a:hover {
color: #ec008c;
}
.c-gala__schedule--columns {
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 700px;
}
@media screen and (min-width: 640px) {
.c-gala__schedule--columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.c-gala__schedule--columns div {
text-align: center;
padding: 0 25px;
width: 100%;
}
@media screen and (min-width: 640px) {
.c-gala__schedule--columns div:first-child {
border-right: 1px solid #fff;
}
}
@media screen and (max-width: 640px) {
.c-gala__schedule--columns div {
margin-bottom: 40px;
}
}
.c-gala__schedule--columns p {
margin-bottom: 10px;
}
.o-stat_row {
max-width: 56.8888888889rem;
margin: 2rem auto;
display: grid;
justify-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
}
.o-stat_row--one-column {
grid-template-columns: 1fr;
gap: 2rem;
}
.o-stat_row--two-column {
grid-template-columns: 50% 50%;
}
@media screen and (max-width: 1024px) {
.o-stat_row--two-column {
grid-template-columns: 1fr;
}
}
.o-stat_row--two-column > svg:first-of-type,
.o-stat_row--two-column > img:first-of-type {
justify-self: end;
}
@media screen and (max-width: 1024px) {
.o-stat_row--two-column > svg:first-of-type,
.o-stat_row--two-column > img:first-of-type {
justify-self: center;
}
}
.o-stat_row--two-column > svg:last-of-type,
.o-stat_row--two-column > img:last-of-type {
justify-self: start;
}
@media screen and (max-width: 1024px) {
.o-stat_row--two-column > svg:last-of-type,
.o-stat_row--two-column > img:last-of-type {
justify-self: center;
}
}
.o-stat_row--two-column .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.o-stat_row img,
.o-stat_row svg {
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.o-stat_row img,
.o-stat_row svg {
max-width: 90%;
}
}
.o-stat_row p {
font-size: 24px;
font-weight: bold;
-ms-flex-item-align: center;
align-self: center;
text-align: center;
max-width: 44ch;
}
.o-stat_row p.span-2 {
grid-column: 1/3;
}
@media screen and (max-width: 1024px) {
.o-stat_row p.span-2 {
grid-column: 1;
}
}
.c-brainstorm__header {
background: #121b48;
margin: 0 0 0 calc(50% - 50vw);
width: 100vw;
color: #fff;
font-family: "Oxygen", sans-serif;
position: relative;
}
.c-brainstorm__header--wrap {
background: url("../../img/header-brainstorm.png") left 126px no-repeat #121b48;
max-width: 1404px;
margin: 0 auto;
padding: 26px 55px;
position: relative;
}
@media screen and (min-width: 1354px) {
.c-brainstorm__header--wrap {
padding: 26px 0 65px 272px;
}
}
@media screen and (max-width: 1354px) {
.c-brainstorm__header--wrap {
background-size: cover;
background-position: center;
}
.c-brainstorm__header--wrap:before {
background: #121b48;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: "";
display: block;
z-index: 0;
opacity: 0.7;
}
}
.c-brainstorm__header--wrap h1,
.c-brainstorm__header--wrap p {
position: relative;
z-index: 1;
}
.c-brainstorm__header--wrap.sub {
height: 274px;
max-width: 1439px;
background-size: 341px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-brainstorm__header--wrap.sub h1 {
text-align: center;
}
@media screen and (min-width: 640px) {
.c-brainstorm__header--wrap.sub h1 {
text-align: left;
margin-left: 115px;
}
}
.c-brainstorm__header--wrap h1 {
font-family: "Oxygen", sans-serif;
font-weight: 800;
font-size: 56px;
max-width: 622px;
margin: 0 auto;
}
.c-brainstorm__header--wrap h1 a {
color: #fff;
}
.c-brainstorm__header--wrap h1 a:hover {
color: #fff;
}
.c-brainstorm__header--wrap h1 span {
background: #de2d8e;
line-height: 62px;
display: inline-block;
padding-right: 20px;
}
.c-brainstorm__header--wrap h2 {
font-family: "Oxygen", sans-serif;
font-weight: 800;
font-size: 22px;
max-width: 622px;
margin: 0 auto;
}
.c-brainstorm__header--wrap p {
font-size: 16px;
max-width: 622px;
margin: 0 auto 20px;
}
.c-brainstorm__header--wrap p:nth-child(2) {
font-size: 18px;
}
.c-brainstorm__single {
max-width: 940px;
margin: 0 auto;
}
.c-brainstorm__number {
position: absolute;
top: 0;
right: 0;
background: #de2d8e;
height: 56px;
width: 56px;
font-weight: bold;
font-size: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.c-brainstorm__feed {
margin: 66px 0 0 calc(50% - 50vw);
width: 100vw;
background: #f8f8f8;
padding: 96px 0 90px;
}
@media screen and (max-width: 640px) {
.c-brainstorm__feed {
padding: 20px;
}
}
.c-brainstorm__feed--wrap {
max-width: 920px;
margin: 0 auto;
}
.c-brainstorm__feed h3 {
font-family: "Libre Baskerville", serif;
font-weight: bold;
font-size: 25;
margin-left: 10px;
}
@media screen and (min-width: 640px) {
.c-brainstorm__feed .view-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.c-brainstorm__feed .view-content .views-row {
background: #fff;
margin: 0 10px 20px;
}
@media screen and (min-width: 640px) {
.c-brainstorm__feed .view-content .views-row {
width: 33%;
}
}
.c-brainstorm__feed .view-content .node--view-mode-teaser {
margin: 0;
padding: 0;
}
.c-brainstorm__feed .view-content .field-name-body {
display: none;
}
.c-brainstorm__feed .c-teaser__podcast--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
@media screen and (max-width: 470px) {
.c-brainstorm__feed .c-teaser__podcast--wrap {
display: block;
}
}
@media screen and (min-width: 640px) {
.c-brainstorm__feed .c-teaser__podcast--wrap {
display: block;
}
}
.c-brainstorm__feed .c-teaser__podcast--thumb {
width: 100%;
height: auto;
line-height: 0;
}
@media screen and (min-width: 470px) {
.c-brainstorm__feed .c-teaser__podcast--thumb {
width: 33%;
}
}
@media screen and (min-width: 640px) {
.c-brainstorm__feed .c-teaser__podcast--thumb {
width: 100%;
height: auto;
}
}
.c-brainstorm__feed .c-teaser__podcast--thumb a {
display: block;
}
.c-brainstorm__feed .c-teaser__podcast--text {
padding: 20px;
}
.c-brainstorm__feed .c-teaser__podcast--byline {
margin-bottom: 10px;
}
.c-brainstorm__feed .c-teaser__podcast--title {
margin-bottom: 0 !important;
}
.c-brainstorm__feed .c-teaser__podcast--number, .c-brainstorm__feed .c-teaser__podcast--read-more {
display: none;
}
.c-brainstorm__menu {
margin: 0 0 0 calc(50% - 50vw);
width: 100vw;
background: #f8f8f8;
}
@media screen and (max-width: 968px) {
.c-brainstorm__menu {
padding: 0 20px;
}
}
.c-brainstorm__menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 34px 0;
max-width: 940px;
list-style: none;
}
@media screen and (max-width: 495px) {
.c-brainstorm__menu ul {
display: block;
}
}
@media screen and (max-width: 865px) {
.c-brainstorm__menu ul {
padding-bottom: 0;
}
}
@media screen and (max-width: 695px) {
.c-brainstorm__menu ul li {
text-align: center;
}
}
.c-brainstorm__menu ul a {
color: #8b8b8b;
font-weight: bold;
font-size: 20px;
border-bottom: 5px solid transparent;
display: inline-block;
padding: 0 11px 15px;
margin-right: 35px;
}
@media screen and (max-width: 495px) {
.c-brainstorm__menu ul a {
margin: 0;
padding: 0;
}
}
@media screen and (max-width: 695px) {
.c-brainstorm__menu ul a {
font-size: 15px;
text-align: center;
}
}
.c-brainstorm__menu ul a:hover, .c-brainstorm__menu ul a.active {
border-color: #ec1690;
color: #000;
}
@media screen and (max-width: 495px) {
.c-brainstorm__menu ul a:hover, .c-brainstorm__menu ul a.active {
border-color: transparent;
color: #ec1690;
}
}
.c-brainstorm__archive {
margin: 0 0 0 calc(50% - 50vw);
width: 100vw;
background: #f8f8f8;
}
.c-brainstorm__archive .node--view-mode-teaser {
padding-bottom: 0;
}
.c-brainstorm__archive:last-child {
padding-bottom: 65px;
}
.c-brainstorm__body h3 {
font-size: 30px;
font-weight: bold;
font-family: "Libre Baskerville", serif;
margin-bottom: 15px;
display: block;
}
.c-brainstorm__title {
margin-bottom: 0;
}
.c-brainstorm__share .c-brainstorm__player--image,
.c-brainstorm__share h2,
.c-brainstorm__share .c-brainstorm__body,
.c-brainstorm__share .c-brainstorm__date,
.c-brainstorm__share .c-brainstorm__number,
.c-brainstorm__share .episode,
.c-brainstorm__share p {
display: none;
}
.c-brainstorm__share .c-node-share {
margin: 0 0 30px;
}
.c-brainstorm__share .c-node-share__label {
display: none;
}
.c-brainstorm__date {
text-transform: uppercase;
font-weight: bold;
}
.c-brainstorm__player {
background: #121b48;
padding: 20px;
border-radius: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 96px;
}
@media screen and (min-width: 640px) {
.c-brainstorm__player {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.c-brainstorm__player h2 {
color: #fff;
font-family: "Oxygen", sans-serif;
font-weight: bold;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.c-brainstorm__player img {
border-radius: 10px;
overflow: hidden;
width: 100%;
}
@media screen and (min-width: 640px) {
.c-brainstorm__player img {
float: left;
max-width: 248px;
}
}
.c-brainstorm__player--embed {
width: 100%;
}
@media screen and (min-width: 640px) {
.c-brainstorm__player--embed {
margin-left: 25px;
}
}
@media screen and (max-width: 804px) {
.c-brainstorm__latest .node--view-mode-teaser {
padding: 0;
}
}
.c-brainstorm__latest .c-teaser__podcast--wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 640px) {
.c-brainstorm__latest .c-teaser__podcast--wrap {
display: block;
}
}
@media screen and (max-width: 640px) {
.c-brainstorm__latest .c-teaser__podcast--text {
padding: 0;
}
}
.c-brainstorm__latest .c-teaser__podcast--thumb {
height: 300px;
width: 300px;
}
@media screen and (max-width: 640px) {
.c-brainstorm__latest .c-teaser__podcast--thumb {
width: 100%;
height: auto;
}
}
@media screen and (min-width: 640px) and (max-width: 804px) {
.c-brainstorm__latest .c-teaser__podcast--number {
display: none;
}
}
.c-brainstorm__latest .c-teaser__podcast--byline {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.c-brainstorm__latest .c-teaser__podcast--byline:before {
content: "Latest Talk";
display: block;
background: #de2d8e;
color: #fff;
padding: 7px 18px;
text-transform: uppercase;
font-weight: bold;
}
@media screen and (min-width: 804px) {
.c-brainstorm__latest .c-teaser__podcast--byline:before {
margin-right: 17px;
}
}
@media screen and (max-width: 804px) {
.c-brainstorm__latest .c-teaser__podcast--byline {
display: block;
}
}
.c-brainstorm__latest .c-teaser__podcast--read-more {
border: 2px solid;
border-radius: 30px;
font-weight: bold;
padding: 11px 0;
display: block;
width: 140px;
margin: 15px auto 0;
text-align: center;
font-size: 18;
}
.c-brainstorm__subscribe {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 25px 50px;
margin: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 3;
}
@media screen and (min-width: 1354px) {
.c-brainstorm__subscribe {
padding: 25px 130px 50px;
margin: -36px -117px 0;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 1354px) {
.c-brainstorm__subscribe {
max-width: 940px;
margin: 0 auto;
padding: 25px 0 50px;
}
}
.c-brainstorm__subscribe a {
background: #000 no-repeat;
width: 171px;
margin: 0 13px 0 0;
padding: 3px 6px 3px 55px;
color: #fff;
font-size: 10px;
border-radius: 10px;
height: 46px;
background-position: 10px center;
}
@media screen and (min-width: 1081px) {
.path-brainstorm .c-brainstorm__subscribe--wrap {
display: block;
}
}
.c-brainstorm__subscribe p {
margin-bottom: 0;
width: 100%;
text-transform: uppercase;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 10px;
}
@media screen and (min-width: 1354px) {
.c-brainstorm__subscribe p {
width: 209px;
-ms-flex-negative: inherit;
flex-shrink: inherit;
margin-bottom: 0;
}
}
.c-brainstorm__subscribe p span {
font-family: "Libre Baskerville", serif;
font-style: italic;
text-transform: lowercase;
}
.c-brainstorm__subscribe a {
background: #000 no-repeat;
width: 171px;
margin: 0 13px 0 0;
padding: 3px 6px 3px 55px;
color: #fff;
font-size: 10px;
border-radius: 10px;
height: 46px;
background-position: 10px center;
}
.path-brainstorm .c-brainstorm__subscribe a {
background: #121b48;
}
@media screen and (min-width: 1354px) {
.c-brainstorm__subscribe a {
margin: 0 0 0 13px;
}
}
@media screen and (max-width: 823px) {
.c-brainstorm__subscribe a {
width: 47%;
margin-bottom: 13px;
}
}
@media screen and (max-width: 520px) {
.c-brainstorm__subscribe a {
width: auto;
}
}
.c-brainstorm__subscribe a:hover {
background-color: #121b48;
}
.c-brainstorm__subscribe a.apple {
background-image: url("../../img/podcast-icon-apple.png");
}
.c-brainstorm__subscribe a.spotify {
background-image: url("../../img/podcast-icon-spotify.png");
}
.c-brainstorm__subscribe a.stitcher {
background-image: url("../../img/podcast-icon-stitcher.png");
}
.c-brainstorm__subscribe a.google {
background-image: url("../../img/podcast-icon-google.png");
}
.c-brainstorm__subscribe a span {
display: block;
font-size: 14px;
}
.view-brainstorm .views-exposed-form {
margin: 0;
background: #f8f8f8;
margin: 0 0 0 calc(50% - 50vw);
width: 100vw;
padding: 0 25px;
}
@media screen and (min-width: 866px) {
.view-brainstorm .views-exposed-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
max-width: 940px;
margin: -200px auto 145px;
background: none;
width: auto;
padding: 0;
}
}
.view-brainstorm .views-exposed-form label,
.view-brainstorm .views-exposed-form input[type=submit],
.view-brainstorm .views-exposed-form .form-actions {
display: none;
}
.view-brainstorm .views-exposed-form input[type=text] {
width: 100%;
background: #eee;
border: 0;
border-radius: 50px;
margin: 20px 0;
padding: 0 15px 0 46px;
height: 51px;
background: url("../../img/icon-search.svg") 13px center no-repeat #eee;
background-size: 21px;
font-size: 18px;
}
@media screen and (min-width: 865px) {
.view-brainstorm .views-exposed-form input[type=text] {
max-width: 256px;
margin: 0;
}
}
.view-brainstorm .c-pager__wrapper {
background: #f8f8f8;
margin: 0 0 0 calc(50% - 50vw);
width: 100vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.view-brainstorm .c-pager__wrapper .c-pager {
padding-bottom: 133px;
padding: 0 0 133;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-brainstorm .c-pager__wrapper .c-pager__item.is-active a, .view-brainstorm .c-pager__wrapper .c-pager__item:hover a {
background: #e7e7e7;
color: #b0b0b0;
}
.view-brainstorm .c-pager__wrapper .c-pager__next:hover a, .view-brainstorm .c-pager__wrapper .c-pager__previous:hover a {
background: transparent;
}
.view-brainstorm .c-pager__wrapper .c-pager__next span, .view-brainstorm .c-pager__wrapper .c-pager__previous span {
font-size: 62px;
line-height: 46px;
}
.view-brainstorm .c-pager__wrapper .c-pager__link {
font-weight: bold;
padding: 0 10px;
}
@media screen and (min-width: 866px) {
.path-archived-episodes .view-brainstorm .views-exposed-form {
margin: -230px auto 145px;
}
}
.path-brainstorm .ngp-form-title,
.path-podcast-appearances .ngp-form-title,
.path-archived-episodes .ngp-form-title,
.path-sponsors .ngp-form-title {
visibility: hidden;
line-height: 2px;
display: none;
}
.path-brainstorm .ngp-form fieldset legend,
.path-podcast-appearances .ngp-form fieldset legend,
.path-archived-episodes .ngp-form fieldset legend,
.path-sponsors .ngp-form fieldset legend {
visibility: hidden;
display: none;
}
.path-brainstorm .ngp-form .HeaderHtml,
.path-podcast-appearances .ngp-form .HeaderHtml,
.path-archived-episodes .ngp-form .HeaderHtml,
.path-sponsors .ngp-form .HeaderHtml {
visibility: hidden;
display: none;
}
.path-brainstorm .ngp-form-row.FirstName.LastName,
.path-podcast-appearances .ngp-form-row.FirstName.LastName,
.path-archived-episodes .ngp-form-row.FirstName.LastName,
.path-sponsors .ngp-form-row.FirstName.LastName {
width: 100%;
}
.path-brainstorm .ngp-form .at-fieldset,
.path-podcast-appearances .ngp-form .at-fieldset,
.path-archived-episodes .ngp-form .at-fieldset,
.path-sponsors .ngp-form .at-fieldset {
padding: 20px 20px 0 20px;
}
@media screen and (min-width: 811px) {
.path-brainstorm .ngp-form .at-fieldset,
.path-podcast-appearances .ngp-form .at-fieldset,
.path-archived-episodes .ngp-form .at-fieldset,
.path-sponsors .ngp-form .at-fieldset {
padding: 30px 30px 0 30px;
}
}
.path-brainstorm .ngp-form input[type=text], .path-brainstorm .ngp-form input[type=email],
.path-podcast-appearances .ngp-form input[type=text],
.path-podcast-appearances .ngp-form input[type=email],
.path-archived-episodes .ngp-form input[type=text],
.path-archived-episodes .ngp-form input[type=email],
.path-sponsors .ngp-form input[type=text],
.path-sponsors .ngp-form input[type=email] {
width: 100%;
background: #e7e7e7;
border: none;
}
.path-brainstorm .ngp-form input::-webkit-input-placeholder,
.path-podcast-appearances .ngp-form input::-webkit-input-placeholder,
.path-archived-episodes .ngp-form input::-webkit-input-placeholder,
.path-sponsors .ngp-form input::-webkit-input-placeholder {
color: #000000 !important;
}
.path-brainstorm .ngp-form input::-moz-placeholder,
.path-podcast-appearances .ngp-form input::-moz-placeholder,
.path-archived-episodes .ngp-form input::-moz-placeholder,
.path-sponsors .ngp-form input::-moz-placeholder {
color: #000000 !important;
}
.path-brainstorm .ngp-form input::-ms-input-placeholder,
.path-podcast-appearances .ngp-form input::-ms-input-placeholder,
.path-archived-episodes .ngp-form input::-ms-input-placeholder,
.path-sponsors .ngp-form input::-ms-input-placeholder {
color: #000000 !important;
}
.path-brainstorm .ngp-form input::placeholder,
.path-podcast-appearances .ngp-form input::placeholder,
.path-archived-episodes .ngp-form input::placeholder,
.path-sponsors .ngp-form input::placeholder {
color: #000000 !important;
}
.path-brainstorm .ngp-form .at-form,
.path-podcast-appearances .ngp-form .at-form,
.path-archived-episodes .ngp-form .at-form,
.path-sponsors .ngp-form .at-form {
background: url("../../img/signup-bg.png") 0 0 repeat-x;
padding: 0 15px 10px 15px;
position: relative;
margin-top: 10px;
}
@media screen and (max-width: 810px) {
.path-brainstorm .ngp-form .at-form,
.path-podcast-appearances .ngp-form .at-form,
.path-archived-episodes .ngp-form .at-form,
.path-sponsors .ngp-form .at-form {
padding: 0 10px 10px 10px;
}
}
.path-brainstorm .ngp-form .at-form-submit,
.path-podcast-appearances .ngp-form .at-form-submit,
.path-archived-episodes .ngp-form .at-form-submit,
.path-sponsors .ngp-form .at-form-submit {
padding: 0 30px 30px 30px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 811px) {
.path-brainstorm .view-id-brainstorm,
.path-podcast-appearances .view-id-brainstorm,
.path-archived-episodes .view-id-brainstorm,
.path-sponsors .view-id-brainstorm {
padding-top: 50px;
}
}
.path-brainstorm .c-brainstorm__header--container,
.path-podcast-appearances .c-brainstorm__header--container,
.path-archived-episodes .c-brainstorm__header--container,
.path-sponsors .c-brainstorm__header--container {
max-width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 811px) {
.path-brainstorm .c-brainstorm__subscribe,
.path-podcast-appearances .c-brainstorm__subscribe,
.path-archived-episodes .c-brainstorm__subscribe,
.path-sponsors .c-brainstorm__subscribe {
display: none;
}
}
.path-brainstorm .c-brainstorm__subscribe a,
.path-podcast-appearances .c-brainstorm__subscribe a,
.path-archived-episodes .c-brainstorm__subscribe a,
.path-sponsors .c-brainstorm__subscribe a {
background-position: 10px center;
background-repeat: no-repeat;
}
.path-brainstorm .c-brainstorm__subscribe--wrap,
.path-podcast-appearances .c-brainstorm__subscribe--wrap,
.path-archived-episodes .c-brainstorm__subscribe--wrap,
.path-sponsors .c-brainstorm__subscribe--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 25px 50px;
margin: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 3;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1354px) {
.path-brainstorm .c-brainstorm__subscribe--wrap,
.path-podcast-appearances .c-brainstorm__subscribe--wrap,
.path-archived-episodes .c-brainstorm__subscribe--wrap,
.path-sponsors .c-brainstorm__subscribe--wrap {
max-width: 940px;
margin: 0 auto;
padding: 25px 0 50px;
}
}
@media screen and (max-width: 810px) {
.path-brainstorm .c-brainstorm__subscribe--wrap,
.path-podcast-appearances .c-brainstorm__subscribe--wrap,
.path-archived-episodes .c-brainstorm__subscribe--wrap,
.path-sponsors .c-brainstorm__subscribe--wrap {
display: none;
}
}
.path-brainstorm .c-brainstorm__subscribe--wrap::before,
.path-podcast-appearances .c-brainstorm__subscribe--wrap::before,
.path-archived-episodes .c-brainstorm__subscribe--wrap::before,
.path-sponsors .c-brainstorm__subscribe--wrap::before {
content: "";
display: block;
background: url("../../img/header-brainstorm.png") center top no-repeat;
background-size: auto;
max-width: 496px;
max-height: 372px;
width: 100%;
height: 100%;
background-size: contain;
-ms-flex-preferred-size: 496px;
flex-basis: 496px;
}
.path-brainstorm .c-brainstorm__subscribe--wrap p,
.path-podcast-appearances .c-brainstorm__subscribe--wrap p,
.path-archived-episodes .c-brainstorm__subscribe--wrap p,
.path-sponsors .c-brainstorm__subscribe--wrap p {
margin-bottom: 0;
width: 100%;
text-transform: uppercase;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 10px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
@media screen and (min-width: 1354px) {
.path-brainstorm .c-brainstorm__subscribe--wrap p,
.path-podcast-appearances .c-brainstorm__subscribe--wrap p,
.path-archived-episodes .c-brainstorm__subscribe--wrap p,
.path-sponsors .c-brainstorm__subscribe--wrap p {
width: 209px;
-ms-flex-negative: inherit;
flex-shrink: inherit;
margin-bottom: 0;
}
}
.path-brainstorm .c-brainstorm__subscribe--wrap p span,
.path-podcast-appearances .c-brainstorm__subscribe--wrap p span,
.path-archived-episodes .c-brainstorm__subscribe--wrap p span,
.path-sponsors .c-brainstorm__subscribe--wrap p span {
font-family: "Libre Baskerville", serif;
font-style: italic;
text-transform: lowercase;
}
.path-brainstorm .c-brainstorm__subscribe--list,
.path-podcast-appearances .c-brainstorm__subscribe--list,
.path-archived-episodes .c-brainstorm__subscribe--list,
.path-sponsors .c-brainstorm__subscribe--list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.path-brainstorm .c-brainstorm__subscribe--list a,
.path-podcast-appearances .c-brainstorm__subscribe--list a,
.path-archived-episodes .c-brainstorm__subscribe--list a,
.path-sponsors .c-brainstorm__subscribe--list a {
background: #121b48 no-repeat;
width: 171px;
margin: 0 13px 13px 0;
padding: 3px 6px 3px 55px;
color: #fff;
font-size: 10px;
border-radius: 10px;
height: 46px;
background-position: 10px center;
border: 1px solid #ffffff;
}
@media screen and (min-width: 1354px) {
.path-brainstorm .c-brainstorm__subscribe--list a,
.path-podcast-appearances .c-brainstorm__subscribe--list a,
.path-archived-episodes .c-brainstorm__subscribe--list a,
.path-sponsors .c-brainstorm__subscribe--list a {
margin: 5px;
}
}
@media screen and (max-width: 823px) {
.path-brainstorm .c-brainstorm__subscribe--list a,
.path-podcast-appearances .c-brainstorm__subscribe--list a,
.path-archived-episodes .c-brainstorm__subscribe--list a,
.path-sponsors .c-brainstorm__subscribe--list a {
width: 47%;
margin-bottom: 13px;
}
}
@media screen and (max-width: 520px) {
.path-brainstorm .c-brainstorm__subscribe--list a,
.path-podcast-appearances .c-brainstorm__subscribe--list a,
.path-archived-episodes .c-brainstorm__subscribe--list a,
.path-sponsors .c-brainstorm__subscribe--list a {
width: auto;
}
}
.path-brainstorm .c-brainstorm__subscribe--list a:hover,
.path-podcast-appearances .c-brainstorm__subscribe--list a:hover,
.path-archived-episodes .c-brainstorm__subscribe--list a:hover,
.path-sponsors .c-brainstorm__subscribe--list a:hover {
background-color: #121b48;
}
.path-brainstorm .c-brainstorm__subscribe--list a.apple,
.path-podcast-appearances .c-brainstorm__subscribe--list a.apple,
.path-archived-episodes .c-brainstorm__subscribe--list a.apple,
.path-sponsors .c-brainstorm__subscribe--list a.apple {
background-image: url("../../img/podcast-icon-apple.png");
}
.path-brainstorm .c-brainstorm__subscribe--list a.spotify,
.path-podcast-appearances .c-brainstorm__subscribe--list a.spotify,
.path-archived-episodes .c-brainstorm__subscribe--list a.spotify,
.path-sponsors .c-brainstorm__subscribe--list a.spotify {
background-image: url("../../img/podcast-icon-spotify.png");
}
.path-brainstorm .c-brainstorm__subscribe--list a.stitcher,
.path-podcast-appearances .c-brainstorm__subscribe--list a.stitcher,
.path-archived-episodes .c-brainstorm__subscribe--list a.stitcher,
.path-sponsors .c-brainstorm__subscribe--list a.stitcher {
background-image: url("../../img/podcast-icon-stitcher.png");
}
.path-brainstorm .c-brainstorm__subscribe--list a.google,
.path-podcast-appearances .c-brainstorm__subscribe--list a.google,
.path-archived-episodes .c-brainstorm__subscribe--list a.google,
.path-sponsors .c-brainstorm__subscribe--list a.google {
background-image: url("../../img/podcast-icon-google.png");
}
.path-brainstorm .c-brainstorm__subscribe--list a span,
.path-podcast-appearances .c-brainstorm__subscribe--list a span,
.path-archived-episodes .c-brainstorm__subscribe--list a span,
.path-sponsors .c-brainstorm__subscribe--list a span {
display: block;
font-size: 14px;
}
.path-brainstorm .c-brainstorm__header--wrap,
.path-podcast-appearances .c-brainstorm__header--wrap,
.path-archived-episodes .c-brainstorm__header--wrap,
.path-sponsors .c-brainstorm__header--wrap {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
padding-left: 0;
background: none;
}
@media screen and (max-width: 810px) {
.path-brainstorm .c-brainstorm__header--wrap,
.path-podcast-appearances .c-brainstorm__header--wrap,
.path-archived-episodes .c-brainstorm__header--wrap,
.path-sponsors .c-brainstorm__header--wrap {
background: url("../../img/header-brainstorm.png") left 126px no-repeat #121b48;
background-position-x: left;
background-position-y: 126px;
background-size: auto;
margin: 0 auto;
padding: 26px 55px;
position: relative;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
@media screen and (min-width: 810px) {
.path-brainstorm .views-exposed-form,
.path-podcast-appearances .views-exposed-form,
.path-archived-episodes .views-exposed-form,
.path-sponsors .views-exposed-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (min-width: 810px) {
.path-brainstorm .views-exposed-form .form--inline,
.path-podcast-appearances .views-exposed-form .form--inline,
.path-archived-episodes .views-exposed-form .form--inline,
.path-sponsors .views-exposed-form .form--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.c-brainstorm-introtext {
margin: 0 0 0 calc(50% - 50vw);
width: 100vw;
background: #f8f8f8;
text-align: center;
}
.c-brainstorm-introtext p {
margin: 0 auto;
padding: 1rem 2rem 2rem;
max-width: 900px;
}
.c-widget__text--left-image .c-widget-text__grid {
display: grid;
grid-template-areas: "banner";
}
.c-widget__text--left-image .c-widget-text__content {
grid-area: banner;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left top, right top, color-stop(24%, rgba(0, 0, 0, 0)), color-stop(30%, #7c93c9));
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 24%, #7c93c9 30%);
color: #0f0f0f;
padding: 2rem 0;
}
@media screen and (max-width: 1024px) {
.c-widget__text--left-image .c-widget-text__content {
background-color: #7c93c9;
}
}
.c-widget__text--left-image .c-widget-text__content__text {
width: 60%;
float: right;
}
@media screen and (max-width: 1024px) {
.c-widget__text--left-image .c-widget-text__content__text {
width: 90%;
margin: 0 auto;
float: none;
}
}
.c-widget__text--left-image .c-widget-text__content__text > h2 {
text-align: center;
}
.c-widget__text--left-image .c-widget-text__content__text p {
font-family: "Libre Baskerville", serif;
max-width: 52ch;
margin: 0 auto 1.66666rem;
}
.c-widget__text--left-image .c-widget-text__content__text a {
font-family: "Oxygen", sans-serif;
background-color: #4a161b;
color: white;
text-decoration: none;
font-weight: 700;
padding: 0.5rem 1rem;
border-radius: 8px;
display: block;
text-align: center;
margin: 0 auto;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.c-widget__text--left-image .c-widget-text__image {
grid-area: banner;
margin: 0;
}
.c-widget__text--left-image .c-widget-text__image img {
display: block;
}
@media screen and (max-width: 1024px) {
.c-widget__text--left-image .c-widget-text__image {
display: none;
}
}
.c-donation {
display: none;
text-align: center;
color: #fff;
z-index: 9999;
position: absolute;
line-height: 1;
font-family: "Sanchez";
font-style: normal;
font-weight: 600;
background-color: rgba(1, 15, 44, 0.85);
width: 100%;
height: 100vh;
}
.c-donation__wrap {
background: linear-gradient(172deg, rgb(1, 15, 44) 20.99%, rgb(6, 70, 151) 21%, rgb(6, 70, 151) 78.999%, rgb(1, 15, 44) 79%);
height: 100vh;
padding: 5vh 5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
}
@media screen and (min-width: 1024px) {
.c-donation__wrap {
width: 66vw;
height: 80vh;
max-height: 900px;
max-width: 1540px;
margin: 0 auto;
}
}
.c-donation.js-show {
display: block;
}
@media screen and (min-width: 1024px) {
.c-donation.js-show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.c-donation__close {
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
color: #fff;
height: 40px;
width: 40px;
background-repeat: no-repeat;
}
.c-donation__title {
line-height: 1;
margin: 0;
font-weight: 700;
font-size: 2rem;
}
.c-donation__title span {
color: #ce0a2b;
font-size: 3rem;
display: block;
text-transform: uppercase;
}
.c-donation__banner {
background-color: #ce0a2b;
line-height: 1;
padding: 0.25rem 0.5rem;
margin: 1rem 0;
display: inline-block;
}
.c-donation__banner:link {
color: #fff;
}
.c-donation__intro {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
}
.c-donation__donate {
background-color: #ce0a2b;
border-radius: 0;
font-size: 1.5rem;
border-color: #ce0a2b;
text-transform: uppercase;
font-family: "Sanchez";
}
/* Hide the Biomarkers form labels in Landing Page*/
#views-exposed-form-biomarkers-block-biomarkers .form-item label {
display: none;
}
@media screen and (min-width: 1024px) {
.o-grid.o-grid--biomarkers, .o-grid--biomarkers.c-widget-custom__list, .o-grid--biomarkers.c-alztalks--upcoming {
max-width: calc(62.22222rem + 250px);
}
}
.biomarkers-landing-intro {
margin-top: 1.66666rem;
}
.biomarkers-landing-mailto {
text-align: center;
padding: 0;
margin: 1.66666rem 0;
}
.c-biomarkers__images {
padding: 0;
margin: 0;
list-style: none;
margin: 1.66666rem 0 0;
}
@media screen and (min-width: 640px) {
.c-biomarkers__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.c-biomarkers__images li {
padding: 1.66666rem 0 0;
margin: 0;
background-color: #f4f4f4;
}
@media screen and (min-width: 640px) {
.c-biomarkers__images li {
width: 32.3333%;
}
}
.c-biomarkers__images h3 {
padding: 0 1rem;
margin: 0;
text-align: center;
}
#biomarkers-anchor {
display: block;
height: 0;
position: relative;
}
.c-biomarkers__view {
background-color: #f4f4f4;
}
.c-biomarkers__view .c-btn--trans {
color: #0f0f0f;
border-color: #999;
font-size: 1rem;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-btn--trans {
font-size: 0.8rem;
}
}
.c-biomarkers__view .c-biomarkers__filter--top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-biomarkers__filter--top {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .c-biomarkers__filter--top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media screen and (min-width: 1024px) {
.c-biomarkers__view .c-biomarkers__search--wrap {
padding-right: 18px;
}
}
.c-biomarkers__view .c-biomarkers__search {
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-color: #0f0f0f;
border-width: 1px;
padding: 0 3px;
margin-bottom: 0.5555555556rem;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-biomarkers__search {
margin-left: 1.6666666667rem;
margin-bottom: 0;
}
}
.c-biomarkers__view .c-biomarkers__search > span {
color: #999;
height: 1rem;
margin: 3px 0 0 7px;
}
.c-biomarkers__view .c-biomarkers__search input {
border: 0;
color: #0f0f0f;
background-color: transparent;
font-size: 1rem;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-biomarkers__search input {
font-size: 0.8rem;
}
}
.c-biomarkers__view .view-content {
padding: 1.66666rem 1.66666rem 0;
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .view-content {
padding: 1.66666rem 0.2777777778rem 0;
}
}
.c-biomarkers__view .view-content table {
min-width: auto;
}
.c-biomarkers__view .view-footer {
position: fixed;
top: 65vh;
right: 0;
}
.c-biomarkers__view .view-footer .c-back-to-top {
background: #054697;
display: none;
width: 40vw;
max-width: 300px;
padding: 2rem 0 2rem 3rem;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
z-index: 9999;
position: relative;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .view-footer .c-back-to-top.j-active {
display: block;
}
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .view-footer .c-back-to-top.j-active--small {
display: block;
}
}
.c-biomarkers__view .view-footer .c-back-to-top a {
color: #fff;
font-size: 1rem;
margin: 0;
}
.c-biomarkers__view .view-footer .c-back-to-top a span {
display: block;
height: 0.5em;
text-align: left;
font-size: 3rem;
line-height: 0.5;
margin: 0;
padding: 0 0 0 2rem;
}
@media screen and (min-width: 1024px) {
.c-biomarkers__view .view-footer .c-back-to-top a span {
font-size: 6rem;
padding: 0 0 0 12px;
}
}
.c-biomarkers__view .view-filters {
padding: 1.66666rem 1.66666rem 0.4444444444rem;
}
.c-biomarkers__view .view-empty {
padding: 1.66666rem;
}
.c-biomarkers__view .c-filter__variant-2 {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-filter__variant-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.c-biomarkers__view .c-filter__variant-2 + .form-actions {
opacity: 0;
height: 0;
overflow: hidden;
}
.c-biomarkers__view .c-filter__variant-2 li {
margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-filter__variant-2 li {
min-width: 150px;
margin-bottom: 0;
}
}
@media screen and (min-width: 1024px) {
.c-biomarkers__view .c-filter__variant-2 li {
width: 20%;
padding: 0 0.5555555556rem;
}
}
.c-biomarkers__view .c-filter__variant-2 .chosen-container,
.c-biomarkers__view .c-filter__variant-2 h5 {
margin-bottom: 0;
font-size: 1rem;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-filter__variant-2 .chosen-container,
.c-biomarkers__view .c-filter__variant-2 h5 {
font-size: 0.7777777778rem;
}
}
.c-biomarkers__view .c-filter__variant-2 h5 {
line-height: 1.33333rem;
padding: 0.33333rem 0 0.44444rem;
}
.c-biomarkers__view .c-filter__variant-2 .chosen-single {
border: 1px solid #0f0f0f;
border-radius: 2px;
color: #0f0f0f;
}
.c-biomarkers__view .c-filter__variant-2 .chosen-single > div {
background: #fff;
color: #0f0f0f;
border-left: 3px solid #fff;
}
.c-biomarkers__view .c-filter__variant-2 .chosen-single > div::before {
content: "\f0d7";
line-height: 2rem;
color: #0f0f0f;
font-size: 1rem;
padding: 0.25rem 0.5rem 0 0.25rem;
}
.c-biomarkers__view .c-filter__variant-2 .chosen-single span {
background: #fff;
color: #0f0f0f;
font-size: 1rem;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-filter__variant-2 .chosen-single span {
font-size: 0.7777777778rem;
}
}
.c-biomarkers__view .c-filter__variant-2 .chosen-container.chosen-container-active .chosen-drop {
border-top: 0;
width: calc(100% - 5px);
}
.c-biomarkers__view .c-filter__variant-2 .chosen-results .active-result {
font-size: 1rem;
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .c-filter__variant-2 .chosen-results .active-result {
font-size: 0.7777777778rem;
}
}
@media screen and (min-width: 1024px) {
.c-biomarkers__view .c-filter__variant-2 .chosen-results .active-result {
width: 100%;
}
}
.c-biomarkers__view .view-content {
border-top: 6px solid #fff;
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .view-content {
background-color: #fff;
padding-top: 0;
}
}
.c-biomarkers__view .views-table td {
border: 0;
padding: 0;
color: #0f0f0f;
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .views-table td {
display: block;
margin: 0 0 0.83333rem;
font-size: 0.8888888889rem;
}
}
@media screen and (min-width: 640px) {
.c-biomarkers__view .views-table td {
font-size: 0.7777777778rem;
font-weight: 500;
padding: 0.5555555556rem;
}
}
@media screen and (min-width: 1024px) {
.c-biomarkers__view .views-table td {
width: 20%;
}
}
.c-biomarkers__view .views-table td h5 {
display: none;
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .views-table td h5 {
display: block;
margin: 0;
font-size: 0.8888888889rem;
font-weight: 700;
}
}
.c-biomarkers__view .views-table tr {
border-bottom: 1px solid;
}
@media screen and (max-width: 640px) {
.c-biomarkers__view .views-table tr {
display: block;
padding: 0.83333rem 1.66666rem;
}
}
/* Style biomarker node*/
.biomarkers-subhead-legend {
color: #f4f4f4;
font-size: 0.7222222222rem;
}
@media screen and (min-width: 1024px) {
.briomarkers-node .biomarkers-wrapper {
padding: 1.9444444444rem 1.9444444444rem 0;
max-width: calc(62.22222rem + 50px);
}
}
.briomarkers-node .biomarkers-wrapper .field__label {
background-color: #054697;
color: #fff;
padding: 0.5555555556rem;
margin: 0 0 1rem;
}
@media screen and (min-width: 1024px) {
.briomarkers-node .biomarkers-wrapper .field__label {
padding: 0.5555555556rem 1.9444444444rem;
margin: 0 -1.9444444444rem 1rem;
}
}
.briomarkers-node .biomarkers-wrapper .field__item_bio {
background-color: #f4f4f4;
padding: 0.5555555556rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
.briomarkers-node .biomarkers-wrapper .field__item_bio {
padding: 0.5555555556rem 1.9444444444rem;
margin: 0 -1.9444444444rem 2rem;
}
}
.briomarkers-node .biomarkers-wrapper .field__item_bio_ref .field__item {
padding: 0.5555555556rem;
margin-bottom: 1rem;
font-size: 0.8333333333rem;
}
@media screen and (min-width: 1024px) {
.briomarkers-node .biomarkers-wrapper .field__item_bio_ref .field__item {
padding: 0.5555555556rem 1rem;
margin: 0 -1.9444444444rem 2rem;
}
}
.briomarkers-node .biomarkers-wrapper .biomarker-backlink {
color: #0f0f0f;
font-size: 0.7777777778rem;
margin: 1.66666rem 0;
}
.briomarkers-node .biomarkers-wrapper .biomarker-backlink span {
margin: 0;
width: 1rem;
height: 1rem;
}
.briomarkers-node .biomarkers-wrapper .biomarker-title {
font-family: "Oxygen", sans-serif;
}
#biomarker-title {
position: relative;
display: block;
height: 1px;
background: transparent;
top: 120px;
}
@media screen and (min-width: 640px) {
#biomarker-title {
top: 50px;
}
}
@media screen and (min-width: 1024px) {
#biomarker-title {
top: 10px;
}
}
.c-biomarkers__table-title {
display: none;
}
.c-biomarkers__table-title:first-of-type {
display: block;
}
.paidleave__intro__block .c-widget-featured-item__headline {
display: none;
}
.paidleave__family__block .c-widget-featured-item__headline {
text-align: center;
}
.paidleave__story-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 2rem;
max-width: 56.8888888889rem;
margin: 2rem auto;
}
@media screen and (max-width: 1024px) {
.paidleave__story-list {
margin-inline: 1.5rem;
gap: 1rem;
}
}
.paidleave__story-list .m-story {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
font-family: "Libre Baskerville", serif;
}
@media screen and (max-width: 1024px) {
.paidleave__story-list .m-story {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 2px solid #c6c6c6;
-webkit-padding-after: 1rem;
padding-block-end: 1rem;
}
.paidleave__story-list .m-story:last-of-type {
border: none;
}
}
@media screen and (min-width: 1024px) {
.paidleave__story-list .m-story:nth-of-type(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media screen and (min-width: 1024px) {
.paidleave__story-list .m-story:nth-of-type(even) .meta {
border-left: 2px solid #c6c6c6;
padding-left: 1rem;
}
}
@media screen and (min-width: 1024px) {
.paidleave__story-list .m-story:nth-of-type(odd) .meta {
border-right: 2px solid #c6c6c6;
padding-right: 1rem;
}
}
.paidleave__story-list .m-story .meta {
font-size: 1.3333333333rem;
line-height: 1.15;
-ms-flex-item-align: center;
align-self: center;
}
@media screen and (max-width: 1024px) {
.paidleave__story-list .m-story .meta {
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.paidleave__story-list .m-story .meta {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
}
@media screen and (min-width: 1024px) {
.paidleave__story-list .m-story .meta {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
.paidleave__story-list .m-story .meta .location {
font-size: 1rem;
}
.paidleave__story-list .m-story .meta .location::before {
content: "\a";
display: block;
}
.paidleave__story-list .m-story .quote {
-webkit-box-flex: 0;
-ms-flex: 0 1 65%;
flex: 0 1 65%;
font-size: 1rem;
}
@media screen and (max-width: 1024px) {
.paidleave__story-list .m-story .quote {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
.paidleave__story-list .m-story > img {
-webkit-box-flex: 0;
-ms-flex: 0 1 15%;
flex: 0 1 15%;
}
@media screen and (max-width: 640px) {
.paidleave__story-list .m-story > img {
display: none;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.paidleave__story-list .m-story > img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.paidleave.c-header-widget--hasimage .c-header-widget--wrap {
background-color: #0f0f0f;
}
.paidleave.c-header-widget--hasimage .c-header-widget--wrap .c-header-widget__content {
-ms-flex-item-align: center;
align-self: center;
z-index: 1;
}
@media screen and (max-width: 1024px) {
.paidleave.c-header-widget--hasimage .c-header-widget--wrap .c-header-widget__content h2 {
font-size: 3rem;
}
}
.paidleave.c-header-widget--hasimage .c-header-widget__image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
opacity: 0.8;
}
/* ==========================================================================
#o-Bands
========================================================================== */
.p-widget--tabbed > header {
padding: 40px 0;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header {
padding: 10px 0;
}
}
.p-widget--tabbed > header h3 {
text-align: center;
font-family: "Oxygen", sans-serif;
font-size: 44px;
font-weight: 400;
margin: 0;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header h3 {
display: none;
}
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header .c-tabs__links {
padding-left: 0;
}
}
.p-widget--tabbed > header .c-tabs__links ul {
-ms-flex-line-pack: center;
align-content: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0rem 1rem;
width: 100%;
}
@media screen and (min-width: 1024px) {
.p-widget--tabbed > header .c-tabs__links ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
gap: 20px;
padding: 1rem 2rem;
}
}
.p-widget--tabbed > header .c-tabs__links ul li {
margin: 0;
padding: 0;
position: relative;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header .c-tabs__links ul li {
padding: 2px 0;
}
}
.p-widget--tabbed > header .c-tabs__links ul li a {
display: inline-block;
opacity: 1;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header .c-tabs__links ul li a {
font-size: 14px;
line-height: 1;
}
}
.p-widget--tabbed > header .c-tabs__links ul li::after {
border-color: transparent;
border-style: solid;
border-width: 8px 1rem;
content: "";
display: block;
height: 0;
position: absolute;
top: calc(50% - 8px);
left: -1rem;
width: 0;
z-index: 1;
}
@media screen and (min-width: 1024px) {
.p-widget--tabbed > header .c-tabs__links ul li::after {
border-width: 50px 35px;
top: -0.5rem;
left: calc(50% - 35px);
}
}
.p-widget--tabbed > header .c-tabs__links ul li.active {
border-bottom: none;
font-weight: 600;
}
.p-widget--tabbed > header .c-tabs__links ul li.active::after {
border-left-color: initial;
}
@media screen and (min-width: 1024px) {
.p-widget--tabbed > header .c-tabs__links ul li.active::after {
border-left-color: transparent;
border-bottom-color: #fff;
}
}
.p-widget--tabbed > header.t-bg-primary .c-tabs__links ul li,
.p-widget--tabbed > header.t-bg-primary .c-tabs__links ul li a {
color: #054697;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header.t-bg-primary .c-tabs__links li {
border-top: 1px solid #054697;
}
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header.t-bg-primary .c-tabs__links li.active a {
border-color: #054697;
}
}
.p-widget--tabbed > header.t-bg-secondary .c-tabs__links ul li,
.p-widget--tabbed > header.t-bg-secondary .c-tabs__links ul li a {
color: #af021f;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header.t-bg-secondary .c-tabs__links li {
border-top: 1px solid #af021f;
}
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header.t-bg-secondary .c-tabs__links li.active a {
border-color: #af021f;
}
}
.p-widget--tabbed > header.t-bg-darkred .c-tabs__links ul li,
.p-widget--tabbed > header.t-bg-darkred .c-tabs__links ul li a {
color: #4a161b;
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header.t-bg-darkred .c-tabs__links li {
border-top: 1px solid #4a161b;
}
}
@media screen and (max-width: 1024px) {
.p-widget--tabbed > header.t-bg-darkred .c-tabs__links li.active a {
border-color: #4a161b;
}
}
.p-widget--tabbed > header .c-tabs__links ul li:first-child {
border-color: transparent;
}
/* ==========================================================================
#Trumps
========================================================================== */
/* Visibility classes
========================================================================== */
/*doc
---
title: Visibility Classes
name: vis_class
category: Trumps - Visibility Classes
---
Classes you can use in the HTML to affect the visibility of an element.
Two vartions are available: `.t-show` and `.t-hide`.
Class | Description
----------------|---------------
`.t-hide`| Hides element
`.t-show`| Shows element
```html_example
[This element is visible!]
```
*/
.t-hide {
display: none !important;
}
.t-show {
display: block !important;
}
@media screen and (max-width: 640px) {
.t-hide__small {
display: none;
}
}
@media screen and (max-width: 1024px) {
.t-hide__small-medium {
display: none;
}
}
@media screen and (min-width: 1024px) {
.t-hide__large {
display: none;
}
}
@media screen and (min-width: 1024px) {
.t-hide-menu__large {
display: none !important;
}
}
/* Float classes
========================================================================== */
/*doc
---
title: Float Classes
name: flo_class
category: Trumps - Float Classes
---
Classes you can use in the HTML to affect the visibility of an element. Use `.t-left` to float an element
to the left, and use `.t-right` to float to the right.
Class | Description
----------------|---------------
`.t-left`| Aligns element to the left
`.t-right`| Aligns element to the right
```html_example
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
```
*/
.t-left {
float: left !important;
}
.t-right {
float: right !important;
}
/* Text align classes
========================================================================== */
/*doc
---
title: Text Align Classes
name: tex_class
category: Trumps - Text Align Classes
---
Classes you can use in the HTML to affect the visibility of an element. Use the following classes
to adjust text alignment:
Class | Description
----------------|---------------
`.t-text-left`| Aligns text to the left
`.t-text-center`| Aligns text to the center
`.t-text-right`| Aligns text to the right
```html_example
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
```
*/
.t-text-left {
text-align: left !important;
}
.t-text-right {
text-align: right !important;
}
.t-text-center {
text-align: center !important;
}
@media screen and (max-width: 640px) {
.t-text-center--mobile {
text-align: center !important;
}
}
/* Font family trumps
========================================================================== */
/*doc
---
title: Font family
name: name
category: Trumps - Font Family
---
```html_example
This is a heading which is normally serif.
This is a paragraph which is normally sans-serif.
```
*/
.t-sans {
font-family: "Oxygen", sans-serif;
}
.t-serif {
font-family: "Libre Baskerville", serif;
}
/* BG Colors
========================================================================== */
/*doc
---
title: Background colors
name: bg-colors
category: Trumps - Background colors
---
```html_example
Example
Example
Example
Example
Example
Example
```
*/
.t-grayscale,
.t-grayscale img,
.t-grayscale picture {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.t-bg-white {
background-color: #fff;
}
.t-bg-primary {
background-color: #054697;
color: #fff;
}
.t-bg-secondary {
background-color: #af021f;
color: #fff;
}
.t-bg-darkred {
background-color: #4a161b;
color: #fff;
}
.t-bg-lochmara {
background-color: #0789c1;
color: #fff;
}
.t-bg-curious-blue {
background-color: #2287c3;
color: #fff;
}
.t-bg-cobalt {
background-color: #0047ba;
color: #fff;
}
.t-bg-buttercup {
background-color: #f6bb11;
color: #fff;
}
.t-bg-banana-mania {
background-color: #fcefb6;
color: #fff;
}
.t-bg-red-devil {
background-color: #7c0115;
}
.t-bg--albescent-white,
.c-widget--albescent-white.t-bg-white {
background-color: #f4ebcc;
}
.t-bg--mercury {
background-color: #e7e7e7;
}
/* Margin trumps
========================================================================== */
/*doc
---
title: Margin
name: margin-classes
category: Trumps - Margin classes
---
```html_example
Margin base right
Margin small right
Margin base left
Margin small left
Margin base bottom
Margin small bottom
Margin base top
Margin small top
```
*/
.t-mbr {
margin-right: 1.66666rem;
}
.t-msr {
margin-right: 0.83333rem;
}
.t-mbl {
margin-left: 1.66666rem;
}
.t-msl {
margin-left: 0.83333rem;
}
.t-mbb {
margin-bottom: 1.66666rem;
}
.t-msb {
margin-bottom: 0.83333rem;
}
.t-mbt {
margin-top: 1.66666rem;
}
.t-mst {
margin-top: 0.83333rem;
}
.t-nom {
margin: 0;
}
/* Padding trumps
========================================================================== */
/*doc
---
title: Padding
name: padding-classes
category: Trumps - Padding classes
---
```html_example
Padding base right
Padding small right
Padding base left
Padding small left
```
*/
.t-pbt {
padding-top: 1.66666rem;
}
.t-pbb {
padding-bottom: 1.66666rem;
}
.t-pbr {
padding-right: 1.66666rem;
}
.t-psr {
padding-right: 0.83333rem;
}
.t-pbl {
padding-left: 1.66666rem;
}
.t-psl {
padding-left: 0.83333rem;
}
.t-nop {
padding: 0;
}
.t-nopb {
padding-bottom: 0;
}
.t-high-z {
z-index: 9;
}
.t-fieldset-fix {
border: 0;
padding: 0.5555555556rem 0 1.3888888889rem;
margin: 0;
}
.t-fieldset-fix legend {
float: left;
padding-right: 1.66666rem;
}
.t-fieldset-fix input[type=radio] {
margin-bottom: 0;
}
.t-fieldset-fix .fieldset-wrapper > div {
margin: 0;
}
.t-add-comma::after {
display: inline-block;
content: ",";
padding: 0 5px 0 0;
}
.t-add-comma:last-child::after {
display: none;
}
.t-image-right {
margin: 0 0 0.83333rem 0.83333rem;
}
.t-image-left {
margin: 0 0.83333rem 0.83333rem 0;
}
/* Style-guide trumps
========================================================================== */
.wf {
background: #c6c6c6;
}
.t-text-small {
font-size: 0.7rem;
}
body > .ui-dialog.ui-widget {
overflow: auto;
padding: 1rem;
background-color: rgba(255, 255, 255, 0.975);
}
.j-image-popup img {
-webkit-filter: saturate(40%);
filter: saturate(40%);
}
.j-image-popup:hover img {
-webkit-filter: saturate(100%);
filter: saturate(100%);
}
.t-hidden-visibly {
visibility: hidden;
}
body.t-hide-signup .c-page-head__buttons .cta-trigger-salsa-signup-process,
body.t-hide-signup .c-page-foot .c-form__join--footer {
visibility: hidden;
}
@media screen and (max-width: 640px) {
body.t-hide-signup .c-page-head__buttons .cta-trigger-salsa-signup-process {
display: none;
}
}
@media screen and (max-width: 640px) {
body.t-hide-signup .c-page-head__buttons .cta-trigger-salsa-signup-process + .c-btn--secondary, body.t-hide-signup .c-page-head__buttons .c-btn__wrap--secondary .cta-trigger-salsa-signup-process + a, .c-btn__wrap--secondary body.t-hide-signup .c-page-head__buttons .cta-trigger-salsa-signup-process + a {
margin: 0 auto 10px;
display: block;
}
}
body.t-hide-donate .c-page-head__buttons .cta-trigger-salsa-signup-process + .c-btn, body.t-hide-donate .c-page-head__buttons .c-btn__wrap--primary .cta-trigger-salsa-signup-process + a, .c-btn__wrap--primary body.t-hide-donate .c-page-head__buttons .cta-trigger-salsa-signup-process + a, body.t-hide-donate .c-page-head__buttons .c-btn__wrap--secondary .cta-trigger-salsa-signup-process + a, .c-btn__wrap--secondary body.t-hide-donate .c-page-head__buttons .cta-trigger-salsa-signup-process + a, body.t-hide-donate .c-page-head__buttons .c-btn__wrap--gray .cta-trigger-salsa-signup-process + a, .c-btn__wrap--gray body.t-hide-donate .c-page-head__buttons .cta-trigger-salsa-signup-process + a, body.t-hide-donate .c-page-head__buttons .c-popup__btn .cta-trigger-salsa-signup-process + a, .c-popup__btn body.t-hide-donate .c-page-head__buttons .cta-trigger-salsa-signup-process + a, body.t-hide-donate .c-page-head__buttons .cta-trigger-salsa-signup-process + .c-donation__donate {
visibility: hidden;
}
.t-text-white {
color: #fff;
}
.t-text-white a {
color: #fff;
}
.t-text-white a:hover {
color: #fff;
opacity: 0.75;
}
.t-aapa-logo .o-grid, .t-aapa-logo .c-widget-custom__list, .t-aapa-logo .c-alztalks--upcoming {
background-position: center 50px;
background-size: 400px auto;
padding-top: 200px;
background-repeat: no-repeat;
background-image: url("../../img/AAPA_logomark.png");
}
@media screen and (min-width: 1024px) {
.t-aapa-logo .o-grid, .t-aapa-logo .c-widget-custom__list, .t-aapa-logo .c-alztalks--upcoming {
background-position: calc(50% - 3rem) 50px;
}
}
@media screen and (min-width: 640px) {
.t-grid-two-column.c-widget-content-feed .bg-md-3,
.t-grid-two-column.c-widget-content-feed .bg-lg-3 {
gap: 1em calc(2.427rem - 1em);
}
}
@media screen and (min-width: 640px) {
.t-grid-two-column.c-widget-content-feed .bg-md-3 > li,
.t-grid-two-column.c-widget-content-feed .bg-lg-3 > li {
-ms-flex-preferred-size: calc(50% - (2.427rem - 1em));
flex-basis: calc(50% - (2.427rem - 1em));
}
}
.t-hide-title .c-cta-widget__headline {
display: none;
}
.t-small-title .c-cta-widget__headline,
.t-small-title .c-widget-featured-item__headline {
font-size: 24px;
}
/* ==========================================================================
#States - Classes added with the .is- naming convention
========================================================================== */
.is-shifted {
-webkit-transform: translateX(70%);
transform: translateX(70%);
}
@media screen and (min-width: 1024px) {
.is-shifted {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
#c-our-story-custom-widget {
padding: 2.5rem 0;
}
#c-our-story-custom-widget h3 {
margin: 1.1111111111rem 0 0;
}
#c-our-story-custom-widget .c-image--rounded img {
border-color: #fff;
}
#c-our-story-custom-widget .o-col-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
#c-our-story-custom-widget .o-col-2 p {
font-size: 0.8888888889rem;
line-height: 1.5;
}
#c-our-story-custom-widget a {
color: #fff;
}
.path-frontpage .c-cta-widget {
padding: 60px 0 30px;
}
.tpd-tooltip div {
max-width: 25.8333333333rem;
}
@media screen and (max-width: 1024px) {
.tpd-tooltip .tpd-close {
display: block !important;
margin-top: 3px;
}
} 
