/*
Theme Name: ECP v2.2
Theme URI: http://foundationpress.olefredrik.com
Github Theme URI: https://github.com/olefredrik/FoundationPress
Description: FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version: 2.9.2
Author: Ole Fredrik Lie
Author URI: http://olefredrik.com/
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
*/
/* ----------------------------------------------------------------------------
Unfortunately WordPress will require a style.css file
located in the theme's root folder for stuff to work.
However, we will not be using vanilla CSS. We're using Sass.
Sass is a superset of CSS that adds in amazing features
such as variables, nested selectors and loops. It's also
the easiest way to customize Foundation.
1
All Sass files are located in the /assets/scss folder.
Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
'npm run watch' or 'npm run build'.
Please read the README.md file before getting started. More info on how
to use Sass with Foundation can be found here:
http://foundation.zurb.com/docs/sass.html
If you for some reason would like to write plain css instead of using Sass,
you could just enqueue this file (style.css) to the header and add your styles in this file
---------------------------------------------------------------------------- */
.donation-section-container {
margin: auto;
max-width: 880px;
margin-top: 50px;
margin-bottom: 10px;
}
.donation-banner,
.donation-main-headline {
margin-bottom: 40px;
}
.donation-main-headline {
font-size: 30px;
line-height: 1.6;
text-align: center;
}
.donation-section {
background-color: #f2f2f2;
padding: 40px;
}
.donation-section-headline {
border-bottom: 1px solid #ddd;
font-size: 18px;
font-weight: 800;
line-height: 24px;
margin-bottom: 6px;
padding: 18px 0 3px;
}
.donation-flex {
align-items: flex-end;
display: flex;
justify-content: space-between;
margin: 0 -10px;
}
.donation-flex > .donation-field-container,
.donation-flex > input[type='text'] {
margin-right: 10px;
margin-left: 10px;
width: 50%;
}
.donation-field-container > label {
cursor: pointer;
color: #4d4d4d;
font-size: 14px;
font-weight: bold;
}
.donation-field-container input[type='text'],
.donation-field-container select {
margin-bottom: 12px;
padding: 8px;
}
.donation-amount-list {
padding: 0;
list-style-type: none;
margin: 0 -17px;
}
.donation-amount-list li {
float: left;
width: 25%;
padding: 0 17px;
text-align: center;
margin-bottom: 12px;
}
.donation-amount-list input[type='radio'] {
display: none;
}
.donation-amount-list input[type='text'] {
margin: 8px 0 5px;
}
.donation-amount-list li input[type="radio"] + label {
background-color: #D34048;
border-radius: 4px;
padding: 16px 0;
width: 100%;
margin: 0;
}
.donation-amount-list li label:hover,
.donation-amount-list li label:focus,
.donation-amount-list li label:active {
background-color: #F04E57;
}
.donation-amount-list li input:checked + label {
background-color: #A01F34;
}
.donation-amount-list li span {
font-size: 18px;
color: #fff;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
.cc-image {
background-color: #fff;
padding: 4px 3px 3px 4px;
margin-bottom: 2px;
border: 1px solid #dedede;
}
.donation-btn-container {
margin-top: 25px;
}
.donation-btn {
background-color: #D34048;
color: #fff;
font-size: 16px;
text-transform: uppercase;
padding: 16px;
min-width: 230px;
}
.donation-btn:hover,
.donation-btn:active,
.donation-btn:focus {
background-color: #A01F34;
}
@media screen and (max-width: 768px) {
.donation-section-container {
margin-top: 35px;
}
}
@media screen and (max-width: 650px) {
.donation-flex {
display: block;
margin-right: 0;
margin-left: 0;
}
.donation-flex > .donation-field-container,
.donation-flex > input[type='text'] {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
@media screen and (max-width: 500px) {
.donation-amount-list {
margin: 0 -8px;
}
.donation-amount-list li {
padding: 0 8px;
width: 50%;
}
.donation-btn {
width: 100%;
}
}
body.no-banner-img header.global .menu li a {
color: #999;
}
@media screen and (min-width: 768px) {
body.no-banner-img #page {
padding-top: 125px;
}
}
@media screen and (max-width: 1080px) and (min-width: 860px) {
header.global .menu li a {
padding-top: 12px!important;
padding-bottom: 12px!important;
}
}
.blog .post-list__entry {
margin-bottom: 50px;
}
.blog .post-list__entry ul.inline-list {
display: none;
}
.blog .post-list__entry + .button-group {
margin: 0 0 70px;
}
.blog .post-list__entry + .button-group li:first-child {
float: right;
}
.blog .post-list__entry + .button-group li:last-child {
float: left;
}
.module.module-partners {
padding-top: 100px;
}
.partners-logo-container {
height: 196px;
display: flex;
align-items: center;
padding: 10px 0;
}
@media screen and (max-width: 1300px) and (min-width: 1160px) {
header.global .menu li a {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media screen and (max-width: 1160px) and (min-width: 1100px) {
header.global .menu li a {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
@media screen and (max-width: 1100px) and (min-width: 750px) {
header.global .main-navigation div.menu-primary-container {
width: 40% !important;
margin: auto !important;
float: none !important;
}
}
@media screen and (max-width: 979px) and (min-width: 851px) {
header.global .menu li a {
font-size: 0.7rem !important;
}
}
@media screen and (max-width: 860px) and (min-width: 750px) {
header.global #Dnt {
right: 50px !important;
}
header.global .menu li a {
font-size: 0.6rem !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
}
.wpex-timeline-icon,
.wpex-timeline-icon a {
position: static;
}
.wpex-timeline-list.center-tl {
max-width: 870px;
margin: auto;
}
.wpex-timeline-list.show-simple span.tll-date:before {
top: 14px;
}
meta.foundation-version {
font-family: "/5.5.3/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em; }
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.0625em)/";
width: 64.0625em; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em; }
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.0625em)/";
width: 90.0625em; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em; }
meta.foundation-data-attribute-namespace {
font-family: false; }
html, body {
height: 100%; }
*,
*:before,
*:after {
box-sizing: border-box; }
html,
body {
font-size: 100%; }
body {
background: #fff;
color: #222;
cursor: auto;
font-family: "proxima-nova", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 0;
position: relative; }
a:hover {
cursor: pointer; }
img {
max-width: 100%;
height: auto; }
img {
-ms-interpolation-mode: bicubic; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.hide {
display: none; }
.invisible {
visibility: hidden; }
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; }
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625rem; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table; }
[class*="block-grid-"]:after {
clear: both; }
[class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 1.25rem; }
@media only screen {
.small-block-grid-1 > li {
list-style: none;
width: 100%; }
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.small-block-grid-2 > li {
list-style: none;
width: 50%; }
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.small-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.small-block-grid-4 > li {
list-style: none;
width: 25%; }
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.small-block-grid-5 > li {
list-style: none;
width: 20%; }
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.small-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.small-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.small-block-grid-8 > li {
list-style: none;
width: 12.5%; }
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.small-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.small-block-grid-10 > li {
list-style: none;
width: 10%; }
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.small-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.small-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
@media only screen and (min-width: 40.0625em) {
.medium-block-grid-1 > li {
list-style: none;
width: 100%; }
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.medium-block-grid-2 > li {
list-style: none;
width: 50%; }
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.medium-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.medium-block-grid-4 > li {
list-style: none;
width: 25%; }
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.medium-block-grid-5 > li {
list-style: none;
width: 20%; }
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.medium-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.medium-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.medium-block-grid-8 > li {
list-style: none;
width: 12.5%; }
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.medium-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.medium-block-grid-10 > li {
list-style: none;
width: 10%; }
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.medium-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.medium-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
@media only screen and (min-width: 64.0625em) {
.large-block-grid-1 > li {
list-style: none;
width: 100%; }
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.large-block-grid-2 > li {
list-style: none;
width: 50%; }
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.large-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.large-block-grid-4 > li {
list-style: none;
width: 25%; }
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.large-block-grid-5 > li {
list-style: none;
width: 20%; }
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.large-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.large-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.large-block-grid-8 > li {
list-style: none;
width: 12.5%; }
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.large-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.large-block-grid-10 > li {
list-style: none;
width: 10%; }
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.large-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.large-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
button, .button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #fff;
-webkit-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {
background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus {
color: #fff; }
button.secondary, .button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #b9b9b9; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #333333; }
button.success, .button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color: #368a55; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
color: #fff; }
button.alert, .button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color: #cf2a0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color: #fff; }
button.warning, .button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
background-color: #cf6e0e; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
color: #fff; }
button.info, .button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
background-color: #61b6d9; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
color: #fff; }
button.large, .button.large {
padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
font-size: 1.25rem; }
button.small, .button.small {
padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
font-size: 0.8125rem; }
button.tiny, .button.tiny {
padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
font-size: 0.6875rem; }
button.expand, .button.expand {
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
padding-bottom: 1.0625rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%; }
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75rem; }
button.right-align, .button.right-align {
text-align: right;
padding-right: 0.75rem; }
button.radius, .button.radius {
border-radius: 3px; }
button.round, .button.round {
border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #007095; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
color: #fff; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #008CBA; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #b9b9b9; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e7e7e7; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #368a55; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
color: #fff; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #43AC6A; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cf2a0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
color: #fff; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #f04124; }
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #cf6e0e; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
color: #fff; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #f08a24; }
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #61b6d9; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
color: #fff; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #a0d3e8; }
button::-moz-focus-inner {
border: 0;
padding: 0; }
@media only screen and (min-width: 40.0625em) {
button, .button {
display: inline-block; } }
/* Standard Forms */
form {
margin: 0 0 1rem; }
/* Using forms within rows, we need to set some defaults */
form .row .row {
margin: 0 -0.5rem; }
form .row .row .column,
form .row .row .columns {
padding: 0 0.5rem; }
form .row .row.collapse {
margin: 0; }
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0; }
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5rem; }
/* Label Styles */
label {
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0;
/* Styles for required inputs */ }
label.right {
float: none !important;
text-align: right; }
label.inline {
margin: 0 0 1rem 0;
padding: 0.5625rem 0; }
label small {
text-transform: capitalize;
color: #676767; }
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.875rem;
height: 2.3125rem;
line-height: 2.3125rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2; }
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center; }
.prefix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center; }
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
background: #f2f2f2;
border-right: none;
color: #333333;
border-color: #cccccc; }
span.postfix, label.postfix {
background: #f2f2f2;
border-left: none;
color: #333333;
border-color: #cccccc; }
/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-family: inherit;
font-size: 0.875rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
padding: 0.5rem;
width: 100%;
box-sizing: border-box;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear; }
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none; }
input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
background-color: #DDDDDD;
cursor: default; }
input:not([type])[disabled], input:not([type])[readonly],
fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
fieldset[disabled] textarea {
background-color: #DDDDDD;
cursor: default; }
input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
border-radius: 3px; }
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0; }
/* Respect enforced amount of rows for textarea */
textarea[rows] {
height: auto; }
/* Not allow resize out of parent */
textarea {
max-width: 100%; }
::-webkit-input-placeholder {
color: #666666; }
:-moz-placeholder {
/* Firefox 18- */
color: #666666; }
::-moz-placeholder {
/* Firefox 19+ */
color: #666666; }
:-ms-input-placeholder {
color: #666666; }
/* Add height value for select elements to match text input height */
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #FAFAFA;
border-radius: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
color: rgba(0, 0, 0, 0.75);
font-family: inherit;
font-size: 0.875rem;
line-height: normal;
padding: 0.5rem;
border-radius: 0;
height: 2.3125rem; }
select::-ms-expand {
display: none; }
select.radius {
border-radius: 3px; }
select:focus {
background-color: #f3f3f3;
border-color: #999999; }
select:disabled {
background-color: #DDDDDD;
cursor: default; }
select[multiple] {
height: auto; }
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1rem 0; }
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline; }
/* Normalize file input width */
input[type="file"] {
width: 100%; }
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
border: 1px solid #DDDDDD;
margin: 1.125rem 0;
padding: 1.25rem; }
fieldset legend {
font-weight: bold;
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem; }
/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
background: #f04124;
color: #fff; }
[data-abide] span.error, [data-abide] small.error {
display: none; }
span.error, small.error {
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
background: #f04124;
color: #fff; }
.error input,
.error textarea,
.error select {
margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem; }
.error label,
.error label.error {
color: #f04124; }
.error small.error {
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
background: #f04124;
color: #fff; }
.error > label > small {
background: transparent;
color: #676767;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize; }
.error span.error-message {
display: block; }
input.error,
textarea.error,
select.error {
margin-bottom: 0; }
label.error {
color: #f04124; }
.row {
margin: 0 auto;
max-width: 62.5rem;
width: 100%; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.collapse .row {
margin-left: 0;
margin-right: 0; }
.row .row {
margin: 0 -0.9375rem;
max-width: none;
width: auto; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
margin: 0;
max-width: none;
width: auto; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column,
.columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left; }
.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
float: right; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
float: left; }
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto; }
.small-pull-0 {
position: relative;
right: 0;
left: auto; }
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.small-push-3 {
position: relative;
left: 25%;
right: auto; }
.small-pull-3 {
position: relative;
right: 25%;
left: auto; }
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.small-push-6 {
position: relative;
left: 50%;
right: auto; }
.small-pull-6 {
position: relative;
right: 50%;
left: auto; }
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.small-push-9 {
position: relative;
left: 75%;
right: auto; }
.small-pull-9 {
position: relative;
right: 75%;
left: auto; }
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.small-1 {
width: 8.33333%; }
.small-2 {
width: 16.66667%; }
.small-3 {
width: 25%; }
.small-4 {
width: 33.33333%; }
.small-5 {
width: 41.66667%; }
.small-6 {
width: 50%; }
.small-7 {
width: 58.33333%; }
.small-8 {
width: 66.66667%; }
.small-9 {
width: 75%; }
.small-10 {
width: 83.33333%; }
.small-11 {
width: 91.66667%; }
.small-12 {
width: 100%; }
.small-offset-0 {
margin-left: 0 !important; }
.small-offset-1 {
margin-left: 8.33333% !important; }
.small-offset-2 {
margin-left: 16.66667% !important; }
.small-offset-3 {
margin-left: 25% !important; }
.small-offset-4 {
margin-left: 33.33333% !important; }
.small-offset-5 {
margin-left: 41.66667% !important; }
.small-offset-6 {
margin-left: 50% !important; }
.small-offset-7 {
margin-left: 58.33333% !important; }
.small-offset-8 {
margin-left: 66.66667% !important; }
.small-offset-9 {
margin-left: 75% !important; }
.small-offset-10 {
margin-left: 83.33333% !important; }
.small-offset-11 {
margin-left: 91.66667% !important; }
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none; }
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left; }
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right; }
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.small-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; } }
@media only screen and (min-width: 40.0625em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto; }
.medium-pull-0 {
position: relative;
right: 0;
left: auto; }
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.medium-push-3 {
position: relative;
left: 25%;
right: auto; }
.medium-pull-3 {
position: relative;
right: 25%;
left: auto; }
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.medium-push-6 {
position: relative;
left: 50%;
right: auto; }
.medium-pull-6 {
position: relative;
right: 50%;
left: auto; }
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.medium-push-9 {
position: relative;
left: 75%;
right: auto; }
.medium-pull-9 {
position: relative;
right: 75%;
left: auto; }
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.medium-1 {
width: 8.33333%; }
.medium-2 {
width: 16.66667%; }
.medium-3 {
width: 25%; }
.medium-4 {
width: 33.33333%; }
.medium-5 {
width: 41.66667%; }
.medium-6 {
width: 50%; }
.medium-7 {
width: 58.33333%; }
.medium-8 {
width: 66.66667%; }
.medium-9 {
width: 75%; }
.medium-10 {
width: 83.33333%; }
.medium-11 {
width: 91.66667%; }
.medium-12 {
width: 100%; }
.medium-offset-0 {
margin-left: 0 !important; }
.medium-offset-1 {
margin-left: 8.33333% !important; }
.medium-offset-2 {
margin-left: 16.66667% !important; }
.medium-offset-3 {
margin-left: 25% !important; }
.medium-offset-4 {
margin-left: 33.33333% !important; }
.medium-offset-5 {
margin-left: 41.66667% !important; }
.medium-offset-6 {
margin-left: 50% !important; }
.medium-offset-7 {
margin-left: 58.33333% !important; }
.medium-offset-8 {
margin-left: 66.66667% !important; }
.medium-offset-9 {
margin-left: 75% !important; }
.medium-offset-10 {
margin-left: 83.33333% !important; }
.medium-offset-11 {
margin-left: 91.66667% !important; }
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none; }
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left; }
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right; }
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.push-0 {
position: relative;
left: 0;
right: auto; }
.pull-0 {
position: relative;
right: 0;
left: auto; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; } }
@media only screen and (min-width: 64.0625em) {
.large-push-0 {
position: relative;
left: 0;
right: auto; }
.large-pull-0 {
position: relative;
right: 0;
left: auto; }
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.large-push-3 {
position: relative;
left: 25%;
right: auto; }
.large-pull-3 {
position: relative;
right: 25%;
left: auto; }
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.large-push-6 {
position: relative;
left: 50%;
right: auto; }
.large-pull-6 {
position: relative;
right: 50%;
left: auto; }
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.large-push-9 {
position: relative;
left: 75%;
right: auto; }
.large-pull-9 {
position: relative;
right: 75%;
left: auto; }
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.large-1 {
width: 8.33333%; }
.large-2 {
width: 16.66667%; }
.large-3 {
width: 25%; }
.large-4 {
width: 33.33333%; }
.large-5 {
width: 41.66667%; }
.large-6 {
width: 50%; }
.large-7 {
width: 58.33333%; }
.large-8 {
width: 66.66667%; }
.large-9 {
width: 75%; }
.large-10 {
width: 83.33333%; }
.large-11 {
width: 91.66667%; }
.large-12 {
width: 100%; }
.large-offset-0 {
margin-left: 0 !important; }
.large-offset-1 {
margin-left: 8.33333% !important; }
.large-offset-2 {
margin-left: 16.66667% !important; }
.large-offset-3 {
margin-left: 25% !important; }
.large-offset-4 {
margin-left: 33.33333% !important; }
.large-offset-5 {
margin-left: 41.66667% !important; }
.large-offset-6 {
margin-left: 50% !important; }
.large-offset-7 {
margin-left: 58.33333% !important; }
.large-offset-8 {
margin-left: 66.66667% !important; }
.large-offset-9 {
margin-left: 75% !important; }
.large-offset-10 {
margin-left: 83.33333% !important; }
.large-offset-11 {
margin-left: 91.66667% !important; }
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none; }
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right; }
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.large-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.push-0 {
position: relative;
left: 0;
right: auto; }
.pull-0 {
position: relative;
right: 0;
left: auto; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; } }
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em; }
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
width: 100%;
background: #333333; }
.contain-to-grid .top-bar {
margin-bottom: 0; }
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0; }
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%; }
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99; }
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: 2.8125rem;
z-index: 98; }
.top-bar {
background: #333333;
height: 2.8125rem;
line-height: 2.8125rem;
margin-bottom: 0;
overflow: hidden;
position: relative; }
.top-bar ul {
list-style: none;
margin-bottom: 0; }
.top-bar .row {
max-width: none; }
.top-bar form,
.top-bar input,
.top-bar select {
margin-bottom: 0; }
.top-bar input,
.top-bar select {
font-size: 0.75rem;
height: 1.75rem;
padding-bottom: .35rem;
padding-top: .35rem; }
.top-bar .button, .top-bar button {
font-size: 0.75rem;
margin-bottom: 0;
padding-bottom: 0.4125rem;
padding-top: 0.4125rem; }
@media only screen and (max-width: 40em) {
.top-bar .button, .top-bar button {
position: relative;
top: -1px; } }
.top-bar .title-area {
margin: 0;
position: relative; }
.top-bar .name {
font-size: 16px;
height: 2.8125rem;
margin: 0; }
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
font-size: 1.0625rem;
line-height: 2.8125rem;
margin: 0; }
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
color: #fff;
display: block;
font-weight: normal;
padding: 0 0.9375rem;
width: 75%; }
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0; }
.top-bar .toggle-topbar a {
color: #fff;
display: block;
font-size: 0.8125rem;
font-weight: bold;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 0.9375rem;
position: relative;
text-transform: uppercase; }
.top-bar .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%; }
.top-bar .toggle-topbar.menu-icon a {
color: #fff;
height: 34px;
line-height: 33px;
padding: 0 2.5rem 0 0.9375rem;
position: relative; }
.top-bar .toggle-topbar.menu-icon a span::after {
content: "";
display: block;
height: 0;
position: absolute;
margin-top: -8px;
top: 50%;
right: 0.9375rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 16px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
.top-bar.expanded {
background: transparent;
height: auto; }
.top-bar.expanded .title-area {
background: #333333; }
.top-bar.expanded .toggle-topbar a {
color: #888888; }
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
ul.menu li .sub-menu {
display: none;
}
ul.menu li:hover .sub-menu {
display: block;
}
ul.menu li:hover .sub-menu {
position: fixed;
background-color: #fff;
}
ul.menu li:hover .sub-menu a {
font-size: 20px;
}
.sub-menu li {
display: block !important;
}
ul.menu li .sub-menu li a {
padding: 3% !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
.top-bar.expanded .top-bar-section .dropdown {
clip: initial; }
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0; } }
.top-bar-section {
left: 0;
position: relative;
width: auto;
-webkit-transition: left 300ms ease-out;
transition: left 300ms ease-out; }
.top-bar-section ul {
display: block;
font-size: 16px;
height: auto;
margin: 0;
padding: 0;
width: 100%; }
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-top: solid 1px #1a1a1a;
clear: both;
height: 1px;
width: 100%; }
.top-bar-section ul li {
background: #333333; }
.top-bar-section ul li > a {
color: #fff;
display: block;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.8125rem;
font-weight: normal;
padding-left: 0.9375rem;
padding: 12px 0 12px 0.9375rem;
text-transform: none;
width: 100%; }
.top-bar-section ul li > a.button {
font-size: 0.8125rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
background-color: #008CBA;
border-color: #007095;
color: #fff; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
background-color: #007095; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
color: #fff; }
.top-bar-section ul li > a.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
background-color: #b9b9b9; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
color: #333333; }
.top-bar-section ul li > a.button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
background-color: #368a55; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
color: #fff; }
.top-bar-section ul li > a.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
background-color: #cf2a0e; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
color: #fff; }
.top-bar-section ul li > a.button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
background-color: #cf6e0e; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
color: #fff; }
.top-bar-section ul li > a.button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
background-color: #61b6d9; }
.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
color: #fff; }
.top-bar-section ul li > button {
font-size: 0.8125rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
background-color: #008CBA;
border-color: #007095;
color: #fff; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
background-color: #007095; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
color: #fff; }
.top-bar-section ul li > button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
background-color: #b9b9b9; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
color: #333333; }
.top-bar-section ul li > button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
background-color: #368a55; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
color: #fff; }
.top-bar-section ul li > button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
background-color: #cf2a0e; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
color: #fff; }
.top-bar-section ul li > button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
background-color: #cf6e0e; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
color: #fff; }
.top-bar-section ul li > button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
background-color: #61b6d9; }
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
color: #fff; }
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #555555;
color: #fff;
background: #222222; }
.top-bar-section ul li.active > a {
background: #008CBA;
color: #fff; }
.top-bar-section ul li.active > a:hover {
background: #0078a0;
color: #fff; }
.top-bar-section .has-form {
padding: 0.9375rem; }
.top-bar-section .has-dropdown {
position: relative; }
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
border-left-style: solid;
margin-right: 0.9375rem;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0; }
.top-bar-section .has-dropdown.moved {
position: static; }
.top-bar-section .has-dropdown.moved > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
width: 100%; }
.top-bar-section .has-dropdown.moved > a:after {
display: none; }
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
padding: 0;
position: absolute;
top: 0;
z-index: 99;
left: 100%; }
.top-bar-section .dropdown li {
height: auto;
width: 100%; }
.top-bar-section .dropdown li a {
font-weight: normal;
padding: 8px 0.9375rem; }
.top-bar-section .dropdown li a.parent-link {
font-weight: normal; }
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
margin-bottom: 0;
margin-top: 0;
font-size: 1.125rem; }
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
color: #fff;
display: block; }
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
background: none; }
.top-bar-section .dropdown li.has-form {
padding: 8px 0.9375rem; }
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
top: auto; }
.top-bar-section .dropdown label {
color: #777777;
font-size: 0.625rem;
font-weight: bold;
margin-bottom: 0;
padding: 8px 0.9375rem 2px;
text-transform: uppercase; }
.js-generated {
display: block; }
@media only screen and (min-width: 40.0625em) {
.top-bar {
background: #333333;
overflow: visible; }
.top-bar:before, .top-bar:after {
content: " ";
display: table; }
.top-bar:after {
clear: both; }
.top-bar .toggle-topbar {
display: none; }
.top-bar .title-area {
float: left; }
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name h5 a,
.top-bar .name h6 a {
width: auto; }
.top-bar input,
.top-bar select,
.top-bar .button,
.top-bar button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: 0.53125rem; }
.top-bar .has-form > .button,
.top-bar .has-form > button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: 0.53125rem; }
.top-bar.expanded {
background: #333333; }
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
max-width: 62.5rem; }
.top-bar-section {
-webkit-transition: none 0 0;
transition: none 0 0;
left: 0 !important; }
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto; }
.top-bar-section ul li {
float: left; }
.top-bar-section ul li .js-generated {
display: none; }
.top-bar-section li.hover > a:not(.button) {
background-color: #555555;
background: #222222;
color: #fff; }
.top-bar-section li:not(.has-form) a:not(.button) {
background: #333333;
line-height: 2.8125rem;
padding: 0 0.9375rem; }
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #555555;
background: #222222; }
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: #008CBA;
color: #fff;
line-height: 2.8125rem;
padding: 0 0.9375rem; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #0078a0;
color: #fff; }
.top-bar-section .has-dropdown > a {
padding-right: 2.1875rem !important; }
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 1.40625rem; }
.top-bar-section .has-dropdown.moved {
position: relative; }
.top-bar-section .has-dropdown.moved > .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block; }
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
.top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
top: 0.1875rem;
right: 5px; }
.top-bar-section .dropdown {
left: 0;
background: transparent;
min-width: 100%;
top: auto; }
.top-bar-section .dropdown li a {
background: #333333;
color: #fff;
line-height: 2.8125rem;
padding: 12px 0.9375rem;
white-space: nowrap; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #333333;
color: #fff; }
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #555555;
color: #fff;
background: #222222; }
.top-bar-section .dropdown li label {
background: #333333;
white-space: nowrap; }
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0; }
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-right: solid 1px #4e4e4e;
border-bottom: none;
border-top: none;
clear: none;
height: 2.8125rem;
width: 0; }
.top-bar-section .has-form {
background: #333333;
height: 2.8125rem;
padding: 0 0.9375rem; }
.top-bar-section .right li .dropdown {
left: auto;
right: 0; }
.top-bar-section .right li .dropdown li .dropdown {
right: 100%; }
.top-bar-section .left li .dropdown {
right: auto;
left: 0; }
.top-bar-section .left li .dropdown li .dropdown {
left: 100%; }
.no-js .top-bar-section ul li:hover > a {
background-color: #555555;
background: #222222;
color: #fff; }
.no-js .top-bar-section ul li:active > a {
background: #008CBA;
color: #fff; }
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; } }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important; }
.small-only-text-right {
text-align: right !important; }
.small-only-text-center {
text-align: center !important; }
.small-only-text-justify {
text-align: justify !important; } }
@media only screen {
.small-text-left {
text-align: left !important; }
.small-text-right {
text-align: right !important; }
.small-text-center {
text-align: center !important; }
.small-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important; }
.medium-only-text-right {
text-align: right !important; }
.medium-only-text-center {
text-align: center !important; }
.medium-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 40.0625em) {
.medium-text-left {
text-align: left !important; }
.medium-text-right {
text-align: right !important; }
.medium-text-center {
text-align: center !important; }
.medium-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important; }
.large-only-text-right {
text-align: right !important; }
.large-only-text-center {
text-align: center !important; }
.large-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) {
.large-text-left {
text-align: left !important; }
.large-text-right {
text-align: right !important; }
.large-text-center {
text-align: center !important; }
.large-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important; }
.xlarge-only-text-right {
text-align: right !important; }
.xlarge-only-text-center {
text-align: center !important; }
.xlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.0625em) {
.xlarge-text-left {
text-align: left !important; }
.xlarge-text-right {
text-align: right !important; }
.xlarge-text-center {
text-align: center !important; }
.xlarge-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
.xxlarge-only-text-left {
text-align: left !important; }
.xxlarge-only-text-right {
text-align: right !important; }
.xxlarge-only-text-center {
text-align: center !important; }
.xxlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) {
.xxlarge-text-left {
text-align: left !important; }
.xxlarge-text-right {
text-align: right !important; }
.xxlarge-text-center {
text-align: center !important; }
.xxlarge-text-justify {
text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
/* Default Link Styles */
a {
color: #008CBA;
line-height: inherit;
text-decoration: none; }
a:hover, a:focus {
color: #0078a0; }
a img {
border: none; }
/* Default paragraph styles */
p {
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility; }
p.lead {
font-size: 1.21875rem;
line-height: 1.6; }
p aside {
font-size: 0.875rem;
font-style: italic;
line-height: 1.35; }
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
color: #222222;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0.2rem;
text-rendering: optimizeLegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #6f6f6f;
font-size: 60%;
line-height: 0; }
h1 {
font-size: 2.125rem;
padding-top: 60px;}
h2 {
font-size: 1.6875rem; }
h3 {
font-size: 1.375rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1rem; }
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem; }
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem; }
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 60%;
line-height: inherit; }
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333333;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
padding: 0.125rem 0.3125rem 0.0625rem; }
/* Lists */
ul,
ol,
dl {
font-family: inherit;
font-size: 1rem;
line-height: 1.6;
list-style-position: outside;
margin-bottom: 1.25rem; }
ul {
margin-left: 1.1rem; }
/* Unordered Lists */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit; }
ul.square {
list-style-type: square;
margin-left: 1.1rem; }
ul.circle {
list-style-type: circle;
margin-left: 1.1rem; }
ul.disc {
list-style-type: disc;
margin-left: 1.1rem; }
/* Ordered Lists */
ol {
margin-left: 1.4rem; }
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
.no-bullet {
list-style-type: none;
margin-left: 0; }
.no-bullet li ul,
.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none; }
/* Definition Lists */
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
dl dd {
margin-bottom: 0.75rem; }
/* Abbreviations */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help; }
abbr {
text-transform: none; }
abbr[title] {
border-bottom: 1px dotted #DDDDDD; }
/* Blockquotes */
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDDDDD; }
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited {
color: #555555; }
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f; }
/* Microformats */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem; }
.vcard li {
margin: 0;
display: block; }
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem; }
.vevent .summary {
font-weight: bold; }
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem; }
@media only screen and (min-width: 40.0625em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4; }
h1 {
font-size: 2.75rem; }
h2 {
font-size: 2.3125rem; }
h3 {
font-size: 1.6875rem; }
h4 {
font-size: 1.4375rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1rem; } }
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.34in; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 64.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table !important; }
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important; }
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visibility for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table !important; }
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important; }
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important; }
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important; }
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important; } }
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important; }
.hide-for-portrait,
.show-for-landscape {
display: none !important; }
/* Specific visibility for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table !important; }
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important; }
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important; }
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important; }
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important; }
.hide-for-touch {
display: inherit !important; }
.touch .show-for-touch {
display: inherit !important; }
.touch .hide-for-touch {
display: none !important; }
/* Specific visibility for tables */
table.hide-for-touch {
display: table !important; }
.touch table.show-for-touch {
display: table !important; }
thead.hide-for-touch {
display: table-header-group !important; }
.touch thead.show-for-touch {
display: table-header-group !important; }
tbody.hide-for-touch {
display: table-row-group !important; }
.touch tbody.show-for-touch {
display: table-row-group !important; }
tr.hide-for-touch {
display: table-row !important; }
.touch tr.show-for-touch {
display: table-row !important; }
td.hide-for-touch {
display: table-cell !important; }
.touch td.show-for-touch {
display: table-cell !important; }
th.hide-for-touch {
display: table-cell !important; }
.touch th.show-for-touch {
display: table-cell !important; }
/* Screen reader-specific classes */
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.show-on-focus:focus, .show-on-focus:active {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
/* Print visibility */
.print-only,
.show-for-print {
display: none !important; }
@media print {
.print-only,
.show-for-print {
display: block !important; }
.hide-on-print,
.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 {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; } }
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden; }
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch; }
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.inner-wrap:before, .inner-wrap:after {
content: " ";
display: table; }
.inner-wrap:after {
clear: both; }
.tab-bar {
-webkit-backface-visibility: hidden;
background: #333333;
color: #fff;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: #fff;
font-weight: bold;
line-height: 2.8125rem;
margin: 0; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-size: 1.125rem; }
.left-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-right: solid 1px #1a1a1a;
left: 0; }
.right-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-left: solid 1px #1a1a1a;
right: 0; }
.tab-bar-section {
height: 2.8125rem;
padding: 0 0.625rem;
position: absolute;
text-align: center;
top: 0; }
.tab-bar-section.left {
text-align: left; }
.tab-bar-section.right {
text-align: right; }
.tab-bar-section.left {
left: 0;
right: 2.8125rem; }
.tab-bar-section.right {
left: 2.8125rem;
right: 0; }
.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem; }
.tab-bar .menu-icon {
color: #fff;
display: block;
height: 2.8125rem;
padding: 0;
position: relative;
text-indent: 2.1875rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: 2.8125rem; }
.tab-bar .menu-icon span::after {
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
margin-top: -0.5rem;
left: 0.90625rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 1rem; }
.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0; }
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0; }
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
height: 18.75rem; }
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
height: 18.75rem; }
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0; }
ul.off-canvas-list li label {
background: #444444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
display: block;
font-size: 0.75rem;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase; }
ul.off-canvas-list li a {
border-bottom: 1px solid #262626;
color: rgba(255, 255, 255, 0.7);
display: block;
padding: 0.66667rem;
-webkit-transition: background 300ms ease;
transition: background 300ms ease; }
ul.off-canvas-list li a:hover {
background: #242424; }
ul.off-canvas-list li a:active {
background: #242424; }
.move-right > .inner-wrap {
-webkit-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.move-left > .inner-wrap {
-webkit-transform: translate3d(-15.625rem, 0, 0);
transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.move-top > .inner-wrap {
-webkit-transform: translate3d(0, -18.75rem, 0);
transform: translate3d(0, -18.75rem, 0); }
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.move-bottom > .inner-wrap {
-webkit-transform: translate3d(0, 18.75rem, 0);
transform: translate3d(0, 18.75rem, 0); }
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-left .right-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-right .left-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-top .bottom-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-bottom .top-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem; }
.no-csstransforms .top-off-canvas-menu {
top: -18.75rem; }
.no-csstransforms .bottom-off-canvas-menu {
bottom: -18.75rem; }
.no-csstransforms .move-left > .inner-wrap {
right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
left: 15.625rem; }
.no-csstransforms .move-top > .inner-wrap {
right: 18.75rem; }
.no-csstransforms .move-bottom > .inner-wrap {
left: 18.75rem; }
.left-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.left-submenu * {
-webkit-backface-visibility: hidden; }
.left-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.left-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.left-submenu .back > a:before {
content: "\AB";
margin-right: .5rem;
display: inline; }
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.right-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.right-submenu * {
-webkit-backface-visibility: hidden; }
.right-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.right-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.right-submenu .back > a:after {
content: "\BB";
margin-left: .5rem;
display: inline; }
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.top-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.top-submenu * {
-webkit-backface-visibility: hidden; }
.top-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.top-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.bottom-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.bottom-submenu * {
-webkit-backface-visibility: hidden; }
.bottom-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.bottom-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: "\BB";
margin-left: .5rem;
display: inline; }
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: "\AB";
margin-right: .5rem;
display: inline; }
@font-face {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
src: url("src/scss/webfonts/icomoon.eot?ku04lt");
src: url("src/scss/webfonts/icomoon.eot?ku04lt#iefix") format("embedded-opentype"), url("src/scss/webfonts/icomoon.ttf?ku04lt") format("truetype"), url("src/scss/webfonts/icomoon.woff?ku04lt") format("woff"), url("src/scss/webfonts/icomoon.svg?ku04lt#icomoon") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-apple:before {
content: "\e900"; }
.icon-ball:before {
content: "\e901"; }
.icon-clipboard:before {
content: "\e902"; }
.icon-house:before {
/* content: "\e903"; */
content: "assets/img/ico-house.png";
}
.icon-lightbulb:before {
content: "\e904"; }
.icon-magnify:before {
content: "\e905"; }
.icon-paper:before {
content: "\e906"; }
.tabone .icon {
background: url("assets/img/ico-blocks.png") center top no-repeat;
background-size: 100%;
line-height: 4;
margin: 20px 0 0;
padding: 20px 27px;
width: 100%;
}
.tabtwo .icon {
background: url("assets/img/ico-ball3.png") center top no-repeat;
background-size: 100%;
line-height: 4;
margin: 20px 0 0;
padding: 20px 27px;
width: 100%;
}
.tabthree .icon {
background: url("assets/img/ico-laptop.png") center top no-repeat;
background-size: 100%;
line-height: 4;
margin: 20px 0 0;
padding: 20px 27px;
width: 100%;
}
.tabfour .icon {
background: url("assets/img/ico-house.png") center top no-repeat;
background-size: 100%;
line-height: 4;
margin: 20px 0 0;
padding: 20px 27px;
width: 100%;
}
ul.tabs li h5 hr {
background-color: #ffffff;
border: none;
height: 1px;
margin: 0;
}
/*
* Symbolset
* www.symbolset.com
* Copyright © 2013 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSSocialRegular";
src: url("src/scss/webfonts/ss-social-regular.eot");
src: url("src/scss/webfonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("src/scss/webfonts/ss-social-regular.woff") format("woff"), url("src/scss/webfonts/ss-social-regular.ttf") format("truetype"), url("src/scss/webfonts/ss-social-regular.svg#SSSocialRegular") format("svg");
font-weight: normal;
font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
-ms-zoom: 1; }
.ss-icon, .ss-icon.ss-social-regular,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after {
font-family: "SSSocialRegular";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased; }
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
display: none;
content: ''; }
.ss-facebook:before, .ss-facebook.right:after {
content: ''; }
.ss-twitter:before, .ss-twitter.right:after {
content: ''; }
.ss-linkedin:before, .ss-linkedin.right:after {
content: ''; }
.ss-googleplus:before, .ss-googleplus.right:after {
content: ''; }
.ss-appdotnet:before, .ss-appdotnet.right:after {
content: ''; }
.ss-zerply:before, .ss-zerply.right:after {
content: ''; }
.ss-reddit:before, .ss-reddit.right:after {
content: ''; }
.ss-steam:before, .ss-steam.right:after {
content: ''; }
.ss-tumblr:before, .ss-tumblr.right:after {
content: ''; }
.ss-wordpress:before, .ss-wordpress.right:after {
content: ''; }
.ss-blogger:before, .ss-blogger.right:after {
content: ''; }
.ss-posterous:before, .ss-posterous.right:after {
content: ''; }
.ss-quora:before, .ss-quora.right:after {
content: ''; }
.ss-youtube:before, .ss-youtube.right:after {
content: ''; }
.ss-vimeo:before, .ss-vimeo.right:after {
content: ''; }
.ss-vine:before, .ss-vine.right:after {
content: ''; }
.ss-letterboxd:before, .ss-letterboxd.right:after {
content: ''; }
.ss-flickr:before, .ss-flickr.right:after {
content: ''; }
.ss-instagram:before, .ss-instagram.right:after {
content: ''; }
.ss-500px:before, .ss-500px.right:after {
content: ''; }
.ss-etsy:before, .ss-etsy.right:after {
content: ''; }
.ss-pinterest:before, .ss-pinterest.right:after {
content: ''; }
.ss-svpply:before, .ss-svpply.right:after {
content: ''; }
.ss-readmill:before, .ss-readmill.right:after {
content: ''; }
.ss-dropbox:before, .ss-dropbox.right:after {
content: ''; }
.ss-pinboard:before, .ss-pinboard.right:after {
content: ''; }
.ss-delicious:before, .ss-delicious.right:after {
content: ''; }
.ss-dribbble:before, .ss-dribbble.right:after {
content: ''; }
.ss-behance:before, .ss-behance.right:after {
content: ''; }
.ss-github:before, .ss-github.right:after {
content: ''; }
.ss-octocat:before, .ss-octocat.right:after {
content: ''; }
.ss-stackoverflow:before, .ss-stackoverflow.right:after {
content: ''; }
.ss-paypal:before, .ss-paypal.right:after {
content: ''; }
.ss-kickstarter:before, .ss-kickstarter.right:after {
content: ''; }
.ss-foursquare:before, .ss-foursquare.right:after {
content: ''; }
.ss-yelp:before, .ss-yelp.right:after {
content: ''; }
.ss-skype:before, .ss-skype.right:after {
content: ''; }
.ss-rdio:before, .ss-rdio.right:after {
content: ''; }
.ss-spotify:before, .ss-spotify.right:after {
content: ''; }
.ss-lastfm:before, .ss-lastfm.right:after {
content: ''; }
.ss-soundcloud:before, .ss-soundcloud.right:after {
content: ''; }
.ss-link:before, .ss-link.right:after {
content: '🔗'; }
.ss-phone:before, .ss-phone.right:after {
content: '📞'; }
.ss-mail:before, .ss-mail.right:after {
content: '✉'; }
.ss-like:before, .ss-like.right:after {
content: '👍'; }
.ss-rss:before, .ss-rss.right:after {
content: ''; }
.ss-share:before, .ss-share.right:after {
content: ''; }
.ss-apple:before, .ss-apple.right:after {
content: ''; }
.ss-microsoft:before, .ss-microsoft.right:after {
content: ''; }
.ss-windows:before, .ss-windows.right:after {
content: ''; }
.ss-android:before, .ss-android.right:after {
content: ''; }
.ss-blackberry:before, .ss-blackberry.right:after {
content: ''; }
/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
content: ''; }
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.cta__modal {
background: white;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
margin: 0 auto;
max-width: 600px;
padding: 2em; }
#wpadminbar {
display: none; }
html {
margin: 0;
padding: 0; }
body {
font-family: "proxima-nova";
font-style: normal;
font-weight: 500;
padding-top: 0; }
* {
outline: none;
position: relative; }
.row {
max-width: 1400px; }
#page {
border: none;
position: relative;
margin-top: 0px;
padding-top: 60px; }
.page-title {
text-align: center; }
.module {
/* border-bottom: 1px solid #c8c7c7; */
padding: 20px; }
.module .columns {
padding: 0; }
.interior {
margin-top: 100px; }
.error-msg {
color: #D34048; }
h1 {
/* font-family: "Knockout 50 A", "Knockout 50 B"; */
font-style: normal;
font-weight: 400; }
h2 {
/* font-family: "Knockout 50 A", "Knockout 50 B"; */
font-style: normal;
font-weight: 400;
color: #0474c0;
font-size: 40px;
line-height: 110%;
/* text-align: center; */
}
h3 {
/* font-family: "proxima-nova", ; */
font-style: normal;
font-weight: 400;
font-size: 21px;
letter-spacing: 1px;
line-height: 140%;
/* text-align: center; */
}
h4 {
/* font-family: "Knockout 50 A", "Knockout 50 B"; */
font-style: normal;
font-weight: 400;
font-size: 27px;
text-transform: uppercase; }
h5::before {
font-family: 'icomoon';
font-size: 17px; }
h5 {
/* font-family: "proxima-nova", ; */
font-style: normal;
font-weight: 400;
font-size: 17px; }
h6 {
/* font-family: "Knockout 50 A", "Knockout 50 B"; */
font-style: normal;
font-weight: 400;
font-size: 26px;
}
@media screen and (min-width: 640px) {
body {
padding-top: 50px; }
.module {
padding: 60px 80px; }
h2 {
font-size: 64px; }
h3 {
font-size: 24px;
padding: 0 100px; }
h4 {
font-size: 27px; }
h5::before {
font-size: 17px; }
h5 {
font-size: 17px; }
h6 {
font-size: 36px; } }
.mfp-bg {
background-color: #0474c0; }
.mfp-close-btn-in .mfp-close {
color: #fff;
position: absolute;
right: 0;
top: 0;
z-index: 2000; }
.mfp-content {
position: static; }
.popup-content {
background-color: #fff;
margin: 20px auto;
max-width: 660px;
text-align: center;
width: auto; }
.popup-content .thanks {
background-color: #ffb836;
color: #fff;
padding: 20px; }
.popup-content .thanks .primary {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
color: #FFD8A1;
font-size: 53px;
line-height: 120%;
text-transform: uppercase; }
.popup-content .thanks .primary-social {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
color: #FFD8A1;
font-size: 53px;
line-height: 120%;
text-transform: uppercase;
display: none; }
.popup-content .thanks .secondary {
font-family: "proxima-nova", ;
font-style: italic;
font-weight: 400;
font-size: 18px;
margin: 0 auto 20px;
max-width: 400px; }
.popup-content .thanks .tertiary {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 24px;
letter-spacing: 1px;
line-height: 120%;
margin-bottom: 0; }
.popup-content .local {
padding: 20px; }
.popup-content .local p {
font-family: "proxima-nova", ;
font-style: normal;
font-weight: 400;
font-size: 13px;
max-width: 300px;
margin: 0 auto 30px; }
.popup-content .local input[type="text"] {
background: transparent;
border: none;
border-bottom: 2px solid #000;
box-shadow: none;
color: #000;
display: inline-block;
font-size: 18px;
margin: 0 5px 20px;
outline: none;
text-align: center;
width: 40%; }
.popup-content .local input.zip {
width: 35%; }
.popup-content .local :-moz-placeholder {
color: #000; }
.popup-content .local ::-moz-placeholder {
color: #000; }
.popup-content .local :-ms-input-placeholder {
color: #000; }
.popup-content .local ::-webkit-input-placeholder {
color: #000; }
.popup-content .local .social {
display: none; }
.popup-content .local .social .social-share {
margin-bottom: 30px;
max-width: 340px; }
.popup-content .local .social p {
font-family: "proxima-nova", ;
font-style: normal;
font-weight: 400;
font-size: 23px;
font-style: italic; }
.popup-content .local .social strong {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 23px;
display: block;
margin-bottom: 20px;
text-transform: uppercase; }
.popup-content .local .social ul {
list-style-type: none;
margin: 0 auto; }
.popup-content .local .social ul li {
border-radius: 43px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
display: inline-block;
cursor: pointer;
height: 43px;
margin: 0 7px 20px 0;
position: relative;
width: 43px; }
.popup-content .local .social ul li:before {
display: block;
left: 30%;
position: absolute;
top: 25%; }
.popup-content .local .social ul li a {
color: transparent;
display: block;
height: 43px;
width: 43px; }
.popup-content .local .social ul .ss-facebook {
border: 2px solid #0474c0;
color: #0474c0; }
.popup-content .local .social ul .ss-facebook:hover {
background-color: #0474c0;
color: #fff; }
.popup-content .local .social ul .ss-twitter {
border: 2px solid #00aaff;
color: #00aaff; }
.popup-content .local .social ul .ss-twitter:hover {
background-color: #00aaff;
color: #fff; }
.popup-content .local .social ul .ss-linkedin {
border: 2px solid #D34048;
color: #D34048; }
.popup-content .local .social ul .ss-linkedin:hover {
background-color: #D34048;
color: #fff; }
.popup-content .local .social ul .ss-linkedin:before {
top: 20%; }
.popup-content .local .represent {
margin: 0 auto 30px;
max-width: 50%; }
.popup-content .local .represent p label {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 120%; }
.popup-content .local .represent .check {
float: left;
position: relative; }
.popup-content .local .represent .check label {
background: #fff;
border: 1px solid #ffb836;
cursor: pointer;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px; }
.popup-content .local .represent .check label:after {
content: '';
width: 9px;
height: 6px;
position: absolute;
top: 4px;
left: 4px;
border: 3px solid #ffb836;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.popup-content .local .represent .check label:hover::after {
opacity: 0.3; }
.popup-content .local .represent .check input[type=checkbox] {
visibility: hidden; }
.popup-content .local .represent .check input[type=checkbox]:checked + label:after {
opacity: 1; }
.popup-content .local input[type="submit"] {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
background-color: #fff;
border: 2px solid #0474c0;
color: #0474c0;
cursor: pointer;
font-size: 27px;
margin-bottom: 10px;
padding: 10px 40px;
text-transform: uppercase; }
.popup-content .local input[type="submit"]:hover {
color: #fff;
background-color: #0474c0; }
.popup-content .local .hidden {
display: none; }
@media screen and (min-width: 640px) {
.popup-content .thanks {
padding: 30px; }
.popup-content .local {
padding: 30px; }
.popup-content .local .represent p {
font-size: 16px; } }
header.global {
background-color: #fff;
height: auto; }
header.global .menu-primary-container {
float: left;
margin-left: 0;
width: 100%; }
header.global .logo {
background: transparent url("src/img/logo.svg") no-repeat -3px top;
box-sizing: border-box;
float: left;
height: 150px;
padding: 0;
position: absolute;
text-indent: -9999px;
white-space: nowrap;
width: 160px;
z-index: 1000; }
header.global .logo h1 {
color: #fff;
font-size: 38px;
line-height: 24px; }
header.global .menu-trigger {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background: transparent url("src/img/menu-trigger.png") no-repeat center bottom;
color: #999999;
display: block;
float: right;
font-size: 24px;
margin: 23px;
padding-bottom: 35px;
text-align: center;
text-transform: uppercase;
width: 60px; }
header.global .menu-trigger:hover {
color: #999999; }
header.global .menu-trigger:active {
color: #999999; }
header.global .menu {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background-color: #000;
display: none;
margin: 0;
text-align: center;
overflow: hidden;
width: 100%; }
header.global .menu li {
border-top: 1px solid #999999;
display: block;
margin: 0; }
header.global .menu li a {
color: #fff;
display: block;
text-decoration: none;
padding: 23px 34px; }
header.global .menu li a:hover {
color: #D34048; }
header.global .header-signup {
background-color: #fff;
box-sizing: border-box;
display: none;
float: right;
margin-top: 15px; }
header.global .header-signup p {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #0474c0;
float: left;
font-size: 25px;
margin: 0 10px 0 0; }
header.global .header-signup form input[type="email"] {
background: transparent;
border: none;
border-bottom: 1px solid #000;
box-shadow: none;
color: #000;
float: left;
font-size: 18px;
height: 32px;
margin: 5px 10px 0 0;
outline: none;
padding: 0;
width: 31%; }
header.global .header-signup form :-moz-placeholder {
color: #000; }
header.global .header-signup form ::-moz-placeholder {
color: #000; }
header.global .header-signup form :-ms-input-placeholder {
color: #000; }
header.global .header-signup form ::-webkit-input-placeholder {
color: #000; }
header.global .header-signup form input[type="submit"] {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
background-color: #fff;
border: 2px solid #D34048;
color: #D34048;
font-size: 17px;
margin-top: 5px;
padding: 5px 12px;
text-transform: uppercase; }
header.global .header-signup form input[type="submit"]:hover {
background: #D34048;
color: #fff;
cursor: pointer; }
@media screen and (min-width: 750px) {
header.global {
height: 81px;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
right: 0; }
header.global .row {
position: relative; }
header.global .menu-trigger {
display: none; }
header.global .menu-primary-container {
margin-left: 160px; }
header.global .menu {
background-color: #fff;
display: inline-block;
font-size: 22px;
list-style-type: none;
margin: 0;
text-align: left;
text-transform: uppercase; }
header.global .menu li {
border: none;
display: inline-block; }
header.global .menu li a {
color: #999999; } }
header.global.scroll {
box-shadow: 0px 1px 5px 0px #dddddd;
-moz-box-shadow: 0px 1px 5px 0px #dddddd;
-webkit-box-shadow: 0px 1px 5px 0px #dddddd; }
header.global.scroll .logo {
background-size: 90px 81px;
height: 81px;
width: 90px; }
header.global.scroll .menu-primary-container {
margin-left: 100px; }
header.global.scroll .header-signup {
display: block; }
@media screen and (min-width: 0px) and (max-width: 1130px) {
header.global.scroll .header-signup {
display: none !important; } }
footer {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background-color: #020308;
color: #67686b;
font-size: 15px;
padding: 30px !important;
text-align: center;
text-transform: uppercase; }
footer img {
margin-top: 30px;
margin-bottom: 30px;
padding: 0 20px;
position: relative;
z-index: 50; }
footer hr {
border-color: #67686b;
position: relative;
top: -50px;
z-index: 10; }
footer p {
margin-bottom: 10px; }
footer .copy {
color: #fff;
position: relative;
text-transform: none; }
footer .copy a {
color: #fff;
text-decoration: underline; }
footer #menu-social {
list-style-type: none;
margin: 0 auto; }
footer #menu-social li {
border-radius: 43px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
display: inline-block;
cursor: pointer;
height: 43px;
margin: 0 7px 20px 0;
position: relative;
width: 43px; }
footer #menu-social li:before {
display: block;
left: 30%;
position: absolute;
top: 25%; }
footer #menu-social li a {
color: transparent;
display: block;
height: 43px;
width: 43px; }
footer #menu-social .ss-facebook {
border: 2px solid #0474c0;
color: #0474c0; }
footer #menu-social .ss-facebook:hover {
background-color: #0474c0;
color: #000; }
footer #menu-social .ss-twitter {
border: 2px solid #00aaff;
color: #00aaff; }
footer #menu-social .ss-twitter:hover {
background-color: #00aaff;
color: #000; }
footer #menu-social .ss-linkedin {
border: 2px solid #D34048;
color: #D34048; }
footer #menu-social .ss-linkedin:hover {
background-color: #D34048;
color: #000; }
footer #menu-social .ss-linkedin:before {
top: 20%; }
.post-list__entry h2 {
text-align: left;
}
.module-hero {
background: transparent url("../img/youth-policy.png") no-repeat center center;
border: none;
color: #fff;
position: relative; }
.module-hero .module-hero-message {
font-size: 22px;
margin-top: 40px; }
.module-hero .module-hero-message h2 {
color: #fff;
line-height: 120%;
text-align: left; }
.module-hero .module-hero-message h3 {
color: #fff;
font-style: italic;
line-height: 130%;
padding: 0;
text-align: left; }
.module-hero .module-hero-signup {
background-color: #fff;
box-sizing: border-box;
padding: 22px 22px 32px 22px; }
.module-hero .module-hero-signup p {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #0474c0;
font-size: 20px;
margin-bottom: 3px; }
.module-hero .module-hero-signup form input[type="email"] {
background: transparent;
border: none;
border-bottom: 1px solid #000;
box-shadow: none;
color: #000;
float: left;
font-size: 18px;
height: 32px;
margin: 0 14px 0 0;
outline: none;
padding: 0; }
.module-hero .module-hero-signup form :-moz-placeholder {
color: #000; }
.module-hero .module-hero-signup form ::-moz-placeholder {
color: #000; }
.module-hero .module-hero-signup form :-ms-input-placeholder {
color: #000; }
.module-hero .module-hero-signup form ::-webkit-input-placeholder {
color: #000; }
.module-hero .module-hero-signup form input[type="submit"] {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
background-color: #fff;
border: 2px solid #D34048;
color: #D34048;
font-size: 17px;
margin-top: 20px;
padding: 5px 12px;
text-transform: uppercase;
width: 100%; }
.module-hero .module-hero-signup form input[type="submit"]:hover {
background-color: #D34048;
color: #fff;
cursor: pointer; }
@media screen and (min-width: 640px) {
.module-hero {
top: 0;
height: 470px; }
.module-hero .module-hero-message h2 {
margin-top: 140px; }
.module-hero .module-hero-message h3 {
font-size: 28px; }
.module-hero .module-hero-signup {
float: right; }
.module-hero .module-hero-signup p {
font-size: 28px; }
.module-hero .module-hero-signup form input[type="email"] {
float: left;
width: 60%; }
.module-hero .module-hero-signup form input[type="submit"] {
margin-top: 0;
width: auto; } }
.module-statistics {
text-align: center; }
.module-statistics .statistic {
padding-top: 70px;
margin-bottom: 15px; }
.module-statistics .statistic .statistic-image {
min-height: 216px;
margin-bottom: 40px; }
.module-statistics .statistic h4 {
line-height: 120%;
max-width: 77%;
margin: 0 auto; }
.module-statistics .statistic [title~="kids"] {
margin-top: 45px; }
.module-statistics .children ul {
color: #ffb836;
font-size: 100px;
line-height: 100px;
list-style-type: none;
margin: 43px 0 0;
padding: 0; }
.module-statistics .children ul li {
display: inline-block;
margin: 0; }
.module-statistics .children ul .active {
color: #D34048; }
.module-statistics .percentage {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
font-size: 59px;
position: relative; }
.module-statistics .percentage sub {
bottom: 0;
font-size: 41px; }
.module-statistics .california img {
left: 30px;
position: relative;
width: 126px; }
.module-statistics .california .percentage {
left: -5px;
right: 0;
top: -25px; }
.module-statistics .poverty .circle {
border-radius: 190px;
border: 15px solid #D34048;
border-right: 15px solid #ffb836;
border-bottom: 15px solid #ffb836;
height: 190px;
margin: 0 auto;
width: 190px;
-webkit-transform: rotate(-50deg); }
.module-statistics .poverty .percentage {
top: -110px; }
.headHeart {
z-index: 300;
}
.headHeart .changeHead {
background-color: #f6f6f6;
border-radius: 5px;
color: #4d4b4d;
margin-top: -60px;
padding: 16px;
position: relative;
top: 26px;
z-index: 99;
}
.headHeart .changeHead h4 {
color: #4d4b4d;
font-size: 1.4rem;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.headHeart .changeHead h4 a {
color: #4d4b4d;
}
@-webkit-keyframes arrow-jump {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
}
100% {
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
}
}
.headHeart .changeHead h4 .fa-angle-down {
-webkit-animation: arrow-jump 1.2s infinite;
-moz-animation: arrow-jump 1.2s infinite
-o-animation: arrow-jump 1.2s infinite;
animation: arrow-jump 1.2s infinite;
}
.headHeart .headArea {
background-color: #94c3e9;
border-radius: 10px 0 0 0;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.headArea .arrow {
position: absolute;
top: 48%;
left: 40px;
width: 7.5%;
}
.headHeart .heartArea {
background-color: #d34047;
border-radius: 0 10px 0 0;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.heartArea .arrow {
position: absolute;
top: 48%;
right: 40px;
width: 7.5%;
}
.headArea img.size-full,
.heartArea img.size-full {
max-width: 300px;
margin-left: -150px;
width: 100%;
left: 50%;
position: relative;
}
.headArea hr,
.heartArea hr {
width: 0px;
border: 1px solid #ffffff;
margin: 10px auto;
opacity: 0;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-kthtml-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.headArea:hover hr,
.heartArea:hover hr {
opacity: 1;
width: 60px;
}
.headHeart h1,
.headHeart h4 {
color: #ffffff;
line-height: 1;
margin-bottom: 0;
}
/*-- Homepage Video Styles --*/
#vid {
/* display: none; */
margin-top: 80px;
min-height: 100vh;
position: relative;
}
#vid .flex-video {
margin: 0 0 40px;
padding-bottom: 56%;
position: relative;
z-index: 0;
}
#vid .flex-video iframe {
}
#vid .videoOver {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
z-index: 1;
}
#vid .videoOver a {
height: 100%;
padding: 50% 0;
width: 100%;
}
#vid .videoOver img {
width: 100%;
}
#vid .videoOver .vidThumb {
position: absolute;
left: 15%;
top: 30%;
width: 70%;
}
#vid .videoOver .fa-play-circle {
color: #ffffff;
position: absolute;
right: 10%;
bottom: 10%;
font-size: 4rem;
}
#vid .videoplaylist {
padding-top: 80px;
padding-bottom: 80px;
z-index: 2;
}
#vid .videoplaylist h2 {
margin-bottom: 80px;
}
#vid .videoplaylist iframe {
margin: 0 auto 50px;
}
/*
#vid h2 {
text-align: center;
}
*/
.reveal {
min-height: 30vh;
}
.reveal.small {
max-width: 600px;
}
.reveal:focus {
box-shadow: none;
}
.reveal .close-button {
background: #4CE0D2;
border-radius: 50%;
top: 5px;
right: 5px;
padding: 16px 0;
width: 32px;
}
.reveal .close-button span {
color: #ffffff;
font-size: 1.5rem;
line-height: 0;
padding: 0 9px;
position: absolute;
left: 0px;
top: 14px;
}
/*-- Video Template Styles --*/
.page-template-page-video .module-hero .page-title {
margin-top: 140px;
}
.page-template-page-video #page {
background: #F8F2F2;
padding-bottom: 0;
}
.page-template-page-video #page h1 {
font-size: 3.5rem;
font-weight: 500;
line-height: 1.2;
margin-bottom: 2rem;
}
.page-template-page-video .videoplaylist {
padding-top: 0;
padding-bottom: 80px;
position: relative;
z-index: 2;
}
.page-template-page-video .videoplaylist .bg {
background: #F8F2F2;
height: 240px;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.page-template-page-video .videoplaylist .flex-video {
margin-bottom: 60px;
padding-bottom: 54%;
}
/*-- Resources page Styles --*/
.page-id-943 div.resource {
padding: 0.9rem;
}
.page-id-943 h3 {
border-bottom: 3px solid #94c3e9;
color: #94c3e9;
font-size: 1.25rem;
font-weight: 700;
text-align: left;
padding: 0;
text-transform: uppercase;
}
.page-id-943 h6 {
font-size: 1.75rem;
font-weight: 500;
}
.page-id-943 div.resource a {
color: #5E839D;
text-decoration: underline;
}
/*-- Cardstack Styles --*/
.cardstacks-template-default .module-hero {
height: 360px;
padding-top: 150px;
}
#cardS {
margin: 60px 20px;
}
#cardS .desktop {
display: block;
}
#cardS .clearfix {
pointer-events: none;
}
#cardS .medium-4 {
padding-right: 0;
}
#cardS .medium-8 {
padding-left: 0;
}
#cardS .tabs {
border: 0;
}
#cardS .tabs-title>a {
background: #cccccc;
border: 1px solid #cccccc;
border-right: 0;
border-bottom: 1px solid #ffffff;
color: #ffffff;
font-size: .9rem;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.15;
text-transform: uppercase;
}
#cardS .tabs-title:last-child > a {
border-bottom: none;
}
#cardS .tabs-title>a:hover {
background: #999999;
}
#cardS .tabs-title>a:focus,
#cardS .tabs-title>a[aria-selected=true] {
background: #D34048;
border: 1px solid #D34048;
border-right: 0;
color: #ffffff;
}
#cardS .tabs-content {
border: 1px solid #D34048;
}
#cardS .mobile {
display: none;
}
#cardS .mobile .accordion-title {
border: 1px solid #D34048;
border-bottom: none;
color: #D34048;
}
#cardS .mobile .accordion-item:last-child .accordion-title {
border-bottom: 1px solid #D34048;
}
#cardS .mobile .is-active .accordion-title {
background: #D34048;
color: #FFFFFF;
}
#cardS .mobile .is-active .accordion-title h3 {
color: #FFFFFF;
}
#cardS .accordion-item.is-active>.accordion-title::before {
color: #ffffff;
}
.single-cardstacks footer.module {
display: none;
}
/*---- News Posts -----*/
#single-post .flex-video.widescreen,
#single-post .responsive-embed.widescreen {
clear: both;
}
/*---- Landing Page ----*/
#landingPage #featured-hero {
background-size: cover;
background-position: center center;
height: auto;
min-height: 100vh;
margin: 0;
}
/*
.page-id-650 #landingPage #featured-hero {
background-position: right center;
}
*/
#landingPage .signup {
background-color: #ffffff;
height: auto;
margin-top: 24vh;
margin-bottom: 60px;
padding: 30px;
position: relative;
}
#landingPage .signup h1,
#landingPage .signup h2,
#landingPage .signup h3 {
line-height: 1.15;
}
#landingPage .signup label {
display: none;
}
#landingPage .signup input {
background: #f2f2f2;
border: none;
float: none;
height: 50px;
padding: 0.5rem;
margin-bottom: 1rem;
margin-right: 2%;
width: 100%;
}
#landingPage .signup .landingButton {
background-color: #D34048;
border: 1px solid #ffffff;
color: #ffffff;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 0;
text-transform: uppercase;
width: 100%;
}
#landingPage .signup .landingButton:hover {
background-color: #A01F34;
}
/*---- Thank You Page ----*/
.page-template-page-thanks .social p {
font-weight: 700;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
}
.page-template-page-thanks .social hr {
left: 50%;
margin-left: -40px;
width: 80px;
}
.page-template-page-thanks #share {
margin-bottom: 30px;
text-align: center;
}
.page-template-page-thanks #share .jssocials-share-twitter a {
margin-right: 0;
}
.page-template-page-thanks #share a {
background: #5E839D;
border-radius: 43px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
display: inline-block;
cursor: pointer;
height: 43px;
margin: 0 7px 20px 0;
position: relative;
width: 43px;
}
.page-template-page-thanks #share a i {
color: #ffffff;
display: block;
left: 24%;
position: absolute;
top: 25%;
}
/*
footer #menu-social .ss-facebook {
border: none;
background-color: #ffffff;
color: #5E839D;
}
footer #menu-social .ss-facebook:hover {
background-color: #ffffff;
color: #0474c0; }
footer #menu-social .ss-twitter {
border: none;
background-color: #ffffff;
color: #5E839D; }
footer #menu-social .ss-twitter:hover {
background-color: #ffffff;
color: #00aaff; }
*/
@media screen and (min-width: 640px) {
.statistic h4 {
bottom: 6px; } }
.module-tabs {
background-color: #5E839D;
color: #ffffff;
padding: 0; }
.module-tabs .tabs {
display: none; }
.module-tabs .tab-content {
padding: 20px; }
.module-tabs .tab-content div {
font-size: 17px; }
.module-tabs .tab-content div ul {
list-style-type: disc; }
.module-tabs .tab-content div ul li {
margin-bottom: 20px; }
.module-tabs .accordion-heading {
cursor: pointer;
display: block;
margin: 0;
padding: 10px 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.module-tabs .accordion-heading h5 {
color: #fff;
display: inline-block;
font-size: 16px; }
.module-tabs .accordion-heading span {
color: #fff;
display: inline-block;
font-size: 30px;
margin-right: 20px;
position: relative;
top: 5px; }
.module-tabs .accordion-active {
color: #D34048; }
.module-tabs .accordion-heading.blue {
background: #0474c0; }
.module-tabs .accordion-heading.red {
background: #D34048; }
.module-tabs .accordion-heading.orange {
background: #ffb836; }
.module-tabs .accordion-heading.cyan {
background: #00aaff; }
.module-tabs .details {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
bottom: -60px;
margin: 0 0 0 35px;
position: absolute; }
@media screen and (min-width: 1025px) {
.module-tabs {
padding: 60px 80px; }
.module-tabs .tabs {
display: block;
float: left;
list-style: none;
margin: 30px 0 17px 36px;
padding: 0;
width: 100%; }
.module-tabs .tabs li {
border: none;
box-sizing: border-box;
cursor: pointer;
float: left;
margin: 40px 40px 0 0;
overflow: hidden;
padding: 10px;
position: relative;
width: 34%;
padding-bottom: 30.7%;
height: 0; }
.module-tabs .tabs li h5 {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
line-height: 1.15;
text-align: center; }
/*
.module-tabs .tabs li h5:before {
display: block;
font-size: 80px;
margin-bottom: 20px; }
.module-tabs .tabs li h5.icon-clipboard:before {
margin-left: 10px; }
*/
.module-tabs .tab_container {
clear: both;
float: left;
margin-top: 55px;
width: 100%;
overflow: auto; }
.module-tabs .tab-content {
display: none;
padding: 0; }
.module-tabs .accordion-heading {
display: none; }
.module-tabs li.active {
background-color: #93C3E9; }
.module-tabs li.blue {
border-color: #0474c0; }
.module-tabs li.blue h5 {
color: #0474c0; }
.module-tabs li.blue h5:before {
color: #0474c0; }
.module-tabs li.blue:hover {
background-color: #0474c0; }
.module-tabs li.blue.active {
background-color: #0474c0; }
.module-tabs li.red {
border-color: #D34048; }
.module-tabs li.red h5 {
color: #D34048; }
.module-tabs li.red h5:before {
color: #D34048; }
.module-tabs li.red:hover {
background-color: #D34048; }
.module-tabs li.red.active {
background-color: #D34048; }
.module-tabs li.orange {
border-color: #ffb836; }
.module-tabs li.orange h5 {
color: #ffb836; }
.module-tabs li.orange h5:before {
color: #ffb836; }
.module-tabs li.orange:hover {
background-color: #ffb836; }
.module-tabs li.orange.active {
background-color: #ffb836; }
.module-tabs li.cyan {
border-color: #00aaff; }
.module-tabs li.cyan h5 {
color: #00aaff; }
.module-tabs li.cyan h5:before {
color: #00aaff; }
.module-tabs li.cyan:hover {
background-color: #00aaff; }
.module-tabs li.cyan.active {
background-color: #00aaff; }
.module-tabs li:hover h5, .module-tabs li:hover h5:before {
color: #fff; }
.module-tabs li.active h5 {
color: #fff; }
.module-tabs li.active h5:before {
color: #fff; } }
@media screen and (min-width: 1350px) {
.module-tabs .tabs li h5:before {
font-size: 120px; } }
.module-resources {
background-color: #D34048;
color: #ffffff;
text-align: center;
}
.module-resources .resource {
margin-top: 70px; }
.module-resources h2,
.module-resources h3 {
color: #ffffff;
}
.module-resources .resource .type {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 19px;
margin-bottom: 15px;
text-transform: uppercase; }
.module-resources .resource .red {
color: #D34048; }
.module-resources .resource .orange {
color: #ffb836; }
.module-resources .resource .blue {
color: #0474c0; }
.module-resources .resource .title {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #000;
font-size: 26px;
line-height: 110%;
margin: 0 auto 15px; }
@media screen and (min-width: 640px) {
.module-resources .resource .type {
font-size: 24px;
margin-bottom: 20px; }
.module-resources .resource .title {
font-size: 36px;
margin-bottom: 35px;
max-width: 65%; }
.module-resources .resource .button {
font-size: 25px;
margin-bottom: 20px; } }
.module-partners {
text-align: center; }
.module-partners a {
display: block;
line-height: 180px;
margin: 30px 0; }
.module-partners a .partner {
display: inline-block;
line-height: 180px;
margin: auto;
vertical-align: middle; }
.module-partners .partner-view-all {
text-align: right; }
@media screen and (min-width: 640px) {
.module-partners .partner {
margin: 58px 0; } }
.module-newsletter {
background: transparent url("../img/yellow-bus.png") no-repeat center top;
border: none;
text-align: center; }
.module-newsletter h2 {
color: #fff;
margin-top: 90px; }
.module-newsletter form .zip-code,
.module-newsletter form input[type="email"] {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
box-shadow: none;
color: #fff;
font-size: 18px;
margin: 0 auto 20px;
outline: none;
text-align: center;
width: 100%; }
.module-newsletter form :-moz-placeholder {
color: #fff; }
.module-newsletter form ::-moz-placeholder {
color: #fff; }
.module-newsletter form :-ms-input-placeholder {
color: #fff; }
.module-newsletter form ::-webkit-input-placeholder {
color: #fff; }
.module-newsletter form .signup {
font-style: normal;
font-weight: 400;
background-color: #D34048;
border: 4px solid #D34048;
color: #fff;
font-size: 30px;
padding: 20px 95px;
text-transform: uppercase; }
.module-newsletter form .signup:hover {
background: #fff;
color: #D34048;
cursor: pointer; }
@media screen and (min-width: 640px) {
.module-newsletter h2 {
margin-bottom: 55px; }
.module-newsletter form .zip-code,
.module-newsletter form input[type="email"] {
font-size: 28px;
margin-bottom: 75px;
width: 35%; }
.module-newsletter form input[type="email"] {
margin-bottom: 25px;
}
.module-newsletter form .signup {
font-size: 34px; } }
.page-template-page-toolkit .module-hero .module-hero-message h2 {
margin-top: 100px; }
.page-template-page-toolkit .module-learn {
text-align: center; }
.page-template-page-toolkit .module-learn .columns {
cursor: pointer;
margin-top: 40px; }
.page-template-page-toolkit .module-learn .columns a {
display: block;
height: 276px;
margin: 0 30px;
position: relative; }
.page-template-page-toolkit .module-learn .columns a:before {
font-size: 140px;
position: relative;
top: 35px; }
.page-template-page-toolkit .module-learn .columns a:hover {
color: #fff; }
.page-template-page-toolkit .module-learn .columns a:hover:before {
content: none; }
.page-template-page-toolkit .module-learn .columns a:hover .title-download {
visibility: hidden; }
.page-template-page-toolkit .module-learn .columns a:hover .pdf-download {
visibility: visible; }
.page-template-page-toolkit .module-learn .columns .title-download {
font-family: "proxima-nova", ;
font-style: normal;
font-weight: 400;
font-size: 23px;
position: relative;
bottom: -55px; }
.page-template-page-toolkit .module-learn .columns .pdf-download {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background: #fff;
left: 50%;
margin: 0 auto;
padding: 5px 10px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
white-space: nowrap;
z-index: 2000; }
.page-template-page-toolkit .module-learn .magnify a {
border: 3px solid #ffb836;
color: #ffb836; }
.page-template-page-toolkit .module-learn .magnify a:hover {
background-color: #ffb836; }
.page-template-page-toolkit .module-learn .magnify a .pdf-download {
color: #ffb836; }
.page-template-page-toolkit .module-learn .lightbulb a {
border: 3px solid #D34048;
color: #D34048; }
.page-template-page-toolkit .module-learn .lightbulb a:hover {
background-color: #D34048; }
.page-template-page-toolkit .module-learn .lightbulb a .pdf-download {
color: #D34048; }
.page-template-page-toolkit .module-learn .paper a {
border: 3px solid #00aaff;
color: #00aaff; }
.page-template-page-toolkit .module-learn .paper a:hover {
background-color: #00aaff; }
.page-template-page-toolkit .module-learn .paper a .pdf-download {
color: #00aaff; }
.page-template-page-toolkit .module-educate {
position: relative;
text-align: center; }
.page-template-page-toolkit .module-educate .download {
margin-top: 40px; }
.page-template-page-toolkit .module-educate .download a {
background-color: #0474c0;
color: #0474c0;
display: block;
margin: 0 auto;
max-width: 377px;
position: relative; }
.page-template-page-toolkit .module-educate .download img {
max-width: 100%;
box-shadow: 0px 4px 5px 0px #dddddd; }
.page-template-page-toolkit .module-educate .download .download-pdf p {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background: #fff;
color: #0474c0 !important;
left: 50%;
margin: 0 auto;
margin-top: -36%;
padding: 5px 10px;
position: absolute;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
z-index: 2000; }
.page-template-page-toolkit .module-educate .download:hover img {
visibility: hidden; }
.page-template-page-toolkit .module-educate .download:hover p {
color: #fff;
visibility: visible; }
.page-template-page-toolkit .module-reach {
text-align: center;
padding-bottom: 0; }
.page-template-page-toolkit .module-reach img {
margin-top: 40px; }
.page-template-page-toolkit .module-contact {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
text-align: center; }
.page-template-page-toolkit .module-contact hr {
border-color: #D34048;
border-width: 4px 0 0;
margin: 40px auto 0;
width: 150px; }
.page-template-page-toolkit .module-contact p {
margin: 0; }
.page-template-page-toolkit .module-contact .email-us {
font-size: 30px;
color: #D34048; }
.page-template-page-toolkit .module-contact .contact-email {
font-size: 30px; }
.page-template-page-toolkit .module-contact .contact-copy {
font-size: 25px; }
/*----------
FAQs
-----------*/
.accordion-item h3 {
text-align: left;
padding: 0;
padding-right: 3rem;
}
.accordion-item .is-active>.accordion-title::before,
.accordion-item .accordion-title::before {
color: #D34048;
font-size: 2rem;
margin-top: -1rem;
right: 2rem;
}
/*----------
Alternate Template
-----------*/
.module-hero .page-title {
color: #ffffff;
font-weight: 900;
letter-spacing: 2px;
}
.page-template-page-alt .module-hero {
padding-top: 200px;
}
.page-id-531 .entry-content .columns {
padding: 10px;
}
@media screen and (min-width: 640px) {
.page-template-page-toolkit .download a {
margin: 0 15px; } }
footer.article-footer{
display:none;
}
@charset "UTF-8";
/*!
Theme Name: BSD Wordpress Starterkit
Theme URI: http://www.bluestatedigital.com
Author: Blue State Digital
Author URI: http://www.bluestatedigital.com
Description: Custom theme starter kit
*/
meta.foundation-version {
font-family: "/5.5.3/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em; }
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.0625em)/";
width: 64.0625em; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em; }
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.0625em)/";
width: 90.0625em; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em; }
meta.foundation-data-attribute-namespace {
font-family: false; }
html, body {
height: 100%; }
*,
*:before,
*:after {
box-sizing: border-box; }
html,
body {
font-size: 100%; }
body {
background: #fff;
color: #222;
cursor: auto;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
position: relative; }
a:hover {
cursor: pointer; }
img {
max-width: 100%;
height: auto; }
img {
-ms-interpolation-mode: bicubic; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
.left {
float: left !important; }
.right {
float: right !important; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.hide {
display: none; }
.invisible {
visibility: hidden; }
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle; }
textarea {
height: auto;
min-height: 50px; }
select {
width: 100%; }
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -0.625rem; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table; }
[class*="block-grid-"]:after {
clear: both; }
[class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 0.625rem 1.25rem; }
@media only screen {
.small-block-grid-1 > li {
list-style: none;
width: 100%; }
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.small-block-grid-2 > li {
list-style: none;
width: 50%; }
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.small-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.small-block-grid-4 > li {
list-style: none;
width: 25%; }
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.small-block-grid-5 > li {
list-style: none;
width: 20%; }
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.small-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.small-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.small-block-grid-8 > li {
list-style: none;
width: 12.5%; }
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.small-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.small-block-grid-10 > li {
list-style: none;
width: 10%; }
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.small-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.small-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
@media only screen and (min-width: 40.0625em) {
.medium-block-grid-1 > li {
list-style: none;
width: 100%; }
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.medium-block-grid-2 > li {
list-style: none;
width: 50%; }
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.medium-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.medium-block-grid-4 > li {
list-style: none;
width: 25%; }
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.medium-block-grid-5 > li {
list-style: none;
width: 20%; }
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.medium-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.medium-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.medium-block-grid-8 > li {
list-style: none;
width: 12.5%; }
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.medium-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.medium-block-grid-10 > li {
list-style: none;
width: 10%; }
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.medium-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.medium-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
@media only screen and (min-width: 64.0625em) {
.large-block-grid-1 > li {
list-style: none;
width: 100%; }
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
.large-block-grid-2 > li {
list-style: none;
width: 50%; }
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
.large-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
.large-block-grid-4 > li {
list-style: none;
width: 25%; }
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
.large-block-grid-5 > li {
list-style: none;
width: 20%; }
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
.large-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
.large-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
.large-block-grid-8 > li {
list-style: none;
width: 12.5%; }
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
.large-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
.large-block-grid-10 > li {
list-style: none;
width: 10%; }
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
.large-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
.large-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; } }
button, .button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #fff;
-webkit-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {
background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus {
color: #fff; }
button.secondary, .button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #b9b9b9; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
color: #333333; }
button.success, .button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
background-color: #368a55; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
color: #fff; }
button.alert, .button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
background-color: #cf2a0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color: #fff; }
button.warning, .button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
background-color: #cf6e0e; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
color: #fff; }
button.info, .button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
background-color: #61b6d9; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
color: #fff; }
button.large, .button.large {
padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
font-size: 1.25rem; }
button.small, .button.small {
padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
font-size: 0.8125rem; }
button.tiny, .button.tiny {
padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
font-size: 0.6875rem; }
button.expand, .button.expand {
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
padding-bottom: 1.0625rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%; }
button.left-align, .button.left-align {
text-align: left;
text-indent: 0.75rem; }
button.right-align, .button.right-align {
text-align: right;
padding-right: 0.75rem; }
button.radius, .button.radius {
border-radius: 3px; }
button.round, .button.round {
border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #007095; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
color: #fff; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #008CBA; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #b9b9b9; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e7e7e7; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #368a55; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
color: #fff; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #43AC6A; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cf2a0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
color: #fff; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #f04124; }
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #cf6e0e; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
color: #fff; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #f08a24; }
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333;
box-shadow: none;
cursor: default;
opacity: 0.7; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #61b6d9; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
color: #fff; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
background-color: #a0d3e8; }
button::-moz-focus-inner {
border: 0;
padding: 0; }
@media only screen and (min-width: 40.0625em) {
button, .button {
display: inline-block; } }
/* Standard Forms */
form {
margin: 0 0 1rem; }
/* Using forms within rows, we need to set some defaults */
form .row .row {
margin: 0 -0.5rem; }
form .row .row .column,
form .row .row .columns {
padding: 0 0.5rem; }
form .row .row.collapse {
margin: 0; }
form .row .row.collapse .column,
form .row .row.collapse .columns {
padding: 0; }
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
padding-left: 0.5rem; }
/* Label Styles */
label {
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0;
/* Styles for required inputs */ }
label.right {
float: none !important;
text-align: right; }
label.inline {
margin: 0 0 1rem 0;
padding: 0.5625rem 0; }
label small {
text-transform: capitalize;
color: #676767; }
/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
border-style: solid;
border-width: 1px;
display: block;
font-size: 0.875rem;
height: 2.3125rem;
line-height: 2.3125rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2; }
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center; }
.prefix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center; }
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
background: #f2f2f2;
border-right: none;
color: #333333;
border-color: #cccccc; }
span.postfix, label.postfix {
background: #f2f2f2;
border-left: none;
color: #333333;
border-color: #cccccc; }
/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-family: inherit;
font-size: 0.875rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
padding: 0.5rem;
width: 100%;
box-sizing: border-box;
-webkit-transition: border-color 0.15s linear, background 0.15s linear;
transition: border-color 0.15s linear, background 0.15s linear; }
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none; }
input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
background-color: #DDDDDD;
cursor: default; }
input:not([type])[disabled], input:not([type])[readonly],
fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
fieldset[disabled] textarea {
background-color: #DDDDDD;
cursor: default; }
input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
border-radius: 3px; }
form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px; }
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0; }
/* Respect enforced amount of rows for textarea */
textarea[rows] {
height: auto; }
/* Not allow resize out of parent */
textarea {
max-width: 100%; }
::-webkit-input-placeholder {
color: #666666; }
:-moz-placeholder {
/* Firefox 18- */
color: #666666; }
::-moz-placeholder {
/* Firefox 19+ */
color: #666666; }
:-ms-input-placeholder {
color: #666666; }
/* Add height value for select elements to match text input height */
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #FAFAFA;
border-radius: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
color: rgba(0, 0, 0, 0.75);
font-family: inherit;
font-size: 0.875rem;
line-height: normal;
padding: 0.5rem;
border-radius: 0;
height: 2.3125rem; }
select::-ms-expand {
display: none; }
select.radius {
border-radius: 3px; }
select:focus {
background-color: #f3f3f3;
border-color: #999999; }
select:disabled {
background-color: #DDDDDD;
cursor: default; }
select[multiple] {
height: auto; }
/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
margin: 0 0 1rem 0; }
input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline; }
/* Normalize file input width */
input[type="file"] {
width: 100%; }
/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
border: 1px solid #DDDDDD;
margin: 1.125rem 0;
padding: 1.25rem; }
fieldset legend {
font-weight: bold;
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem; }
/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
background: #f04124;
color: #fff; }
[data-abide] span.error, [data-abide] small.error {
display: none; }
span.error, small.error {
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
background: #f04124;
color: #fff; }
.error input,
.error textarea,
.error select {
margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
margin-bottom: 1rem; }
.error label,
.error label.error {
color: #f04124; }
.error small.error {
display: block;
font-size: 0.75rem;
font-style: italic;
font-weight: normal;
margin-bottom: 1rem;
margin-top: -1px;
padding: 0.375rem 0.5625rem 0.5625rem;
background: #f04124;
color: #fff; }
.error > label > small {
background: transparent;
color: #676767;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize; }
.error span.error-message {
display: block; }
input.error,
textarea.error,
select.error {
margin-bottom: 0; }
label.error {
color: #f04124; }
.row {
margin: 0 auto;
max-width: 62.5rem;
width: 100%; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.collapse .row {
margin-left: 0;
margin-right: 0; }
.row .row {
margin: 0 -0.9375rem;
max-width: none;
width: auto; }
.row .row:before, .row .row:after {
content: " ";
display: table; }
.row .row:after {
clear: both; }
.row .row.collapse {
margin: 0;
max-width: none;
width: auto; }
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table; }
.row .row.collapse:after {
clear: both; }
.column,
.columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left; }
.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
float: right; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
float: left; }
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto; }
.small-pull-0 {
position: relative;
right: 0;
left: auto; }
.small-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.small-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.small-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.small-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.small-push-3 {
position: relative;
left: 25%;
right: auto; }
.small-pull-3 {
position: relative;
right: 25%;
left: auto; }
.small-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.small-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.small-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.small-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.small-push-6 {
position: relative;
left: 50%;
right: auto; }
.small-pull-6 {
position: relative;
right: 50%;
left: auto; }
.small-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.small-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.small-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.small-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.small-push-9 {
position: relative;
left: 75%;
right: auto; }
.small-pull-9 {
position: relative;
right: 75%;
left: auto; }
.small-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.small-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.small-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.small-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.small-1 {
width: 8.33333%; }
.small-2 {
width: 16.66667%; }
.small-3 {
width: 25%; }
.small-4 {
width: 33.33333%; }
.small-5 {
width: 41.66667%; }
.small-6 {
width: 50%; }
.small-7 {
width: 58.33333%; }
.small-8 {
width: 66.66667%; }
.small-9 {
width: 75%; }
.small-10 {
width: 83.33333%; }
.small-11 {
width: 91.66667%; }
.small-12 {
width: 100%; }
.small-offset-0 {
margin-left: 0 !important; }
.small-offset-1 {
margin-left: 8.33333% !important; }
.small-offset-2 {
margin-left: 16.66667% !important; }
.small-offset-3 {
margin-left: 25% !important; }
.small-offset-4 {
margin-left: 33.33333% !important; }
.small-offset-5 {
margin-left: 41.66667% !important; }
.small-offset-6 {
margin-left: 50% !important; }
.small-offset-7 {
margin-left: 58.33333% !important; }
.small-offset-8 {
margin-left: 66.66667% !important; }
.small-offset-9 {
margin-left: 75% !important; }
.small-offset-10 {
margin-left: 83.33333% !important; }
.small-offset-11 {
margin-left: 91.66667% !important; }
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.small-centered,
.columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.small-uncentered,
.columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.small-centered:last-child,
.columns.small-centered:last-child {
float: none; }
.column.small-uncentered:last-child,
.columns.small-uncentered:last-child {
float: left; }
.column.small-uncentered.opposite,
.columns.small-uncentered.opposite {
float: right; }
.row.small-collapse > .column,
.row.small-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.small-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.small-uncollapse > .column,
.row.small-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; } }
@media only screen and (min-width: 40.0625em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto; }
.medium-pull-0 {
position: relative;
right: 0;
left: auto; }
.medium-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.medium-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.medium-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.medium-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.medium-push-3 {
position: relative;
left: 25%;
right: auto; }
.medium-pull-3 {
position: relative;
right: 25%;
left: auto; }
.medium-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.medium-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.medium-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.medium-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.medium-push-6 {
position: relative;
left: 50%;
right: auto; }
.medium-pull-6 {
position: relative;
right: 50%;
left: auto; }
.medium-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.medium-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.medium-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.medium-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.medium-push-9 {
position: relative;
left: 75%;
right: auto; }
.medium-pull-9 {
position: relative;
right: 75%;
left: auto; }
.medium-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.medium-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.medium-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.medium-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.medium-1 {
width: 8.33333%; }
.medium-2 {
width: 16.66667%; }
.medium-3 {
width: 25%; }
.medium-4 {
width: 33.33333%; }
.medium-5 {
width: 41.66667%; }
.medium-6 {
width: 50%; }
.medium-7 {
width: 58.33333%; }
.medium-8 {
width: 66.66667%; }
.medium-9 {
width: 75%; }
.medium-10 {
width: 83.33333%; }
.medium-11 {
width: 91.66667%; }
.medium-12 {
width: 100%; }
.medium-offset-0 {
margin-left: 0 !important; }
.medium-offset-1 {
margin-left: 8.33333% !important; }
.medium-offset-2 {
margin-left: 16.66667% !important; }
.medium-offset-3 {
margin-left: 25% !important; }
.medium-offset-4 {
margin-left: 33.33333% !important; }
.medium-offset-5 {
margin-left: 41.66667% !important; }
.medium-offset-6 {
margin-left: 50% !important; }
.medium-offset-7 {
margin-left: 58.33333% !important; }
.medium-offset-8 {
margin-left: 66.66667% !important; }
.medium-offset-9 {
margin-left: 75% !important; }
.medium-offset-10 {
margin-left: 83.33333% !important; }
.medium-offset-11 {
margin-left: 91.66667% !important; }
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.medium-centered,
.columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.medium-uncentered,
.columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.medium-centered:last-child,
.columns.medium-centered:last-child {
float: none; }
.column.medium-uncentered:last-child,
.columns.medium-uncentered:last-child {
float: left; }
.column.medium-uncentered.opposite,
.columns.medium-uncentered.opposite {
float: right; }
.row.medium-collapse > .column,
.row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.medium-uncollapse > .column,
.row.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.push-0 {
position: relative;
left: 0;
right: auto; }
.pull-0 {
position: relative;
right: 0;
left: auto; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; } }
@media only screen and (min-width: 64.0625em) {
.large-push-0 {
position: relative;
left: 0;
right: auto; }
.large-pull-0 {
position: relative;
right: 0;
left: auto; }
.large-push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.large-pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.large-push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.large-pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.large-push-3 {
position: relative;
left: 25%;
right: auto; }
.large-pull-3 {
position: relative;
right: 25%;
left: auto; }
.large-push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.large-pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.large-push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.large-pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.large-push-6 {
position: relative;
left: 50%;
right: auto; }
.large-pull-6 {
position: relative;
right: 50%;
left: auto; }
.large-push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.large-pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.large-push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.large-pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.large-push-9 {
position: relative;
left: 75%;
right: auto; }
.large-pull-9 {
position: relative;
right: 75%;
left: auto; }
.large-push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.large-pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.large-push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.large-pull-11 {
position: relative;
right: 91.66667%;
left: auto; }
.column,
.columns {
position: relative;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.large-1 {
width: 8.33333%; }
.large-2 {
width: 16.66667%; }
.large-3 {
width: 25%; }
.large-4 {
width: 33.33333%; }
.large-5 {
width: 41.66667%; }
.large-6 {
width: 50%; }
.large-7 {
width: 58.33333%; }
.large-8 {
width: 66.66667%; }
.large-9 {
width: 75%; }
.large-10 {
width: 83.33333%; }
.large-11 {
width: 91.66667%; }
.large-12 {
width: 100%; }
.large-offset-0 {
margin-left: 0 !important; }
.large-offset-1 {
margin-left: 8.33333% !important; }
.large-offset-2 {
margin-left: 16.66667% !important; }
.large-offset-3 {
margin-left: 25% !important; }
.large-offset-4 {
margin-left: 33.33333% !important; }
.large-offset-5 {
margin-left: 41.66667% !important; }
.large-offset-6 {
margin-left: 50% !important; }
.large-offset-7 {
margin-left: 58.33333% !important; }
.large-offset-8 {
margin-left: 66.66667% !important; }
.large-offset-9 {
margin-left: 75% !important; }
.large-offset-10 {
margin-left: 83.33333% !important; }
.large-offset-11 {
margin-left: 91.66667% !important; }
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto; }
.column.large-centered,
.columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none; }
.column.large-uncentered,
.columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0; }
.column.large-centered:last-child,
.columns.large-centered:last-child {
float: none; }
.column.large-uncentered:last-child,
.columns.large-uncentered:last-child {
float: left; }
.column.large-uncentered.opposite,
.columns.large-uncentered.opposite {
float: right; }
.row.large-collapse > .column,
.row.large-collapse > .columns {
padding-left: 0;
padding-right: 0; }
.row.large-collapse .row {
margin-left: 0;
margin-right: 0; }
.row.large-uncollapse > .column,
.row.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
float: left; }
.push-0 {
position: relative;
left: 0;
right: auto; }
.pull-0 {
position: relative;
right: 0;
left: auto; }
.push-1 {
position: relative;
left: 8.33333%;
right: auto; }
.pull-1 {
position: relative;
right: 8.33333%;
left: auto; }
.push-2 {
position: relative;
left: 16.66667%;
right: auto; }
.pull-2 {
position: relative;
right: 16.66667%;
left: auto; }
.push-3 {
position: relative;
left: 25%;
right: auto; }
.pull-3 {
position: relative;
right: 25%;
left: auto; }
.push-4 {
position: relative;
left: 33.33333%;
right: auto; }
.pull-4 {
position: relative;
right: 33.33333%;
left: auto; }
.push-5 {
position: relative;
left: 41.66667%;
right: auto; }
.pull-5 {
position: relative;
right: 41.66667%;
left: auto; }
.push-6 {
position: relative;
left: 50%;
right: auto; }
.pull-6 {
position: relative;
right: 50%;
left: auto; }
.push-7 {
position: relative;
left: 58.33333%;
right: auto; }
.pull-7 {
position: relative;
right: 58.33333%;
left: auto; }
.push-8 {
position: relative;
left: 66.66667%;
right: auto; }
.pull-8 {
position: relative;
right: 66.66667%;
left: auto; }
.push-9 {
position: relative;
left: 75%;
right: auto; }
.pull-9 {
position: relative;
right: 75%;
left: auto; }
.push-10 {
position: relative;
left: 83.33333%;
right: auto; }
.pull-10 {
position: relative;
right: 83.33333%;
left: auto; }
.push-11 {
position: relative;
left: 91.66667%;
right: auto; }
.pull-11 {
position: relative;
right: 91.66667%;
left: auto; } }
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em; }
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
width: 100%;
background: #333333; }
.contain-to-grid .top-bar {
margin-bottom: 0; }
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0; }
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%; }
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99; }
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: 2.8125rem;
z-index: 98; }
.top-bar {
background: #333333;
height: 2.8125rem;
line-height: 2.8125rem;
margin-bottom: 0;
overflow: hidden;
position: relative; }
.top-bar ul {
list-style: none;
margin-bottom: 0; }
.top-bar .row {
max-width: none; }
.top-bar form,
.top-bar input,
.top-bar select {
margin-bottom: 0; }
.top-bar input,
.top-bar select {
font-size: 0.75rem;
height: 1.75rem;
padding-bottom: .35rem;
padding-top: .35rem; }
.top-bar .button, .top-bar button {
font-size: 0.75rem;
margin-bottom: 0;
padding-bottom: 0.4125rem;
padding-top: 0.4125rem; }
@media only screen and (max-width: 40em) {
.top-bar .button, .top-bar button {
position: relative;
top: -1px; } }
.top-bar .title-area {
margin: 0;
position: relative; }
.top-bar .name {
font-size: 16px;
height: 2.8125rem;
margin: 0; }
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
font-size: 1.0625rem;
line-height: 2.8125rem;
margin: 0; }
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
color: #fff;
display: block;
font-weight: normal;
padding: 0 0.9375rem;
width: 75%; }
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0; }
.top-bar .toggle-topbar a {
color: #fff;
display: block;
font-size: 0.8125rem;
font-weight: bold;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 0.9375rem;
position: relative;
text-transform: uppercase; }
.top-bar .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%; }
.top-bar .toggle-topbar.menu-icon a {
color: #fff;
height: 34px;
line-height: 33px;
padding: 0 2.5rem 0 0.9375rem;
position: relative; }
.top-bar .toggle-topbar.menu-icon a span::after {
content: "";
display: block;
height: 0;
position: absolute;
margin-top: -8px;
top: 50%;
right: 0.9375rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 16px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
.top-bar.expanded {
background: transparent;
height: auto; }
.top-bar.expanded .title-area {
background: #333333; }
.top-bar.expanded .toggle-topbar a {
color: #888888; }
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
.top-bar.expanded .top-bar-section .dropdown {
clip: initial; }
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0; } }
.top-bar-section {
left: 0;
position: relative;
width: auto;
-webkit-transition: left 300ms ease-out;
transition: left 300ms ease-out; }
.top-bar-section ul {
display: block;
font-size: 16px;
height: auto;
margin: 0;
padding: 0;
width: 100%; }
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-top: solid 1px #1a1a1a;
clear: both;
height: 1px;
width: 100%; }
.top-bar-section ul li {
background: #333333; }
.top-bar-section ul li > a {
color: #fff;
display: block;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.8125rem;
font-weight: normal;
padding-left: 0.9375rem;
padding: 12px 0 12px 0.9375rem;
text-transform: none;
width: 100%; }
.top-bar-section ul li > a.button {
font-size: 0.8125rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
background-color: #008CBA;
border-color: #007095;
color: #fff; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
background-color: #007095; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
color: #fff; }
.top-bar-section ul li > a.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
background-color: #b9b9b9; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
color: #333333; }
.top-bar-section ul li > a.button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
background-color: #368a55; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
color: #fff; }
.top-bar-section ul li > a.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
background-color: #cf2a0e; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
color: #fff; }
.top-bar-section ul li > a.button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
background-color: #cf6e0e; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
color: #fff; }
.top-bar-section ul li > a.button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
background-color: #61b6d9; }
.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
color: #fff; }
.top-bar-section ul li > button {
font-size: 0.8125rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
background-color: #008CBA;
border-color: #007095;
color: #fff; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
background-color: #007095; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
color: #fff; }
.top-bar-section ul li > button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333333; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
background-color: #b9b9b9; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
color: #333333; }
.top-bar-section ul li > button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #fff; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
background-color: #368a55; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
color: #fff; }
.top-bar-section ul li > button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
background-color: #cf2a0e; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
color: #fff; }
.top-bar-section ul li > button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #fff; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
background-color: #cf6e0e; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
color: #fff; }
.top-bar-section ul li > button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333333; }
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
background-color: #61b6d9; }
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
color: #fff; }
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #555555;
color: #fff;
background: #222222; }
.top-bar-section ul li.active > a {
background: #008CBA;
color: #fff; }
.top-bar-section ul li.active > a:hover {
background: #0078a0;
color: #fff; }
.top-bar-section .has-form {
padding: 0.9375rem; }
.top-bar-section .has-dropdown {
position: relative; }
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
border-left-style: solid;
margin-right: 0.9375rem;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0; }
.top-bar-section .has-dropdown.moved {
position: static; }
.top-bar-section .has-dropdown.moved > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
width: 100%; }
.top-bar-section .has-dropdown.moved > a:after {
display: none; }
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
padding: 0;
position: absolute;
top: 0;
z-index: 99;
left: 100%; }
.top-bar-section .dropdown li {
height: auto;
width: 100%; }
.top-bar-section .dropdown li a {
font-weight: normal;
padding: 8px 0.9375rem; }
.top-bar-section .dropdown li a.parent-link {
font-weight: normal; }
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
margin-bottom: 0;
margin-top: 0;
font-size: 1.125rem; }
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
color: #fff;
display: block; }
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
background: none; }
.top-bar-section .dropdown li.has-form {
padding: 8px 0.9375rem; }
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
top: auto; }
.top-bar-section .dropdown label {
color: #777777;
font-size: 0.625rem;
font-weight: bold;
margin-bottom: 0;
padding: 8px 0.9375rem 2px;
text-transform: uppercase; }
.js-generated {
display: block; }
@media only screen and (min-width: 40.0625em) {
.top-bar {
background: #333333;
overflow: visible; }
.top-bar:before, .top-bar:after {
content: " ";
display: table; }
.top-bar:after {
clear: both; }
.top-bar .toggle-topbar {
display: none; }
.top-bar .title-area {
float: left; }
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name h5 a,
.top-bar .name h6 a {
width: auto; }
.top-bar input,
.top-bar select,
.top-bar .button,
.top-bar button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: 0.53125rem; }
.top-bar .has-form > .button,
.top-bar .has-form > button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: 0.53125rem; }
.top-bar.expanded {
background: #333333; }
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
max-width: 62.5rem; }
.top-bar-section {
-webkit-transition: none 0 0;
transition: none 0 0;
left: 0 !important; }
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto; }
.top-bar-section ul li {
float: left; }
.top-bar-section ul li .js-generated {
display: none; }
.top-bar-section li.hover > a:not(.button) {
background-color: #555555;
background: #222222;
color: #fff; }
.top-bar-section li:not(.has-form) a:not(.button) {
background: #333333;
line-height: 2.8125rem;
padding: 0 0.9375rem; }
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #555555;
background: #222222; }
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: #008CBA;
color: #fff;
line-height: 2.8125rem;
padding: 0 0.9375rem; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #0078a0;
color: #fff; }
.top-bar-section .has-dropdown > a {
padding-right: 2.1875rem !important; }
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 1.40625rem; }
.top-bar-section .has-dropdown.moved {
position: relative; }
.top-bar-section .has-dropdown.moved > .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block; }
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
.top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
top: 0.1875rem;
right: 5px; }
.top-bar-section .dropdown {
left: 0;
background: transparent;
min-width: 100%;
top: auto; }
.top-bar-section .dropdown li a {
background: #333333;
color: #fff;
line-height: 2.8125rem;
padding: 12px 0.9375rem;
white-space: nowrap; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #333333;
color: #fff; }
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #555555;
color: #fff;
background: #222222; }
.top-bar-section .dropdown li label {
background: #333333;
white-space: nowrap; }
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0; }
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-right: solid 1px #4e4e4e;
border-bottom: none;
border-top: none;
clear: none;
height: 2.8125rem;
width: 0; }
.top-bar-section .has-form {
background: #333333;
height: 2.8125rem;
padding: 0 0.9375rem; }
.top-bar-section .right li .dropdown {
left: auto;
right: 0; }
.top-bar-section .right li .dropdown li .dropdown {
right: 100%; }
.top-bar-section .left li .dropdown {
right: auto;
left: 0; }
.top-bar-section .left li .dropdown li .dropdown {
left: 100%; }
.no-js .top-bar-section ul li:hover > a {
background-color: #555555;
background: #222222;
color: #fff; }
.no-js .top-bar-section ul li:active > a {
background: #008CBA;
color: #fff; }
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; } }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.text-justify {
text-align: justify !important; }
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important; }
.small-only-text-right {
text-align: right !important; }
.small-only-text-center {
text-align: center !important; }
.small-only-text-justify {
text-align: justify !important; } }
@media only screen {
.small-text-left {
text-align: left !important; }
.small-text-right {
text-align: right !important; }
.small-text-center {
text-align: center !important; }
.small-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important; }
.medium-only-text-right {
text-align: right !important; }
.medium-only-text-center {
text-align: center !important; }
.medium-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 40.0625em) {
.medium-text-left {
text-align: left !important; }
.medium-text-right {
text-align: right !important; }
.medium-text-center {
text-align: center !important; }
.medium-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important; }
.large-only-text-right {
text-align: right !important; }
.large-only-text-center {
text-align: center !important; }
.large-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) {
.large-text-left {
text-align: left !important; }
.large-text-right {
text-align: right !important; }
.large-text-center {
text-align: center !important; }
.large-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important; }
.xlarge-only-text-right {
text-align: right !important; }
.xlarge-only-text-center {
text-align: center !important; }
.xlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.0625em) {
.xlarge-text-left {
text-align: left !important; }
.xlarge-text-right {
text-align: right !important; }
.xlarge-text-center {
text-align: center !important; }
.xlarge-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
.xxlarge-only-text-left {
text-align: left !important; }
.xxlarge-only-text-right {
text-align: right !important; }
.xxlarge-only-text-center {
text-align: center !important; }
.xxlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) {
.xxlarge-text-left {
text-align: left !important; }
.xxlarge-text-right {
text-align: right !important; }
.xxlarge-text-center {
text-align: center !important; }
.xxlarge-text-justify {
text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
/* Default Link Styles */
a {
color: #D34048;
line-height: inherit;
text-decoration: none; }
a:hover, a:focus {
color: #ee4b54; }
a img {
border: none; }
/* Default paragraph styles */
p {
font-family: inherit;
font-size: 1.15rem;
font-weight: normal;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility; }
p.lead {
font-size: 1.21875rem;
line-height: 1.6; }
p aside {
font-size: 0.875rem;
font-style: italic;
line-height: 1.35; }
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
color: #4D4F51;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.4;
margin-bottom: 1rem;
margin-top: 0.2rem;
text-rendering: optimizeLegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #6f6f6f;
font-size: 60%;
line-height: 0; }
h1 {
font-size: 2.125rem;
/* padding-top: 60px; */}
h2 {
font-size: 1.6875rem; }
h3 {
font-size: 1.375rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1rem; }
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: normal;
margin-top: 0.2rem;
margin-bottom: 0.5rem; }
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem; }
/* Helpful Typography Defaults */
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 60%;
line-height: inherit; }
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333333;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
padding: 0.125rem 0.3125rem 0.0625rem; }
/* Lists */
ul,
ol,
dl {
font-family: inherit;
font-size: 1.15rem;
line-height: 1.6;
list-style-position: outside;
margin-bottom: 1.25rem; }
ul {
margin-left: 1.1rem; }
/* Unordered Lists */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit; }
ul.square {
list-style-type: square;
margin-left: 1.1rem; }
ul.circle {
list-style-type: circle;
margin-left: 1.1rem; }
ul.disc {
list-style-type: disc;
margin-left: 1.1rem; }
/* Ordered Lists */
ol {
margin-left: 1.4rem; }
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
.no-bullet {
list-style-type: none;
margin-left: 0; }
.no-bullet li ul,
.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none; }
/* Definition Lists */
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
dl dd {
margin-bottom: 0.75rem; }
/* Abbreviations */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
cursor: help; }
abbr {
text-transform: none; }
abbr[title] {
border-bottom: 1px dotted #DDDDDD; }
/* Blockquotes */
blockquote {
margin: 0 0 1.25rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDDDDD; }
blockquote cite {
display: block;
font-size: 0.8125rem;
color: #555555; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited {
color: #555555; }
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f; }
/* Microformats */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem; }
.vcard li {
margin: 0;
display: block; }
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem; }
.vevent .summary {
font-weight: bold; }
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem; }
@media only screen and (min-width: 40.0625em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4; }
h1 {
font-size: 2.75rem; }
h2 {
font-size: 2.3125rem; }
h3 {
font-size: 1.6875rem; }
h4 {
font-size: 1.4375rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1rem; } }
/*
* Print styles.
*
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.34in; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
/* small displays */
@media only screen {
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 64.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
display: inherit !important; }
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
display: none !important; }
.hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
.visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
display: table !important; }
thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
display: table-header-group !important; }
tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
display: table-row-group !important; }
tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
display: table-row; }
th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
display: table !important; }
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
display: table-cell !important; }
@media only screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: inherit !important; }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
/* Specific visibility for tables */
table.show-for-landscape, table.hide-for-portrait {
display: table !important; }
thead.show-for-landscape, thead.hide-for-portrait {
display: table-header-group !important; }
tbody.show-for-landscape, tbody.hide-for-portrait {
display: table-row-group !important; }
tr.show-for-landscape, tr.hide-for-portrait {
display: table-row !important; }
td.show-for-landscape, td.hide-for-portrait,
th.show-for-landscape,
th.hide-for-portrait {
display: table-cell !important; } }
@media only screen and (orientation: portrait) {
.show-for-portrait,
.hide-for-landscape {
display: inherit !important; }
.hide-for-portrait,
.show-for-landscape {
display: none !important; }
/* Specific visibility for tables */
table.show-for-portrait, table.hide-for-landscape {
display: table !important; }
thead.show-for-portrait, thead.hide-for-landscape {
display: table-header-group !important; }
tbody.show-for-portrait, tbody.hide-for-landscape {
display: table-row-group !important; }
tr.show-for-portrait, tr.hide-for-landscape {
display: table-row !important; }
td.show-for-portrait, td.hide-for-landscape,
th.show-for-portrait,
th.hide-for-landscape {
display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
display: none !important; }
.hide-for-touch {
display: inherit !important; }
.touch .show-for-touch {
display: inherit !important; }
.touch .hide-for-touch {
display: none !important; }
/* Specific visibility for tables */
table.hide-for-touch {
display: table !important; }
.touch table.show-for-touch {
display: table !important; }
thead.hide-for-touch {
display: table-header-group !important; }
.touch thead.show-for-touch {
display: table-header-group !important; }
tbody.hide-for-touch {
display: table-row-group !important; }
.touch tbody.show-for-touch {
display: table-row-group !important; }
tr.hide-for-touch {
display: table-row !important; }
.touch tr.show-for-touch {
display: table-row !important; }
td.hide-for-touch {
display: table-cell !important; }
.touch td.show-for-touch {
display: table-cell !important; }
th.hide-for-touch {
display: table-cell !important; }
.touch th.show-for-touch {
display: table-cell !important; }
/* Screen reader-specific classes */
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px; }
.show-on-focus:focus, .show-on-focus:active {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto; }
/* Print visibility */
.print-only,
.show-for-print {
display: none !important; }
@media print {
.print-only,
.show-for-print {
display: block !important; }
.hide-on-print,
.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 {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; } }
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden; }
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch; }
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.inner-wrap:before, .inner-wrap:after {
content: " ";
display: table; }
.inner-wrap:after {
clear: both; }
.tab-bar {
-webkit-backface-visibility: hidden;
background: #333333;
color: #fff;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: #fff;
font-weight: bold;
line-height: 2.8125rem;
margin: 0; }
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-size: 1.125rem; }
.left-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-right: solid 1px #1a1a1a;
left: 0; }
.right-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-left: solid 1px #1a1a1a;
right: 0; }
.tab-bar-section {
height: 2.8125rem;
padding: 0 0.625rem;
position: absolute;
text-align: center;
top: 0; }
.tab-bar-section.left {
text-align: left; }
.tab-bar-section.right {
text-align: right; }
.tab-bar-section.left {
left: 0;
right: 2.8125rem; }
.tab-bar-section.right {
left: 2.8125rem;
right: 0; }
.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem; }
.tab-bar .menu-icon {
color: #fff;
display: block;
height: 2.8125rem;
padding: 0;
position: relative;
text-indent: 2.1875rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: 2.8125rem; }
.tab-bar .menu-icon span::after {
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
margin-top: -0.5rem;
left: 0.90625rem;
box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
width: 1rem; }
.tab-bar .menu-icon span:hover:after {
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0; }
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0; }
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
height: 18.75rem; }
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333333;
bottom: 0;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform 500ms ease 0s;
transition: transform 500ms ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
height: 18.75rem; }
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden; }
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0; }
ul.off-canvas-list li label {
background: #444444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
display: block;
font-size: 0.75rem;
font-weight: bold;
margin: 0;
padding: 0.3rem 0.9375rem;
text-transform: uppercase; }
ul.off-canvas-list li a {
border-bottom: 1px solid #262626;
color: rgba(255, 255, 255, 0.7);
display: block;
padding: 0.66667rem;
-webkit-transition: background 300ms ease;
transition: background 300ms ease; }
ul.off-canvas-list li a:hover {
background: #242424; }
ul.off-canvas-list li a:active {
background: #242424; }
.move-right > .inner-wrap {
-webkit-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.move-left > .inner-wrap {
-webkit-transform: translate3d(-15.625rem, 0, 0);
transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.move-top > .inner-wrap {
-webkit-transform: translate3d(0, -18.75rem, 0);
transform: translate3d(0, -18.75rem, 0); }
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.move-bottom > .inner-wrap {
-webkit-transform: translate3d(0, 18.75rem, 0);
transform: translate3d(0, 18.75rem, 0); }
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.move-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-left .right-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-right .left-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-top .bottom-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.offcanvas-overlap-bottom .top-off-canvas-menu {
-webkit-transform: none;
transform: none;
z-index: 1003; }
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
cursor: pointer;
-webkit-transition: background 300ms ease;
transition: background 300ms ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, 0.2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002; }
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, 0.05); } }
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem; }
.no-csstransforms .top-off-canvas-menu {
top: -18.75rem; }
.no-csstransforms .bottom-off-canvas-menu {
bottom: -18.75rem; }
.no-csstransforms .move-left > .inner-wrap {
right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
left: 15.625rem; }
.no-csstransforms .move-top > .inner-wrap {
right: 18.75rem; }
.no-csstransforms .move-bottom > .inner-wrap {
left: 18.75rem; }
.left-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.left-submenu * {
-webkit-backface-visibility: hidden; }
.left-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.left-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.left-submenu .back > a:before {
content: "\AB";
margin-right: .5rem;
display: inline; }
.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.right-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.right-submenu * {
-webkit-backface-visibility: hidden; }
.right-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.right-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.right-submenu .back > a:after {
content: "\BB";
margin-left: .5rem;
display: inline; }
.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.top-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.top-submenu * {
-webkit-backface-visibility: hidden; }
.top-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.top-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.bottom-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333333;
bottom: 0;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
transition: transform 500ms ease; }
.bottom-submenu * {
-webkit-backface-visibility: hidden; }
.bottom-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999999;
font-weight: bold;
padding: 0.3rem 0.9375rem;
text-transform: uppercase;
margin: 0; }
.bottom-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e; }
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0); }
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: "\BB";
margin-left: .5rem;
display: inline; }
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: "\AB";
margin-right: .5rem;
display: inline; }
@font-face {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
src: url("src/scss/webfonts/icomoon.eot?ku04lt");
src: url("src/scss/webfonts/icomoon.eot?ku04lt#iefix") format("embedded-opentype"), url("src/scss/webfonts/icomoon.ttf?ku04lt") format("truetype"), url("src/scss/webfonts/icomoon.woff?ku04lt") format("woff"), url("src/scss/webfonts/icomoon.svg?ku04lt#icomoon") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-apple:before {
content: "\e900"; }
.icon-ball:before {
content: "\e901"; }
.icon-clipboard:before {
content: "\e902"; }
.icon-house:before {
content: "\e903"; }
.icon-lightbulb:before {
content: "\e904"; }
.icon-magnify:before {
content: "\e905"; }
.icon-paper:before {
content: "\e906"; }
/*
* Symbolset
* www.symbolset.com
* Copyright © 2013 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSSocialRegular";
src: url("src/scss/webfonts/ss-social-regular.eot");
src: url("src/scss/webfonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("src/scss/webfonts/ss-social-regular.woff") format("woff"), url("src/scss/webfonts/ss-social-regular.ttf") format("truetype"), url("src/scss/webfonts/ss-social-regular.svg#SSSocialRegular") format("svg");
font-weight: normal;
font-style: normal; }
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
-ms-zoom: 1; }
.ss-icon, .ss-icon.ss-social-regular,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after {
font-family: "SSSocialRegular";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased; }
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
display: none;
content: ''; }
.ss-facebook:before, .ss-facebook.right:after {
content: ''; }
.ss-twitter:before, .ss-twitter.right:after {
content: ''; }
.ss-linkedin:before, .ss-linkedin.right:after {
content: ''; }
.ss-googleplus:before, .ss-googleplus.right:after {
content: ''; }
.ss-appdotnet:before, .ss-appdotnet.right:after {
content: ''; }
.ss-zerply:before, .ss-zerply.right:after {
content: ''; }
.ss-reddit:before, .ss-reddit.right:after {
content: ''; }
.ss-steam:before, .ss-steam.right:after {
content: ''; }
.ss-tumblr:before, .ss-tumblr.right:after {
content: ''; }
.ss-wordpress:before, .ss-wordpress.right:after {
content: ''; }
.ss-blogger:before, .ss-blogger.right:after {
content: ''; }
.ss-posterous:before, .ss-posterous.right:after {
content: ''; }
.ss-quora:before, .ss-quora.right:after {
content: ''; }
.ss-youtube:before, .ss-youtube.right:after {
content: ''; }
.ss-vimeo:before, .ss-vimeo.right:after {
content: ''; }
.ss-vine:before, .ss-vine.right:after {
content: ''; }
.ss-letterboxd:before, .ss-letterboxd.right:after {
content: ''; }
.ss-flickr:before, .ss-flickr.right:after {
content: ''; }
.ss-instagram:before, .ss-instagram.right:after {
content: ''; }
.ss-500px:before, .ss-500px.right:after {
content: ''; }
.ss-etsy:before, .ss-etsy.right:after {
content: ''; }
.ss-pinterest:before, .ss-pinterest.right:after {
content: ''; }
.ss-svpply:before, .ss-svpply.right:after {
content: ''; }
.ss-readmill:before, .ss-readmill.right:after {
content: ''; }
.ss-dropbox:before, .ss-dropbox.right:after {
content: ''; }
.ss-pinboard:before, .ss-pinboard.right:after {
content: ''; }
.ss-delicious:before, .ss-delicious.right:after {
content: ''; }
.ss-dribbble:before, .ss-dribbble.right:after {
content: ''; }
.ss-behance:before, .ss-behance.right:after {
content: ''; }
.ss-github:before, .ss-github.right:after {
content: ''; }
.ss-octocat:before, .ss-octocat.right:after {
content: ''; }
.ss-stackoverflow:before, .ss-stackoverflow.right:after {
content: ''; }
.ss-paypal:before, .ss-paypal.right:after {
content: ''; }
.ss-kickstarter:before, .ss-kickstarter.right:after {
content: ''; }
.ss-foursquare:before, .ss-foursquare.right:after {
content: ''; }
.ss-yelp:before, .ss-yelp.right:after {
content: ''; }
.ss-skype:before, .ss-skype.right:after {
content: ''; }
.ss-rdio:before, .ss-rdio.right:after {
content: ''; }
.ss-spotify:before, .ss-spotify.right:after {
content: ''; }
.ss-lastfm:before, .ss-lastfm.right:after {
content: ''; }
.ss-soundcloud:before, .ss-soundcloud.right:after {
content: ''; }
.ss-link:before, .ss-link.right:after {
content: '🔗'; }
.ss-phone:before, .ss-phone.right:after {
content: '📞'; }
.ss-mail:before, .ss-mail.right:after {
content: '✉'; }
.ss-like:before, .ss-like.right:after {
content: '👍'; }
.ss-rss:before, .ss-rss.right:after {
content: ''; }
.ss-share:before, .ss-share.right:after {
content: ''; }
.ss-apple:before, .ss-apple.right:after {
content: ''; }
.ss-microsoft:before, .ss-microsoft.right:after {
content: ''; }
.ss-windows:before, .ss-windows.right:after {
content: ''; }
.ss-android:before, .ss-android.right:after {
content: ''; }
.ss-blackberry:before, .ss-blackberry.right:after {
content: ''; }
/* Legacy */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
content: ''; }
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
#vid .videoOver {
top: -5px;
}
#vid .flex-video {
padding-bottom: 0 5%;
width: 90%;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.cta__modal {
background: white;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
margin: 0 auto;
max-width: 600px;
padding: 2em; }
#wpadminbar {
display: block; }
html {
margin: 0;
padding: 0; }
body {
font-family: "proxima-nova", sans-serif;
font-style: normal;
font-weight: 500;
padding-top: 0; }
* {
outline: none;
position: relative; }
a.button,
.button {
background-color: #ffffff;
border: 3px solid #D34048;
border-radius: 10px;
color: #D34048;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 0;
text-transform: uppercase;
}
a.button:hover ,
.button:hover {
background-color: #D34048;
color: #ffffff;
}
.row {
max-width: 1400px; }
#content {
border: none;
position: relative;
margin-top: 80px;
padding-top: 80px; }
.module-hero+#content {
margin-top: 0;
}
.page-title {
text-align: center; }
.module {
/* border-bottom: 1px solid #c8c7c7; */
padding: 20px; }
.module .columns {
padding: 0; }
.interior {
margin-top: 100px; }
.error-msg {
color: #D34048; }
h1 {
font-family: "calluna";
font-style: normal;
font-weight: 400; }
h2 {
font-family: "calluna";
font-style: normal;
font-weight: 300;
font-size: 40px;
line-height: 110%;
/* text-align: center; */
}
h3 {
font-family: "proxima-nova";
font-style: normal;
font-weight: 600;
font-size: 21px;
letter-spacing: 1px;
line-height: 140%;
/* text-align: center; */
}
h4 {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 27px;
text-transform: none; }
h5::before {
font-family: 'icomoon';
font-size: 17px; }
h5 {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 17px; }
h6 {
font-family: "calluna";
font-style: normal;
font-weight: 600;
font-size: 26px;
}
/*
-------
Homepage v1
-------
*/
.module-hero .module-hero-message h1 {
color: #ffffff;
font-weight: 900;
letter-spacing: 1px;
text-align: center; }
.module-hero .module-hero-message h3 {
color: #ffffff;
font-size: 1.5rem;
font-style: normal;
margin: 20px;
text-align: center; }
.module-signup {
background-color: #D34048;
padding-top: 20px;
padding-bottom: 20px;
}
.module-signup input {
border: none;
float: left;
height: 50px;
margin-bottom: 0;
padding: 0.5rem;
margin-right: 2.5%;
width: 27.5%;
}
.module-signup input.zip {
width: 17.5%
}
.module-signup input.signup {
background-color: #A01F34;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 0;
text-transform: uppercase;
width: 17.5%;
}
.module-signup input.signup:hover {
background-color: #ffffff;
color: #D34048;
}
#signUpPop {
background-color: #D34048;
padding: 40px;
}
#signUpPop .close-button {
background: none;
color: #ffffff;
}
#signUpPop .close-button:hover {
color: #e4989c;
}
#signUpPop h1 {
color: #ffffff;
padding-bottom: 0px;
text-align: center;
}
#signUpPop h3 {
color: #ffffff;
padding: 0 0 20px;
/* font-size: 2rem; */
}
#signUpPop input {
border: none;
height: 50px;
margin-bottom: 20px;
padding: 0.5rem;
}
#signUpPop input.signup {
background-color: #A01F34;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 0;
text-transform: uppercase;
width: 100%;
}
#signUpPop input.signup:hover {
background-color: #ffffff;
color: #D34048;
}
.page-template-page-petition h6 {
font-size: 1.75rem;
}
.page-template-page-petition .petition-form {
background-color: #D34048;
border-radius: 10px;
padding: 40px;
margin-bottom: 40px;
}
.petition-form h5 {
color: #ffffff;
font-size: 1.5rem;
font-weight: 700;
}
.petition-form input {
border: none;
float: left;
height: 50px;
margin-bottom: 0;
padding: 0.5rem;
margin-right: 2.5%;
width: 27.5%;
}
.petition-form input.zip {
width: 17.5%
}
.petition-form input.signup {
background-color: #A01F34;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 0;
margin-right: 0;
text-transform: uppercase;
width: 20%;
}
.petition-form input.signup:hover {
background-color: #ffffff;
color: #D34048;
}
/* -------
Letter Writing
-------*/
.page-template-page-petition-side #site-navigation,
.page-template-page-petition-side #Dnt {
display: none;
}
.page-template-page-petition-side .module-hero {
padding-top: 180px;
}
.page-template-page-petition-side .module article.columns {
padding-left: 0.9375rem;
padding-right: 1.8rem;
}
.page-template-page-petition-side .sidebar {
margin-top: 0;
}
#gform_wrapper_1 {
margin-top: 0;
}
/*
#gform_1 {
background-color: #D34048;
border-radius: 10px;
margin-bottom: 40px;
padding: 30px 20px;
}
*/
#gform_1 h5 {
color: #ffffff;
font-size: 1.5rem;
font-weight: 700;
}
#gform_1 .gfield {
border: none;
clear: none;
float: none;
height: 50px;
margin: 0 0 20px;
padding: 0 0.5rem 0.5rem;
width: 100%;
}
.gform_wrapper #gform_1 .top_label div.ginput_container {
margin-top: 0;
}
#gform_1 label {
display: none;
}
#gform_1 input {
border: none;
float: left;
height: 50px;
margin-bottom: 0;
padding: 0.5rem;
margin-right: 0;
width: 100%;
}
/*
#gform_1 input.zip {
width: 17.5%
}
*/
#gform_1 #field_1_5 {
border: none;
clear: none;
float: none;
height: auto;
margin-bottom: 0;
padding: 0.5rem;
width: 100%;
}
#gform_1 .ginput_container_textarea {
width: 100%;
}
.gform_wrapper #gform_1 .gform_footer {
padding: 0 0.5rem 0.5rem;
margin: 0;
clear: both;
width: 100%;
}
#gform_1 input.gform_button {
background-color: #ffffff;
border: 3px solid #D34048;
color: #D34048;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 0;
text-transform: uppercase;
width: 100%;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-kthtml-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#gform_1 input.gform_button:hover {
background-color: #D34048;
color: #ffffff;
}
@media screen and (min-width: 640px) {
body {
/* padding-top: 50px; */ }
.module {
padding: 60px 20px; }
h2 {
font-size: 3rem; }
h3 {
font-size: 24px;
padding: 0 100px; }
h4 {
font-size: 27px; }
h5::before {
font-size: 17px; }
h5 {
font-size: 17px; }
h6 {
font-size: 2.5rem;
letter-spacing: 1px; } }
.mfp-bg {
background-color: #0474c0; }
.mfp-close-btn-in .mfp-close {
color: #fff;
position: absolute;
right: 0;
top: 0;
z-index: 2000; }
.mfp-content {
position: static; }
.popup-content {
background-color: #fff;
margin: 20px auto;
max-width: 660px;
text-align: center;
width: auto; }
.popup-content .thanks {
background-color: #ffb836;
color: #fff;
padding: 20px; }
.popup-content .thanks .primary {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
color: #FFD8A1;
font-size: 53px;
line-height: 120%;
text-transform: uppercase; }
.popup-content .thanks .primary-social {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
color: #FFD8A1;
font-size: 53px;
line-height: 120%;
text-transform: uppercase;
display: none; }
.popup-content .thanks .secondary {
font-family: "proxima-nova", ;
font-style: italic;
font-weight: 400;
font-size: 18px;
margin: 0 auto 20px;
max-width: 400px; }
.popup-content .thanks .tertiary {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 24px;
letter-spacing: 1px;
line-height: 120%;
margin-bottom: 0; }
.popup-content .local {
padding: 20px; }
.popup-content .local p {
font-family: "proxima-nova", ;
font-style: normal;
font-weight: 400;
font-size: 13px;
max-width: 300px;
margin: 0 auto 30px; }
.popup-content .local input[type="text"] {
background: transparent;
border: none;
border-bottom: 2px solid #000;
box-shadow: none;
color: #000;
display: inline-block;
font-size: 18px;
margin: 0 5px 20px;
outline: none;
text-align: center;
width: 40%; }
.popup-content .local input.zip {
width: 35%; }
.popup-content .local :-moz-placeholder {
color: #000; }
.popup-content .local ::-moz-placeholder {
color: #000; }
.popup-content .local :-ms-input-placeholder {
color: #000; }
.popup-content .local ::-webkit-input-placeholder {
color: #000; }
.popup-content .local .social {
display: none; }
.popup-content .local .social .social-share {
margin-bottom: 30px;
max-width: 340px; }
.popup-content .local .social p {
font-family: "proxima-nova", ;
font-style: normal;
font-weight: 400;
font-size: 23px;
font-style: italic; }
.popup-content .local .social strong {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 23px;
display: block;
margin-bottom: 20px;
text-transform: uppercase; }
.popup-content .local .social ul {
list-style-type: none;
margin: 0 auto; }
.popup-content .local .social ul li {
border-radius: 43px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
display: inline-block;
cursor: pointer;
height: 43px;
margin: 0 7px 20px 0;
position: relative;
width: 43px; }
.popup-content .local .social ul li:before {
display: block;
left: 30%;
position: absolute;
top: 25%; }
.popup-content .local .social ul li a {
color: transparent;
display: block;
height: 43px;
width: 43px; }
.popup-content .local .social ul .ss-facebook {
border: 2px solid #0474c0;
color: #0474c0; }
.popup-content .local .social ul .ss-facebook:hover {
background-color: #0474c0;
color: #fff; }
.popup-content .local .social ul .ss-twitter {
border: 2px solid #00aaff;
color: #00aaff; }
.popup-content .local .social ul .ss-twitter:hover {
background-color: #00aaff;
color: #fff; }
.popup-content .local .social ul .ss-linkedin {
border: 2px solid #D34048;
color: #D34048; }
.popup-content .local .social ul .ss-linkedin:hover {
background-color: #D34048;
color: #fff; }
.popup-content .local .social ul .ss-linkedin:before {
top: 20%; }
.popup-content .local .represent {
margin: 0 auto 30px;
max-width: 50%; }
.popup-content .local .represent p label {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 120%; }
.popup-content .local .represent .check {
float: left;
position: relative; }
.popup-content .local .represent .check label {
background: #fff;
border: 1px solid #ffb836;
cursor: pointer;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px; }
.popup-content .local .represent .check label:after {
content: '';
width: 9px;
height: 6px;
position: absolute;
top: 4px;
left: 4px;
border: 3px solid #ffb836;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.popup-content .local .represent .check label:hover::after {
opacity: 0.3; }
.popup-content .local .represent .check input[type=checkbox] {
visibility: hidden; }
.popup-content .local .represent .check input[type=checkbox]:checked + label:after {
opacity: 1; }
.popup-content .local input[type="submit"] {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
background-color: #fff;
border: 2px solid #0474c0;
color: #0474c0;
cursor: pointer;
font-size: 27px;
margin-bottom: 10px;
padding: 10px 40px;
text-transform: uppercase; }
.popup-content .local input[type="submit"]:hover {
color: #fff;
background-color: #0474c0; }
.popup-content .local .hidden {
display: none; }
@media screen and (min-width: 640px) {
.popup-content .thanks {
padding: 30px; }
.popup-content .local {
padding: 30px; }
.popup-content .local .represent p {
font-size: 16px; } }
header.global {
background-color: transparent;
height: auto; }
header.global .menu-primary-container {
float: left;
margin-left: 0;
width: 100%; }
header.global .logo {
background: transparent url("assets/img/ecp-mainlogo.svg") no-repeat -3px top;
box-sizing: border-box;
float: left;
height: 150px;
padding: 0;
position: absolute;
text-indent: -9999px;
white-space: nowrap;
width: 160px;
z-index: 1000; }
header.global .logo h1 {
color: #fff;
font-size: 38px;
line-height: 24px; }
#site-navigation {
}
header.global .menu-trigger {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background: transparent url("src/img/menu-trigger.png") no-repeat center bottom;
color: #999999;
display: block;
float: right;
font-size: 14px;
margin: 20px;
padding-bottom: 35px;
text-align: center;
text-transform: uppercase;
width: 40px; }
header.global .menu-trigger:hover {
color: #999999; }
header.global .menu-trigger:active {
color: #999999; }
header.global .menu {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background-color: #ffffff;
display: block;
margin: 0;
text-align: center;
overflow: hidden;
width: 100%; }
header.global .menu li {
border-top: 1px solid #999999;
display: block;
margin: 0; }
header.global .menu li a {
color: #ffffff;
display: block;
font-size: 0.9rem;
font-weight: 900;
letter-spacing: 1.5px;
text-decoration: none;
padding: 23px 34px; }
header.global .menu li a:hover {
color: #D34048; }
header .menu li .sub-menu li a {
color:#99999A;
font-size: 0.9rem;
}
.menu .active>a {
background: transparent;
}
.single-post header.global .menu li a {
color: #999999;
display: block;
font-size: 0.9rem;
font-weight: 900;
letter-spacing: 1.5px;
text-decoration: none;
padding: 23px 34px; }
.single-post header.global .menu li a:hover {
color: #D34048; }
.single-post header .menu li .sub-menu li a {
color:#999999;
font-size: 0.9rem;
}
header.global .header-signup {
background-color: #fff;
box-sizing: border-box;
display: none;
float: right;
margin-top: 15px; }
header.global .header-signup p {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #0474c0;
float: left;
font-size: 25px;
margin: 0 10px 0 0; }
header.global .header-signup form input[type="email"] {
background: transparent;
border: none;
border-bottom: 1px solid #000;
box-shadow: none;
color: #000;
float: left;
font-size: 18px;
height: 32px;
margin: 5px 10px 0 0;
outline: none;
padding: 0;
width: 31%; }
header.global .header-signup form :-moz-placeholder {
color: #000; }
header.global .header-signup form ::-moz-placeholder {
color: #000; }
header.global .header-signup form :-ms-input-placeholder {
color: #000; }
header.global .header-signup form ::-webkit-input-placeholder {
color: #000; }
header.global .header-signup form input[type="submit"] {
font-style: normal;
font-weight: 400;
background-color: #fff;
border: 2px solid #D34048;
color: #D34048;
font-size: 17px;
margin-top: 5px;
padding: 5px 12px;
text-transform: uppercase; }
header.global .header-signup form input[type="submit"]:hover {
background: #D34048;
color: #fff;
cursor: pointer; }
header.global #Dnt {
display: block;
position: absolute;
top: 2px;
right: 110px;
border: 3px solid #D34048;
padding: .9rem 1.1rem;
}
header.global #Dnt:hover,
header.global #Dnt:focus {
background-color: #D34048;
}
@media screen and (min-width: 750px) {
header.global {
height: 81px;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
right: 0; }
header.global .row {
position: relative; }
header.global .menu-trigger {
display: none; }
header.global .menu-primary-container {
/* margin-left: 160px; */ }
header.global .menu {
background-color: transparent;
display: inline-block;
font-size: 22px;
list-style-type: none;
margin: 0;
text-align: center;
text-transform: uppercase; }
header.global .menu li {
border: none;
display: inline-block; }
header.global .menu li a {
/* color: #999999; */ }
}
header.global.scroll {
border-bottom: 1px solid #eeeeee;
box-shadow: 0px 1px 5px 0px #dddddd;
-moz-box-shadow: 0px 1px 5px 0px #dddddd;
-webkit-box-shadow: 0px 1px 5px 0px #dddddd; }
header.global.scroll .logo {
background-size: 90px 81px;
height: 81px;
width: 90px; }
header.global.scroll .menu-primary-container {
margin-left: 100px; }
header.global.scroll .header-signup {
display: block; }
@media screen and (min-width: 0px) and (max-width: 1130px) {
header.global.scroll .header-signup {
display: none !important; } }
/*
-------
Homepage V2
-------
*/
.page-template-front header.global #Dnt {
background: transparent;
border: 3px solid #ffffff;
border-radius: 10px;
color: #ffffff;
}
.page-template-front .module-hero {
height: 86vh;
min-height: 470px;
}
.page-template-front .module-hero .module-hero-message {
font-size: 22px;
margin-top: 200px;
}
.page-template-front .module-hero .module-hero-message h1 {
color: #ffffff;
font-weight: 900;
font-size: 4.5rem;
line-height: 1.2;
letter-spacing: 1px;
/* margin-top: 140px; */
text-align: center;
}
.page-template-front .module-signup {
background: transparent;
margin-top: -75px;
margin-bottom: -100px;
padding-top: 0;
padding-bottom: 0;
position: relative;
z-index: 1;
}
.page-template-front .module-signup .row {
background: #D34048;
border-radius: 10px;
padding: 30px 40px;
}
.page-template-front .module-signup h2 {
color: #ffffff;
font-weight: 600;
font-size: 2rem;
margin-bottom: 24px;
}
.page-template-front .module-signup input {
border-radius: 10px;
padding: 0.5rem 1rem;
}
.page-template-front .module-signup input.signup {
background: #D34048;
border: 3px solid #ffffff;
border-radius: 10px;
font-size: 1.25rem;
font-family: "proxima-nova", sans-serif;
font-weight: 900;
float: right;
letter-spacing: .5px;
margin-right: 0;
min-width: 150px;
width: auto;
}
.page-template-front .module-signup input.signup:hover {
cursor: pointer;
}
.page-template-front .module-statistics {
background: #F8F2F2;
padding-top: 200px;
padding-bottom: 160px;
position: relative;
z-index: 0;
}
.page-template-front .module-statistics h2 {
color: #D34048;
font-weight: 700;
}
.page-template-front .module-statistics .sa_owl_theme .owl-dots .active span {
background-color: rgba(211,64,71,1.0) !important;
}
.page-template-front .module-statistics .sa_owl_theme .owl-dots span {
background-color: rgba(211,64,71,0.2) !important;
}
.page-template-front #vid {
margin: 0;
min-height: auto;
position: relative;
}
.page-template-front #vid .bg {
background: #F8F2F2;
height: 50%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.page-template-front #vid .videoOver .vidThumb {
top: 0;
left: 0;
width: 100%;
}
.page-template-front #vid .vid-copy {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
}
.page-template-front #vid .vid-copy h2 {
margin-bottom: 40px;
}
.page-template-front #vid .vid-copy .button {
}
.page-template-front #vid .vid-copy .button:hover {
background-color: #D34048;
}
.page-template-front .before-carousel {
background: #F8F2F2;
}
.page-template-front .before-carousel h2 {
font-size: 4.5rem;
line-height: 1.2;
margin-bottom: 40px;
}
.page-template-front .carousel {
background: #F8F2F2;
padding: 0;
}
.page-template-front .carousel h1 {
font-size: 4.5rem;
}
.page-template-front .carousel .sa_hover_container {
min-height: 500px !important;
max-height: 500px;
overflow: hidden;
}
.page-template-front .carousel .overlay {
background: rgba(211,64,72,1.0);
mix-blend-mode: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 0;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-kthtml-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.page-template-front .carousel .overlay.blue1 {
background: rgba(148,195,233,1.0);
}
.page-template-front .carousel .overlay.blue2 {
background: rgba(94,131,157,1.0);
}
.page-template-front .carousel .overlay:hover,
.page-template-front .carousel .owl-stage div.active .overlay {
mix-blend-mode: multiply;
}
.page-template-front .carousel .owl-stage div.active + .active .overlay {
mix-blend-mode: unset;
}
.page-template-front .carousel:hover h6 i,
.page-template-front .carousel .owl-stage div.active h6 i {
display: inline;
}
.page-template-front .carousel .owl-stage div.active + .active h6 i {
display: none;
}
.page-template-front .carousel:hover h6,
.page-template-front .carousel .owl-stage div.active h6 {
margin-top: 6%;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-kthtml-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.page-template-front .carousel .owl-stage div.active + .active h6 {
margin-top: 30%;
}
.page-template-front .carousel:hover p,
.page-template-front .carousel .owl-stage div.active p {
opacity: 1;
height: auto;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-kthtml-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.page-template-front .carousel .owl-stage div.active + .active p {
opacity: 0;
height: 0;
}
.page-template-front .carousel .owl-stage {
color: #ffffff;
text-align: center;
}
.page-template-front .carousel .owl-stage h6 {
color: #ffffff;
font-size: 0.9rem;
font-family: "proxima-nova", sans-serif;
margin: 10px 0;
text-transform: uppercase;
}
.page-template-front .carousel .owl-stage h2 {
color: #ffffff;
font-weight: 600;
}
.page-template-front .carousel .owl-stage .button {
background: transparent;
border: 3px solid #ffffff;
border-radius: 10px;
color: #ffffff;
font-size: 0.9rem;
padding: 1rem 1.25rem;
margin-top: 24px;
text-align: center;
}
.page-template-front .after-carousel {
padding: 100px 0;
}
.page-template-front .module-resources {
background-color: #5E839D;
color: #ffffff;
margin-top: -200px;
padding: 260px 80px 100px;
z-index: 200;
}
.page-template-front .module-resources h2 {
margin-bottom: 24px;
}
.page-template-front .module-resources .button {
background: transparent;
border: 3px solid #ffffff;
border-radius: 10px;
color: #ffffff;
margin-top: 24px;
}
.page-template-front .module-resources .button:hover {
background: #ffffff;
color: #5E839D;
}
.page-template-front .module-partners .button {
background: transparent;
border: 3px solid #D34048;
border-radius: 10px;
color: #D34048;
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 24px;
}
.page-template-front .module-partners .button:hover {
background: #D34048;
color: #ffffff;
}
.page-template-front .module-partners .small-2 {
padding: 1.9375rem;
width: 20%;
}
.page-template-front .module-newsletter .bg {
background: #97171E;
height: 50%;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.page-template-front .module-newsletter .pic {
background-position: center;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
border: none;
padding: 20% 30px;
text-align: center;
}
.page-template-front .module-newsletter .pic h6 {
color: #fff;
font-size: 1.75rem;
margin-top: 0;
margin-bottom: 40px;
}
.page-template-front .module-newsletter .quick-signup {
margin: 0 0 0 10%;
width: 80%;
}
.page-template-front .module-newsletter .quick-signup input[type="email"] {
background-color: #ffffff;
border-radius: 10px;
border: none;
color: #99999;
float: left;
font-size: 1.25rem;
height: 50px;
margin-bottom: 0;
margin-right: 2.5%;
padding: 0.5rem 1rem;
text-align: left;
width: 70%;
}
.page-template-front .module-newsletter .quick-signup input::placeholder {
color: rgba(0,0,0,0.75);
}
.page-template-front .module-newsletter .quick-signup input.signup {
background: transparent;
border: 3px solid #ffffff;
border-radius: 10px;
color: #ffffff;
font-size: 1.25rem;
font-family: "proxima-nova", sans-serif;
font-weight: 900;
float: left;
letter-spacing: .5px;
margin-right: 0;
min-width: 150px;
padding: 12px 30px;
width: 25%;
}
.page-template-front .module-newsletter .quick-signup input[type="email"] {
background-color: #ffffff;
}
.page-template-front footer {
background-color: #97171E;
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #ffffff;
padding: 30px !important;
text-align: center;
text-transform: none;
}
.page-template-front footer #menu-social .ss-facebook,
.page-template-front footer #menu-social .ss-twitter,
.page-template-front footer #menu-social .ss-instagram {
color: #97171E;
}
@media screen and (max-width: 768px) {
.page-template-front .module-signup input.signup {
min-width: 128px;
}
.page-template-front #vid .bg {
height: 18%;
}
.page-template-front #vid .vid-copy {
}
.page-template-front .module-partners a {
line-height: 1.3;
}
}
@media screen and (max-width: 414px) {
.reveal.small {
max-width: 300px;
margin: 0 auto;
height: auto;
}
#signUpPop {
padding: 20px;
}
#signUpPop h1 {
font-size: 2rem;
margin-top: 24px;
}
#signUpPop h3 {
color: #ffffff;
padding: 0 0 20px;
font-size: 1.25rem;
letter-spacing: 0;
}
#signUpPop input.signup {
margin-bottom: 0;
}
.page-template-front .module-hero .module-hero-message h1 {
font-size: 2.5rem;
}
.page-template-front .module-signup {
margin-top: -100px;
margin-bottom: -300px;
}
.page-template-front .module-signup {
margin-top: -100px;
margin-bottom: -300px;
}
.page-template-front .module-signup h2 {
font-size: 1.75rem;
}
.page-template-front .module-signup input {
margin: 0 0 20px;
width: 100%;
}
.module-signup input.zip {
margin-right: 2%;
margin-top: 10px;
width: 49%;
}
.page-template-front .module-signup input.signup {
font-size: 1.15rem;
}
.page-template-front .module-statistics {
padding-top: 350px;
}
.page-template-front #vid .vid-copy {
padding: 60px 20px;
}
.page-template-front #vid .vid-copy h2 {
margin-bottom: 40px;
font-size: 2rem;
}
.page-template-front .before-carousel {
padding: 60px 20px;
}
.page-template-front .module-partners .small-2 {
height: auto;
margin: 0 20%;
padding: 0.9375rem;
width: 60%;
}
.page-template-front .module-newsletter {
padding: 0;
}
.page-template-front .module-newsletter .bg {
bottom: -1px;
}
.page-template-front .module-newsletter .pic {
padding: 20% 20px;
}
.page-template-front .module-newsletter .quick-signup input[type="email"] {
margin: 0 0 20px;
width: 100%;
}
.page-template-front .module-newsletter .quick-signup input.signup {
width: 100%;
}
}
@media screen and (max-width: 400px) {
.page-template-front .module-hero .module-hero-message {
font-size: 22px;
margin-top: 100px;
}
.page-template-front .module-hero .module-hero-message h1 {
font-size: 2rem;
}
}
footer {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background-color: #5E839D;
color: #ffffff;
padding: 30px !important;
text-align: center;
text-transform: none; }
footer img {
margin-bottom: 10px;
max-width: 212px;
padding: 0 20px;
position: relative;
z-index: 50; }
footer hr {
border-color: #67686b;
position: relative;
top: -50px;
z-index: 10; }
footer p {
font-size: 0.9rem;
margin-top: 20px;
margin-bottom: 10px; }
footer #nav_menu-2 {
float: none;
width: 100%;
}
footer .copy {
color: #fff;
position: relative;
text-transform: none; }
footer .copy a {
color: #fff;
text-decoration: underline; }
footer #menu-social {
list-style-type: none;
margin: 0 auto; }
footer #menu-social li {
border-radius: 43px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
display: inline-block;
cursor: pointer;
height: 43px;
margin: 0 7px 20px 0;
position: relative;
width: 43px; }
footer #menu-social li:before {
display: block;
left: 30%;
position: absolute;
top: 25%; }
footer #menu-social li a {
color: transparent;
display: block;
height: 43px;
width: 43px; }
footer #menu-social .ss-facebook {
border: none;
background-color: #ffffff;
color: #5E839D; }
footer #menu-social .ss-facebook:hover {
background-color: #ffffff;
color: #0474c0; }
footer #menu-social .ss-twitter {
border: none;
background-color: #ffffff;
color: #5E839D; }
footer #menu-social .ss-twitter:hover {
background-color: #ffffff;
color: #00aaff; }
footer #menu-social .ss-instagram {
border: none;
background-color: #ffffff;
color: #5E839D; }
footer #menu-social .ss-instagram:hover {
background-color: #ffffff;
color: #00aaff; }
footer #menu-social .ss-linkedin {
border: 2px solid #D34048;
color: #D34048; }
footer #menu-social .ss-linkedin:hover {
background-color: #D34048;
color: #000; }
footer #menu-social .ss-linkedin:before {
top: 20%; }
.module-hero {
background: transparent url("../img/youth-policy.png") no-repeat center center;
border: none;
color: #fff;
position: relative; }
.module-hero .module-hero-message {
font-size: 22px;
margin-top: 40px; }
.module-hero .module-hero-message h2 {
color: #ffffff;
text-align: center; }
.module-hero .module-hero-message h3 {
color: #ffffff;
padding: 0;
text-align: center; }
.module-hero .module-hero-signup {
background-color: #fff;
box-sizing: border-box;
padding: 22px 22px 32px 22px; }
.module-hero .module-hero-signup p {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #0474c0;
font-size: 20px;
margin-bottom: 3px; }
.module-hero .module-hero-signup form input[type="email"] {
background: transparent;
border: none;
border-bottom: 1px solid #000;
box-shadow: none;
color: #000;
float: left;
font-size: 18px;
height: 32px;
margin: 0 14px 0 0;
outline: none;
padding: 0; }
.module-hero .module-hero-signup form :-moz-placeholder {
color: #000; }
.module-hero .module-hero-signup form ::-moz-placeholder {
color: #000; }
.module-hero .module-hero-signup form :-ms-input-placeholder {
color: #000; }
.module-hero .module-hero-signup form ::-webkit-input-placeholder {
color: #000; }
.module-hero .module-hero-signup form input[type="submit"] {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
background-color: #fff;
border: 2px solid #D34048;
color: #D34048;
font-size: 17px;
margin-top: 20px;
padding: 5px 12px;
text-transform: uppercase;
width: 100%; }
.module-hero .module-hero-signup form input[type="submit"]:hover {
background-color: #D34048;
color: #fff;
cursor: pointer; }
@media screen and (min-width: 640px) {
.module-hero {
background-size: cover;
top: 0;
height: 470px; }
.module-hero .module-hero-message h1 {
color: #ffffff;
font-weight: 900;
letter-spacing: 1px;
/* margin-top: 140px; */
text-align: center; }
.module-hero .module-hero-message h3 {
color: #ffffff;
font-size: 1.5rem;
font-style: normal;
margin: 20px 20%;
text-align: center;
width: 60%; }
.module-hero .module-hero-signup {
float: right; }
.module-hero .module-hero-signup p {
font-size: 28px; }
.module-hero .module-hero-signup form input[type="email"] {
float: left;
width: 60%; }
.module-hero .module-hero-signup form input[type="submit"] {
margin-top: 0;
width: auto; } }
.module-statistics {
text-align: center; }
.module-statistics .statistic {
padding-top: 70px;
margin-bottom: 15px; }
.module-statistics .statistic .statistic-image {
min-height: 216px;
margin-bottom: 40px; }
.module-statistics .statistic h4 {
line-height: 120%;
max-width: 77%;
margin: 0 auto; }
.module-statistics .statistic [title~="kids"] {
margin-top: 45px; }
.module-statistics .children ul {
color: #ffb836;
font-size: 100px;
line-height: 100px;
list-style-type: none;
margin: 43px 0 0;
padding: 0; }
.module-statistics .children ul li {
display: inline-block;
margin: 0; }
.module-statistics .children ul .active {
color: #D34048; }
.module-statistics .percentage {
font-family: "Knockout 50 A", "Knockout 50 B";
font-style: normal;
font-weight: 400;
font-size: 59px;
position: relative; }
.module-statistics .percentage sub {
bottom: 0;
font-size: 41px; }
.module-statistics .california img {
left: 30px;
position: relative;
width: 126px; }
.module-statistics .california .percentage {
left: -5px;
right: 0;
top: -25px; }
.module-statistics .poverty .circle {
border-radius: 190px;
border: 15px solid #D34048;
border-right: 15px solid #ffb836;
border-bottom: 15px solid #ffb836;
height: 190px;
margin: 0 auto;
width: 190px;
-webkit-transform: rotate(-50deg); }
.module-statistics .poverty .percentage {
top: -110px; }
.module-statistics h4 {
font-size: 1.75rem;
font-weight: 800;
letter-spacing: 1px;
padding-left: 40px;
text-transform: none;
text-align: left;
}
.module-statistics .owl-carousel .owl-item h4 img.intent{
max-width: 34px;
height: auto;
opacity: 1;
}
.module-statistics .owl-carousel .owl-item h4 img.intent:hover{
opacity: 0.8;
}
/*---- Quote Slider ----*/
.module-quotes {
background-size: cover;
background-position: center center;
padding: 120px 0;
}
.module-quotes h1,
.module-quotes h2,
.module-quotes h3,
.module-quotes h4,
.module-quotes h5,
.module-quotes h6,
.module-quotes p {
color: #ffffff;
}
.module-quotes .owl-nav {
position: absolute;
top: 50%;
width: 120%;
left: -10%;
}
.module-quotes .white .sa_owl_theme .owl-nav .owl-prev,
.module-quotes .white .sa_owl_theme .owl-nav .owl-next {
background-color: transparent;
}
/*
.module-quotes .orbit-previous,
.module-quotes .orbit-next {
background-color: transparent;
color: #ffffff;
font-size: 1.5rem;
top: 45%;
}
.module-quotes .orbit-previous:hover,
.module-quotes .orbit-next:hover,
.module-quotes .orbit-previous:active,
.module-quotes .orbit-next:active,
.module-quotes .orbit-previous:focus,
.module-quotes .orbit-next:focus {
background-color: #d34047;
border-radius: 5px;
color: #ffffff;
}
.module-quotes ul.orbit-container {
height: auto !important;
}
.module-quotes li.orbit-slide {
max-height: none !important;
}
*/
@media screen and (min-width: 640px) {
.statistic h4 {
bottom: 6px; } }
.module-tabs {
/* padding: 0; */ }
.module-tabs .tabs {
display: none; }
.module-tabs .tab-content {
padding: 20px; }
.module-tabs .tab-content div {
font-size: 17px; }50
.module-tabs .tab-content div ul {
list-style-type: disc; }
.module-tabs .tab-content div ul li {
margin-bottom: 20px; }
.module-tabs .accordion-heading {
cursor: pointer;
display: none;
margin: 0;
padding: 10px 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.module-tabs h2,
.module-tabs h6 {
color: #ffffff;
}
.module-tabs .accordion-heading h5 {
color: #fff;
display: inline-block;
font-size: 16px; }
.module-tabs .accordion-heading span {
color: #fff;
display: inline-block;
font-size: 30px;
margin-right: 20px;
position: relative;
top: 5px; }
.module-tabs .accordion-active {
color: #D34048; }
.module-tabs .accordion-heading.blue {
background: #0474c0; }
.module-tabs .accordion-heading.red {
background: #D34048; }
.module-tabs .accordion-heading.orange {
background: #ffb836; }
.module-tabs .accordion-heading.cyan {
background: #00aaff; }
.module-tabs .details {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
bottom: -60px;
margin: 0 0 0 35px;
position: absolute; }
@media screen and (min-width: 1025px) {
.module-tabs {
margin-top: -200px;
padding: 260px 80px;
z-index: 200; }
.module-tabs h2 {
color: #ffffff;
text-align: center;
}
.intro {
font-size: 1.35rem;
letter-spacing: 0.5px;
margin-top: 2rem;
text-align: left;
}
.module-tabs .tabs {
background: transparent;
border: none;
display: block;
float: left;
list-style: none;
margin: 30px 0 0;
padding: 0;
width: 100%; }
.module-tabs .tabs li {
border: none;
border-radius: 15px 15px 0 0;
box-sizing: border-box;
cursor: pointer;
float: left;
margin: 40px 0 0;
overflow: hidden;
padding: 30px;
position: relative;
width: 25%;
min-height: 210px; }
.module-tabs .tabs li h5 {
color: #ffffff;
font-family: "proxima-nova";
font-style: normal;
font-weight: 600;
text-align: center; }
/*
.module-tabs .tabs li h5:before {
display: block;
font-size: 80px;
margin-bottom: 20px; }
*/
/*
.module-tabs .tabs li h5.icon-clipboard:before {
margin-left: 10px; }
*/
.module-tabs .tab_container {
background-color: #93C3E9;
clear: both;
color: #ffffff;
float: left;
margin-top: 0;
padding: 30px;
width: 100%;
overflow: auto; }
.module-tabs .tab-content {
display: none;
padding: 0; }
.module-tabs .tab_container h6 {
color: #ffffff;
}
.module-tabs .accordion-heading {
display: none; }
.module-tabs li.blue {
border-color: #0474c0; }
.module-tabs li.blue h5 {
color: #0474c0; }
.module-tabs li.blue h5:before {
color: #0474c0; }
.module-tabs li.blue:hover {
background-color: #0474c0; }
.module-tabs li.blue.active {
background-color: #0474c0; }
.module-tabs li.red {
border-color: #D34048; }
.module-tabs li.red h5 {
color: #D34048; }
.module-tabs li.red h5:before {
color: #D34048; }
.module-tabs li.red:hover {
background-color: #D34048; }
.module-tabs li.red.active {
background-color: #D34048; }
.module-tabs li.orange {
border-color: #ffb836; }
.module-tabs li.orange h5 {
color: #ffb836; }
.module-tabs li.orange h5:before {
color: #ffb836; }
.module-tabs li.orange:hover {
background-color: #ffb836; }
.module-tabs li.orange.active {
background-color: #ffb836; }
.module-tabs li.cyan {
border-color: #00aaff; }
.module-tabs li.cyan h5 {
color: #00aaff; }
.module-tabs li.cyan h5:before {
color: #00aaff; }
.module-tabs li.cyan:hover {
background-color: #00aaff; }
.module-tabs li.cyan.active {
background-color: #00aaff; }
.module-tabs li:hover h5, .module-tabs li:hover h5:before {
color: #fff; }
.module-tabs li.active h5 {
color: #fff; }
.module-tabs li.active h5:before {
color: #fff; } }
@media screen and (min-width: 1350px) {
.module-tabs .tabs li h5:before {
font-size: 120px; } }
.module-resources {
/* text-align: center; */
}
.module-resources .resource {
margin-top: 70px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.module-resources .resource h3 {
border-bottom: 1px solid #ffffff;
color: #F29EB0;
font-family: "proxima-nova";
font-size: 1.25rem;
font-weight: 600;
padding: 0;
text-align: left;
text-transform: uppercase; }
.module-resources .resource h6 {
color: #ffffff;
font-size: 2rem;
padding: 0;
text-align: left;
}
/*
.module-resources .resource .type {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 19px;
margin-bottom: 15px;
text-transform: uppercase; }
.module-resources .resource .red {
color: #D34048; }
.module-resources .resource .orange {
color: #ffb836; }
.module-resources .resource .blue {
color: #0474c0; }
.module-resources .resource .title {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
color: #000;
font-size: 26px;
line-height: 110%;
margin: 0 auto 15px; }
*/
.module-resources .resource .button {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background-color: #A01F34;
border: 2px solid #ffffff;
color: #ffffff;
font-size: 1.15rem;
float: left;
padding: 14px 30px;
text-transform: none; }
.module-resources .resource .button:hover {
background-color: #00aaff;
color: #fff; }
@media screen and (min-width: 640px) {
.module-resources .resource .type {
font-size: 24px;
margin-bottom: 20px; }
.module-resources .resource .title {
font-size: 36px;
margin-bottom: 35px;
max-width: 65%; }
.module-resources .resource .button {
margin-bottom: 20px; } }
.module-partners {
text-align: center; }
.module-partners .columns {
max-height: 196px;
}
.module-partners a {
display: block;
line-height: 180px;
margin: 30px 0; }
.module-partners a .partner {
display: inline-block;
line-height: 180px;
margin: auto;
vertical-align: middle; }
.module-partners .partner-view-all {
text-align: right; }
.module-partners a.button {
display: block;
font-size: .75rem;
line-height: normal;
margin: 0 auto;
padding: 10px;
width: 160px; }
@media screen and (min-width: 640px) {
.module-partners .partner {
margin: 58px 0; } }
.module-newsletter {
/* background: transparent url("../img/yellow-bus.png") no-repeat center center; */
background-position: center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
border: none;
text-align: center; }
.module-newsletter h6 {
color: #fff;
font-size: 1.5rem;
margin-top: 90px; }
.module-newsletter form .zip-code,
.module-newsletter form input[type="email"] {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
box-shadow: none;
color: #fff;
font-size: 18px;
margin: 0 auto 20px;
outline: none;
text-align: center;
width: 100%; }
.module-newsletter form :-moz-placeholder {
color: #fff; }
.module-newsletter form ::-moz-placeholder {
color: #fff; }
.module-newsletter form :-ms-input-placeholder {
color: #fff; }
.module-newsletter form ::-webkit-input-placeholder {
color: #fff; }
.page-id-434 .button:nth-child(2) {
border: 2px solid #93C3E9;
color: #93C3E9;
}
.page-id-434 .button:nth-child(2):hover {
background: #93C3E9;
color: #ffffff;
}
.page-id-434 .button:nth-child(3) {
border: 2px solid #A01F34;
color: #A01F34;
}
.page-id-434 .button:nth-child(3):hover {
background: #A01F34;
color: #ffffff;
}
/*
.module-newsletter form .signup {
font-style: normal;
font-weight: 400;
background-color: #D34048;
border: 4px solid #D34048;
color: #fff;
font-size: 30px;
padding: 20px 95px;
text-transform: uppercase; }
.module-newsletter form .signup:hover {
background: #fff;
color: #D34048;
cursor: pointer; }
*/
@media screen and (min-width: 640px) {
.module-newsletter h2 {
margin-bottom: 55px; }
.module-newsletter form .zip-code,
.module-newsletter form input[type="email"] {
font-size: 1.5rem;
margin-bottom: 75px;
width: 35%; }
.module-newsletter form input[type="email"] {
margin-bottom: 25px;
}
.module-newsletter form .signup {
background-color: #D34048;
border: 2px solid #ffffff;
color: #ffffff;
font-family: "proxima-nova";
font-style: normal;
font-weight: 800;
font-size: 1.25rem;
letter-spacing: 1px;
padding: 14px 30px;
text-transform: uppercase;
} }
.page-template-page-toolkit .module-hero .module-hero-message h2 {
margin-top: 100px; }
.page-template-page-toolkit .module-learn {
text-align: center; }
.page-template-page-toolkit .module-learn .columns {
cursor: pointer;
margin-top: 40px; }
.page-template-page-toolkit .module-learn .columns a {
display: block;
height: 276px;
margin: 0 30px;
position: relative; }
.page-template-page-toolkit .module-learn .columns a:before {
font-size: 140px;
position: relative;
top: 35px; }
.page-template-page-toolkit .module-learn .columns a:hover {
color: #fff; }
.page-template-page-toolkit .module-learn .columns a:hover:before {
content: none; }
.page-template-page-toolkit .module-learn .columns a:hover .title-download {
visibility: hidden; }
.page-template-page-toolkit .module-learn .columns a:hover .pdf-download {
visibility: visible; }
.page-template-page-toolkit .module-learn .columns .title-download {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 23px;
position: relative;
bottom: -55px; }
.page-template-page-toolkit .module-learn .columns .pdf-download {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background: #fff;
left: 50%;
margin: 0 auto;
padding: 5px 10px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
white-space: nowrap;
z-index: 2000; }
.page-template-page-toolkit .module-learn .magnify a {
border: 3px solid #D34048;
color: #D34048; }
.page-template-page-toolkit .module-learn .magnify a:hover {
background-color: #D34048; }
.page-template-page-toolkit .module-learn .magnify a .pdf-download {
color: #D34048; }
.page-template-page-toolkit .module-learn .lightbulb a {
border: 3px solid #93C3E9;
color: #93C3E9; }
.page-template-page-toolkit .module-learn .lightbulb a:hover {
background-color: #93C3E9; }
.page-template-page-toolkit .module-learn .lightbulb a .pdf-download {
color: #93C3E9; }
.page-template-page-toolkit .module-learn .paper a {
border: 3px solid #A01F34;
color: #A01F34; }
.page-template-page-toolkit .module-learn .paper a:hover {
background-color: #A01F34; }
.page-template-page-toolkit .module-learn .paper a .pdf-download {
color: #A01F34; }
.page-template-page-toolkit .module-educate {
position: relative;
text-align: center; }
.page-template-page-toolkit .module-educate .download {
margin-top: 40px; }
.page-template-page-toolkit .module-educate .download a {
background-color: #D34048;
color: #D34048;
display: block;
margin: 0 auto;
max-width: 377px;
position: relative; }
.page-template-page-toolkit .module-educate .download img {
max-width: 100%;
box-shadow: 0px 4px 5px 0px #dddddd; }
.page-template-page-toolkit .module-educate .download .download-pdf p {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
background: #fff;
color: #D34048 !important;
left: 50%;
margin: 0 auto;
margin-top: -36%;
padding: 5px 10px;
position: absolute;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
z-index: 2000; }
.page-template-page-toolkit .module-educate .download:hover img {
visibility: hidden; }
.page-template-page-toolkit .module-educate .download:hover p {
color: #fff;
visibility: visible; }
.page-template-page-toolkit .module-reach {
text-align: center;
padding-bottom: 0; }
.page-template-page-toolkit .module-reach img {
margin-top: 40px; }
.page-template-page-toolkit .module-contact {
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
text-align: center; }
.page-template-page-toolkit .module-contact hr {
border-color: #D34048;
border-width: 4px 0 0;
margin: 40px auto 0;
width: 150px; }
.page-template-page-toolkit .module-contact p {
margin: 0; }
.page-template-page-toolkit .module-contact .email-us {
font-size: 30px;
color: #D34048; }
.page-template-page-toolkit .module-contact .contact-email {
font-size: 30px; }
.page-template-page-toolkit .module-contact .contact-copy {
font-size: 25px; }
/*---------------
-----------------
Toolkit Page (redesign)
-----------------
---------------*/
.page-template-page-partnert .module-hero {
padding-top: 150px;
}
.page-template-page-partnert .box {
background-color: #ffffff;
border-radius: 5px;
margin-top: 60px;
padding: 40px;
}
.page-template-page-partnert .box p:last-child {
margin-bottom: 0;
}
.page-template-page-partnert .module1 h6,
.page-template-page-partnert .module2 h6,
.page-template-page-partnert .module3 h6,
.page-template-page-partnert .module4 h6 {
color: #ffffff;
font-size: 1.5rem;
letter-spacing: 0;
text-align: center;
}
.page-template-page-partnert .module1 {
background: #d34048;
color: #ffffff;
overflow: visible;
padding-top: 80px;
padding-bottom: 80px;
}
.page-template-page-partnert .module1 .box {
background-color: #ffffff;
border-radius: 5px;
color: #d34048;
position: relative;
top: 0px;
z-index: 1;
}
.page-template-page-partnert .module2 {
background: #ac343b;
color: #ffffff;
overflow: visible;
padding-top: 120px;
padding-bottom: 80px;
}
.page-template-page-partnert .module2 .box {
background-color: #8c2a30;
border-radius: 5px;
color: #ffffff;
position: relative;
z-index: 1;
}
.page-template-page-partnert .module2 .box a {
color: #ffffff;
}
.page-template-page-partnert .module3 {
background: #789fbe;
color: #ffffff;
overflow: visible;
padding-top: 80px;
padding-bottom: 80px;
}
.page-template-page-partnert .module3 h3 {
background-color: #f6f6f6;
border-radius: 5px;
color: #4d4b4d;
margin-top: -112px;
margin-bottom: 60px;
padding: 16px;
position: relative;
text-align: center;
z-index: 99;
}
.page-template-page-partnert .module3 .box,
.page-template-page-partnert .module3 .box a {
color: #789fbe;
}
.page-template-page-partnert .module4 {
background: #93c3e9;
color: #ffffff;
overflow: visible;
padding-top: 80px;
padding-bottom: 80px;
}
.page-template-page-partnert .accordion {
background: transparent;
}
.page-template-page-partnert .accordion .accordion-title {
border: none;
border-bottom: 2px solid #ffffff;
color: #ffffff;
padding-left: 0;
padding-right: 0;
}
.page-template-page-partnert .accordion .accordion-title:hover,
.page-template-page-partnert .accordion .accordion-title:hover h3 {
background-color: transparent;
color: #c6e1f8;
}
.page-template-page-partnert .accordion .accordion-title:active,
.page-template-page-partnert .accordion .accordion-title:focus,
.page-template-page-partnert .accordion .accordion-title:visited {
background-color: transparent;
color: #ffffff;
}
.page-template-page-partnert .accordion .accordion-title h3 {
color: #ffffff;
font-family: "calluna";
font-style: normal;
font-weight: 600;
font-size: 1.75rem;
letter-spacing: 0;
}
.page-template-page-partnert .accordion .accordion-title::before {
color: #ffffff;
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 3.25rem;
line-height: 0.25;
right: 0;
}
.page-template-page-partnert .is-active > .accordion-title::before {
content: "\f107";
}
.page-template-page-partnert .accordion .accordion-content {
background-color: transparent;
border: none;
color: #ffffff;
padding-left: 0;
padding-right: 0;
}
.page-template-page-partnert .accordion .accordion-content h3 {
color: #ffffff;
}
.page-template-page-partnert .accordion .accordion-content li {
margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
.page-template-page-toolkit .download a {
margin: 0 15px; } }
@media only screen and (max-width: 667px) {
header.global .logo {
background-size: 100% auto;
height: 120px;
width: 120px;
}
header.global #Dnt {
display: none;
}
#site-navigation {
display: none;
}
ul.menu li .sub-menu {
display: block;
}
header.global .menu li a {
color: #4D4F51;
}
.home .module-hero {
height: 75%;
}
.module-hero .module-hero-message h1 {
font-size: 1.75rem;
}
.module-hero .module-hero-message h3 {
font-size: 1.25rem;
}
.module-hero {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 70% top;
height: 180px;
}
.page-template-page-alt .module-hero,
.single-cardstacks .module-hero {
font-size: 1.75rem;
padding-top: 70px !important;
}
.module-signup input {
margin-right: 2.5%;
width: 47.5%;
}
.module-signup input.zip {
margin-right: 2.5%;
margin-top: 10px;
width: 37.5%; }
.module-signup input.signup {
margin-right: 2.5%;
margin-top: 10px;
width: 57.5%;
}
.module-signup input.signup:hover {
}
.module-statistics h4 {
margin-top: 40px;
padding: 0;
}
.module-newsletter {
background-attachment: scroll;
}
.module-newsletter form .signup {
background-color: #D34048;
border: 2px solid #ffffff;
color: #ffffff;
font-family: "proxima-nova";
font-style: normal;
font-weight: 400;
font-size: 1.25rem;
letter-spacing: 1px;
margin-bottom: 100px;
padding: 14px 30px;
text-transform: uppercase;
}
p.byline {
display: none;
}
.headHeart {
padding: 0 20px;
}
.headHeart .changeHead {
margin: 0 8%;
width: 84%;
}
.headHeart .changeHead h4 {
font-size: 1.15rem;
}
.headHeart .headArea {
border-radius: 10px 10px 0 0;
}
.headHeart .heartArea {
border-radius: 0;
}
.accordion-item h3 {
font-size: 1.25rem;
}
.petition-form input {
margin-right: 0;
margin-bottom: 10px;
width: 100%;
}
.petition-form input.zip {
width: 100%;
}
.petition-form input.signup {
margin-right: 0;
margin-top: 0;
width: 100%;
}
.petition-form input.signup:hover {
}
.page-id-588 h2 {
font-size: 2rem;
}
.page-id-588 img.social {
max-width: 36px;
}
.cardstacks-template-default .module-hero {
height: 250px;
}
.single-cardstacks #content {
padding-top: 0;
}
#cardS .desktop {
display: none;
}
#cardS .mobile {
display: block;
}
#cardS .accordion-content h1 {
font-size: 2.5rem;
}
#cardS .accordion-content h2 {
font-size: 2rem;
}
#cardS .accordion-content h3 {
font-size: 1.75rem;
}
/*---- Landing Page ----*/
#landingPage .container {
margin-top: 40px;
}
#landingPage #featured-hero {
background-position: center top;
background-size: 100% auto;
height: auto;
min-height: auto;
margin: 0;
padding-top: 25vh;
}
#landingPage .signup {
margin-bottom: 0;
margin-top: 10vh;
}
} /* end */
footer.article-footer{
display:none;
}
h2{
font-size: 2.5rem;
}
p.post-list__byline{
display: none;
visibility:hidden;
}
ul.inline-list{
visibility:hidden;
}
p.byline{
visibility:hidden;
}
.page-template-template-social-media-toolkit header .menu li a:hover {
color: #fff;
}