.btn {
color: #071c38;
z-index: 2;
padding: 0;
font-size: 30px;
font-weight: 600;
position: relative;
line-height: 35px !important;
}
.btn::selection {
background: none;
}
.btn:after {
content: "";
height: 13px;
width: 100%;
z-index: -1;
border-bottom: 13px solid #66ccfb;
transition: all .25s;
position: absolute;
top: 21px;
left: 0;
}
.btn:hover {
color: #071c38 !important;
}
.btn:hover:after {
width: 115%;
border-bottom: 13px solid #fafc2a;
transition: all .25s;
}
@media only screen and (max-width: 750px) {
.btn {
font-size: 40px;
}
}
.padding {
padding: 5rem 0;
}
.padding-small {
padding: 2rem 0;
}
.padding-large {
padding: 5rem 0;
}
.no-padding {
padding: 0 !important;
}
.text-center {
text-align: center;
}
.uppercase {
text-transform: uppercase !important;
}
small {
font-size: 12px !important;
}
.clear {
clear: both;
}
.white {
color: #fff;
}
.black {
color: #071c38;
}
.light_blue {
color: #66ccfb;
}
.blue {
color: #0072bc;
}
.yellow {
color: #fafc2a;
}
.red {
color: #d01520;
}
form label {
display: none;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
font-style: italic;
color: #d01520 !important;
border: 2px solid #d01520 !important;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus {
box-shadow: none;
color: #d01520;
border: 2px solid #d01520;
}
.wpcf7 input[type="text"]::-webkit-input-placeholder, .wpcf7 input[type="email"]::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
color: #d01520;
}
.wpcf7 input[type="text"]::-ms-input-placeholder, .wpcf7 input[type="email"]::-ms-input-placeholder, .wpcf7 textarea::-ms-input-placeholder {
color: #d01520;
}
.wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 textarea::placeholder {
color: #d01520;
}
.wpcf7 input[type="submit"] {
cursor: pointer;
float: right;
height: 27px;
text-indent: -100000000em;
width: 130px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/bg-submit.jpg") no-repeat;
border: none;
outline: none;
margin-top: 35px;
transition: all .25s;
}
.wpcf7 input[type="submit"]:hover {
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/bg-submit-hover.jpg") no-repeat;
transition: all .25s;
}
.wpcf7-response-output {
float: left;
}
.wpcf7-not-valid-tip {
color: #0072bc !important;
}
@media only screen and (max-width: 750px) {
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
height: 100% !important;
padding: 1rem !important;
font-size: 36px !important;
}
}
.fancybox-content {
max-width: 70% !important;
}
select {
box-shadow: none;
font-style: italic;
transition: none;
color: #d01520 !important;
height: auto !important;
width: 200px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
border: 2px solid #d01520 !important;
}
select:focus {
box-shadow: none !important;
color: #d01520 !important;
border: 2px solid #d01520 !important;
}
select::-webkit-input-placeholder {
color: #d01520;
}
select::-ms-input-placeholder {
color: #d01520;
}
select::placeholder {
color: #d01520;
}
.newsletter_signup form {
float: left;
align-items: flex-start;
display: flex;
}
.newsletter_signup form input[type="text"], .newsletter_signup form input[type="email"] {
background: rgba(255, 255, 255, .3);
margin-right: 8px;
font-style: italic;
display: inline-block;
color: #fff !important;
width: 200px !important;
border: 2px solid #fff !important;
}
.newsletter_signup form input[type="text"]::-webkit-input-placeholder, .newsletter_signup form input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
.newsletter_signup form input[type="text"]::-moz-placeholder, .newsletter_signup form input[type="email"]::-moz-placeholder {
color: #fff;
}
.newsletter_signup form input[type="text"]:-ms-input-placeholder, .newsletter_signup form input[type="email"]:-ms-input-placeholder {
color: #fff;
}
.newsletter_signup form input[type="text"]:-moz-placeholder, .newsletter_signup form input[type="email"]:-moz-placeholder {
color: #fff;
}
.newsletter_signup form input[type="submit"] {
width: 196px;
background: url("https://www.springfieldmosports.org/wp-content/uploads/2019/10/get-updates.png") no-repeat;
margin: 5px 0 0;
transition: all .25s;
}
.newsletter_signup form input[type="submit"]:hover {
background: url("https://www.springfieldmosports.org/wp-content/uploads/2019/10/get-updates-hover.png") no-repeat;
transition: all .25s;
}
.newsletter_signup form .wpcf7-not-valid-tip {
display: none !important;
}
.newsletter_signup form .wpcf7-response-output {
color: #fff;
margin-top: 50px;
padding: 0;
position: absolute;
left: 4.4%;
border: none !important;
}
#tribe-events-pg-template, .tribe-events-pg-template {
max-width: 100%;
}
.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
max-width: 100%;
padding: 0 5%;
}
.tribe-events-page-title {
color: #d01520;
text-align: left;
margin: 120px 0 40px;
font-size: 65px;
}
.tribe-events-page-title a, .tribe-events-page-title a:hover {
color: #d01520;
text-decoration: none;
}
.tribe-events-list .type-tribe_events:first-of-type {
margin-top: 0;
}
.tribe-events-list .type-tribe_events {
max-width: 43%;
vertical-align: top;
width: 100%;
border-top: 10px solid #fff;
margin: 0 10% 5% 0;
transition: all .25s;
display: inline-block;
}
.tribe-events-list .type-tribe_events:hover {
border-top: 10px solid #d01520;
transition: all .25s;
}
.tribe-events-list .type-tribe_events:hover a {
color: #071c38;
width: 100%;
z-index: -1;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/background-yellow.jpg") 0 9px repeat-x;
transition: all .25s;
}
.tribe-events-list .type-tribe_events:nth-child(2n) {
margin-right: 0;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image {
width: 100%;
padding-top: 11px;
margin: 0 0 20px !important;
}
.tribe-events-header, .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
display: none;
}
.tribe-events-loop .tribe-events-event-meta {
font-size: 22px;
font-weight: 400;
line-height: 35px;
}
.tribe-events-list .tribe-events-list-event-title {
color: #071c38;
transition: all .25s;
}
#tribe-events-content a {
color: #071c38;
font-weight: 600;
}
.post-type-archive-tribe_events h1 {
color: #d01520;
margin-top: 120px;
}
.post-type-archive-tribe_events .right_column {
margin-top: 10px;
}
.tribe-mini-calendar .tribe-events-present, .tribe-mini-calendar .tribe-mini-calendar-today, .tribe-mini-calendar td, .tribe-mini-calendar .tribe-events-has-events:hover a:hover, .tribe-mini-calendar .tribe-events-has-events div[id*="daynum-"] a:hover:before, tbody tr:nth-child(2n), .tribe-mini-calendar th, .tribe-events-adv-list-widget .tribe-event-featured .tribe-mini-calendar-event, .tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-mini-calendar-event {
background: #fff !important;
}
.tribe-events-adv-list-widget .tribe-event-featured .tribe-mini-calendar-event .tribe-event-image, .tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-mini-calendar-event .tribe-event-image {
display: none !important;
}
.tribe-mini-calendar th {
border-color: #fff !important;
}
.tribe-mini-calendar th, .tribe-events-adv-list-widget .tribe-event-featured .tribe-events-duration, .tribe-events-adv-list-widget .tribe-event-featured .tribe-events-event-meta, .tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-events-duration, .tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-events-event-meta {
font-size: 18px;
color: #071c38 !important;
padding-top: 10px !important;
}
.tribe-mini-calendar thead, .tribe-mini-calendar-nav td {
background: #d01520 !important;
border: none !important;
}
.tribe-events-adv-list-widget .tribe-event-featured .tribe-mini-calendar-event .tribe-events-title a, .tribe-mini-calendar-list-wrapper .tribe-event-featured .tribe-mini-calendar-event .tribe-events-title a {
color: #071c38 !important;
}
.tribe-mini-calendar thead, .tribe-events-adv-list-widget .tribe-event-featured, .tribe-mini-calendar-list-wrapper .tribe-event-featured {
border-bottom: none !important;
}
.tribe-mini-calendar-no-event, .tribe-mini-calendar .tribe-events-has-events div[id*="daynum-"] a {
color: #071c38 !important;
padding: 15px !important;
}
.tribe-mini-calendar-nav td {
border: #d01520 !important;
}
.tribe-mini-calendar .tribe-events-has-events, .tribe-mini-calendar .tribe-events-has-events div[id*="daynum-"] a:before {
background: #d6e8e1 !important;
}
.tribe-mini-calendar-no-event, .tribe-mini-calendar .tribe-events-has-events div[id*="daynum-"] a {
font-size: 13px;
font-weight: 600 !important;
}
.tribe-mini-calendar-nav span {
font-size: 24px !important;
}
.tribe-mini-calendar-nav div {
padding: 7px 0 !important;
}
.post-type-archive-tribe_events .tribe-events-list .tribe-events-loop .tribe-event-featured {
background: #fff;
padding: 0;
}
.post-type-archive-tribe_events .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta {
color: #071c38;
}
.tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title:hover a {
color: #071c38;
width: 100%;
z-index: -1;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/background-yellow.jpg") 0 9px repeat-x;
transition: all .25s;
}
.tribe-mini-calendar-event .list-info h2 {
margin-bottom: 0 !important;
}
.tribe-mini-calendar-event .list-info h2 a {
color: #071c38;
text-transform: none;
font-size: 22px;
font-weight: 600;
line-height: 22px;
}
.tribe-mini-calendar-event {
border: none !important;
margin: 0 !important;
padding: 10px 0 0 !important;
}
.tribe-mini-calendar-event .list-info {
color: #071c38;
font-weight: 400;
width: 70% !important;
font-size: 22px !important;
line-height: 22px !important;
}
.tribe-mini-calendar-event .list-date .list-dayname {
color: #fff !important;
letter-spacing: 0 !important;
background: #d01520 !important;
padding: 0 !important;
font-size: 16px !important;
}
.tribe-mini-calendar-event .list-date {
border: 2px solid #d01520;
width: 20% !important;
background: #fff !important;
padding: 0 !important;
display: block !important;
}
.tribe-mini-calendar-event .list-date .list-daynumber {
color: #d01520 !important;
font-size: 43px !important;
}
.tribe-mini-calendar-event .tribe-events-duration {
border-bottom: 13px solid #66ccfb;
padding-bottom: 30px;
}
.single-tribe_events #tribe-events-content .full_column {
text-align: left !important;
}
.single-tribe_events #tribe-events-content {
margin-bottom: 130px !important;
padding: 0 !important;
}
.single-tribe_events .tribe-events-single-event-title {
color: #d01520 !important;
font-size: 65px !important;
}
.single-tribe_events .tribe-events-event-image {
max-width: 325px;
margin: 0 30px 30px 0;
}
.single-tribe_events #tribe-events-content a, .tribe-related-events .tribe-event-date-start {
word-break: break-word;
font-weight: 400;
font-size: 22px !important;
}
.single-tribe_events .tribe-events-event-meta, .tribe-related-event-info, .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {
font-weight: 400;
font-size: 22px !important;
}
.tribe-events-single ul.tribe-related-events .recurringinfo {
display: none !important;
}
.tribe-related-events .tribe-related-events-thumbnail {
margin-bottom: 10px;
}
.tribe-events-list .type-tribe_events .tribe-events-list-event-title, .tribe-related-events-title a {
text-transform: none;
margin-top: 0 !important;
font-size: 26px !important;
font-weight: 600 !important;
}
.single-tribe_events .tribe-events-schedule .recurringinfo, .tribe-events-cost {
display: none !important;
}
.tribe-events-single ul.tribe-related-events li {
border-top: 10px solid #fff;
transition: all .25s;
border-radius: 0 !important;
padding-top: 11px !important;
}
.tribe-events-single ul.tribe-related-events li:hover {
border-top: 10px solid #d01520;
transition: all .25s;
}
.tribe-events-single ul.tribe-related-events li:hover a {
color: #071c38;
width: 100%;
z-index: -1;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/background-yellow.jpg") 0 9px repeat-x;
transition: all .25s;
}
.tribe-events-sub-nav li span {
display: none;
}
.single-tribe_events #tribe-events-footer li, .single-tribe_events #tribe-events-footer li a, .single-tribe_events #tribe-events-header li {
width: auto !important;
font-weight: 600 !important;
}
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right a:after, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-right a:after, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-left a:after, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-left a:after {
top: 14px;
}
.tribe-mini-calendar-list-wrapper .list-info .event_category div {
display: none;
}
.tribe-mini-calendar-list-wrapper .list-info .event_category .tribe-event-categories {
padding: 0;
list-style: none;
margin: 0 !important;
}
.tribe-mini-calendar-list-wrapper .list-info .event_category .tribe-event-categories li a {
color: #d01520;
font-size: 16px;
}
ul.tribe-venues-organizers-shortcode {
width: 45%;
margin: 0 0 25px;
padding: 0;
display: inline-block;
}
ul.tribe-venues-organizers-shortcode li {
width: auto;
}
.tribe-venues-organizers-image {
max-height: 75px !important;
max-width: 75px !important;
}
.tribe-venues-organizers-info {
display: none;
}
.tribe-events-address a, .tribe-events-button {
color: #071c38;
z-index: 2;
margin: 10px 40px 0 0;
display: inline-block;
color: #071c38 !important;
background: none !important;
padding: 0 !important;
font-family: canada-type-gibson, sans-serif !important;
font-size: 30px !important;
font-weight: 900 !important;
line-height: 35px !important;
position: relative !important;
}
.tribe-events-address a::selection, .tribe-events-button::selection {
background: none;
}
.tribe-events-address a:after, .tribe-events-button:after {
content: "";
height: 13px;
width: 100%;
z-index: -1;
border-bottom: 13px solid #66ccfb;
transition: all .25s;
position: absolute;
top: 21px;
left: 0;
}
.tribe-events-address a:hover, .tribe-events-button:hover {
color: #071c38 !important;
}
.tribe-events-gmap:hover:after, .tribe-events-button:hover:after {
width: 115%;
border-bottom: 13px solid #fafc2a;
transition: all .25s;
}
.tribe-country-name {
display: none;
}
@media print, screen and (min-width: 40em) {
.reveal.large, .reveal.small, .reveal.tiny, .reveal {
margin: 0 auto;
left: auto;
right: auto;
}
}
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}
body {
margin: 0;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: rgba(0, 0, 0, 0);
}
abbr[title] {
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: .35em .75em .625em;
}
legend {
box-sizing: border-box;
color: inherit;
max-width: 100%;
white-space: normal;
padding: 0;
display: table;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template, [hidden] {
display: none;
}
[data-whatintent="mouse"] *, [data-whatintent="mouse"] :focus, [data-whatintent="touch"] *, [data-whatintent="touch"] :focus, [data-whatinput="mouse"] *, [data-whatinput="mouse"] :focus, [data-whatinput="touch"] *, [data-whatinput="touch"] :focus {
outline: none;
}
[draggable="false"] {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=90em&xxlarge=100em";
}
html {
box-sizing: border-box;
font-size: 100%;
}
*, :before, :after {
box-sizing: inherit;
}
body {
color: #071c38;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #fff;
margin: 0;
padding: 0;
font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0;
}
select {
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
max-width: none !important;
}
button {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: auto;
background: none;
border: 0;
border-radius: 0;
padding: 0;
line-height: 1;
}
[data-whatinput="mouse"] button {
outline: 0;
}
pre {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
button, input, optgroup, select, textarea {
font-family: inherit;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.row:before, .row:after {
content: " ";
flex-basis: 0;
order: 1;
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row .row {
margin-left: -.625rem;
margin-right: -.625rem;
}
@media print, screen and (min-width: 40em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
@media print, screen and (min-width: 64em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
@media screen and (min-width: 90em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
@media screen and (min-width: 100em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
.row .row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-left: .625rem;
padding-right: .625rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
.column, .columns {
width: 100%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.column, .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.column, .columns, .column:last-child:not(:first-child) {
float: left;
clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left;
}
.column.row.row, .row.row.columns {
float: none;
}
.row .column.row.row, .row .row.row.columns {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.small-1 {
width: 8.33333%;
}
.small-push-1 {
position: relative;
left: 8.33333%;
}
.small-pull-1 {
position: relative;
left: -8.33333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.6667%;
}
.small-push-2 {
position: relative;
left: 16.6667%;
}
.small-pull-2 {
position: relative;
left: -16.6667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.6667%;
}
.small-4 {
width: 33.3333%;
}
.small-push-4 {
position: relative;
left: 33.3333%;
}
.small-pull-4 {
position: relative;
left: -33.3333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.6667%;
}
.small-push-5 {
position: relative;
left: 41.6667%;
}
.small-pull-5 {
position: relative;
left: -41.6667%;
}
.small-offset-4 {
margin-left: 33.3333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.6667%;
}
.small-7 {
width: 58.3333%;
}
.small-push-7 {
position: relative;
left: 58.3333%;
}
.small-pull-7 {
position: relative;
left: -58.3333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.6667%;
}
.small-push-8 {
position: relative;
left: 66.6667%;
}
.small-pull-8 {
position: relative;
left: -66.6667%;
}
.small-offset-7 {
margin-left: 58.3333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.6667%;
}
.small-10 {
width: 83.3333%;
}
.small-push-10 {
position: relative;
left: 83.3333%;
}
.small-pull-10 {
position: relative;
left: -83.3333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.6667%;
}
.small-push-11 {
position: relative;
left: 91.6667%;
}
.small-pull-11 {
position: relative;
left: -91.6667%;
}
.small-offset-10 {
margin-left: 83.3333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.6667%;
}
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%;
}
.small-up-1 > .column:nth-of-type(n), .small-up-1 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(n+1), .small-up-1 > .columns:nth-of-type(n+1) {
clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%;
}
.small-up-2 > .column:nth-of-type(n), .small-up-2 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.3333%;
}
.small-up-3 > .column:nth-of-type(n), .small-up-3 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%;
}
.small-up-4 > .column:nth-of-type(n), .small-up-4 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%;
}
.small-up-5 > .column:nth-of-type(n), .small-up-5 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.6667%;
}
.small-up-6 > .column:nth-of-type(n), .small-up-6 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.2857%;
}
.small-up-7 > .column:nth-of-type(n), .small-up-7 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%;
}
.small-up-8 > .column:nth-of-type(n), .small-up-8 > .columns:nth-of-type(n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-collapse .row, .expanded.row .small-collapse.row {
margin-left: 0;
margin-right: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: .625rem;
padding-right: .625rem;
}
.small-centered {
margin-left: auto;
margin-right: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.small-uncentered, .small-push-0, .small-pull-0 {
margin-left: 0;
margin-right: 0;
position: static;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
float: right;
}
@media print, screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
}
.medium-pull-1 {
position: relative;
left: -8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.6667%;
}
.medium-push-2 {
position: relative;
left: 16.6667%;
}
.medium-pull-2 {
position: relative;
left: -16.6667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.6667%;
}
.medium-4 {
width: 33.3333%;
}
.medium-push-4 {
position: relative;
left: 33.3333%;
}
.medium-pull-4 {
position: relative;
left: -33.3333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.6667%;
}
.medium-push-5 {
position: relative;
left: 41.6667%;
}
.medium-pull-5 {
position: relative;
left: -41.6667%;
}
.medium-offset-4 {
margin-left: 33.3333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.6667%;
}
.medium-7 {
width: 58.3333%;
}
.medium-push-7 {
position: relative;
left: 58.3333%;
}
.medium-pull-7 {
position: relative;
left: -58.3333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.6667%;
}
.medium-push-8 {
position: relative;
left: 66.6667%;
}
.medium-pull-8 {
position: relative;
left: -66.6667%;
}
.medium-offset-7 {
margin-left: 58.3333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.6667%;
}
.medium-10 {
width: 83.3333%;
}
.medium-push-10 {
position: relative;
left: 83.3333%;
}
.medium-pull-10 {
position: relative;
left: -83.3333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.6667%;
}
.medium-push-11 {
position: relative;
left: 91.6667%;
}
.medium-pull-11 {
position: relative;
left: -91.6667%;
}
.medium-offset-10 {
margin-left: 83.3333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.6667%;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%;
}
.medium-up-1 > .column:nth-of-type(n), .medium-up-1 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(n+1), .medium-up-1 > .columns:nth-of-type(n+1) {
clear: both;
}
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%;
}
.medium-up-2 > .column:nth-of-type(n), .medium-up-2 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.3333%;
}
.medium-up-3 > .column:nth-of-type(n), .medium-up-3 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%;
}
.medium-up-4 > .column:nth-of-type(n), .medium-up-4 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%;
}
.medium-up-5 > .column:nth-of-type(n), .medium-up-5 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.6667%;
}
.medium-up-6 > .column:nth-of-type(n), .medium-up-6 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.2857%;
}
.medium-up-7 > .column:nth-of-type(n), .medium-up-7 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%;
}
.medium-up-8 > .column:nth-of-type(n), .medium-up-8 > .columns:nth-of-type(n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-collapse .row, .expanded.row .medium-collapse.row {
margin-left: 0;
margin-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
.medium-centered {
margin-left: auto;
margin-right: auto;
}
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.medium-uncentered, .medium-push-0, .medium-pull-0 {
margin-left: 0;
margin-right: 0;
position: static;
}
.medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
float: right;
}
}
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.33333%;
}
.large-push-1 {
position: relative;
left: 8.33333%;
}
.large-pull-1 {
position: relative;
left: -8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.6667%;
}
.large-push-2 {
position: relative;
left: 16.6667%;
}
.large-pull-2 {
position: relative;
left: -16.6667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.6667%;
}
.large-4 {
width: 33.3333%;
}
.large-push-4 {
position: relative;
left: 33.3333%;
}
.large-pull-4 {
position: relative;
left: -33.3333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.6667%;
}
.large-push-5 {
position: relative;
left: 41.6667%;
}
.large-pull-5 {
position: relative;
left: -41.6667%;
}
.large-offset-4 {
margin-left: 33.3333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.6667%;
}
.large-7 {
width: 58.3333%;
}
.large-push-7 {
position: relative;
left: 58.3333%;
}
.large-pull-7 {
position: relative;
left: -58.3333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.6667%;
}
.large-push-8 {
position: relative;
left: 66.6667%;
}
.large-pull-8 {
position: relative;
left: -66.6667%;
}
.large-offset-7 {
margin-left: 58.3333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.6667%;
}
.large-10 {
width: 83.3333%;
}
.large-push-10 {
position: relative;
left: 83.3333%;
}
.large-pull-10 {
position: relative;
left: -83.3333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.6667%;
}
.large-push-11 {
position: relative;
left: 91.6667%;
}
.large-pull-11 {
position: relative;
left: -91.6667%;
}
.large-offset-10 {
margin-left: 83.3333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.6667%;
}
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%;
}
.large-up-1 > .column:nth-of-type(n), .large-up-1 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(n+1), .large-up-1 > .columns:nth-of-type(n+1) {
clear: both;
}
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%;
}
.large-up-2 > .column:nth-of-type(n), .large-up-2 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.3333%;
}
.large-up-3 > .column:nth-of-type(n), .large-up-3 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%;
}
.large-up-4 > .column:nth-of-type(n), .large-up-4 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%;
}
.large-up-5 > .column:nth-of-type(n), .large-up-5 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.6667%;
}
.large-up-6 > .column:nth-of-type(n), .large-up-6 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.2857%;
}
.large-up-7 > .column:nth-of-type(n), .large-up-7 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%;
}
.large-up-8 > .column:nth-of-type(n), .large-up-8 > .columns:nth-of-type(n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-collapse .row, .expanded.row .large-collapse.row {
margin-left: 0;
margin-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
.large-centered {
margin-left: auto;
margin-right: auto;
}
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.large-uncentered, .large-push-0, .large-pull-0 {
margin-left: 0;
margin-right: 0;
position: static;
}
.large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
float: right;
}
}
@media screen and (min-width: 90em) {
.xlarge-1 {
width: 8.33333%;
}
.xlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xlarge-offset-0 {
margin-left: 0%;
}
.xlarge-2 {
width: 16.6667%;
}
.xlarge-push-2 {
position: relative;
left: 16.6667%;
}
.xlarge-pull-2 {
position: relative;
left: -16.6667%;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.xlarge-3 {
width: 25%;
}
.xlarge-push-3 {
position: relative;
left: 25%;
}
.xlarge-pull-3 {
position: relative;
left: -25%;
}
.xlarge-offset-2 {
margin-left: 16.6667%;
}
.xlarge-4 {
width: 33.3333%;
}
.xlarge-push-4 {
position: relative;
left: 33.3333%;
}
.xlarge-pull-4 {
position: relative;
left: -33.3333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
width: 41.6667%;
}
.xlarge-push-5 {
position: relative;
left: 41.6667%;
}
.xlarge-pull-5 {
position: relative;
left: -41.6667%;
}
.xlarge-offset-4 {
margin-left: 33.3333%;
}
.xlarge-6 {
width: 50%;
}
.xlarge-push-6 {
position: relative;
left: 50%;
}
.xlarge-pull-6 {
position: relative;
left: -50%;
}
.xlarge-offset-5 {
margin-left: 41.6667%;
}
.xlarge-7 {
width: 58.3333%;
}
.xlarge-push-7 {
position: relative;
left: 58.3333%;
}
.xlarge-pull-7 {
position: relative;
left: -58.3333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
width: 66.6667%;
}
.xlarge-push-8 {
position: relative;
left: 66.6667%;
}
.xlarge-pull-8 {
position: relative;
left: -66.6667%;
}
.xlarge-offset-7 {
margin-left: 58.3333%;
}
.xlarge-9 {
width: 75%;
}
.xlarge-push-9 {
position: relative;
left: 75%;
}
.xlarge-pull-9 {
position: relative;
left: -75%;
}
.xlarge-offset-8 {
margin-left: 66.6667%;
}
.xlarge-10 {
width: 83.3333%;
}
.xlarge-push-10 {
position: relative;
left: 83.3333%;
}
.xlarge-pull-10 {
position: relative;
left: -83.3333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
width: 91.6667%;
}
.xlarge-push-11 {
position: relative;
left: 91.6667%;
}
.xlarge-pull-11 {
position: relative;
left: -91.6667%;
}
.xlarge-offset-10 {
margin-left: 83.3333%;
}
.xlarge-12 {
width: 100%;
}
.xlarge-offset-11 {
margin-left: 91.6667%;
}
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
float: left;
width: 100%;
}
.xlarge-up-1 > .column:nth-of-type(n), .xlarge-up-1 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-1 > .column:nth-of-type(n+1), .xlarge-up-1 > .columns:nth-of-type(n+1) {
clear: both;
}
.xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
float: left;
}
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
float: left;
width: 50%;
}
.xlarge-up-2 > .column:nth-of-type(n), .xlarge-up-2 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
float: left;
}
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
float: left;
width: 33.3333%;
}
.xlarge-up-3 > .column:nth-of-type(n), .xlarge-up-3 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
float: left;
}
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
float: left;
width: 25%;
}
.xlarge-up-4 > .column:nth-of-type(n), .xlarge-up-4 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
float: left;
}
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
float: left;
width: 20%;
}
.xlarge-up-5 > .column:nth-of-type(n), .xlarge-up-5 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
float: left;
}
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
float: left;
width: 16.6667%;
}
.xlarge-up-6 > .column:nth-of-type(n), .xlarge-up-6 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
float: left;
}
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
float: left;
width: 14.2857%;
}
.xlarge-up-7 > .column:nth-of-type(n), .xlarge-up-7 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
float: left;
}
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
float: left;
width: 12.5%;
}
.xlarge-up-8 > .column:nth-of-type(n), .xlarge-up-8 > .columns:nth-of-type(n) {
clear: none;
}
.xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
float: left;
}
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xlarge-collapse .row, .expanded.row .xlarge-collapse.row {
margin-left: 0;
margin-right: 0;
}
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
.xlarge-centered {
margin-left: auto;
margin-right: auto;
}
.xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 {
margin-left: 0;
margin-right: 0;
position: static;
}
.xlarge-uncentered, .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0, .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0, .xlarge-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0:last-child:not(:first-child) {
float: right;
}
}
@media screen and (min-width: 100em) {
.xxlarge-1 {
width: 8.33333%;
}
.xxlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xxlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xxlarge-offset-0 {
margin-left: 0%;
}
.xxlarge-2 {
width: 16.6667%;
}
.xxlarge-push-2 {
position: relative;
left: 16.6667%;
}
.xxlarge-pull-2 {
position: relative;
left: -16.6667%;
}
.xxlarge-offset-1 {
margin-left: 8.33333%;
}
.xxlarge-3 {
width: 25%;
}
.xxlarge-push-3 {
position: relative;
left: 25%;
}
.xxlarge-pull-3 {
position: relative;
left: -25%;
}
.xxlarge-offset-2 {
margin-left: 16.6667%;
}
.xxlarge-4 {
width: 33.3333%;
}
.xxlarge-push-4 {
position: relative;
left: 33.3333%;
}
.xxlarge-pull-4 {
position: relative;
left: -33.3333%;
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.xxlarge-5 {
width: 41.6667%;
}
.xxlarge-push-5 {
position: relative;
left: 41.6667%;
}
.xxlarge-pull-5 {
position: relative;
left: -41.6667%;
}
.xxlarge-offset-4 {
margin-left: 33.3333%;
}
.xxlarge-6 {
width: 50%;
}
.xxlarge-push-6 {
position: relative;
left: 50%;
}
.xxlarge-pull-6 {
position: relative;
left: -50%;
}
.xxlarge-offset-5 {
margin-left: 41.6667%;
}
.xxlarge-7 {
width: 58.3333%;
}
.xxlarge-push-7 {
position: relative;
left: 58.3333%;
}
.xxlarge-pull-7 {
position: relative;
left: -58.3333%;
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.xxlarge-8 {
width: 66.6667%;
}
.xxlarge-push-8 {
position: relative;
left: 66.6667%;
}
.xxlarge-pull-8 {
position: relative;
left: -66.6667%;
}
.xxlarge-offset-7 {
margin-left: 58.3333%;
}
.xxlarge-9 {
width: 75%;
}
.xxlarge-push-9 {
position: relative;
left: 75%;
}
.xxlarge-pull-9 {
position: relative;
left: -75%;
}
.xxlarge-offset-8 {
margin-left: 66.6667%;
}
.xxlarge-10 {
width: 83.3333%;
}
.xxlarge-push-10 {
position: relative;
left: 83.3333%;
}
.xxlarge-pull-10 {
position: relative;
left: -83.3333%;
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.xxlarge-11 {
width: 91.6667%;
}
.xxlarge-push-11 {
position: relative;
left: 91.6667%;
}
.xxlarge-pull-11 {
position: relative;
left: -91.6667%;
}
.xxlarge-offset-10 {
margin-left: 83.3333%;
}
.xxlarge-12 {
width: 100%;
}
.xxlarge-offset-11 {
margin-left: 91.6667%;
}
.xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
float: left;
width: 100%;
}
.xxlarge-up-1 > .column:nth-of-type(n), .xxlarge-up-1 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-1 > .column:nth-of-type(n+1), .xxlarge-up-1 > .columns:nth-of-type(n+1) {
clear: both;
}
.xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
float: left;
}
.xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
float: left;
width: 50%;
}
.xxlarge-up-2 > .column:nth-of-type(n), .xxlarge-up-2 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
float: left;
}
.xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
float: left;
width: 33.3333%;
}
.xxlarge-up-3 > .column:nth-of-type(n), .xxlarge-up-3 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
float: left;
}
.xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
float: left;
width: 25%;
}
.xxlarge-up-4 > .column:nth-of-type(n), .xxlarge-up-4 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
float: left;
}
.xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
float: left;
width: 20%;
}
.xxlarge-up-5 > .column:nth-of-type(n), .xxlarge-up-5 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
float: left;
}
.xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
float: left;
width: 16.6667%;
}
.xxlarge-up-6 > .column:nth-of-type(n), .xxlarge-up-6 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
float: left;
}
.xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
float: left;
width: 14.2857%;
}
.xxlarge-up-7 > .column:nth-of-type(n), .xxlarge-up-7 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
float: left;
}
.xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
float: left;
width: 12.5%;
}
.xxlarge-up-8 > .column:nth-of-type(n), .xxlarge-up-8 > .columns:nth-of-type(n) {
clear: none;
}
.xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
float: left;
}
.xxlarge-collapse > .column, .xxlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xxlarge-collapse .row, .expanded.row .xxlarge-collapse.row {
margin-left: 0;
margin-right: 0;
}
.xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
.xxlarge-centered {
margin-left: auto;
margin-right: auto;
}
.xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
float: none;
clear: both;
}
.xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 {
margin-left: 0;
margin-right: 0;
position: static;
}
.xxlarge-uncentered, .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0, .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0, .xxlarge-pull-0:last-child:not(:first-child) {
float: left;
clear: none;
}
.xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0:last-child:not(:first-child) {
float: right;
}
}
.column-block {
margin-bottom: 1.25rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
}
.row {
max-width: 75rem;
flex-flow: wrap;
margin-left: auto;
margin-right: auto;
display: flex;
}
.row .row {
margin-left: -.625rem;
margin-right: -.625rem;
}
@media print, screen and (min-width: 40em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
@media print, screen and (min-width: 64em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
@media screen and (min-width: 90em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
@media screen and (min-width: 100em) {
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
.row .row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
.row:not(.expanded) .row {
max-width: none;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
margin-left: 0;
margin-right: 0;
}
.column, .columns {
min-width: 0;
flex: 1;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.column, .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.column.row.row, .row.row.columns {
float: none;
display: block;
}
.row .column.row.row, .row .row.row.columns {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.small-1 {
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
max-width: 25%;
flex: 0 0 25%;
}
.small-offset-2 {
margin-left: 16.6667%;
}
.small-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.small-offset-4 {
margin-left: 33.3333%;
}
.small-6 {
max-width: 50%;
flex: 0 0 50%;
}
.small-offset-5 {
margin-left: 41.6667%;
}
.small-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.small-offset-7 {
margin-left: 58.3333%;
}
.small-9 {
max-width: 75%;
flex: 0 0 75%;
}
.small-offset-8 {
margin-left: 66.6667%;
}
.small-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.small-offset-10 {
margin-left: 83.3333%;
}
.small-12 {
max-width: 100%;
flex: 0 0 100%;
}
.small-offset-11 {
margin-left: 91.6667%;
}
.small-up-1 {
flex-wrap: wrap;
}
.small-up-1 > .column, .small-up-1 > .columns {
max-width: 100%;
flex: 0 0 100%;
}
.small-up-2 {
flex-wrap: wrap;
}
.small-up-2 > .column, .small-up-2 > .columns {
max-width: 50%;
flex: 0 0 50%;
}
.small-up-3 {
flex-wrap: wrap;
}
.small-up-3 > .column, .small-up-3 > .columns {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.small-up-4 {
flex-wrap: wrap;
}
.small-up-4 > .column, .small-up-4 > .columns {
max-width: 25%;
flex: 0 0 25%;
}
.small-up-5 {
flex-wrap: wrap;
}
.small-up-5 > .column, .small-up-5 > .columns {
max-width: 20%;
flex: 0 0 20%;
}
.small-up-6 {
flex-wrap: wrap;
}
.small-up-6 > .column, .small-up-6 > .columns {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.small-up-7 {
flex-wrap: wrap;
}
.small-up-7 > .column, .small-up-7 > .columns {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.small-up-8 {
flex-wrap: wrap;
}
.small-up-8 > .column, .small-up-8 > .columns {
max-width: 12.5%;
flex: 0 0 12.5%;
}
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.medium-1 {
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
max-width: 25%;
flex: 0 0 25%;
}
.medium-offset-2 {
margin-left: 16.6667%;
}
.medium-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.medium-offset-4 {
margin-left: 33.3333%;
}
.medium-6 {
max-width: 50%;
flex: 0 0 50%;
}
.medium-offset-5 {
margin-left: 41.6667%;
}
.medium-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.medium-offset-7 {
margin-left: 58.3333%;
}
.medium-9 {
max-width: 75%;
flex: 0 0 75%;
}
.medium-offset-8 {
margin-left: 66.6667%;
}
.medium-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.medium-offset-10 {
margin-left: 83.3333%;
}
.medium-12 {
max-width: 100%;
flex: 0 0 100%;
}
.medium-offset-11 {
margin-left: 91.6667%;
}
.medium-up-1 {
flex-wrap: wrap;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
max-width: 100%;
flex: 0 0 100%;
}
.medium-up-2 {
flex-wrap: wrap;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
max-width: 50%;
flex: 0 0 50%;
}
.medium-up-3 {
flex-wrap: wrap;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.medium-up-4 {
flex-wrap: wrap;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
max-width: 25%;
flex: 0 0 25%;
}
.medium-up-5 {
flex-wrap: wrap;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
max-width: 20%;
flex: 0 0 20%;
}
.medium-up-6 {
flex-wrap: wrap;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.medium-up-7 {
flex-wrap: wrap;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.medium-up-8 {
flex-wrap: wrap;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
max-width: 12.5%;
flex: 0 0 12.5%;
}
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.medium-expand {
flex: 1;
}
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 0 0 100%;
}
@media print, screen and (min-width: 40em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
flex: 1;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
@media print, screen and (min-width: 64em) {
.large-1 {
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
max-width: 25%;
flex: 0 0 25%;
}
.large-offset-2 {
margin-left: 16.6667%;
}
.large-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.large-offset-4 {
margin-left: 33.3333%;
}
.large-6 {
max-width: 50%;
flex: 0 0 50%;
}
.large-offset-5 {
margin-left: 41.6667%;
}
.large-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.large-offset-7 {
margin-left: 58.3333%;
}
.large-9 {
max-width: 75%;
flex: 0 0 75%;
}
.large-offset-8 {
margin-left: 66.6667%;
}
.large-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.large-offset-10 {
margin-left: 83.3333%;
}
.large-12 {
max-width: 100%;
flex: 0 0 100%;
}
.large-offset-11 {
margin-left: 91.6667%;
}
.large-up-1 {
flex-wrap: wrap;
}
.large-up-1 > .column, .large-up-1 > .columns {
max-width: 100%;
flex: 0 0 100%;
}
.large-up-2 {
flex-wrap: wrap;
}
.large-up-2 > .column, .large-up-2 > .columns {
max-width: 50%;
flex: 0 0 50%;
}
.large-up-3 {
flex-wrap: wrap;
}
.large-up-3 > .column, .large-up-3 > .columns {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.large-up-4 {
flex-wrap: wrap;
}
.large-up-4 > .column, .large-up-4 > .columns {
max-width: 25%;
flex: 0 0 25%;
}
.large-up-5 {
flex-wrap: wrap;
}
.large-up-5 > .column, .large-up-5 > .columns {
max-width: 20%;
flex: 0 0 20%;
}
.large-up-6 {
flex-wrap: wrap;
}
.large-up-6 > .column, .large-up-6 > .columns {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.large-up-7 {
flex-wrap: wrap;
}
.large-up-7 > .column, .large-up-7 > .columns {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.large-up-8 {
flex-wrap: wrap;
}
.large-up-8 > .column, .large-up-8 > .columns {
max-width: 12.5%;
flex: 0 0 12.5%;
}
}
@media print, screen and (min-width: 64em) and (min-width: 64em) {
.large-expand {
flex: 1;
}
}
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 0 0 100%;
}
@media print, screen and (min-width: 64em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
flex: 1;
}
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
@media screen and (min-width: 90em) {
.xlarge-1 {
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.xlarge-offset-0 {
margin-left: 0%;
}
.xlarge-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.xlarge-3 {
max-width: 25%;
flex: 0 0 25%;
}
.xlarge-offset-2 {
margin-left: 16.6667%;
}
.xlarge-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.xlarge-offset-4 {
margin-left: 33.3333%;
}
.xlarge-6 {
max-width: 50%;
flex: 0 0 50%;
}
.xlarge-offset-5 {
margin-left: 41.6667%;
}
.xlarge-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.xlarge-offset-7 {
margin-left: 58.3333%;
}
.xlarge-9 {
max-width: 75%;
flex: 0 0 75%;
}
.xlarge-offset-8 {
margin-left: 66.6667%;
}
.xlarge-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.xlarge-offset-10 {
margin-left: 83.3333%;
}
.xlarge-12 {
max-width: 100%;
flex: 0 0 100%;
}
.xlarge-offset-11 {
margin-left: 91.6667%;
}
.xlarge-up-1 {
flex-wrap: wrap;
}
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
max-width: 100%;
flex: 0 0 100%;
}
.xlarge-up-2 {
flex-wrap: wrap;
}
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
max-width: 50%;
flex: 0 0 50%;
}
.xlarge-up-3 {
flex-wrap: wrap;
}
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.xlarge-up-4 {
flex-wrap: wrap;
}
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
max-width: 25%;
flex: 0 0 25%;
}
.xlarge-up-5 {
flex-wrap: wrap;
}
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
max-width: 20%;
flex: 0 0 20%;
}
.xlarge-up-6 {
flex-wrap: wrap;
}
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.xlarge-up-7 {
flex-wrap: wrap;
}
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.xlarge-up-8 {
flex-wrap: wrap;
}
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
max-width: 12.5%;
flex: 0 0 12.5%;
}
}
@media screen and (min-width: 90em) and (min-width: 90em) {
.xlarge-expand {
flex: 1;
}
}
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
flex: 0 0 100%;
}
@media screen and (min-width: 90em) {
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
flex: 1;
}
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
@media screen and (min-width: 100em) {
.xxlarge-1 {
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.xxlarge-offset-0 {
margin-left: 0%;
}
.xxlarge-2 {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.xxlarge-offset-1 {
margin-left: 8.33333%;
}
.xxlarge-3 {
max-width: 25%;
flex: 0 0 25%;
}
.xxlarge-offset-2 {
margin-left: 16.6667%;
}
.xxlarge-4 {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.xxlarge-5 {
max-width: 41.6667%;
flex: 0 0 41.6667%;
}
.xxlarge-offset-4 {
margin-left: 33.3333%;
}
.xxlarge-6 {
max-width: 50%;
flex: 0 0 50%;
}
.xxlarge-offset-5 {
margin-left: 41.6667%;
}
.xxlarge-7 {
max-width: 58.3333%;
flex: 0 0 58.3333%;
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.xxlarge-8 {
max-width: 66.6667%;
flex: 0 0 66.6667%;
}
.xxlarge-offset-7 {
margin-left: 58.3333%;
}
.xxlarge-9 {
max-width: 75%;
flex: 0 0 75%;
}
.xxlarge-offset-8 {
margin-left: 66.6667%;
}
.xxlarge-10 {
max-width: 83.3333%;
flex: 0 0 83.3333%;
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.xxlarge-11 {
max-width: 91.6667%;
flex: 0 0 91.6667%;
}
.xxlarge-offset-10 {
margin-left: 83.3333%;
}
.xxlarge-12 {
max-width: 100%;
flex: 0 0 100%;
}
.xxlarge-offset-11 {
margin-left: 91.6667%;
}
.xxlarge-up-1 {
flex-wrap: wrap;
}
.xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
max-width: 100%;
flex: 0 0 100%;
}
.xxlarge-up-2 {
flex-wrap: wrap;
}
.xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
max-width: 50%;
flex: 0 0 50%;
}
.xxlarge-up-3 {
flex-wrap: wrap;
}
.xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
.xxlarge-up-4 {
flex-wrap: wrap;
}
.xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
max-width: 25%;
flex: 0 0 25%;
}
.xxlarge-up-5 {
flex-wrap: wrap;
}
.xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
max-width: 20%;
flex: 0 0 20%;
}
.xxlarge-up-6 {
flex-wrap: wrap;
}
.xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
max-width: 16.6667%;
flex: 0 0 16.6667%;
}
.xxlarge-up-7 {
flex-wrap: wrap;
}
.xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
max-width: 14.2857%;
flex: 0 0 14.2857%;
}
.xxlarge-up-8 {
flex-wrap: wrap;
}
.xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
max-width: 12.5%;
flex: 0 0 12.5%;
}
}
@media screen and (min-width: 100em) and (min-width: 100em) {
.xxlarge-expand {
flex: 1;
}
}
.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
flex: 0 0 100%;
}
@media screen and (min-width: 100em) {
.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
flex: 1;
}
.xxlarge-collapse > .column, .xxlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.shrink {
max-width: 100%;
flex: none;
}
.column-block {
margin-bottom: 1.25rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem;
}
.column-block > :last-child {
margin-bottom: 0;
}
}
.grid-container {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-container {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.grid-container.fluid {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-container.fluid {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.grid-container.full {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.grid-x {
flex-flow: wrap;
display: flex;
}
.cell {
min-height: 0;
min-width: 0;
width: 100%;
flex: none;
}
.cell.auto {
flex: 1;
}
.cell.shrink {
flex: none;
}
.grid-x > .auto, .grid-x > .shrink {
width: auto;
}
.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
flex-basis: auto;
}
}
@media screen and (min-width: 90em) {
.grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
flex-basis: auto;
}
}
@media screen and (min-width: 100em) {
.grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
flex-basis: auto;
}
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
flex: none;
}
.grid-x > .small-1 {
width: 8.33333%;
}
.grid-x > .small-2 {
width: 16.6667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.3333%;
}
.grid-x > .small-5 {
width: 41.6667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.3333%;
}
.grid-x > .small-8 {
width: 66.6667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.3333%;
}
.grid-x > .small-11 {
width: 91.6667%;
}
.grid-x > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-x > .medium-auto {
width: auto;
flex: 1;
}
.grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
flex: none;
}
.grid-x > .medium-shrink {
width: auto;
}
.grid-x > .medium-1 {
width: 8.33333%;
}
.grid-x > .medium-2 {
width: 16.6667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.3333%;
}
.grid-x > .medium-5 {
width: 41.6667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.3333%;
}
.grid-x > .medium-8 {
width: 66.6667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.3333%;
}
.grid-x > .medium-11 {
width: 91.6667%;
}
.grid-x > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-x > .large-auto {
width: auto;
flex: 1;
}
.grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
flex: none;
}
.grid-x > .large-shrink {
width: auto;
}
.grid-x > .large-1 {
width: 8.33333%;
}
.grid-x > .large-2 {
width: 16.6667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.3333%;
}
.grid-x > .large-5 {
width: 41.6667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.3333%;
}
.grid-x > .large-8 {
width: 66.6667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.3333%;
}
.grid-x > .large-11 {
width: 91.6667%;
}
.grid-x > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 90em) {
.grid-x > .xlarge-auto {
width: auto;
flex: 1;
}
.grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
flex: none;
}
.grid-x > .xlarge-shrink {
width: auto;
}
.grid-x > .xlarge-1 {
width: 8.33333%;
}
.grid-x > .xlarge-2 {
width: 16.6667%;
}
.grid-x > .xlarge-3 {
width: 25%;
}
.grid-x > .xlarge-4 {
width: 33.3333%;
}
.grid-x > .xlarge-5 {
width: 41.6667%;
}
.grid-x > .xlarge-6 {
width: 50%;
}
.grid-x > .xlarge-7 {
width: 58.3333%;
}
.grid-x > .xlarge-8 {
width: 66.6667%;
}
.grid-x > .xlarge-9 {
width: 75%;
}
.grid-x > .xlarge-10 {
width: 83.3333%;
}
.grid-x > .xlarge-11 {
width: 91.6667%;
}
.grid-x > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 100em) {
.grid-x > .xxlarge-auto {
width: auto;
flex: 1;
}
.grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink {
flex: none;
}
.grid-x > .xxlarge-shrink {
width: auto;
}
.grid-x > .xxlarge-1 {
width: 8.33333%;
}
.grid-x > .xxlarge-2 {
width: 16.6667%;
}
.grid-x > .xxlarge-3 {
width: 25%;
}
.grid-x > .xxlarge-4 {
width: 33.3333%;
}
.grid-x > .xxlarge-5 {
width: 41.6667%;
}
.grid-x > .xxlarge-6 {
width: 50%;
}
.grid-x > .xxlarge-7 {
width: 58.3333%;
}
.grid-x > .xxlarge-8 {
width: 66.6667%;
}
.grid-x > .xxlarge-9 {
width: 75%;
}
.grid-x > .xxlarge-10 {
width: 83.3333%;
}
.grid-x > .xxlarge-11 {
width: 91.6667%;
}
.grid-x > .xxlarge-12 {
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-margin-x {
margin-left: -.625rem;
margin-right: -.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
.grid-margin-x > .cell {
width: calc(100% - 1.25rem);
margin-left: .625rem;
margin-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem;
}
}
.grid-margin-x > .auto, .grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.25rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6667% - 1.25rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333% - 1.25rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6667% - 1.25rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333% - 1.25rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6667% - 1.25rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333% - 1.25rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6667% - 1.25rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x > .auto, .grid-margin-x > .shrink {
width: auto;
}
.grid-margin-x > .small-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .small-2 {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x > .small-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .small-4 {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x > .small-5 {
width: calc(41.6667% - 1.875rem);
}
.grid-margin-x > .small-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .small-7 {
width: calc(58.3333% - 1.875rem);
}
.grid-margin-x > .small-8 {
width: calc(66.6667% - 1.875rem);
}
.grid-margin-x > .small-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .small-10 {
width: calc(83.3333% - 1.875rem);
}
.grid-margin-x > .small-11 {
width: calc(91.6667% - 1.875rem);
}
.grid-margin-x > .small-12 {
width: calc(100% - 1.875rem);
}
.grid-margin-x > .medium-auto, .grid-margin-x > .medium-shrink {
width: auto;
}
.grid-margin-x > .medium-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .medium-2 {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x > .medium-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .medium-4 {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x > .medium-5 {
width: calc(41.6667% - 1.875rem);
}
.grid-margin-x > .medium-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .medium-7 {
width: calc(58.3333% - 1.875rem);
}
.grid-margin-x > .medium-8 {
width: calc(66.6667% - 1.875rem);
}
.grid-margin-x > .medium-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .medium-10 {
width: calc(83.3333% - 1.875rem);
}
.grid-margin-x > .medium-11 {
width: calc(91.6667% - 1.875rem);
}
.grid-margin-x > .medium-12 {
width: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x > .large-auto, .grid-margin-x > .large-shrink {
width: auto;
}
.grid-margin-x > .large-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .large-2 {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x > .large-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .large-4 {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x > .large-5 {
width: calc(41.6667% - 1.875rem);
}
.grid-margin-x > .large-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .large-7 {
width: calc(58.3333% - 1.875rem);
}
.grid-margin-x > .large-8 {
width: calc(66.6667% - 1.875rem);
}
.grid-margin-x > .large-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .large-10 {
width: calc(83.3333% - 1.875rem);
}
.grid-margin-x > .large-11 {
width: calc(91.6667% - 1.875rem);
}
.grid-margin-x > .large-12 {
width: calc(100% - 1.875rem);
}
}
@media screen and (min-width: 90em) {
.grid-margin-x > .xlarge-auto, .grid-margin-x > .xlarge-shrink {
width: auto;
}
.grid-margin-x > .xlarge-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .xlarge-2 {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x > .xlarge-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .xlarge-4 {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x > .xlarge-5 {
width: calc(41.6667% - 1.875rem);
}
.grid-margin-x > .xlarge-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .xlarge-7 {
width: calc(58.3333% - 1.875rem);
}
.grid-margin-x > .xlarge-8 {
width: calc(66.6667% - 1.875rem);
}
.grid-margin-x > .xlarge-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .xlarge-10 {
width: calc(83.3333% - 1.875rem);
}
.grid-margin-x > .xlarge-11 {
width: calc(91.6667% - 1.875rem);
}
.grid-margin-x > .xlarge-12 {
width: calc(100% - 1.875rem);
}
}
@media screen and (min-width: 100em) {
.grid-margin-x > .xxlarge-auto, .grid-margin-x > .xxlarge-shrink {
width: auto;
}
.grid-margin-x > .xxlarge-1 {
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .xxlarge-2 {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x > .xxlarge-3 {
width: calc(25% - 1.875rem);
}
.grid-margin-x > .xxlarge-4 {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x > .xxlarge-5 {
width: calc(41.6667% - 1.875rem);
}
.grid-margin-x > .xxlarge-6 {
width: calc(50% - 1.875rem);
}
.grid-margin-x > .xxlarge-7 {
width: calc(58.3333% - 1.875rem);
}
.grid-margin-x > .xxlarge-8 {
width: calc(66.6667% - 1.875rem);
}
.grid-margin-x > .xxlarge-9 {
width: calc(75% - 1.875rem);
}
.grid-margin-x > .xxlarge-10 {
width: calc(83.3333% - 1.875rem);
}
.grid-margin-x > .xxlarge-11 {
width: calc(91.6667% - 1.875rem);
}
.grid-margin-x > .xxlarge-12 {
width: calc(100% - 1.875rem);
}
}
.grid-padding-x .grid-padding-x {
margin-left: -.625rem;
margin-right: -.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-left: -.625rem;
margin-right: -.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-container:not(.full) > .grid-padding-x {
margin-left: -.9375rem;
margin-right: -.9375rem;
}
}
.grid-padding-x > .cell {
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.3333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.6667%;
}
.small-up-7 > .cell {
width: 14.2857%;
}
.small-up-8 > .cell {
width: 12.5%;
}
@media print, screen and (min-width: 40em) {
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.3333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.6667%;
}
.medium-up-7 > .cell {
width: 14.2857%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 64em) {
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.3333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.6667%;
}
.large-up-7 > .cell {
width: 14.2857%;
}
.large-up-8 > .cell {
width: 12.5%;
}
}
@media screen and (min-width: 90em) {
.xlarge-up-1 > .cell {
width: 100%;
}
.xlarge-up-2 > .cell {
width: 50%;
}
.xlarge-up-3 > .cell {
width: 33.3333%;
}
.xlarge-up-4 > .cell {
width: 25%;
}
.xlarge-up-5 > .cell {
width: 20%;
}
.xlarge-up-6 > .cell {
width: 16.6667%;
}
.xlarge-up-7 > .cell {
width: 14.2857%;
}
.xlarge-up-8 > .cell {
width: 12.5%;
}
}
@media screen and (min-width: 100em) {
.xxlarge-up-1 > .cell {
width: 100%;
}
.xxlarge-up-2 > .cell {
width: 50%;
}
.xxlarge-up-3 > .cell {
width: 33.3333%;
}
.xxlarge-up-4 > .cell {
width: 25%;
}
.xxlarge-up-5 > .cell {
width: 20%;
}
.xxlarge-up-6 > .cell {
width: 16.6667%;
}
.xxlarge-up-7 > .cell {
width: 14.2857%;
}
.xxlarge-up-8 > .cell {
width: 12.5%;
}
}
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-x.small-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.small-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.small-up-3 > .cell {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x.small-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.small-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.small-up-6 > .cell {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x.small-up-7 > .cell {
width: calc(14.2857% - 1.875rem);
}
.grid-margin-x.small-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
.grid-margin-x.medium-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.medium-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.medium-up-3 > .cell {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x.medium-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.medium-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.medium-up-6 > .cell {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x.medium-up-7 > .cell {
width: calc(14.2857% - 1.875rem);
}
.grid-margin-x.medium-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-x.large-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.large-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.large-up-3 > .cell {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x.large-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.large-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.large-up-6 > .cell {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x.large-up-7 > .cell {
width: calc(14.2857% - 1.875rem);
}
.grid-margin-x.large-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
@media screen and (min-width: 90em) {
.grid-margin-x.xlarge-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.xlarge-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.xlarge-up-3 > .cell {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x.xlarge-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.xlarge-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.xlarge-up-6 > .cell {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x.xlarge-up-7 > .cell {
width: calc(14.2857% - 1.875rem);
}
.grid-margin-x.xlarge-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
@media screen and (min-width: 100em) {
.grid-margin-x.xxlarge-up-1 > .cell {
width: calc(100% - 1.875rem);
}
.grid-margin-x.xxlarge-up-2 > .cell {
width: calc(50% - 1.875rem);
}
.grid-margin-x.xxlarge-up-3 > .cell {
width: calc(33.3333% - 1.875rem);
}
.grid-margin-x.xxlarge-up-4 > .cell {
width: calc(25% - 1.875rem);
}
.grid-margin-x.xxlarge-up-5 > .cell {
width: calc(20% - 1.875rem);
}
.grid-margin-x.xxlarge-up-6 > .cell {
width: calc(16.6667% - 1.875rem);
}
.grid-margin-x.xxlarge-up-7 > .cell {
width: calc(14.2857% - 1.875rem);
}
.grid-margin-x.xxlarge-up-8 > .cell {
width: calc(12.5% - 1.875rem);
}
}
.small-margin-collapse, .small-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.small-margin-collapse > .small-1 {
width: 8.33333%;
}
.small-margin-collapse > .small-2 {
width: 16.6667%;
}
.small-margin-collapse > .small-3 {
width: 25%;
}
.small-margin-collapse > .small-4 {
width: 33.3333%;
}
.small-margin-collapse > .small-5 {
width: 41.6667%;
}
.small-margin-collapse > .small-6 {
width: 50%;
}
.small-margin-collapse > .small-7 {
width: 58.3333%;
}
.small-margin-collapse > .small-8 {
width: 66.6667%;
}
.small-margin-collapse > .small-9 {
width: 75%;
}
.small-margin-collapse > .small-10 {
width: 83.3333%;
}
.small-margin-collapse > .small-11 {
width: 91.6667%;
}
.small-margin-collapse > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 40em) {
.small-margin-collapse > .medium-1 {
width: 8.33333%;
}
.small-margin-collapse > .medium-2 {
width: 16.6667%;
}
.small-margin-collapse > .medium-3 {
width: 25%;
}
.small-margin-collapse > .medium-4 {
width: 33.3333%;
}
.small-margin-collapse > .medium-5 {
width: 41.6667%;
}
.small-margin-collapse > .medium-6 {
width: 50%;
}
.small-margin-collapse > .medium-7 {
width: 58.3333%;
}
.small-margin-collapse > .medium-8 {
width: 66.6667%;
}
.small-margin-collapse > .medium-9 {
width: 75%;
}
.small-margin-collapse > .medium-10 {
width: 83.3333%;
}
.small-margin-collapse > .medium-11 {
width: 91.6667%;
}
.small-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.small-margin-collapse > .large-1 {
width: 8.33333%;
}
.small-margin-collapse > .large-2 {
width: 16.6667%;
}
.small-margin-collapse > .large-3 {
width: 25%;
}
.small-margin-collapse > .large-4 {
width: 33.3333%;
}
.small-margin-collapse > .large-5 {
width: 41.6667%;
}
.small-margin-collapse > .large-6 {
width: 50%;
}
.small-margin-collapse > .large-7 {
width: 58.3333%;
}
.small-margin-collapse > .large-8 {
width: 66.6667%;
}
.small-margin-collapse > .large-9 {
width: 75%;
}
.small-margin-collapse > .large-10 {
width: 83.3333%;
}
.small-margin-collapse > .large-11 {
width: 91.6667%;
}
.small-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 90em) {
.small-margin-collapse > .xlarge-1 {
width: 8.33333%;
}
.small-margin-collapse > .xlarge-2 {
width: 16.6667%;
}
.small-margin-collapse > .xlarge-3 {
width: 25%;
}
.small-margin-collapse > .xlarge-4 {
width: 33.3333%;
}
.small-margin-collapse > .xlarge-5 {
width: 41.6667%;
}
.small-margin-collapse > .xlarge-6 {
width: 50%;
}
.small-margin-collapse > .xlarge-7 {
width: 58.3333%;
}
.small-margin-collapse > .xlarge-8 {
width: 66.6667%;
}
.small-margin-collapse > .xlarge-9 {
width: 75%;
}
.small-margin-collapse > .xlarge-10 {
width: 83.3333%;
}
.small-margin-collapse > .xlarge-11 {
width: 91.6667%;
}
.small-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 100em) {
.small-margin-collapse > .xxlarge-1 {
width: 8.33333%;
}
.small-margin-collapse > .xxlarge-2 {
width: 16.6667%;
}
.small-margin-collapse > .xxlarge-3 {
width: 25%;
}
.small-margin-collapse > .xxlarge-4 {
width: 33.3333%;
}
.small-margin-collapse > .xxlarge-5 {
width: 41.6667%;
}
.small-margin-collapse > .xxlarge-6 {
width: 50%;
}
.small-margin-collapse > .xxlarge-7 {
width: 58.3333%;
}
.small-margin-collapse > .xxlarge-8 {
width: 66.6667%;
}
.small-margin-collapse > .xxlarge-9 {
width: 75%;
}
.small-margin-collapse > .xxlarge-10 {
width: 83.3333%;
}
.small-margin-collapse > .xxlarge-11 {
width: 91.6667%;
}
.small-margin-collapse > .xxlarge-12 {
width: 100%;
}
}
.small-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.small-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
@media print, screen and (min-width: 40em) {
.medium-margin-collapse, .medium-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.medium-margin-collapse > .small-1 {
width: 8.33333%;
}
.medium-margin-collapse > .small-2 {
width: 16.6667%;
}
.medium-margin-collapse > .small-3 {
width: 25%;
}
.medium-margin-collapse > .small-4 {
width: 33.3333%;
}
.medium-margin-collapse > .small-5 {
width: 41.6667%;
}
.medium-margin-collapse > .small-6 {
width: 50%;
}
.medium-margin-collapse > .small-7 {
width: 58.3333%;
}
.medium-margin-collapse > .small-8 {
width: 66.6667%;
}
.medium-margin-collapse > .small-9 {
width: 75%;
}
.medium-margin-collapse > .small-10 {
width: 83.3333%;
}
.medium-margin-collapse > .small-11 {
width: 91.6667%;
}
.medium-margin-collapse > .small-12 {
width: 100%;
}
.medium-margin-collapse > .medium-1 {
width: 8.33333%;
}
.medium-margin-collapse > .medium-2 {
width: 16.6667%;
}
.medium-margin-collapse > .medium-3 {
width: 25%;
}
.medium-margin-collapse > .medium-4 {
width: 33.3333%;
}
.medium-margin-collapse > .medium-5 {
width: 41.6667%;
}
.medium-margin-collapse > .medium-6 {
width: 50%;
}
.medium-margin-collapse > .medium-7 {
width: 58.3333%;
}
.medium-margin-collapse > .medium-8 {
width: 66.6667%;
}
.medium-margin-collapse > .medium-9 {
width: 75%;
}
.medium-margin-collapse > .medium-10 {
width: 83.3333%;
}
.medium-margin-collapse > .medium-11 {
width: 91.6667%;
}
.medium-margin-collapse > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.medium-margin-collapse > .large-1 {
width: 8.33333%;
}
.medium-margin-collapse > .large-2 {
width: 16.6667%;
}
.medium-margin-collapse > .large-3 {
width: 25%;
}
.medium-margin-collapse > .large-4 {
width: 33.3333%;
}
.medium-margin-collapse > .large-5 {
width: 41.6667%;
}
.medium-margin-collapse > .large-6 {
width: 50%;
}
.medium-margin-collapse > .large-7 {
width: 58.3333%;
}
.medium-margin-collapse > .large-8 {
width: 66.6667%;
}
.medium-margin-collapse > .large-9 {
width: 75%;
}
.medium-margin-collapse > .large-10 {
width: 83.3333%;
}
.medium-margin-collapse > .large-11 {
width: 91.6667%;
}
.medium-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 90em) {
.medium-margin-collapse > .xlarge-1 {
width: 8.33333%;
}
.medium-margin-collapse > .xlarge-2 {
width: 16.6667%;
}
.medium-margin-collapse > .xlarge-3 {
width: 25%;
}
.medium-margin-collapse > .xlarge-4 {
width: 33.3333%;
}
.medium-margin-collapse > .xlarge-5 {
width: 41.6667%;
}
.medium-margin-collapse > .xlarge-6 {
width: 50%;
}
.medium-margin-collapse > .xlarge-7 {
width: 58.3333%;
}
.medium-margin-collapse > .xlarge-8 {
width: 66.6667%;
}
.medium-margin-collapse > .xlarge-9 {
width: 75%;
}
.medium-margin-collapse > .xlarge-10 {
width: 83.3333%;
}
.medium-margin-collapse > .xlarge-11 {
width: 91.6667%;
}
.medium-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 100em) {
.medium-margin-collapse > .xxlarge-1 {
width: 8.33333%;
}
.medium-margin-collapse > .xxlarge-2 {
width: 16.6667%;
}
.medium-margin-collapse > .xxlarge-3 {
width: 25%;
}
.medium-margin-collapse > .xxlarge-4 {
width: 33.3333%;
}
.medium-margin-collapse > .xxlarge-5 {
width: 41.6667%;
}
.medium-margin-collapse > .xxlarge-6 {
width: 50%;
}
.medium-margin-collapse > .xxlarge-7 {
width: 58.3333%;
}
.medium-margin-collapse > .xxlarge-8 {
width: 66.6667%;
}
.medium-margin-collapse > .xxlarge-9 {
width: 75%;
}
.medium-margin-collapse > .xxlarge-10 {
width: 83.3333%;
}
.medium-margin-collapse > .xxlarge-11 {
width: 91.6667%;
}
.medium-margin-collapse > .xxlarge-12 {
width: 100%;
}
}
@media print, screen and (min-width: 40em) {
.medium-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.medium-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
}
@media print, screen and (min-width: 64em) {
.large-margin-collapse, .large-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.large-margin-collapse > .small-1 {
width: 8.33333%;
}
.large-margin-collapse > .small-2 {
width: 16.6667%;
}
.large-margin-collapse > .small-3 {
width: 25%;
}
.large-margin-collapse > .small-4 {
width: 33.3333%;
}
.large-margin-collapse > .small-5 {
width: 41.6667%;
}
.large-margin-collapse > .small-6 {
width: 50%;
}
.large-margin-collapse > .small-7 {
width: 58.3333%;
}
.large-margin-collapse > .small-8 {
width: 66.6667%;
}
.large-margin-collapse > .small-9 {
width: 75%;
}
.large-margin-collapse > .small-10 {
width: 83.3333%;
}
.large-margin-collapse > .small-11 {
width: 91.6667%;
}
.large-margin-collapse > .small-12 {
width: 100%;
}
.large-margin-collapse > .medium-1 {
width: 8.33333%;
}
.large-margin-collapse > .medium-2 {
width: 16.6667%;
}
.large-margin-collapse > .medium-3 {
width: 25%;
}
.large-margin-collapse > .medium-4 {
width: 33.3333%;
}
.large-margin-collapse > .medium-5 {
width: 41.6667%;
}
.large-margin-collapse > .medium-6 {
width: 50%;
}
.large-margin-collapse > .medium-7 {
width: 58.3333%;
}
.large-margin-collapse > .medium-8 {
width: 66.6667%;
}
.large-margin-collapse > .medium-9 {
width: 75%;
}
.large-margin-collapse > .medium-10 {
width: 83.3333%;
}
.large-margin-collapse > .medium-11 {
width: 91.6667%;
}
.large-margin-collapse > .medium-12 {
width: 100%;
}
.large-margin-collapse > .large-1 {
width: 8.33333%;
}
.large-margin-collapse > .large-2 {
width: 16.6667%;
}
.large-margin-collapse > .large-3 {
width: 25%;
}
.large-margin-collapse > .large-4 {
width: 33.3333%;
}
.large-margin-collapse > .large-5 {
width: 41.6667%;
}
.large-margin-collapse > .large-6 {
width: 50%;
}
.large-margin-collapse > .large-7 {
width: 58.3333%;
}
.large-margin-collapse > .large-8 {
width: 66.6667%;
}
.large-margin-collapse > .large-9 {
width: 75%;
}
.large-margin-collapse > .large-10 {
width: 83.3333%;
}
.large-margin-collapse > .large-11 {
width: 91.6667%;
}
.large-margin-collapse > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 90em) {
.large-margin-collapse > .xlarge-1 {
width: 8.33333%;
}
.large-margin-collapse > .xlarge-2 {
width: 16.6667%;
}
.large-margin-collapse > .xlarge-3 {
width: 25%;
}
.large-margin-collapse > .xlarge-4 {
width: 33.3333%;
}
.large-margin-collapse > .xlarge-5 {
width: 41.6667%;
}
.large-margin-collapse > .xlarge-6 {
width: 50%;
}
.large-margin-collapse > .xlarge-7 {
width: 58.3333%;
}
.large-margin-collapse > .xlarge-8 {
width: 66.6667%;
}
.large-margin-collapse > .xlarge-9 {
width: 75%;
}
.large-margin-collapse > .xlarge-10 {
width: 83.3333%;
}
.large-margin-collapse > .xlarge-11 {
width: 91.6667%;
}
.large-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 100em) {
.large-margin-collapse > .xxlarge-1 {
width: 8.33333%;
}
.large-margin-collapse > .xxlarge-2 {
width: 16.6667%;
}
.large-margin-collapse > .xxlarge-3 {
width: 25%;
}
.large-margin-collapse > .xxlarge-4 {
width: 33.3333%;
}
.large-margin-collapse > .xxlarge-5 {
width: 41.6667%;
}
.large-margin-collapse > .xxlarge-6 {
width: 50%;
}
.large-margin-collapse > .xxlarge-7 {
width: 58.3333%;
}
.large-margin-collapse > .xxlarge-8 {
width: 66.6667%;
}
.large-margin-collapse > .xxlarge-9 {
width: 75%;
}
.large-margin-collapse > .xxlarge-10 {
width: 83.3333%;
}
.large-margin-collapse > .xxlarge-11 {
width: 91.6667%;
}
.large-margin-collapse > .xxlarge-12 {
width: 100%;
}
}
@media print, screen and (min-width: 64em) {
.large-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.large-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 90em) {
.xlarge-margin-collapse, .xlarge-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.xlarge-margin-collapse > .small-1 {
width: 8.33333%;
}
.xlarge-margin-collapse > .small-2 {
width: 16.6667%;
}
.xlarge-margin-collapse > .small-3 {
width: 25%;
}
.xlarge-margin-collapse > .small-4 {
width: 33.3333%;
}
.xlarge-margin-collapse > .small-5 {
width: 41.6667%;
}
.xlarge-margin-collapse > .small-6 {
width: 50%;
}
.xlarge-margin-collapse > .small-7 {
width: 58.3333%;
}
.xlarge-margin-collapse > .small-8 {
width: 66.6667%;
}
.xlarge-margin-collapse > .small-9 {
width: 75%;
}
.xlarge-margin-collapse > .small-10 {
width: 83.3333%;
}
.xlarge-margin-collapse > .small-11 {
width: 91.6667%;
}
.xlarge-margin-collapse > .small-12 {
width: 100%;
}
.xlarge-margin-collapse > .medium-1 {
width: 8.33333%;
}
.xlarge-margin-collapse > .medium-2 {
width: 16.6667%;
}
.xlarge-margin-collapse > .medium-3 {
width: 25%;
}
.xlarge-margin-collapse > .medium-4 {
width: 33.3333%;
}
.xlarge-margin-collapse > .medium-5 {
width: 41.6667%;
}
.xlarge-margin-collapse > .medium-6 {
width: 50%;
}
.xlarge-margin-collapse > .medium-7 {
width: 58.3333%;
}
.xlarge-margin-collapse > .medium-8 {
width: 66.6667%;
}
.xlarge-margin-collapse > .medium-9 {
width: 75%;
}
.xlarge-margin-collapse > .medium-10 {
width: 83.3333%;
}
.xlarge-margin-collapse > .medium-11 {
width: 91.6667%;
}
.xlarge-margin-collapse > .medium-12 {
width: 100%;
}
.xlarge-margin-collapse > .large-1 {
width: 8.33333%;
}
.xlarge-margin-collapse > .large-2 {
width: 16.6667%;
}
.xlarge-margin-collapse > .large-3 {
width: 25%;
}
.xlarge-margin-collapse > .large-4 {
width: 33.3333%;
}
.xlarge-margin-collapse > .large-5 {
width: 41.6667%;
}
.xlarge-margin-collapse > .large-6 {
width: 50%;
}
.xlarge-margin-collapse > .large-7 {
width: 58.3333%;
}
.xlarge-margin-collapse > .large-8 {
width: 66.6667%;
}
.xlarge-margin-collapse > .large-9 {
width: 75%;
}
.xlarge-margin-collapse > .large-10 {
width: 83.3333%;
}
.xlarge-margin-collapse > .large-11 {
width: 91.6667%;
}
.xlarge-margin-collapse > .large-12 {
width: 100%;
}
.xlarge-margin-collapse > .xlarge-1 {
width: 8.33333%;
}
.xlarge-margin-collapse > .xlarge-2 {
width: 16.6667%;
}
.xlarge-margin-collapse > .xlarge-3 {
width: 25%;
}
.xlarge-margin-collapse > .xlarge-4 {
width: 33.3333%;
}
.xlarge-margin-collapse > .xlarge-5 {
width: 41.6667%;
}
.xlarge-margin-collapse > .xlarge-6 {
width: 50%;
}
.xlarge-margin-collapse > .xlarge-7 {
width: 58.3333%;
}
.xlarge-margin-collapse > .xlarge-8 {
width: 66.6667%;
}
.xlarge-margin-collapse > .xlarge-9 {
width: 75%;
}
.xlarge-margin-collapse > .xlarge-10 {
width: 83.3333%;
}
.xlarge-margin-collapse > .xlarge-11 {
width: 91.6667%;
}
.xlarge-margin-collapse > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 100em) {
.xlarge-margin-collapse > .xxlarge-1 {
width: 8.33333%;
}
.xlarge-margin-collapse > .xxlarge-2 {
width: 16.6667%;
}
.xlarge-margin-collapse > .xxlarge-3 {
width: 25%;
}
.xlarge-margin-collapse > .xxlarge-4 {
width: 33.3333%;
}
.xlarge-margin-collapse > .xxlarge-5 {
width: 41.6667%;
}
.xlarge-margin-collapse > .xxlarge-6 {
width: 50%;
}
.xlarge-margin-collapse > .xxlarge-7 {
width: 58.3333%;
}
.xlarge-margin-collapse > .xxlarge-8 {
width: 66.6667%;
}
.xlarge-margin-collapse > .xxlarge-9 {
width: 75%;
}
.xlarge-margin-collapse > .xxlarge-10 {
width: 83.3333%;
}
.xlarge-margin-collapse > .xxlarge-11 {
width: 91.6667%;
}
.xlarge-margin-collapse > .xxlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 90em) {
.xlarge-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.xlarge-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 100em) {
.xxlarge-margin-collapse, .xxlarge-margin-collapse > .cell {
margin-left: 0;
margin-right: 0;
}
.xxlarge-margin-collapse > .small-1 {
width: 8.33333%;
}
.xxlarge-margin-collapse > .small-2 {
width: 16.6667%;
}
.xxlarge-margin-collapse > .small-3 {
width: 25%;
}
.xxlarge-margin-collapse > .small-4 {
width: 33.3333%;
}
.xxlarge-margin-collapse > .small-5 {
width: 41.6667%;
}
.xxlarge-margin-collapse > .small-6 {
width: 50%;
}
.xxlarge-margin-collapse > .small-7 {
width: 58.3333%;
}
.xxlarge-margin-collapse > .small-8 {
width: 66.6667%;
}
.xxlarge-margin-collapse > .small-9 {
width: 75%;
}
.xxlarge-margin-collapse > .small-10 {
width: 83.3333%;
}
.xxlarge-margin-collapse > .small-11 {
width: 91.6667%;
}
.xxlarge-margin-collapse > .small-12 {
width: 100%;
}
.xxlarge-margin-collapse > .medium-1 {
width: 8.33333%;
}
.xxlarge-margin-collapse > .medium-2 {
width: 16.6667%;
}
.xxlarge-margin-collapse > .medium-3 {
width: 25%;
}
.xxlarge-margin-collapse > .medium-4 {
width: 33.3333%;
}
.xxlarge-margin-collapse > .medium-5 {
width: 41.6667%;
}
.xxlarge-margin-collapse > .medium-6 {
width: 50%;
}
.xxlarge-margin-collapse > .medium-7 {
width: 58.3333%;
}
.xxlarge-margin-collapse > .medium-8 {
width: 66.6667%;
}
.xxlarge-margin-collapse > .medium-9 {
width: 75%;
}
.xxlarge-margin-collapse > .medium-10 {
width: 83.3333%;
}
.xxlarge-margin-collapse > .medium-11 {
width: 91.6667%;
}
.xxlarge-margin-collapse > .medium-12 {
width: 100%;
}
.xxlarge-margin-collapse > .large-1 {
width: 8.33333%;
}
.xxlarge-margin-collapse > .large-2 {
width: 16.6667%;
}
.xxlarge-margin-collapse > .large-3 {
width: 25%;
}
.xxlarge-margin-collapse > .large-4 {
width: 33.3333%;
}
.xxlarge-margin-collapse > .large-5 {
width: 41.6667%;
}
.xxlarge-margin-collapse > .large-6 {
width: 50%;
}
.xxlarge-margin-collapse > .large-7 {
width: 58.3333%;
}
.xxlarge-margin-collapse > .large-8 {
width: 66.6667%;
}
.xxlarge-margin-collapse > .large-9 {
width: 75%;
}
.xxlarge-margin-collapse > .large-10 {
width: 83.3333%;
}
.xxlarge-margin-collapse > .large-11 {
width: 91.6667%;
}
.xxlarge-margin-collapse > .large-12 {
width: 100%;
}
.xxlarge-margin-collapse > .xlarge-1 {
width: 8.33333%;
}
.xxlarge-margin-collapse > .xlarge-2 {
width: 16.6667%;
}
.xxlarge-margin-collapse > .xlarge-3 {
width: 25%;
}
.xxlarge-margin-collapse > .xlarge-4 {
width: 33.3333%;
}
.xxlarge-margin-collapse > .xlarge-5 {
width: 41.6667%;
}
.xxlarge-margin-collapse > .xlarge-6 {
width: 50%;
}
.xxlarge-margin-collapse > .xlarge-7 {
width: 58.3333%;
}
.xxlarge-margin-collapse > .xlarge-8 {
width: 66.6667%;
}
.xxlarge-margin-collapse > .xlarge-9 {
width: 75%;
}
.xxlarge-margin-collapse > .xlarge-10 {
width: 83.3333%;
}
.xxlarge-margin-collapse > .xlarge-11 {
width: 91.6667%;
}
.xxlarge-margin-collapse > .xlarge-12 {
width: 100%;
}
.xxlarge-margin-collapse > .xxlarge-1 {
width: 8.33333%;
}
.xxlarge-margin-collapse > .xxlarge-2 {
width: 16.6667%;
}
.xxlarge-margin-collapse > .xxlarge-3 {
width: 25%;
}
.xxlarge-margin-collapse > .xxlarge-4 {
width: 33.3333%;
}
.xxlarge-margin-collapse > .xxlarge-5 {
width: 41.6667%;
}
.xxlarge-margin-collapse > .xxlarge-6 {
width: 50%;
}
.xxlarge-margin-collapse > .xxlarge-7 {
width: 58.3333%;
}
.xxlarge-margin-collapse > .xxlarge-8 {
width: 66.6667%;
}
.xxlarge-margin-collapse > .xxlarge-9 {
width: 75%;
}
.xxlarge-margin-collapse > .xxlarge-10 {
width: 83.3333%;
}
.xxlarge-margin-collapse > .xxlarge-11 {
width: 91.6667%;
}
.xxlarge-margin-collapse > .xxlarge-12 {
width: 100%;
}
.xxlarge-padding-collapse {
margin-left: 0;
margin-right: 0;
}
.xxlarge-padding-collapse > .cell {
padding-left: 0;
padding-right: 0;
}
}
.small-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .small-offset-0 {
margin-left: .625rem;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.33333% + .625rem);
}
.small-offset-2 {
margin-left: 16.6667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6667% + .625rem);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + .625rem);
}
.small-offset-4 {
margin-left: 33.3333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333% + .625rem);
}
.small-offset-5 {
margin-left: 41.6667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6667% + .625rem);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + .625rem);
}
.small-offset-7 {
margin-left: 58.3333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333% + .625rem);
}
.small-offset-8 {
margin-left: 66.6667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6667% + .625rem);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + .625rem);
}
.small-offset-10 {
margin-left: 83.3333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333% + .625rem);
}
.small-offset-11 {
margin-left: 91.6667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6667% + .625rem);
}
@media print, screen and (min-width: 40em) {
.medium-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .medium-offset-0 {
margin-left: .9375rem;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.medium-offset-2 {
margin-left: 16.6667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6667% + .9375rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + .9375rem);
}
.medium-offset-4 {
margin-left: 33.3333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333% + .9375rem);
}
.medium-offset-5 {
margin-left: 41.6667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6667% + .9375rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + .9375rem);
}
.medium-offset-7 {
margin-left: 58.3333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333% + .9375rem);
}
.medium-offset-8 {
margin-left: 66.6667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6667% + .9375rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + .9375rem);
}
.medium-offset-10 {
margin-left: 83.3333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333% + .9375rem);
}
.medium-offset-11 {
margin-left: 91.6667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6667% + .9375rem);
}
}
@media print, screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .large-offset-0 {
margin-left: .9375rem;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.large-offset-2 {
margin-left: 16.6667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6667% + .9375rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + .9375rem);
}
.large-offset-4 {
margin-left: 33.3333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333% + .9375rem);
}
.large-offset-5 {
margin-left: 41.6667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6667% + .9375rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + .9375rem);
}
.large-offset-7 {
margin-left: 58.3333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333% + .9375rem);
}
.large-offset-8 {
margin-left: 66.6667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6667% + .9375rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + .9375rem);
}
.large-offset-10 {
margin-left: 83.3333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333% + .9375rem);
}
.large-offset-11 {
margin-left: 91.6667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6667% + .9375rem);
}
}
@media screen and (min-width: 90em) {
.xlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xlarge-offset-0 {
margin-left: .9375rem;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .xlarge-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.xlarge-offset-2 {
margin-left: 16.6667%;
}
.grid-margin-x > .xlarge-offset-2 {
margin-left: calc(16.6667% + .9375rem);
}
.xlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xlarge-offset-3 {
margin-left: calc(25% + .9375rem);
}
.xlarge-offset-4 {
margin-left: 33.3333%;
}
.grid-margin-x > .xlarge-offset-4 {
margin-left: calc(33.3333% + .9375rem);
}
.xlarge-offset-5 {
margin-left: 41.6667%;
}
.grid-margin-x > .xlarge-offset-5 {
margin-left: calc(41.6667% + .9375rem);
}
.xlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xlarge-offset-6 {
margin-left: calc(50% + .9375rem);
}
.xlarge-offset-7 {
margin-left: 58.3333%;
}
.grid-margin-x > .xlarge-offset-7 {
margin-left: calc(58.3333% + .9375rem);
}
.xlarge-offset-8 {
margin-left: 66.6667%;
}
.grid-margin-x > .xlarge-offset-8 {
margin-left: calc(66.6667% + .9375rem);
}
.xlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xlarge-offset-9 {
margin-left: calc(75% + .9375rem);
}
.xlarge-offset-10 {
margin-left: 83.3333%;
}
.grid-margin-x > .xlarge-offset-10 {
margin-left: calc(83.3333% + .9375rem);
}
.xlarge-offset-11 {
margin-left: 91.6667%;
}
.grid-margin-x > .xlarge-offset-11 {
margin-left: calc(91.6667% + .9375rem);
}
}
@media screen and (min-width: 100em) {
.xxlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xxlarge-offset-0 {
margin-left: .9375rem;
}
.xxlarge-offset-1 {
margin-left: 8.33333%;
}
.grid-margin-x > .xxlarge-offset-1 {
margin-left: calc(8.33333% + .9375rem);
}
.xxlarge-offset-2 {
margin-left: 16.6667%;
}
.grid-margin-x > .xxlarge-offset-2 {
margin-left: calc(16.6667% + .9375rem);
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xxlarge-offset-3 {
margin-left: calc(25% + .9375rem);
}
.xxlarge-offset-4 {
margin-left: 33.3333%;
}
.grid-margin-x > .xxlarge-offset-4 {
margin-left: calc(33.3333% + .9375rem);
}
.xxlarge-offset-5 {
margin-left: 41.6667%;
}
.grid-margin-x > .xxlarge-offset-5 {
margin-left: calc(41.6667% + .9375rem);
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xxlarge-offset-6 {
margin-left: calc(50% + .9375rem);
}
.xxlarge-offset-7 {
margin-left: 58.3333%;
}
.grid-margin-x > .xxlarge-offset-7 {
margin-left: calc(58.3333% + .9375rem);
}
.xxlarge-offset-8 {
margin-left: 66.6667%;
}
.grid-margin-x > .xxlarge-offset-8 {
margin-left: calc(66.6667% + .9375rem);
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xxlarge-offset-9 {
margin-left: calc(75% + .9375rem);
}
.xxlarge-offset-10 {
margin-left: 83.3333%;
}
.grid-margin-x > .xxlarge-offset-10 {
margin-left: calc(83.3333% + .9375rem);
}
.xxlarge-offset-11 {
margin-left: 91.6667%;
}
.grid-margin-x > .xxlarge-offset-11 {
margin-left: calc(91.6667% + .9375rem);
}
}
.grid-y {
flex-flow: column;
display: flex;
}
.grid-y > .cell {
height: auto;
max-height: none;
}
.grid-y > .auto, .grid-y > .shrink {
height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
flex-basis: auto;
}
}
@media screen and (min-width: 90em) {
.grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
flex-basis: auto;
}
}
@media screen and (min-width: 100em) {
.grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
flex-basis: auto;
}
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
flex: none;
}
.grid-y > .small-1 {
height: 8.33333%;
}
.grid-y > .small-2 {
height: 16.6667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.3333%;
}
.grid-y > .small-5 {
height: 41.6667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.3333%;
}
.grid-y > .small-8 {
height: 66.6667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.3333%;
}
.grid-y > .small-11 {
height: 91.6667%;
}
.grid-y > .small-12 {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.grid-y > .medium-auto {
height: auto;
flex: 1;
}
.grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
flex: none;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.33333%;
}
.grid-y > .medium-2 {
height: 16.6667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.3333%;
}
.grid-y > .medium-5 {
height: 41.6667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.3333%;
}
.grid-y > .medium-8 {
height: 66.6667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.3333%;
}
.grid-y > .medium-11 {
height: 91.6667%;
}
.grid-y > .medium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.grid-y > .large-auto {
height: auto;
flex: 1;
}
.grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
flex: none;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.33333%;
}
.grid-y > .large-2 {
height: 16.6667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.3333%;
}
.grid-y > .large-5 {
height: 41.6667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.3333%;
}
.grid-y > .large-8 {
height: 66.6667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.3333%;
}
.grid-y > .large-11 {
height: 91.6667%;
}
.grid-y > .large-12 {
height: 100%;
}
}
@media screen and (min-width: 90em) {
.grid-y > .xlarge-auto {
height: auto;
flex: 1;
}
.grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
flex: none;
}
.grid-y > .xlarge-shrink {
height: auto;
}
.grid-y > .xlarge-1 {
height: 8.33333%;
}
.grid-y > .xlarge-2 {
height: 16.6667%;
}
.grid-y > .xlarge-3 {
height: 25%;
}
.grid-y > .xlarge-4 {
height: 33.3333%;
}
.grid-y > .xlarge-5 {
height: 41.6667%;
}
.grid-y > .xlarge-6 {
height: 50%;
}
.grid-y > .xlarge-7 {
height: 58.3333%;
}
.grid-y > .xlarge-8 {
height: 66.6667%;
}
.grid-y > .xlarge-9 {
height: 75%;
}
.grid-y > .xlarge-10 {
height: 83.3333%;
}
.grid-y > .xlarge-11 {
height: 91.6667%;
}
.grid-y > .xlarge-12 {
height: 100%;
}
}
@media screen and (min-width: 100em) {
.grid-y > .xxlarge-auto {
height: auto;
flex: 1;
}
.grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink {
flex: none;
}
.grid-y > .xxlarge-shrink {
height: auto;
}
.grid-y > .xxlarge-1 {
height: 8.33333%;
}
.grid-y > .xxlarge-2 {
height: 16.6667%;
}
.grid-y > .xxlarge-3 {
height: 25%;
}
.grid-y > .xxlarge-4 {
height: 33.3333%;
}
.grid-y > .xxlarge-5 {
height: 41.6667%;
}
.grid-y > .xxlarge-6 {
height: 50%;
}
.grid-y > .xxlarge-7 {
height: 58.3333%;
}
.grid-y > .xxlarge-8 {
height: 66.6667%;
}
.grid-y > .xxlarge-9 {
height: 75%;
}
.grid-y > .xxlarge-10 {
height: 83.3333%;
}
.grid-y > .xxlarge-11 {
height: 91.6667%;
}
.grid-y > .xxlarge-12 {
height: 100%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: -.625rem;
margin-bottom: -.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem;
}
}
.grid-padding-y > .cell {
padding-top: .625rem;
padding-bottom: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-padding-y > .cell {
padding-top: .9375rem;
padding-bottom: .9375rem;
}
}
.grid-margin-y {
margin-top: -.625rem;
margin-bottom: -.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: .625rem;
margin-bottom: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem;
}
}
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto, .grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto, .grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
}
@media screen and (min-width: 90em) {
.grid-margin-y > .xlarge-auto, .grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.875rem);
}
}
@media screen and (min-width: 100em) {
.grid-margin-y > .xxlarge-auto, .grid-margin-y > .xxlarge-shrink {
height: auto;
}
.grid-margin-y > .xxlarge-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .xxlarge-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .xxlarge-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .xxlarge-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .xxlarge-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .xxlarge-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .xxlarge-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .xxlarge-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-12 {
height: calc(100% - 1.875rem);
}
}
.grid-frame {
width: 100vw;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
.cell .grid-frame {
width: 100%;
}
.cell-block {
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: auto;
}
.cell-block-y {
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
}
.cell-block-container {
max-height: 100%;
flex-direction: column;
display: flex;
}
.cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em) {
.medium-grid-frame {
width: 100vw;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
.cell .medium-grid-frame {
width: 100%;
}
.medium-cell-block {
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: auto;
}
.medium-cell-block-container {
max-height: 100%;
flex-direction: column;
display: flex;
}
.medium-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.medium-cell-block-y {
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
}
}
@media print, screen and (min-width: 64em) {
.large-grid-frame {
width: 100vw;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
.cell .large-grid-frame {
width: 100%;
}
.large-cell-block {
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: auto;
}
.large-cell-block-container {
max-height: 100%;
flex-direction: column;
display: flex;
}
.large-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.large-cell-block-y {
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
}
}
@media screen and (min-width: 90em) {
.xlarge-grid-frame {
width: 100vw;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
.cell .xlarge-grid-frame {
width: 100%;
}
.xlarge-cell-block {
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: auto;
}
.xlarge-cell-block-container {
max-height: 100%;
flex-direction: column;
display: flex;
}
.xlarge-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.xlarge-cell-block-y {
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
}
}
@media screen and (min-width: 100em) {
.xxlarge-grid-frame {
width: 100vw;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
.cell .xxlarge-grid-frame {
width: 100%;
}
.xxlarge-cell-block {
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: auto;
}
.xxlarge-cell-block-container {
max-height: 100%;
flex-direction: column;
display: flex;
}
.xxlarge-cell-block-container > .grid-x {
max-height: 100%;
flex-wrap: nowrap;
}
.xxlarge-cell-block-y {
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: auto;
}
}
.grid-y.grid-frame {
height: 100vh;
width: auto;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
@media print, screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
height: 100vh;
width: auto;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
}
@media print, screen and (min-width: 64em) {
.grid-y.large-grid-frame {
height: 100vh;
width: auto;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
}
@media screen and (min-width: 90em) {
.grid-y.xlarge-grid-frame {
height: 100vh;
width: auto;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
}
@media screen and (min-width: 100em) {
.grid-y.xxlarge-grid-frame {
height: 100vh;
width: auto;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
overflow: hidden;
}
}
.cell .grid-y.grid-frame {
height: 100%;
}
@media print, screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
height: 100%;
}
}
@media print, screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
height: 100%;
}
}
@media screen and (min-width: 90em) {
.cell .grid-y.xlarge-grid-frame {
height: 100%;
}
}
@media screen and (min-width: 100em) {
.cell .grid-y.xxlarge-grid-frame {
height: 100%;
}
}
.grid-margin-y {
margin-top: -.625rem;
margin-bottom: -.625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem;
}
}
.grid-margin-y > .cell {
height: calc(100% - 1.25rem);
margin-top: .625rem;
margin-bottom: .625rem;
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem;
}
}
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6667% - 1.25rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333% - 1.25rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6667% - 1.25rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333% - 1.25rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6667% - 1.25rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333% - 1.25rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6667% - 1.25rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-margin-y > .auto, .grid-margin-y > .shrink {
height: auto;
}
.grid-margin-y > .small-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .small-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .small-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .small-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .small-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .small-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .small-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .small-12 {
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto, .grid-margin-y > .medium-shrink {
height: auto;
}
.grid-margin-y > .medium-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .medium-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .medium-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .medium-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .medium-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .medium-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .medium-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .medium-12 {
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y > .large-auto, .grid-margin-y > .large-shrink {
height: auto;
}
.grid-margin-y > .large-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .large-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .large-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .large-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .large-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .large-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .large-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .large-12 {
height: calc(100% - 1.875rem);
}
}
@media screen and (min-width: 90em) {
.grid-margin-y > .xlarge-auto, .grid-margin-y > .xlarge-shrink {
height: auto;
}
.grid-margin-y > .xlarge-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .xlarge-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .xlarge-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .xlarge-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .xlarge-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .xlarge-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .xlarge-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .xlarge-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .xlarge-12 {
height: calc(100% - 1.875rem);
}
}
@media screen and (min-width: 100em) {
.grid-margin-y > .xxlarge-auto, .grid-margin-y > .xxlarge-shrink {
height: auto;
}
.grid-margin-y > .xxlarge-1 {
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .xxlarge-2 {
height: calc(16.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-3 {
height: calc(25% - 1.875rem);
}
.grid-margin-y > .xxlarge-4 {
height: calc(33.3333% - 1.875rem);
}
.grid-margin-y > .xxlarge-5 {
height: calc(41.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-6 {
height: calc(50% - 1.875rem);
}
.grid-margin-y > .xxlarge-7 {
height: calc(58.3333% - 1.875rem);
}
.grid-margin-y > .xxlarge-8 {
height: calc(66.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-9 {
height: calc(75% - 1.875rem);
}
.grid-margin-y > .xxlarge-10 {
height: calc(83.3333% - 1.875rem);
}
.grid-margin-y > .xxlarge-11 {
height: calc(91.6667% - 1.875rem);
}
.grid-margin-y > .xxlarge-12 {
height: calc(100% - 1.875rem);
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media screen and (min-width: 90em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media screen and (min-width: 100em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem);
}
}
@media screen and (min-width: 90em) {
.grid-margin-y.xlarge-grid-frame {
height: calc(100vh + 1.875rem);
}
}
@media screen and (min-width: 100em) {
.grid-margin-y.xxlarge-grid-frame {
height: calc(100vh + 1.875rem);
}
}
.align-left {
justify-content: flex-start;
}
.align-right {
justify-content: flex-end;
}
.align-center {
justify-content: center;
}
.align-justify {
justify-content: space-between;
}
.align-spaced {
justify-content: space-around;
}
.align-left.vertical.menu > li > a {
justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
justify-content: center;
}
.align-top {
align-items: flex-start;
}
.align-self-top {
align-self: flex-start;
}
.align-bottom {
align-items: flex-end;
}
.align-self-bottom {
align-self: flex-end;
}
.align-middle {
align-items: center;
}
.align-self-middle {
align-self: center;
}
.align-stretch {
align-items: stretch;
}
.align-self-stretch {
align-self: stretch;
}
.align-center-middle {
align-content: center;
justify-content: center;
align-items: center;
}
.small-order-1 {
order: 1;
}
.small-order-2 {
order: 2;
}
.small-order-3 {
order: 3;
}
.small-order-4 {
order: 4;
}
.small-order-5 {
order: 5;
}
.small-order-6 {
order: 6;
}
@media print, screen and (min-width: 40em) {
.medium-order-1 {
order: 1;
}
.medium-order-2 {
order: 2;
}
.medium-order-3 {
order: 3;
}
.medium-order-4 {
order: 4;
}
.medium-order-5 {
order: 5;
}
.medium-order-6 {
order: 6;
}
}
@media print, screen and (min-width: 64em) {
.large-order-1 {
order: 1;
}
.large-order-2 {
order: 2;
}
.large-order-3 {
order: 3;
}
.large-order-4 {
order: 4;
}
.large-order-5 {
order: 5;
}
.large-order-6 {
order: 6;
}
}
@media screen and (min-width: 90em) {
.xlarge-order-1 {
order: 1;
}
.xlarge-order-2 {
order: 2;
}
.xlarge-order-3 {
order: 3;
}
.xlarge-order-4 {
order: 4;
}
.xlarge-order-5 {
order: 5;
}
.xlarge-order-6 {
order: 6;
}
}
@media screen and (min-width: 100em) {
.xxlarge-order-1 {
order: 1;
}
.xxlarge-order-2 {
order: 2;
}
.xxlarge-order-3 {
order: 3;
}
.xxlarge-order-4 {
order: 4;
}
.xxlarge-order-5 {
order: 5;
}
.xxlarge-order-6 {
order: 6;
}
}
.flex-container {
display: flex;
}
.flex-child-auto {
flex: auto;
}
.flex-child-grow {
flex: 1 0 auto;
}
.flex-child-shrink {
flex: 0 auto;
}
.flex-dir-row {
flex-direction: row;
}
.flex-dir-row-reverse {
flex-direction: row-reverse;
}
.flex-dir-column {
flex-direction: column;
}
.flex-dir-column-reverse {
flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
.medium-flex-container {
display: flex;
}
.medium-flex-child-auto {
flex: auto;
}
.medium-flex-child-grow {
flex: 1 0 auto;
}
.medium-flex-child-shrink {
flex: 0 auto;
}
.medium-flex-dir-row {
flex-direction: row;
}
.medium-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.medium-flex-dir-column {
flex-direction: column;
}
.medium-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64em) {
.large-flex-container {
display: flex;
}
.large-flex-child-auto {
flex: auto;
}
.large-flex-child-grow {
flex: 1 0 auto;
}
.large-flex-child-shrink {
flex: 0 auto;
}
.large-flex-dir-row {
flex-direction: row;
}
.large-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.large-flex-dir-column {
flex-direction: column;
}
.large-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media screen and (min-width: 90em) {
.xlarge-flex-container {
display: flex;
}
.xlarge-flex-child-auto {
flex: auto;
}
.xlarge-flex-child-grow {
flex: 1 0 auto;
}
.xlarge-flex-child-shrink {
flex: 0 auto;
}
.xlarge-flex-dir-row {
flex-direction: row;
}
.xlarge-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.xlarge-flex-dir-column {
flex-direction: column;
}
.xlarge-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
@media screen and (min-width: 100em) {
.xxlarge-flex-container {
display: flex;
}
.xxlarge-flex-child-auto {
flex: auto;
}
.xxlarge-flex-child-grow {
flex: 1 0 auto;
}
.xxlarge-flex-child-shrink {
flex: 0 auto;
}
.xxlarge-flex-dir-row {
flex-direction: row;
}
.xxlarge-flex-dir-row-reverse {
flex-direction: row-reverse;
}
.xxlarge-flex-dir-column {
flex-direction: column;
}
.xxlarge-flex-dir-column-reverse {
flex-direction: column-reverse;
}
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
}
p {
font-size: inherit;
text-rendering: optimizelegibility;
margin-bottom: 1rem;
line-height: 1.6;
}
em, i {
font-style: italic;
line-height: inherit;
}
strong, b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: inherit;
text-rendering: optimizelegibility;
font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
color: #cacaca;
line-height: 0;
}
h1, .h1 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: 1.4;
}
h2, .h2 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.25rem;
line-height: 1.4;
}
h3, .h3 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.1875rem;
line-height: 1.4;
}
h4, .h4 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.125rem;
line-height: 1.4;
}
h5, .h5 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.0625rem;
line-height: 1.4;
}
h6, .h6 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1rem;
line-height: 1.4;
}
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem;
}
h3, .h3 {
font-size: 1.9375rem;
}
h4, .h4 {
font-size: 1.5625rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
}
a {
line-height: inherit;
color: #1779ba;
cursor: pointer;
text-decoration: none;
}
a:hover, a:focus {
color: #1468a0;
}
a img {
border: 0;
}
hr {
clear: both;
max-width: 75rem;
height: 0;
border: 0;
border-bottom: 1px solid #cacaca;
margin: 1.25rem auto;
}
ul, ol, dl {
margin-bottom: 1rem;
line-height: 1.6;
list-style-position: outside;
}
li {
font-size: inherit;
}
ul {
margin-left: 1.25rem;
list-style-type: disc;
}
ol {
margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0;
margin-left: 1.25rem;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: .3rem;
font-weight: bold;
}
blockquote {
border-left: 1px solid #cacaca;
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
}
blockquote, blockquote p {
color: #8a8a8a;
line-height: 1.6;
}
abbr, abbr[title] {
cursor: help;
border-bottom: 1px dotted #071c38;
text-decoration: none;
}
figure {
margin: 0;
}
kbd {
color: #071c38;
background-color: #e6e6e6;
margin: 0;
padding: .125rem .25rem 0;
font-family: Consolas, Liberation Mono, Courier, monospace;
}
.subheader {
color: #8a8a8a;
margin-top: .2rem;
margin-bottom: .5rem;
font-weight: normal;
line-height: 1.4;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none;
}
.cite-block, cite {
color: #8a8a8a;
font-size: .8125rem;
display: block;
}
.cite-block:before, cite:before {
content: "— ";
}
.code-inline, code {
color: #071c38;
max-width: 100%;
word-wrap: break-word;
background-color: #e6e6e6;
border: 1px solid #cacaca;
padding: .125rem .3125rem .0625rem;
font-family: Consolas, Liberation Mono, Courier, monospace;
font-weight: normal;
display: inline;
}
.code-block {
color: #071c38;
white-space: pre;
background-color: #e6e6e6;
border: 1px solid #cacaca;
margin-bottom: 1.5rem;
padding: 1rem;
font-family: Consolas, Liberation Mono, Courier, monospace;
font-weight: normal;
display: block;
overflow: auto;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 90em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 100em) {
.xxlarge-text-left {
text-align: left;
}
.xxlarge-text-right {
text-align: right;
}
.xxlarge-text-center {
text-align: center;
}
.xxlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
print-color-adjust: economy;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
background: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print, th.show-for-print {
display: table-cell !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre, blockquote {
page-break-inside: avoid;
border: 1px solid #8a8a8a;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: .5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.print-break-inside {
page-break-inside: auto;
}
}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
color: #071c38;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #cacaca;
border-radius: 0;
margin: 0 0 1rem;
padding: .5rem;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
transition: box-shadow .5s, border-color .25s ease-in-out;
display: block;
box-shadow: inset 0 1px 2px rgba(7, 28, 56, .1);
}
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
background-color: #fff;
border: 1px solid #8a8a8a;
outline: none;
transition: box-shadow .5s, border-color .25s ease-in-out;
box-shadow: 0 0 5px #cacaca;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
cursor: not-allowed;
background-color: #e6e6e6;
}
[type="submit"], [type="button"] {
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
box-sizing: border-box;
}
::-webkit-input-placeholder {
color: #cacaca;
}
::-ms-input-placeholder {
color: #cacaca;
}
::placeholder {
color: #cacaca;
}
[type="file"], [type="checkbox"], [type="radio"] {
margin: 0 0 1rem;
}
[type="checkbox"] + label, [type="radio"] + label {
vertical-align: baseline;
margin-bottom: 0;
margin-left: .5rem;
margin-right: 1rem;
display: inline-block;
}
[type="checkbox"] + label[for], [type="radio"] + label[for] {
cursor: pointer;
}
label > [type="checkbox"], label > [type="radio"] {
margin-right: .5rem;
}
[type="file"] {
width: 100%;
}
label {
color: #071c38;
margin: 0;
font-size: .875rem;
font-weight: normal;
line-height: 1.8;
display: block;
}
label.middle {
margin: 0 0 1rem;
padding: .5625rem 0;
line-height: 1.5;
}
.help-text {
color: #071c38;
margin-top: -.5rem;
font-size: .8125rem;
font-style: italic;
}
.input-group {
width: 100%;
align-items: stretch;
margin-bottom: 1rem;
display: flex;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > *, .input-group > :last-child, .input-group > :last-child.input-group-button > * {
border-radius: 0;
}
.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label {
white-space: nowrap;
margin: 0;
}
.input-group-label {
color: #071c38;
text-align: center;
white-space: nowrap;
background: #e6e6e6;
border: 1px solid #cacaca;
flex: none;
align-items: center;
padding: 0 1rem;
display: flex;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
min-width: 0;
border-radius: 0;
flex: 1;
}
.input-group-button {
text-align: center;
flex: none;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
height: auto;
align-self: stretch;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
max-width: 100%;
margin-bottom: .5rem;
}
.fieldset {
border: 1px solid #cacaca;
margin: 1.125rem 0;
padding: 1.25rem;
}
.fieldset legend {
margin: 0 0 0 -.1875rem;
padding: 0 .1875rem;
}
select {
height: 2.4375rem;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
color: #071c38;
background-color: #fff;
background-image: url("data:image/svg+xml;utf8,");
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
background-origin: content-box;
border: 1px solid #cacaca;
border-radius: 0;
margin: 0 0 1rem;
padding: .5rem 1.5rem .5rem .5rem;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
transition: box-shadow .5s, border-color .25s ease-in-out;
}
select:focus {
background-color: #fff;
border: 1px solid #8a8a8a;
outline: none;
transition: box-shadow .5s, border-color .25s ease-in-out;
box-shadow: 0 0 5px #cacaca;
}
select:disabled {
cursor: not-allowed;
background-color: #e6e6e6;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
select:not([multiple]) {
padding-top: 0;
padding-bottom: 0;
}
.is-invalid-input:not(:focus) {
background-color: #faedeb;
border-color: #cc4b37;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37;
}
.is-invalid-label {
color: #cc4b37;
}
.form-error {
color: #cc4b37;
margin-top: -.5rem;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: bold;
display: none;
}
.form-error.is-visible {
display: block;
}
.button {
vertical-align: middle;
-webkit-appearance: none;
text-align: center;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
margin: 0 0 1rem;
padding: .85em 1em;
font-family: inherit;
font-size: .9rem;
line-height: 1;
transition: background-color .25s ease-out, color .25s ease-out;
display: inline-block;
}
[data-whatinput="mouse"] .button {
outline: 0;
}
.button.tiny {
font-size: .6rem;
}
.button.small {
font-size: .75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
width: 100%;
margin-left: 0;
margin-right: 0;
display: block;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
color: #fff;
background-color: #1779ba;
}
.button:hover, .button:focus {
color: #fff;
background-color: #14679e;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
color: #fff;
background-color: #1779ba;
}
.button.primary:hover, .button.primary:focus {
color: #fff;
background-color: #126195;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
color: #fff;
background-color: #767676;
}
.button.secondary:hover, .button.secondary:focus {
color: #fff;
background-color: #5e5e5e;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
color: #071c38;
background-color: #3adb76;
}
.button.success:hover, .button.success:focus {
color: #071c38;
background-color: #22bb5b;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
color: #071c38;
background-color: #ffae00;
}
.button.warning:hover, .button.warning:focus {
color: #071c38;
background-color: #cc8b00;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
color: #fff;
background-color: #cc4b37;
}
.button.alert:hover, .button.alert:focus {
color: #fff;
background-color: #a53b2a;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
background-color: rgba(0, 0, 0, 0);
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
color: #1779ba;
border: 1px solid #1779ba;
}
.button.hollow:hover, .button.hollow:focus {
color: #0c3d5d;
border-color: #0c3d5d;
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
color: #1779ba;
border: 1px solid #1779ba;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
color: #0c3d5d;
border-color: #0c3d5d;
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
color: #767676;
border: 1px solid #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
color: #3b3b3b;
border-color: #3b3b3b;
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
color: #3adb76;
border: 1px solid #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
color: #157539;
border-color: #157539;
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
color: #ffae00;
border: 1px solid #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
color: #805700;
border-color: #805700;
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
color: #cc4b37;
border: 1px solid #cc4b37;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
color: #67251a;
border-color: #67251a;
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #1779ba;
}
.button.clear:hover, .button.clear:focus {
color: #0c3d5d;
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #1779ba;
}
.button.clear.primary:hover, .button.clear.primary:focus {
color: #0c3d5d;
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
color: #3b3b3b;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
color: #157539;
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
color: #805700;
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
color: #cc4b37;
}
.button.clear.alert:hover, .button.clear.alert:focus {
color: #67251a;
}
.button.disabled, .button[disabled] {
opacity: .25;
cursor: not-allowed;
}
.button.dropdown:after {
width: 0;
height: 0;
content: "";
float: right;
border: .4em solid rgba(0, 0, 0, 0);
border-top-color: #fff;
border-bottom-width: 0;
margin-left: 1em;
display: inline-block;
position: relative;
top: .4em;
}
.button.dropdown.hollow:after, .button.dropdown.clear:after, .button.dropdown.hollow.primary:after, .button.dropdown.clear.primary:after {
border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary:after, .button.dropdown.clear.secondary:after {
border-top-color: #767676;
}
.button.dropdown.hollow.success:after, .button.dropdown.clear.success:after {
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning:after, .button.dropdown.clear.warning:after {
border-top-color: #ffae00;
}
.button.dropdown.hollow.alert:after, .button.dropdown.clear.alert:after {
border-top-color: #cc4b37;
}
.button.arrow-only:after {
float: none;
margin-left: 0;
top: -.1em;
}
a.button:hover, a.button:focus {
text-decoration: none;
}
.accordion {
background: #fff;
margin-left: 0;
list-style-type: none;
}
.accordion[disabled] .accordion-title {
cursor: not-allowed;
}
.accordion-item:first-child > :first-child, .accordion-item:last-child > :last-child {
border-radius: 0;
}
.accordion-title {
color: #1779ba;
border: 1px solid #e6e6e6;
border-bottom: 0;
padding: 1.25rem 1rem;
font-size: .75rem;
line-height: 1;
display: block;
position: relative;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
}
.accordion-title:hover, .accordion-title:focus {
background-color: #e6e6e6;
}
.accordion-title:before {
content: "+";
margin-top: -.5rem;
position: absolute;
top: 50%;
right: 1rem;
}
.is-active > .accordion-title:before {
content: "–";
}
.accordion-content {
color: #071c38;
background-color: #fff;
border: 1px solid #e6e6e6;
border-bottom: 0;
padding: 1rem;
display: none;
}
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #e6e6e6;
}
.accordion-menu li {
width: 100%;
}
.accordion-menu a, .accordion-menu .is-accordion-submenu a {
padding: .7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-left: 1rem;
margin-right: 0;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-left: 0;
margin-right: 1rem;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin-top: -3px;
display: block;
position: absolute;
top: 50%;
right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a:after {
left: auto;
right: 1rem;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a:after {
left: 1rem;
right: auto;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a:after {
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.is-accordion-submenu-parent {
position: relative;
}
.has-submenu-toggle > a {
margin-right: 40px;
}
.submenu-toggle {
width: 40px;
height: 40px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.submenu-toggle:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin: auto;
display: block;
top: 0;
bottom: 0;
}
.submenu-toggle[aria-expanded="true"]:after {
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.submenu-toggle-text {
width: 1px !important;
height: 1px !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
padding: 0 !important;
position: absolute !important;
overflow: hidden !important;
}
.badge {
min-width: 2.1em;
text-align: center;
color: #fff;
background: #1779ba;
border-radius: 50%;
padding: .3em;
font-size: .6rem;
display: inline-block;
}
.badge.primary {
color: #fff;
background: #1779ba;
}
.badge.secondary {
color: #fff;
background: #767676;
}
.badge.success {
color: #071c38;
background: #3adb76;
}
.badge.warning {
color: #071c38;
background: #ffae00;
}
.badge.alert {
color: #fff;
background: #cc4b37;
}
.breadcrumbs {
margin: 0 0 1rem;
list-style: none;
}
.breadcrumbs:before, .breadcrumbs:after {
content: " ";
flex-basis: 0;
order: 1;
display: table;
}
.breadcrumbs:after {
clear: both;
}
.breadcrumbs li {
float: left;
color: #071c38;
cursor: default;
text-transform: uppercase;
font-size: .6875rem;
}
.breadcrumbs li:not(:last-child):after {
opacity: 1;
content: "/";
color: #cacaca;
margin: 0 .75rem;
position: relative;
}
.breadcrumbs a {
color: #1779ba;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed;
}
.button-group {
flex-wrap: wrap;
flex-grow: 1;
align-items: stretch;
margin-bottom: 1rem;
display: flex;
}
.button-group:before, .button-group:after {
content: " ";
flex-basis: 0;
order: 1;
display: table;
}
.button-group:after {
clear: both;
}
.button-group:before, .button-group:after {
display: none;
}
.button-group .button {
flex: none;
margin: 0 1px 1px 0;
font-size: .9rem;
}
.button-group .button:last-child {
margin-right: 0;
}
.button-group.tiny .button {
font-size: .6rem;
}
.button-group.small .button {
font-size: .75rem;
}
.button-group.large .button {
font-size: 1.25rem;
}
.button-group.expanded .button {
flex: 1;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
color: #fff;
background-color: #1779ba;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
color: #fff;
background-color: #126195;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
color: #fff;
background-color: #767676;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
color: #fff;
background-color: #5e5e5e;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
color: #071c38;
background-color: #3adb76;
}
.button-group.success .button:hover, .button-group.success .button:focus {
color: #071c38;
background-color: #22bb5b;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
color: #071c38;
background-color: #ffae00;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
color: #071c38;
background-color: #cc8b00;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
color: #fff;
background-color: #cc4b37;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
color: #fff;
background-color: #a53b2a;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
background-color: rgba(0, 0, 0, 0);
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
color: #1779ba;
border: 1px solid #1779ba;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
color: #0c3d5d;
border-color: #0c3d5d;
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
color: #1779ba;
border: 1px solid #1779ba;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
color: #0c3d5d;
border-color: #0c3d5d;
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
color: #767676;
border: 1px solid #767676;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
color: #3b3b3b;
border-color: #3b3b3b;
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
color: #3adb76;
border: 1px solid #3adb76;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
color: #157539;
border-color: #157539;
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
color: #ffae00;
border: 1px solid #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
color: #805700;
border-color: #805700;
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
color: #cc4b37;
border: 1px solid #cc4b37;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
color: #67251a;
border-color: #67251a;
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
color: #1779ba;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
color: #0c3d5d;
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
color: #1779ba;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
color: #0c3d5d;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
color: #767676;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
color: #3b3b3b;
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
color: #3adb76;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
color: #157539;
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
color: #ffae00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
color: #805700;
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
color: #cc4b37;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
color: #67251a;
}
.button-group.no-gaps .button {
margin-right: -.0625rem;
}
.button-group.no-gaps .button + .button {
border-left-color: rgba(0, 0, 0, 0);
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
flex: 1;
}
@media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
flex: none;
margin-bottom: 0;
}
}
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
flex: none;
margin-bottom: 0;
}
}
@media print, screen and (max-width: 39.9988em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
margin-right: 0;
display: block;
}
}
@media print, screen and (max-width: 63.9988em) {
.button-group.stacked-for-medium.expanded {
display: block;
}
.button-group.stacked-for-medium.expanded .button {
margin-right: 0;
display: block;
}
}
.callout {
color: #071c38;
background-color: #fff;
border: 1px solid rgba(7, 28, 56, .25);
border-radius: 0;
margin: 0 0 1rem;
padding: 1rem;
position: relative;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
color: #071c38;
background-color: #d7ecfa;
}
.callout.secondary {
color: #071c38;
background-color: #eaeaea;
}
.callout.success {
color: #071c38;
background-color: #e1faea;
}
.callout.warning {
color: #071c38;
background-color: #fff3d9;
}
.callout.alert {
color: #071c38;
background-color: #f7e4e1;
}
.callout.small {
padding: .5rem;
}
.callout.large {
padding: 3rem;
}
.card {
box-shadow: none;
color: #071c38;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 0;
flex-direction: column;
flex-grow: 1;
margin-bottom: 1rem;
display: flex;
overflow: hidden;
}
.card > :last-child {
margin-bottom: 0;
}
.card-divider {
background: #e6e6e6;
flex: 0 auto;
padding: 1rem;
display: flex;
}
.card-divider > :last-child {
margin-bottom: 0;
}
.card-section {
flex: 1 0 auto;
padding: 1rem;
}
.card-section > :last-child {
margin-bottom: 0;
}
.card-image {
min-height: 1px;
}
.close-button {
z-index: 10;
color: #8a8a8a;
cursor: pointer;
position: absolute;
}
[data-whatinput="mouse"] .close-button {
outline: 0;
}
.close-button:hover, .close-button:focus {
color: #071c38;
}
.close-button.small {
font-size: 1.5em;
line-height: 1;
top: .33em;
right: .66rem;
}
.close-button.medium, .close-button {
font-size: 2em;
line-height: 1;
top: .5rem;
right: 1rem;
}
.menu {
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
display: flex;
position: relative;
}
[data-whatinput="mouse"] .menu li {
outline: 0;
}
.menu a, .menu .button {
padding: .7rem 1rem;
line-height: 1;
text-decoration: none;
display: block;
}
.menu input, .menu select, .menu a, .menu button {
margin-bottom: 0;
}
.menu input {
display: inline-block;
}
.menu, .menu.horizontal {
flex-flow: wrap;
}
.menu.vertical {
flex-flow: column;
}
.menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg {
text-align: left;
}
.menu.expanded li {
flex: 1;
}
.menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg {
text-align: left;
}
.menu.simple {
align-items: center;
}
.menu.simple li + li {
margin-left: 1rem;
}
.menu.simple a {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
flex-flow: wrap;
}
.menu.medium-vertical {
flex-flow: column;
}
.menu.medium-expanded li, .menu.medium-simple li {
flex: 1;
}
}
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
flex-flow: wrap;
}
.menu.large-vertical {
flex-flow: column;
}
.menu.large-expanded li, .menu.large-simple li {
flex: 1;
}
}
@media screen and (min-width: 90em) {
.menu.xlarge-horizontal {
flex-flow: wrap;
}
.menu.xlarge-vertical {
flex-flow: column;
}
.menu.xlarge-expanded li, .menu.xlarge-simple li {
flex: 1;
}
}
@media screen and (min-width: 100em) {
.menu.xxlarge-horizontal {
flex-flow: wrap;
}
.menu.xxlarge-vertical {
flex-flow: column;
}
.menu.xxlarge-expanded li, .menu.xxlarge-simple li {
flex: 1;
}
}
.menu.nested {
margin-left: 1rem;
margin-right: 0;
}
.menu.icons a, .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
flex-flow: row;
}
.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg {
margin-right: .25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
flex-flow: row;
}
.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg {
margin-left: .25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
flex-flow: column;
}
.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg {
text-align: center;
align-self: stretch;
margin-bottom: .25rem;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
flex-flow: column;
}
.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg {
text-align: center;
align-self: stretch;
margin-bottom: .25rem;
}
.menu .is-active > a, .menu .active > a {
color: #fff;
background: #1779ba;
}
.menu.align-left {
justify-content: flex-start;
}
.menu.align-right li {
justify-content: flex-end;
display: flex;
}
.menu.align-right li .submenu li {
justify-content: flex-start;
}
.menu.align-right.vertical li {
text-align: right;
display: block;
}
.menu.align-right.vertical li .submenu li, .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg {
text-align: right;
}
.menu.align-right .nested {
margin-left: 0;
margin-right: 1rem;
}
.menu.align-center li {
justify-content: center;
display: flex;
}
.menu.align-center li .submenu li {
justify-content: flex-start;
}
.menu .menu-text {
color: inherit;
padding: .7rem 1rem;
font-weight: bold;
line-height: 1;
}
.menu-centered > .menu {
justify-content: center;
}
.menu-centered > .menu li {
justify-content: center;
display: flex;
}
.menu-centered > .menu li .submenu li {
justify-content: flex-start;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
display: inline-block;
position: relative;
}
.menu-icon:after {
width: 100%;
height: 2px;
content: "";
background: #fff;
display: block;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 7px #fff, 0 14px #fff;
}
.menu-icon:hover:after {
background: #cacaca;
box-shadow: 0 7px #cacaca, 0 14px #cacaca;
}
.menu-icon.dark {
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer;
display: inline-block;
position: relative;
}
.menu-icon.dark:after {
width: 100%;
height: 2px;
content: "";
background: #071c38;
display: block;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 7px #071c38, 0 14px #071c38;
}
.menu-icon.dark:hover:after {
background: #8a8a8a;
box-shadow: 0 7px #8a8a8a, 0 14px #8a8a8a;
}
.is-drilldown {
position: relative;
overflow: hidden;
}
.is-drilldown li {
display: block;
}
.is-drilldown.animate-height {
transition: height .5s;
}
.drilldown a {
background: #fff;
padding: .7rem 1rem;
}
.drilldown .is-drilldown-submenu {
z-index: -1;
width: 100%;
background: #fff;
transition: -webkit-transform .15s linear, transform .15s linear;
position: absolute;
top: 0;
left: 100%;
}
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
padding: .7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
margin-left: 0;
margin-right: 0;
}
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
position: relative;
}
.drilldown .is-drilldown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
margin-top: -6px;
display: block;
position: absolute;
top: 50%;
right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
left: auto;
right: 1rem;
}
.drilldown.align-right .is-drilldown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 1rem;
right: auto;
}
.drilldown .js-drilldown-back > a:before {
width: 0;
height: 0;
content: "";
vertical-align: middle;
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
margin-right: .75rem;
display: inline-block;
}
.dropdown-pane {
z-index: 10;
width: 300px;
visibility: hidden;
background-color: #fff;
border: 1px solid #cacaca;
border-radius: 0;
padding: 1rem;
font-size: 1rem;
display: none;
position: absolute;
}
.dropdown-pane.is-opening {
display: block;
}
.dropdown-pane.is-open {
visibility: visible;
display: block;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
left: auto;
right: 0;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
left: 0;
right: auto;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin-top: -3px;
display: block;
left: auto;
right: 5px;
}
[data-whatinput="mouse"] .dropdown.menu a {
outline: 0;
}
.dropdown.menu > li > a {
background: #fff;
padding: .7rem 1rem;
}
.dropdown.menu > li.is-active > a {
color: #1779ba;
background: none;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-left: 0;
margin-right: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
left: auto;
right: 100%;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.dropdown.menu.vertical > li > a:after {
right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 5px;
right: auto;
}
.dropdown.menu.vertical > li.opens-right > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
}
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
left: auto;
right: 0;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
left: 0;
right: auto;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin-top: -3px;
display: block;
left: auto;
right: 5px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
left: auto;
right: 100%;
}
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.dropdown.menu.medium-vertical > li > a:after {
right: 14px;
}
.dropdown.menu.medium-vertical > li.opens-left > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 5px;
right: auto;
}
.dropdown.menu.medium-vertical > li.opens-right > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
}
}
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
left: auto;
right: 0;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
left: 0;
right: auto;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin-top: -3px;
display: block;
left: auto;
right: 5px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
left: auto;
right: 100%;
}
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.dropdown.menu.large-vertical > li > a:after {
right: 14px;
}
.dropdown.menu.large-vertical > li.opens-left > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 5px;
right: auto;
}
.dropdown.menu.large-vertical > li.opens-right > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
}
}
@media screen and (min-width: 90em) {
.dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
left: auto;
right: 0;
}
.dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
left: 0;
right: auto;
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin-top: -3px;
display: block;
left: auto;
right: 5px;
}
.dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
left: auto;
right: 100%;
}
.dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.dropdown.menu.xlarge-vertical > li > a:after {
right: 14px;
}
.dropdown.menu.xlarge-vertical > li.opens-left > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 5px;
right: auto;
}
.dropdown.menu.xlarge-vertical > li.opens-right > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
}
}
@media screen and (min-width: 100em) {
.dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
left: auto;
right: 0;
}
.dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
left: 0;
right: auto;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-top-color: #1779ba;
border-bottom-width: 0;
margin-top: -3px;
display: block;
left: auto;
right: 5px;
}
.dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
left: auto;
right: 100%;
}
.dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.dropdown.menu.xxlarge-vertical > li > a:after {
right: 14px;
}
.dropdown.menu.xxlarge-vertical > li.opens-left > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 5px;
right: auto;
}
.dropdown.menu.xxlarge-vertical > li.opens-right > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
left: auto;
right: 0;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a:after {
margin-top: -6px;
position: absolute;
top: 50%;
left: auto;
right: 5px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
left: auto;
right: 100%;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
left: 100%;
right: auto;
}
.is-dropdown-submenu {
z-index: 1;
min-width: 200px;
background: #fff;
border: 1px solid #cacaca;
display: none;
position: absolute;
top: 0;
left: 100%;
}
.dropdown .is-dropdown-submenu a {
padding: .7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #1779ba;
display: block;
left: 5px;
right: auto;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
width: 0;
height: 0;
content: "";
border: 6px solid rgba(0, 0, 0, 0);
border-left-color: #1779ba;
border-right-width: 0;
display: block;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.responsive-embed, .flex-video {
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
position: relative;
overflow: hidden;
}
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.responsive-embed.widescreen, .flex-video.widescreen {
padding-bottom: 56.25%;
}
.label {
white-space: nowrap;
cursor: default;
color: #fff;
background: #1779ba;
border-radius: 0;
padding: .33333rem .5rem;
font-size: .8rem;
line-height: 1;
display: inline-block;
}
.label.primary {
color: #fff;
background: #1779ba;
}
.label.secondary {
color: #fff;
background: #767676;
}
.label.success {
color: #071c38;
background: #3adb76;
}
.label.warning {
color: #071c38;
background: #ffae00;
}
.label.alert {
color: #fff;
background: #cc4b37;
}
.media-object {
flex-wrap: nowrap;
margin-bottom: 1rem;
display: flex;
}
.media-object img {
max-width: none;
}
@media print, screen and (max-width: 39.9988em) {
.media-object.stack-for-small {
flex-wrap: wrap;
}
}
.media-object-section {
flex: 0 auto;
}
.media-object-section:first-child {
padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem;
}
.media-object-section > :last-child {
margin-bottom: 0;
}
@media print, screen and (max-width: 39.9988em) {
.stack-for-small .media-object-section {
max-width: 100%;
flex-basis: 100%;
padding: 0 0 1rem;
}
.stack-for-small .media-object-section img {
width: 100%;
}
}
.media-object-section.main-section {
flex: 1;
}
.is-off-canvas-open {
overflow: hidden;
}
.js-off-canvas-overlay {
z-index: 11;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background: rgba(255, 255, 255, .25);
transition: opacity .5s, visibility .5s;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
z-index: 12;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6;
transition: -webkit-transform .5s, transform .5s;
position: fixed;
}
[data-whatinput="mouse"] .off-canvas {
outline: 0;
}
.off-canvas.is-transition-push {
z-index: 12;
}
.off-canvas.is-closed {
visibility: hidden;
}
.off-canvas.is-transition-overlap {
z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(7, 28, 56, .7);
}
.off-canvas.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
.off-canvas-absolute {
z-index: 12;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6;
transition: -webkit-transform .5s, transform .5s;
position: absolute;
}
[data-whatinput="mouse"] .off-canvas-absolute {
outline: 0;
}
.off-canvas-absolute.is-transition-push {
z-index: 12;
}
.off-canvas-absolute.is-closed {
visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(7, 28, 56, .7);
}
.off-canvas-absolute.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
.position-left {
height: 100%;
-webkit-overflow-scrolling: touch;
width: 250px;
top: 0;
left: 0;
overflow-y: auto;
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
.off-canvas-content.is-open-left.has-transition-push {
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px rgba(7, 28, 56, .25);
}
.position-right {
height: 100%;
-webkit-overflow-scrolling: touch;
width: 250px;
top: 0;
right: 0;
overflow-y: auto;
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
.off-canvas-content.is-open-right.has-transition-push {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px rgba(7, 28, 56, .25);
}
.position-top {
width: 100%;
-webkit-overflow-scrolling: touch;
height: 250px;
top: 0;
left: 0;
overflow-x: auto;
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
.off-canvas-content.is-open-top.has-transition-push {
-webkit-transform: translateY(250px);
transform: translateY(250px);
}
.position-top.is-transition-push {
box-shadow: inset 0 -13px 20px -13px rgba(7, 28, 56, .25);
}
.position-bottom {
width: 100%;
-webkit-overflow-scrolling: touch;
height: 250px;
bottom: 0;
left: 0;
overflow-x: auto;
-webkit-transform: translateY(250px);
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
-webkit-transform: translateY(250px);
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
.position-bottom.is-transition-push {
box-shadow: inset 0 13px 20px -13px rgba(7, 28, 56, .25);
}
.off-canvas-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
transition: -webkit-transform .5s, transform .5s;
}
.off-canvas-content.has-transition-push, .off-canvas-content .off-canvas.is-open {
-webkit-transform: translate(0);
transform: translate(0);
}
@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-left.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-medium {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left, .position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-medium {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-right.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-medium {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right, .position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-medium {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-top.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-medium {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top, .position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-medium {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-bottom.reveal-for-medium .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-medium {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom, .position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-left.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-large {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left, .position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-large {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-right.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-large {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right, .position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-large {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-top.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-large {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top, .position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-large {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-bottom.reveal-for-large .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-large {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom, .position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media screen and (min-width: 90em) {
.position-left.reveal-for-xlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-left.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-xlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left, .position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-xlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-right.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-xlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right, .position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-xlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-top.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-xlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top, .position-top.reveal-for-xlarge ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-xlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-bottom.reveal-for-xlarge .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-xlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom, .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media screen and (min-width: 100em) {
.position-left.reveal-for-xxlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-left.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-left.reveal-for-xxlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left, .position-left.reveal-for-xxlarge ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-xxlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-right.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-right.reveal-for-xxlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right, .position-right.reveal-for-xxlarge ~ .off-canvas-content {
margin-right: 250px;
}
.position-top.reveal-for-xxlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-top.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-top.reveal-for-xxlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top, .position-top.reveal-for-xxlarge ~ .off-canvas-content {
margin-top: 250px;
}
.position-bottom.reveal-for-xxlarge {
z-index: 12;
visibility: visible;
transition: none;
-webkit-transform: none;
transform: none;
}
.position-bottom.reveal-for-xxlarge .close-button {
display: none;
}
.off-canvas-content .position-bottom.reveal-for-xxlarge {
-webkit-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom, .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 40em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
width: auto;
background: none;
transition: none;
position: static;
overflow: visible;
}
.off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
box-shadow: none;
-webkit-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-medium .close-button {
display: none;
}
}
@media print, screen and (min-width: 64em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
width: auto;
background: none;
transition: none;
position: static;
overflow: visible;
}
.off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
box-shadow: none;
-webkit-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-large .close-button {
display: none;
}
}
@media screen and (min-width: 90em) {
.off-canvas.in-canvas-for-xlarge {
visibility: visible;
height: auto;
width: auto;
background: none;
transition: none;
position: static;
overflow: visible;
}
.off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
box-shadow: none;
-webkit-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-xlarge .close-button {
display: none;
}
}
@media screen and (min-width: 100em) {
.off-canvas.in-canvas-for-xxlarge {
visibility: visible;
height: auto;
width: auto;
background: none;
transition: none;
position: static;
overflow: visible;
}
.off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
box-shadow: none;
-webkit-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-xxlarge .close-button {
display: none;
}
}
.orbit {
position: relative;
}
.orbit-container {
height: 0;
margin: 0;
list-style: none;
position: relative;
overflow: hidden;
}
.orbit-slide {
width: 100%;
position: absolute;
}
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0;
}
.orbit-figure {
margin: 0;
}
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0;
}
.orbit-caption {
width: 100%;
color: #fff;
background-color: rgba(7, 28, 56, .5);
margin-bottom: 0;
padding: 1rem;
position: absolute;
bottom: 0;
}
.orbit-next, .orbit-previous {
z-index: 10;
color: #fff;
padding: 1rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-whatinput="mouse"] .orbit-next, [data-whatinput="mouse"] .orbit-previous {
outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
background-color: rgba(7, 28, 56, .5);
}
.orbit-previous {
left: 0;
}
.orbit-next {
left: auto;
right: 0;
}
.orbit-bullets {
text-align: center;
margin-top: .8rem;
margin-bottom: .8rem;
position: relative;
}
[data-whatinput="mouse"] .orbit-bullets {
outline: 0;
}
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
background-color: #cacaca;
border-radius: 50%;
margin: .1rem;
}
.orbit-bullets button:hover, .orbit-bullets button.is-active {
background-color: #8a8a8a;
}
.pagination {
margin-bottom: 1rem;
margin-left: 0;
}
.pagination:before, .pagination:after {
content: " ";
flex-basis: 0;
order: 1;
display: table;
}
.pagination:after {
clear: both;
}
.pagination li {
border-radius: 0;
margin-right: .0625rem;
font-size: .875rem;
display: none;
}
.pagination li:last-child, .pagination li:first-child {
display: inline-block;
}
@media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block;
}
}
.pagination a, .pagination button {
color: #071c38;
border-radius: 0;
padding: .1875rem .625rem;
display: block;
}
.pagination a:hover, .pagination button:hover {
background: #e6e6e6;
}
.pagination .current {
color: #fff;
cursor: default;
background: #1779ba;
padding: .1875rem .625rem;
}
.pagination .disabled {
color: #cacaca;
cursor: not-allowed;
padding: .1875rem .625rem;
}
.pagination .disabled:hover {
background: none;
}
.pagination .ellipsis:after {
content: "…";
color: #071c38;
padding: .1875rem .625rem;
}
.pagination-previous a:before, .pagination-previous.disabled:before {
content: "«";
margin-right: .5rem;
display: inline-block;
}
.pagination-next a:after, .pagination-next.disabled:after {
content: "»";
margin-left: .5rem;
display: inline-block;
}
.progress {
height: 1rem;
background-color: #cacaca;
border-radius: 0;
margin-bottom: 1rem;
}
.progress.primary .progress-meter {
background-color: #1779ba;
}
.progress.secondary .progress-meter {
background-color: #767676;
}
.progress.success .progress-meter {
background-color: #3adb76;
}
.progress.warning .progress-meter {
background-color: #ffae00;
}
.progress.alert .progress-meter {
background-color: #cc4b37;
}
.progress-meter {
width: 0%;
height: 100%;
background-color: #1779ba;
display: block;
position: relative;
}
.progress-meter-text {
color: #fff;
white-space: nowrap;
margin: 0;
font-size: .75rem;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider {
height: .5rem;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
background-color: #e6e6e6;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
position: relative;
}
.slider-fill {
max-width: 100%;
height: .5rem;
background-color: #cacaca;
transition: all .2s ease-in-out;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.slider-fill.is-dragging {
transition: all linear;
}
.slider-handle {
z-index: 1;
cursor: grab;
width: 1.4rem;
height: 1.4rem;
touch-action: manipulation;
background-color: #1779ba;
border-radius: 0;
transition: all .2s ease-in-out;
display: inline-block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-whatinput="mouse"] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: #14679e;
}
.slider-handle.is-dragging {
cursor: grabbing;
transition: all linear;
}
.slider.disabled, .slider[disabled] {
opacity: .25;
cursor: not-allowed;
}
.slider.vertical {
width: .5rem;
height: 12.5rem;
margin: 0 1.25rem;
display: inline-block;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.slider.vertical .slider-fill {
width: .5rem;
max-height: 100%;
top: 0;
}
.slider.vertical .slider-handle {
width: 1.4rem;
height: 1.4rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.sticky-container {
position: relative;
}
.sticky {
z-index: 0;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
z-index: 5;
width: 100%;
position: fixed;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: relative;
left: auto;
right: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
html.is-reveal-open {
width: 100%;
position: fixed;
overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
html.is-reveal-open body {
overflow-y: hidden;
}
.reveal-overlay {
z-index: 1005;
-webkit-overflow-scrolling: touch;
background-color: rgba(7, 28, 56, .45);
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto;
}
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background-color: #fff;
border: 1px solid #cacaca;
border-radius: 0;
margin-left: auto;
margin-right: auto;
padding: 1rem;
display: none;
position: relative;
top: 100px;
overflow-y: auto;
}
[data-whatinput="mouse"] .reveal {
outline: 0;
}
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0;
}
}
.reveal .column, .reveal .columns {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem;
}
}
.reveal.collapse {
padding: 0;
}
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem;
}
.reveal.small {
width: 50%;
max-width: 75rem;
}
.reveal.large {
width: 90%;
max-width: 75rem;
}
}
.reveal.full {
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
border: 0;
border-radius: 0;
margin-left: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media print, screen and (max-width: 39.9988em) {
.reveal {
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
border: 0;
border-radius: 0;
margin-left: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
.switch {
color: #fff;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
height: 2rem;
outline: 0;
margin-bottom: 1rem;
font-size: .875rem;
font-weight: bold;
position: relative;
}
.switch-input {
opacity: 0;
margin-bottom: 0;
position: absolute;
}
.switch-paddle {
width: 4rem;
height: 2rem;
font-weight: inherit;
color: inherit;
cursor: pointer;
background: #cacaca;
border-radius: 0;
transition: all .25s ease-out;
display: block;
position: relative;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle:after {
width: 1.5rem;
height: 1.5rem;
content: "";
background: #fff;
border-radius: 0;
transition: all .25s ease-out;
display: block;
position: absolute;
top: .25rem;
left: .25rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
input:checked ~ .switch-paddle {
background: #1779ba;
}
input:checked ~ .switch-paddle:after {
left: 2.25rem;
}
input:disabled ~ .switch-paddle {
cursor: not-allowed;
opacity: .5;
}
[data-whatinput="mouse"] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-inactive, .switch-active {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active {
display: none;
left: 8%;
}
input:checked + label > .switch-active {
display: block;
}
.switch-inactive {
right: 15%;
}
input:checked + label > .switch-inactive {
display: none;
}
.switch.tiny {
height: 1.5rem;
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: .625rem;
}
.switch.tiny .switch-paddle:after {
width: 1rem;
height: 1rem;
top: .25rem;
left: .25rem;
}
.switch.tiny input:checked ~ .switch-paddle:after {
left: 1.75rem;
}
.switch.small {
height: 1.75rem;
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: .75rem;
}
.switch.small .switch-paddle:after {
width: 1.25rem;
height: 1.25rem;
top: .25rem;
left: .25rem;
}
.switch.small input:checked ~ .switch-paddle:after {
left: 2rem;
}
.switch.large {
height: 2.5rem;
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle:after {
width: 2rem;
height: 2rem;
top: .25rem;
left: .25rem;
}
.switch.large input:checked ~ .switch-paddle:after {
left: 2.75rem;
}
table {
border-collapse: collapse;
width: 100%;
border-radius: 0;
margin-bottom: 1rem;
}
thead, tbody, tfoot {
background-color: #fff;
border: 1px solid #f2f2f2;
}
caption {
padding: .5rem .625rem .625rem;
font-weight: bold;
}
thead {
color: #071c38;
background: #f9f9f9;
}
tfoot {
color: #071c38;
background: #f2f2f2;
}
thead tr, tfoot tr {
background: none;
}
thead th, thead td, tfoot th, tfoot td {
text-align: left;
padding: .5rem .625rem .625rem;
font-weight: bold;
}
tbody th, tbody td {
padding: .5rem .625rem .625rem;
}
tbody tr:nth-child(2n) {
background-color: #f2f2f2;
border-bottom: 0;
}
table.unstriped tbody {
background-color: #fff;
}
table.unstriped tbody tr {
background-color: #fff;
border-bottom: 1px solid #f2f2f2;
}
@media print, screen and (max-width: 63.9988em) {
table.stack thead, table.stack tfoot {
display: none;
}
table.stack tr, table.stack th, table.stack td {
display: block;
}
table.stack td {
border-top: 0;
}
}
table.scroll {
width: 100%;
display: block;
overflow-x: auto;
}
table.hover thead tr:hover {
background-color: #f4f4f4;
}
table.hover tfoot tr:hover {
background-color: #ededed;
}
table.hover tbody tr:hover {
background-color: #fafafa;
}
table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
background-color: #ededed;
}
.table-scroll {
overflow-x: auto;
}
.tabs {
background: #fff;
border: 1px solid #e6e6e6;
margin: 0;
list-style-type: none;
}
.tabs:before, .tabs:after {
content: " ";
flex-basis: 0;
order: 1;
display: table;
}
.tabs:after {
clear: both;
}
.tabs.vertical > li {
float: none;
width: auto;
display: block;
}
.tabs.simple > li > a {
padding: 0;
}
.tabs.simple > li > a:hover {
background: none;
}
.tabs.primary {
background: #1779ba;
}
.tabs.primary > li > a {
color: #fff;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #1673b1;
}
.tabs-title {
float: left;
}
.tabs-title > a {
color: #1779ba;
padding: 1.25rem 1.5rem;
font-size: .75rem;
line-height: 1;
display: block;
}
[data-whatinput="mouse"] .tabs-title > a {
outline: 0;
}
.tabs-title > a:hover {
color: #1468a0;
background: #fff;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
color: #1779ba;
background: #e6e6e6;
}
.tabs-content {
color: #071c38;
background: #fff;
border: 1px solid #e6e6e6;
border-top: 0;
transition: all .5s;
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0;
}
.tabs-panel {
padding: 1rem;
display: none;
}
.tabs-panel.is-active {
display: block;
}
.thumbnail {
max-width: 100%;
border: 4px solid #fff;
border-radius: 0;
margin-bottom: 1rem;
line-height: 0;
display: inline-block;
box-shadow: 0 0 0 1px rgba(7, 28, 56, .2);
}
a.thumbnail {
transition: box-shadow .2s ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(23, 121, 186, .5);
}
a.thumbnail image {
box-shadow: none;
}
.title-bar {
color: #fff;
background: #fff;
justify-content: flex-start;
align-items: center;
padding: .5rem;
display: flex;
}
.title-bar .menu-icon {
margin-left: .25rem;
margin-right: .25rem;
}
.title-bar-left, .title-bar-right {
flex: 1;
}
.title-bar-right {
text-align: right;
}
.title-bar-title {
vertical-align: middle;
font-weight: bold;
display: inline-block;
}
.has-tip {
cursor: help;
border-bottom: 1px dotted #8a8a8a;
font-weight: bold;
display: inline-block;
position: relative;
}
.tooltip {
z-index: 1200;
max-width: 10rem;
color: #fff;
background-color: #071c38;
border-radius: 0;
padding: .75rem;
font-size: 80%;
position: absolute;
top: calc(100% + .6495rem);
}
.tooltip:before {
position: absolute;
}
.tooltip.bottom:before {
width: 0;
height: 0;
content: "";
border: .75rem solid rgba(0, 0, 0, 0);
border-top-width: 0;
border-bottom-color: #071c38;
display: block;
bottom: 100%;
}
.tooltip.bottom.align-center:before {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.top:before {
width: 0;
height: 0;
content: "";
border: .75rem solid rgba(0, 0, 0, 0);
border-top-color: #071c38;
border-bottom-width: 0;
display: block;
top: 100%;
bottom: auto;
}
.tooltip.top.align-center:before {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.left:before {
width: 0;
height: 0;
content: "";
border: .75rem solid rgba(0, 0, 0, 0);
border-left-color: #071c38;
border-right-width: 0;
display: block;
left: 100%;
}
.tooltip.left.align-center:before {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.right:before {
width: 0;
height: 0;
content: "";
border: .75rem solid rgba(0, 0, 0, 0);
border-left-width: 0;
border-right-color: #071c38;
display: block;
left: auto;
right: 100%;
}
.tooltip.right.align-center:before {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.align-top:before {
top: 10%;
bottom: auto;
}
.tooltip.align-bottom:before {
top: auto;
bottom: 10%;
}
.tooltip.align-left:before {
left: 10%;
right: auto;
}
.tooltip.align-right:before {
left: auto;
right: 10%;
}
.top-bar {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 2.5rem;
display: flex;
}
.top-bar, .top-bar ul {
background-color: #071c38;
}
.top-bar input {
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left, .top-bar .top-bar-right {
max-width: 100%;
flex: 0 0 100%;
}
@media print, screen and (min-width: 40em) {
.top-bar {
flex-wrap: nowrap;
}
.top-bar .top-bar-left {
flex: auto;
margin-right: auto;
}
.top-bar .top-bar-right {
flex: 0 auto;
margin-left: auto;
}
}
@media print, screen and (max-width: 63.9988em) {
.top-bar.stacked-for-medium {
flex-wrap: wrap;
}
.top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
max-width: 100%;
flex: 0 0 100%;
}
}
@media print, screen and (max-width: 89.9988em) {
.top-bar.stacked-for-large {
flex-wrap: wrap;
}
.top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
max-width: 100%;
flex: 0 0 100%;
}
}
@media print, screen and (max-width: 99.9988em) {
.top-bar.stacked-for-xlarge {
flex-wrap: wrap;
}
.top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right {
max-width: 100%;
flex: 0 0 100%;
}
}
.top-bar.stacked-for-xxlarge {
flex-wrap: wrap;
}
.top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right {
max-width: 100%;
flex: 0 0 100%;
}
.top-bar-title {
flex: none;
margin: .5rem 1rem .5rem 0;
}
.top-bar-left, .top-bar-right {
flex: none;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
@media print, screen and (max-width: 39.9988em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.9988em) {
.show-for-medium {
display: none !important;
}
}
@media print, screen and (min-width: 40em) and (max-width: 63.9988em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.9988em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.9988em) {
.show-for-large {
display: none !important;
}
}
@media print, screen and (min-width: 64em) and (max-width: 89.9988em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9988em), screen and (min-width: 90em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 89.9988em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 90em) and (max-width: 99.9988em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 89.9988em), screen and (min-width: 100em) {
.show-for-xlarge-only {
display: none !important;
}
}
@media screen and (min-width: 100em) {
.hide-for-xxlarge {
display: none !important;
}
}
@media screen and (max-width: 99.9988em) {
.show-for-xxlarge {
display: none !important;
}
}
@media screen and (min-width: 100em) {
.hide-for-xxlarge-only {
display: none !important;
}
}
@media screen and (max-width: 99.9988em) {
.show-for-xxlarge-only {
display: none !important;
}
}
.show-for-sr, .show-on-focus {
width: 1px !important;
height: 1px !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
padding: 0 !important;
position: absolute !important;
overflow: hidden !important;
}
.show-on-focus:active, .show-on-focus:focus {
width: auto !important;
height: auto !important;
clip: auto !important;
white-space: normal !important;
position: static !important;
overflow: visible !important;
}
.show-for-landscape, .hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape, .hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape, .show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape, .show-for-portrait {
display: block !important;
}
}
.show-for-dark-mode {
display: none;
}
.hide-for-dark-mode {
display: block;
}
@media screen and (prefers-color-scheme: dark) {
.show-for-dark-mode {
display: block !important;
}
.hide-for-dark-mode {
display: none !important;
}
}
.show-for-ie {
display: none;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.show-for-ie {
display: block !important;
}
.hide-for-ie {
display: none !important;
}
}
.show-for-sticky {
display: none;
}
.is-stuck .show-for-sticky {
display: block;
}
.is-stuck .hide-for-sticky {
display: none;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
margin-left: auto;
margin-right: auto;
display: block;
}
.clearfix:before, .clearfix:after {
content: " ";
flex-basis: 0;
order: 1;
display: table;
}
.clearfix:after {
clear: both;
}
body {
font-family: canada-type-gibson, sans-serif;
font-style: normal;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: canada-type-gibson, sans-serif;
display: block;
}
h1 {
color: #fff;
max-width: 70%;
text-transform: uppercase;
margin-bottom: 45px;
font-weight: 700;
line-height: 1;
}
h1::selection {
color: #d01520;
background: #fff;
}
@media screen and (min-width: 0) {
h1 {
font-size: 52px;
}
}
@media screen and (min-width: 1024px) {
h1 {
font-size: 65px;
}
}
h2 {
color: #d01520;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
}
h2::selection {
color: #071c38;
background: #66ccfb;
}
@media screen and (min-width: 0) {
h2 {
font-size: 52px;
}
}
@media screen and (min-width: 1024px) {
h2 {
font-size: 65px;
}
}
h3 {
color: #d01520;
text-transform: uppercase;
font-weight: 700;
line-height: 35px;
}
h3::selection {
color: #071c38;
background: #66ccfb;
}
@media screen and (min-width: 0) {
h3 {
font-size: 32px;
}
}
@media screen and (min-width: 1024px) {
h3 {
font-size: 35px;
}
}
h4 {
color: #d01520;
text-transform: uppercase;
font-weight: 700;
line-height: 35px;
}
@media screen and (min-width: 0) {
h4 {
font-size: 28px;
}
}
@media screen and (min-width: 1024px) {
h4 {
font-size: 35px;
}
}
p, .full_column ul li {
font-size: 22px;
line-height: 35px;
}
@media screen and (min-width: 0) {
p, .full_column ul li {
font-size: 26px;
line-height: 40px;
}
}
p::selection, .full_column ul li::selection {
color: #d01520;
background: #fff;
}
.header {
height: 152px;
width: 100%;
z-index: 10000;
background: #0072bc;
padding: 0;
transition: all .25s;
position: fixed;
top: 0;
left: 0;
}
.header .top-bar {
background: none;
padding: 20px 5%;
}
.header .top-bar .logo {
transition: all .25s;
}
.header .top-bar ul {
background: none;
}
.header .top-bar .dropdown.menu > li > a {
color: #fff;
text-transform: uppercase;
background: none;
font-size: 1.08vw;
}
.header .top-bar .dropdown.menu > li > a:hover {
color: #d0d0d0;
}
.header .top-bar .current_page_item a, .header .top-bar .current_page_ancestor a {
color: #d0d0d0 !important;
}
.header .top-bar .menu-item-2193 {
background: #fff;
}
.header .top-bar .menu-item-2193 a {
color: #d01520 !important;
}
.header .top-bar .menu-item-25 .submenu {
right: -40px !important;
}
.header .top-bar .menu-item-26 .submenu {
right: -22px !important;
}
.header .top-bar .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
border-top-color: #fff !important;
}
.header .top-bar .is-dropdown-submenu {
text-align: center;
background: #fff url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-nav-notch.jpg") top no-repeat;
padding-top: 10px;
border: none !important;
top: 108% !important;
right: -10px !important;
}
.header .top-bar .is-dropdown-submenu a {
text-transform: uppercase;
color: #0072bc !important;
padding: 20px 1rem !important;
}
.header .top-bar .is-dropdown-submenu li.active a {
color: #0072bc;
background: #fff;
padding-top: 10px;
}
.header .top-bar .is-dropdown-submenu li.active a:hover {
background: #d01520;
color: #fff !important;
}
.header .top-bar .is-dropdown-submenu li:hover a, .header .top-bar .is-dropdown-submenu .current_page_item a {
color: #fff !important;
background: #d01520 !important;
}
.header .top-bar .menu-item-672 .is-dropdown-submenu {
right: -50px !important;
}
.header .top-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
display: none;
}
#menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2435.is-submenu-item.is-dropdown-submenu-item > a, #menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2434.is-submenu-item.is-dropdown-submenu-item > a, #menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2433.is-submenu-item.is-dropdown-submenu-item > a, #menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2432.is-submenu-item.is-dropdown-submenu-item > a {
color: #0072bc !important;
background: #fff !important;
}
#menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2435.is-submenu-item.is-dropdown-submenu-item > a:hover, #menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2434.is-submenu-item.is-dropdown-submenu-item > a:hover, #menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2433.is-submenu-item.is-dropdown-submenu-item > a:hover, #menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2432.is-submenu-item.is-dropdown-submenu-item > a:hover {
color: #fff !important;
background: #d01520 !important;
}
#menu-primary-navigation-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-28.is-dropdown-submenu-parent.opens-left > ul > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2431.is-dropdown-submenu-parent.is-submenu-item.is-dropdown-submenu-item.opens-left > ul {
left: 100%;
top: 0 !important;
}
.header.shrink {
height: 80px;
-moz-transition: all .25s;
-ms-transition: all .25s;
-webkit-transition: all .5s;
transition: all .25s;
}
.header.shrink .top-bar {
height: 80px;
padding: 0 5%;
}
.header.shrink .top-bar .top-bar .top-bar-left {
height: 80px;
}
.header.shrink .logo {
transition: all .25s;
-webkit-transform: scale(.5);
transform: scale(.5);
}
.header.shrink .menu_icon {
transition: all .25s;
top: 20px;
-webkit-transform: scale(.5);
transform: scale(.5);
}
.main {
width: 100%;
}
.content, .tribe-events-pg-template {
margin-top: 152px !important;
}
.desktop {
display: block !important;
}
.mobile {
display: none !important;
}
.banner {
padding: 100px 5%;
}
.banner p, .banner a, .banner a:hover {
color: #fff !important;
}
.banner p {
max-width: 40%;
margin-bottom: 50px;
}
.banner p::selection {
color: #d01520;
background: #fff;
}
.tax-venue_sport .banner, .tax-partnership .banner {
padding: 0;
}
.tax-venue_sport .banner p, .tax-partnership .banner p, .tax-venue_sport .banner a, .tax-partnership .banner a {
color: #071c38 !important;
}
.tax-venue_sport .banner a:hover, .tax-partnership .banner a:hover {
color: #d01520;
}
.tax-venue_sport .half_column, .tax-partnership .half_column {
margin-bottom: 30px;
}
.page-id-2 .banner {
z-index: 1000;
position: absolute;
top: 152px;
}
.page-id-2 .diagonal {
z-index: 10;
}
.page-id-2 .diagonal:before {
height: 227px;
top: -20px;
}
.page-id-2 .diagonal.home_bottom {
z-index: -1;
}
.entry_content video, .entry_content object {
width: 100%;
}
.video_wrapper {
position: relative;
}
.video_wrapper .video_overlay {
height: 100%;
width: 100%;
z-index: 10;
background: rgba(0, 0, 0, .53);
position: absolute;
}
.page-id-559 .banner p, .page-id-694 .banner p {
max-width: 70%;
}
.page-id-647 .banner h1, .page-id-676 .banner h1, .page-id-680 .banner h1 {
color: #d01520;
}
.page-id-647 .banner p, .page-id-676 .banner p, .page-id-680 .banner p {
max-width: 70%;
margin-bottom: 50px;
color: #071c38 !important;
}
.page-id-647 .banner p::selection, .page-id-676 .banner p::selection, .page-id-680 .banner p::selection {
color: #d01520;
background: #fff;
}
.page-id-647 .banner .divider, .page-id-676 .banner .divider, .page-id-680 .banner .divider {
margin: 50px 0;
}
.tax-venue_sport .categories, .page-id-674 .categories {
margin-top: -150px;
}
.tax-venue_sport .divider, .page-id-674 .divider {
margin: 50px 0;
}
.event_scroller {
z-index: 1000;
padding: 0 5% 250px;
position: relative;
}
.event_scroller .cell {
overflow: hidden;
}
.event_scroller h2, .event_scroller h2 a {
color: #d01520;
text-align: center;
margin-bottom: 50px;
}
.event_scroller p {
font-size: 18px;
line-height: 28px;
}
.member_scroller {
text-align: center;
background: #d01520;
padding: 130px 5% 250px;
}
.member_scroller h4 {
color: #fff;
margin-bottom: 70px;
}
.member_scroller .btn {
float: right;
margin: 80px 5%;
}
.recent_news {
float: left;
width: 100%;
padding: 130px 5%;
}
.recent_news h2 {
max-width: 70%;
text-align: center;
margin: 0 auto 100px;
}
.recent_news ul {
margin: 0;
padding: 0;
list-style: none;
}
.recent_news ul li {
float: left;
max-width: 23%;
width: 100%;
border-top: 10px solid #fff;
margin-right: 2%;
transition: all .25s;
}
.recent_news ul li:hover {
border-top: 10px solid #d01520;
transition: all .25s;
}
.recent_news ul li:hover a {
width: 100%;
z-index: -1;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/background-yellow.jpg") 0 9px repeat-x;
transition: all .25s;
}
.recent_news ul li img {
margin: 17px 0 25px;
display: block;
}
.recent_news ul li .wp-post-image {
max-height: 206px;
width: auto;
margin: 0 auto 20px;
}
.recent_news ul li span {
font-size: 22px;
}
.recent_news ul li p {
font-size: 26px;
font-weight: 600;
line-height: 34px;
position: relative;
}
.recent_news ul li p a {
color: #071c38;
transition: all .25s;
}
.recent_news ul li:last-child {
background: #0072bc;
margin-right: 0;
padding: 60px 42px;
}
.recent_news ul li:last-child:hover {
border-top: 10px solid #fff;
}
.recent_news ul li:last-child a {
color: #fff;
background: none;
}
.choose_springfield {
float: left;
text-align: center;
width: 100%;
padding: 130px 5%;
}
.choose_springfield h2 {
max-width: 70%;
text-align: center;
margin: 0 auto 100px;
}
.choose_springfield ul {
max-width: 945px;
width: 100%;
margin: 0 auto;
padding: 0;
list-style: none;
display: inline-block;
}
.choose_springfield ul li {
float: left;
width: 23%;
margin-right: 2%;
}
.choose_springfield ul li img {
height: 98px;
width: auto;
margin-bottom: 35px;
}
.choose_springfield ul li h4 {
margin: 0;
line-height: 1;
}
.choose_springfield ul li p {
color: #d01520;
margin: 0;
line-height: 1;
}
.choose_springfield .btn {
float: right;
}
.page-id-2 .choose_springfield ul {
margin: 0 auto 80px;
}
.hosted_organizations {
float: left;
text-align: center;
width: 100%;
padding: 50px 5%;
}
.springfield_photo {
clear: both;
padding: 15%;
}
.team_banner_image {
clear: both;
padding: 11%;
}
.recent_highlights {
padding: 130px 5%;
}
.recent_highlights h2 {
max-width: 70%;
text-align: center;
margin: 0 auto 100px;
}
.recent_highlights div {
float: left;
max-height: 225px;
max-width: 48%;
text-overflow: ellipsis;
width: 100%;
margin: 0 2% 2% 0;
padding: 3%;
box-shadow: 9px 9px 16px 3px rgba(102, 204, 251, .38);
}
.recent_highlights div img {
float: left;
height: auto;
max-width: 140px;
margin-right: 50px;
}
.recent_highlights div p {
font-size: 18px;
line-height: 28px;
}
.recent_highlights .quote {
box-shadow: none;
clear: both;
color: #fff;
max-width: 98%;
text-align: center;
width: 100%;
background: #0072bc;
margin: 10px 0 30px;
padding: 3% 6%;
font-size: 32px;
font-weight: 700;
line-height: 35px;
display: block;
}
.recent_highlights .quote span {
vertical-align: bottom;
font-family: proxima-nova, sans-serif;
font-size: 130px;
font-style: italic;
font-weight: 800;
display: inline-block;
}
.recent_highlights .quote .left_quote {
margin: 0 15px -15px 0;
}
.recent_highlights .quote .right_quote {
margin: 0 0 -40px;
}
.newsletter_signup {
float: left;
width: 100%;
background: #d01520;
border-bottom: 2px solid #fff;
padding: 45px 5% 32px;
}
.newsletter_signup .social_icon {
float: right;
margin-left: 30px;
transition: all .25s;
}
.newsletter_signup .social_icon:hover {
opacity: .7;
transition: all .25s;
}
.diagonal {
position: relative;
}
.diagonal:before {
content: "";
width: 100%;
height: 100vh;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: -1;
background: #fff;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skewY(175deg);
transform: skewY(175deg);
}
.diagonal.reverse {
position: relative;
}
.diagonal.reverse:before {
content: "";
width: 100%;
height: 100px;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
position: absolute;
top: -100px;
left: 0;
-webkit-transform: skewY(184deg);
transform: skewY(184deg);
}
.diagonal.red:before {
height: 200px;
width: 100%;
z-index: -1;
background: #d01520;
top: -200px;
}
.diagonal.blue {
margin-top: 300px;
}
.diagonal.blue:before {
height: 150px;
width: 100%;
z-index: -1;
background: #0072bc;
top: -120px;
}
.page-id-559 .diagonal:before, .page-id-694 .diagonal:before {
height: 250px;
width: 100%;
z-index: 1;
background: #fff;
top: -10px;
}
.divider {
height: 13px;
width: 385px;
background: #66ccfb;
margin: 50px auto;
display: block;
}
.full_column {
text-align: center;
width: 100%;
margin: 0 auto;
padding: 100px 5% 0;
}
.page-id-8 .full_column {
float: left;
margin: 0 auto;
padding: 75px 9%;
}
.page-id-8 .full_column:nth-child(2n+1) {
text-align: left;
}
.page-id-8 .full_column:nth-child(2n+1) img {
float: left;
margin-right: 5%;
}
.page-id-8 .full_column:nth-child(2n+1) div {
float: left;
max-width: 45%;
width: 100%;
margin-left: 5%;
}
.page-id-8 .full_column:nth-child(2n) {
text-align: right;
}
.page-id-8 .full_column:nth-child(2n) img {
float: right;
margin-left: 5%;
}
.page-id-8 .full_column:nth-child(2n) div {
float: right;
max-width: 45%;
width: 100%;
margin-right: 5%;
}
.page-id-8 .full_column h2 {
margin: 50px 0;
font-size: 3.5vw;
}
.drive_time {
text-align: center !important;
}
.drive_time img {
margin: 0 auto;
float: none !important;
}
.page-id-12 .full_column {
float: left;
margin: 0 auto;
padding: 75px 12%;
}
.page-id-12 .full_column:nth-child(2n+1) {
text-align: left;
}
.page-id-12 .full_column:nth-child(2n+1) img {
float: left;
margin-right: 5%;
}
.page-id-12 .full_column:nth-child(2n+1) div {
float: left;
max-width: 45%;
width: 100%;
margin-left: 5%;
}
.page-id-12 .full_column:nth-child(2n) {
text-align: right;
}
.page-id-12 .full_column:nth-child(2n) img {
float: right;
margin-left: 5%;
}
.page-id-12 .full_column:nth-child(2n) div {
float: right;
max-width: 45%;
width: 100%;
margin-right: 5%;
}
.page-id-12 .full_column h2 {
margin: 0 0 50px;
font-size: 3.5vw;
}
.page-id-14 .full_column p {
max-width: 70%;
margin: 20px auto;
font-weight: 600;
}
.page-id-14 .full_column.members .intro {
margin: 50px auto 80px;
}
.page-id-14 .full_column.members .intro p {
font-weight: 400 !important;
}
.page-id-14 .full_column.members p {
line-height: 36px;
}
.page-id-14 .full_column.members .half_column .round_mask {
float: none;
margin: 0 auto 30px 0;
display: inline-block;
}
.page-id-14 .full_column.members .half_column p {
max-width: 100%;
}
.page-id-20 .full_column {
padding: 40px 5% 0;
}
.page-id-20 .full_column p {
max-width: 70%;
margin: 50px auto;
font-weight: 600;
}
.page-id-559 .full_column, .page-id-694 .full_column, .tax-partnership .full_column, .tax-partnership .entry_content {
z-index: 10;
padding: 0 0 130px;
position: relative;
}
.page-id-559 .full_column h3, .page-id-694 .full_column h3, .tax-partnership .full_column h3, .tax-partnership .entry_content h3 {
margin: 50px auto 100px;
transition: all .25s;
}
.page-id-559 .full_column a:hover h3, .page-id-694 .full_column a:hover h3, .tax-partnership .full_column a:hover h3, .tax-partnership .entry_content a:hover h3 {
color: #66ccfb;
transition: all .25s;
}
.page-id-559 .full_column img, .page-id-694 .full_column img, .tax-partnership .full_column img, .tax-partnership .entry_content img {
max-width: 150px;
vertical-align: top;
margin: 0 30px 90px;
display: inline-block;
}
.page-id-571 .winners p {
max-width: 100% !important;
}
.page-id-676 .full_column {
padding: 130px 5% !important;
}
.page-id-680 .full_column {
padding: 0 2.5% 130px;
}
.page-template-template-one-column .full_column {
float: left;
text-align: left;
padding: 0 5% 130px;
}
.page-template-template-one-column .full_column h1, .page-template-template-one-column .full_column h2, .page-template-template-one-column .full_column h3 {
text-align: center;
margin: 0 auto 70px;
}
.page-template-template-one-column .full_column p, .page-template-template-one-column .full_column ul li {
max-width: 70%;
margin: 0 auto 30px;
}
.page-template-template-one-column .full_column h3 {
margin: 70px auto;
}
.left_column {
float: left;
max-width: 65%;
width: 100%;
margin-right: 5%;
}
.page-template-template-one-column .left_column h2 {
text-align: left;
margin: 0 0 70px;
}
.page-template-template-one-column .left_column p {
max-width: 100%;
}
.right_column {
float: left;
max-width: 30%;
width: 100%;
margin-bottom: 130px;
}
.tax-level .main, .tax-partnership .main {
width: 100%;
padding: 0 0 80px !important;
}
.tax-level .banner, .tax-partnership .banner {
padding: 100px 5%;
}
.tax-level .banner h1, .tax-partnership .banner h1 {
color: #d01520;
margin: 25px 0;
font-size: 40px;
}
.tax-level .banner h4, .tax-partnership .banner h4 {
color: #d0d0d0;
}
.tax-level .banner p, .tax-level .banner a, .tax-partnership .banner p, .tax-partnership .banner a {
max-width: 70%;
color: #071c38 !important;
}
.tax-level .banner a:hover, .tax-partnership .banner a:hover {
color: #d01520 !important;
}
.tax-level .banner .btn, .tax-partnership .banner .btn {
float: right;
}
.tax-level .banner .btn:hover, .tax-partnership .banner .btn:hover {
padding: 0 33px 0 0;
color: #071c38 !important;
}
.tax-level .full_column, .tax-partnership .full_column {
float: left;
width: 100%;
margin-bottom: 40px;
padding: 0 5%;
}
.tax-level .full_column .accordion, .tax-partnership .full_column .accordion {
border-top: 5px solid #d01520;
border-bottom: 5px solid #d01520;
}
.tax-level .full_column .accordion .accordion-content, .tax-partnership .full_column .accordion .accordion-content {
float: none;
margin-top: 60px;
}
.tax-level .half_column, .tax-partnership .half_column {
max-width: 34%;
margin: 40px 8%;
}
.tax-level .half_column img, .tax-partnership .half_column img {
float: left;
max-width: 120px;
margin: 0 40px 40px 0;
}
.tax-level .half_column h4, .tax-partnership .half_column h4 {
color: #d0d0d0;
}
.tax-level .half_column p, .tax-partnership .half_column p {
clear: both;
}
.tax-level .half_column:nth-child(2n), .tax-partnership .half_column:nth-child(2n) {
clear: left;
}
.tax-level .join_our_team, .tax-partnership .join_our_team {
border-bottom: none;
margin-top: 130px;
padding: 50px 8% 20px;
}
.tax-level .join_our_team .btn, .tax-partnership .join_our_team .btn {
margin-top: 50px;
}
.tax-level .diagonal.blue, .tax-partnership .diagonal.blue {
margin-top: 0;
}
.tax-level .diagonal.blue:before, .tax-partnership .diagonal.blue:before {
height: 225px;
top: 0;
}
.tax-level .springfield_photo, .tax-partnership .springfield_photo {
padding: 16%;
}
.tax-partnership .main {
width: 100%;
padding: 0 0 80px !important;
}
.tax-partnership .banner {
padding: 100px 5%;
}
.tax-partnership .banner h1 {
color: #d01520;
margin: 25px 0;
font-size: 40px;
}
.tax-partnership .banner h4 {
color: #d0d0d0;
}
.tax-partnership .banner p, .tax-partnership .banner a {
max-width: 70%;
color: #071c38 !important;
}
.tax-partnership .banner a:hover {
color: #d01520 !important;
}
.tax-partnership .banner .btn {
float: right;
}
.tax-partnership .banner .btn:hover {
padding: 0 33px 0 0;
color: #071c38 !important;
}
.tax-partnership .full_column {
float: left;
width: 100%;
margin-bottom: 40px;
padding: 0 5%;
}
.tax-partnership .full_column .accordion {
border-top: 5px solid #d01520;
border-bottom: 5px solid #d01520;
}
.tax-partnership .full_column .accordion .accordion-content {
float: none;
margin-top: 60px;
}
.tax-partnership .half_column {
max-width: 34%;
margin: 40px 8%;
}
.tax-partnership .half_column img {
float: left;
max-width: 120px;
margin: 0 40px 40px 0;
}
.tax-partnership .half_column h4 {
color: #d0d0d0;
}
.tax-partnership .half_column p {
clear: both;
}
.tax-partnership .join_our_team {
border-bottom: none;
margin-top: 130px;
padding: 50px 8% 20px;
}
.tax-partnership .join_our_team .btn {
margin-top: 50px;
}
.tax-partnership .diagonal.blue {
margin-top: 0;
}
.tax-partnership .diagonal.blue:before {
height: 225px;
top: 0;
}
.tax-partnership .springfield_photo {
padding: 16%;
}
.accordion-content .half_column {
padding-right: 40px;
}
.members .half_column {
max-width: 45%;
text-align: left;
margin: 0 2.5% 100px;
}
.members .half_column div {
display: inline;
}
.members .half_column:nth-child(2n+1) {
clear: left !important;
}
.venues .half_column {
text-align: left;
margin-bottom: 100px;
}
.venues .half_column .img_wrap {
height: 206px;
vertical-align: middle;
width: auto;
align-items: flex-end;
display: flex;
}
.venues .half_column .img_wrap img {
margin-bottom: 30px;
}
.venues .half_column p {
font-size: 18px;
line-height: 28px;
}
.round_mask {
float: left;
height: 240px;
width: 240px;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
margin-right: 50px;
}
.contact_column {
float: left;
width: 100%;
margin: 0 auto;
padding: 130px 15%;
}
.contact_column .half_column {
float: left;
max-width: 40%;
width: 100%;
margin-right: 5%;
}
.contact_column img {
float: left;
margin: -70px 70px 0 0;
}
.page-id-8 .contact_column {
padding: 130px 5%;
}
.page-id-8 .contact_column h2 {
margin: 120px 0 30px;
font-size: 3.5vw;
}
.page-id-20 .contact_column h2 {
margin-bottom: 30px;
font-size: 3.5vw;
}
.page-id-20 .contact_column form {
margin-top: -100px;
}
.page-id-647 .contact_column h2, .page-id-676 .contact_column h2 {
margin-top: 70px;
}
.page-id-676 .banner a {
color: #071c38 !important;
}
.accordion {
float: left;
text-align: left;
width: 100%;
border-bottom: 5px solid #d01520;
padding: 50px 5%;
}
.accordion .accordion-item {
text-align: center;
}
.accordion .accordion-content {
float: left;
text-align: left;
width: 100%;
margin-top: 20px;
padding: 0;
border: none !important;
}
.accordion .accordion-content p {
font-size: 18px;
line-height: 28px;
}
.accordion .accordion-title {
cursor: pointer;
align-items: center;
display: inline-flex;
color: #d01520 !important;
border: none !important;
padding: 0 !important;
font-size: 40px !important;
}
.accordion .accordion-title:hover {
background: none !important;
}
.accordion .accordion-title:before {
content: "";
}
.accordion .accordion-title:after {
content: "";
height: 17px;
width: 30px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-closed.jpg");
margin: -5px 0 0 23px;
display: inline-block;
}
.accordion .is-active .accordion-title:after {
content: "";
height: 17px;
width: 30px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-open.jpg");
}
.accordion .column:last-child:not(:first-child), .accordion .columns:last-child:not(:first-child) {
float: inherit;
}
.accordion .half_column {
min-height: 350px;
margin-bottom: 50px;
}
.accordion .half_column:nth-child(2n+1) {
clear: left;
}
.accordion img {
margin: 0 40px 20px 0;
}
.accordion h4 {
color: #d0d0d0;
margin-top: 20px;
}
.accordion .img_wrap {
height: 180px;
vertical-align: middle;
width: auto;
align-items: flex-end;
display: flex;
}
.accordion span {
color: #d01520;
}
.join_our_team {
float: left;
background: #0072bc;
border-bottom: 9px solid #fff;
margin: 0 auto;
padding: 50px 15% 130px;
}
.join_our_team h2, .join_our_team p {
color: #fff;
}
.join_our_team p {
max-width: 60%;
margin: 35px 0;
}
.join_our_team .btn {
color: #fff;
float: right;
}
.join_our_team .btn:hover {
padding: 0 33px 0 0;
color: #fff !important;
}
.page-id-559 .join_our_team, .page-id-694 .join_our_team {
padding: 50px 15% 153px !important;
}
.page-id-559 .join_our_team .btn, .page-id-694 .join_our_team .btn {
margin-top: 30px;
}
.team_members {
width: 100%;
background: #d01520;
margin-top: 160px;
padding: 80px 5%;
display: inline-block;
}
.team_members h2 {
color: #fff;
text-align: center;
margin-bottom: 80px;
}
.team_members h4 {
color: #fff;
margin-top: 40px;
}
.team_members p {
color: #fff;
line-height: 26px;
}
.team_members .btn {
color: #fff;
margin-top: 15px;
}
.team_members img {
float: left;
margin-right: 35px;
}
.team_bio {
display: none;
}
.blue_box {
float: left;
max-width: 40%;
width: 100%;
background: #0072bc;
margin: 210px 5%;
padding: 70px 80px;
position: relative;
}
.blue_box h4, .blue_box a {
color: #fff;
}
.blue_box:before {
content: "";
width: 100%;
border-top: 10px solid #fff;
transition: all .25s;
position: absolute;
top: -21px;
left: 0;
}
.blue_box:hover:before {
border-top: 10px solid #d01520;
transition: all .25s;
}
.entry_content img {
max-width: 100%;
height: auto;
}
.entry_content .alignleft, .entry_content img.alignleft {
float: left;
margin-right: 1.5em;
}
.entry_content .alignright, .entry_content img.alignright {
float: right;
margin-left: 1.5em;
}
.entry_content .aligncenter, .entry_content img.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
}
.entry_content video, .entry_content object {
max-width: 100%;
height: auto;
}
.blog h1, .archive h1 {
color: #d01520;
font-size: 45px;
}
.blog h4 a, .archive h4 a {
color: #071c38;
}
.blog .main, .archive .main {
width: 100%;
padding: 100px 5% 80px;
}
.blog .post, .archive .post {
max-width: 43%;
vertical-align: top;
width: 100%;
border-top: 10px solid #fff;
margin: 0 10% 5% 0;
transition: all .25s;
display: inline-block;
}
.blog .post:hover, .archive .post:hover {
border-top: 10px solid #d01520;
transition: all .25s;
}
.blog .post:hover a, .archive .post:hover a {
color: #071c38;
width: 100%;
z-index: -1;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/background-yellow.jpg") 0 9px repeat-x;
transition: all .25s;
}
.blog .post img, .archive .post img {
margin: 0 0 35px;
padding-top: 11px;
}
.blog article.post:nth-child(2n), .archive article.post:nth-child(2n) {
margin-right: 0;
}
.tax-level .main {
padding: 0 0 80px;
}
.categories {
float: right;
list-style: none;
}
.categories li {
float: left;
margin-left: 30px;
}
.categories li a {
color: #d01520;
}
.categories li a:hover {
text-decoration: underline;
}
.categories li.current-cat a {
font-weight: 600;
}
.ms-parent-id-1 {
padding-bottom: 100px;
}
.ms-parent-id-1 .ms-slide-info {
width: 100% !important;
}
.ms-parent-id-1 .ms-info {
text-align: left;
margin-top: 100px;
}
.ms-parent-id-1 .ms-info .excerpt-read-more {
display: none;
}
.ms-parent-id-1 .ms-info img {
float: left;
margin: 0 55px 0 0;
height: auto !important;
width: 300px !important;
}
.ms-parent-id-1 .ms-info h2 {
font-size: 40px;
text-align: left !important;
margin: 0 0 20px !important;
}
.ms-parent-id-1 .ms-info h2::selection, .ms-parent-id-1 .ms-info h2 a::selection {
color: #071c38;
background: #66ccfb;
}
.ms-parent-id-1 .ms-bullet {
border: 3px solid #d01520;
border-radius: 100%;
background: #d01520 !important;
}
.ms-parent-id-1 .ms-bullet-selected {
border: 3px solid #66ccfb;
border-radius: 100%;
background: #d01520 !important;
}
.ms-parent-id-1 .ms-info .btn {
float: right;
}
.ms-parent-id-1 .ms-info .btn:after {
top: 10px;
}
.ms-parent-id-2 .ms-slide-bgcont {
background-color: #fff;
background-size: 120px;
border-radius: 100%;
}
.ms-parent-id-2 .ms-nav-next {
height: 45px !important;
width: 25px !important;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-right.png") !important;
top: -90px !important;
}
.ms-parent-id-2 .ms-nav-prev {
height: 45px !important;
width: 25px !important;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-left.png") !important;
top: -90px !important;
}
.ms-parent-id-2 .ms-container, .ms-parent-id-4 .ms-container {
overflow: visible !important;
}
.ms-parent-id-4 .ms-nav-next {
height: 45px !important;
width: 25px !important;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-right-red.png") !important;
top: -90px !important;
}
.ms-parent-id-4 .ms-nav-prev {
height: 45px !important;
width: 25px !important;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-left-red.png") !important;
top: -90px !important;
}
.tribe-events-page-template .categories {
margin-top: 50px;
}
.events-category-community-event .categories li:nth-child(2), .blog .cat-item-all {
font-weight: 600;
}
.single .main {
padding: 80px 5% 130px;
}
.single .full_column {
text-align: left;
}
.single .full_column h1 {
color: #d01520;
}
.single .left_column {
text-align: left;
}
.single .left_column h1 {
color: #d01520;
}
.single h2.screen-reader-text {
visibility: hidden;
}
.single .nav-previous {
float: left;
}
.single .nav-next {
float: right;
}
.widget ul {
margin: 20px !important;
}
.footer {
float: left;
text-align: center;
width: 100%;
background: #d01520;
padding: 80px 5% 0;
}
.footer h4 {
color: #fff;
margin-bottom: 40px;
}
.footer p {
color: #fff;
text-transform: uppercase;
margin: 0;
}
.footer .address {
font-size: 18px;
line-height: 25px;
}
.footer img {
margin: 0 25px 80px;
transition: all .25s;
}
.footer img:hover {
opacity: .7;
transition: all .25s;
}
.error404 {
padding: 130px 5%;
}
.error404 h1 {
color: #d01520;
}
@media only screen and (max-width: 1212px) {
.round_mask {
float: none;
margin-bottom: 15px;
display: inline-block;
}
}
@media only screen and (max-width: 1024px) {
.show-for-small-only {
display: block !important;
}
.select_sgf_menu {
color: #d01520;
text-transform: uppercase;
background: #fff;
margin-right: 5%;
padding: .7rem 1rem;
}
.menu_icon {
cursor: pointer;
height: 45px;
width: 60px;
z-index: 10000000;
transition: all .5s ease-in-out;
position: absolute;
top: 60px;
right: 5%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu_icon span {
height: 5px;
opacity: 1;
width: 100%;
background: #fff;
border-radius: 0;
transition: all .25s ease-in-out;
display: block;
position: absolute;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu_icon span:nth-child(1) {
top: 0;
}
.menu_icon span:nth-child(2), .menu_icon span:nth-child(3) {
top: 18px;
}
.menu_icon span:nth-child(4) {
top: 36px;
}
.top-bar-right {
display: none;
}
.menu_icon.open span:nth-child(1) {
width: 0%;
background: #0072bc;
top: 18px;
left: 50%;
}
.menu_icon.open span:nth-child(2) {
background: #0072bc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_icon.open span:nth-child(3) {
background: #0072bc;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_icon.open span:nth-child(4) {
width: 0%;
background: #0072bc;
top: 18px;
left: 50%;
}
#menu-mobile-navigation {
height: 100vh;
max-width: 85%;
text-align: center;
width: 100%;
z-index: 1000000;
background: #fff;
padding-top: 152px;
display: none;
position: absolute;
top: 0;
right: 0;
}
#menu-mobile-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu-mobile-navigation ul li.active a, #menu-mobile-navigation ul li.current-menu-item a, #menu-mobile-navigation ul li.current-menu-ancestor a {
color: #fff !important;
background: #d01520 !important;
}
#menu-mobile-navigation .sub-menu {
display: none;
}
#menu-mobile-navigation a {
text-transform: uppercase;
padding: 40px 0;
font-size: 32px;
}
.menu .active a {
color: #fff !important;
background: #d01520 !important;
}
.header .top-bar .current_page_item a, .header .top-bar .current_page_ancestor a {
color: #fff !important;
}
#menu-item-807 > a:after, #menu-item-809 > a:after, #menu-item-816 > a:after, #menu-item-819 > a:after, #menu-item-2501 > a:after {
content: "";
height: 17px;
width: 29px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-down-mobile.jpg") no-repeat;
margin: 8px 0 0 10px;
position: absolute;
}
#menu-item-807.open > a:after, #menu-item-809.open > a:after, #menu-item-816.open > a:after, #menu-item-819.open > a:after, #menu-item-2501.open > a:after {
content: "";
height: 17px;
width: 29px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-up-mobile.jpg") no-repeat;
margin: 8px 0 0 10px;
position: absolute;
}
#menu-item-807.current-menu-ancestor > a:after, #menu-item-809.current-menu-ancestor > a:after, #menu-item-816.current-menu-ancestor > a:after, #menu-item-819.current-menu-ancestor > a:after, #menu-item-2501.current-menu-ancestor > a:after {
content: "";
height: 17px;
width: 29px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-down-active-mobile.jpg") no-repeat;
margin: 8px 0 0 10px;
position: absolute;
}
#menu-item-807.current-menu-ancestor.open > a:after, #menu-item-809.current-menu-ancestor.open > a:after, #menu-item-816.current-menu-ancestor.open > a:after, #menu-item-819.current-menu-ancestor.open > a:after, #menu-item-2501.current-menu-ancestor.open > a:after {
content: "";
height: 17px;
width: 29px;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-arrow-up-active-mobile.jpg") no-repeat;
margin: 8px 0 0 10px;
position: absolute;
}
#menu-mobile-navigation li.open .sub-menu a {
color: #d01520 !important;
background: #fff !important;
}
}
@media only screen and (max-width: 750px) {
.desktop {
display: none !important;
}
.mobile {
display: block !important;
}
small {
font-size: 16px !important;
}
.diagonal:before {
height: 100px;
z-index: 1;
}
.banner, .banner p {
max-width: 100%;
}
.page-id-2 .banner {
height: 700px;
top: 150px;
}
.page-id-2 .video_wrapper {
height: 550px;
}
.page-id-2 .diagonal:before {
height: 100px;
top: -10px;
}
.page-id-2 video {
max-width: 150%;
width: auto !important;
}
.page-id-559 .banner p, .page-id-647 .banner p, .page-id-676 .banner p, .page-id-680 .banner p, .page-id-694 .banner p {
max-width: 100%;
}
.ms-parent-id-1 .ms-info .btn {
float: left;
}
.page-id-20 .contact_column {
margin-top: 280px;
}
.members .half_column:nth-child(2n+1) {
clear: left;
}
.choose_springfield {
padding: 130px 10%;
}
.choose_springfield h2 {
max-width: 100%;
}
.choose_springfield ul li {
width: 48%;
margin-bottom: 70px;
}
.choose_springfield ul li h4 {
font-size: 40px;
}
.choose_springfield .btn {
float: none;
}
.venues .half_column p {
font-size: 26px;
line-height: 40px;
}
.event_scroller {
padding: 130px 5%;
}
.event_scroller .ms-info img {
margin-bottom: 30px;
width: 100% !important;
}
.ms-parent-id-4 .ms-nav-next {
right: 10px;
top: -80px !important;
}
.ms-parent-id-4 .ms-nav-prev {
left: 10px;
top: -80px !important;
}
.member_scroller h4 {
font-size: 20px;
}
.page-id-2 .event_scroller {
padding: 130px 5% 300px;
}
.springfield_photo {
padding: 40% 0;
}
.accordion-content {
margin-top: 20px !important;
}
.accordion-content p {
font-size: 26px !important;
line-height: 40px !important;
}
.recent_news .ms-parent-id-3 .ms-nav-next {
height: 44px !important;
width: 26px !important;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-red-arrow-right.jpg") !important;
right: -40px !important;
}
.recent_news .ms-parent-id-3 .ms-nav-prev {
height: 44px !important;
width: 26px !important;
background: url("https://www.springfieldmosports.org/wp-content/themes/ssc-theme/assets/images/icon-red-arrow-left.jpg") !important;
left: -40px !important;
}
.recent_news h2 {
max-width: 100%;
}
.recent_news .ms-slide-info {
margin-top: 50px !important;
}
.recent_news p a {
color: #071c38;
font-weight: 600;
}
.recent_news .btn {
margin: 80px auto 0;
display: table;
}
.recent_highlights {
padding: 130px 15%;
}
.recent_highlights div {
max-width: 100%;
padding: 6% 3%;
}
.recent_highlights .quote {
max-width: 100%;
margin: 30px 0;
padding: 10% 6%;
}
.page-id-8 .full_column {
padding: 75px 5%;
}
.page-id-8 .full_column div {
max-width: 100% !important;
margin-left: 0 !important;
}
.page-id-8 .full_column img {
float: none;
width: 100%;
}
.page-id-8 .full_column h2 {
font-size: 40px;
}
.page-id-12 .full_column {
padding: 75px 5%;
}
.page-id-12 .full_column div {
max-width: 100% !important;
margin-left: 0 !important;
}
.page-id-12 .full_column img {
max-width: 300px;
width: 100%;
margin: 0 auto 30px;
float: none !important;
}
.page-id-12 .full_column h2 {
font-size: 40px;
}
.page-id-14 .full_column p, .page-id-20 .full_column p {
max-width: 100%;
}
.page-id-18 .left_column {
max-width: 100%;
margin-right: 0;
}
.page-id-18 .right_column {
max-width: 100%;
}
.team_banner_image, .visitor_banner_image {
padding: 40%;
}
.accordion .half_column {
max-width: 100%;
margin: 0 0 25px;
}
.venues {
margin-bottom: 130px;
}
.venues .half_column {
max-width: 100%;
margin: 0 0 50px;
}
.venues .img_wrap {
height: 206px;
vertical-align: middle;
width: auto;
align-items: flex-end;
display: flex;
}
.categories {
margin: 0 0 50px;
}
.categories a {
font-size: 20px;
}
.page-template-template-one-column .full_column {
padding: 130px 5%;
}
.page-template-template-one-column .full_column p, .page-template-template-one-column .full_column ul li {
max-width: 100%;
}
.left_column {
max-width: 100%;
margin-right: 0;
}
.tribe-events-page-template {
padding: 40px 0;
}
.tribe-events-page-template .tribe-events-list .type-tribe_events {
max-width: 100%;
}
.tribe-events-page-template .tribe-events-list .time-details, .tribe-events-page-template .tribe-events-list .tribe-event-schedule-details {
padding: 0;
}
.tribe-events-page-template .tribe-events-loop .tribe-events-event-meta {
padding: 0;
background: none !important;
border: none !important;
}
.tribe-events-page-template .categories {
margin-top: 0;
}
#tribe-events-footer .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav li {
width: auto !important;
}
.tribe-events-pg-template {
padding: 0;
}
.tribe-events-pg-template .tribe-events-event-image {
width: 100%;
margin: 0 0 50px;
}
.tribe-events-pg-template .tribe-events-event-image img {
width: 100%;
}
.single-tribe_events .tribe-events-schedule {
padding: 0;
background: none !important;
border: none !important;
}
.tribe-mini-calendar {
display: none;
}
.tribe-mini-calendar-event .list-date, .tribe-mini-calendar-event .list-info {
width: 100% !important;
}
.tribe-events-sub-nav li a {
background: none !important;
padding: 0 !important;
}
.contact_column {
padding: 130px 5%;
}
.contact_column .half_column {
max-width: 100%;
margin: 0 0 50px;
}
.contact_column .half_column h2 {
font-size: 40px;
}
.contact_column .half_column form {
margin-top: 10px;
}
.join_our_team p {
max-width: 100%;
}
.join_our_team .btn {
float: none;
}
.team_members .half_column {
max-width: 100%;
margin: 0 0 50px;
}
.blue_box {
max-width: 90%;
margin: 50px 5%;
}
.page-id-14 .contact_column img {
width: 100%;
margin: -70px 0 30px;
}
.blog .post, .archive .post {
max-width: 100%;
margin: 0 0 15%;
}
.blog .post .full_column, .archive .post .full_column {
padding: 130px 0;
}
.blog .post img, .archive .post img {
max-width: 100%;
width: 100%;
}
.blog .post h4 a, .archive .post h4 a {
color: #d01520;
}
.newsletter_signup {
text-align: center;
padding: 50px 5%;
}
.newsletter_signup .social_icon {
float: none;
margin: 0 34px 50px;
display: inline-block;
}
.newsletter_signup form {
display: block;
}
.newsletter_signup form input {
max-width: 100%;
}
.newsletter_signup form button {
float: right;
margin-top: 50px;
}
.footer img {
margin: 0 50px 50px;
}
.footer small {
font-size: 22px !important;
}
}
.event_partner_scroller {
padding: 0 5% 130px;
}
.event_partner_scroller h2 {
text-align: center;
margin-bottom: 50px;
}
.event_partner_scroller .ms-info img {
margin-bottom: 30px;
width: 100% !important;
}
.wp-caption {
max-width: 100%;
background: #eee;
padding: 5px;
}
.wp-caption img {
max-width: 100%;
width: 100%;
margin-bottom: 0;
}
.wp-caption p.wp-caption-text {
text-align: center;
margin: 4px 0 7px;
font-size: .85em;
}
.post-password-form input[type="submit"] {
vertical-align: middle;
-webkit-appearance: none;
text-align: center;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
margin: 0 0 1rem;
padding: .85em 1em;
font-family: inherit;
font-size: .9rem;
line-height: 1;
transition: background-color .25s ease-out, color .25s ease-out;
display: inline-block;
}
[data-whatinput="mouse"] .post-password-form input[type="submit"] {
outline: 0;
}
.post-password-form input[type="submit"], .post-password-form input[type="submit"].disabled, .post-password-form input[type="submit"][disabled], .post-password-form input[type="submit"].disabled:hover, .post-password-form input[type="submit"][disabled]:hover, .post-password-form input[type="submit"].disabled:focus, .post-password-form input[type="submit"][disabled]:focus {
color: #fff;
background-color: #1779ba;
}
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
color: #fff;
background-color: #14679e;
}
.gallery {
max-width: 100%;
margin-left: -15px;
margin-right: -15px;
}
.gallery:before, .gallery:after {
content: " ";
display: table;
}
.gallery:after {
clear: both;
}
.gallery.gallery-columns-1 > dl {
width: 100%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-1 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-1 > dl, .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-2 > dl {
width: 50%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-2 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-2 > dl, .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-3 > dl {
width: 33.3333%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-3 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-3 > dl, .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-4 > dl {
width: 25%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-4 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-4 > dl, .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-5 > dl {
width: 20%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-5 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-5 > dl, .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-6 > dl {
width: 16.6667%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-6 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-6 > dl, .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-7 > dl {
width: 14.2857%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-7 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-7 > dl, .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
float: right;
}
.gallery.gallery-columns-8 > dl {
width: 12.5%;
float: left;
padding-left: .625rem;
padding-right: .625rem;
}
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-8 > dl {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.gallery.gallery-columns-8 > dl, .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
float: left;
clear: none;
}
.gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
float: right;
}
.gallery dl {
width: 100%;
float: left;
padding-left: .9375rem;
padding-right: .9375rem;
}
.gallery dl:last-child:not(:first-child) {
float: right;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
visibility: hidden;
margin: 0;
top: -9999px;
left: -9999px;
position: absolute !important;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 100%;
-webkit-tap-highlight-color: transparent;
width: 100%;
z-index: 99992;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
opacity: 0;
transition-duration: inherit;
background: #1e1e1e;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .87;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
visibility: hidden;
z-index: 99997;
transition: opacity .25s, visibility 0s linear .25s;
position: absolute;
}
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility;
}
.fancybox-infobar {
color: #ccc;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
min-width: 44px;
mix-blend-mode: difference;
pointer-events: none;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0 10px;
font-size: 13px;
line-height: 44px;
top: 0;
left: 0;
}
.fancybox-toolbar {
top: 0;
right: 0;
}
.fancybox-stage {
direction: ltr;
z-index: 99994;
overflow: visible;
-webkit-transform: translate3d(0, 0, 0);
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 100%;
-webkit-overflow-scrolling: touch;
text-align: center;
white-space: normal;
width: 100%;
z-index: 99994;
outline: none;
padding: 44px;
transition-property: -webkit-transform, transform, opacity, -webkit-transform;
display: none;
position: absolute;
top: 0;
left: 0;
overflow: auto;
}
.fancybox-slide:before {
content: "";
height: 100%;
vertical-align: middle;
width: 0;
margin-right: -.25em;
display: inline-block;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
display: block;
}
.fancybox-slide--next {
z-index: 99995;
}
.fancybox-slide--image {
padding: 44px 0;
overflow: visible;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px 6px 0;
}
.fancybox-slide--iframe {
padding: 44px 44px 0;
}
.fancybox-content {
max-width: 100%;
text-align: left;
vertical-align: middle;
background: #fff;
margin: 0 0 6px;
padding: 24px;
display: inline-block;
position: relative;
overflow: auto;
}
.fancybox-slide--image .fancybox-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
max-width: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
background: 0 0 / 100% 100% no-repeat;
margin: 0;
padding: 0;
transition-property: -webkit-transform, transform, opacity, -webkit-transform;
-webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
position: absolute;
top: 0;
left: 0;
overflow: visible;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-drag .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-dragging .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image, .fancybox-spaceball {
height: 100%;
max-height: none;
max-width: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
background: none;
border: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--html .fancybox-content {
margin-bottom: 6px;
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
height: calc(100% - 44px);
background: #fff;
margin-bottom: 44px;
}
.fancybox-video, .fancybox-iframe {
height: 100%;
width: 100%;
background: none;
border: 0;
margin: 0;
padding: 0;
overflow: hidden;
}
.fancybox-iframe {
vertical-align: top;
}
.fancybox-error {
cursor: default;
max-width: 400px;
width: 100%;
background: #fff;
padding: 40px;
}
.fancybox-error p {
color: #444;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 20px;
}
.fancybox-button {
cursor: pointer;
height: 44px;
vertical-align: top;
width: 44px;
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
outline: none;
margin: 0;
padding: 10px;
transition: color .2s;
display: inline-block;
}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {
color: #ccc;
}
.fancybox-button:focus, .fancybox-button:hover {
color: #fff;
}
.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
}
.fancybox-button svg {
shape-rendering: geometricprecision;
display: block;
position: relative;
overflow: visible;
}
.fancybox-button svg path {
fill: rgba(0, 0, 0, 0);
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3px;
}
.fancybox-button--play svg path:nth-child(2), .fancybox-button--pause svg path:nth-child(1) {
display: none;
}
.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
fill: currentColor;
}
.fancybox-button--share svg path {
stroke-width: 1px;
}
.fancybox-navigation .fancybox-button {
height: 38px;
opacity: 0;
width: 38px;
padding: 6px;
position: absolute;
top: 50%;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
transition: opacity .25s, visibility, color .25s;
}
.fancybox-navigation .fancybox-button:after {
content: "";
padding: 50px;
position: absolute;
top: -25px;
left: -25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 6px;
}
.fancybox-close-small {
color: #555;
cursor: pointer;
height: 44px;
width: 44px;
z-index: 10;
background: none;
border: 0;
border-radius: 0;
margin: 0;
padding: 6px;
position: absolute;
top: 0;
right: 0;
}
.fancybox-close-small svg {
fill: rgba(0, 0, 0, 0);
opacity: .8;
stroke: currentColor;
stroke-width: 1.5px;
transition: stroke .1s;
}
.fancybox-close-small:focus {
outline: none;
}
.fancybox-close-small:hover svg {
opacity: 1;
}
.fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small {
color: #ccc;
padding: 5px;
top: -44px;
right: -12px;
}
.fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg, .fancybox-slide--iframe .fancybox-close-small:hover svg {
color: #fff;
background: none;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none;
}
.fancybox-caption {
color: #fff;
padding: 25px 44px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
bottom: 0;
left: 0;
right: 0;
}
.fancybox-caption:before {
content: "";
pointer-events: none;
z-index: -1;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC");
background-repeat: repeat-x;
background-size: contain;
display: block;
position: absolute;
top: -25px;
bottom: 0;
left: 0;
right: 0;
}
.fancybox-caption:after {
content: "";
border-bottom: 1px solid rgba(255, 255, 255, .3);
display: block;
position: absolute;
top: 0;
left: 44px;
right: 44px;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
height: 60px;
opacity: .6;
width: 60px;
z-index: 99999;
background: none;
border: 6px solid rgba(100, 100, 100, .5);
border-top-color: #fff;
border-radius: 100%;
margin: -30px 0 0 -30px;
padding: 0;
-webkit-animation: fancybox-rotate .8s linear infinite;
animation: fancybox-rotate .8s linear infinite;
position: absolute;
top: 50%;
left: 50%;
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(.5, .5, .5);
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0)translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0)translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0)translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0)translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1)translate3d(0, 0, 0);
transform: scale3d(1, 1, 1)translate3d(0, 0, 0);
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0)scale(.1)skew(-10deg);
transform: translate3d(-100%, 0, 0)scale(.1)skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0)scale(.1)skew(10deg);
transform: translate3d(100%, 0, 0)scale(.1)skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0)scale(1);
transform: translate3d(0, 0, 0)scale(1);
}
.fancybox-share {
max-width: 90%;
text-align: center;
background: #f4f4f4;
border-radius: 3px;
padding: 30px;
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 35px;
font-weight: 700;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
min-width: 130px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
border: 0;
border-radius: 3px;
margin: 0 5px 10px;
padding: 0 15px;
font-size: 14px;
font-weight: 700;
line-height: 40px;
text-decoration: none;
transition: all .2s;
display: inline-block;
}
.fancybox-share__button:visited, .fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
vertical-align: middle;
width: 25px;
margin-right: 7px;
position: relative;
top: -1px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
color: #5d5b5b;
width: 100%;
background: none;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
outline: none;
margin: 10px 0 0;
padding: 10px 15px;
font-size: 14px;
}
.fancybox-thumbs {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-tap-highlight-color: transparent;
width: 212px;
z-index: 99995;
background: #fff;
margin: 0;
padding: 2px 2px 4px;
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs > ul {
height: 100%;
white-space: nowrap;
width: 100%;
margin: 0;
padding: 0;
font-size: 0;
list-style: none;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.fancybox-thumbs-x > ul {
overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs > ul > li {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: pointer;
float: left;
height: 75px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
-webkit-tap-highlight-color: transparent;
width: 100px;
outline: none;
margin: 2px;
padding: 0;
position: relative;
overflow: hidden;
}
.fancybox-thumbs-loading {
background: rgba(0, 0, 0, .1);
}
.fancybox-thumbs > ul > li {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.fancybox-thumbs > ul > li:before {
content: "";
opacity: 0;
z-index: 99991;
border: 4px solid #4ea7f9;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 800px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs > ul > li {
max-width: calc(100% - 10px);
}
}
/*# sourceMappingURL=main.css.map */