/* ---------------------------------------------------------------------------------------------------------------------
WordPress Core Classes
--------------------------------------------------------------------------------------------------------------------- */
.alignnone {
margin: 0 1em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1em;
}
.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption.alignnone {
margin: 0 1em 1em 0;
}
.wp-caption.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.wp-caption.alignright {
float: right;
margin: 0 0 1em 1em;
}
/* Stick Admin Bar To The Top */
body.admin-bar {
margin-top: 32px !important;
}
@media screen and ( max-width: 782px ) {
body.admin-bar {
margin-top: 46px !important;
}
}
@media screen and ( max-width: 600px ) {
body.admin-bar {
margin-top: 46px !important;
}
}
img.aligncenter {
margin-top: 35px;
margin-bottom: 35px;
}
/* ---------------------------------------------------------------------------------------------------------------------
General fixes
--------------------------------------------------------------------------------------------------------------------- */
body {
background-color: #F6F8FA;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=button] {
-webkit-appearance: none;
-moz-appearance: none;
}
/* Placeholder Styling */
::-webkit-input-placeholder {
color: #8e8e8e;
}
::-moz-placeholder {
color: #8e8e8e;
}
::-o-placeholder {
color: #8e8e8e;
}
:-ms-input-placeholder {
color: #8e8e8e;
}
input:-moz-placeholder {
color: #8e8e8e;
}
embed, iframe, object {
max-width: 100%;
}
.column + .column:last-child,
.columns + .column:last-child,
.column + .columns:last-child,
.columns + .columns:last-child {
float: left;
}
div.text-center {
width: 100%;
}
.sticky-container {
z-index: 1000;
}
/* ---------------------------------------------------------------------------------------------------------------------
Typography
--------------------------------------------------------------------------------------------------------------------- */
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-Heavy.eot');
src: local('Futura PT Heavy'), local('FuturaPT-Heavy'),
url('../fonts/FuturaPT/all/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/woff/FuturaPT-Heavy.woff') format('woff'),
url('../fonts/FuturaPT/ttf/FuturaPT-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-Medium.eot');
src: local('Futura PT Medium'), local('FuturaPT-Medium'),
url('../fonts/FuturaPT/all/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/woff/FuturaPT-Medium.woff') format('woff'),
url('../fonts/FuturaPT/ttf/FuturaPT-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-MediumObl.eot');
src: local('Futura PT Medium Oblique'), local('FuturaPT-MediumObl'),
url('../fonts/FuturaPT/all/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-MediumObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-MediumObl.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../fonts/FuturaPT/all/FuturaPTCond-Medium.eot');
src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'),
url('../fonts/FuturaPT/all/FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-Medium.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-LightObl.eot');
src: local('Futura PT Light Oblique'), local('FuturaPT-LightObl'),
url('../fonts/FuturaPT/all/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-LightObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-LightObl.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Book';
src: url('../fonts/FuturaPT/all/FuturaPT-Book.eot');
src: local('Futura PT Book'), local('FuturaPT-Book'),
url('../fonts/FuturaPT/all/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-Book.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../fonts/FuturaPT/all/FuturaPTCond-Bold.eot');
src: local('Futura PT Cond Bold'), local('FuturaPTCond-Bold'),
url('../fonts/FuturaPT/all/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-Bold.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Book';
src: url('../fonts/FuturaPT/all/FuturaPT-BookObl.eot');
src: local('Futura PT Book Oblique'), local('FuturaPT-BookObl'),
url('../fonts/FuturaPT/all/FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-BookObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-BookObl.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond Extra';
src: url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBoldObl.eot');
src: local('Futura PT Cond Extra Bold Oblique'), local('FuturaPTCond-ExtraBoldObl'),
url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBoldObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBoldObl.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-Light.eot');
src: local('Futura PT Light'), local('FuturaPT-Light'),
url('../fonts/FuturaPT/all/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-Light.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-BoldObl.eot');
src: local('Futura PT Bold Oblique'), local('FuturaPT-BoldObl'),
url('../fonts/FuturaPT/all/FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-BoldObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-BoldObl.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Demi';
src: url('../fonts/FuturaPT/all/FuturaPT-DemiObl.eot');
src: local('Futura PT Demi Oblique'), local('FuturaPT-DemiObl'),
url('../fonts/FuturaPT/all/FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-DemiObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-DemiObl.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond Extra';
src: url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBold.eot');
src: local('Futura PT Cond Extra Bold'), local('FuturaPTCond-ExtraBold'),
url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBold.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Demi';
src: url('../fonts/FuturaPT/all/FuturaPT-Demi.eot');
src: local('Futura PT Demi'), local('FuturaPT-Demi'),
url('../fonts/FuturaPT/all/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-Demi.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-Demi.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-HeavyObl.eot');
src: local('Futura PT Heavy Oblique'), local('FuturaPT-HeavyObl'),
url('../fonts/FuturaPT/all/FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-HeavyObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-HeavyObl.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Extra';
src: url('../fonts/FuturaPT/all/FuturaPT-ExtraBoldObl.eot');
src: local('Futura PT Extra Bold Oblique'), local('FuturaPT-ExtraBoldObl'),
url('../fonts/FuturaPT/all/FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-ExtraBoldObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-ExtraBoldObl.ttf') format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond Book';
src: url('../fonts/FuturaPT/all/FuturaPTCond-Book.eot');
src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'),
url('../fonts/FuturaPT/all/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-Book.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Futura PT';
src: url('../fonts/FuturaPT/all/FuturaPT-Bold.eot');
src: local('Futura PT Bold'), local('FuturaPT-Bold'),
url('../fonts/FuturaPT/all/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-Bold.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Extra';
src: url('../fonts/FuturaPT/all/FuturaPT-ExtraBold.eot');
src: local('Futura PT Extra Bold'), local('FuturaPT-ExtraBold'),
url('../fonts/FuturaPT/all/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPT-ExtraBold.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPT-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../fonts/FuturaPT/all/FuturaPTCond-BoldObl.eot');
src: local('Futura PT Cond Bold Oblique'), local('FuturaPTCond-BoldObl'),
url('../fonts/FuturaPT/all/FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-BoldObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-BoldObl.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond';
src: url('../fonts/FuturaPT/all/FuturaPTCond-MediumObl.eot');
src: local('Futura PT Cond Medium Oblique'), local('FuturaPTCond-MediumObl'),
url('../fonts/FuturaPT/all/FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-MediumObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-MediumObl.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Futura PT Cond Book';
src: url('../fonts/FuturaPT/all/FuturaPTCond-BookObl.eot');
src: local('Futura PT Cond Book Oblique'), local('FuturaPTCond-BookObl'),
url('../fonts/FuturaPT/all/FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaPT/all/FuturaPTCond-BookObl.woff') format('woff'),
url('../fonts/FuturaPT/all/FuturaPTCond-BookObl.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
.typography > :first-child {
margin-top: 0;
}
.typography > :last-child,
.typography > :last-child > img:last-child {
margin-bottom: 0 !important;
}
body, h1, h2, h3, h4, h5, h6, p, a, li {
font-family: 'Futura PT Book', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Futura PT', sans-serif;
font-weight: 500;
}
h1 {
font-size: 60px;
color: #2c4aa0;
line-height: 1;
margin: 45px 0 20px 0;
}
h2 {
font-size: 48px;
color: #2c4aa0;
line-height: 1;
margin: 45px 0 20px 0;
}
h3 {
font-size: 36px;
color: #2c4aa0;
line-height: 1.1;
margin: 45px 0 20px 0;
}
h4 {
font-size: 30px;
color: #2c4aa0;
line-height: 1.1;
margin: 45px 0 20px 0;
}
h5 {
font-size: 24px;
color: #2c4aa0;
line-height: 1.2;
margin: 45px 0 20px 0;
}
h6 {
font-size: 14px;
color: #2c4aa0;
line-height: 1.25;
margin: 20px 0 20px 0;
}
p {
font-size: 18px;
font-weight: 400;
color: #1a1a1a;
line-height: 1.45;
margin: 0 0 18px;
}
p strong,
li strong {
font-weight: 700;
}
p:empty {
display: none;
}
a {
color: #ef184c;
transition: color .2s ease;
}
a:hover,
a:focus {
color: #000;
transition: color .2s ease;
}
a:focus {
outline: none !important;
}
p a,
li a {
font-weight: 500;
}
p strong a,
li strong a {
font-weight: 700;
}
p a:hover,
li:not( .menu-item ) a:not( .btn ):hover {
color: #ef184c;
text-decoration: underline;
}
ul:not( .menu ):not( .slick-dots ),
ol:not( .menu ) {
list-style: none;
margin: 5px 0 20px;
}
li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [role="presentation"] ) {
font-size: 18px;
font-weight: 400;
color: #1a1a1a;
line-height: 1.35;
margin: 0 0 18px;
padding: 0 0 0 32px;
position: relative;
}
ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before {
background-color: #ef184c;
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 10px;
left: 6px;
}
ol {
counter-reset: my-awesome-counter;
}
ol li:not( .menu-item ) {
counter-increment: my-awesome-counter;
}
ol li:not( .menu-item ):before {
content: counter(my-awesome-counter) ".";
position: absolute;
top: 0;
left: 3px;
color: #ef184c;
font-weight: 700;
}
ul:not( .menu ):not( .slick-dots ) > li:last-child,
ol:not( .menu ):not( .slick-dots ) > li:last-child {
margin-bottom: 0 !important;
}
hr {
max-width: 100%;
margin: 35px 0;
border-bottom: 1px solid #62bb47;
}
blockquote {
margin: 35px 0;
padding: 40px 30px 0;
border: none !important;
text-align: center;
font-size: 17px;
font-weight: 400;
font-style: italic;
color: #ef184c;
line-height: 1.6;
position: relative;
}
blockquote:before {
content: "";
background-image: url( ../images/blockquote.svg );
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 35px;
height: 25px;
position: absolute;
top: 0;
left: calc( 50% - 17px );
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5 {
font-family: "Futura PT Book", sans-serif;
font-style: italic;
color: #62bb47;
}
blockquote p {
font-family: "Futura PT", sans-serif;
font-size: 18px;
font-style: italic;
color: #62bb47;
margin: 0 0 10px 0;
}
blockquote p.quote-author {
font-family: "Futura PT", sans-serif;
font-size: 14px;
font-style: italic;
color: #6d7388;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
img.alignright {
float: right;
margin: 0 0 35px 35px;
}
img.alignleft {
float: left;
margin: 0 35px 35px 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.sick-cells-red {
color: #ef184c;
transition: inherit;
}
:hover > .sick-cells-red {
color: inherit;
transition: none;
}
/* Buttons */
.btn:not( .menu-item ),
#menu-primary .btn.menu-item > a {
display: inline-block;
padding: 14px 20px;
font-family: "Futura PT", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.1;
text-align: center;
min-width: 160px;
border-radius: 3px;
background-color: #222;
border: 1px solid #222;
color: #fff;
position: relative;
overflow: hidden;
transition: all .2s linear;
}
#menu-primary .btn.menu-item > a {
font-family: "Futura PT Book", sans-serif;
font-size: 15px;
padding: 9px 15px;
font-weight: 500;
}
.btn:not( .menu-item ):hover,
#menu-primary .menu-item.btn > a:hover {
background-color: #000;
border: 1px solid #000;
color: #fff !important;
cursor: pointer;
transition: all .2s linear;
}
/* default button */
.btn:not( .menu-item ).btn-default,
#menu-primary .menu-item.btn.btn-default > a,
.btn:not( .menu-item ).btn-pink,
#menu-primary .menu-item.btn.btn-pink > a {
background-color: #ef184c;
border: 1px solid #ef184c;
color: #fff;
transition: all .2s linear;
}
.btn:not( .menu-item ).btn-default:hover,
#menu-primary .menu-item.btn.btn-default > a:hover,
.btn:not( .menu-item ).btn-pink:hover,
#menu-primary .menu-item.btn.btn-pink > a:hover {
background-color: #ff0000;
border: 1px solid #ff0000;
color: #fff !important;
transition: all .2s linear;
}
/* default transparent */
.btn:not( .menu-item ).btn-transparent-default,
#menu-primary .menu-item.btn.btn-transparent-default > a,
.btn:not( .menu-item ).btn-transparent-pink,
#menu-primary .menu-item.btn.btn-transparent-pink > a {
background-color: transparent;
border: 1px solid #ff003e;
color: #ff003e;
}
.btn:not( .menu-item ).btn-transparent-default:hover,
#menu-primary .menu-item.btn.btn-transparent-default > a:hover,
.btn:not( .menu-item ).btn-transparent-pink:hover,
#menu-primary .menu-item.btn.btn-transparent-pink > a:hover {
background-color: #ff003e;
border: 1px solid #ff003e;
color: #fff !important;
}
/* DCAP Navy button */
.btn:not( .menu-item ).btn-dcap-navy,
#menu-primary .menu-item.btn.btn-dcap-navy > a,
.btn:not( .menu-item ).btn-dcap-navy,
#menu-primary .menu-item.btn.btn-dcap-navy > a {
background-color: #004a61;
border: 1px solid #004a61;
color: #fff;
transition: all .2s linear;
}
.btn:not( .menu-item ).btn-dcap-navy:hover,
#menu-primary .menu-item.btn.btn-dcap-navy > a:hover,
.btn:not( .menu-item ).btn-dcap-navy:hover,
#menu-primary .menu-item.btn.btn-dcap-navy > a:hover {
background-color: #002a36;
border: 1px solid #002a36;
color: #fff !important;
transition: all .2s linear;
}
/* white transparent button */
.btn:not( .menu-item ).btn-transparent-white,
#menu-primary .menu-item.btn.btn-transparent-white > a {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn:not( .menu-item ).btn-transparent-white:hover,
#menu-primary .menu-item.btn.btn-transparent-white > a:hover {
background-color: #fff;
border: 1px solid #fff;
color: #0a0000 !important;
}
/* navy btn */
.btn:not( .menu-item ).btn-navy,
#menu-primary .menu-item.btn.btn-navy > a {
background-color: #2c4aa0;
border: 1px solid #2c4aa0;
color: #fff;
}
.btn:not( .menu-item ).btn-navy:hover,
#menu-primary .menu-item.btn.btn-navy > a:hover {
background-color: #3051B0;
border: 1px solid #3051B0;
color: #fff !important;
}
/* navy transparent */
.btn:not( .menu-item ).btn-transparent-navy,
#menu-primary .menu-item.btn.btn-transparent-navy > a {
background-color: transparent;
border: 1px solid #2c4aa0;
color: #2c4aa0;
}
.btn:not( .menu-item ).btn-transparent-navy:hover,
#menu-primary .menu-item.btn.btn-transparent-navy > a:hover {
background-color: #2c4aa0;
border: 1px solid #2c4aa0;
color: #fff !important;
}
/* navy red */
.btn:not( .menu-item ).btn-red,
#menu-primary .menu-item.btn.btn-red > a {
background-color: #e20d00;
border: 1px solid #e20d00;
color: #fff;
}
.btn:not( .menu-item ).btn-red:hover,
#menu-primary .menu-item.btn.btn-red > a:hover {
background-color: #ff2013;
border: 1px solid #ff2013;
color: #fff !important;
}
/* blue btn */
.btn:not( .menu-item ).btn-blue,
#menu-primary .menu-item.btn.btn-blue > a {
background-color: #0094c2;
border: 1px solid #0094c2;
color: #fff;
}
.btn:not( .menu-item ).btn-blue:hover,
#menu-primary .menu-item.btn.btn-blue > a:hover {
background-color: #35A3D5;
border: 1px solid #35A3D5;
color: #fff !important;
}
/* blue transparent */
.btn:not( .menu-item ).btn-transparent-blue,
#menu-primary .menu-item.btn.btn-transparent-blue > a {
background-color: transparent;
border: 1px solid #35A3D5;
color: #35A3D5;
}
.btn:not( .menu-item ).btn-transparent-blue:hover,
#menu-primary .menu-item.btn.btn-transparent-blue > a:hover {
background-color: #35A3D5;
border: 1px solid #35A3D5;
color: #fff !important;
}
/* green btn */
.btn:not( .menu-item ).btn-green,
#menu-primary .menu-item.btn.btn-green > a {
background-color: #62bb47;
border: 1px solid #62bb47;
color: #fff;
}
.btn:not( .menu-item ).btn-green:hover,
#menu-primary .menu-item.btn.btn-green > a:hover {
background-color: #70d651;
border: 1px solid #70d651;
color: #fff !important;
}
/* green transparent */
.btn:not( .menu-item ).btn-transparent-green,
#menu-primary .menu-item.btn.btn-transparent-green > a {
background-color: transparent;
border: 1px solid #62bb47;
color: #2c4aa0;
}
.btn:not( .menu-item ).btn-transparent-green:hover,
#menu-primary .menu-item.btn.btn-transparent-green > a:hover {
background-color: #62bb47;
border: 1px solid #62bb47;
color: #fff !important;
}
/* yellow btn */
.btn:not( .menu-item ).btn-yellow,
#menu-primary .menu-item.btn.btn-yellow > a {
background-color: #fdc056;
border: 1px solid #fdc056;
color: #fff;
}
.btn:not( .menu-item ).btn-yellow:hover,
#menu-primary .menu-item.btn.btn-yellow > a:hover {
background-color: #FBD360;
border: 1px solid #FBD360;
color: #fff !important;
}
/* yellow transparent */
.btn:not( .menu-item ).btn-transparent-yellow,
#menu-primary .menu-item.btn.btn-transparent-yellow > a {
background-color: transparent;
border: 1px solid #fdc056;
color: #fdc056;
}
.btn:not( .menu-item ).btn-transparent-yellow:hover,
#menu-primary .menu-item.btn.btn-transparent-yellow > a:hover {
background-color: #fdc056;
border: 1px solid #fdc056;
color: #fff !important;
}
/* bordeaux btn */
.btn:not( .menu-item ).btn-bordeaux,
#menu-primary .menu-item.btn.btn-bordeaux > a {
background-color: #822440;
border: 1px solid #822440;
color: #fff;
}
.btn:not( .menu-item ).btn-bordeaux:hover,
#menu-primary .menu-item.btn.btn-bordeaux > a:hover {
background-color: #a12c4f;
border: 1px solid #a12c4f;
color: #fff !important;
}
/* yellow bordeaux */
.btn:not( .menu-item ).btn-transparent-bordeaux,
#menu-primary .menu-item.btn.btn-transparent-bordeaux > a {
background-color: transparent;
border: 1px solid #822440;
color: #822440;
}
.btn:not( .menu-item ).btn-transparent-bordeaux:hover,
#menu-primary .menu-item.btn.btn-transparent-bordeaux > a:hover {
background-color: #822440;
border: 1px solid #822440;
color: #fff !important;
}
/* dark btn */
.btn:not( .menu-item ).btn-dark,
#menu-primary .menu-item.btn.btn-dark > a {
background-color: #222;
border: 1px solid #222;
color: #fff;
}
.btn:not( .menu-item ).btn-dark:hover,
#menu-primary .menu-item.btn.btn-dark > a:hover {
background-color: #000;
border: 1px solid #000;
color: #fff !important;
}
.btn.all-news,
.btn.all-news:hover {
border-width: 2px !important;
}
.btn svg.fa-angle-right,
.btn svg.fa-long-arrow-alt-right,
.btn svg.fa-long-arrow-right,
a svg.fa-angle-right,
a svg.fa-long-arrow-alt-right,
a svg.fa-long-arrow-right {
margin-left: 3px;
position: relative;
top: 1px;
left: 0;
transition: left .15s linear 0s;
}
section.home-slider .btn svg.fa-angle-right,
section.home-slider a svg.fa-angle-right {
top: 2px;
}
.btn:hover svg.fa-angle-right,
.btn:hover svg.fa-long-arrow-alt-right,
.btn:hover svg.fa-long-arrow-right,
a:hover svg.fa-angle-right,
a:hover svg.fa-long-arrow-alt-right,
a:hover svg.fa-long-arrow-right {
left: 5px;
transition: left .15s linear .15s;
}
/* Dark Mode */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode li,
.dark-mode a:not( .btn ) {
color: #fff;
}
.dark-mode a:not( .btn ) :hover {
color: #fff;
text-decoration: underline;
}
/* Section Title */
.section-title {
text-align: center;
font-weight: 400;
margin-top: 0;
margin-bottom: 30px;
}
.section-subtitle {
font-family: "Futura PT Book", sans-serif;
font-size: 20px;
font-weight: 400;
color: #4d4d4d;
text-align: center;
}
.section-title + .section-subtitle {
margin-top: -10px;
margin-bottom: 10px;
}
.section-title.with-view-buttons {
position: relative;
text-align: left;
padding-right: 150px;
}
.section-title.with-view-buttons .clients-view-switcher {
color: #9297a7;
top: 14px;
}
/* global color schema */
.global-color-schema h1,
.global-color-schema h2,
.global-color-schema h3,
.global-color-schema h4,
.global-color-schema h5,
.global-color-schema h6,
.global-color-schema a:not( .btn ):not( .event-category ) {
color: #2c4aa0;
}
.global-color-schema a:not( .btn ):not( .event-category ) {
font-family: "Futura PT", sans-serif;
font-weight: 400;
text-decoration: none;
}
.global-color-schema a:not( .btn ):not( .event-category ):hover {
text-decoration: underline;
}
.global-color-schema.schema-yellow h1,
.global-color-schema.schema-yellow h2,
.global-color-schema.schema-yellow h3,
.global-color-schema.schema-yellow h4,
.global-color-schema.schema-yellow h5,
.global-color-schema.schema-yellow h6,
.global-color-schema.schema-yellow a:not( .btn ):not( .event-category ) {
color: #FDC056 !important;
}
.global-color-schema.schema-green h1,
.global-color-schema.schema-green h2,
.global-color-schema.schema-green h3,
.global-color-schema.schema-green h4,
.global-color-schema.schema-green h5,
.global-color-schema.schema-green h6,
.global-color-schema.schema-green a:not( .btn ):not( .event-category ) {
color: #62BB47 !important;
}
.global-color-schema.schema-pink h1,
.global-color-schema.schema-pink h2,
.global-color-schema.schema-pink h3,
.global-color-schema.schema-pink h4,
.global-color-schema.schema-pink h5,
.global-color-schema.schema-pink h6,
.global-color-schema.schema-pink a:not( .btn ):not( .event-category ) {
color: #EF184C !important;
}
.global-color-schema.schema-blue h1,
.global-color-schema.schema-blue h2,
.global-color-schema.schema-blue h3,
.global-color-schema.schema-blue h4,
.global-color-schema.schema-blue h5,
.global-color-schema.schema-blue h6,
.global-color-schema.schema-blue a:not( .btn ):not( .event-category ) {
color: #0094C2 !important;
}
.global-color-schema ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #2c4aa0;
}
.global-color-schema.schema-yellow ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #FDC056;
}
.global-color-schema.schema-green ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #62BB47;
}
.global-color-schema.schema-pink ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #EF184C;
}
.global-color-schema.schema-blue ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #0094C2;
}
.global-color-schema ol li:not( .menu-item ):before {
color: #2c4aa0;
}
.global-color-schema.schema-yellow ol li:not( .menu-item ):before {
color: #FDC056;
}
.global-color-schema.schema-green ol li:not( .menu-item ):before {
color: #62BB47;
}
.global-color-schema.schema-pink ol li:not( .menu-item ):before {
color: #EF184C;
}
.global-color-schema.schema-blue ol li:not( .menu-item ):before {
color: #0094C2;
}
body .global-color-schema.schema-yellow .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .global-color-schema.schema-yellow .gform_wrapper textarea.large,
body .global-color-schema.schema-yellow .gform_wrapper ul.gform_fields li.gfield select,
body .global-color-schema.schema-yellow .gform_wrapper .top_label .gfield_label {
color: #FDC056;
}
body .global-color-schema.schema-green .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .global-color-schema.schema-green .gform_wrapper textarea.large,
body .global-color-schema.schema-green .gform_wrapper ul.gform_fields li.gfield select,
body .global-color-schema.schema-green .gform_wrapper .top_label .gfield_label {
color: #62BB47;
}
body .global-color-schema.schema-pink .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .global-color-schema.schema-pink .gform_wrapper textarea.large,
body .global-color-schema.schema-pink .gform_wrapper ul.gform_fields li.gfield select,
body .global-color-schema.schema-pink .gform_wrapper .top_label .gfield_label {
color: #EF184C;
}
body .global-color-schema.schema-blue .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .global-color-schema.schema-blue .gform_wrapper textarea.large,
body .global-color-schema.schema-blue .gform_wrapper ul.gform_fields li.gfield select,
body .global-color-schema.schema-blue .gform_wrapper .top_label .gfield_label {
color: #0094C2;
}
body .global-color-schema.schema-yellow .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox]:checked + label {
background-color: #FDC056;
color: #383838;
}
body .global-color-schema.schema-green .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox]:checked + label {
background-color: #62BB47;
color: #fff;
}
body .global-color-schema.schema-pink .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox]:checked + label {
background-color: #EF184C;
color: #fff;
}
body .global-color-schema.schema-blue .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox]:checked + label {
background-color: #0094C2;
color: #fff;
}
/* ---------------------------------------------------------------------------------------------------------------------
Basic Styles
--------------------------------------------------------------------------------------------------------------------- */
.grid-container {
max-width: 1230px;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
::-moz-selection {
background: #0094c2 !important;
color: #fff !important;
}
::selection {
background: #0094c2 !important;
color: #fff !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
Animate CSS
--------------------------------------------------------------------------------------------------------------------- */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-2s {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-3s {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-75px);
-ms-transform: translateX(-75px);
transform: translateX(-75px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-75px);
-ms-transform: translateX(-75px);
transform: translateX(-75px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(75px);
-ms-transform: translateX(75px);
transform: translateX(75px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(75px);
-ms-transform: translateX(75px);
transform: translateX(75px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/* ---------------------------------------------------------------------------------------------------------------------
Social Media
--------------------------------------------------------------------------------------------------------------------- */
.soc-media {
display: inline-block;
vertical-align: middle;
line-height: 0;
font-size: 0;
}
.soc-media .sm-item {
background-color: transparent;
display: inline-block;
width: 30px;
height: 30px;
line-height: 22px;
border-radius: 50%;
font-size: 18px;
color: #ef184c;
text-align: center;
padding: 5px;
margin: 0 1px;
}
.soc-media .sm-item:hover {
background-color: #ef184c;
color: #fff !important;
}
.soc-media .sm-item:before {
display: none;
}
/* ---------------------------------------------------------------------------------------------------------------------
GF: Reset
--------------------------------------------------------------------------------------------------------------------- */
body .gform_wrapper {
overflow: inherit;
margin: 10px 0 20px 0;
max-width: 100%;
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0 !important;
}
body .gform_wrapper .gform_body {
width: 100% !important;
}
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100% !important;
}
body .gform_wrapper ul li.gfield {
margin-top: 0 !important;
}
body .gform_wrapper li.gfield:not( .with-label ) .gfield_label {
display: none;
}
body .gform_wrapper li.gfield.with-label-centered .gfield_label {
text-align: center;
padding-top: 7px;
}
body .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0;
}
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;
border-top: none;
border-bottom: none;
padding-bottom: 0;
padding-top: 0;
margin-top: 0 !important;
margin-bottom: 15px !important;
}
body .gform_wrapper .field_description_below .gfield_description {
padding-top: 0;
}
body .gform_wrapper .field_description_below .gfield_description:not( .validation_message ) {
padding-top: 0;
position: relative;
top: -15px;
color: #989898;
font-style: italic;
}
body .gform_wrapper .gfield_error.field_description_below .gfield_description:not( .validation_message ) {
top: 0;
}
body .gform_wrapper ul.gform_fields li.gfield.gfield_error select {
margin-bottom: 5px;
}
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 {
margin: 0 0 20px 0;
}
body .gform_wrapper .gform_footer {
padding: 0;
margin: 0;
position: relative;
text-align: center;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer input.button,
body .gform_wrapper .gform_page_footer input[type=submit] {
margin: 0;
}
body .gform_wrapper .gform_ajax_spinner {
position: absolute;
top: 19px;
left: calc( 100% - 40px );
background-color: rgba(255, 255, 255, 0.8);
padding: 0;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.65);
}
/* ---------------------------------------------------------------------------------------------------------------------
GF :: Customization
--------------------------------------------------------------------------------------------------------------------- */
body .gform_wrapper ::-webkit-input-placeholder {
color: #abb0bf;
font-weight: 400;
font-family: "Futura PT Book", sans-serif;
}
body .gform_wrapper ::-moz-placeholder {
color: #abb0bf;
font-weight: 400;
font-family: "Futura PT Book", sans-serif;
}
body .gform_wrapper ::-o-placeholder {
color: #abb0bf;
font-weight: 400;
font-family: "Futura PT Book", sans-serif;
}
body .gform_wrapper :-ms-input-placeholder {
color: #abb0bf;
font-weight: 400;
font-family: "Futura PT Book", sans-serif;
}
body .gform_wrapper input:-moz-placeholder {
color: #abb0bf;
font-weight: 400;
font-family: "Futura PT Book", sans-serif;
}
body .gform_wrapper div.validation_error {
color: #fff;
font-family: "Futura PT", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.25;
border: none;
border-radius: 3px;
background-color: #ef184c;
padding: 25px 15px;
width: 100%;
}
body .gform_confirmation_wrapper {
background-color: #62bb47;
color: #fff;
font-family: "Futura PT", sans-serif;
font-size: 17px;
line-height: 1.2;
font-weight: 400;
text-align: center;
padding: 35px 10px;
border-radius: 4px;
margin-bottom: 0;
}
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,
body .gform_wrapper ul.gform_fields li.gfield select {
border-color: #c1cdd9;
border-width: 1px;
border-radius: 3px;
height: 50px;
font-size: 19px;
color: #2c4aa0;
padding: 5px 28px 5px 20px;
box-shadow: none !important;
}
body .gform_wrapper ul.gform_fields li.gfield select {
margin-top: 0 !important;
margin-left: 0 !important;
margin-bottom: 20px;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 5px 30px;
}
body .gform_wrapper textarea.large {
height: 100px;
width: 100%;
padding: 20px 30px;
}
body .gform_wrapper ul.gform_fields li.gfield.half-left {
width: 50%;
float: left;
padding-right: 8px;
clear: none;
}
body .gform_wrapper ul.gform_fields li.gfield.half-right {
width: 50%;
float: right;
padding-left: 8px;
clear: none;
}
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error textarea {
border: 1px solid #ef184c;
}
body .gform_wrapper .validation_message {
color: #ef184c;
font-weight: 400;
font-size: 11px;
line-height: 1.2;
}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper textarea.large {
background-color: #fcfcfc;
font-family: "Futura PT", sans-serif;
font-size: 16px;
color: #2c4aa0;
border-radius: 4px;
}
body .gform_wrapper ul.gform_fields li.gfield select {
border-color: #c1cdd9;
border-width: 1px;
border-radius: 3px;
height: 50px;
font-family: "Futura PT", sans-serif;
font-size: 16px;
color: #2c4aa0;
padding: 5px 30px 5px 30px;
}
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: #fff !important;
border-color: #62bb47;
border-width: 1px;
outline: none;
}
body #page-content.content-contact-us .gform_wrapper {
padding-right: 20px;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer input.button,
body .gform_wrapper .gform_page_footer input[type=submit] {
width: 100%;
background-color: #333;
border-color: #333;
border-width: 2px;
font-family: "Futura PT", sans-serif;
font-weight: 400;
font-size: 20px;
text-transform: none;
color: #fff;
border-radius: 4px;
padding: 16px 20px 16px;
transition: all .2s linear;
}
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_page_footer input.button:hover,
body .gform_wrapper .gform_page_footer input[type=submit]:hover {
background-color: #ef184c;
border-color: #ef184c;
color: #fff;
transition: all .2s linear;
}
.hidden-field {
display: none !important;
}
body .gform_wrapper .top_label li ul.gfield_checkbox {
width: 100%;
margin: 0 0 10px 0;
}
body .gform_wrapper .gfield_checkbox li {
display: inline-block;
width: auto;
vertical-align: top;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] {
display: none;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label {
display: block;
font-size: 14px;
font-weight: 500;
color: #383838;
transition: color .2s linear;
width: 100%;
max-width: 100%;
min-height: 42px;
position: relative;
padding-top: 16px;
padding-right: 20px;
padding-left: 70px;
vertical-align: middle;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label {
color: #383838;
font-weight: 500 !important;
transition: color .2s linear;
position: relative;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label:before {
display: inline-block;
content: "";
width: 32px;
height: 32px;
border: 2px solid #c1c1c1;
border-radius: 4px;
position: absolute;
top: 10px;
left: 28px;
transition: all .2s linear;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label:after {
display: inline-block;
color: transparent;
content: "✓";
font-size: 30px;
width: 30px;
height: 32px;
border-radius: 1px;
position: absolute;
top: 5px;
left: 32px;
transition: all .2s linear;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:before {
border: 2px solid #c1c1c1;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:after {
color: #ef184c;
}
body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
display: none;
}
body .gform_wrapper.gf_browser_chrome span.address_country {
margin-top: 0;
}
body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox {
font-size: 0;
}
body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox > li,
body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_radio > li {
display: inline-block;
width: 48%;
margin-bottom: 0;
font-size: 16px;
}
body .gform_wrapper ul.gform_fields li.gfield.horizontal .gfield_checkbox > li:nth-child( 2n ) {
margin-left: 4% !important;
}
body .gform_wrapper ul.gform_fields li.gfield.horizontal .validation_message {
position: relative;
top: -10px;
}
body .gform_wrapper .gfield_date_dropdown_day,
body .gform_wrapper .gfield_date_dropdown_month,
body .gform_wrapper .gfield_date_dropdown_year {
width: 32%;
margin-right: 2%;
}
body .gform_wrapper .gfield_date_dropdown_year {
margin-right: 0;
}
body .gform_wrapper .top_label .gfield_label {
display: block;
width: 100%;
font-family: "Futura PT", sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
color: #2c4aa0;
margin: 5px 0 10px;
}
body .gform_wrapper .gfield_required {
color: #d33838;
}
body .gform_wrapper .label-button-mode .gfield_checkbox li {
width: calc( 50% - 8px );
margin-left: 16px !important;
margin-bottom: 5px !important;
}
body .gform_wrapper .label-button-mode .gfield_checkbox li:nth-child( odd ) {
margin-left: 0 !important;
}
body .gform_wrapper .gfield_error .ginput_complex.ginput_container_address .ginput_full input,
body .gform_wrapper .gfield_error .ginput_complex.ginput_container_address .ginput_left input,
body .gform_wrapper .gfield_error .ginput_complex.ginput_container_address .ginput_right input {
margin: 0 0 20px 0;
}
body .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox] + label:before,
body .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox] + label:after {
display: none;
}
body .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox] + label {
background-color: #EBEFF0;
width: 100%;
padding: 15px 15px;
border-radius: 3px;
text-align: center;
transition: all .2s linear;
}
body .gform_wrapper .label-button-mode .gfield_checkbox li input[type=checkbox]:checked + label {
background-color: #2c4aa0;
color: #fff;
transition: all .2s linear;
}
body .gform_wrapper .gfield_error .ginput_complex.ginput_container_address + .validation_message {
margin-top: -12px;
position: relative;
top: -5px;
}
body .gform_wrapper .gsection .gfield_label,
body .gform_wrapper h2.gsection_title,
body .gform_wrapper h3.gform_title {
font-weight: 400;
font-size: 24px;
line-height: 1.2;
}
.checkbox-margin-bottom-25 {
margin-bottom: 25px;
}
body .gform_wrapper.gform_wrapper_original_id_13 {
display: block !important;
}
.gfield.payment-type-field .ginput_container_radio {
}
.gfield.payment-type-field .ginput_container_radio .gfield_radio {
width: 100% !important;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
}
.gfield.payment-type-field .ginput_container_radio .gfield_radio li {
width: 30%;
margin: unset !important;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
}
@media only screen and (max-width: 640px) {
.gfield.payment-type-field .ginput_container_radio .gfield_radio li {
width: 50%;
}
}
.gfield.payment-type-field .ginput_container_radio .gfield_radio li input {
display: none;
}
.gfield.payment-type-field .ginput_container_radio .gfield_radio li label {
display: flex;
align-items: center;
margin: unset;
font-weight: 700;
font-size: 18px;
}
.gfield.payment-type-field .ginput_container_radio .gfield_radio li label:before {
content: '';
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 0 2px #2c4aa0;
border: 2px solid #fff;
margin-right: 15px;
outline: none;
}
.gfield.payment-type-field .ginput_container_radio .gfield_radio li [type="radio"]:checked + label:before {
background-color: #2c4aa0;
}
/* ---------------------------------------------------------------------------------------------------------------------
WP Comments Styles
--------------------------------------------------------------------------------------------------------------------- */
section.comments {
margin: -25px 0 35px;
}
.comments-wrap {
max-width: 800px;
background-color: #fff;
border-radius: 0;
padding: 50px 45px;
margin: 0 auto;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.02 );
}
.comments-wrap .comment {
padding-bottom: 15px;
margin-bottom: 32px;
border-bottom: 1px solid #e6e6e6;
}
.comments-wrap .children {
margin-left: 0;
}
.comments-wrap .children .comment {
padding-left: 55px;
}
.comments-wrap h3#comments {
font-size: 30px;
font-weight: 600;
line-height: 1.2;
color: #292929;
margin: 0 0 25px 0;
}
.comments-wrap ol.commentlist {
margin: 0 0 30px 0;
list-style: none;
}
.comment-author-user-pic {
display: inline-block;
border: 1px solid #dedede;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 15px;
}
.comment-author {
margin-bottom: 15px;
}
.comment-author-meta {
padding-top: 4px;
}
.comment-author-meta .name {
font-family: "Futura PT", sans-serif;
font-size: 15px;
font-weight: 400;
font-style: normal;
line-height: 1.6;
color: #2c4aa0;
margin: 0;
}
.comment-author-meta .name a {
color: #2c4aa0;
}
.comment-author-meta .comment-reply-link {
font-family: "Futura PT", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: #ef184c;
margin: 0;
}
.comment-author-meta .comment-meta.commentmetadata {
font-size: 13px;
font-weight: 400;
line-height: 1.6;
color: #adadad;
margin: 0;
}
.comment-author-meta .comment-edit-link {
font-family: "Futura PT", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: #ef184c;
}
.comment-author-meta .comment-reply-link:hover,
.comment-author-meta .comment-edit-link:hover {
color: #62bb47;
}
.comment-text p {
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.6;
color: #787878;
margin: 0 0 15px 0;
}
.comments-wrap .comment .comment-awaiting-moderation {
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 1.6;
color: #E84652;
margin: 0 0 7px 0;
display: inline-block;
}
#respond {
padding-top: 10px;
}
#respond .comment-reply-title {
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #27282d;
margin: 0 0 5px 0;
}
#respond .comment-reply-title a {
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #ef184c;
}
#respond .comment-reply-title a:hover {
text-decoration: underline;
}
#respond .comment-reply-title small a {
font-size: 13px;
font-weight: 600;
color: #fff;
vertical-align: top;
display: inline-block;
background-color: #cacaca;
padding: 3px 7px;
border-radius: 2px;
transition: all .2s linear;
}
#respond .comment-reply-title small a:hover {
background-color: #b42701;
text-decoration: none;
transition: all .2s linear;
}
#respond .comment-notes {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #27282d;
margin: 0 0 25px 0;
}
#respond input,
#respond textarea {
border-radius: 5px;
background-color: #f9f9f9;
transition: all .2s linear;
}
#respond textarea {
border-color: #ef184c;
border-radius: 3px;
padding: 20px 25px;
font-size: 14px;
color: #222;
}
#respond textarea:focus {
border-color: #62bb47;
transition: all .2s linear;
box-shadow: none;
}
#respond label {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #0a0a0a;
margin: 0 0 4px 0;
}
#respond label[for="wp-comment-cookies-consent"] {
margin-bottom: 0;
position: relative;
top: -1px;
padding-left: 10px;
}
p.form-submit {
margin-bottom: 0;
}
#respond #submit {
display: block;
border: none;
outline: none;
background-color: #ef184c;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
padding: 17px 35px 16px;
border-radius: 50px;
text-align: center;
line-height: 1.1;
position: relative;
top: -1px;
transition: all .2s linear;
margin: 35px 0 0 0;
cursor: pointer;
}
#respond #submit:hover {
background-color: #62bb47;
}
.comment-list-title {
font-size: 30px;
font-weight: 600;
line-height: 1.2;
color: #2c4aa0;
margin: 0 0 30px 0;
}
.comment-list-title span {
background-color: #ef184c;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 24px;
margin-right: 5px;
position: relative;
top: -3px;
}
#respond .logged-in-as a {
font-size: 15px;
font-weight: 500;
line-height: 1.6;
color: #ef184c;
margin: 0;
}
#respond .logged-in-as a:hover {
text-decoration: underline;
}
#respond .math-captcha-form {
display: block;
background-color: #fff7e8;
padding: 10px;
border-radius: 5px;
}
#respond .math-captcha-form > label {
display: inline-block;
font-weight: 500;
margin-right: 15px;
text-transform: uppercase;
}
#respond .math-captcha-form > label br {
display: none;
}
#respond .math-captcha-form > label:after {
content: ":";
}
#respond .math-captcha-form > span {
display: inline-block;
color: #0e9a65;
font-weight: 600;
vertical-align: middle;
}
#respond .math-captcha-form input[type="text"].mc-input {
display: inline-block;
width: 100px !important;
text-align: center;
font-size: 16px;
color: #0e9a65;
vertical-align: middle;
}
#respond .g-recaptcha {
margin-bottom: 25px;
overflow: hidden;
border: 1px solid #cecece;
border-radius: 2px;
background-color: #f9f9f9;
}
#respond .g-recaptcha > div {
width: 215px !important;
height: 50px !important;
position: relative !important;
left: -3px !important;
top: -10px !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
SHARE BOX
--------------------------------------------------------------------------------------------------------------------- */
section.share {
margin: 40px auto 65px;
}
section.share .share-box {
background-color: #fff;
text-align: center;
border-radius: 2px;
width: 100%;
max-width: 790px;
padding: 16px;
margin: 0 auto;
position: relative;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.02 );
}
.share-box span.text {
font-family: "Futura PT", sans-serif;
font-size: 16px;
color: #62bb47;
margin-right: 5px;
position: relative;
}
.share-box > a {
background-color: transparent;
display: inline-block;
width: 34px;
height: 34px;
line-height: 36px;
text-align: center;
font-size: 18px;
border-radius: 50%;
color: #d1d1d1;
margin: 0 5px;
transition: all .15s linear;
}
.share-box > a:hover {
background-color: #ef184c;
color: #fff;
transition: all .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
PAGINATION
--------------------------------------------------------------------------------------------------------------------- */
.pagination-wrap .facetwp-pager {
margin: 10px 0 50px;
text-align: center;
}
body.archive .pagination-wrap .facetwp-pager {
margin: 10px 0 35px;
}
.pagination-wrap.search-pagination {
margin: 30px 0 55px 0;
}
.pagination-wrap:empty,
.pagination-wrap .facetwp-pager:empty {
display: none;
}
.pagination-wrap .pagination {
list-style: none;
text-align: center;
margin: 0;
}
.pagination-wrap .pagination > li,
.facetwp-pager .facetwp-page {
display: inline-block;
}
.pagination-wrap .pagination > li > *,
.facetwp-pager .facetwp-page {
background-color: transparent;
display: inline-block;
padding: 2px;
width: 36px;
height: 36px;
line-height: 34px;
font-family: "Futura PT", sans-serif;
font-size: 16px;
font-weight: 400 !important;
color: #2c4aa0;
border-radius: 50%;
border: none;
transition: background .15s linear;
}
.pagination-wrap .pagination > li:hover > *,
.pagination-wrap .pagination > li > .current,
.facetwp-pager .facetwp-page:hover,
.facetwp-pager .facetwp-page.active {
background-color: #62bb47;
border: none;
color: #fff;
}
.pagination-wrap .pagination > li:hover > .dots,
.pagination-wrap .pagination > li > .dots {
border: none !important;
color: #b5b5b5;
transition: all .2s linear;
}
.facetwp-pager .facetwp-page svg.fa-long-arrow-right,
.facetwp-pager .facetwp-page:hover svg.fa-long-arrow-right {
margin-left: 0;
position: relative;
top: auto;
left: auto;
transition: none;
}
/* ---------------------------------------------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------------------------------------------- */
body header {
background-color: #fff;
z-index: 1500 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
}
body header > div {
background-color: transparent;
position: fixed;
margin-top: 0 !important;
z-index: 5;
width: 100%;
padding: 0;
}
body.admin-bar header > div.is-stuck {
margin-top: 32px !important;
}
body header .cell {
position: relative;
}
.brand-line {
background-color: transparent;
display: block;
width: 100%;
height: 3px;
font-size: 0;
letter-spacing: 0;
}
.brand-line > div {
display: inline-block;
width: 20%;
height: inherit;
}
.brand-line .yellow {
background-color: #fdc056;
}
.brand-line .green {
background-color: #62bb47;
}
.brand-line .pink {
background-color: #ef184c;
}
.brand-line .blue {
background-color: #0094c2;
}
.brand-line .navy {
background-color: #2c4aa0;
}
header .logo {
display: block;
width: 80px;
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 510;
}
header .logo img {
width: 100%;
}
.announcement-bar {
text-align: center;
padding: 8px 0;
}
.announcement-bar p {
display: inline-block;
font-size: 14px;
color: #888fa6;
line-height: 1.2;
margin: 0;
}
.announcement-bar a:not( .btn ) {
font-weight: 600;
}
.announcement-bar a:not( .btn ):hover {
color: #ef184c;
text-decoration: underline;
}
.announcement-bar .btn {
display: inline-block;
padding: 5px 12px;
font-size: 12px;
min-width: auto;
border-radius: 50px;
transition: all .2s linear;
background-color: #ef184c;
border: 2px solid #ef184c;
color: #000;
margin: 0 0 0 10px;
}
.announcement-bar .btn:hover {
background-color: #fff !important;
border: 2px solid #fff !important;
color: #ef184c !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
MASTHEAD SECTION
--------------------------------------------------------------------------------------------------------------------- */
section#masthead {
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
background-color: #eee;
min-height: 350px;
position: relative;
}
body.single section#masthead {
min-height: 450px;
}
.masthead.without-intro {
margin-bottom: 50px;
}
section#masthead:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0.55) 50%, rgba(44,74,160,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0.55) 50%,rgba(44,74,160,1) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0.55) 50%,rgba(44,74,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#2c4aa0',GradientType=1 );
content: "";
display: block;
width: 100%;
height: 500%;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
section#masthead.schema-yellow:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(253, 192, 86,1) 0%, rgba(253, 192, 86,0.55) 50%, rgba(253, 192, 86,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253, 192, 86,1) 0%,rgba(253, 192, 86,0.55) 50%,rgba(253, 192, 86,1) 100%);
background: radial-gradient(ellipse at center, rgba(253, 192, 86,1) 0%,rgba(253, 192, 86,0.55) 50%,rgba(253, 192, 86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc056', endColorstr='#fdc056',GradientType=1 );
}
section#masthead.schema-green:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(98, 187, 71,1) 0%, rgba(98, 187, 71,0.55) 50%, rgba(98, 187, 71,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(98, 187, 71,1) 0%,rgba(98, 187, 71,0.55) 50%,rgba(98, 187, 71,1) 100%);
background: radial-gradient(ellipse at center, rgba(98, 187, 71,1) 0%,rgba(98, 187, 71,0.55) 50%,rgba(98, 187, 71,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62bb47', endColorstr='#62bb47',GradientType=1 );
}
section#masthead.schema-pink:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(239, 24, 76,1) 0%, rgba(239, 24, 76,0.55) 50%, rgba(239, 24, 76,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239, 24, 76,1) 0%,rgba(239, 24, 76,0.55) 50%,rgba(239, 24, 76,1) 100%);
background: radial-gradient(ellipse at center, rgba(239, 24, 76,1) 0%,rgba(239, 24, 76,0.55) 50%,rgba(239, 24, 76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#ef184c',GradientType=1 );
}
section#masthead.schema-blue:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 148, 194,1) 0%, rgba(0, 148, 194,0.55) 50%, rgba(0, 148, 194,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 148, 194,1) 0%,rgba(0, 148, 194,0.55) 50%,rgba(0, 148, 194,1) 100%);
background: radial-gradient(ellipse at center, rgba(0, 148, 194,1) 0%,rgba(0, 148, 194,0.55) 50%,rgba(0, 148, 194,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#0094c2',GradientType=1 );
}
.masthead-caption {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.masthead-caption .caption-title-wrap {
padding: 0 0 85px 0;
}
.masthead-caption .caption-title-wrap.with-button {
padding-right: 220px;
position: relative;
}
.masthead-caption .caption-title-wrap.with-button .btn {
position: absolute;
top: 5px;
right: 0;
}
.masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 50px 0;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 48px;
font-weight: 500;
color: #fff;
margin: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
MASTHEAD SECTION / SINGLE POST
--------------------------------------------------------------------------------------------------------------------- */
section#masthead.masthead-single .masthead-caption {
position: absolute;
left: 0;
bottom: 0;
padding-bottom: 100px;
}
section#masthead.masthead-single h1 {
font-family: "Futura PT", sans-serif;
font-size: 48px;
color: #fff;
margin: 0 0 10px 0;
line-height: 1;
position: relative;
}
section#masthead.masthead-single h1.with-button {
padding-right: 210px;
line-height: 1;
margin: 0 0 15px 0;
}
section#masthead.masthead-single h1.with-button .btn {
position: absolute;
top: 6px;
right: 10px;
}
section#masthead.masthead-single .masthead-caption-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.date-and-share {
display: flex;
flex-direction: row;
margin-bottom: 10px;
}
.date-and-share > div {
width: 50%;
}
.date-and-share .date {
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #fff;
}
.date-and-share .share-box {
text-align: right;
}
.date-and-share .share-box span.text {
font-family: "Futura PT Book", sans-serif;
font-size: 16px;
font-weight: 600;
color: #fff;
margin-right: 5px;
position: relative;
}
.date-and-share .share-box > a {
background-color: transparent;
display: inline-block;
width: 30px;
height: 30px;
line-height: 34px;
text-align: center;
font-size: 16px;
border-radius: 50%;
color: #fff;
margin: 0 3px;
transition: all .15s linear;
}
.share-box > a:hover {
background-color: #fff;
color: #2c4aa0;
}
/* ---------------------------------------------------------------------------------------------------------------------
BREADCRUMBS SECTION
--------------------------------------------------------------------------------------------------------------------- */
section.breadcrumbs {
background-color: #efefef;
padding: 25px 0;
margin: 0;
}
section.breadcrumbs p {
font-size: 11px;
line-height: 1;
color: #999;
text-transform: uppercase;
letter-spacing: 0.2px;
margin: 0;
}
section.breadcrumbs p a {
color: #999;
}
section.breadcrumbs p a:hover {
color: #62bb47 !important
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Home Page
--------------------------------------------------------------------------------------------------------------------- */
#home-slider {
background-color: #222;
height: calc( 100vh - 126px );
margin: 0;
overflow: hidden;
}
body.admin-bar #home-slider {
height: calc( 100vh - 158px );
}
#home-slider .slick-list,
#home-slider .slick-track,
#home-slider .slide {
height: inherit;
outline: none !important;
}
#home-slider .slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
z-index: 500;
position: relative;
overflow: hidden;
}
#home-slider .slide:before {
background: -moz-linear-gradient(top, rgba(32,52,110,0.5) 0%, rgba(32,52,110,1) 60%, rgba(32,52,110,1) 100%);
background: -webkit-linear-gradient(top, rgba(32,52,110,0.5) 0%,rgba(32,52,110,1) 60%,rgba(32,52,110,1) 100%);
background: linear-gradient(to bottom, rgba(32,52,110,0.5) 0%,rgba(32,52,110,1) 60%,rgba(32,52,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8020346e', endColorstr='#20346e',GradientType=0 );
filter: brightness(110%) contrast(120%);
-webkit-filter: brightness(110%) contrast(120%);
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.88;
z-index: 500;
}
#home-slider .slide:after {
background-image: inherit;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: brightness(115%) contrast(120%);
-webkit-filter: brightness(115%) contrast(120%);
z-index: 400;
}
#home-slider .cell {
position: relative;
}
#home-slider .caption-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 75px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 600;
}
#home-slider .caption-wrap .caption {
position: relative;
text-align: center;
}
#home-slider .caption-wrap .caption > :first-child {
margin-top: 0 !important;
}
#home-slider .caption-wrap .caption > :last-child {
margin-bottom: 0 !important;
}
#home-slider .caption-wrap .caption h1,
#home-slider .caption-wrap .caption h2,
#home-slider .caption-wrap .caption h3,
#home-slider .caption-wrap .caption h4,
#home-slider .caption-wrap .caption h5,
#home-slider .caption-wrap .caption h6 {
font-family: "Futura PT", sans-serif;
font-weight: 400;
color: #fff;
margin-bottom: 16px;
}
#home-slider .caption-wrap .caption h1,
#home-slider .caption-wrap .caption h2 {
font-size: 94px;
}
#home-slider .caption-wrap .caption a {
font-weight: 500;
color: #fff;
}
#home-slider .caption-wrap .caption p,
#home-slider .caption-wrap .caption li {
display: inline-block;
font-size: 30px;
font-weight: 400;
line-height: 1.2;
color: #fff;
margin: 0 auto 20px;
width: 100%;
max-width: 900px;
}
#home-slider .caption-wrap .caption a:not( .btn ):hover {
text-decoration: underline;
}
#home-slider .caption-wrap .caption .buttons-wrap {
text-align: center;
}
#home-slider .caption-wrap .caption .btn {
font-size: 18px;
font-weight: 400;
margin: 10px 8px 0;
padding: 22px 20px;
min-width: 194px;
}
#home-slider .btn:not( .menu-item ).btn-transparent-white:hover {
color: #ef184c !important;
}
#home-slider .slick-dots {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
list-style: none;
padding: 100px 0;
margin: 0;
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: 35px;
width: 60px;
height: 100%;
z-index: 700;
}
#home-slider .slick-dots > li {
width: 100%;
font-size: 12px;
line-height: 1;
padding: 0;
margin: 10px 0;
}
#home-slider .slick-dots > li:before {
display: none;
}
#home-slider .slick-dots > li button {
display: inline-block;
background-color: #f6f8fa;
width: 7px;
height: 7px;
border-radius: 50%;
padding: 0;
opacity: 0.4;
transition: opacity .2s linear;
}
#home-slider .slick-dots > li:hover button,
#home-slider .slick-dots > li.slick-active button {
opacity: 1;
transition: opacity .2s linear;
}
#home-slider .slick-dots > li button:before {
display: none;
}
#home-slider .slick-arrow {
font-size: 20px;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
opacity: 0.5;
transition: opacity .2s linear;
z-index: 750;
}
#home-slider .slick-arrow:hover {
opacity: 1;
transition: opacity .2s linear;
}
#home-slider .slick-arrow:before {
display: none;
}
#home-slider .slick-prev {
position: absolute;
top: 80px;
bottom: auto;
left: auto;
right: 48px;
}
#home-slider .slick-next {
position: absolute;
top: auto;
bottom: 80px;
left: auto;
right: 48px;
}
/* Intro Section */
section.home-intro {
margin-top: -80px;
z-index: 500;
margin-bottom: 30px;
}
section.home-intro .grid-container {
max-width: 1100px;
}
.home-intro-wrap {
display: flex;
flex-direction: row;
align-items: stretch;
border-radius: 3px;
overflow: hidden;
}
.home-intro-wrap .copy {
padding: 50px;
background-color: #fff;
width: 100%;
position: relative;
}
.home-intro-wrap.with-image .copy {
width: 58%;
}
.home-intro-wrap .copy p,
.home-intro-wrap .copy li {
font-size: 20px;
color: #404040;
line-height: 1.25;
}
.home-intro-wrap .image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 42%;
position: relative;
}
.home-intro-wrap .copy a.link {
color: #2c4aa0;
font-size: 16px;
margin-top: 15px;
display: inline-block;
}
.home-intro-wrap .copy a:hover {
color: #ef184c;
}
.home-intro-wrap .copy:before {
content: "";
display: block;
width: 4px;
height: 25px;
background-color: #62bb47;
position: absolute;
top: 0;
left: 0;
z-index: 500;
}
.home-intro-wrap .copy:after {
content: "";
display: block;
width: 39px;
height: 4px;
background-color: #fdc056;
position: absolute;
top: 0;
left: 4px;
z-index: 500;
}
/* X Cards */
.cell-m-20 {
margin-bottom: 20px;
}
.cell-m-25 {
margin-bottom: 25px;
}
.cell-m-30 {
margin-bottom: 30px;
}
.cell-m-30-top {
margin-top: 30px;
}
.cell-m-35 {
margin-bottom: 35px;
}
section.x-cards {
margin-bottom: 0;
}
section.x-cards .grid-container {
max-width: 1100px;
}
.x-card-item {
display: flex;
flex-direction: column;
background-color: #fff;
padding: 50px 45px;
border-radius: 3px;
overflow: hidden;
position: relative;
height: 100%;
transition: all .2s linear;
}
.x-card-item:hover {
background-color: #2c4aa0;
transition: all .2s linear;
}
.x-card-item h3 {
color: #2c4aa0;
transition: all .2s linear;
}
.x-card-item p {
font-size: 16px;
color: #333333;
line-height: 1.5;
transition: all .2s linear;
}
.x-card-item .link {
color: #2c4aa0;
position: absolute;
left: 45px;
bottom: 50px;
transition: all .2s linear;
}
.x-card-item:hover h3,
.x-card-item:hover p,
.x-card-item:hover .link {
color: #fff !important;
transition: all .2s linear;
}
.x-card-item.with-button {
padding-bottom: 75px;
}
.x-card-item:before {
content: "";
display: block;
width: 4px;
height: 25px;
background-color: #0094c2;
position: absolute;
bottom: 0;
left: 0;
z-index: 500;
}
.x-card-item:after {
content: "";
display: block;
width: 39px;
height: 4px;
background-color: #fdc056;
position: absolute;
bottom: 0;
left: 4px;
z-index: 500;
}
.x-card-item.schema-yellow:hover {
background-color: #fdc056;
transition: all .2s linear;
}
.x-card-item.schema-yellow h3,
.x-card-item.schema-yellow .link {
color: #fdc056;
}
.x-card-item.schema-yellow:before {
background-color: #62bb47;
width: 25px;
height: 4px;
top: 0;
bottom: auto;
left: auto;
right: 0;
}
.x-card-item.schema-yellow:after {
background-color: #ef184c;
width: 4px;
height: 39px;
top: 4px;
bottom: auto;
left: auto;
right: 0;
}
.x-card-item.schema-green:hover {
background-color: #62bb47;
transition: all .2s linear;
}
.x-card-item.schema-green h3,
.x-card-item.schema-green .link {
color: #62bb47;
}
.x-card-item.schema-green:before {
background-color: #fdc056;
width: 25px;
height: 4px;
top: auto;
bottom: 0;
left: auto;
right: 4px;
}
.x-card-item.schema-green:after {
background-color: #2c4aa0;
width: 4px;
height: 39px;
top: auto;
bottom: 0;
left: auto;
right: 0;
}
.x-card-item.schema-pink:hover {
background-color: #ef184c;
transition: all .2s linear;
}
.x-card-item.schema-pink h3,
.x-card-item.schema-pink .link {
color: #ef184c;
}
.x-card-item.schema-pink:before {
background-color: #62bb47;
width: 25px;
height: 4px;
top: auto;
bottom: 0;
left: auto;
right: 4px;
}
.x-card-item.schema-pink:after {
background-color: #0094c2;
width: 4px;
height: 39px;
top: auto;
bottom: 0;
left: auto;
right: 0;
}
.x-card-item.schema-blue:hover {
background-color: #0094c2;
transition: all .2s linear;
}
.x-card-item.schema-blue h3,
.x-card-item.schema-blue .link {
color: #0094c2;
}
.x-card-item.schema-blue:before {
background-color: #ef184c;
width: 25px;
height: 4px;
top: 0;
bottom: auto;
left: 4px;
right: auto;
}
.x-card-item.schema-blue:after {
background-color: #fdc056;
width: 4px;
height: 39px;
top: 0;
bottom: auto;
left: 0;
right: auto;
}
/* X Features */
section.x-features {}
section.x-features .grid-container {
max-width: 1430px;
}
section.x-features .cell {
font-size: 0;
letter-spacing: 0;
}
.x-feature-item {
background-color: #262931;
display: inline-block;
width: calc( 20% - 12px );
text-align: center;
padding: 30px 20px;
margin: 0 0 30px 15px;
position: relative;
border-radius: 3px;
transition: all .2s linear;
}
.x-feature-item.with-icon {
padding: 30px 20px 30px 110px;
text-align: left;
}
.x-feature-item.schema-yellow {
background-color: #fdc056;
}
.x-feature-item.schema-green {
background-color: #62bb47;
}
.x-feature-item.schema-pink {
background-color: #ef184c;
}
.x-feature-item.schema-blue {
background-color: #0094c2;
}
.x-feature-item.schema-navy {
background-color: #2c4aa0;
}
.x-feature-item:hover {
filter: brightness(110%);
-webkit-filter: brightness(110%);
transition: all .2s linear;
}
.x-feature-item:first-child {
margin-left: 0;
}
.x-feature-item svg {
width: 60px;
position: absolute;
top: 50%;
left: 35px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.x-feature-item svg g > * {
stroke: #fff;
}
.x-feature-item h4 {
font-size: 26px;
margin: 0;
color: #fff;
}
.x-feature-item.with-icon {
font-size: 22px;
}
/* Recent News & Updates */
section.featured-news {
padding: 10px 0 0 0;
margin-bottom: 35px;
}
.featured-news[pb-section] {
padding: 35px 0 35px;
margin-bottom: 0;
}
.featured-news[pb-section] .section-title {
margin-bottom: 25px !important;
}
.featured-news[pb-section]:last-child {
padding-bottom: 0;
}
.featured-news[pb-section] .object-1-item .content {
padding-bottom: 60px;
}
section.featured-news .typography {
margin-bottom: 35px;
}
section.featured-news .typography p {
line-height: 1.35;
}
/* Featured Events */
section.featured-events {
background-color: #EAF2F6;
padding: 50px 0;
position: relative;
margin-bottom: 30px;
}
section.featured-events:before {
background-color: #f3f7fb;
content: "";
position: absolute;
top: 0;
left: 52px;
width: 300px;
height: 150px;
z-index: 400;
}
section.featured-events:after {
background-color: #DEEBF3;
content: "";
position: absolute;
top: 150px;
left: 0;
width: 52px;
height: 300px;
z-index: 400;
}
section.featured-events > * {
z-index: 600;
position: relative;
}
section.featured-events .featured-events-bg {
position: absolute;
top: 0;
right: 0;
width: 80%;
min-width: 1637px;
height: calc( 100% - 25px );
z-index: 500;
}
section.featured-events .featured-events-bg:before {
background-color: #2c4aa0;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 500;
}
section.featured-events .featured-events-bg:after {
background-image: inherit;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 550;
opacity: 0.1;
}
section.featured-events .typography {
margin-bottom: 25px;
}
section.featured-events .section-title {
text-align: left;
}
section.featured-events .btn.all-news:first-child {
margin-left: 0;
}
.pink-line {
background-color: #ef184c;
position: absolute;
top: 0;
left: -6px;
width: 6px;
height: 50%;
}
/* Featured Events ( simple ) */
section.featured-events-simple {
padding-top: 10px;
margin-bottom: 25px;
}
section.featured-events-simple .typography {
margin-bottom: 30px;
}
section.featured-events-simple .all-news {
margin-top: 35px;
}
/* Become a Member: 1 */
section.become-a-member-1 {
padding: 5px 0 0 0;
margin-bottom: 40px;
}
.bam-1-wrap {
background-color: #2c4aa0;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
padding: 30px 50px;
position: relative;
overflow: hidden;
}
.bam-1-wrap:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0.5) 50%, rgba(44,74,160,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0.5) 50%,rgba(44,74,160,1) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0.5) 50%,rgba(44,74,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#2c4aa0',GradientType=1 );
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300%;
z-index: 450;
}
.bam-1-wrap > * {
position: relative;
z-index: 500;
}
.bam-1-wrap h3 {
font-size: 60px;
color: #fdc056;
margin-bottom: 10px;
}
/* Contact & Donate */
section.contact-and-donate {
padding: 45px 0 45px;
position: relative;
margin-bottom: -100px;
z-index: 500;
}
section.contact-and-donate:before {
background-color: #fff;
content: "";
display: block;
width: calc( 50% - 15px );
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 450;
}
section.contact-and-donate .contact {
position: relative;
z-index: 500;
padding: 0 70px 0 0;
}
section.contact-and-donate .donate {
position: relative;
z-index: 500;
padding: 0 0 0 70px;
}
section.contact-and-donate .donate-bg {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
content: "";
display: block;
width: calc( 50% - 15px );
height: calc( 100% - 130px );
position: absolute;
top: 0;
right: 0;
overflow: hidden;
filter: brightness(105%) contrast(105%);
-webkit-filter: brightness(105%) contrast(105%);
z-index: 450;
}
section.contact-and-donate .donate-bg:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300%;
opacity: 0.45;
}
section.contact-and-donate .contact .title,
section.contact-and-donate .donate .title {
font-family: "Futura PT", sans-serif;
font-size: 48px;
font-weight: 500;
color: #2c4aa0;
margin: 0 0 20px 0;
}
section.contact-and-donate .donate .title {
color: #ef184c;
}
section.contact-and-donate .contact .title + p,
section.contact-and-donate .donate .title + p {
margin-top: -10px;
}
section.contact-and-donate .contact p {
color: #404040;
line-height: 1.35;
}
section.contact-and-donate .donate p {
font-size: 20px;
color: #404040;
line-height: 1.35;
}
/* ---------------------------------------------------------------------------------------------------------------------
DONATE
--------------------------------------------------------------------------------------------------------------------- */
.gfield.donation-custom-amount:not( .active ) {
display: none !important;
}
.gfield.donation-custom-amount .ginput_container_product_price {
position: relative;
}
.gfield.donation-custom-amount .ginput_container_product_price:before {
background-color: #e0f1dc;
content: "$";
display: block;
width: 46px;
height: 46px;
color: #62bb47;
font-size: 18px;
font-weight: 500;
text-align: center;
line-height: 50px;
position: absolute;
top: 2px;
left: 2px;
border-radius: 2px 0 0 2px;
}
.gfield.donation-custom-amount input[type="text"] {
padding-left: 65px !important;
}
.gfield.radio-box-mode .gfield_radio {
font-size: 0;
width: 100% !important;
}
.gfield.radio-box-mode .gfield_radio > li {
display: inline-block;
width: calc( 50% - 7px );
vertical-align: top;
}
.gfield.radio-box-mode .gfield_radio > li:nth-child(odd) {
margin-right: 14px !important;
}
.gfield.radio-box-mode .gfield_radio > li input[type="radio"] {
display: none !important;
}
.gfield.radio-box-mode .gfield_radio > li label {
background-color: transparent;
border: 1px solid #2c4aa0;
width: 100%;
max-width: 100%;
padding: 12px 10px;
border-radius: 3px;
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #2c4aa0;
text-align: center;
margin: 0;
transition: background-color .2s linear;
}
.gfield.radio-box-mode .gfield_radio > li input[type=radio]:checked + label {
background-color: #2c4aa0;
font-weight: 400;
color: #fff;
transition: background-color .2s linear;
}
.gfield.radio-box-mode .gfield_radio > li input[type="text"] {
margin: 0;
width: 100% !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
PAGE
--------------------------------------------------------------------------------------------------------------------- */
section.intro {
margin: -50px 0 36px 0;
}
section.intro .single-box-x.intro-double-1:before {
background-color: #ef184c;
width: 15px;
height: 4px;
right: auto;
left: 4px;
}
section.intro .single-box-x.intro-double-1:after {
width: 4px;
height: 36px;
background-color: #fdc056;
top: 0;
right: auto;
left: 0;
}
section.intro .single-box-x.intro-double-2:before {
display: none;
}
section.intro .single-box-x.intro-double-2:after {
background-color: #fdc056;
height: 36px;
top: auto;
bottom: 20px;
}
section.intro .single-box-x.intro-double-2 > h3:first-child {
color: #62bb47;
}
/* Become a Member Section */
section.become-a-member-2 {
margin-bottom: 35px;
}
.bam-2-wrap {
background-color: #2c4aa0;
background-position: left center;
background-repeat: no-repeat;
background-size: auto 100%;
border-radius: 3px;
position: relative;
overflow: hidden;
text-align: right;
}
.bam-2-wrap:before {
background-image: inherit;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
display: block;
width: calc( 35% + 100px );
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 400;
}
.bam-2-wrap:after {
background-color: #2c4aa0;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 450;
opacity: 0.5;
}
.bam-2-wrap .content-wrap {
background-color: #2c4aa0;
display: inline-block;
padding: 30px 40px 25px 0;
width: calc(65% - 100px);
text-align: center;
position: relative;
z-index: 500;
}
.bam-2-wrap .content-wrap:before {
background: -moz-linear-gradient(left, rgba(153,153,153,0) 0%, rgba(44,74,160,1) 90%, rgba(44,74,160,1) 100%);
background: -webkit-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(44,74,160,1) 90%,rgba(44,74,160,1) 100%);
background: linear-gradient(to right, rgba(153,153,153,0) 0%,rgba(44,74,160,1) 90%,rgba(44,74,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#2c4aa0',GradientType=1 );
content: "";
display: block;
width: 100px;
height: 100%;
position: absolute;
top: 0;
left: -100px;
}
.bam-2-wrap h4 {
font-family: "Futura PT Book", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1;
margin-bottom: 14px;
}
[blast-content="CNHED"] {
font-weight: 600;
}
.bam-2-wrap p {
line-height: 1.2;
margin-bottom: 20px;
}
.bam-2-wrap .btn {
font-size: 18px;
}
/* Blue Banner (BB) */
section.bb-banner {
margin-bottom: 50px;
}
body.page-template-tmpl-membership-benefits section.bb-banner {
margin-bottom: 35px;
}
.bb-banner-wrap {
background-color: #2c4aa0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
border-radius: 3px;
overflow: hidden;
}
.bb-banner-wrap:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 150%;
padding-bottom: 100%;
position: absolute;
top: -250%;
left: -50%;
z-index: 450;
}
.bb-banner-wrap.green:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(98, 187, 71, 1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(98, 187, 71, 1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(98, 187, 71, 1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 150%;
padding-bottom: 100%;
position: absolute;
top: -250%;
left: -50%;
z-index: 450;
}
.bb-banner-wrap .content-wrap {
width: 100%;
max-width: 770px;
padding: 45px 40px 45px 80px;
position: relative;
z-index: 500;
}
.bb-banner-wrap .content-wrap:before {
background-color: #62bb47;
content: "";
display: block;
width: 4px;
height: 90px;
position: absolute;
top: 6px;
left: 0;
}
.bb-banner-wrap .content-wrap:after {
background-color: #fdc056;
content: "";
display: block;
width: 233px;
height: 4px;
position: absolute;
top: 0;
left: 150px;
}
.bb-banner-wrap .content-wrap h4 {
font-family: "Futura PT Book", sans-serif;
font-size: 60px;
line-height: 1;
margin-bottom: 10px;
}
.bb-banner-wrap .content-wrap h4 > .blast:first-child {
font-family: "Futura PT", sans-serif;
}
.bb-banner-wrap .content-wrap p {
line-height: 1.2;
}
.bb-banner-wrap .content-wrap a:not( .btn ) {
font-family: "Futura PT Book", sans-serif;
color: #fdc056;
}
.bb-banner-wrap .content-wrap a:not( .btn ):hover {
color: #fdc056;
text-decoration: underline;
}
/* Become a Member section */
section.become-a-member {
margin-bottom: 50px;
}
section.become-a-member .cell {
display: flex;
flex-direction: column;
justify-content: center;
}
section.become-a-member .content-wrap {
display: inline-block;
width: 100%;
padding: 0 5px;
}
section.become-a-member .content-wrap h3 {
font-family: "Futura PT", sans-serif;
font-size: 72px;
font-weight: 200;
color: #2c4aa0;
line-height: 1.15;
margin: 0 0 15px 0;
}
section.become-a-member .content-wrap h3 [blast-content="CNHED"] {
font-family: "Futura PT Book", sans-serif;
}
section.become-a-member .content-wrap p {
font-size: 24px;
line-height: 1.3;
margin-bottom: 30px;
}
section.become-a-member .content-wrap .btn {
font-family: "Futura PT", sans-serif;
font-size: 24px;
margin-right: 8px;
margin-top: 8px;
}
/* Member Login Section [1] */
section.member-login-1 {
margin-bottom: 50px;
}
section.member-login-1 .ml-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
min-height: 370px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
section.member-login-1 .ml-image:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 200%;
height: 200%;
position: absolute;
top: 50%;
right: -100%;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
opacity: 0.8;
z-index: 450;
}
section.member-login-1 .content-wrap {
background-color: #fff;
padding: 40px 50px;
min-height: 100%;
border-radius: 3px;
overflow: hidden;
position: relative;
}
section.member-login-1 .content-wrap:before {
background-color: #fdc056;
content: "";
display: block;
width: 4px;
height: 79px;
position: absolute;
top: 4px;
right: 0;
}
section.member-login-1 .content-wrap:after {
background-color: #9cbe4d;
content: "";
display: block;
width: 42px;
height: 4px;
position: absolute;
top: 0;
right: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: MEMBERSHIP
--------------------------------------------------------------------------------------------------------------------- */
section.awesome-features {
margin-bottom: 30px;
}
section.awesome-features .section-title {
font-size: 60px;
margin-bottom: 35px;
}
.blast-root.first-word-bold {
font-family: "Futura PT Book", sans-serif;
}
.blast-root.first-word-bold > :first-child {
font-family: "Futura PT", sans-serif;
font-weight: 500;
}
.awesome-feature {
background-color: #eee;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 370px;
width: calc( 100% - 55px );
padding: 30px 0;
border-radius: 3px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.awesome-feature + .awesome-feature {
margin-top: 35px;
}
.awesome-feature:nth-child( odd ) {
align-items: flex-end;
}
.awesome-feature:nth-child( even ) {
margin-left: 55px;
}
.awesome-feature .overlay {
display: block;
width: 100%;
height: 100%;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
z-index: 400;
}
.awesome-feature .overlay:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 200%;
padding-bottom: 200%;
position: absolute;
top: -250%;
left: -100%;
}
.awesome-feature:nth-child( odd ) .overlay:before {
left: auto;
right: -100%;
}
.awesome-feature .content-wrap {
background-color: #fff;
border-radius: 3px;
width: 100%;
max-width: 460px;
padding: 45px 55px;
position: relative;
z-index: 500;
}
.awesome-feature .content-wrap:before {
background-color: #2c4aa0;
content: "";
display: block;
width: 4px;
height: 91px;
position: absolute;
top: 13px;
left: 0;
}
.awesome-feature:nth-child( odd ) .content-wrap:before {
height: 65px;
top: auto;
left: auto;
right: 0;
bottom: 27px;
}
.awesome-feature:nth-child( odd ) .content-wrap {
right: -55px;
}
.awesome-feature:nth-child( even ) .content-wrap {
left: -55px;
}
.awesome-feature .content-wrap ol,
.awesome-feature .content-wrap ul {
margin: 20px 0;
}
.awesome-feature .content-wrap p,
.awesome-feature .content-wrap li {
color: #1a1a1a !important;
font-size: 18px !important;
line-height: 1.3 !important;
}
.awesome-feature.schema-yellow .overlay:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(253, 192, 86) 0%, rgba(86,98,145,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc056', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-green .overlay:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(98, 187, 71) 0%, rgba(55,97,142,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(98,187,71,1) 0%,rgba(55,97,142,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(98,187,71,1) 0%,rgba(55,97,142,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62bb47', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-pink .overlay:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(239, 24, 76) 0%, rgba(83,64,143,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-blue .overlay:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-yellow .content-wrap:before {
background-color: #FDC056;
}
.awesome-feature.schema-green .content-wrap:before {
background-color: #62BB47;
}
.awesome-feature.schema-pink .content-wrap:before {
background-color: #EF184C;
}
.awesome-feature.schema-blue .content-wrap:before {
background-color: #0094C2;
}
.awesome-feature h3 {
color: #2c4aa0;
}
.awesome-feature.schema-yellow h3 {
color: #FDC056;
}
.awesome-feature.schema-green h3 {
color: #62BB47;
}
.awesome-feature.schema-pink h3 {
color: #EF184C;
}
.awesome-feature.schema-blue h3 {
color: #0094C2;
}
.awesome-feature ol li:not( .menu-item ):before {
color: #2c4aa0;
}
.awesome-feature.schema-yellow ol li:not( .menu-item ):before {
color: #FDC056;
}
.awesome-feature.schema-green ol li:not( .menu-item ):before {
color: #62BB47;
}
.awesome-feature.schema-pink ol li:not( .menu-item ):before {
color: #EF184C;
}
.awesome-feature.schema-blue ol li:not( .menu-item ):before {
color: #0094C2;
}
.awesome-feature .btn {
background-color: #2c4aa0;
border: none !important;
transition: all .2s linear;
}
.awesome-feature .btn:hover {
filter: brightness(110%);
-webkit-filter: brightness(110%);
transition: all .2s linear;
}
.awesome-feature.schema-yellow .btn {
background-color: #FDC056;
}
.awesome-feature.schema-green .btn {
background-color: #62BB47;
}
.awesome-feature.schema-pink .btn {
background-color: #EF184C;
}
.awesome-feature.schema-blue .btn {
background-color: #0094C2;
}
.awesome-feature a:not( .btn ) {
color: #2c4aa0;
font-weight: 600;
text-decoration: none;
}
.awesome-feature a:not( .btn ):hover {
text-decoration: underline;
}
.awesome-feature.schema-yellow a:not( .btn ) {
color: #FDC056;
}
.awesome-feature.schema-green a:not( .btn ) {
color: #62BB47;
}
.awesome-feature.schema-pink a:not( .btn ) {
color: #EF184C;
}
.awesome-feature.schema-blue a:not( .btn ) {
color: #0094C2;
}
body.page-template-tmpl-dc-programs-101 section.awesome-features,
body.page-template-tmpl-affordable-housing section.awesome-features,
body.page-template-tmpl-economic section.awesome-features {
margin-bottom: 35px;
}
.awesome-feature.mini {
width: 100%;
padding: 0;
flex-direction: row;
}
.awesome-feature.mini:nth-child( even ) {
margin-left: 0;
flex-direction: row-reverse;
}
.awesome-feature.mini:nth-child( odd ) .content-wrap {
right: 0;
}
.awesome-feature.mini:nth-child( even ) .content-wrap {
left: 0;
}
.awesome-feature .preview {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
width: 40%;
border-radius: 3px 0 0 3px;
position: relative;
overflow: hidden;
}
.awesome-feature:nth-child( even ) .preview {
border-radius: 0 3px 3px 0;
}
.awesome-feature .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 200%;
padding-bottom: 300%;
position: absolute;
top: 0;
left: -100%;
opacity: 0.85;
}
.awesome-feature:nth-child( even ) .preview:before {
left: auto;
right: -100%;
}
.awesome-feature.schema-yellow .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(253, 192, 86) 0%, rgba(86,98,145,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc056', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-blue .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-pink .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(239, 24, 76) 0%, rgba(83,64,143,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.schema-green .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
}
.awesome-feature.mini:nth-child( odd ) {
align-items: normal;
}
.awesome-feature.mini .content-wrap {
width: 100%;
max-width: 60%;
padding: 30px 35px 85px;
}
.awesome-feature.mini .content-wrap:before {
top: 110px;
}
.awesome-feature.mini:nth-child( odd ) .content-wrap:before {
top: auto;
bottom: 75px;
}
.awesome-feature.mini .content-wrap .buttons-wrap {
position: absolute;
left: 35px;
bottom: 30px;
width: calc( 100% - 70px );
}
.awesome-feature.mini .btn {
margin-right: 5px;
}
.awesome-feature.mini .btn.btn-navy,
.awesome-feature.mini .btn.btn-yellow {
background-color: #EF184C;
border: none !important;
transition: all .2s linear;
}
.awesome-feature.mini .btn.btn-navy:hover,
.awesome-feature.mini .btn.btn-yellow:hover {
background-color: #ff003e;
border: 1px solid #ff003e;
color: #fff;
}
.awesome-feature.mini.schema-yellow .content-wrap:before,
.awesome-feature.mini.schema-navy .content-wrap:before {
background-color: #ff003e;
}
.awesome-feature.mini .content-wrap h1,
.awesome-feature.mini .content-wrap h2,
.awesome-feature.mini .content-wrap h3,
.awesome-feature.mini .content-wrap h4,
.awesome-feature.mini .content-wrap h5,
.awesome-feature.mini .content-wrap h6 {
color: #2c4aa0;
}
.awesome-feature.mini.schema-yellow .content-wrap h1,
.awesome-feature.mini.schema-yellow .content-wrap h2,
.awesome-feature.mini.schema-yellow .content-wrap h3,
.awesome-feature.mini.schema-yellow .content-wrap h4,
.awesome-feature.mini.schema-yellow .content-wrap h5,
.awesome-feature.mini.schema-yellow .content-wrap h6 {
color: #FDC056;
}
.awesome-feature.mini.schema-green .content-wrap h1,
.awesome-feature.mini.schema-green .content-wrap h2,
.awesome-feature.mini.schema-green .content-wrap h3,
.awesome-feature.mini.schema-green .content-wrap h4,
.awesome-feature.mini.schema-green .content-wrap h5,
.awesome-feature.mini.schema-green .content-wrap h6 {
color: #62BB47;
}
.awesome-feature.mini.schema-pink .content-wrap h1,
.awesome-feature.mini.schema-pink .content-wrap h2,
.awesome-feature.mini.schema-pink .content-wrap h3,
.awesome-feature.mini.schema-pink .content-wrap h4,
.awesome-feature.mini.schema-pink .content-wrap h5,
.awesome-feature.mini.schema-pink .content-wrap h6 {
color: #EF184C;
}
.awesome-feature.mini.schema-blue .content-wrap h1,
.awesome-feature.mini.schema-blue .content-wrap h2,
.awesome-feature.mini.schema-blue .content-wrap h3,
.awesome-feature.mini.schema-blue .content-wrap h4,
.awesome-feature.mini.schema-blue .content-wrap h5,
.awesome-feature.mini.schema-blue .content-wrap h6 {
color: #0094C2;
}
.why-notification {
background-color: #EF184C;
display: inline-block;
padding: 20px 40px;
border-radius: 3px;
margin: 25px 0 0;
}
.why-notification a:not( .btn ) {
font-family: "Futura PT", sans-serif;
text-decoration: underline;
}
.why-notification a:not( .btn ):hover {
color: #62BB47;
}
.why-bottom-caption {
margin-top: 20px;
}
.why-bottom-caption p {
color: #1a1a1a;
}
.awesome-features-grid .awesome-feature {
width: 100%;
}
.awesome-features-grid .awesome-feature:nth-child( even ) {
margin-left: 0;
}
.awesome-features-grid .awesome-feature:nth-child( odd ) {
align-items: flex-start;
}
.awesome-features-grid .awesome-feature:nth-child( odd ) .content-wrap {
left: 0;
right: auto;
}
.awesome-features-grid .awesome-feature:nth-child( even ) .content-wrap {
left: 0;
}
.awesome-features-grid .awesome-feature .content-wrap {
background-color: #2c4aa0;
}
.awesome-features-grid .awesome-feature.schema-yellow .content-wrap {
background-color: #FDC056;
}
.awesome-features-grid .awesome-feature.schema-green .content-wrap {
background-color: #62BB47;
}
.awesome-features-grid .awesome-feature.schema-pink .content-wrap {
background-color: #EF184C;
}
.awesome-features-grid .awesome-feature.schema-blue .content-wrap {
background-color: #0094C2;
}
.awesome-features-grid .awesome-feature .content-wrap:before {
display: none;
}
.awesome-features-grid .awesome-feature .content-wrap p,
.awesome-features-grid .awesome-feature .content-wrap li {
font-family: "Futura PT", sans-serif;
font-size: 20px !important;
color: #fff !important;
}
.awesome-features-grid .awesome-feature .btn {
display: inline-block;
padding: 0;
font-size: 16px;
min-width: 0;
overflow: visible;
}
.awesome-features-grid .awesome-feature .btn:hover {
background-color: transparent;
filter: none;
-webkit-filter: none;
}
.awesome-features-grid .awesome-feature:nth-child( odd ) .overlay:before,
.awesome-features-grid .awesome-feature:nth-child( even ) .overlay:before {
left: auto;
right: -100%;
}
.awesome-features-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
.awesome-features-grid .column-1,
.awesome-features-grid .column-2 {
flex: 1 1 calc((100% / 2) - 40px);
}
.awesome-features-grid .awesome-feature {
justify-content: flex-end;
min-height: 370px;
margin-bottom: 30px;
}
.awesome-features-grid .column-2 .awesome-feature {
min-height: 570px;
}
.awesome-features-grid .awesome-feature + .awesome-feature {
margin-top: 0;
}
.awesome-features-grid .awesome-feature .overlay:before {
top: -135%;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Calypso Universal
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-calypso .masthead.without-intro {
margin-bottom: 0;
}
body.page-template-tmpl-calypso .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 85px 0;
}
body.page-template-tmpl-calypso .masthead.without-intro + section.calypso-universal-group {
padding-top: 0;
margin-top: -50px;
}
section.calypso-universal-group {
margin-bottom: 35px;
}
.calypso-item {
background-color: #fff;
display: flex;
flex-direction: row;
align-items: stretch;
border-radius: 3px;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
position: relative;
overflow: hidden;
}
.calypso-item:nth-child( even ) {
flex-direction: row-reverse;
}
.calypso-item + .calypso-item {
margin-top: 35px;
}
.calypso-item .preview {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
width: 40%;
}
.calypso-item .preview:before {
content: "";
display: block;
width: 100%;
padding-bottom: 82%;
}
.calypso-item .preview:after {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 200%;
padding-bottom: 300%;
position: absolute;
top: 0;
left: -100%;
opacity: 0.85;
}
.calypso-item:nth-child( even ) .preview:after {
left: auto;
right: -100%;
}
.calypso-item .preview.schema-yellow:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(253, 192, 86) 0%, rgba(86,98,145,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc056', endColorstr='#002c4aa0',GradientType=1 );
opacity: 1;
}
.calypso-item .preview.schema-blue:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
opacity: 1;
}
.calypso-item .preview.schema-pink:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(239, 24, 76) 0%, rgba(83,64,143,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#002c4aa0',GradientType=1 );
}
.calypso-item .preview.schema-green:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
}
.calypso-item .content-wrap {
width: 60%;
padding: 30px 35px 85px;
position: relative;
}
.calypso-item .content-wrap:before {
background-color: #2c4aa0;
content: "";
display: block;
width: 4px;
height: 91px;
position: absolute;
top: 110px;
left: 0;
}
.calypso-item .content-wrap.schema-yellow:before {
background-color: #FDC056;
}
.calypso-item .content-wrap.schema-green:before {
background-color: #62BB47;
}
.calypso-item .content-wrap.schema-pink:before {
background-color: #EF184C;
}
.calypso-item .content-wrap.schema-blue:before {
background-color: #0094C2;
}
.calypso-item:nth-child( odd ) .content-wrap:before {
height: 65px;
top: auto;
left: auto;
right: 0;
bottom: 75px;
}
.calypso-item .content-wrap h4 {
font-size: 29px;
}
.calypso-item .content-wrap .c-date-time {
margin: -4px 0 10px 0;
}
.calypso-item .content-wrap .c-date-time-item {
display: inline-block;
padding: 11px 20px;
border: 1px solid #abb0bf;
border-radius: 3px;
margin: 0 4px 4px 0;
font-size: 14px;
color: #6d7388;
line-height: 1.2;
}
.calypso-item .content-wrap .buttons-wrap {
position: absolute;
left: 35px;
bottom: 30px;
width: calc( 100% - 70px );
}
.calypso-item .content-wrap .buttons-wrap .btn {
margin-right: 5px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Economic
--------------------------------------------------------------------------------------------------------------------- */
.single-box-x.without-decor-lines:before,
.single-box-x.without-decor-lines:after {
display: none;
}
body.page-template-tmpl-economic .single-box-x h1,
body.page-template-tmpl-economic .single-box-x h2,
body.page-template-tmpl-economic .single-box-x h3,
body.page-template-tmpl-economic .single-box-x h4,
body.page-template-tmpl-economic .single-box-x h5,
body.page-template-tmpl-economic .single-box-x h6 {
color: #62BB47;
}
body.page-template-tmpl-economic section#masthead:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 148, 194, 1) 0%, rgba(0, 148, 194, 0.55) 50%, rgba(0, 148, 194, 1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 148, 194, 1) 0%, rgba(0, 148, 194, 0.55) 50%, rgba(0, 148, 194, 1) 100%);
background: radial-gradient(ellipse at center, rgba(0, 148, 194, 1) 0%, rgba(0, 148, 194, 0.55) 50%, rgba(0, 148, 194, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4aa0', endColorstr='#2c4aa0', GradientType=1);
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Affordable Housing & Homelessness
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-affordable-housing .single-box-x h1,
body.page-template-tmpl-affordable-housing .single-box-x h2,
body.page-template-tmpl-affordable-housing .single-box-x h3,
body.page-template-tmpl-affordable-housing .single-box-x h4,
body.page-template-tmpl-affordable-housing .single-box-x h5,
body.page-template-tmpl-affordable-housing .single-box-x h6 {
color: #FDC056;
}
body.page-template-tmpl-affordable-housing section#masthead:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(253, 192, 86, 1) 0%, rgba(253, 192, 86, 0.55) 50%, rgba(253, 192, 86, 1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253, 192, 86, 1) 0%, rgba(253, 192, 86, 0.55) 50%, rgba(253, 192, 86, 1) 100%);
background: radial-gradient(ellipse at center, rgba(253, 192, 86, 1) 0%, rgba(253, 192, 86, 0.55) 50%, rgba(253, 192, 86, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4aa0', endColorstr='#2c4aa0', GradientType=1);
}
body.page-template-tmpl-economic .masthead.without-intro,
body.page-template-tmpl-dc-programs-101 .masthead.without-intro,
body.page-template-tmpl-affordable-housing .masthead.without-intro {
margin-bottom: 0;
}
body.page-template-tmpl-economic .masthead.without-intro .masthead-caption .caption-title-wrap,
body.page-template-tmpl-dc-programs-101 .masthead.without-intro .masthead-caption .caption-title-wrap,
body.page-template-tmpl-affordable-housing .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 85px 0;
}
body.page-template-tmpl-economic .masthead.without-intro + section.awesome-features,
body.page-template-tmpl-dc-programs-101 .masthead.without-intro + section.awesome-features,
body.page-template-tmpl-affordable-housing .masthead.without-intro + section.awesome-features {
padding-top: 0;
margin-top: -50px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: MEMBERSHIP BENEFITS
--------------------------------------------------------------------------------------------------------------------- */
section.gc-features {
padding-top: 10px;
margin-bottom: 35px;
}
section.gc-features + section.awesome-features {
margin-top: -30px;
padding-top: 0;
margin-bottom: 35px;
}
section.gc-features .grid-container {
max-width: 1030px;
}
section.gc-features .section-title {
margin-bottom: 40px;
}
section.gc-features .section-title {
margin-bottom: 40px;
}
section.gc-features .section-subtitle {
text-align: center;
margin-bottom: 30px;
}
section.gc-features .section-title + .section-subtitle {
margin-top: -35px;
}
.classic-feature-item {
display: block;
background-color: #2c4aa0;
border-radius: 3px;
overflow: hidden;
position: relative;
height: 100%;
}
.classic-feature-item.schema-yellow {
background-color: #FDC056;
}
.classic-feature-item.schema-green {
background-color: #62BB47;
}
.classic-feature-item.schema-pink {
background-color: #EF184C;
}
.classic-feature-item.schema-blue {
background-color: #0094C2;
}
.classic-feature-item .preview {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
position: relative;
}
.classic-feature-item .preview:before {
content: "";
display: block;
width: 100%;
padding-bottom: 75%;
}
.classic-feature-item .description {
padding: 30px 40px;
position: relative;
}
.classic-feature-item.with-button .description {
padding-bottom: 100px;
}
.classic-feature-item .title {
margin-bottom: 10px;
line-height: 1;
}
.classic-feature-item .prefix {
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #fff;
font-weight: 800;
display: inline-block;
position: absolute;
top: 29px;
left: 15px;
}
.classic-feature-item p {
line-height: 1.4;
}
.classic-feature-item .btn {
background-color: transparent;
border: 2px solid #fff;
position: absolute;
left: 40px;
bottom: 35px;
}
.classic-feature-item .btn:hover {
background-color: #fff;
color: #1b1b1b;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: MEMBERSHIP LOGIN
--------------------------------------------------------------------------------------------------------------------- */
section#masthead.member-login {
min-height: 460px;
}
section#masthead.member-login .masthead-caption {
width: 100%;
position: absolute;
left: 0;
bottom: auto;
top: 50%;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
section#masthead.member-login .login-form-wrap {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #fff;
width: 100%;
max-width: 400px;
min-height: 300px;
padding: 40px 40px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
section#masthead.member-login .login-form-wrap:before {
content: "";
display: block;
width: 81px;
height: 4px;
background-color: #fdc056;
position: absolute;
top: 0;
left: 4px;
z-index: 500;
}
section#masthead.member-login .login-form-wrap:after {
content: "";
display: block;
width: 4px;
height: 15px;
background-color: #9cbe4d;
position: absolute;
top: 0;
left: 0;
z-index: 500;
}
section#masthead.member-login .login-form-wrap h1 {
font-size: 36px;
margin: 0 0 15px 0;
}
section#masthead.member-login .login-form-wrap p {
line-height: 1.4;
margin-bottom: 20px;
}
section#masthead.member-login .login-form-wrap .button,
section.member-login-1 .button {
background-color: #0094c2;
margin-bottom: 0;
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #fff;
padding: 13px 34px;
border-radius: 3px;
transition: all .2s linear;
}
section#masthead.member-login .login-form-wrap .button:hover,
section.member-login-1 .button:hover {
background-color: #62bb47;
color: #fff;
transition: all .2s linear;
}
section#masthead.member-login .login-form-wrap .button[value="Logout"],
section.member-login-1 .button[value="Logout"] {
background-color: #ef184c;
transition: all .2s linear;
}
section#masthead.member-login .login-form-wrap .button[value="Logout"]:hover,
section.member-login-1 .button[value="Logout"]:hover {
background-color: #fdc056;
color: #222;
transition: all .2s linear;
}
.wa_login_shortcode form p {
font-style: italic;
color: #62bb47;
}
.wa_login_shortcode form p:before {
content: "Hello!";
font-family: "Futura PT", sans-serif;
font-style: normal;
color: #2c4aa0;
margin-right: 7px;
}
body.page-template-tmpl-membership-login .x-features {
padding-top: 35px;
}
section.member-profile {
padding: 50px 0 0 0;
}
section.member-profile iframe {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 3px 29px 0 rgba( 0, 0, 0, 0.04 );
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: MEMBERSHIP List
--------------------------------------------------------------------------------------------------------------------- */
section.member-list {
margin-bottom: 40px;
}
section.member-list .member-list-wrap {
background-color: #fff;
border-radius: 3px;
padding: 35px 40px;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
overflow: hidden;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: BECOME A MEMBER
--------------------------------------------------------------------------------------------------------------------- */
.x-tabs .tabs {
display: flex;
flex-direction: row;
border: none;
font-size: 0;
letter-spacing: 0;
}
.x-tabs .tabs .tabs-title {
width: calc( 33.33% - 8px );
margin-left: 14px;
text-align: center;
border: 1px solid #2c4aa0;
border-bottom: none !important;
border-radius: 3px 3px 0 0;
overflow: hidden;
}
.x-tabs .tabs .tabs-title:first-child {
margin-left: 0;
}
.x-tabs .tabs .tabs-title > a {
display: flex;
flex-direction: column;
justify-content: center;
padding: 12px 12px;
min-height: 64px;
font-size: 26px;
line-height: 0.9;
height: 100%;
color: #2c4aa0;
transition: all .2s linear;
}
.x-tabs .tabs .tabs-title .subtitle {
display: block;
font-family: "Futura PT", sans-serif;
font-size: 16px;
font-weight: 500;
color: #abb0bf;
margin: 7px 0 0 0;
transition: all .2s linear;
}
.x-tabs .tabs .tabs-title:hover > a,
.x-tabs .tabs .tabs-title.is-active > a {
background-color: #2c4aa0;
transition: all .2s linear;
}
.x-tabs .tabs .tabs-title:hover > a,
.x-tabs .tabs .tabs-title:hover > a .title,
.x-tabs .tabs .tabs-title:hover > a .subtitle,
.x-tabs .tabs .tabs-title.is-active > a,
.x-tabs .tabs .tabs-title.is-active > a .title,
.x-tabs .tabs .tabs-title.is-active > a .subtitle {
color: #fff !important;
transition: all .2s linear;
}
.x-tabs .tabs-content {
border: none;
}
.x-tabs .tabs-content .tabs-panel {
border: 3px solid #2c4aa0;
border-radius: 0 0 3px 3px;
padding: 35px 50px 40px;
}
.x-tabs-table {
background-color: #2c4aa0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
text-align: center;
padding: 35px 30px;
margin: 25px 0;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.x-tabs-table:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0.55) 50%, rgba(44,74,160,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0.55) 50%,rgba(44,74,160,1) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0.55) 50%,rgba(44,74,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#2c4aa0',GradientType=1 );
content: "";
display: block;
width: 100%;
height: 500%;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
z-index: 400;
}
.x-tabs-table:after {
background-color: #fff;
content: "";
display: block;
width: 1px;
height: calc( 100% - 60px );
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 450;
}
.x-tabs-table .table-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 20px;
position: relative;
z-index: 500;
}
.x-tabs-table .table-row:last-child {
margin-bottom: 0;
}
.x-tabs-table .table-row .table-row-item {
flex: 0 50%;
font-family: "Futura PT", sans-serif;
font-size: 16px;
line-height: 1.2;
color: #fff;
}
.x-tabs-table .table-row:first-child .table-row-item {
font-size: 22px;
line-height: 1;
}
.x-tabs-table-caption {
font-family: "Futura PT", sans-serif;
font-size: 14px;
color: #abb0bf;
margin: -10px 0 15px;
text-align: center;
}
.x-tabs .tabs .tabs-title.schema-yellow {
border-color: #FDC056;
}
.x-tabs .tabs .tabs-title.schema-green {
border-color: #62BB47;
}
.x-tabs .tabs .tabs-title.schema-pink {
border-color: #EF184C;
}
.x-tabs .tabs .tabs-title.schema-blue {
border-color: #0094C2;
}
.x-tabs .tabs .tabs-title.schema-red {
border-color: #e20d00;
}
.x-tabs .tabs .tabs-title.schema-turquoise {
border-color: #5f7c80;
}
.x-tabs .tabs .tabs-title.schema-yellow:hover > a,
.x-tabs .tabs .tabs-title.schema-yellow.is-active > a {
background-color: #FDC056;
}
.x-tabs .tabs .tabs-title.schema-green:hover > a,
.x-tabs .tabs .tabs-title.schema-green.is-active > a {
background-color: #62BB47;
}
.x-tabs .tabs .tabs-title.schema-pink:hover > a,
.x-tabs .tabs .tabs-title.schema-pink.is-active > a {
background-color: #EF184C;
}
.x-tabs .tabs .tabs-title.schema-blue:hover > a,
.x-tabs .tabs .tabs-title.schema-blue.is-active > a {
background-color: #0094C2;
}
.x-tabs .tabs .tabs-title.schema-red:hover > a,
.x-tabs .tabs .tabs-title.schema-red.is-active > a {
background-color: #e20d00;
}
.x-tabs .tabs .tabs-title.schema-turquoise:hover > a,
.x-tabs .tabs .tabs-title.schema-turquoise.is-active > a {
background-color: #5f7c80;
}
.x-tabs .tabs .tabs-title.schema-yellow > a .title {
color: #FDC056;
}
.x-tabs .tabs .tabs-title.schema-green > a .title {
color: #62BB47;
}
.x-tabs .tabs .tabs-title.schema-pink > a .title {
color: #EF184C;
}
.x-tabs .tabs .tabs-title.schema-blue > a .title {
color: #0094C2;
}
.x-tabs .tabs .tabs-title.schema-red > a .title {
color: #e20d00;
}
.x-tabs .tabs .tabs-title.schema-turquoise > a .title {
color: #5f7c80;
}
.x-tabs .tabs-content .tabs-panel.schema-yellow {
border-color: #FDC056;
}
.x-tabs .tabs-content .tabs-panel.schema-green {
border-color: #62BB47;
}
.x-tabs .tabs-content .tabs-panel.schema-pink {
border-color: #EF184C;
}
.x-tabs .tabs-content .tabs-panel.schema-blue {
border-color: #0094C2;
}
.x-tabs .tabs-content .tabs-panel.schema-red {
border-color: #e20d00;
}
.x-tabs .tabs-content .tabs-panel.schema-turquoise {
border-color: #5f7c80;
}
.x-tabs .tabs-content .tabs-panel a:not( .btn ) {
font-family: "Futura PT", sans-serif;
}
.x-tabs .tabs-content .tabs-panel a:not( .btn ):hover {
text-decoration: underline;
}
.x-tabs .tabs-content .tabs-panel h1,
.x-tabs .tabs-content .tabs-panel h2,
.x-tabs .tabs-content .tabs-panel h3,
.x-tabs .tabs-content .tabs-panel h4,
.x-tabs .tabs-content .tabs-panel h5,
.x-tabs .tabs-content .tabs-panel h6,
.x-tabs .tabs-content .tabs-panel a:not( .btn ) {
color: #2c4aa0;
}
.x-tabs .tabs-content .tabs-panel.schema-yellow h1,
.x-tabs .tabs-content .tabs-panel.schema-yellow h2,
.x-tabs .tabs-content .tabs-panel.schema-yellow h3,
.x-tabs .tabs-content .tabs-panel.schema-yellow h4,
.x-tabs .tabs-content .tabs-panel.schema-yellow h5,
.x-tabs .tabs-content .tabs-panel.schema-yellow h6,
.x-tabs .tabs-content .tabs-panel.schema-yellow a:not( .btn ) {
color: #FDC056;
}
.x-tabs .tabs-content .tabs-panel.schema-green h1,
.x-tabs .tabs-content .tabs-panel.schema-green h2,
.x-tabs .tabs-content .tabs-panel.schema-green h3,
.x-tabs .tabs-content .tabs-panel.schema-green h4,
.x-tabs .tabs-content .tabs-panel.schema-green h5,
.x-tabs .tabs-content .tabs-panel.schema-green h6,
.x-tabs .tabs-content .tabs-panel.schema-green a:not( .btn ) {
color: #62BB47;
}
.x-tabs .tabs-content .tabs-panel.schema-pink h1,
.x-tabs .tabs-content .tabs-panel.schema-pink h2,
.x-tabs .tabs-content .tabs-panel.schema-pink h3,
.x-tabs .tabs-content .tabs-panel.schema-pink h4,
.x-tabs .tabs-content .tabs-panel.schema-pink h5,
.x-tabs .tabs-content .tabs-panel.schema-pink h6,
.x-tabs .tabs-content .tabs-panel.schema-pink a:not( .btn ) {
color: #EF184C;
}
.x-tabs .tabs-content .tabs-panel.schema-blue h1,
.x-tabs .tabs-content .tabs-panel.schema-blue h2,
.x-tabs .tabs-content .tabs-panel.schema-blue h3,
.x-tabs .tabs-content .tabs-panel.schema-blue h4,
.x-tabs .tabs-content .tabs-panel.schema-blue h5,
.x-tabs .tabs-content .tabs-panel.schema-blue h6,
.x-tabs .tabs-content .tabs-panel.schema-blue a:not( .btn ) {
color: #0094C2;
}
.x-tabs .tabs-content .tabs-panel.schema-red h1,
.x-tabs .tabs-content .tabs-panel.schema-red h2,
.x-tabs .tabs-content .tabs-panel.schema-red h3,
.x-tabs .tabs-content .tabs-panel.schema-red h4,
.x-tabs .tabs-content .tabs-panel.schema-red h5,
.x-tabs .tabs-content .tabs-panel.schema-red h6,
.x-tabs .tabs-content .tabs-panel.schema-red a:not( .btn ) {
color: #e20d00;
}
/*
.x-tabs .tabs-content .tabs-panel.schema-turquoise h1,
.x-tabs .tabs-content .tabs-panel.schema-turquoise h2,
.x-tabs .tabs-content .tabs-panel.schema-turquoise h3,
.x-tabs .tabs-content .tabs-panel.schema-turquoise h4,
.x-tabs .tabs-content .tabs-panel.schema-turquoise h5,
.x-tabs .tabs-content .tabs-panel.schema-turquoise h6,
.x-tabs .tabs-content .tabs-panel.schema-turquoise a:not( .btn ) {
color: #5f7c80;
}
*/
.x-tabs .tabs-content .tabs-panel ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #2c4aa0;
}
.x-tabs .tabs-content .tabs-panel.schema-yellow ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #FDC056;
}
.x-tabs .tabs-content .tabs-panel.schema-green ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #62BB47;
}
.x-tabs .tabs-content .tabs-panel.schema-pink ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #EF184C;
}
.x-tabs .tabs-content .tabs-panel.schema-blue ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #0094C2;
}
.x-tabs .tabs-content .tabs-panel.schema-red ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #e20d00;
}
.x-tabs .tabs-content .tabs-panel.schema-turquoise ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):before {
background-color: #5f7c80;
}
.x-tabs .tabs-content .tabs-panel ol li:not( .menu-item ):before {
color: #2c4aa0;
}
.x-tabs .tabs-content .tabs-panel.schema-yellow ol li:not( .menu-item ):before {
color: #FDC056;
}
.x-tabs .tabs-content .tabs-panel.schema-green ol li:not( .menu-item ):before {
color: #62BB47;
}
.x-tabs .tabs-content .tabs-panel.schema-pink ol li:not( .menu-item ):before {
color: #EF184C;
}
.x-tabs .tabs-content .tabs-panel.schema-blue ol li:not( .menu-item ):before {
color: #0094C2;
}
.x-tabs .tabs-content .tabs-panel.schema-red ol li:not( .menu-item ):before {
color: #e20d00;
}
.x-tabs .tabs-content .tabs-panel.schema-turquoise ol li:not( .menu-item ):before {
color: #5f7c80;
}
.x-tabs .tabs-content .tabs-panel.schema-yellow .x-tabs-table:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%, rgba(253,192,86,0.55) 50%, rgba(253,192,86,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%,rgba(253,192,86,0.55) 50%,rgba(253,192,86,1) 100%);
background: radial-gradient(ellipse at center, rgba(253,192,86,1) 0%,rgba(253,192,86,0.55) 50%,rgba(253,192,86,1) 100%);
}
.x-tabs .tabs-content .tabs-panel.schema-green .x-tabs-table:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(98,187,71,1) 0%, rgba(98,187,71,0.55) 50%, rgba(98,187,71,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(98,187,71,1) 0%,rgba(98,187,71,0.55) 50%,rgba(98,187,71,1) 100%);
background: radial-gradient(ellipse at center, rgba(98,187,71,1) 0%,rgba(98,187,71,0.55) 50%,rgba(98,187,71,1) 100%);
}
.x-tabs .tabs-content .tabs-panel.schema-pink .x-tabs-table:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%, rgba(239,24,76,0.55) 50%, rgba(239,24,76,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%,rgba(239,24,76,0.55) 50%,rgba(239,24,76,1) 100%);
background: radial-gradient(ellipse at center, rgba(239,24,76,1) 0%,rgba(239,24,76,0.55) 50%,rgba(239,24,76,1) 100%);
}
.x-tabs .tabs-content .tabs-panel.schema-blue .x-tabs-table:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%, rgba(0,148,194,0.55) 50%, rgba(0,148,194,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(0,148,194,0.55) 50%,rgba(0,148,194,1) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(0,148,194,0.55) 50%,rgba(0,148,194,1) 100%);
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: ABOUT
--------------------------------------------------------------------------------------------------------------------- */
section.awesome-features {
padding-top: 50px;
}
section.intro + section.awesome-features {
padding-top: 0;
}
section.awesome-features .typography h3 {
font-family: "Futura PT Book", sans-serif;
}
section.awesome-features .typography h3 strong {
font-family: "Futura PT", sans-serif;
font-weight: 400;
}
section.x-goals {
padding: 70px 0;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
section.x-goals .x-goals-bg {
position: absolute;
top: 0;
left: 0;
width: 80%;
min-width: 1637px;
height: calc( 100% - 25px );
border-radius: 3px;
overflow: hidden;
z-index: 500;
}
section.x-goals .x-goals-bg:before {
background-color: #2c4aa0;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 500;
}
section.x-goals .x-goals-bg:after {
background-image: inherit;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 550;
opacity: 0.1;
}
section.x-goals .grid-container {
position: relative;
max-width: 1100px;
z-index: 600;
}
.goal-section-title {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
font-family: "Futura PT", sans-serif;
font-size: 133px;
font-weight: 300;
color: #fff;
line-height: 0.75;
}
.goal-item {
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 3px;
overflow: hidden;
height: 100%;
padding: 40px 40px;
position: relative;
transition: all .2s linear;
}
.goal-item:before,
.goal-item:after {
content: "";
display: block;
width: 4px;
height: 4px;
position: absolute;
}
[pb-section].icon-features .goal-item {
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.02 );
}
[pb-section].icon-features .goal-item:before,
[pb-section].icon-features .goal-item:after {
display: none !important;
}
.goal-item .icon {
margin-bottom: 15px;
}
.goal-item .icon svg {
height: 76px;
}
.goal-item .icon svg g > * {
stroke: #2c4aa0;
transition: all .2s linear;
}
.goal-item .title {
color: #2c4aa0;
margin: 0 0 12px 0;
transition: all .2s linear;
}
.goal-item .title svg {
font-size: 34px;
position: relative;
top: 3px;
}
.goal-item p {
font-size: 20px;
line-height: 1.2;
color: #252525;
transition: all .2s linear;
}
[pb-section].icon-features .goal-item p {
font-size: 18px;
margin-bottom: 12px;
}
[pb-section].icon-features .goal-item .title {
font-size: 28px;
margin-bottom: 20px;
}
.goal-item.schema-yellow .icon svg g > * {
stroke: #FDC056;
}
.goal-item.schema-green .icon svg g > * {
stroke: #62BB47;
}
.goal-item.schema-pink .icon svg g > * {
stroke: #EF184C;
}
.goal-item.schema-blue .icon svg g > * {
stroke: #0094C2;
}
.goal-item.schema-yellow .title {
color: #FDC056;
}
.goal-item.schema-green .title {
color: #62BB47;
}
.goal-item.schema-pink .title {
color: #EF184C;
}
.goal-item.schema-blue .title {
color: #0094C2;
}
.goal-item:hover {
background-color: #2c4aa0;
transition: all .2s linear;
}
.goal-item.schema-yellow:hover {
background-color: #FDC056;
}
.goal-item.schema-green:hover {
background-color: #62BB47;
}
.goal-item.schema-pink:hover {
background-color: #EF184C;
}
.goal-item.schema-blue:hover {
background-color: #0094C2;
}
.goal-item:hover .icon svg g > * {
stroke: #fff;
transition: all .2s linear;
}
.goal-item:hover .title,
.goal-item:hover p {
color: #fff;
transition: all .2s linear;
}
.goal-item.schema-navy:before {
background-color: #fdc056;
width: 4px;
height: 81px;
right: 0;
bottom: 4px;
}
.goal-item.schema-navy:after {
background-color: #9cbe4d;
width: 14px;
height: 4px;
right: 0;
bottom: 0;
}
.goal-item.schema-yellow:before {
background-color: #fdc056;
width: 81px;
height: 4px;
top: 0;
left: 4px;
}
.goal-item.schema-yellow:after {
background-color: #9cbe4d;
width: 4px;
height: 14px;
top: 0;
left: 0;
}
.goal-item.schema-green:before {
background-color: #fdc056;
width: 4px;
height: 38px;
right: 0;
bottom: 4px;
}
.goal-item.schema-green:after {
background-color: #9cbe4d;
width: 14px;
height: 4px;
right: 0;
bottom: 0;
}
.goal-item.schema-pink:before {
background-color: #9cbe4d;
width: 14px;
height: 4px;
right: 0;
top: 0;
}
.goal-item.schema-pink:after {
background-color: #0094c2;
width: 4px;
height: 39px;
right: 0;
top: 0;
}
.goal-item.schema-blue:before {
background-color: #9cbe4d;
width: 14px;
height: 4px;
right: 0;
top: 0;
}
.goal-item.schema-blue:after {
background-color: #fdc056;
width: 4px;
height: 39px;
right: 0;
top: 0;
}
body.page-template-tmpl-about section.become-a-member {
margin-bottom: 55px;
padding-top: 15px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: JOIN OUR TEAM
--------------------------------------------------------------------------------------------------------------------- */
section.jot-gallery {
margin-bottom: 40px;
}
.gallery-slider {
border-radius: 3px;
overflow: hidden;
}
.gallery-slider .slide {
display: block;
background-position: center top;
background-size: cover;
outline: none !important;
}
.gallery-slider:not( .slick-initialized ) .slide:not( :first-child ) {
display: none;
}
.gallery-slider .slide:before {
content: "";
display: block;
width: 100%;
padding-bottom: 46%;
}
.gallery-slider .slick-next,
.gallery-slider .slick-prev {
background-color: #fff;
z-index: 500;
display: block;
width: 30px;
height: 46px;
border-radius: 2px;
text-align: center;
line-height: 60px;
opacity: 0.9;
transition: all .2s linear;
}
.gallery-slider .slick-prev {
left: 25px;
padding-right: 2px;
}
.gallery-slider .slick-next {
right: 25px;
padding-left: 2px;
}
.gallery-slider .slick-next:before,
.gallery-slider .slick-prev:before {
display: none;
}
.gallery-slider .slick-next svg,
.gallery-slider .slick-prev svg {
font-size: 17px;
color: #2c4aa0;
transition: color .2s linear;
}
.gallery-slider .slick-next:hover,
.gallery-slider .slick-prev:hover {
background-color: #2c4aa0;
opacity: 1;
}
.gallery-slider .slick-next:hover svg,
.gallery-slider .slick-prev:hover svg {
color: #fff;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: ISSUES & INITIATIVES
--------------------------------------------------------------------------------------------------------------------- */
section.slp {
margin-bottom: 10px;
}
.slp-item {
background-color: #fff;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: relative;
border-radius: 3px;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
overflow: hidden;
transition: all .2s linear;
}
.slp-item .preview {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.slp-item .preview:after {
content: "";
display: block;
width: 100%;
padding-bottom: 65.8%;
}
.slp-item .content {
padding: 30px 30px;
}
.slp-item .content .title {
font-size: 22px;
line-height: 1.1;
color: #2c4aa0;
margin: 0 0 15px 0;
transition: all .2s linear;
}
.slp-item .content p {
line-height: 1.2;
color: #1a1a1a;
transition: all .2s linear;
}
.slp-item:hover,
.slp-item.color-fill-mode {
background-color: #2c4aa0;
transition: all .2s linear;
}
.slp-item.color-fill-mode:hover {
-webkit-filter: brightness( 105% );
}
.slp-item.schema-yellow:hover,
.slp-item.schema-yellow.color-fill-mode {
background-color: #fdc056;
}
.slp-item.schema-green:hover,
.slp-item.schema-green.color-fill-mode {
background-color: #62bb47;
}
.slp-item.schema-pink:hover,
.slp-item.schema-pink.color-fill-mode {
background-color: #ef184c;
}
.slp-item.schema-blue:hover,
.slp-item.schema-blue.color-fill-mode {
background-color: #0094c2;
}
.slp-item .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 200%;
padding-bottom: 200%;
position: absolute;
top: -100%;
right: -100%;
opacity: 0.75;
transition: all .2s linear;
}
.slp-item.schema-yellow .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(253, 192, 86) 0%, rgba(86,98,145,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc056', endColorstr='#002c4aa0',GradientType=1 );
}
.slp-item.schema-green .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(98, 187, 71) 0%, rgba(55,97,142,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(98,187,71,1) 0%,rgba(55,97,142,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(98,187,71,1) 0%,rgba(55,97,142,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62bb47', endColorstr='#002c4aa0',GradientType=1 );
}
.slp-item.schema-pink .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(239, 24, 76) 0%, rgba(83,64,143,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#002c4aa0',GradientType=1 );
}
.slp-item.schema-blue .preview:before {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
}
.slp-item:hover .preview:before {
opacity: 1;
transition: all .2s linear;
}
.slp-item.schema-yellow .content .title {
color: #fdc056;
}
.slp-item.schema-green .content .title {
color: #62bb47;
}
.slp-item.schema-pink .content .title {
color: #ef184c;
}
.slp-item.schema-blue .content .title {
color: #0094c2;
}
.slp-item:hover .content .title,
.slp-item.color-fill-mode .content .title,
.slp-item:hover .content p,
.slp-item.color-fill-mode .content p {
color: #fff;
transition: all .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
OBJECT ITEM 1
--------------------------------------------------------------------------------------------------------------------- */
.object-1-cell {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
margin-bottom: 35px;
}
.list .object-1-cell {
margin-bottom: 35px;
}
.object-1-cell:nth-child( 1 ) {
animation-delay: 0.1s;
}
.object-1-cell:nth-child( 2 ) {
animation-delay: 0.2s;
}
.object-1-cell:nth-child( 3 ) {
animation-delay: 0.3s;
}
.object-1-cell:nth-child( 4 ) {
animation-delay: 0.4s;
}
.object-1-cell:nth-child( 5 ) {
animation-delay: 0.5s;
}
.object-1-cell:nth-child( 6 ) {
animation-delay: 0.6s;
}
.object-1-cell:nth-child( 7 ) {
animation-delay: 0.7s;
}
.object-1-cell:nth-child( 8 ) {
animation-delay: 0.8s;
}
.object-1-cell:nth-child( 9 ) {
animation-delay: 0.9s;
}
.object-1-cell:nth-child( 10 ) {
animation-delay: 1.0s;
}
.object-1-cell:nth-child( 11 ) {
animation-delay: 1.1s;
}
.object-1-cell:nth-child( 12 ) {
animation-delay: 1.2s;
}
/* object item 1 */
.object-1-item {
display: flex;
flex-direction: column;
/*flex-flow: wrap;*/
height: 100%;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 3px 29px 0 rgba( 0, 0, 0, 0.04 );
transition: all .2s linear;
position: relative;
overflow: hidden;
}
.object-1-item:hover {
background-color: #2c4aa0;
transition: all .2s linear;
}
.object-1-item.schema-yellow:hover {
background-color: #FDC056;
}
.object-1-item.schema-green:hover {
background-color: #62BB47;
}
.object-1-item.schema-pink:hover {
background-color: #EF184C;
}
.object-1-item.schema-blue:hover {
background-color: #0094C2;
}
.object-1-item .preview-wrap {
position: relative;
width: 100%;
overflow: hidden;
z-index: 500;
}
.object-1-item .preview-wrap:before {
content: "";
display: block;
width: 100%;
padding-bottom: 60%;
}
.list .object-1-item .preview-wrap:before {
padding-bottom: 50%;
}
.object-1-item[cpt*="event"] .preview:after {
background: -moz-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%, rgba(44,74,160,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(44,74,160,1) 0%,rgba(44,74,160,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4aa0', endColorstr='#002c4aa0',GradientType=1 );
display: block;
content: "";
width: 200%;
padding-bottom: 200%;
position: absolute;
top: -100%;
right: -100%;
opacity: 0.75;
transition: all .2s linear;
}
.object-1-item[cpt*="event"].schema-yellow .preview:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(253, 192, 86) 0%, rgba(86,98,145,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(253,192,86,1) 0%,rgba(86,98,145,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc056', endColorstr='#002c4aa0',GradientType=1 );
}
.object-1-item[cpt*="event"].schema-green .preview:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(98, 187, 71) 0%, rgba(55,97,142,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(98,187,71,1) 0%,rgba(55,97,142,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(98,187,71,1) 0%,rgba(55,97,142,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62bb47', endColorstr='#002c4aa0',GradientType=1 );
}
.object-1-item[cpt*="event"].schema-pink .preview:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(239, 24, 76) 0%, rgba(83,64,143,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(239,24,76,1) 0%,rgba(83,64,143,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#002c4aa0',GradientType=1 );
}
.object-1-item[cpt*="event"].schema-blue .preview:after {
background: -moz-radial-gradient(center, ellipse cover, rgb(0, 148, 194) 0%, rgba(35,89,167,0) 80%, rgba(44,74,160,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,148,194,1) 0%,rgba(35,89,167,0) 80%,rgba(44,74,160,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094c2', endColorstr='#002c4aa0',GradientType=1 );
}
.object-1-item .preview-wrap .preview {
background-color: #f5f5f5;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .2s linear;
overflow: hidden;
z-index: 500;
}
.object-1-item.video .preview-wrap .preview:before {
background-color: rgba( 44, 74, 160, 0.45 );
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.object-1-item.no-image .preview-wrap .preview {
background-image: url( ../images/preview-placeholder.jpg );
background-position: left top;
}
.object-1-item:hover .preview-wrap:after {
opacity: 1;
}
.object-1-item .preview-wrap .play-button {
font-size: 58px;
height: 58px;
line-height: 58px;
text-align: center;
width: 58px;
color: #ef184c;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
z-index: 550;
}
.object-1-item .preview-wrap .play-button:hover {
color: #fdc056;
}
.object-1-item .preview-wrap .preview.post-gallery .slick-list,
.object-1-item .preview-wrap .preview.post-gallery .slick-track {
height: 100% !important;
}
.object-1-item .preview-wrap .preview.post-gallery .slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
outline: none !important;
height: 100%;
}
.object-1-item .content {
background-color: transparent;
padding: 25px 25px;
position: relative;
width: 100%;
height: auto;
transition: all .2s linear;
z-index: 500;
}
.object-1-item .content > * {
position: relative;
z-index: 510;
}
.object-1-item h4 {
font-family: "Futura PT Book", sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
margin: 0 0 15px;
position: relative;
}
.object-1-item:not( .global-color-schema ) h4 {
color: #2c4aa0;
}
.object-1-item h4 a {
color: inherit;
display: inline-block;
font-family: inherit;
transition: all .2s linear;
}
.object-1-item h4 a:hover {
text-decoration: underline;
}
.list .object-1-item h4 {
font-family: "Futura PT", sans-serif;
font-size: 30px;
margin: 0 0 11px;
}
.object-1-item:hover h5,
.object-1-item:hover h6 {
transition: all .2s linear;
}
.object-1-item h4:hover,
.object-1-item h4 a:hover,
.object-1-item:hover h4,
.object-1-item:hover h5,
.object-1-item:hover h6,
.object-1-item:hover h4 a {
color: #fff;
transition: all .2s linear;
}
.list .object-1-item h4:hover,
.list .object-1-item h4 a:hover,
.list .object-1-item:hover h4,
.list .object-1-item:hover h4 a {
color: #62bb47;
}
.object-1-item p {
font-size: 16px;
line-height: 1.35;
margin: 0 0 10px;
transition: all .2s linear;
}
.list .object-1-item p {
font-size: 18px;
}
.object-1-item:hover p,
.object-1-item:hover a {
color: #fff;
}
.object-1-item .short-description {
margin-bottom: 0;
}
.object-1-item .short-description > :first-child {
margin-top: 0;
}
.object-1-item .short-description > :last-child {
margin-bottom: 0;
}
.object-1-item .btn {
background-color: transparent !important;
border-radius: 0;
border: none !important;
padding: 5px;
font-family: 'Futura PT Book', sans-serif;
font-size: 14px;
font-weight: 400;
text-align: left;
color: #2c4aa0;
position: absolute;
left: 20px;
bottom: 25px;
z-index: 510;
}
.object-1-item:hover .btn,
.object-1-item .btn:hover {
background-color: transparent !important;
border: none !important;
color: #fff;
}
.object-1-item .btn + .content,
.object-1-item[cpt="event"]:not( .landscape ) .content {
padding-bottom: 80px;
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
}
.fancybox-container {
z-index: 9999999999;
}
.fancybox-bg {
background: #090909;
}
/* Object 1: Landscape Views */
.landscape .object-1-item,
.object-1-item.landscape {
display: flex;
flex-direction: row;
align-items: stretch;
}
.landscape .object-1-item .preview-wrap,
.object-1-item.landscape .preview-wrap {
display: flex;
width: 50%;
order: 2;
}
.landscape .object-1-item .content,
.object-1-item.landscape .content,
body.archive .landscape .object-1-item .content,
body.archive .object-1-item.landscape .content {
padding: 35px 20px 75px 35px;
width: 50%;
order: 1;
}
.landscape .object-1-item h4,
.object-1-item.landscape h4 {
font-size: 22px;
}
.landscape .object-1-item .btn,
.object-1-item.landscape .btn {
left: 30px;
}
.landscape .object-1-item .content > .sc-corner,
.object-1-item.landscape .content > .sc-corner {
top: 0;
left: auto;
right: 0;
transform: rotate3d( 0, 1, 0, 180deg );
}
/* ---------------------------------------------------------------------------------------------------------------------
OBJECT ITEM 2
--------------------------------------------------------------------------------------------------------------------- */
body.post-type-archive-faces_of_scd .object-1-cell {
margin-top: 110px;
margin-bottom: 35px;
}
.object-2-item {
display: flex;
flex-direction: column;
height: 100%;
background-color: #fff;
position: relative;
cursor: pointer;
width: 100%;
text-align: left;
padding: 0 0 70px;
margin: 0;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
transition: all .25s linear;
}
.object-2-item:before {
content: "";
display: block;
background-color: #9cbe4d;
width: 14px;
height: 4px;
position: absolute;
top: auto;
bottom: 0;
left: auto;
right: 4px;
z-index: 500;
}
.object-2-item:after {
content: "";
display: block;
background-color: #fdc056;
width: 4px;
height: 35px;
position: absolute;
top: auto;
bottom: 0;
left: auto;
right: 0;
z-index: 500;
}
.object-2-item:hover {
background-color: #2c4aa0;
transition: all .25s linear;
}
.object-2-item .photo {
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(1);
-webkit-filter: grayscale(1);
position: relative;
transition: all .25s linear;
z-index: 500;
}
.object-2-item .photo:before {
content: "";
display: block;
width: 100%;
padding-bottom: 90%;
}
.object-2-item:hover .photo {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0);
-webkit-filter: grayscale(0);
transition: all .25s linear;
}
.object-2-item .content {
padding: 25px 35px 0;
}
.object-2-item h4 {
font-family: "Futura PT", sans-serif;
font-size: 28px;
line-height: 1;
margin: 0 0 10px 0;
position: relative;
transition: color .2s linear;
}
.object-2-item h5 {
font-family: "Futura PT Book", sans-serif;
font-size: 20px;
font-weight: 400;
color: #404040;
margin: -6px 0 7px 0;
position: relative;
z-index: 500;
transition: color .2s linear;
}
.object-2-item h6 {
font-family: "Futura PT Book", sans-serif;
font-size: 16px;
font-weight: 400;
color: #404040;
line-height: 1.2;
margin: -4px 0 0 0;
position: relative;
z-index: 500;
transition: color .2s linear;
}
.object-2-item .description {
font-size: 14px;
color: #000;
line-height: 1.6;
position: relative;
z-index: 500;
transition: color .2s linear;
}
.object-2-item .btn {
background-color: transparent;
border: none;
text-transform: uppercase;
font-size: 14px;
color: #2c4aa0;
padding: 0;
min-width: 0;
position: absolute;
left: 35px;
bottom: 25px;
overflow: visible;
z-index: 500;
}
.object-2-item .btn:hover {
background-color: transparent !important;
border: none !important;
color: #fff !important;
transition: all .2s linear;
}
.object-2-item:hover h4,
.object-2-item:hover h5,
.object-2-item:hover h6,
.object-2-item:hover .description,
.object-2-item:hover .btn {
color: #fff;
transition: color .2s linear;
}
.object-2-item:hover .btn svg.fa-long-arrow-right {
color: #fff !important;
left: 5px;
transition: left .15s linear .15s, color .2s linear 0s;
}
.object-2-item .btn.btn-default:hover {
background-color: #fff !important;
}
.object-2-item .btn.btn-default:hover,
.object-2-item .btn.btn-default:hover svg.fa-long-arrow-right {
color: #000 !important;
}
.object-2-item.loading .photo:after {
background-color: #fff;
background-image: url( ../images/ajax-loader.gif );
background-position: center;
background-size: 32px;
background-repeat: no-repeat;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.85;
z-index: 501;
}
.object-2-item.no-link:hover {
cursor: default;
}
.object-2-item.no-button {
padding-bottom: 35px;
}
/* ---------------------------------------------------------------------------------------------------------------------
MAGELLAN MENU
--------------------------------------------------------------------------------------------------------------------- */
#magellan {
background-color: rgba(255, 255, 255, 0.95);
position: fixed;
top: 126px;
left: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
}
body.admin-bar #magellan {
top: 158px;
}
header.no-announcement-bar + #magellan {
top: 86px;
}
body.admin-bar header.no-announcement-bar + #magellan {
top: 118px;
}
.magellan {
text-align: right;
}
.magellan .menu-item > a {
font-size: 15px;
font-weight: 400;
color: #2c4aa0;
text-shadow: 0 0 1px transparent;
padding: 12px 15px;
transition: all .15s linear;
}
.magellan .menu-item:last-child > a {
padding-right: 4px;
}
.magellan .menu-item > a:hover,
.magellan .menu-item > a.is-active {
color: #ef184c;
text-shadow: 0 0 1px #ef184c;
transition: all .15s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
PAGE BUILDER
--------------------------------------------------------------------------------------------------------------------- */
body.single {
background-color: #FAFAFA;
}
section#page-builder {
padding: 0;
}
body.single section#page-builder {
margin-top: -75px;
}
body.page-template-default section#page-builder {
padding: 50px 0 35px;
}
body.page-template-default section.intro + section#page-builder {
padding-top: 0;
}
body.page-template-default .masthead.without-intro {
margin-bottom: -70px;
}
body.page-template-default .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 100px 0;
}
body.page-template-default .masthead.without-intro + section#page-builder {
padding-top: 0;
}
#page-builder > [pb-section].white-box:first-child .section-content-wrap {
margin-top: 0 !important;
}
section#page-builder .single-post-container,
section.event-main-info .single-post-container {
max-width: 1094px;
}
[pb-section] .section-content-wrap > :last-child,
[pb-section] .section-content-wrap > :last-child > img:last-child {
margin-bottom: 0;
}
[pb-section].white-box .section-content-wrap {
background-color: #fff;
border-radius: 3px;
overflow: hidden;
padding: 40px 45px;
position: relative;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.02 );
}
[pb-section].white-box.transparent .section-content-wrap {
background-color: transparent;
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
}
#page-builder [pb-section].white-box:not( .single-box ) + [pb-section].white-box:not( .single-box ) .section-content-wrap {
padding-top: 0;
margin-top: -15px;
}
#page-builder [pb-section].white-box.single-box .section-content-wrap,
#page-builder [pb-section].white-box.single-box + [pb-section].white-box .section-content-wrap {
margin-top: 40px;
}
[pb-section] .pb-section-title {
font-family: "Futura PT", sans-serif;
font-size: 34px;
color: #2c4aa0;
line-height: 1.2;
text-align: center;
padding: 0;
position: relative;
margin: 0 0 20px 0;
}
[pb-section] .typography a:not( .btn ) {
color: #ef184c;
font-weight: 600;
}
[pb-section].gallery,
[pb-section].video,
[pb-section].map,
[pb-section].icon-features {
padding: 45px 0 45px;
}
[pb-section].padded + [pb-section].padded {
padding-top: 0;
}
#page-builder > [pb-section].gallery:first-child,
#page-builder > [pb-section].video:first-child,
#page-builder > [pb-section].map:first-child,
#page-builder > [pb-section].icon-features:first-child {
padding-top: 0;
}
#page-builder > [pb-section].gallery:last-child,
#page-builder > [pb-section].video:last-child,
#page-builder > [pb-section].map:last-child,
#page-builder > [pb-section].icon-features:last-child {
padding-bottom: 0;
}
[pb-section].video .responsive-embed,
[pb-section].map .acf-map {
border-radius: 2px;
overflow: hidden;
}
[pb-section].gallery .gallery-slider .slick-next,
[pb-section].gallery .gallery-slider .slick-prev {
background-color: #fff;
z-index: 500;
display: block;
width: 30px;
height: 46px;
border-radius: 2px;
text-align: center;
line-height: 60px;
opacity: 0.9;
transition: all .2s linear;
}
[pb-section].gallery .gallery-slider .slick-prev {
left: 25px;
padding-right: 2px;
}
[pb-section].gallery .gallery-slider .slick-next {
right: 25px;
padding-left: 2px;
}
[pb-section].gallery .gallery-slider .slick-next:before,
[pb-section].gallery .gallery-slider .slick-prev:before {
display: none;
}
[pb-section].gallery .gallery-slider .slick-next svg,
[pb-section].gallery .gallery-slider .slick-prev svg {
font-size: 17px;
color: #2c4aa0;
transition: color .2s linear;
}
[pb-section].gallery .gallery-slider .slick-next:hover,
[pb-section].gallery .gallery-slider .slick-prev:hover {
background-color: #2c4aa0;
opacity: 1;
}
[pb-section].gallery .gallery-slider .slick-next:hover svg,
[pb-section].gallery .gallery-slider .slick-prev:hover svg {
color: #fff;
}
[pb-section].gallery .gallery-slider .slide {
background-color: #eee;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
position: relative;
border-radius: 2px;
}
[pb-section].gallery .gallery-slider .slide.portrait {
background-size: contain;
}
[pb-section].gallery .gallery-slider .slide:before {
content: "";
display: block;
width: 100%;
height: auto;
padding-bottom: 50%;
}
[pb-section].gallery .gallery-caption,
[pb-section].video .video-caption,
[pb-section].map .map-caption {
background: transparent !important;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
font-size: 14px;
line-height: 1.45;
color: #222222;
text-align: center;
width: 100%;
max-width: 700px;
margin: 25px auto 0;
}
[pb-section].map .acf-map {
background-color: #eee;
height: auto;
padding-bottom: 45%;
}
[pb-section].map .acf-map h6 {
font-size: 18px;
text-align: center;
margin: 5px 0 8px;
}
[pb-section].copy-2-columns .copy-container {
font-size: 0;
}
[pb-section].copy-2-columns .copy-container .copy-wrap {
display: inline-block;
width: 50%;
vertical-align: top;
}
[pb-section].copy-2-columns .copy-container .copy-wrap > :last-child {
margin-bottom: 0 !important;
}
[pb-section].copy-2-columns .copy-container > .copy-wrap:first-child {
padding-right: 15px;
}
[pb-section].copy-2-columns .copy-container > .copy-wrap:last-child {
padding-left: 15px;
}
[pb-section].copy-2-columns .copy-container .copy-wrap > :first-child {
margin-top: 0 !important;
}
[pb-section].copy-2-columns .copy-container .copy-wrap > :last-child {
margin-bottom: 0 !important;
}
[pb-section].copy-2-columns .copy-container .copy-wrap img {
margin: 0;
border-radius: 2px;
overflow: hidden;
}
[pb-section].copy-2-columns .copy-container .copy-wrap img.aligncenter {
margin-left: auto;
margin-right: auto;
}
[pb-section].copy-3-columns .copy-container {
font-size: 0;
}
[pb-section].copy-3-columns .copy-container .copy-wrap {
display: inline-block;
width: 33%;
vertical-align: top;
padding: 0 15px;
}
[pb-section].copy-3-columns .copy-container .copy-wrap > :last-child {
margin-bottom: 0 !important;
}
[pb-section].copy-3-columns .copy-container > .copy-wrap:first-child {
padding-left: 0;
}
[pb-section].copy-3-columns .copy-container > .copy-wrap:last-child {
padding-right: 0;
}
[pb-section].copy-3-columns .copy-container .copy-wrap > :first-child {
margin-top: 0 !important;
}
[pb-section].copy-3-columns .copy-container .copy-wrap > :last-child {
margin-bottom: 0 !important;
}
[pb-section].copy-3-columns .copy-container .copy-wrap img {
margin: 0;
border-radius: 2px;
overflow: hidden;
}
[pb-section].copy-3-columns .copy-container .copy-wrap img.aligncenter {
margin-left: auto;
margin-right: auto;
}
[pb-section].copy-3-columns .copy-container .copy-wrap hr {
margin: 20px 0;
}
[pb-section].copy-3-columns .copy-container .copy-wrap p {
line-height: 1.45;
margin: 0 0 15px;
}
[pb-section].copy-3-columns .copy-container .copy-wrap ul:not( .menu ),
[pb-section].copy-3-columns .copy-container .copy-wrap ol:not( .menu ) {
margin: 20px 0;
}
[pb-section].copy-3-columns .copy-container .copy-wrap li:last-child {
margin-bottom: 0;
}
.wp-caption-text {
margin-bottom: 0 !important;
font-size: 12px !important;
padding: 15px 15px 0;
}
[pb-section] .typography img {
border-radius: 3px;
}
.gap-container {
display: flex;
flex-direction: row;
align-items: stretch;
height: 100%;
}
.gap-container > div {
width: calc( 50% - 15px );
display: flex;
flex-direction: column;
justify-content: center;
}
.gap-image {
background-color: #eee;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 2px;
}
.gap-image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.gap-image.with-caption {
border: 5px solid #fff;
position: relative;
border-radius: 0;
}
.gap-image.with-caption:after {
content: "";
border: 1px solid #f0f0f0;
display: block;
width: calc( 100% + 10px );
height: calc( 100% + 10px );
position: absolute;
top: -5px;
left: -5px;
}
.gap-image .caption {
background-color: #fff;
padding: 15px 15px 5px;
margin-bottom: 0 !important;
font-size: 12px !important;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
}
.gap-copy {
padding: 0 0;
}
.gap-copy > :last-child {
margin-bottom: 0 !important;
}
.copy-and-image-2-columns .gap-copy {
margin-right: 30px;
}
.image-and-copy-2-columns .gap-image {
margin-right: 30px;
}
[pb-section].image-1-column .caption {
border: 1px solid #f0f0f0;
padding: 15px 15px 12px;
margin-bottom: 0 !important;
font-size: 12px !important;
text-align: center;
}
[pb-section].buttons .buttons-wrap {
text-align: center;
}
[pb-section].buttons .btn {
padding: 12px 15px;
margin: 3px;
min-width: 160px;
}
[pb-section].single-box .buttons-wrap {
text-align: center;
}
[pb-section].single-box .buttons-wrap .btn {
margin: 5px 3px 0;
}
section.wings-badge {
padding: 45px 0 0 0;
margin-bottom: -35px;
}
.wings-badge-wrap {
text-align: center;
opacity: 0.99;
}
.wings-badge-wrap img {
width: 200px;
margin: 0 0 5px 0;
}
.wings-message {
font-size: 14px;
line-height: 1.4;
color: #666666;
font-style: italic;
max-width: 620px;
margin: 0 auto 15px;
}
[pb-section].dark-banner {
background-color: #3D3D3D;
background-image: url(../images/programs-bg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0 50px;
margin: 45px 0;
}
[pb-section].dark-banner .dark-banner-wrap {
border: 1px solid #ef184c;
border-top: none;
border-radius: 3px;
padding: 30px 15px 30px;
position: relative;
}
[pb-section].dark-banner .dark-banner-wrap:before,
[pb-section].dark-banner .dark-banner-wrap:after {
content: "";
display: block;
width: calc( 50% - 100px );
height: 1px;
background-color: #ef184c;
position: absolute;
top: 0;
}
[pb-section].dark-banner .dark-banner-wrap:before {
left: 0;
}
[pb-section].dark-banner .dark-banner-wrap:after {
right: 0;
}
[pb-section].dark-banner .pb-section-title {
font-size: 24px;
color: #ea1100;
display: inline-block;
width: 200px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
[pb-section].dark-banner .pb-section-title:before {
background-image: url( ../images/icon-like.svg );
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
width: 30px;
height: 30px;
position: absolute;
top: -5px;
left: 50%;
-webkit-transform: translate( -50%, -100% );
-moz-transform: translate( -50%, -100% );
-ms-transform: translate( -50%, -100% );
-o-transform: translate( -50%, -100% );
transform: translate( -50%, -100% );
}
[pb-section].dark-banner p {
font-size: 13px;
margin: 0 0 12px;
}
#page-builder [pb-section].gallery + [pb-section].single-box .section-content-wrap,
#page-builder [pb-section].video + [pb-section].single-box .section-content-wrap,
#page-builder [pb-section].map + [pb-section].single-box .section-content-wrap,
#page-builder [pb-section].dark-banner + [pb-section].single-box .section-content-wrap {
margin-top: 0;
}
[pb-section] .logo-slider {
font-size: 0;
letter-spacing: 0;
text-align: center;
padding-bottom: 25px;
}
[pb-section] .logo-slider:not( .slick-initialized ) {
max-height: 100px !important;
overflow: hidden !important;
}
[pb-section] .logo-slider .logo-item {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 25%;
border: 10px solid transparent;
position: relative;
}
[pb-section] .logo-slider .logo-item:before {
content: "";
display: block;
width: 100%;
padding-bottom: 50%;
}
[pb-section] .slick-dots {
bottom: 0;
}
[pb-section] .slick-dots li button:before {
transition: all .2s linear;
}
[pb-section] .slick-dots li.slick-active button:before,
[pb-section] .slick-dots li button:focus:before,
[pb-section] .slick-dots li button:hover:before {
opacity: 1;
color: #2c4aa0;
transition: all .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
INSTAGRAM FEED
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-organizations-and-ancs .masthead.without-intro {
margin-bottom: -70px;
}
body.page-template-tmpl-organizations-and-ancs .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 100px 0;
}
body.page-template-tmpl-organizations-and-ancs .masthead.without-intro + section#page-builder {
padding-top: 0;
}
body.page-template-tmpl-organizations-and-ancs section#page-builder {
margin-bottom: 35px;
}
/* ---------------------------------------------------------------------------------------------------------------------
INSTAGRAM FEED
--------------------------------------------------------------------------------------------------------------------- */
section.instagram-feed {
background-color: #fdf9f9;
padding: 40px 0;
}
section.instagram-feed .top-description {
text-align: center;
margin-bottom: 10px;
}
section.instagram-feed .top-description .fa-instagram {
font-size: 20px;
color: #ef184c;
margin: 0 3px 0 0;
position: relative;
top: 3px;
}
section.instagram-feed .top-description > p {
display: inline-block;
}
section.instagram-feed #sb_instagram {
padding: 0 !important;
}
section.instagram-feed #sb_instagram .sbi_photo_wrap {
border-radius: 30px;
}
section.instagram-feed #sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone {
right: 16px;
top: 16px;
font-size: 20px;
}
section.instagram-feed #sb_instagram .sbi_link .sbi_instagram_link {
font-size: 70px;
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
section.instagram-feed #sb_instagram .sbi_link {
background: rgba(180, 39, 1, 0.75);
}
section.instagram-feed .buttons-wrap {
text-align: center;
margin-top: 16px;
}
section.instagram-feed .btn {
font-size: 12px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TWITTER FEED
--------------------------------------------------------------------------------------------------------------------- */
section.tweeter-feed {
background-color: #FEFEFE;
padding: 40px 0 44px;
text-align: center;
}
section.tweeter-feed .twitter-name {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0 0 5px 0;
}
section.tweeter-feed .twitter-name svg {
font-size: 24px;
color: #ef184c;
margin-bottom: -3px;
transition: all .2s linear;
}
section.tweeter-feed .twitter-name a:hover svg {
color: #1da1f2;
transition: all .2s linear;
}
section.tweeter-feed .twitter-name a {
color: #000;
}
section.tweeter-feed .twitter-name a:hover {
color: #ef184c;
}
#twitter-slider {
margin: 0 0 15px;
}
#twitter-slider:not( .slick-initialized ) > .tweet-slide:not( :first-child ) {
display: none;
}
#twitter-slider .tweet-slide {
background-color: #fff;
outline: none !important;
}
.tweet-text {
font-size: 14px;
color: #000;
}
.tweet-text a {
color: #ef184c;
}
.tweet-text a:hover {
color: #ef184c;
text-decoration: underline;
}
section.tweeter-feed .btn {
font-size: 12px;
text-transform: uppercase;
}
/* ---------------------------------------------------------------------------------------------------------------------
SECTION: STAY IN THE KNOW
--------------------------------------------------------------------------------------------------------------------- */
section.sign-up-for-newsletter {
background-color: #222;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/*padding: 40px 0 50px;*/
padding: 50px 0 60px;
}
section.sign-up-for-newsletter.dark-mode h2,
section.sign-up-for-newsletter.dark-mode .section-title > .blast,
section.sign-up-for-newsletter.dark-mode .section-title > .blast:first-child {
color: #ef184c;
}
section.sign-up-for-newsletter .sign-up-form {
width: 100%;
max-width: 550px;
margin: 0 auto;
}
body section.sign-up-for-newsletter .sign-up-form .gform_wrapper {
margin: 25px 0 0 0;
}
body .gform_wrapper form {
position: relative;
}
body .dark-mode .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .dark-mode .gform_wrapper textarea.large {
/*background-color: #392929;*/
background-color: #222;
border-color: #ef184c;
color: #fff;
}
body .dark-mode .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
body .dark-mode .gform_wrapper textarea.large:focus {
background-color: #261b1b !important;
border-color: #d02a00;
color: #fff;
}
.dark-mode .gform_wrapper ::-webkit-input-placeholder {
color: #fff;
}
.dark-mode .gform_wrapper ::-moz-placeholder {
color: #fff;
}
.dark-mode .gform_wrapper ::-o-placeholder {
color: #fff;
}
.dark-mode .gform_wrapper :-ms-input-placeholder {
color: #fff;
}
.dark-mode .gform_wrapper input:-moz-placeholder {
color: #fff;
}
body .gform_wrapper div.charleft.ginput_counter {
position: relative;
top: -18px;
margin: 0;
}
body .gform_wrapper .gfield.gfield_error div.charleft.ginput_counter {
position: relative;
top: 0;
margin: 0;
}
.custom-captcha {
clear: right !important;
float: none !important;
}
.custom-captcha .ginput_container.ginput_recaptcha > div {
background-color: #F9F9F9;
text-align: center;
border: 1px solid #c1cdd9;
padding: 6px 5px;
height: 56px !important;
width: 100% !important;
border-radius: 4px;
overflow: hidden;
}
section.sign-up-for-newsletter .sign-up-form .custom-captcha .ginput_container.ginput_recaptcha > div {
background-color: #222;
}
.custom-captcha.gfield_error .ginput_container.ginput_recaptcha > div {
border-color: #ec1717;
}
.custom-captcha .ginput_container.ginput_recaptcha > div > div {
display: inline-block;
width: 155px;
height: 40px;
overflow: hidden;
position: relative;
}
.custom-captcha .ginput_container.ginput_recaptcha > div > div > iframe {
position: absolute;
top: -14px;
left: -5px;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer input.button,
body .gform_wrapper .gform_page_footer input[type=submit] {
background-color: #ef184c;
border-color: #ef184c;
color: #fff;
}
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_page_footer input.button:hover,
body .gform_wrapper .gform_page_footer input[type=submit]:hover {
background-color: #62bb47;
border-color: #62bb47;
color: #fff;
}
body .gform_wrapper .gform_footer {
width: calc( 50% - 8px );
position: absolute;
right: 0;
bottom: 0;
}
body .gform_wrapper.gform_validation_error .gform_footer {
bottom: 12px;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE
--------------------------------------------------------------------------------------------------------------------- */
body.archive {
background-color: #FAFAFA;
overflow-x: hidden;
}
body.archive section.archive-filter {
padding: 50px 0 0 0;
margin: -100px 0 50px 0;
position: relative;
z-index: 510;
}
body.archive section.intro + section.archive-filter {
padding: 0;
margin: 0 0 40px 0;
}
body.archive .masthead-caption .caption-title-wrap {
padding-right: 140px;
position: relative;
}
body.archive .masthead-caption .caption-title-wrap .view {
display: inline-block;
font-size: 16px;
color: #fff;
position: absolute;
top: 20px;
right: 0;
transition: all .2s linear;
}
body.archive .masthead-caption .caption-title-wrap .view .name {
font-family: "Futura PT", sans-serif;
margin: 0 10px 0 0;
}
body.archive .masthead-caption .caption-title-wrap .view .view-btn {
display: inline-block;
margin: 0 0 0 7px;
}
body.archive .masthead-caption .caption-title-wrap .view .view-btn:hover,
body.archive .masthead-caption .caption-title-wrap .view .view-btn.active {
color: #62bb47;
cursor: pointer;
transition: all .2s linear;
}
.grid-container.archive-container {
max-width: 1100px;
}
body.archive .regular-archive:not( .list ) .object-1-item .preview-wrap:before {
padding-bottom: 68%;
}
.archive-container .object-2-item {
min-height: 400px;
}
.archive-items.list .object-1-cell {
width: 100%;
max-width: 800px;
}
.archive-items.list .object-1-cell .object-2-item {
min-height: 400px;
}
.archive-items.list .object-1-cell .object-2-item .content {
max-width: 650px;
padding-top: 0;
}
.archive-items.list .object-1-cell .object-2-item h4 {
font-size: 32px;
margin-bottom: 10px;
}
.archive-items.list .object-1-cell .object-2-item h4:before {
height: 26px;
}
.archive-items.list .object-1-cell .object-2-item p.date-author {
font-size: 14px;
}
.archive-items.list .object-1-cell .object-2-item p {
font-size: 14px;
}
.archive-items.list .object-1-cell .object-2-item:not( .no-image ) .preview:before {
right: 580px;
}
.archive-items.list .object-1-cell .object-2-item .preview-wrap .preview .play-button {
font-size: 46px;
height: 46px;
line-height: 46px;
width: 46px;
}
.no-results-content {
width: 100%;
max-width: 994px;
margin: 0 auto 60px;
border-radius: 1px;
padding: 100px 50px;
font-size: 40px;
font-weight: 600;
text-align: center;
color: #ececec;
background-color: #ffffff;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
}
.no-results-content svg {
font-size: 50px;
}
.no-results-content > span {
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: FACES of SCD
--------------------------------------------------------------------------------------------------------------------- */
body.archive.post-type-archive-faces_of_scd .filter-box,
body.archive.post-type-archive-annual_report .filter-box {
padding: 22px 40px 22px 285px;
}
body.archive.post-type-archive-faces_of_scd .filter-box .view,
body.archive.post-type-archive-annual_report .filter-box .view {
display: none;
}
section.archive-title .section-title {
font-size: 34px;
color: #ef184c;
margin: 45px 0 -15px 0;
}
section.archive-title .section-title > .blast {
color: #ef184c;
}
section.faces-of-scd-features {
padding: 30px 0 0 0;
}
.f-scd-feature {
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
background-color: #fff;
border-radius: 1px;
padding: 40px 40px;
position: relative;
overflow: hidden;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.02 );
}
.f-scd-feature.dark-mode {
background-color: #ef184c;
background-image: url( ../images/default-masthead.jpg );
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 12px;
}
.f-scd-feature .sc-corner {
display: block;
content: "";
width: 42px;
height: 42px;
position: absolute;
top: 0;
left: 0;
}
.f-scd-feature.dark-mode .sc-corner svg .st0,
.f-scd-feature.dark-mode .sc-corner svg .st1,
.f-scd-feature.dark-mode .sc-corner svg .st2,
.f-scd-feature.dark-mode .sc-corner svg .st3 {
fill: #fff;
}
.f-scd-feature .icon {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 58px;
margin: 0 0 18px;
}
.f-scd-feature.dark-mode .icon {
height: 100px;
margin: 0 0 3px;
}
.f-scd-feature h4 {
font-size: 28px;
text-align: center;
margin: 0 0 15px 0;
}
body.post-type-archive-faces_of_scd section#page-builder {
padding: 0 0 50px;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE FILTER BOX
--------------------------------------------------------------------------------------------------------------------- */
section.archive-filter {
padding: 50px 0 0 0;
margin: 0 0 45px 0;
position: relative;
z-index: 510;
}
.filter-box {
background-color: #fff;
padding: 22px 115px 22px 275px;
border-radius: 4px;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
position: relative;
z-index: 900;
}
body.search .filter-box {
padding: 22px 115px 22px 306px;
}
body.search .filter-box .facetwp-type-fselect {
width: 250px;
}
.filter-box .taxonomies-filter {
display: block;
width: 220px;
height: 50px;
position: absolute;
top: 50%;
left: 40px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.filter-box[dropdowns="0"] {
padding-left: 42px;
}
.filter-box[dropdowns="2"] {
padding-left: 460px;
}
.filter-box[dropdowns="2"] .taxonomies-filter {
display: block;
width: 420px;
height: 50px;
position: absolute;
top: 50%;
left: 40px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect {
display: inline-block;
width: 200px;
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
vertical-align: top;
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect:not( :first-child ) {
margin-left: 6px;
}
.filter-box[dropdowns="3"] {
padding-left: 40px;
padding-right: 115px;
padding-bottom: 90px;
}
.filter-box[dropdowns="3"] .taxonomies-filter {
width: calc( 100% - 80px );
position: absolute;
left: 40px;
bottom: 22px;
font-size: 0;
}
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-sort,
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-type-fselect {
display: inline-block;
width: calc( 33.3% - 7px );
margin-left: 10px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
.filter-box[dropdowns="3"] .facetwp-sort .fs-wrap {
width: 100%;
}
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-sort:first-child,
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-type-fselect:first-child {
margin-left: 0;
}
.search-archive-filter.filter-box.extended-view .search {
position: absolute;
top: 22px;
left: calc( 20% + 26px );
width: calc( 80% - 160px );
}
.facetwp-input-wrap {
width: 100%;
}
.filter-box .search input[type="text"] {
border: 1px solid #c2c2c2;
height: 50px;
font-size: 17px;
font-weight: 400;
color: #000;
text-transform: none;
border-radius: 3px;
padding: 6px 155px 6px 25px;
margin: 0;
transition: border-color .2s linear;
}
.filter-box .search input[type="text"]:focus {
border-color: #2c4aa0;
box-shadow: none;
}
.filter-box .search button[type="submit"] {
position: absolute;
border-radius: 50%;
top: 50%;
right: 8px;
display: block;
width: 40px;
height: 40px;
line-height: 46px;
font-size: 18px;
color: #dadada;
text-align: center;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
transition: all .2s linear;
}
.filter-box .search button[type="submit"]:hover {
color: #7F7F7F;
cursor: pointer;
}
.filter-box .search .facetwp-icon {
background-color: #2c4aa0;
position: absolute;
border-radius: 3px;
top: 0;
right: 0;
display: block;
width: 152px;
height: 50px;
line-height: 50px;
font-size: 14px;
font-style: normal;
font-weight: 600;
color: #fff;
text-align: center;
text-transform: uppercase;
opacity: 1;
transition: background-color .2s linear;
}
.filter-box .search .facetwp-icon:hover {
background-color: #0094c2;
transition: background-color .2s linear;
}
.filter-box .search .facetwp-icon:before {
width: auto;
height: inherit;
background: none !important;
content: "Search";
animation: none !important;
}
.filter-box .search .facetwp-icon:after {
font-family: "Font Awesome 5 Regular";
content: "\f178";
display: none;
}
.filter-box .search .facetwp-icon svg.fa-long-arrow-right {
margin: 0 0 0 4px;
position: relative;
left: 0;
transition: left .15s linear 0s;
}
.filter-box .search .facetwp-icon:hover svg.fa-long-arrow-right {
left: 5px;
transition: left .15s linear .15s;
}
.filter-box .search .facetwp-icon:hover {
opacity: 1;
}
.filter-box .view {
position: absolute;
top: 38px;
right: 32px;
width: 64px;
text-align: center;
}
.filter-box .view .view-btn {
display: inline-block;
font-size: 17px;
color: #b1b1b1;
margin: 0 5px;
cursor: pointer;
transition: all .2s linear;
}
.filter-box .view .view-btn:hover,
.filter-box .view .view-btn.active {
color: #2c4aa0;
}
.filter-box .facetwp-facet {
margin-bottom: 0;
}
.filter-box .facetwp-search-wrap {
position: relative;
display: block;
}
.taxonomies-filter-set {
width: 100%;
position: relative;
font-size: 0;
}
.filter-box .facetwp-type-fselect {
position: relative;
width: 220px;
height: 50px;
margin-bottom: 0 !important;
}
.filter-box .taxonomies-filter-set > .facetwp-type-fselect {
width: calc( 25% - 7px );
position: relative;
top: auto;
left: auto;
display: inline-block;
margin-left: 9px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.search-archive-filter.filter-box .taxonomies-filter-set > .facetwp-type-fselect {
width: calc( 20% - 8px );
margin-left: 0;
margin-right: 9px;
}
.filter-box .taxonomies-filter-set > .facetwp-type-fselect:first-child {
margin-left: 0;
}
.search-archive-filter.filter-box .taxonomies-filter-set > .facetwp-type-fselect:first-child {
position: absolute;
top: -68px;
left: 0;
}
.search-archive-filter.filter-box .taxonomies-filter-set > .facetwp-type-fselect:nth-last-child( 2 ) {
margin-right: 0;
}
.filter-box .fs-arrow {
border: none;
right: 20px;
display: block;
width: 6px;
height: 100%;
line-height: 54px;
}
.filter-box .fs-wrap .fs-label-wrap .fs-arrow:after {
content: "";
display: block;
width: 10px;
height: 14px;
background-image: url( ../images/down-chevron.svg );
position: absolute;
top: -99999px;
left: -99999px;
opacity: 0;
}
.filter-box .fs-wrap .fs-label-wrap .fs-arrow:before {
display: inline-block;
content: "";
background-image: url( ../images/down-chevron-red.svg );
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 10px;
height: 14px;
position: relative;
}
.filter-box .fs-wrap:hover .fs-label-wrap .fs-arrow:before,
.filter-box .fs-wrap.fs-open .fs-label-wrap .fs-arrow:before,
.filter-box .fs-wrap:not( .fs-default ) .fs-label-wrap .fs-arrow:before {
background-image: url( ../images/down-chevron.svg );
}
.filter-box .fs-wrap.fs-open .fs-label-wrap .fs-arrow:before {
top: -3px;
left: -3px;
}
.filter-box .fs-wrap .fs-label-wrap .fs-label {
font-size: 17px;
font-weight: 500;
color: #000;
padding: 16px 30px 15px 24px;
}
.filter-box .fs-wrap:hover .fs-label-wrap .fs-label,
.filter-box .fs-wrap.fs-open .fs-label-wrap .fs-label,
.filter-box .fs-wrap:not( .fs-default ) .fs-label-wrap .fs-label {
color: #fff;
}
.filter-box .facetwp-type-fselect .fs-wrap,
.filter-box .facetwp-type-fselect .fs-dropdown,
.filter-box .fs-dropdown .fs-options {
width: 100% !important;
max-width: 100% !important;
outline: none !important;
}
.filter-box .fs-wrap .fs-label-wrap {
border: 1px solid #c2c2c2;
border-radius: 3px;
cursor: pointer;
background-color: #fff;
transition: all .2s linear;
}
.filter-box .fs-wrap:hover .fs-label-wrap,
.filter-box .fs-wrap.fs-open .fs-label-wrap,
.filter-box .fs-wrap:not( .fs-default ) .fs-label-wrap {
border-color: #2c4aa0;
background-color: #2c4aa0;
transition: all .2s linear;
}
.filter-box .facetwp-type-fselect .fs-option .fs-option-label,
.filter-box .facetwp-sort .fs-option .fs-option-label {
white-space: normal;
word-break: break-word;
font-size: 14px;
line-height: 1.2;
}
.filter-box .facetwp-type-fselect .fs-option .fs-option-label .facetwp-counter {
color: #ef184c;
}
.filter-box .facetwp-sort .fs-option.selected .fs-option-label {
color: #ef184c;
}
.filter-box .fs-option {
padding: 15px 8px 15px;
}
.filter-box .fs-wrap.multiple .fs-option {
padding-left: 34px;
}
.filter-box .fs-wrap.multiple .fs-checkbox {
width: 34px;
}
.filter-box .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
background-color: #ef184c;
}
.filter-box .fs-option:hover {
background-color: #fafafa;
}
.filter-box .facetwp-sort {
display: inline-block;
width: 200px;
position: relative;
vertical-align: top;
}
.filter-box[dropdowns="1"] .facetwp-sort,
.filter-box[dropdowns="1"] .facetwp-sort .fs-wrap {
width: 100%;
}
.taxonomies-filter .facetwp-type-date_range input {
display: inline-block;
width: calc( 50% - 5px );
background-color: transparent;
font-size: 17px;
font-weight: 400;
color: #000;
cursor: pointer !important;
}
.taxonomies-filter .facetwp-type-date_range input.facetwp-date-min {
margin-right: 10px;
}
.filter-box[dropdowns="4"] {
padding-left: 41px;
padding-right: 41px;
}
.filter-box[dropdowns="4"] .taxonomies-filter {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 100%;
margin-top: 10px;
vertical-align: top;
font-size: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.filter-box[dropdowns="4"] .facetwp-type-fselect {
display: inline-block;
width: calc( 25% - 5px );
margin-right: 10px;
vertical-align: top;
}
.filter-box[dropdowns="4"] .facetwp-type-fselect:last-child {
margin-right: 0;
}
.filter-box[dropdowns="4"] .taxonomies-filter .facetwp-type-date_range {
display: inline-block;
width: calc( 50% - 10px );
margin-right: 10px;
font-size: 0;
vertical-align: top;
}
.filter-box[dropdowns="4"] .taxonomies-filter .facetwp-type-date_range .flatpickr-alt {
display: inline-block;
width: calc( 50% - 5px );
border-color: #c2c2c2;
margin-right: 10px;
}
.filter-box[dropdowns="4"] .search input[type="text"] {
padding-left: 20px;
}
.filter-box .taxonomies-filter .facetwp-type-date_range .flatpickr-alt:focus {
border-color: #2c4aa0;
}
.filter-box[dropdowns="4"] .taxonomies-filter .facetwp-type-date_range .flatpickr-alt:last-child {
margin-right: 0;
}
.filter-box[dropdowns="4"] .fs-arrow {
line-height: 66px;
}
.filter-box .facetwp-sort,
.filter-box .facetwp-sort .fs-wrap {
outline: none !important;
}
.filter-box .fs-label-wrap,
.filter-box .facetwp-sort .fs-wrap {
width: 100%;
}
.filter-box .facetwp-sort select {
border: 2px solid #ef184c;
border-radius: 50px;
cursor: pointer;
background-color: #fff;
font-size: 14px;
font-weight: 500;
color: #000;
height: 50px;
padding: 5px 30px 5px 24px;
margin: 0;
}
.filter-box .fs-search input {
font-size: 17px;
border: none !important;
box-shadow: none !important;
outline: none;
padding: 8px 0 6px;
width: 100%;
margin: 0;
height: 36px;
}
.filter-box .fs-no-results {
padding: 15px 8px 10px;
font-size: 14px;
color: #BD2126;
}
.facetwp-selections {
display: block;
width: 100%;
position: relative;
font-size: 14px;
padding: 10px 0 0 10px;
}
.facetwp-selections:empty {
display: none;
}
.facetwp-selections ul {
margin: 0;
}
.facetwp-selections ul li {
margin-right: 15px;
margin-top: 5px;
}
.facetwp-selections ul li .facetwp-selection-label {
font-size: 14px;
color: #003F8F;
}
.facetwp-selections ul li .facetwp-selection-value {
background-size: 11px 11px;
background-position: right 12px center;
background-color: #eee;
display: inline-block;
font-size: 12px;
color: #ababab;
padding: 12px 36px 9px 16px;
border-radius: 30px;
margin-right: 4px;
transition: all .15s linear;
}
.facetwp-selections ul li .facetwp-selection-value:hover {
background-color: #ffa600;
color: #222;
transition: all .15s linear;
}
.filter-box .taxonomies-filter-set > .facetwp-type-fselect .fs-search,
.filter-box .taxonomies-filter-set > .facetwp-type-fselect.facetwp-facet-countries .fs-search {
display: none !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: NEWSLETTERS
--------------------------------------------------------------------------------------------------------------------- */
section.newsletters-top-content,
section.top-content {
padding: 45px 0 0 0;
}
section.newsletters-top-content p,
section.top-content p {
line-height: 1.5;
}
section.newsletters-top-content .buttons-wrap,
section.top-content .buttons-wrap {
text-align: center;
}
section.newsletters-top-content .buttons-wrap .btn,
section.top-content .buttons-wrap .btn {
text-transform: uppercase;
}
.post-categories {
margin-top: 12px;
margin-bottom: 5px;
height: auto;
line-height: 1;
}
.post-categories > a {
display: inline-block;
background-color: #ef184c;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #fff !important;
padding: 2px 5px;
margin: 0 3px 3px 0;
border-radius: 3px;
transition: all .2s linear;
}
.object-1-item:hover .post-categories > a {
background-color: #fff !important;
color: #222 !important;
opacity: 0.7;
transition: all .2s linear;
}
body .object-1-item .post-categories > a:hover {
background-color: #fff !important;
color: #222 !important;
opacity: 1;
}
body.archive .object-1-item .content,
body.dcap .object-1-item .content,
body.vista .object-1-item .content,
body.small-biz .object-1-item .content,
body.search .object-1-item .content {
padding: 30px 25px 70px;
}
body.archive .list .object-1-item .content,
body.dcap .list .object-1-item .content,
body.vista .list .object-1-item .content,
body.small-biz .list .object-1-item .content,
body.search .list .object-1-item .content {
padding: 30px 40px 90px;
}
body.archive .object-1-item .btn + .content,
body.dcap .object-1-item .btn + .content,
body.vista .object-1-item .btn + .content,
body.small-biz .object-1-item .btn + .content,
body.search .object-1-item .btn + .content {
padding-bottom: 65px;
}
body.archive .archive-items.list .object-1-item .btn + .content,
body.dcap .archive-items.list .object-1-item .btn + .content,
body.vista .archive-items.list .object-1-item .btn + .content,
body.small-biz .archive-items.list .object-1-item .btn + .content,
body.search .archive-items.list .object-1-item .btn + .content {
padding-bottom: 85px;
}
body.archive .object-1-item p,
body.dcap .object-1-item p,
body.vista .object-1-item p,
body.small-biz .object-1-item p,
body.search .object-1-item p {
line-height: 1.6;
}
body.archive .object-1-item .btn,
body.dcap .object-1-item .btn,
body.vista .object-1-item .btn,
body.small-biz .object-1-item .btn,
body.search .object-1-item .btn {
left: 25px;
bottom: 25px;
padding: 0;
}
body.archive .list .object-1-item .btn,
body.dcap .list .object-1-item .btn,
body.vista .list .object-1-item .btn,
body.small-biz .list .object-1-item .btn,
body.search .list .object-1-item .btn {
background-color: #f6f8fa !important;
border: solid 1px #62bb47 !important;
border-radius: 3px;
min-width: auto;
padding: 10px 20px;
font-family: "Futura PT", sans-serif;
color: #2c4aa0;
left: 40px;
bottom: 35px;
}
body.archive .list .object-1-item:hover .btn,
body.archive .list .object-1-item .btn:hover,
body.dcap .list .object-1-item:hover .btn,
body.dcap .list .object-1-item .btn:hover,
body.vista .list .object-1-item:hover .btn,
body.vista .list .object-1-item .btn:hover,
body.small-biz .list .object-1-item:hover .btn,
body.small-biz .list .object-1-item .btn:hover,
body.search .list .object-1-item .btn:hover {
background-color: #62bb47 !important;
border: solid 1px #62bb47 !important;
color: #fff !important;
}
body.archive .archive-items .object-1-item[cpt="event"] .btn {
left: 25px;
bottom: 25px;
}
body.archive .archive-items .object-1-item[cpt="event"] .content {
padding: 25px 20px 75px 30px;
}
body.archive .archive-items.list .object-1-item[cpt="event"] .content {
padding: 30px 30px 85px;
}
body.archive .archive-items.list .object-1-item[cpt="event"] .btn {
left: 30px;
bottom: 30px;
}
.archive-items.list .object-1-item .slick-next,
.archive-items.list .object-1-item .slick-prev {
width: 32px;
height: 32px;
line-height: 46px;
}
.archive-items.list .object-1-item .slick-prev {
left: 5px;
}
.archive-items.list .object-1-item .slick-next {
right: 5px;
}
.archive-items.list .object-1-item .slick-next svg,
.archive-items.list .object-1-item .slick-prev svg {
font-size: 17px;
}
.archive-items.list .object-1-item .preview-wrap .play-button {
font-size: 48px;
}
section.latest-newsletter {
padding: 40px 0 0 0;
}
section.latest-newsletter .object-1-item {
margin: 0;
}
section.latest-newsletter .object-1-item .preview-wrap {
width: calc( 100% - 280px );
min-height: 390px;
}
section.latest-newsletter .object-1-item .preview-wrap:before {
display: none;
}
section.latest-newsletter .object-1-item .content,
body.archive .latest-newsletter .object-1-item .content {
width: 280px;
padding: 40px 35px;
}
section.latest-newsletter .object-1-item .btn + .content,
body.archive .latest-newsletter .object-1-item .btn + .content {
padding-bottom: 55px;
}
section.latest-newsletter .object-1-item .content h4 {
font-size: 22px;
}
section.latest-newsletter .object-1-item .btn,
body.archive .latest-newsletter .object-1-item .btn {
left: calc( 100% - 252px );
bottom: 25px;
max-width: 220px;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: ANNUAL REPORTS
--------------------------------------------------------------------------------------------------------------------- */
section.latest-annual-report {
padding: 50px 0 0 0;
}
section.latest-annual-report .object-1-item {
margin: 0;
}
section.latest-annual-report .object-1-item .preview-wrap {
width: 50%;
}
section.latest-annual-report .object-1-item .preview-wrap:before {
padding-bottom: 130%;
}
section.latest-annual-report .object-1-item .content,
body.archive .latest-annual-report .object-1-item .content {
width: 50%;
padding: 40px 35px;
}
section.latest-annual-report .object-1-item .btn + .content,
body.archive .latest-annual-report .object-1-item .btn + .content {
padding-bottom: 90px;
}
section.latest-annual-report .object-1-item .content h4 {
font-size: 30px;
margin: 0 0 20px;
}
section.latest-annual-report .object-1-item .btn,
body.archive .latest-annual-report .object-1-item .btn {
left: calc( 50% + 34px );
bottom: 40px;
border: 2px solid #ef184c !important;
padding: 12px 20px !important;
border-radius: 50px !important;
text-align: center;
}
section.latest-annual-report .object-1-item:hover .btn,
body.archive .latest-annual-report .object-1-item:hover .btn {
border: 2px solid #ef184c !important;
color: #ef184c !important;
}
section.latest-annual-report .object-1-item .btn:hover,
body.archive .latest-annual-report .object-1-item .btn:hover {
background-color: #ef184c !important;
color: #fff !important;
}
section.latest-annual-report .object-1-item .btn svg,
body.archive .latest-annual-report .object-1-item .btn svg {
font-size: 14px;
margin-left: 2px;
}
[cpt="annual_report"].archive-items.list .object-1-item {
margin-bottom: 30px;
}
[cpt="annual_report"].archive-items.list .object-1-item .preview-wrap {
width: 265px;
}
body.archive [cpt="annual_report"].archive-items.list .object-1-item .btn + .content {
padding-bottom: 75px;
}
[cpt="annual_report"].archive-items .object-1-item h4 {
font-size: 24px;
}
[cpt="annual_report"].archive-items .object-1-item .btn {
border: 2px solid #ef184c !important;
padding: 12px 20px !important;
border-radius: 50px !important;
text-align: center;
}
[cpt="annual_report"].archive-items .object-1-item:hover .btn {
border: 2px solid #fff !important;
}
[cpt="annual_report"].archive-items .object-1-item .btn:hover {
background-color: #fff !important;
color: #ef184c !important;
}
body.archive [cpt="annual_report"].archive-items.list .object-1-item .btn {
left: 270px;
bottom: 30px;
}
[cpt="annual_report"].archive-items .object-1-item .btn svg {
font-size: 14px;
margin-left: 2px;
}
.latest-post .object-1-item:hover .content:before {
opacity: 0;
}
.latest-post .object-1-item h4:hover,
.latest-post .object-1-item h4 a:hover,
.latest-post .object-1-item:hover h4,
.latest-post .object-1-item:hover h4 a {
color: #ef184c;
}
.latest-post .object-1-item:hover p {
color: #000;
}
.latest-post .object-1-item:hover .content .sc-corner svg .st0,
.latest-post .object-1-item:hover .content .sc-corner svg .st1,
.latest-post .object-1-item:hover .content .sc-corner svg .st2,
.latest-post .object-1-item:hover .content .sc-corner svg .st3 {
fill: #ef184c;
}
.latest-post .object-1-item:hover .btn,
.latest-post .object-1-item .btn:hover {
color: #ef184c !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: WEBINARS & VIDEOS
--------------------------------------------------------------------------------------------------------------------- */
.object-1-item[cpt="webinars_and_videos"] {
max-width: 680px;
margin: 0 auto;
}
.object-1-item[cpt="webinars_and_videos"] .preview-wrap:before {
padding-bottom: 50%;
}
body.archive .regular-archive:not( .list ) .object-1-item[cpt="webinars_and_videos"] .preview-wrap:before {
padding-bottom: 60%;
}
body.archive .object-1-item[cpt="webinars_and_videos"] .btn {
border: 2px solid #ef184c !important;
color: #000;
padding: 12px 20px !important;
border-radius: 50px !important;
text-align: center;
left: 50%;
bottom: 28px;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
body.archive .object-1-item[cpt="webinars_and_videos"]:hover .btn {
border: 2px solid #fff !important;
color: #fff;
}
body.archive .object-1-item[cpt="webinars_and_videos"] .btn:hover {
border: 2px solid #fff !important;
background-color: #fff !important;
color: #ef184c !important;
}
body.archive .object-1-item[cpt="webinars_and_videos"] .btn svg {
color: #ef184c;
transition: inherit;
}
body.archive .object-1-item[cpt="webinars_and_videos"]:hover .btn svg {
color: #fff;
transition: inherit;
}
body.archive .object-1-item[cpt="webinars_and_videos"] .btn:hover svg {
color: #ef184c;
transition: inherit;
}
body.archive .object-1-item[cpt="webinars_and_videos"] .btn + .content {
padding-bottom: 85px;
}
body.archive .archive-items.list .object-1-item[cpt="webinars_and_videos"] .btn + .content {
padding-bottom: 85px;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: MEDIA MENTIONS
--------------------------------------------------------------------------------------------------------------------- */
.object-1-item .publication-logo {
background-color: #fff;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 100%;
height: 64px;
border: 10px solid transparent;
border-left-width: 20px;
border-right-width: 20px;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .publication-logo {
width: 180px;
height: auto;
min-height: 64px;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .publication-logo + .preview-wrap {
display: none;
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: PUBLICATIONS
--------------------------------------------------------------------------------------------------------------------- */
body.post-type-archive-publications .object-1-cell,
body.post-type-archive-sc_resources .object-1-cell,
body.post-type-archive-advocacy_tools .object-1-cell {
margin-bottom: 20px
}
.filter-box.no-view-buttons {
padding-right: 41px;
}
.document-item {
background-color: #fff;
display: flex;
flex-direction: row;
align-items: stretch;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
padding: 20px 30px;
position: relative;
}
.document-item:before {
content: "";
display: block;
width: 51px;
height: 4px;
background-color: #9cbe4d;
position: absolute;
left: 30px;
bottom: 0;
}
:not( .object-1-cell ) > .document-item {
margin-bottom: 15px;
}
.document-item .title {
width: 270px;
}
.document-item .buttons-wrap {
width: 160px;
}
.document-item .content {
font-size: 14px;
color: #000;
line-height: 1.45;
width: calc( 100% - 190px );
padding: 0 120px 0 25px;
}
.document-item .description > :last-child {
margin-bottom: 0;
}
.document-item .date {
font-family: "Futura PT", sans-serif;
font-size: 12px;
color: #6d7388;
margin: 0 0 9px;
}
.document-item h4 {
font-family: "Futura PT Book", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.2;
margin: 0 0 10px;
color: #2c4aa0;
}
.document-item h4 a:hover {
color: #ef184c;
}
.document-item h4 a {
color: inherit;
}
.document-item .description p {
font-size: inherit;
color: inherit;
line-height: inherit;
}
.document-item .detailed-description {
padding-top: 10px;
overflow: hidden;
}
.document-item .detailed-description p {
font-size: 14px;
font-style: italic;
color: #6d7388;
line-height: 1.45;
}
.document-item .btn {
width: 100%;
}
.document-item .accordion-extender {
position: absolute;
right: -45px;
top: 0;
}
.document-item .accordion-extender:before {
background-color: #fff;
display: block;
content: '+';
width: 38px;
height: 38px;
line-height: 38px;
font-size: 23px;
color: #2c4aa0;
text-align: center;
border-radius: 3px;
margin: 0;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
transition: all .2s linear;
}
.document-item .accordion-extender:hover::before {
color: #ef184c;
cursor: pointer;
transition: all .2s linear;
}
.document-item .accordion-extender.active::before {
color: #ef184c;
content: '\2013';
}
.document-item .button-wrap {
line-height: 0;
}
.document-item[cpt="research"] {
align-items: center;
}
.document-item[cpt="research"] .content {
padding-left: 0;
width: calc( 100% - 160px );
position: relative;
}
.document-item[cpt="research"] .button-wrap {
width: 160px;
}
.document-item[cpt="research"]:before {
content: "";
display: block;
width: 4px;
height: 39px;
background-color: #9cbe4d;
position: absolute;
left: 0;
bottom: auto;
top: 23px;
}
.cnhed-authored {
display: block;
width: 60px;
position: absolute;
top: 50%;
right: 28px;
margin-top: 3px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
/* ---------------------------------------------------------------------------------------------------------------------
ARCHIVE: ADVOCACY TOOLS ARCHIVE
--------------------------------------------------------------------------------------------------------------------- */
body.post-type-archive-advocacy_tools section#page-builder {
padding-bottom: 0;
}
body.post-type-archive-advocacy_tools section.archive-title {
margin-bottom: -30px;
}
body.post-type-archive-advocacy_tools section.archive-title .section-title {
margin: 45px 0 10px 0;
}
section.us-map {
margin-bottom: 45px;
}
body.post-type-archive-advocacy_tools section.archive-filter {
margin: 0 0 40px 0;
}
.single-box-x {
background-color: #fff;
display: flex;
flex-direction: column;
height: 100%;
border-radius: 3px;
overflow: hidden;
padding: 40px 45px;
position: relative;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
}
.single-box-x:before {
content: "";
display: block;
width: 81px;
height: 4px;
background-color: #fdc056;
position: absolute;
top: 0;
right: 4px;
z-index: 500;
}
.single-box-x:after {
content: "";
display: block;
width: 4px;
height: 15px;
background-color: #9cbe4d;
position: absolute;
top: 0;
right: 0;
z-index: 500;
}
.single-box-x p {
line-height: 1.3;
}
.single-box-x a {
font-family: "Futura PT", sans-serif;
}
.single-box-x .buttons-wrap {
text-align: center;
margin-top: 5px;
}
.states-description-wrap {
position: relative;
}
.state-description-item {
visibility: hidden;
opacity: 0;
position: absolute;
top: -99999px;
left: -99999px;
margin-top: 35px;
transition: opacity 0s linear;
}
.state-description-item.show {
visibility: visible;
opacity: 1;
position: relative;
top: 0;
left: 0;
transition: opacity .5s linear;
}
.state-description-item h4 {
text-align: center;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: ABOUT
--------------------------------------------------------------------------------------------------------------------- */
section.envisions {
padding: 50px 0 0;
margin-bottom: 60px;
}
section.envisions .grid-container {
max-width: 1020px;
}
section.envisions .section-title + .section-subtitle {
margin-bottom: 0;
}
section.envisions .bottom-content {
margin-top: 35px;
}
section.envisions .advocacy-item {
min-height: 310px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: HISTORY & IMPACT
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-history-and-impact section.awesome-features {
padding-top: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: BOARD of DIRECTORS
--------------------------------------------------------------------------------------------------------------------- */
section.board-of-directors {
padding: 0 0 20px;
}
section.board-of-directors .section-title {
margin-bottom: 25px !important;
}
section.intro + section.board-of-directors {
padding-top: 0;
}
.object-3-item {
display: flex;
flex-direction: row;
align-items: center;
}
.object-3-item .photo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 320px;
height: 320px;
border-radius: 50%;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
position: relative;
z-index: 400;
}
.object-3-item .content {
width: calc( 100% - 320px );
background-color: #fff;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
text-align: center;
border-radius: 1px;
padding: 25px 40px;
position: relative;
overflow: hidden;
z-index: 410;
}
.object-3-item .content:before {
background-image: url(../images/corner-top-left.svg);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
display: block;
content: "";
width: 42px;
height: 42px;
position: absolute;
top: 0;
left: 0;
}
.object-3-item .content h4 {
font-size: 24px;
margin: 0 0 12px 0;
}
.object-3-item .content h6 {
font-size: 20px;
font-weight: 400;
color: #000;
margin: -4px 0 15px 0;
}
.object-3-item .content .description {
font-size: 14px;
}
.object-3-item .content .btn {
margin-top: 12px;
text-transform: uppercase;
cursor: pointer;
}
.object-3-item:nth-child( odd ) .content {
left: -20px;
}
.object-3-item:nth-child( even ) .photo {
order: 2;
}
.object-3-item:nth-child( even ) .content {
order: 1;
right: -20px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: OUR SUPPORTERS
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-our-supporters .masthead-caption .caption-title-wrap {
padding-right: 140px;
position: relative;
}
section#our-clients {
padding: 0 0 30px;
}
.clients-wrap[view="list"] {
-webkit-columns: 300px 4;
-moz-columns: 300px 4;
columns: 250px 4;
position: relative;
}
.clients-wrap[view="list"]:before,
.clients-wrap[view="list"]:after {
content: "";
display: block;
position: absolute;
}
.clients-wrap[view="list"]:before {
width: 106px;
height: 4px;
background-color: #62bb47;
top: 0;
left: 50px;
}
.clients-wrap[view="list"]:after {
width: 93px;
height: 4px;
background-color: #0094c2;
bottom: 0;
right: 50px;
}
.group-wrap {
position: relative;
padding: 0 0 0 45px;
margin: 0 0 45px 0;
}
.group-wrap .group-name {
font-family: "Futura PT", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 1;
color: #2c4aa0;
position: absolute;
top: -1px;
left: 1px;
}
.group-wrap ul {
list-style: none;
margin: 0;
}
.group-wrap ul li,
.group-wrap ul li a {
font-size: 16px !important;
font-weight: 400 !important;
color: #000 !important;
line-height: 1.25 !important;
}
.group-wrap ul li {
margin: 0 0 15px 0 !important;
}
.group-wrap ul li br {
display: none !important;
}
.group-wrap ul li a:hover {
color: #62bb47 !important;
}
.clients-wrap[view="grid"] {
font-size: 0;
text-align: center;
}
.clients-wrap .client-item {
display: inline-block;
width: 240px;
font-size: 16px;
line-height: 1.25;
color: #4d4d4d;
text-align: center;
vertical-align: top;
padding: 0 7px;
margin: 0 0 40px 0;
position: relative;
transition: all .2s linear;
}
.clients-wrap .client-item .logo-wrap {
background-color: #fff;
background-repeat: no-repeat;
background-size: 0;
background-position: center;
display: block;
width: 100%;
padding: 13px;
margin-bottom: 10px;
position: relative;
border-radius: 3px;
overflow: hidden;
transition: all .15s linear;
}
.clients-wrap .client-item .logo-wrap:before {
background-image: inherit;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
content: "";
display: block;
width: 100%;
padding-bottom: 44%;
}
.clients-wrap .client-item .logo-wrap.no-logo:before {
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
}
.clients-wrap a.client-item:hover .logo-wrap {
transition: all .2s linear;
}
.clients-wrap .client-item:hover {
color: #62bb47;
transition: all .2s linear;
}
.clients-wrap .client-item .logo-wrap .read-more {
background-color: #2c4aa0;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: all .2s linear;
}
.clients-wrap .client-item .logo-wrap .read-more .btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.clients-wrap .client-item .logo-wrap .read-more .btn:hover {
color: #fff !important;
background-color: transparent !important;
}
.clients-wrap .client-item .logo-wrap .read-more:hover {
opacity: 0.96;
transition: all .2s linear;
}
.clients-view-switcher {
display: inline-block;
font-size: 16px;
color: #fff;
position: absolute;
top: 20px;
right: 0;
transition: all .2s linear;
}
.clients-view-switcher .name {
font-family: "Futura PT", sans-serif;
margin: 0 10px 0 0;
}
.clients-view-switcher .view-btn {
display: inline-block;
margin: 0 0 0 7px;
}
.clients-view-switcher .view-btn:hover,
.clients-view-switcher .view-btn.active {
color: #62bb47;
cursor: pointer;
transition: all .2s linear;
}
.clients-wrap[view="list"] {
background-color: #fff;
border-radius: 3px;
padding: 50px 50px;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.clients-wrap[view="list"] .group-wrap ul li {
font-size: 16px;
color: #000;
padding: 0 !important;
}
.clients-wrap[view="list"] .group-wrap ul li a:hover {
color: #62bb47;
text-decoration: none;
}
.clients-wrap[view="list"] .group-wrap ul li:before {
display: none !important;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 1 ) {
transition-delay: 0.1s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 2 ) {
transition-delay: 0.2s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 3 ) {
transition-delay: 0.3s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 4 ) {
transition-delay: 0.4s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 5 ) {
transition-delay: 0.5s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 6 ) {
transition-delay: 0.6s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 7 ) {
transition-delay: 0.7s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 8 ) {
transition-delay: 0.8s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 9 ) {
transition-delay: 0.9s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 10 ) {
transition-delay: 1.0s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 11 ) {
transition-delay: 1.1s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 12 ) {
transition-delay: 1.2s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 13 ) {
transition-delay: 1.3s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 14 ) {
transition-delay: 1.4s;
}
.clients-wrap[view="list"] .group-wrap ul > li.magic:nth-child( 15 ) {
transition-delay: 1.5s;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: PROGRAMS
--------------------------------------------------------------------------------------------------------------------- */
section.programs-top-content {
padding: 45px 0 0;
}
section.programs-top-content p {
margin: 0 0 12px 0;
}
body.page-template-tmpl-programs .object-1-item .preview-wrap:before,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item .preview-wrap:before,
body.page-template-tmpl-advocacy section.programs .object-1-item .preview-wrap:before {
content: "";
display: block;
width: 100%;
padding-bottom: 75%;
}
body.page-template-tmpl-programs section.programs {
padding-top: 45px;
margin-bottom: 50px;
}
section.programs-top-content + section.programs {
padding-top: 15px;
}
body.page-template-tmpl-programs .object-1-item h4,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item h4 {
font-size: 30px;
color: #6f1703;
text-align: center;
}
body.page-template-tmpl-programs .object-1-item h4 a,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item h4 a {
color: #6f1703;
}
body.page-template-tmpl-programs .object-1-item:hover a,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item:hover a,
body.page-template-tmpl-advocacy section.programs .object-1-item:hover a,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item:hover a {
color: #fff;
}
body.page-template-tmpl-programs .object-1-item .short-description,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item .short-description,
body.page-template-tmpl-advocacy section.programs .object-1-item .short-description,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .short-description {
font-size: 14px;
text-align: center;
}
body.page-template-tmpl-programs .object-1-item .btn,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item .btn,
body.page-template-tmpl-advocacy section.programs .object-1-item .btn,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .btn {
color: #000;
text-align: center;
padding: 12px 20px;
border: 2px solid #ef184c !important;
border-radius: 50px;
min-width: 160px;
left: 50%;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
body.page-template-tmpl-programs .object-1-item .btn svg,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item .btn svg,
body.page-template-tmpl-advocacy section.programs .object-1-item .btn svg,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .btn svg {
color: #ef184c;
transition: inherit;
}
body.page-template-tmpl-programs .object-1-item:hover .btn,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item:hover .btn,
body.page-template-tmpl-advocacy section.programs .object-1-item:hover .btn,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item:hover .btn {
border-color: #fff !important;
}
body.page-template-tmpl-programs .object-1-item:hover .btn svg,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item:hover .btn svg,
body.page-template-tmpl-advocacy section.programs .object-1-item:hover .btn svg,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item:hover .btn svg {
color: #fff;
transition: inherit;
}
body.page-template-tmpl-programs .object-1-item .btn + .content,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item .btn + .content,
body.page-template-tmpl-advocacy section.programs .object-1-item .btn + .content,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .btn + .content {
padding-bottom: 90px;
}
body.page-template-tmpl-programs .object-1-item .short-description,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item .short-description,
body.page-template-tmpl-advocacy section.programs .object-1-item .short-description,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .short-description {
color: #000;
transition: color .2s linear;
}
body.page-template-tmpl-programs .object-1-item:hover .short-description,
body.page-template-tmpl-ways-to-get-involved section.programs .object-1-item:hover .short-description,
body.page-template-tmpl-advocacy section.programs .object-1-item:hover .short-description,
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item:hover .short-description {
color: #fff;
transition: color .2s linear;
}
.object-1-item .slick-next,
.object-1-item .slick-prev {
background-color: #fff;
width: 38px;
height: 38px;
line-height: 54px;
border-radius: 3px;
z-index: 500;
text-align: center;
opacity: 0.85;
transition: all .2s linear;
}
.object-1-item .slick-prev {
left: 10px;
padding-right: 3px;
}
.object-1-item .slick-next {
right: 10px;
padding-left: 3px;
}
.object-1-item .slick-next:before,
.object-1-item .slick-prev:before {
display: none;
}
.object-1-item .slick-next svg,
.object-1-item .slick-prev svg {
font-size: 19px;
opacity: 1;
color: #ef184c;
transition: color .2s linear;
}
.object-1-item .slick-next:hover,
.object-1-item .slick-prev:hover {
background-color: #ef184c;
opacity: 1;
transition: all .2s linear;
}
.object-1-item .slick-next:hover svg,
.object-1-item .slick-prev:hover svg {
color: #fff;
transition: color .2s linear;
}
body.page-template-tmpl-programs .object-1-item .slick-next,
body.page-template-tmpl-programs .object-1-item .slick-prev {
line-height: 52px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: TEAM & FOUNDERS
--------------------------------------------------------------------------------------------------------------------- */
section.the-founders-team {
padding: 60px 0 0;
margin-bottom: 40px;
}
section.the-founders-team .object-3-item {
margin-bottom: -30px;
}
section.the-founders-team .object-3-item .photo {
width: 520px;
height: 520px;
}
section.the-founders-team .object-3-item .content {
width: calc( 100% - 520px );
padding: 50px 50px;
}
section.the-founders-team .object-3-item:nth-child( odd ) .content {
left: -5px;
}
section.the-founders-team .object-3-item:nth-child( even ) .content {
right: -5px;
}
section.the-founders-team .object-3-item .content h4 {
font-size: 30px;
margin: 0 0 15px 0;
}
section.the-founders-team .object-3-item .content h6 {
margin: -4px 0 18px 0;
}
section.the-founders-team .object-3-item .content .btn {
margin-top: 18px;
}
section.the-inspiration-team {
padding: 50px 0 0;
}
section.the-founders-team .section-title,
section.the-inspiration-team .section-title,
section.the-sc-team .section-title {
font-size: 36px;
font-weight: 700;
color: #ef184c;
}
section.the-founders-team .section-title {
margin-bottom: 35px;
}
section.the-inspiration-team .section-title .subtitle {
font-weight: 400;
}
section.the-inspiration-team .section-title {
margin-bottom: 25px;
}
section.the-sc-team .section-title {
margin-bottom: 40px;
}
section.the-inspiration-team .object-3-item {
margin-bottom: 20px;
}
section.the-sc-team {
padding: 55px 0 30px;
}
section.the-sc-team.the-ambassadors {
padding-bottom: 35px;
}
section.the-sc-team .object-cell {
margin-top: 110px;
margin-bottom: 35px;
}
section.the-sc-team .object-2-item h4 {
font-size: 20px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: WAYS TO GIVE
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-ways-to-give .object-1-item .preview-wrap:before {
content: "";
display: block;
width: 100%;
padding-bottom: 65%;
}
body.page-template-tmpl-ways-to-give .object-1-item .content {
text-align: center;
padding: 30px 15px
}
body.page-template-tmpl-ways-to-give .object-1-item .content .short-description {
font-size: 14px;
line-height: 1.5;
}
body.page-template-tmpl-ways-to-give .object-1-item .btn + .content {
padding-bottom: 90px;
}
body.page-template-tmpl-ways-to-give .object-1-item .title {
font-size: 20px;
}
body.page-template-tmpl-ways-to-give .object-1-item .blast-root {
font-weight: 400;
color: #000;
}
body.page-template-tmpl-ways-to-give .object-1-item .blast-root > :first-child {
font-weight: 600;
color: #ef184c;
transition: inherit;
}
body.page-template-tmpl-ways-to-give .object-1-item .btn {
color: #000;
text-align: center;
padding: 12px 20px;
border: 2px solid #ef184c !important;
border-radius: 50px;
min-width: 160px;
left: 50%;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
body.page-template-tmpl-ways-to-give .object-1-item .btn svg {
color: #ef184c;
transition: inherit;
}
body.page-template-tmpl-ways-to-give .object-1-item:hover .blast-root,
body.page-template-tmpl-ways-to-give .object-1-item:hover .blast-root > :first-child {
color: #fff;
transition: inherit;
}
body.page-template-tmpl-ways-to-give .object-1-item:hover .content .short-description {
color: #fff;
transition: color .2s linear;
}
body.page-template-tmpl-ways-to-give .object-1-item:hover .btn {
color: #fff;
border-color: #fff !important;
}
body.page-template-tmpl-ways-to-give .object-1-item:hover .btn svg {
color: #fff;
}
.ways-to-give-logos {
text-align: center;
margin: 20px 0 50px 0;
}
.ways-to-give-logos .logo-item {
display: inline-block;
margin: 10px 20px;
}
.ways-to-give-logos .logo-item img {
height: 70px;
}
body.page-template-tmpl-ways-to-get-involved section.featured-in-the-news .object-1-item {
margin-bottom: 0 !important;
}
.item-cell-20 {
margin-bottom: 20px;
}
.item-cell-35 {
margin-bottom: 20px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: NEWSROOM
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-newsroom .section-title {
font-size: 30px;
font-weight: 700;
}
section.latest-media-mentions {
background-color: #3D3D3D;
background-image: url(../images/programs-bg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0 45px;
}
section.latest-media-mentions .typography {
margin-bottom: 40px;
}
section.latest-media-mentions .typography p {
line-height: 1.5;
}
section.latest-media-mentions .dark-mode .section-title {
color: #ea1100;
}
section.latest-media-mentions .btn.all-news {
color: #fff;
text-transform: uppercase;
margin-top: 35px;
}
section.latest-media-mentions .btn.btn-default.all-news svg {
color: #fff !important;
transition: inherit;
}
section.latest-blog-posts {
padding: 50px 0 0;
margin-bottom: 40px;
}
section.latest-blog-posts .typography {
margin-bottom: 40px;
}
section.latest-blog-posts .object-1-item .preview-wrap:before {
padding-bottom: 72%;
}
section.latest-blog-posts .btn.all-news {
font-size: 12px;
margin-top: 35px;
text-transform: uppercase;
}
section.featured-events .btn.all-news {
margin: 35px 5px 0;
}
section.sickle-cell-latest-news {
padding: 50px 0 0;
margin-bottom: 40px;
}
section.sickle-cell-latest-news .typography {
margin-bottom: 40px;
}
section.sickle-cell-latest-news .btn.all-news {
font-size: 12px;
margin-top: 35px;
text-transform: uppercase;
}
/* ---------------------------------------------------------------------------------------------------------------------
OBJECT 4
--------------------------------------------------------------------------------------------------------------------- */
.object-4-item {
display: block;
position: relative;
margin-bottom: 30px;
}
.object-4-item .sc-corner {
width: 46px;
position: absolute;
top: 0;
left: 0;
z-index: 500;
}
.object-4-item .preview {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #eee;
display: block;
width: 100%;
}
.object-4-item .preview:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.object-4-item .preview:after {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,1) 95%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,1) 95%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,1) 95%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.87;
transition: opacity .25s linear;
}
.object-4-item:hover .preview:after {
opacity: 0.94;
transition: opacity .35s linear;
}
.object-4-item .content {
display: block;
width: calc( 100% - 70px );
max-width: 450px;
position: absolute;
left: 35px;
bottom: 35px;
}
.object-4-item .content h4 {
font-size: 30px;
font-weight: 500;
line-height: 1.18;
color: #fff;
margin: 0 0 15px 0;
}
.object-4-item .content h4 > .blast:first-child,
.object-4-item .content h4 > .blast:first-child[blast-content="Sick"] + .blast[blast-content="Cells"],
.object-4-item .content h4 > .blast:first-child[blast-content="Sickle"] + .blast[blast-content="Cell"],
.object-4-item .content h4 > .blast:first-child[blast-content="Sickle"] + .blast[blast-content="Cell"] + .blast[blast-content="Disease"] {
font-weight: 700;
}
.object-4-item .content p,
.object-4-item .content .short-description {
font-size: 14px;
color: #fff;
}
.object-4-item .content .short-description {
margin-bottom: 20px;
}
.object-4-item .content .btn.btn-default {
background-color: transparent;
border: 2px solid #ef184c;
color: #fff;
text-transform: uppercase;
}
.object-4-item .content .btn.btn-default svg {
color: #fff !important;
}
.object-4-item:hover .content .btn.btn-default {
border: 2px solid #ef184c;
background-color: #ef184c;
color: #fff;
}
.object-4-item:hover .content .btn.btn-default svg {
left: 5px;
}
section.resources {
padding: 35px 0 0;
margin: 0 0 25px 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: WAYS TO GET INVOLVED
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-ways-to-get-involved section.programs {
padding-top: 45px;
margin-bottom: 50px;
}
body.page-template-tmpl-ways-to-get-involved section.programs .typography {
margin-bottom: 40px;
}
body.page-template-tmpl-ways-to-get-involved section.featured-events {
padding: 50px 0 40px;
}
body.page-template-tmpl-ways-to-get-involved section.actions {
background-color: #f2f5f7;
padding: 0 0 55px;
}
body.page-template-tmpl-ways-to-get-involved section.actions .typography {
margin-bottom: 35px;
}
body.page-template-tmpl-ways-to-get-involved section.actions .typography:empty {
display: none !important;
}
body.page-template-tmpl-ways-to-get-involved section.actions .action-item:first-child {
margin-top: 0;
}
section.engage {
background-color: #3D3D3D;
background-image: url( ../images/programs-bg.jpg );
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding: 45px 0 50px;
}
section.engage .section-title {
margin-bottom: 12px;
}
section.engage .section-title > .blast:first-child {
color: #ef184c;
}
.engage-hashtags-wrap {
display: block;
width: 100%;
max-width: 996px;
border: 1px solid #ef184c;
border-top: none;
padding: 35px 50px 30px;
margin: 0 auto;
text-align: center;
position: relative;
}
.engage-hashtags-wrap:before,
.engage-hashtags-wrap:after {
content: "";
display: block;
width: calc( 50% - 145px );
height: 1px;
background-color: #ef184c;
position: absolute;
top: 0;
}
.engage-hashtags-wrap:before {
left: 0;
}
.engage-hashtags-wrap:after {
right: 0;
}
.engage-hashtags-title {
font-size: 18px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.engage-hashtags-wrap .hashtag-item {
display: inline-block;
font-size: 72px;
line-height: 0.8;
font-weight: 200;
color: #ef184c;
margin: 12px 16px;
}
.engage-hashtags-wrap .hashtag-item:nth-child( odd ) {
color: #737373;
}
.engage-hashtags-wrap .hashtag-item:nth-child( even ) {
color: #ef184c;
}
.engage-hashtags-wrap .hashtag-item:hover {
color: #fff !important;
}
section.engage .soc-media {
width: 100%;
text-align: center;
margin: 12px 0 35px;
}
section.engage .soc-media .sm-item {
width: 46px;
height: 46px;
line-height: 36px;
font-size: 36px;
color: #ef184c;
margin: 0 8px;
}
section.engage .soc-media .sm-item:hover {
background-color: transparent;
color: #fff;
}
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item h4 {
font-size: 24px;
color: #252525;
font-weight: 400;
}
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item h4 span {
color: #252525;
}
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item h4 span:nth-child( 1 ),
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item h4 span:nth-child( 2 ),
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item h4 span:nth-child( 3 ) {
color: #ef184c;
font-weight: 600;
}
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item:hover h4,
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item:hover h4 a,
body.page-template-tmpl-ways-to-get-involved section.programs.advise-and-intern .object-1-item:hover h4 span {
color: #fff !important;
}
body.page-template-tmpl-ways-to-get-involved section.featured-in-the-news {
padding-top: 10px;
}
body.page-template-tmpl-ways-to-get-involved .archive-items.list .object-1-item .preview-wrap:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
body.page-template-tmpl-ways-to-get-involved .archive-items.list .object-1-item .btn + .content {
padding-bottom: 55px;
}
body.page-template-tmpl-ways-to-get-involved .archive-items.list .object-1-item .btn {
left: 204px;
bottom: 25px;
}
body.page-template-tmpl-ways-to-get-involved .bottom-caption {
margin-top: 15px;
}
body.page-template-tmpl-ways-to-get-involved section.featured-in-the-news .bottom-caption .btn.all-news {
margin-top: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: CONTACT US
--------------------------------------------------------------------------------------------------------------------- */
section.contact-form {
margin-bottom: 45px;
margin-top: -165px;
}
section.contact-form .grid-container {
max-width: 1000px;
}
section.contact-form .contact-us-form {
width: 100%;
margin: 0 auto;
background-color: #fff;
border-radius: 3px;
overflow: hidden;
padding: 40px 60px;
margin-top: 0;
position: relative;
z-index: 500;
}
section.contact-form .contact-us-form:before,
section.contact-form .contact-us-form:after {
content: "";
display: block;
position: absolute;
}
section.contact-form .contact-us-form:before {
background-color: #ef184c;
width: 4px;
height: 35px;
top: 4px;
left: 0;
}
section.contact-form .contact-us-form:after {
background-color: #9cbe4d;
width: 14px;
height: 4px;
top: 0;
left: 0;
}
.contacts-bar {
padding: 230px 0 0 50px;
}
.contacts-bar h3 {
margin: 0 0 25px 0;
}
.contacts-bar .contact-item {
position: relative;
}
.contacts-bar .contact-item svg {
width: 26px;
height: 26px;
font-size: 26px;
position: absolute;
top: 50%;
left: -50px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.contacts-bar .contact-item svg.fa-envelope {
font-size: 24px;
width: 24px;
}
.contacts-bar p,
.contacts-bar a {
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #999;
}
.contacts-bar .foo-soc-media {
margin-top: 35px;
}
.contacts-bar .foo-soc-media p {
font-size: 22px;
color: #62bb47;
margin: 0 0 10px 0;
}
.contacts-bar .foo-soc-media a {
font-size: 26px;
color: #62bb47;
margin: 0 15px 5px 0;
}
.contacts-bar .foo-soc-media a:hover {
color: #ef184c;
}
section.contact-form .section-title {
font-size: 36px;
color: #2c4aa0;
text-align: left;
margin: 0 0 25px 0;
}
section.contact-form .section-subtitle {
font-size: 16px;
font-weight: 500;
color: #808080;
text-align: left;
margin: -15px 0 25px 0;
}
section.map {
position: relative;
margin-bottom: 40px;
}
section.map .acf-map {
min-height: 500px;
}
.gm-style .gm-style-iw-c .marker-popup-content {
display: block;
}
.marker-popup-content {
display: none;
padding: 10px 10px;
text-align: center;
}
.marker-popup-content h4 {
font-size: 22px;
font-weight: 800;
color: #2c4aa0;
line-height: 1;
text-align: center;
margin: 0 0 8px 0;
}
.marker-popup-content p {
font-size: 12px;
line-height: 1.2;
font-weight: 600;
color: #0d0d0d;
}
.marker-popup-content > :last-child {
margin-bottom: 0 !important;
}
.gm-style .gm-style-iw-c {
box-shadow: 5px 10px 15px 1px rgba( 0, 0, 0, 0.3 );
}
.search-directions-wrap {
width: 100%;
max-width: 730px;
padding: 0 15px;
position: absolute;
left: 50%;
bottom: 60px;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
.search-directions-wrap ::-webkit-input-placeholder {
color: #0d0d0d;
}
.search-directions-wrap ::-moz-placeholder {
color: #0d0d0d;
}
.search-directions-wrap ::-o-placeholder {
color: #0d0d0d;
}
.search-directions-wrap :-ms-input-placeholder {
color: #0d0d0d;
}
.search-directions-wrap input:-moz-placeholder {
color: #0d0d0d;
}
.search-directions-wrap input[type="text"] {
font-size: 14px;
font-weight: 500;
color: #0d0d0d;
height: 52px;
border: 2px solid #fff;
border-radius: 50px;
padding: 5px 180px 5px 35px;
box-shadow: 5px 10px 15px 1px rgba( 0, 0, 0, 0.3 ) !important;
}
.search-directions-wrap input[type="text"]:focus {
border-color: #2c4aa0;
}
.search-directions-box {
position: relative;
}
.search-direction-btn {
background-color: #2c4aa0;
width: 170px;
height: 52px;
border-radius: 50px;
position: absolute;
top: 0;
right: 0;
font-size: 14px;
font-weight: 600;
color: #fff;
text-align: center;
line-height: 52px;
transition: all .2s linear;
}
.search-direction-btn:hover {
background-color: #0094c2;
color: #fff;
cursor: pointer;
}
.search-direction-btn svg {
margin-left: 1px;
position: relative;
left: 0;
transition: left .15s linear 0s;
}
.search-direction-btn:hover svg {
left: 5px;
transition: left .15s linear .15s;
}
section.staff-directory {
margin-bottom: 30px;
}
.staff-directory-row {
background-color: #fff;
display: flex;
flex-direction: row;
align-items: stretch;
border-radius: 3px;
margin: 0 0 15px 0;
transition: all .2s linear;
}
.staff-directory-row:hover {
background-color: #2c4aa0;
cursor: pointer;
transition: all .2s linear;
}
.staff-directory-row > .sd-cell {
padding: 30px 10px;
font-size: 16px;
color: #404040;
line-height: 1.2;
}
.staff-directory-row > .sd-cell:first-child {
padding-left: 35px;
}
.staff-directory-row > .sd-cell:last-child {
padding-right: 35px;
}
.staff-directory-row > .sd-cell svg {
margin-right: 10px;
transition: all .2s linear;
}
.staff-directory-row > .sd-cell.full-name {
width: 20%;
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #2c4aa0;
}
.staff-directory-row:hover > .sd-cell.full-name {
color: #62bb47;
}
.staff-directory-row > .sd-cell.position {
width: 36%;
transition: all .2s linear;
}
.staff-directory-row > .sd-cell.email {
width: 22%;
color: #0094c2;
}
.staff-directory-row > .sd-cell.phone {
width: 22%;
color: #62bb47;
}
.staff-directory-row > .sd-cell.email a,
.staff-directory-row > .sd-cell.phone a {
color: inherit;
}
.staff-directory-row > .sd-cell a:hover {
text-decoration: underline;
}
.staff-directory-row:hover > .sd-cell,
.staff-directory-row:hover > .sd-cell a {
color: #fff;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: ADVOCACY
--------------------------------------------------------------------------------------------------------------------- */
section.advocacy-top-content {
padding: 50px 0 50px;
}
.advocacy-feature-cell {
margin: 0 0 30px 0;
}
section.advocacy-top-features .advocacy-feature {
background-color: #fff;
display: flex;
flex-direction: column;
align-content: center;
height: 100%;
padding: 35px 25px;
text-align: center;
box-shadow: 0 3px 43px 0 rgba(0, 0, 0, 0.04);
}
section.advocacy-top-features .advocacy-feature .icon-wrap {
margin-bottom: 12px;
}
section.advocacy-top-features .advocacy-feature .icon {
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
display: inline-block;
height: 57px;
width: 67px;
}
section.advocacy-top-features .advocacy-feature h4 {
font-size: 20px;
margin: 0 0 10px 0;
}
section.advocacy-top-features .advocacy-feature .description {
font-size: 14px;
margin: 0;
}
.advocacy-top-features-title {
text-align: center;
font-size: 20px;
font-weight: 600;
color: #252525;
margin: 0 0 30px 0;
}
.advocacy-top-features-title > span.blast:nth-child( 1 ),
.advocacy-top-features-title > span.blast:nth-child( 2 ),
.advocacy-top-features-title > span.blast:nth-child( 3 ),
.advocacy-top-features-title > span.blast:nth-child( 4 ) {
color: #ef184c;
}
body.page-template-tmpl-advocacy section.programs {
padding: 40px 0 0;
margin: 25px 0 40px;
border-top: 1px solid #f7f6f6;
}
body.page-template-tmpl-advocacy section.programs .cell.typography {
margin-bottom: 35px;
}
body.page-template-tmpl-advocacy section.programs .object-1-item {
box-shadow: 0 3px 29px 0 rgba(0, 0, 0, 0.03);
}
body.page-template-tmpl-advocacy section.programs .object-1-item h4 {
text-align: center;
}
body.page-template-tmpl-advocacy section.programs .object-1-item .preview-wrap:before {
content: "";
display: block;
width: 100%;
padding-bottom: 60%;
}
body.page-template-tmpl-advocacy section.programs .section-subtitle {
font-size: 14px;
color: #000;
margin: -5px 0 30px 0;
}
body.page-template-tmpl-advocacy section.programs .object-1-item .additional-content {
margin-top: 30px;
}
body.page-template-tmpl-advocacy section.programs .object-1-item .additional-content h4 {
font-size: 16px;
}
body.page-template-tmpl-advocacy section.programs .object-1-item .additional-content ul {
margin: 0 0 20px;
}
body.page-template-tmpl-advocacy section.programs .object-1-item:hover .additional-content ul li:not( .menu-item ):before {
background-color: #fff;
}
body.page-template-tmpl-advocacy section.programs .object-1-item:hover .additional-content p,
body.page-template-tmpl-advocacy section.programs .object-1-item:hover .additional-content li {
color: #fff;
}
body.page-template-tmpl-advocacy section.programs .object-1-item .additional-content > :first-child {
margin-top: 0;
}
body.page-template-tmpl-advocacy section.programs .object-1-item .additional-content > :last-child {
margin-bottom: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: AMBASSADOR PROGRAM
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-ambassador-program section:not( .sign-up-for-newsletter ) .section-title {
font-size: 36px;
margin-bottom: 15px;
}
section.what-makes-us-unique {
margin-bottom: 50px;
}
.wmus-cell {
margin-top: 65px;
}
.wmus-feature {
background-color: #fff;
display: flex;
flex-direction: column;
align-content: center;
height: 100%;
padding: 45px 20px 20px;
text-align: center;
border: 1px solid #ef184c;
border-top: none;
border-radius: 2px;
position: relative;
}
.wmus-feature:before,
.wmus-feature:after {
content: "";
display: block;
width: calc( 50% - 65px );
height: 1px;
background-color: #ef184c;
position: absolute;
top: 0;
}
.wmus-feature:before {
left: 0;
}
.wmus-feature:after {
right: 0;
}
.wmus-feature .icon {
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
display: inline-block;
height: 57px;
width: 67px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.wmus-feature h4 {
font-size: 20px;
margin: 0 0 10px 0;
}
.wmus-feature .description {
font-size: 14px;
margin: 0;
}
section.meet-our-ambassadors {
margin-bottom: 15px;
}
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .preview-wrap:before {
padding-bottom: 54%;
}
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item .title {
text-align: center;
}
body.page-template-tmpl-ambassador-program section.meet-our-ambassadors .object-1-item {
margin: 0;
}
section.program-tools-and-benefits {
padding: 40px 0 20px;
}
section.program-tools-and-benefits .typography {
margin-bottom: 25px;
}
.ptab-features-container {
max-width: 1500px;
}
section.program-tools-and-benefits .large-2.advocacy-item-cell {
width: 19.66667%;
}
section.program-tools-and-benefits .advocacy-item {
margin: 0 0 30px 0;
}
section.program-tools-and-benefits .advocacy-item .sc-corner {
width: 34px;
}
section.program-tools-and-benefits .advocacy-item .icon svg {
height: 70px;
}
section.program-tools-and-benefits .advocacy-item h4 {
font-size: 20px;
color: #000;
transition: color .2s linear;
margin-top: 0;
}
section.program-tools-and-benefits .advocacy-item:hover h4 {
color: #fff;
transition: color .2s linear;
}
section.program-tools-and-benefits .buttons-wrap {
text-align: center;
}
section.program-tools-and-benefits .buttons-wrap .btn {
text-transform: uppercase;
}
section.program-tools-and-benefits .bottom-content {
margin-top: 5px;
}
section.join-the-program {
padding: 50px 0 15px;
}
.banner-image {
background-color: #ef184c;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
position: relative;
padding: 50px 25px;
margin-bottom: 35px;
}
.banner-image:before {
background: rgb(180,39,2);
background: -moz-linear-gradient(top, rgba(180,39,2,1) 0%, rgba(96,1,1,1) 100%);
background: -webkit-linear-gradient(top, rgba(180,39,2,1) 0%,rgba(96,1,1,1) 100%);
background: linear-gradient(to bottom, rgba(180,39,2,1) 0%,rgba(96,1,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#600101',GradientType=0 );
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.85;
z-index: 500;
}
.banner-image > * {
position: relative;
z-index: 510;
}
.banner-image h3 {
font-size: 42px;
font-weight: 400;
line-height: 1.2;
}
.banner-image .btn {
background-color: transparent;
border: 2px solid #fff;
font-weight: 700;
color: #fff;
padding: 14px 20px;
text-transform: uppercase;
}
.banner-image .btn:hover {
border: 2px solid #fff !important;
background-color: #fff !important;
color: #ef184c !important;
}
section.program-history {
background-color: #3D3D3D;
background-image: url( ../images/programs-bg.jpg );
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0 55px;
}
.timeline-item {
border: 1px solid #ef184c;
border-left: none;
border-radius: 3px;
padding: 50px 50px 50px 300px;
margin-top: 30px;
min-height: 220px;
position: relative;
}
.timeline-item:before {
background-color: #ef184c;
content: "";
display: block;
width: 1px;
height: 61px;
position: absolute;
top: 0;
left: 0;
}
.timeline-item:after {
background-color: #ef184c;
content: "";
display: block;
width: 1px;
height: calc( 100% - 160px );
position: absolute;
left: 0;
bottom: 0;
}
.timeline-item .image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 160px;
height: 160px;
border-radius: 50%;
position: absolute;
top: 30px;
left: 100px;
}
.timeline-item .date {
width: 100px;
height: 100px;
border: 1px solid #ef184c;
border-radius: 50%;
font-size: 22px;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 98px;
position: absolute;
top: 60px;
left: -50px;
}
.timeline-item .accordion,
.timeline-item .accordion-item,
.timeline-item .accordion-title,
.timeline-item .accordion-title:focus,
.timeline-item .accordion-title:hover {
background: transparent;
padding: 0 !important;
margin: 0 !important;
}
.timeline-item .accordion-item:before {
display: none;
}
.timeline-item .accordion-item .accordion-title {
border: none;
border-radius: 0;
height: 14px;
width: 102px;
}
.timeline-item .accordion-item .accordion-title:after {
content: "READ MORE";
display: inline-block;
font-size: 13px;
font-weight: 800;
color: #ff4646;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.timeline-item .accordion-item.is-active > .accordion-title:after {
content: "READ LESS";
}
.timeline-item .accordion-item .accordion-title:before {
position: absolute;
top: 50%;
right: 0;
margin-top: 0;
font-weight: 800;
font-size: 17px;
color: #ff4646;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.timeline-item .accordion-item .accordion-content {
background: transparent;
border-radius: 0;
border: none;
padding: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: WHAT IS SCD
--------------------------------------------------------------------------------------------------------------------- */
section.fast-facts {
padding: 50px 0 0;
}
section.fast-facts .advocacy-item .blast-root > :last-child,
section.fast-facts .advocacy-item .blast-root > br + .blast {
font-weight: 700;
}
section.types-of-scd {
background-image: url( ../images/map-bg.png );
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 50px 0 0;
margin: 0 0 30px 0;
}
section.types-of-scd .advocacy-item {
background-color: #fff;
}
section.types-of-scd .advocacy-item .title-wrap {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
margin: 0 0 15px;
padding: 0 0 15px;
position: relative;
}
section.types-of-scd .advocacy-item .title-wrap:after {
background-color: #ef184c;
content: "";
display: block;
width: 50px;
height: 2px;
position: absolute;
left: calc( 50% - 25px );
bottom: 0;
transition: background-color .2s linear;
}
section.types-of-scd .advocacy-item:hover .title-wrap:after {
background-color: #fff;
transition: background-color .2s linear;
}
section.types-of-scd .advocacy-item h4 {
display: inline-block;
width: 100%;
font-size: 22px;
font-weight: 600;
margin: 0;
padding: 0;
transition: color .2s linear;
}
section.types-of-scd .advocacy-item:hover h4 {
color: #fff;
transition: color .2s linear;
}
section.types-of-scd .advocacy-item:after,
section.types-of-scd .advocacy-item:hover:after {
background: rgb(180,39,2);
background: -moz-linear-gradient(top, rgba(180,39,2,1) 0%, rgba(96,1,1,1) 100%);
background: -webkit-linear-gradient(top, rgba(180,39,2,1) 0%,rgba(96,1,1,1) 100%);
background: linear-gradient(to bottom, rgba(180,39,2,1) 0%,rgba(96,1,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef184c', endColorstr='#600101',GradientType=0 );
opacity: 0;
}
section.types-of-scd .advocacy-item:hover:after {
opacity: 1;
}
section.fast-facts .advocacy-item .sc-corner,
section.types-of-scd .advocacy-item .sc-corner {
width: 34px;
}
section.health-problems {
background-color: #3D3D3D;
background-image: url( ../images/programs-bg.jpg );
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0 55px;
}
body.page-template-tmpl-what-is-scd section:not( .sign-up-for-newsletter ) .section-title {
font-size: 32px;
margin-bottom: 20px;
}
body.page-template-tmpl-what-is-scd section:not( .sign-up-for-newsletter ) .section-title:last-child {
margin-bottom: 0;
}
section.health-problems p {
font-size: 13px;
}
.hp-features-container {
max-width: 800px;
}
.health-problems-item {
text-align: center;
margin: 30px 0 0 0;
}
.health-problems-item .icon {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 69px;
height: 69px;
margin: 0 0 5px 0;
}
.health-problems-item h4 {
font-size: 24px;
font-weight: 500;
margin: 0 0 5px 0;
}
.health-problems-item p {
font-size: 12px;
line-height: 1.2;
}
section.health-problems .buttons-wrap {
text-align: center;
margin: 15px 0;
}
section.health-problems .btn.btn-default {
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 12px 25px;
margin: 15px 0 15px;
}
section.health-problems .btn.btn-default svg.fa-play {
color: #cc2900;
margin: 0 2px;
transition: color .2s linear;
}
section.health-problems .btn.btn-default:hover {
background-color: #cc2900;
border-color: #cc2900;
color: #fff;
}
section.health-problems .btn.btn-default:hover svg.fa-play {
color: #fff;
transition: color .2s linear;
}
.hp-other-problems {
border: 1px solid #ef184c;
border-top: none;
border-radius: 3px;
position: relative;
padding: 35px 50px 30px;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.hp-other-problems:before,
.hp-other-problems:after {
content: "";
display: block;
width: calc( 50% - 250px );
height: 1px;
background-color: #ef184c;
position: absolute;
top: 0;
}
.hp-other-problems:before {
left: 0;
}
.hp-other-problems:after {
right: 0;
}
.hp-other-problem-title {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
color: #ea1100 !important;
display: block;
width: 100%;
max-width: 436px;
text-align: center;
margin: 0;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.hp-other-problems .hp-other-problem {
color: #fff !important;
}
section.wiscd-latest-resources {
background-position: left center;
background-repeat: no-repeat;
background-color: #F2F5F7;
padding: 50px 0 40px;
}
section.wiscd-latest-resources .typography {
margin-bottom: 40px;
}
section.wiscd-latest-resources .btn.all-news {
font-size: 12px;
margin-top: 30px;
text-transform: uppercase;
}
section.x-options {
margin-top: -55px;
margin-bottom: 15px;
}
.x-option-item {
margin-bottom: 40px;
box-shadow: 0 16px 35px 0 rgba( 0, 0, 0, 0.08 );
}
.x-option-item .top-content,
.x-option-item .bottom-content {
background-color: #fff;
padding: 30px 35px;
position: relative;
}
.x-option-item .top-content:before {
background-image: url(../images/corner-top-left.svg);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
display: block;
content: "";
width: 34px;
height: 34px;
position: absolute;
top: 0;
left: 0;
}
.x-option-item .image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
width: 100%;
}
.x-option-item .image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 62%;
}
.x-option-item h4 {
font-size: 24px;
}
.x-option-item .title {
text-align: center;
}
.x-option-item .top-content ul,
.x-option-item .top-content ol,
.x-option-item .bottom-content ul,
.x-option-item .bottom-content ol {
-webkit-columns: 300px 2;
-moz-columns: 300px 2;
columns: 300px 2;
}
.x-option-item .buttons-wrap {
text-align: center;
}
.x-option-item .btn {
text-transform: uppercase;
}
.x-option-item .btn:not( .menu-item ).btn-default.blast-root > span:first-child + span[blast-content="More"] {
color: #ef184c;
transition: inherit;
}
.x-option-item .btn:not( .menu-item ).btn-default.blast-root:hover > span:first-child + span[blast-content="More"] {
color: #fff;
transition: inherit;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: COVID-19
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-covid-19 section:not( .sign-up-for-newsletter ) .section-title,
body.page-template-tmpl-covid-19 section:not( .sign-up-for-newsletter ) .pb-section-title {
font-size: 24px;
margin-bottom: 20px;
}
section.covid-19-resources {
padding: 40px 0 0 0;
}
section.covid-19-resources .typography {
margin-bottom: 30px;
}
section.covid-19-resources .section-title {
border-top: 1px solid #eaeaea;
padding-top: 35px;
}
.document-item.covid-19-document .description {
width: calc( 100% - 330px );
}
.document-item.covid-19-document .date {
width: 140px;
font-size: 11px;
color: #b3b3b3;
text-align: center;
}
section.covid-19-contact-form {
padding: 25px 0 0 0;
}
section.covid-19-contact-form .typography {
margin-bottom: 15px;
}
section.covid-19-contact-form .typography h4 {
font-size: 24px;
font-weight: 400;
color: #111;
line-height: 1.2;
}
section.covid-19-recommendations {
padding: 35px 0 0 0;
}
section.covid-19-recommendations .grid-container {
max-width: 820px;
}
section.covid-19-recommendations .typography {
margin-bottom: 20px;
}
section.covid-19-recommendations .typography h4 {
font-size: 24px;
font-weight: 400;
color: #111;
line-height: 1.2;
}
section.covid-19-recommendations .typography h4:first-child {
border-top: 1px solid #eaeaea;
padding-top: 35px;
margin-top: 10px;
}
.covid-19-rec-item {
text-align: center;
margin-bottom: 35px;
}
.covid-19-rec-item .image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
width: 100%;
margin-bottom: 20px;
}
.covid-19-rec-item .image:before {
display: block;
content: "";
width: 100%;
padding-bottom: 78%;
}
.covid-19-rec-item .btn {
text-transform: uppercase;
}
.covid-19-rec-item .btn:not( .menu-item ).btn-default.blast-root > span:first-child + span {
color: #ef184c;
transition: inherit;
}
.covid-19-rec-item .btn:not( .menu-item ).btn-default.blast-root:hover > span:first-child + span {
color: #fff;
transition: inherit;
}
section.covid-19-facts .banner-image.dark-mode {
background-image: url( ../images/programs-bg.jpg );
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
padding: 35px 25px;
}
section.covid-19-facts .banner-image.dark-mode:before {
display: none;
}
section.covid-19-facts .banner-image.dark-mode h3 {
font-size: 24px;
font-weight: 700;
color: #ea1100;
margin-bottom: 15px;
}
section.covid-19-facts .banner-image.dark-mode .btn {
border-color: #ef184c;
}
section.covid-19-hashtag {
padding: 10px 0 80px;
}
section.covid-19-hashtag .typography h2 {
font-size: 66px;
font-weight: 300;
color: #111111;
}
.x-hashtag {
background-color: #f3f3f3;
display: block;
width: 100%;
max-width: 800px;
margin: 60px auto;
padding: 60px 10px;
text-align: center;
line-height: 1.2;
font-size: 60px;
font-weight: 700;
color: #ef184c;
border: 1px solid #e1e1e1;
box-shadow: 0 3px 43px 0 rgba(0, 0, 0, 0.07);
position: relative;
}
.x-hashtag:before {
content: "#";
font-size: 370px;
color: #f9f9f9;
text-shadow: 0 0 1px #adadad;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
z-index: 490;
}
.x-hashtag-item {
position: relative;
z-index: 500;
}
body.page-template-tmpl-covid-19 .document-item {
margin-bottom: 15px;
}
body.page-template-tmpl-covid-19 section#page-builder {
padding: 50px 0 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: SICKLE CELL TRAIT
--------------------------------------------------------------------------------------------------------------------- */
.section-content-wrap.typography h5 {
font-size: 17px;
font-weight: 500;
line-height: 1.2;
margin: 20px 0 20px 0;
}
.section-content-wrap.typography > h5:first-child {
margin-top: 0;
}
body.page-template-tmpl-sickle-cell-trait [pb-section].dark-banner {
padding: 70px 0 40px;
}
section.sickle-cell-trait-resources {
padding: 45px 0 0;
margin: 0 0 35px;
}
section.sickle-cell-trait-resources .typography {
margin-bottom: 20px;
}
body.page-template-tmpl-sickle-cell-trait .typography > h4 {
font-weight: 400;
color: #111;
}
section.x-testimonials-sec {
margin-bottom: 35px;
}
.x-testimonials:not( .slick-initialized ) > .x-testimonials-item:not( :first-child ) {
display: none;
}
.x-testimonials .slick-next,
.x-testimonials .slick-prev {
background-color: #fff;
width: 38px;
height: 38px;
line-height: 54px;
border-radius: 50%;
z-index: 500;
text-align: center;
opacity: 0.85;
transition: all .2s linear;
}
.x-testimonials .slick-prev {
left: 10px;
padding-right: 3px;
}
.x-testimonials .slick-next {
right: 10px;
padding-left: 3px;
}
.x-testimonials .slick-next:hover,
.x-testimonials .slick-prev:hover {
background-color: #ef184c;
opacity: 1;
transition: all .2s linear;
}
.x-testimonials .slick-next:before,
.x-testimonials .slick-prev:before {
display: none;
}
.x-testimonials .slick-next svg,
.x-testimonials .slick-prev svg {
font-size: 19px;
opacity: 1;
color: #ef184c;
transition: color .2s linear;
}
.x-testimonials .slick-next:hover svg,
.x-testimonials .slick-prev:hover svg {
color: #fff;
transition: color .2s linear;
}
.x-testimonials-item {
padding-bottom: 57px;
}
.x-testimonials-item .image {
background-color: #eee;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 500px;
position: relative;
}
.x-testimonials-item .text-wrap {
background-color: #fff;
padding: 32px 25px;
text-align: center;
width: 80%;
margin: 0 auto;
position: absolute;
left: 50%;
bottom: -35px;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
box-shadow: 0 3px 30px 0 rgba( 0, 0, 0, 0.07 );
}
.x-testimonials-item .text-wrap:before {
background-image: url(../images/corner-top-left.svg);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
display: block;
content: "";
width: 36px;
height: 36px;
position: absolute;
top: 0;
left: 0;
}
.x-testimonials-item .text-wrap h4 {
font-size: 18px;
margin: 0 0 10px 0;
text-transform: uppercase;
}
.x-testimonials-item .text-wrap p {
font-size: 13px;
font-style: italic;
margin: 0 0 10px 0;
}
.x-testimonials-item .text-wrap h5 {
font-size: 13px;
margin: 0;
}
.x-testimonials-item .text-wrap > :first-child {
margin-top: 0;
}
.x-testimonials-item .text-wrap > :last-child {
margin-bottom: 0;
}
body.page-template-tmpl-sickle-cell-trait section#page-builder {
padding: 50px 0 10px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: FAQ
--------------------------------------------------------------------------------------------------------------------- */
section.faq {
padding: 45px 0 0 0;
margin: 0 0 45px 0;
}
section.jot-positions {
margin-bottom: 25px;
}
section.jot-positions #archive-filter {
margin-bottom: 15px;
}
section.jot-positions .accordion {
display: block;
width: calc( 100% - 46px );
margin: 20px 0 !important;
}
section.jot-positions .accordion .buttons-wrap {
padding-right: 230px;
}
section.jot-positions .accordion .company-logo {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 200px;
height: 52px;
position: absolute;
right: 35px;
bottom: 25px;
}
section.jot-positions .accordion .accordion-item .company-logo {
opacity: 0;
}
section.jot-positions .accordion .accordion-item.is-active .company-logo {
opacity: 1;
transition: all .2s linear;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-delay: .15s;
animation-delay: .15s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.accordion-item {
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
}
.accordion-title {
border: none;
font-family: "Futura PT", sans-serif;
font-size: 21px;
color: #2c4aa0;
padding: 25px 40px;
border-radius: 3px;
}
.accordion-title .company-name {
display: block;
font-size: 20px;
font-weight: 400;
color: #6d7388;
margin: 7px 0 0 0;
}
:last-child:not( .is-active ) > .accordion-title {
border-bottom: none;
border-radius: 3px;
}
.accordion-title:focus {
background-color: transparent;
color: #2c4aa0;
}
.accordion-title:hover,
.accordion-item.is-active .accordion-title {
background-color: transparent;
color: #ef184c !important;
text-decoration: none !important;
}
.accordion-title::before {
background-color: #fff;
display: block;
width: 38px;
height: 38px;
line-height: 38px;
font-size: 23px;
text-align: center;
border-radius: 3px;
margin: 0;
position: absolute;
right: -44px;
top: 0;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
}
.accordion-content {
padding: 0 40px 25px;
border: none;
position: relative;
}
.accordion-content p {
line-height: 1.35;
}
.accordion-content .btn .fa-file-download {
margin-right: 3px;
}
.accordion-content .description:not( :empty ) {
margin-bottom: 20px;
}
.accordion-content .buttons-wrap .btn {
margin-right: 5px;
}
.accordion-content .copy-x-popup {
background-color: #fff;
width: 38px;
height: 38px;
line-height: 42px;
text-align: center;
font-size: 16px;
color: #2c4aa0;
border-radius: 3px;
position: absolute;
top: -36px;
right: -44px;
transition: all .2s linear;
opacity: 0;
}
.accordion-item.is-active .accordion-content .copy-x-popup {
opacity: 1;
transition: all .2s linear;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.accordion.dark-accordion {
margin: 20px 0;
}
.accordion.dark-accordion .accordion-title {
background-color: #3D3D3D;
background-image: url( ../images/programs-bg.jpg );
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border: none !important;
border-radius: 0;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 1.2;
padding: 22px 80px 22px 35px;
}
.accordion.dark-accordion .accordion-title .prefix {
font-size: 16px;
font-weight: 700;
color: #cc2900;
}
.accordion.dark-accordion .accordion-title::before {
right: 35px;
font-weight: 600;
font-size: 17px;
}
.accordion.dark-accordion .accordion-title:after {
background-image: url(../images/corner-top-left.svg);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
display: block;
content: "";
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 0;
}
.accordion.dark-accordion .accordion-title:hover {
text-decoration: none;
}
.accordion.dark-accordion .accordion-content {
background-color: #fff;
border: none !important;
border-radius: 0;
padding: 30px 35px;
}
.accordion.dark-accordion .accordion-content > :first-child {
margin-top: 0;
}
.accordion.dark-accordion .accordion-content p,
.accordion.dark-accordion .accordion-content li {
font-size: 14px;
}
.accordion.dark-accordion .accordion-content li {
line-height: 1.4;
}
.accordion.dark-accordion .accordion-content hr {
border-bottom: 1px solid #efefef;
margin: 25px 0;
}
.accordion.dark-accordion .accordion-content h4 {
font-size: 18px;
font-weight: 700;
color: #000;
line-height: 1.2;
margin: 30px 0 20px 0;
}
.accordion.dark-accordion .accordion-content h5 {
font-size: 16px;
font-weight: 700;
color: #000;
line-height: 1.2;
margin: 35px 0 5px 0;
position: relative;
}
.accordion.dark-accordion .accordion-content h5:before {
background-color: #cc2900;
content: "";
display: inline-block;
width: 60px;
height: 2px;
margin-bottom: 10px;
margin-right: -60px;
position: relative;
top: -15px;
}
.accordion.dark-accordion .accordion-content blockquote {
text-align: left;
font-style: normal;
padding-top: 0;
color: #000;
}
.accordion.dark-accordion .accordion-content blockquote p {
color: #000;
font-style: normal;
}
.accordion.dark-accordion .accordion-content blockquote:before {
display: none;
}
.accordion.dark-accordion .accordion-content blockquote:after {
background-color: #cc2900;
content: "";
display: block;
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: 7px;
}
body.page-template-tmpl-faq section:not( .sign-up-for-newsletter ) .section-title {
font-size: 32px;
margin-bottom: 15px;
}
section.value-assessment-review {
padding: 0;
margin: 0 0 55px;
}
.icer-review-box {
background-color: #fff;
border-radius: 1px;
overflow: hidden;
padding: 50px 60px 45px;
position: relative;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.02 );
}
.icer-review-box:before {
background-image: url(../images/corner-top-left.svg);
background-size: contain;
background-position: left top;
background-repeat: no-repeat;
display: block;
content: "";
width: 42px;
height: 42px;
position: absolute;
top: 0;
left: 0;
}
.icer-review-box > .typography {
margin-bottom: 30px;
}
.x-popup.job-popup,
.x-popup.submit-job-posting {
max-width: 700px;
}
.x-popup .logo-wrap {
text-align: center;
margin: 0 0 30px;
}
.x-popup .logo-wrap img {
height: 83px;
}
.x-popup.job-popup .name,
.x-popup.submit-job-posting .name {
font-family: "Futura PT", sans-serif;
font-size: 34px;
color: #2c4aa0;
margin: 0 0 20px 0;
}
.x-popup.job-popup .description:not( :empty ) {
margin-bottom: 25px;
}
.x-popup.job-popup .description p {
line-height: 1.3;
}
body .x-popup.job-popup .gform_wrapper {
margin-bottom: 0;
}
body .gform_wrapper .top_label .upload-file .gfield_label .gfield_required {
display: none;
}
body .gform_wrapper .top_label .upload-file .gfield_label {
position: relative;
display: block;
background-color: #f9f9f9 !important;
border: 1px dashed #b5bec7;
border-radius: 3px;
font-family: "Futura PT Book", sans-serif;
font-size: 13px;
color: #464646 !important;
text-transform: uppercase;
text-align: center;
line-height: 54px;
height: 50px;
margin-bottom: 20px;
margin-top: 0;
padding: 0 30px;
cursor: pointer;
transition: all .2s linear;
}
body .gform_wrapper .top_label .upload-file .gfield_label:hover {
background-color: #f7f7f7 !important;
border-color: #0094c2;
color: #0094c2 !important;
transition: all .2s linear;
}
body .gform_wrapper .top_label .upload-file .gfield_label.uploaded {
background-color: #eef8eb !important;
border-color: #62bb47;
color: #464646 !important;
}
body .gform_wrapper .top_label .upload-file .gfield_label:after {
font-family: "Font Awesome 5 Solid";
content: "\f00c";
}
body .gform_wrapper .top_label .upload-file .gfield_label svg.fa-check {
display: inline-block;
color: #d4d4d4;
margin-left: 7px;
}
body .gform_wrapper .top_label .upload-file .gfield_label.uploaded svg.fa-check {
color: #62bb47;
}
body .gform_wrapper .top_label .upload-file div.ginput_container {
display: none;
}
/* ---------------------------------------------------------------------------------------------------------------------
CPT: EVENTS
--------------------------------------------------------------------------------------------------------------------- */
body.single-event .single-post-main-content .title {
margin: 0 auto 40px;
}
.em-booking {
margin: 0 0 25px;
}
.em-location-map-container {
margin-bottom: 0;
width: 500px !important;
border-radius: 4px;
overflow: hidden;
}
.em-booking-form-details {
width: 100%;
float: none;
background-color: #f7f7f700;
padding: 10px 0 5px;
}
#em-booking br.clear {
display: none;
}
.em-booking-form label {
display: inline-block;
width: 175px;
font-size: 15px;
font-weight: 500;
padding: 13px 0 0 0;
}
.em-booking-form-details input.input,
.em-booking-form-details textarea,
.em-booking-form-details select {
width: calc( 100% - 175px );
height: 50px;
padding: 5px 20px;
font-size: 16px;
border-color: #e4e4e4;
border-width: 1px;
border-radius: 4px;
color: #ef184c;
}
.em-booking-form-details input.input:focus,
.em-booking-form-details textarea:focus,
.em-booking-form-details select:focus {
border-color: #ef184c;
box-shadow: none;
}
.em-booking-form-details textarea {
height: 120px;
padding: 10px 20px;
}
.em-booking-form-details select {
padding: 5px 28px 5px 20px;
}
.em-booking-form .ticket-price {
margin-bottom: 25px !important;
}
.em-booking-form .ticket-price label {
padding-top: 0;
font-size: 16px;
font-weight: 700;
vertical-align: middle;
position: relative;
top: -2px;
}
.em-booking-form .ticket-price strong {
vertical-align: middle;
color: #73bf44;
}
.em-booking-form-details .em-booking-submit,
.em-booking-login-form [type=submit] {
display: inline-block;
background-color: #ef184c;
font-size: 22px;
font-weight: 700;
color: #fff;
padding: 14px 35px;
border-radius: 3px;
border: none;
text-align: center;
line-height: 1.1;
position: relative;
top: 0;
transition: all .2s linear;
cursor: pointer;
outline: none !important;
}
.em-booking-form-details .em-booking-submit:hover,
.em-booking-login-form [type=submit]:hover {
background-color: #d02a00;
}
div.em-booking-message-error {
background-color: #ef184c;
border: 1px solid #ef184c;
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #fff;
line-height: 1.25;
text-align: center;
padding: 20px 25px;
margin: 0 0 30px;
}
div.em-booking-message-success,
.em-warning-confirms {
background-color: #73bf44;
border: 1px solid #73bf44;
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #fff;
line-height: 1.25;
text-align: center;
padding: 20px 25px;
margin: 0 0 30px;
}
div.em-booking-message-error p,
div.em-booking-message-success p,
.em-warning-confirms p {
font-size: 16px !important;
color: #fff;
}
.em-booking-form [type=checkbox],
div.em-booking-login [type=checkbox] {
position: relative;
top: 2px;
}
div.em-booking-login {
margin: 30px 0 0 0;
border-left: none;
background-color: #f7f7f7;
padding: 40px 45px 40px 45px;
border-radius: 4px;
}
div.em-booking-login [type=submit] {
display: inline-block;
margin-top: 20px;
margin-right: 15px;
}
.em-booking-login-form > p:first-child {
margin-bottom: 20px !important;
font-weight: 700;
}
div.em-booking-login label {
width: 120px;
}
div.em-booking-login a {
font-size: 12px;
padding-left: 7px;
}
p[style="color:#999; font-size:11px;"] {
display: none;
}
.em-payment-icon {
width: 184px;
margin-bottom: 10px;
}
.event-single-date-calendarbtn {
text-align: center;
}
.event-single-date-calendarbtn.with-map {
text-align: left;
}
/* Full Calendar */
body.page-template-tmpl-calendar {
overflow-x: hidden;
}
.calendar-wrap {
background-color: #fff;
position: relative;
padding: 40px 50px 50px 50px;
margin: 0 0 0 0;
border-radius: 3px;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
overflow: hidden;
}
body .wpfc-calendar-wrapper h2 {
font-size: 30px !important;
}
body .ui-widget-header {
background: #ededed;
}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
color: #2c4aa0;
transition: all .2s linear;
}
body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
border: 1px solid #2c4aa0;
background: #2c4aa0;
color: #fff;
transition: all .2s linear;
}
body .typography a.fc-event:hover {
background-color: #2c4aa0 !important;
border-color: #2c4aa0 !important;
color: #fff !important;
text-decoration: none !important;
transition: all .2s linear;
}
body .fc td,
body .fc th {
padding: 1px;
}
body .fc-day-grid-event {
padding: 4px 4px;
}
body .fc-basicWeek-view .fc-day-grid-event .fc-content {
white-space: normal;
}
body .ui-tooltip {
padding: 0;
width: 100% !important;
max-width: 300px !important;
box-shadow: 0 15px 35px rgba(44, 74, 160, 0.2);
margin-top: -10px;
text-align: center;
}
body .ui-tooltip-content {
padding: 0;
}
body .ui-tooltip .ui-tooltip-tip canvas {
display: none;
}
body .ui-tooltip .ui-tooltip-tip {
height: 16px !important;
width: 20px !important;
margin-left: -10px !important;
bottom: -16px !important;
}
body .ui-tooltip .ui-tooltip-tip:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
}
section#calendar .fc-toolbar {
/*padding-left: 177px;*/
}
section#calendar .btn.back-to-events {
background-color: transparent;
width: 168px;
font-size: 13px;
color: #b42701;
padding: 8px 5px 9px;
border: 1px solid #b42701;
border-radius: 3px;
text-decoration: none !important;
position: absolute;
top: 41px;
left: 50px;
z-index: 500;
}
section#calendar .btn.back-to-events:hover {
background-color: #b42701 !important;
color: #fff !important;
border: 1px solid #b42701 !important;
}
body .fc-toolbar .fc-center {
/*padding-right: 177px;*/
position: relative;
top: 3px;
}
.event-custom-tooltip,
body .ui-tooltip-content {
text-align: center;
min-height: 60px;
line-height: 60px;
}
.event-custom-tooltip img {
margin-bottom: 0;
border-radius: 0;
}
.event-custom-tooltip .white-box {
background-color: #fff;
padding: 30px 25px 25px;
position: relative;
text-align: left;
}
.event-custom-tooltip h4 {
font-size: 20px;
font-weight: 700;
line-height: 1.1;
color: #000;
margin: 12px 0;
}
.event-custom-tooltip p {
font-size: 12px;
line-height: 1.45;
}
.event-custom-tooltip .post-date {
font-weight: 500;
margin: 0 0 12px;
}
.event-custom-tooltip .post-date .pink {
color: #ef184c;
}
.event-custom-tooltip > :last-child,
.event-custom-tooltip .white-box > :last-child {
margin-bottom: 0 !important;
}
body .fc-row table tbody tr:nth-child( even ) {
background-color: transparent;
}
body .fc-day-grid-event.wpfc-more {
background-color: #ef184c !important;
border-color: #ef184c !important;
}
body .fc-day-grid-event.wpfc-more:hover {
background-color: #ef184c !important;
border-color: #ef184c !important;
}
body .fc-row .fc-content-skeleton table tbody {
background-color: transparent;
}
body .fc-row .fc-content-skeleton table tbody td {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: transparent;
}
body .fc td.fc-today:not( .fc-day-number ) {
background: #f8fcf7;
border: 1px solid #ddd;
}
body .css-events-list table.events-table td {
padding: 10px;
}
body .css-events-list table.events-table th.event-time {
width: 175px;
}
body .events-table {
margin-bottom: 0;
}
body .fc button {
height: 34px;
padding: 5px 18px;
}
.events-scope-filter {
border-bottom: 1px solid #ef184c;
margin-bottom: 50px;
}
.events-scope-filter > a {
font-size: 16px;
display: inline-block;
width: 190px;
padding: 18px 5px 13px 5px;
background-color: #cbe8f5;
margin: 0;
text-align: center;
color: #fff;
border-radius: 4px 4px 0 0;
transition: background-color .2s linear;
}
.events-scope-filter > a:hover,
.events-scope-filter > a.active {
background-color: #ef184c;
}
.events-scope-filter > a.calendar > .fa-calendar-alt {
position: relative;
top: -1px;
}
.fc .fc-button-group > * {
margin: 0 0 0 2px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
background: #2c4aa0;
border: 1px solid #2c4aa0;
color: #fff !important;
}
.object-1-item .event-details {
background-color: #f6f8fa;
border: 1px solid #f6f8fa;
padding: 12px 15px;
border-radius: 3px;
margin-bottom: 15px;
transition: all .2s linear;
}
.object-1-item:hover .event-details {
background-color: transparent;
border: 1px solid #fff;
transition: all .2s linear;
}
.object-1-item .event-details p {
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #6d7388;
line-height: 1.1;
margin: 0 0 4px 0;
transition: color .2s linear;
}
.object-1-item:hover .event-details p {
color: #fff;
transition: color .2s linear;
}
.object-1-item .event-details svg {
font-size: 14px;
margin-right: 2px;
width: 16px;
color: #6d7388;
transition: color .2s linear;
}
.object-1-item:hover .event-details svg {
color: #fff;
transition: color .2s linear;
}
.object-1-item[cpt="event"] h4,
.object-1-item[cpt="event-recurring"] h4 {
font-size: 30px;
line-height: 1;
margin: 0 0 15px;
}
section.featured-events .object-1-item[cpt="event"]:hover,
section.featured-events .object-1-item[cpt="event-recurring"]:hover {
background-color: #3094c2;
}
.object-1-item[cpt="event"]:hover h4,
.object-1-item[cpt="event-recurring"]:hover h4 {
color: #fff;
}
.object-1-item[cpt="event"] h4 a,
.object-1-item[cpt="event-recurring"] h4 a {
color: inherit;
}
.object-1-item[cpt="event"]:hover h4 a,
.object-1-item[cpt="event-recurring"]:hover h4 a,
.object-1-item[cpt="event"].global-color-schema:hover h4 a,
.object-1-item[cpt="event-recurring"].global-color-schema:hover h4 a {
color: #fff !important;
}
.object-1-item[cpt="event"] p,
.object-1-item[cpt="event-recurring"] p {
font-size: 16px;
line-height: 1.35;
}
.object-1-item[cpt="event"] .btn,
.object-1-item[cpt="event-recurring"] .btn {
font-family: "Futura PT", sans-serif;
border: 1px solid #62bb47 !important;
border-radius: 3px;
padding: 9px 15px !important;
text-align: center;
min-width: 0;
left: 25px;
}
.object-1-item[cpt="event"]:hover .btn,
.object-1-item[cpt="event-recurring"]:hover .btn {
border-color: #fff !important;
}
section.event-main-info {
padding: 0;
margin-top: -75px;
}
section.event-main-info .single-box-x {
padding: 45px 45px;
display: block;
}
section.event-main-info + section#page-builder {
padding-top: 0;
}
.btn.add-to-calendar {
text-decoration: none !important;
}
.btn.add-to-calendar svg.fa-calendar-check {
margin: 0 0 0 3px;
font-size: 15px;
}
body .em-map-balloon .em-map-balloon-content {
padding-bottom: 0 !important;
max-width: 195px !important;
}
body .em-map-balloon .em-map-balloon-content a {
color: #ef184c;
font-weight: 500;
}
body .em-map-balloon .em-map-balloon-content a:hover {
text-decoration: underline;
}
.event-location-map {
float: right;
margin: 0 0 0 15px;
}
.event-full-description {
margin-bottom: 35px;
}
section.rsvp {
margin-top: 40px;
}
table.em-tickets tbody tr:nth-child( even ) {
background-color: #fafafc;
}
table.em-tickets tbody td, table tbody th {
padding: 10px 15px 8px;
}
table.em-tickets tbody th {
font-family: "Futura PT", sans-serif;
font-size: 18px;
color: #2c4aa0;
font-weight: 400;
text-align: left;
}
table.em-tickets tbody th:last-child {
text-align: center;
}
table.em-tickets tbody td.em-bookings-ticket-table-type {
font-family: "Futura PT", sans-serif;
font-weight: 400;
font-style: normal;
color: #2c4aa0;
padding-left: 28px;
}
table.em-tickets tbody td.em-bookings-ticket-table-type .ticket-desc {
font-family: "Futura PT Book", sans-serif;
font-weight: 400;
font-style: italic;
color: #222;
}
table.em-tickets tbody td.em-bookings-ticket-table-price {
font-family: "Futura PT", sans-serif;
font-weight: 400;
color: #62bb47;
width: 140px;
}
table.em-tickets tbody td.em-bookings-ticket-table-spaces {
width: 120px;
}
table.em-tickets tbody td select {
margin: 0;
}
.input-field-data_privacy_consent label {
padding-top: 0 !important;
}
section.my-bookings {
margin-bottom: 40px;
}
#dbem-bookings-table a {
color: #ef184c;
}
#dbem-bookings-table a:hover {
color: #ef184c;
text-decoration: underline;
}
#em-booking .em-booking-buttons {
text-align: center;
}
.note-about-paid-tickets {
font-size: 15px;
font-style: italic;
color: #ef184c;
text-align: center;
}
.note-about-paid-tickets svg {
margin-right: 3px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: CALENDAR
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-calendar section:not( .sign-up-for-newsletter ) .section-title,
body.page-template-tmpl-calendar [pb-section] .pb-section-title {
font-size: 32px;
margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: ACCESS & COVERAGE
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-access-coverage section:not( .sign-up-for-newsletter ) .section-title,
body.page-template-tmpl-access-coverage [pb-section] .pb-section-title {
font-size: 32px;
margin-bottom: 10px;
}
body.page-template-tmpl-access-coverage section.x-calendar {
padding: 50px 0 5px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Workforce Development
--------------------------------------------------------------------------------------------------------------------- */
.wd-grid-item {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
padding: 30px 35px 35px;
position: relative;
border-radius: 3px;
overflow: hidden;
width: 100%;
height: 100%;
}
.wd-grid-item:before {
background-color: rgba( 44, 74, 160, 0.9 );
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wd-grid-item.schema-yellow:before {
background-color: rgba( 253, 192, 86, 0.9 );
}
.wd-grid-item.schema-green:before {
background-color: rgba( 98, 187, 71, 0.9 );
}
.wd-grid-item.schema-pink:before {
background-color: rgba( 239, 24, 76, 0.9 );
}
.wd-grid-item.schema-blue:before {
background-color: rgba( 0, 148, 194, 0.9 );
}
.wd-grid-item > * {
position: relative;
z-index: 500;
}
.wd-grid-item h4 {
font-size: 48px;
color: #fff;
margin: 0 0 10px 0;
}
.wd-grid-item p {
font-size: 16px;
color: #fff;
line-height: 1.25;
}
section.wd-grid {
margin-bottom: 15px;
}
section.mid-wd-content {
margin-bottom: 10px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Recovery & Resiliency
--------------------------------------------------------------------------------------------------------------------- */
section.recovery {
padding-top: 10px;
}
.simple-image-text-item {
border-radius: 3px;
overflow: hidden;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Events Landing Page
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-events-landing .masthead.without-intro,
body.page-template-tmpl-resources-landing .masthead.without-intro {
margin-bottom: 0;
}
body.page-template-tmpl-events-landing .masthead.without-intro .masthead-caption .caption-title-wrap,
body.page-template-tmpl-resources-landing .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 85px 0;
}
body.page-template-tmpl-events-landing section#page-builder,
body.page-template-tmpl-resources-landing section#page-builder {
margin-top: 45px;
margin-bottom: 45px;
}
body.page-template-tmpl-events-landing .masthead.without-intro + section#page-builder,
body.page-template-tmpl-resources-landing .masthead.without-intro + section#page-builder {
margin-top: -50px;
}
body.page-template-tmpl-events-landing section#page-builder [pb-section].gallery:first-child,
body.page-template-tmpl-events-landing section#page-builder [pb-section].video:first-child,
body.page-template-tmpl-events-landing section#page-builder [pb-section].map:first-child {
padding-top: 0;
}
.taxonomies-filter.hidden-events-categories .facetwp-facet.facetwp-facet-events_categories {
display: none !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Resources Landing Page
--------------------------------------------------------------------------------------------------------------------- */
section#masthead + section.resources-top-box {
margin-top: -56px;
}
section#archive[cpt="resources"] {
margin-bottom: 20px;
}
section#archive[cpt="resources"] .no-results-content {
margin: 0 auto 25px;
}
.fh-item {
background-color: #fff;
display: flex;
flex-direction: row;
border-radius: 3px;
overflow: hidden;
}
.fh-item .preview {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
}
.fh-item .content {
width: calc( 100% - 400px );
padding: 30px 30px 20px 35px;
}
.fh-item .content p {
line-height: 1.2;
}
section.feature-highlight {
margin-bottom: 45px;
}
section#list-of-resources {
padding-top: 45px;
}
section#archive[cpt="resources"] .object-1-cell {
margin-bottom: 25px;
}
section.bottom-content {
margin-bottom: 50px;
}
.bc-item {
border-radius: 3px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 15px 25px 0 rgba( 0, 0, 0, 0.03 );
}
.bc-item .content {
padding: 40px 45px;
}
section.resources-top-box .single-box-x {
height: auto;
}
section.archive-items[cpt="resources"] .pagination-wrap .facetwp-pager {
margin: 10px 0 25px;
}
section.jot-positions .accordion-title {
font-size: 28px;
}
/* ---------------------------------------------------------------------------------------------------------------------
DIRECTORY ITEM
--------------------------------------------------------------------------------------------------------------------- */
.archive-directory-items {
margin: 45px 0 15px;
}
.archive-directory-items .object-1-cell {
margin-bottom: 25px;
}
.directory-item {
background-color: #fff;
display: table;
width: 100%;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
border-radius: 3px;
}
.directory-item > div {
display: table-cell;
padding: 18px 15px;
vertical-align: middle;
}
.directory-item .logo {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 150px;
border: 15px solid transparent;
position: relative;
min-height: 80px;
}
.directory-item .button-cell {
line-height: 0;
width: 160px;
}
.directory-item h4 {
font-size: 18px;
margin: 0 0 8px 0;
}
.directory-item p {
font-size: 14px;
line-height: 1.2;
margin: 0 0 10px 0;
}
.directory-item .content > :last-child {
margin-bottom: 0;
}
.directory-item .location,
.directory-item .phone {
font-size: 14px;
line-height: 1.2;
width: 150px;
color: #1a1a1a;
}
.directory-item .location a,
.directory-item .phone a {
color: #1a1a1a;
}
.directory-item .location a:hover,
.directory-item .phone a:hover {
color: #62bb47;
}
.directory-item .location span,
.directory-item .phone span {
display: block;
padding-left: 17px;
position: relative;
}
.directory-item .location svg,
.directory-item .phone svg {
color: #2c4aa0;
position: absolute;
top: 2px;
left: 0;
}
section.documents-top-box {
margin-top: 25px;
margin-bottom: 22px;
}
.documents-top-box :not( .object-1-cell ) > .document-item {
margin-bottom: 25px;
}
/* ---------------------------------------------------------------------------------------------------------------------
POPUP
--------------------------------------------------------------------------------------------------------------------- */
.x-popup-overlay {
display: block;
background-color: rgba( 44, 74, 160, 0.95 );
position: fixed;
top: -99999px;
left: -99999px;
z-index: 999999;
visibility: hidden;
opacity: 0;
transition: opacity 0s linear;
}
.x-popup-overlay.show {
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
}
.x-popup {
display: block;
width: calc( 100% - 100px );
max-width: 1000px;
position: absolute;
top: -99999px;
left: -99999px;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
z-index: 1000000;
visibility: hidden;
opacity: 0;
transition: opacity 0s linear;
}
.x-popup.show {
top: 50px;
left: 50%;
visibility: visible;
opacity: 1;
transition: opacity .35s linear;
}
.x-popup-content {
background-color: transparent;
position: relative;
}
.x-popup-content .text {
background-color: #fff;
padding: 38px 45px 50px 45px;
border-radius: 1px;
position: relative;
}
.x-popup-content .text:before,
.x-popup-content .text:after {
display: block;
content: "";
position: absolute;
right: 0;
}
.x-popup-content .text:before {
top: 0;
width: 14px;
height: 4px;
background-color: #9cbe4d;
}
.x-popup-content .text:after {
top: 4px;
width: 4px;
height: 82px;
background-color: #fdc056;
}
.x-popup-content .text h4 {
font-family: "Futura PT Book", sans-serif;
font-size: 60px;
line-height: 1;
color: #62bb47;
margin: 0 0 25px 0;
}
.x-popup-content .text h5 {
font-family: "Futura PT", sans-serif;
font-weight: 400;
font-size: 30px;
margin: 0 0 25px 0;
}
.x-popup-content .text h6 {
font-family: "Futura PT Book", sans-serif;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.5px;
margin: 0 0 25px 0;
}
.close-x-popup {
background-color: #fff;
width: 24px;
height: 24px;
line-height: 26px;
text-align: center;
font-size: 20px;
color: #ef184c;
border-radius: 1px;
position: absolute;
top: 0;
right: -30px;
transition: all .2s linear;
}
.close-x-popup:hover {
background-color: #ef184c;
color: #000;
transition: all .2s linear;
cursor: pointer;
}
.copy-x-popup {
background-color: #fff;
width: 24px;
height: 24px;
line-height: 26px;
text-align: center;
font-size: 16px;
color: #2c4aa0;
border-radius: 1px;
position: absolute;
top: 31px;
right: -30px;
transition: all .2s linear;
}
.copy-x-popup input {
width: 100px;
height: 50px;
position: absolute;
top: -99999px;
left: -99999px;
opacity: 0;
}
.copy-x-popup.copied .fa-link {
display: none;
}
.copy-x-popup:not( .copied ) .fa-check {
display: none;
}
.copy-x-popup:hover {
background-color: #ffbf00;
color: #000;
transition: all .2s linear;
cursor: pointer;
}
.copy-x-popup.copied {
background-color: #1fad00 !important;
color: #fff !important;
transition: all .2s linear;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgb(44, 74, 160) !important;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgb(229, 229, 229) !important;
}
.x-popup-content .buttons-wrap {
margin-top: 30px;
padding-right: 150px;
}
.x-popup-content .buttons-wrap:empty {
display: none !important;
}
/* member popup */
.x-popup.member-popup .x-popup-content:after {
background-image: url( ../images/logo.svg );
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: "";
display: block;
width: 72px;
height: 60px;
position: absolute;
top: 36px;
right: 57px;
}
.x-popup.member-popup .x-popup-content {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.x-popup.member-popup .x-popup-content .photo {
background-color: #ececec;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 40%;
margin-right: 3px;
border-radius: 1px;
position: relative;
overflow: hidden;
}
.x-popup.member-popup .x-popup-content .photo:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.x-popup.member-popup .x-popup-content .photo[available-photo="no"] {
background-size: 80% auto;
background-position: center;
background-repeat: no-repeat;
}
.x-popup.member-popup .x-popup-content .text {
padding: 35px 50px 50px 50px;
width: 60%;
}
.x-popup.member-popup .x-popup-content .text h4 {
padding-right: 100px;
}
.x-popup.member-popup .x-popup-content .text h5.position {
margin: -18px 0 25px 0;
}
.x-popup.member-popup .x-popup-content .text h6.position-2 {
margin: -22px 0 25px 0;
}
.x-popup.member-popup .x-popup-content .text h5.position:empty,
.x-popup.member-popup .x-popup-content .text h6.position-2:empty {
display: none !important;
}
.x-popup.member-popup .x-popup-content .bio {
height: 270px;
font-size: 14px;
position: relative;
}
.x-popup.member-popup .x-popup-content .bio p {
font-size: 16px;
}
.ext-comp-logo {
position: absolute;
right: 60px;
bottom: 65px;
}
.ext-comp-logo:empty {
display: none !important;
}
.ext-comp-logo img {
object-fit: contain;
object-position: center;
height: 44px;
width: 150px;
}
/* ways-to-give-popup */
.ways-to-give-popup.x-popup {
max-width: 720px;
}
.ways-to-give-popup.x-popup .popup-title {
text-align: center;
}
/* sign up popup */
.x-popup.sign-up-popup {
max-width: 770px
}
.x-popup.sign-up-popup .x-popup-content .text h4 {
font-family: "Futura PT", sans-serif;
font-size: 46px;
margin: 0 0 15px 0;
}
.x-popup.sign-up-popup .x-popup-content .text {
padding-bottom: 30px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Protect with Purpose
--------------------------------------------------------------------------------------------------------------------- */
section.thank-you-sponsors {
}
section.thank-you-sponsors .thank-you-title {
font-size: 60px;
line-height: 1;
margin: 0 0 2px;
text-align: center;
text-transform: uppercase;
}
section.thank-you-sponsors .sponsors-subtitle {
font-size: 24px;
line-height: 1;
color: #6d7388;
margin: 0 0 20px;
text-align: center;
}
.sponsors-wrap {
text-align: center;
}
.sponsor-item {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 240px;
height: 80px;
margin: 10px 15px;
}
.dc-designers .single-box-x {
height: auto;
}
.dc-designers-title {
text-align: center;
margin: 0 0 2px 0;
}
.dc-designers-wrap {
text-align: center;
}
.dc-designer {
display: inline-block;
vertical-align: top;
margin: 20px 15px 0;
}
.dc-designer h5.full-name {
font-size: 24px;
line-height: 1;
color: #0094c2;
margin: 0 0 5px 0;
}
.dc-designer .insta-name {
color: #6d7388;
font-size: 16px;
font-weight: 400;
}
.dc-designer .insta-name svg {
position: relative;
top: 1px;
margin-right: 2px;
}
.dc-designer .insta-name:hover {
color: #ef184c;
text-decoration: none;
}
.dc-designers-image {
width: 100%;
}
.bu-title {
text-align: center;
margin: 0 0 5px 0;
}
.pwp-buttons .buttons-wrap .btn {
margin: 10px 4px 0;
min-width: 200px;
}
.bu-caption {
text-align: center;
font-size: 18px;
color: #6d7388;
margin: 15px 0 0 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
DCAP - Home
--------------------------------------------------------------------------------------------------------------------- */
body.dcap section#masthead:before {
display: none;
}
body.dcap .intro .buttons-wrap {
margin: 0 0 2px;
}
body.dcap .single-box-x:before,
body.dcap .single-box-x:after {
display: none;
}
body.dcap section.intro .single-box-x:after {
display: block;
background-color: transparent;
background-image: url( ../images/dcap-corner.svg );
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 52px;
padding: 0;
border: 0;
position: absolute;
top: auto;
left: auto;
right: 0;
bottom: 0;
}
body.dcap .intro .buttons-wrap .btn {
margin: 0 8px 14px;
}
body.dcap .intro .buttons-wrap .btn:first-child {
margin-left: 0;
}
body.dcap .intro .buttons-wrap .btn:last-child {
margin-right: 0;
}
body.dcap .clients-wrap .client-item .logo-wrap.no-logo:before {
background-position: center;
}
body.dcap .clients-wrap {
max-width: 1000px;
margin: 0 auto;
}
body.dcap .clients-wrap .client-item {
margin: 0 10px 30px;
width: 255px;
}
h4.partners-group-name {
font-size: 30px;
color: #0093c1;
margin: 5px 0 15px 0;
}
body.dcap section#page-builder {
margin-top: 45px;
margin-bottom: 35px;
}
body.dcap #page-builder > [pb-section].gallery:first-child,
body.dcap #page-builder > [pb-section].video:first-child,
body.dcap #page-builder > [pb-section].map:first-child,
body.dcap #page-builder > [pb-section].icon-features:first-child {
padding-top: 0;
}
body.dcap #page-builder > [pb-section].video .section-content-wrap {
max-width: 790px;
margin: 0 auto;
}
/* ---------------------------------------------------------------------------------------------------------------------
DCAP - About
--------------------------------------------------------------------------------------------------------------------- */
section.dcap-features .grid-container {
max-width: 1024px;
}
section.dcap-features {
margin-bottom: 35px;
}
section.dcap-features .section-title {
font-size: 34px;
color: #134960;
margin-bottom: 25px;
}
section.dcap-features .section-subtitle {
font-size: 24px;
color: #134960;
margin-bottom: 0;
}
section.dcap-features .section-title + .section-subtitle {
margin-top: -20px;
}
section.dcap-features .goal-item {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #134960;
padding: 40px 30px 30px;
}
section.dcap-features .cell-goal-item:nth-child( 1 ) .goal-item {
background-image: url( ../images/dcap-feature-1.jpg );
}
section.dcap-features .cell-goal-item:nth-child( 2 ) .goal-item {
background-image: url( ../images/dcap-feature-2.jpg );
}
section.dcap-features .cell-goal-item:nth-child( 3 ) .goal-item {
background-image: url( ../images/dcap-feature-3.jpg );
}
section.dcap-features .goal-item .icon {
text-align: center;
}
section.dcap-features .goal-item .icon svg g > *,
section.dcap-features .goal-item:hover .icon svg g > * {
stroke: #fff;
}
section.dcap-features .goal-item .title,
section.dcap-features .goal-item:hover .title {
font-size: 34px;
color: #fff;
}
section.dcap-features .goal-item p,
section.dcap-features .goal-item:hover p,
section.dcap-features .goal-item li,
section.dcap-features .goal-item:hover li {
color: #fff !important;
font-size: 18px !important;
}
section.dcap-features .goal-item li {
padding: 0 0 0 20px !important;
line-height: 1.3 !important;
}
section.dcap-features .goal-item li:before {
background-color: #ffffff !important;
left: 0 !important;
}
.dark-banner-wrap {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #134960;
padding: 35px 45px 40px;
border-radius: 3px;
overflow: hidden;
}
.dark-banner-wrap .title {
font-size: 48px;
color: #fff;
text-align: center;
margin-bottom: 12px;
}
body.dcap .dark-banner-wrap .title {
color: #5eb443;
}
.dark-banner-wrap p {
font-size: 18px;
line-height: 1.3;
}
body.dcap section.bottom-content {
margin-bottom: 35px;
}
section.community-advisory-board {
margin-bottom: 10px;
}
body.dcap .bc-item h4 {
text-align: center;
color: #0094c2;
}
body.dcap .object-2-item h4,
body.dcap .object-2-item .btn {
color: #0094c2;
}
body.dcap .object-2-item:before {
display: none;
}
body.dcap .object-2-item:after {
display: block;
background-color: transparent;
background-image: url(../images/dcap-corner.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 52px;
padding: 0;
border: 0;
position: absolute;
top: auto;
left: auto;
right: 0;
bottom: 0;
}
body.dcap .object-2-item:hover {
background-color: #0094c2;
}
body.dcap .object-2-item:hover h4,
body.dcap .object-2-item:hover h5,
body.dcap .object-2-item:hover h6,
body.dcap .object-2-item:hover .description,
body.dcap .object-2-item:hover .btn {
color: #fff;
}
body.dcap .x-popup-content .text h5,
body.dcap .x-popup-content .text h6 {
color: #0094c2;
}
/* ---------------------------------------------------------------------------------------------------------------------
DCAP - Impact
--------------------------------------------------------------------------------------------------------------------- */
body.dcap .dcap-news {
margin-top: -35px;
}
body.dcap .dcap-news .section-title {
font-size: 48px;
color: #0094c2;
}
body.dcap .dcap-news .section-subtitle {
font-size: 26px;
color: #62bb47;
margin-top: -20px;
}
body.dcap section.archive-filter {
padding: 0;
}
body.dcap .filter-box .search .facetwp-icon {
background-color: #134960;
}
body.dcap .filter-box .search .facetwp-icon:hover {
background-color: #0094c2;
}
body.dcap .filter-box .view .view-btn:hover,
body.dcap .filter-box .view .view-btn.active {
color: #134960;
}
body.dcap .object-1-item:not( .global-color-schema ) h4,
body.dcap .object-1-item .btn {
color: #134960;
}
body.dcap .object-1-item h4:hover,
body.dcap .object-1-item h4 a:hover,
body.dcap .object-1-item:hover h4,
body.dcap .object-1-item:hover h4 a,
body.dcap .object-1-item:hover .btn {
color: #62bb47;
}
body.dcap .object-1-item:hover {
background-color: #134960;
}
/* ---------------------------------------------------------------------------------------------------------------------
DCAP - Resources
--------------------------------------------------------------------------------------------------------------------- */
body.dcap .intro .buttons-wrap + h1
body.dcap .intro .buttons-wrap + h2,
body.dcap .intro .buttons-wrap + h3,
body.dcap .intro .buttons-wrap + h4,
body.dcap .intro .buttons-wrap + h5,
body.dcap .intro .buttons-wrap + h6 {
font-size: 30px;
color: #0093c1;
margin-top: 0;
margin-bottom: 15px;
}
body.dcap section.archive-filter {
margin: 0 0 35px 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: What is the Housing
--------------------------------------------------------------------------------------------------------------------- */
.goal-item > * {
z-index: 500;
position: relative;
}
.goal-item.with-bg .icon svg {
height: 70px;
width: 110px;
}
.goal-item .bg {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 400;
opacity: 0;
transition: opacity .2s linear;
}
.goal-item:hover .bg {
opacity: 0.1;
transition: opacity .2s linear;
}
.goal-item.with-bg.schema-navy:hover .icon svg g > * {
stroke: #62bb47;
}
.goal-item.with-bg.schema-navy:hover .title {
color: #62bb47;
}
.goal-item.goal-item-s p {
font-size: 18px;
}
.goal-item.goal-item-s .title {
font-size: 30px;
}
section.what-is-housing-features {
margin-bottom: 35px;
}
.simple-banner {
background-color: #2c4aa0;
padding: 45px 60px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.simple-banner > * {
position: relative;
z-index: 500;
}
.simple-banner .bg {
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 400;
opacity: 0.15;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: VISTA - Home
--------------------------------------------------------------------------------------------------------------------- */
body.vista .typography h1,
body.vista .typography h2,
body.vista .typography h3,
body.vista .typography h4,
body.vista .typography h5,
body.vista .typography h6 {
color: #2b578a;
}
body.vista .dark-mode h1,
body.vista .dark-mode h2,
body.vista .dark-mode h3,
body.vista .dark-mode h4,
body.vista .dark-mode h5,
body.vista .dark-mode h6,
body.vista .dark-mode p,
body.vista .dark-mode li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [role="presentation"] ),
body.vista .dark-mode a:not( .btn ) {
color: #fff;
}
body.vista .dark-mode ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before {
background-color: #fff;
}
body.vista .btn:not( .menu-item ).btn-navy {
background-color: #2b578a;
border: 1px solid #2b578a;
}
body.vista .btn:not( .menu-item ).btn-navy:hover {
background-color: #346aa9;
border: 1px solid #346aa9;
}
body.vista .x-tabs .tabs .tabs-title.schema-navy {
border: 1px solid #2b578a;
}
body.vista .x-tabs .tabs .tabs-title > a {
color: #2b578a;
}
body.vista .x-tabs .tabs .tabs-title.schema-navy:hover > a,
body.vista .x-tabs .tabs .tabs-title.schema-navy.is-active > a {
background-color: #2b578a;
}
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy {
border: 3px solid #2b578a;
}
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy h1,
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy h2,
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy h3,
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy h4,
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy h5,
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy h6,
body.vista .x-tabs .tabs-content .tabs-panel.schema-navy a:not( .btn ) {
color: #2b578a;
}
.x-tabs .tabs-content .tabs-panel .buttons-wrap {
text-align: center;
}
body.vista section#masthead:before {
display: none;
}
body.vista section#masthead .vista-logo {
height: 130px;
margin-bottom: 25px;
}
body.vista .masthead.without-intro {
margin-bottom: 0;
}
body.vista .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 70px 0;
}
body.vista .masthead.without-intro + section#page-builder {
padding-top: 0;
margin-top: -50px;
}
body.vista section#masthead .caption-title-wrap {
text-align: center;
}
body.vista section#masthead .caption-title-wrap h1 {
text-align: left;
color: #2b578a;
}
body.vista .btn:not( .menu-item ).btn-default,
body.vista .btn:not( .menu-item ).btn-pink {
background-color: #df2300;
border: 1px solid #df2300;
}
body.vista .btn:not( .menu-item ).btn-default:hover,
body.vista .btn:not( .menu-item ).btn-pink:hover {
background-color: #ff2800;
border: 1px solid #ff2800;
}
body.vista section#page-builder {
margin-bottom: 35px;
}
section.vista-news-top-content + section.archive-filter {
padding-top: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: VISTA - Become a Member
--------------------------------------------------------------------------------------------------------------------- */
section.quote {
margin-bottom: 35px;
}
section.quote .quote-item {
text-align: center;
}
section.quote .quote-item .photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 280px;
height: 280px;
border-radius: 50%;
margin-bottom: 15px;
}
section.quote .quote-item .quote-text {
font-size: 30px;
font-style: italic;
color: #5e7b82;
line-height: 1.2;
margin-bottom: 10px;
}
section.quote .quote-item .quote-author {
font-family: "Futura PT", sans-serif;
font-size: 14px;
color: #2b588e;
line-height: 1.4;
margin-bottom: 0;
}
.under-tabs-buttons {
text-align: center;
padding-top: 20px;
}
.under-tabs-buttons .btn {
margin: 5px 3px 0;
}
body.vista .dark-banner-wrap {
text-align: left;
}
body.vista .dark-banner-wrap .title {
color: #fff;
text-align: left;
}
body.vista .dark-banner-wrap .subtitle {
color: #fff;
text-align: left;
position: relative;
margin: 10px 0 15px;
padding-bottom: 20px;
}
body.vista .dark-banner-wrap .subtitle:after {
background-color: #fff;
content: "";
display: block;
width: 56px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
body.vista .dark-banner-wrap .subtitle + * {
margin-top: 0;
}
body.vista .dark-banner-wrap h4 {
margin-bottom: 10px;
}
body.vista .object-2-item:hover {
background-color: #5e7b82;
}
body.vista .object-2-item h4 {
color: #5e7b82;
}
body.vista .object-2-item h5 {
color: #404040;
}
body.vista .object-2-item h6 {
color: #404040;
}
body.vista .object-2-item .btn {
color: #2b578a;
}
body.vista .object-2-item:hover h4,
body.vista .object-2-item:hover h5,
body.vista .object-2-item:hover h6,
body.vista .object-2-item:hover .btn {
color: #fff;
}
body.vista .object-2-item:before {
background-color: #5f7c81;
}
body.vista .object-2-item:after {
background-color: #2b578a;
}
section.vista-cohort {
margin-bottom: 15px;
}
section.vista-tabs {
margin-bottom: 35px;
}
body.vista .accordion-title,
body.vista .accordion-content .copy-x-popup {
color: #5e7b82;
}
body.vista .accordion-title:hover,
body.vista .accordion-item.is-active .accordion-title {
color: #df2300 !important;
}
body.vista .btn:not( .menu-item ).btn-transparent-navy{
border: 1px solid #2b578a;
color: #2b578a;
}
body.vista .btn:not( .menu-item ).btn-transparent-navy:hover {
background-color: #2b578a;
border: 1px solid #2b578a;
}
body.vista .filter-box .search .facetwp-icon {
background-color: #2b578a;
}
body.vista .filter-box .search .facetwp-icon:hover {
background-color: #5e7b82;
}
body.vista .filter-box .view .view-btn:hover,
body.vista .filter-box .view .view-btn.active {
color: #2b578a;
}
body.vista .object-1-item:hover {
background-color: #2b578a;
}
body.vista .object-1-item:not( .global-color-schema ) h4,
body.vista .object-1-item .btn {
color: #2b578a;
}
body.vista .object-1-item:not( .global-color-schema ):hover h4,
body.vista .object-1-item:hover .btn {
color: #fff;
}
body.vista .pagination-wrap .pagination > li > *,
body.vista .facetwp-pager .facetwp-page {
color: #2b578a;
}
body.vista .pagination-wrap .pagination > li:hover > *,
body.vista .pagination-wrap .pagination > li > .current,
body.vista .facetwp-pager .facetwp-page:hover,
body.vista .facetwp-pager .facetwp-page.active {
color: #fff;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: VISTA - Host Site
--------------------------------------------------------------------------------------------------------------------- */
body.vista section.vista-features {
margin-bottom: 5px;
}
body.vista .section-title {
color: #2b578a;
}
body.vista .goal-item.schema-navy:before,
body.vista .goal-item.schema-navy:after {
display: none;
}
body.vista .goal-item.schema-navy:hover {
background-color: #2b578a;
}
body.vista .goal-item.schema-navy .icon svg g > * {
stroke: #2b578a;
}
body.vista .goal-item.schema-navy:hover .icon svg g > * {
stroke: #fff;
}
body.vista .goal-item .title {
font-size: 24px;
}
.cc-column-item {
display: flex;
flex-direction: column;
height: 100%;
background-color: #2b578a;
border-radius: 3px;
padding: 40px 40px;
}
.cc-column-item.bg-red {
background-color: #df2300;
}
.cc-column-item.bg-turquoise {
background-color: #5e7b82;
}
.cc-column-item a {
text-decoration: underline;
}
section.questions-to-consider {
margin-bottom: 35px;
}
section.questions-to-consider .dark-banner-wrap {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
section.questions-to-consider .dark-banner-wrap:before {
background-color: #df2300;
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.86;
z-index: 400;
}
section.questions-to-consider .dark-banner-wrap > * {
position: relative;
z-index: 500;
}
.qc-banner-caption {
margin-bottom: 20px;
}
.qc-banner-caption p {
color: #5f7c80;
}
.qc-banner-caption a:not( .btn ) {
font-family: "Futura PT", sans-serif;
text-decoration: underline;
color: #2b578a;
}
.qc-banner-caption a:not( .btn ):hover {
color: #df2300;
}
.qc-columns-title {
color: #2b578a;
margin: 0 0 25px 0;
}
.qc-column-item {
display: flex;
flex-direction: column;
height: 100%;
background-color: #fff;
padding: 30px 25px;
border-radius: 3px;
}
.qc-column-item h4 {
font-size: 24px;
margin: 0 0 15px 0;
}
body.vista .qc-column-item.schema-turquoise h4 {
color: #5e7b82;
}
body.vista .qc-column-item.schema-red h4 {
color: #df2300;
}
.qc-column-item li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [role="presentation"] ) {
line-height: 1.2;
margin: 0 0 15px;
padding: 0 0 0 20px;
}
.qc-column-item ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before {
background-color: #2b578a;
top: 8px;
left: 2px;
}
.qc-column-item.schema-turquoise ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before {
background-color: #5e7b82;
}
.qc-column-item.schema-red ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before {
background-color: #df2300;
}
section.meet-vista {
margin-bottom: 35px;
}
section.meet-vista .dark-banner-wrap {
position: relative;
padding: 45px 45px 50px;
margin-bottom: 30px;
}
section.meet-vista .dark-banner-wrap > * {
position: relative;
z-index: 500;
}
section.meet-vista .dark-banner-wrap:before {
background: -moz-linear-gradient(left, rgba(94,123,130,1) 0%, rgba(94,123,130,1) 56%, rgba(94,123,130,0) 100%);
background: -webkit-linear-gradient(left, rgba(94,123,130,1) 0%,rgba(94,123,130,1) 56%,rgba(94,123,130,0) 100%);
background: linear-gradient(to right, rgba(94,123,130,1) 0%,rgba(94,123,130,1) 56%,rgba(94,123,130,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e7b82', endColorstr='#005e7b82',GradientType=1 );
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 400;
}
.vista-person {
background-color: #fff;
text-align: center;
border-radius: 3px;
padding: 110px 40px 35px;
margin: 95px 0 0 0;
position: relative;
}
.vista-person .photo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #eee;
display: block;
width: 190px;
height: 190px;
border-radius: 50%;
margin: 0;
position: absolute;
top: -95px;
left: calc( 50% - 95px );
}
.vista-person .name {
font-size: 30px;
color: #2b588e;
margin-top: 0;
margin-bottom: 1px;
}
.vista-person .position {
font-size: 18px;
color: #2b588e;
margin-top: 0;
margin-bottom: 15px;
}
.vista-person p {
color: #5f7c80;
}
.vista-person p.contacts {
font-family: "Futura PT", sans-serif;
color: #2b588e;
margin: 20px 0 0 0;
}
.vista-person p.contacts a {
font-family: "Futura PT", sans-serif;
color: #2b588e;
}
.vista-person p.contacts a:hover {
color: #df2300;
text-decoration: underline;
}
section.vista-resources {
margin-bottom: 35px;
}
section.vista-resources .object-1-cell {
margin-bottom: 20px;
}
section.vista-resources .document-item .content {
width: calc( 100% - 160px );
}
section.vista-resources .document-item .button-wrap {
width: 160px;
display: flex;
flex-direction: row;
align-items: center;
}
section.vista-resources .qc-banner-caption {
margin-top: 5px;
margin-bottom: 0;
}
section.vista-resources .document-item h4 {
color: #2b588e;
}
section.vista-resources .document-item h4 a:hover {
color: #df2300;
}
section.vista-resources .btn:not( .menu-item ).btn-transparent-green {
background-color: transparent;
border: 1px solid #2b588e;
color: #2b588e;
}
section.vista-resources .btn:not( .menu-item ).btn-transparent-green:hover {
background-color: #2b588e;
border: 1px solid #2b588e;
color: #fff;
}
section.vista-resources .document-item:before {
background-color: #5e7b82;
}
section.text-banner {
margin-bottom: 35px;
text-align: center;
}
.teb-text-banner {
font-family: "Futura PT Book", sans-serif;
font-size: 67px;
color: #5e7b82 !important;
margin-bottom: 12px;
}
section.text-banner .btn {
font-size: 24px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: DC Small Biz Help
--------------------------------------------------------------------------------------------------------------------- */
body.small-biz section#masthead:before {
display: none;
}
body.small-biz .masthead.without-intro {
margin-bottom: 0;
}
body.small-biz .masthead .masthead-caption {
top: 0;
left: 0;
bottom: auto;
}
body.small-biz .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 70px 0 70px 0;
}
body.small-biz .masthead.without-intro + section#page-builder {
padding-top: 0;
margin-top: -50px;
}
body.small-biz .masthead-caption .caption-title-wrap h1 {
font-size: 52px;
font-weight: 300;
}
body.small-biz .masthead-caption .caption-title-wrap h1 img {
display: inline-block;
height: 50px;
margin-left: 10px;
vertical-align: top;
}
body.small-biz .masthead-caption .caption-title-wrap h1 img[alt="CNHED"] {
margin-left: 40px;
}
body.small-biz section#page-builder {
margin-bottom: 35px;
}
body.small-biz .x-tabs .tabs .tabs-title {
border: 1px solid #822440;
}
body.small-biz .x-tabs .tabs .tabs-title:hover > a,
body.small-biz .x-tabs .tabs .tabs-title.is-active > a {
background-color: #822440;
}
body.small-biz .x-tabs .tabs .tabs-title > a {
font-size: 40px;
color: #822440;
}
body.small-biz .x-tabs .tabs .tabs-title .subtitle {
font-family: "Futura PT Book", sans-serif;
font-size: 16px;
font-weight: 400;
color: #6d7388;
}
body.small-biz .x-tabs .tabs-content .tabs-panel {
border: 3px solid #822440;
}
.features-in-tab {
display: flex;
flex-flow: row wrap;
font-size: 0;
letter-spacing: 0;
}
body.small-biz .features-in-tab .goal-item {
flex: 0 0 auto;
flex-basis: auto;
border: 1px solid #abb0bf;
width: calc( 33.33% - 7px );
height: auto;
padding: 25px 15px;
margin-right: 10px;
margin-bottom: 12px;
text-align: center;
}
body.small-biz .features-in-tab .goal-item:nth-child( 3n ) {
margin-right: 0;
}
body.small-biz .features-in-tab .goal-item .icon svg g > * {
stroke: #822440;
}
body.small-biz .features-in-tab .goal-item .title {
font-size: 22px;
color: #6d7388;
margin: 0 0 1px 0;
}
body.small-biz .features-in-tab .goal-item p {
font-size: 16px;
color: #6d7388;
}
body.small-biz .features-in-tab .goal-item:hover {
background-color: #f9f5f6;
border: 1px solid #822440;
transition: all .2s linear;
}
body.small-biz .features-in-tab .goal-item:hover .title,
body.small-biz .features-in-tab .goal-item:hover p {
color: #822440;
}
body.small-biz .x-tabs .tabs-content .tabs-panel .buttons-wrap {
margin-top: 10px;
}
body.small-biz section.how-it-works {
margin-bottom: 35px;
}
body.small-biz section.how-it-works .section-title,
body.small-biz section.small-biz-archive .section-title,
body.small-biz section.small-biz-news .section-title {
color: #822440;
}
body.small-biz section.how-it-works .goal-item {
background-color: #943f58;
}
body.small-biz section.how-it-works .goal-item .icon svg g > * {
stroke: #fff;
}
body.small-biz section.how-it-works .goal-item .title {
font-size: 24px;
}
body.small-biz section.how-it-works .goal-item .title,
body.small-biz section.how-it-works .goal-item p {
color: #fff;
}
body.small-biz section.how-it-works .goal-item:hover {
background-color: #822440;
}
body.small-biz section.archive-filter {
padding: 0;
margin: 0 0 30px 0;
}
body.small-biz .filter-box[dropdowns="4"] .facetwp-type-fselect {
width: calc( 25% - 8px );
}
body.small-biz .archive-items .object-1-cell {
margin-bottom: 20px;
}
.dc-small-biz {
background-color: #fff;
display: table;
width: 100%;
box-shadow: 0 3px 43px 0 rgba( 0, 0, 0, 0.07 );
border-radius: 3px;
}
.dc-small-biz > * {
display: table-cell;
padding: 20px 15px;
vertical-align: middle;
}
.dc-small-biz .logo {
width: 200px;
}
.dc-small-biz .content h4 {
font-size: 18px;
color: #822440;
margin: 0 0 10px 0;
}
.dc-small-biz .content h4 a {
font-family: inherit;
color: inherit;
}
.dc-small-biz .content h4 a:hover {
text-decoration: underline;
}
.dc-small-biz .content p {
font-size: 14px;
color: #404040;
margin: 0;
}
.dc-small-biz .button-cell {
width: 160px;
line-height: 0;
}
body.small-biz .filter-box .search .facetwp-icon {
background-color: #822440;
}
body.small-biz .filter-box .search .facetwp-icon:hover {
background-color: #a12c4f;
}
body.small-biz section#archive {
margin-bottom: 15px;
}
body.small-biz section.small-biz-news {
margin-bottom: 20px;
}
body.small-biz .object-1-item:not( .global-color-schema ) h4,
body.small-biz .object-1-item .btn {
color: #822440;
}
body.small-biz .object-1-item:hover {
background-color: #822440;
}
body.small-biz .object-1-item:hover .btn,
body.small-biz .object-1-item .btn:hover {
color: #fff;
}
body.small-biz .pagination-wrap .facetwp-pager {
margin: 10px 0 20px;
}
body.small-biz .pagination-wrap .pagination > li > *,
body.small-biz .facetwp-pager .facetwp-page {
color: #822440;
}
body.small-biz .pagination-wrap .pagination > li:hover > *,
body.small-biz .pagination-wrap .pagination > li > .current,
body.small-biz .facetwp-pager .facetwp-page:hover,
body.small-biz .facetwp-pager .facetwp-page.active {
background-color: #822440;
color: #fff;
}
body.small-biz .filter-box .fs-wrap:hover .fs-label-wrap,
body.small-biz .filter-box .fs-wrap.fs-open .fs-label-wrap,
body.small-biz .filter-box .fs-wrap:not( .fs-default ) .fs-label-wrap {
border-color: #822440;
background-color: #822440;
}
body.small-biz .filter-box .search input[type="text"]:focus {
border-color: #822440;
}
body.small-biz ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before,
body.single-small_biz ul li:not( .menu-item ):not( .gfield ):not( .accordion-item ):not( .js-drilldown-back ):not( [class*="gchoice"] ):not( [role="presentation"] ):before {
background-color: #822440;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: DC Small Biz Single
--------------------------------------------------------------------------------------------------------------------- */
body.single.single-small_biz section#masthead {
min-height: 580px;
}
body.single.single-small_biz section#masthead.masthead-single .masthead-caption {
margin-top: 100px;
}
body.single.single-small_biz section#masthead .grid-container {
max-width: 820px;
}
body.single-small_biz section#masthead:before {
display: none;
}
body.single-small_biz .masthead-caption-top {
position: absolute;
top: 60px;
left: 0;
width: 100%;
}
body.single-small_biz .masthead-caption-top .caption-title-wrap h2 {
font-size: 52px;
font-weight: 300;
color: #fff;
margin: 0;
}
body.single-small_biz .masthead-caption-top .caption-title-wrap h2 img {
display: inline-block;
height: 50px;
margin-left: 10px;
vertical-align: top;
}
body.single-small_biz .masthead-caption-top .caption-title-wrap h2 img[alt="CNHED"] {
margin-left: 40px;
}
body.single-small_biz .masthead-caption .logo-wrap {
background-color: #fff;
padding: 10px;
border-radius: 3px;
margin-bottom: 20px;
}
body.single-small_biz section#masthead.masthead-single h1 {
margin-bottom: 20px;
}
body.single-small_biz section#masthead p.contact {
font-family: "Futura PT", sans-serif;
font-size: 14px;
color: #fff;
line-height: 1.2;
margin: 0 0 10px 0;
padding-left: 25px;
position: relative;
}
body.single-small_biz section#masthead p.contact a {
font-family: "Futura PT", sans-serif;
color: #fff;
}
body.single-small_biz section#masthead p.contact a:hover {
color: #fff;
text-decoration: underline;
}
body.single-small_biz section#masthead p.contact svg {
position: absolute;
top: 1px;
left: 0;
}
body.single-small_biz section#masthead p.contact svg.fa-external-link-alt {
font-size: 12px;
}
body.single-small_biz section#masthead p.contact:first-child {
margin-top: 5px;
}
body.single-small_biz section#masthead p.contact:last-child {
margin-bottom: 0;
}
body.single-small_biz section#masthead p.primary-contact {
font-family: "Futura PT", sans-serif;
font-size: 20px;
color: #fff;
line-height: 1.2;
margin: 0 0 12px 0;
position: relative;
}
body.single-small_biz section#masthead p.primary-contact:last-child {
margin-bottom: 0;
}
body.single-small_biz section#masthead p.primary-contact a {
font-family: "Futura PT", sans-serif;
color: #fff;
}
body.single-small_biz section#masthead p.primary-contact a:hover {
text-decoration: underline;
}
body.single-small_biz section#masthead p.primary-contact span {
display: block;
width: 100%;
font-size: 14px;
opacity: 0.8;
padding-top: 6px;
}
.back-to-smallbiz-cell {
position: relative;
}
.btn.back-to-smallbiz {
font-size: 14px;
position: absolute;
right: 15px;
bottom: 0;
}
.btn.back-to-smallbiz svg {
position: relative;
margin-right: 3px;
top: 1px;
}
body.single-small_biz [pb-section] .pb-section-title {
color: #822440;
}
body.single-small_biz [pb-section] h1,
body.single-small_biz [pb-section] h2,
body.single-small_biz [pb-section] h3,
body.single-small_biz [pb-section] h4,
body.single-small_biz [pb-section] h5,
body.single-small_biz [pb-section] h6,
body.single-small_biz [pb-section] a:not( .btn ),
body.single-small_biz .share-box > a:hover {
color: #822440;
}
.technical-assistance-offered .tao-row {
display: table;
width: 100%;
margin-bottom: 25px;
}
.technical-assistance-offered .tao-row:last-child {
margin-bottom: 0;
}
.technical-assistance-offered .tao-row > div {
display: table-cell;
}
.technical-assistance-offered .tao-row .title {
width: 40%;
font-family: "Futura PT", sans-serif;
font-size: 18px;
line-height: 1.2;
color: #6d7388;
}
.technical-assistance-offered .tao-row .description {
width: 60%;
font-size: 16px;
line-height: 1.2;
color: #abb0bf;
}
#technical-assistance-offered {
margin-bottom: 35px;
}
#technical-assistance-offered h4,
#locations-helped h4,
#programs-and-services h4 {
color: #822440;
}
body.single-small_biz.single section#page-builder {
margin-bottom: 35px;
}
#locations-helped {
margin-bottom: 35px;
}
#locations-helped .single-box-x,
#programs-and-services .single-box-x {
display: block;
}
.location-biz-term {
display: inline-block;
background-color: #f4f4f4;
padding: 4px 12px;
margin: 3px 3px 3px 0;
font-family: "Futura PT", sans-serif;
font-size: 14px;
color: #6d7388;
border-radius: 3px;
transition: all .2s linear;
}
.location-biz-term:hover {
background-color: #822440;
color: #fff;
transition: all .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
SEARCH APP
--------------------------------------------------------------------------------------------------------------------- */
#search-app-overlay {
display: block;
background-color: rgba( 0, 0, 0, 0.92 );
position: fixed;
top: -99999px;
left: -99999px;
z-index: 999999;
visibility: hidden;
opacity: 0;
transition: opacity 0s linear;
}
#search-app-overlay.show {
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
}
#search-app {
visibility: hidden;
opacity: 0;
width: calc( 100% - 30px );
max-width: 620px;
position: absolute;
top: -99999px;
left: -99999px;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
z-index: 999999;
}
#search-app.show {
position: fixed;
top: 50%;
left: 50%;
visibility: visible;
opacity: 1;
transition: opacity .5s linear;
}
#search-app form label {
display: block;
width: calc( 100% - 60px );
height: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 18px;
font-weight: 600;
line-height: 74px;
letter-spacing: .1px;
color: #fff;
z-index: 500;
padding: 0 0 0 48px;
cursor: text;
transition: all .1s linear;
}
#search-app form label.focused {
font-size: 11px;
line-height: 11px;
height: 12px;
top: 11px;
}
#search-input {
background-color: transparent;
border: 3px solid #ef184c;
height: 74px;
font-size: 20px;
font-weight: 600;
font-style: italic;
color: #fff;
padding: 20px 140px 10px 45px;
margin: 0;
border-radius: 100px;
}
/* Placeholder Styling */
#search-app ::-webkit-input-placeholder {
color: #fff;
}
#search-app ::-moz-placeholder {
color: #fff;
}
#search-app ::-o-placeholder {
color: #fff;
}
#search-app :-ms-input-placeholder {
color: #fff;
}
#search-app input:-moz-placeholder {
color: #fff;
}
#search-input:focus {
background-color: transparent !important;
border-color: #0094c2;
}
#search-app #search-button {
display: block;
background-color: #ef184c;
font-size: 32px;
line-height: 82px;
color: #fff;
text-align: center;
width: 130px;
height: 74px;
border-radius: 100px;
position: absolute;
top: 0;
right: 0;
margin: 0;
transition: all .2s linear;
}
#search-app #search-button:hover {
background-color: #62bb47;
cursor: pointer;
transition: all .2s linear;
}
#search-app-overlay svg {
font-size: 50px;
line-height: 1;
color: #ef184c;
position: absolute;
top: 22px;
right: 30px;
transition: all .2s linear;
}
#search-app-overlay svg:hover {
color: #fdc056;
cursor: pointer;
}
/* ---------------------------------------------------------------------------------------------------------------------
SEARCH ARCHIVE
--------------------------------------------------------------------------------------------------------------------- */
body.search .masthead.without-intro {
margin-bottom: 0;
}
body.search section.archive-filter {
padding: 0;
margin: -50px 0 45px 0;
}
body.search .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 80px 0;
}
.filter-box #searchform {
position: relative;
}
.filter-box #searchform button[type="submit"] {
background-color: #2c4aa0;
position: absolute;
border-radius: 3px;
top: 50%;
right: 0;
display: block;
width: 152px;
height: 50px;
line-height: 54px;
font-size: 13px;
font-style: normal;
font-weight: 600;
color: #fff;
text-align: center;
text-transform: uppercase;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
opacity: 1;
transition: background-color .2s linear;
}
.filter-box #searchform button[type="submit"]:hover {
background-color: #0094c2;
transition: background-color .2s linear;
}
.filter-box #searchform button[type="submit"] svg.fa-long-arrow-right {
margin: 0 0 0 4px;
position: relative;
left: 0;
transition: left .15s linear 0s;
}
.filter-box #searchform button[type="submit"]:hover svg.fa-long-arrow-right {
left: 5px;
transition: left .15s linear .15s;
}
/* ---------------------------------------------------------------------------------------------------------------------
SEARCH ITEM
--------------------------------------------------------------------------------------------------------------------- */
.resource-object-1 .object-1-item .preview svg {
color: #2c4aa0;
font-size: 52px;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
transition: opacity .2s linear;
}
.resource-object-1 .object-1-item:hover .preview svg {
opacity: 1;
transition: opacity .2s linear;
}
body.search .object-1-item .preview-wrap:before,
body.search .object-1-item[cpt="webinars_and_videos"] .preview-wrap:before {
padding-bottom: 62%;
}
body.search .object-1-item .publication-logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
border: 7px solid transparent;
opacity: 0.75;
z-index: 501;
}
body.search .archive-items.list .object-1-item .content {
width: 100%;
padding: 30px 30px 60px 30px;
}
body.search .archive-items.list .object-1-item[cpt="event"] .content {
width: 100%;
padding: 30px 30px 85px 30px;
}
body.search .archive-items.list .object-1-item .btn {
left: 30px;
}
body.search .archive-items.list .object-1-item[cpt="event"]:not( .landscape ) .btn {
left: 30px;
}
.archive-items.list .object-1-item[cpt="event"] p.date,
.archive-items.list .object-1-item[cpt="event-recurring"] p.date,
.archive-items.list .object-1-item[cpt="event"] p.time,
.archive-items.list .object-1-item[cpt="event-recurring"] p.time {
display: inline-block;
margin-right: 15px;
}
body.search .archive-items.list .object-1-item .publication-logo {
position: relative;
top: 0;
left: 0;
width: 180px;
height: 100%;
border: 15px solid transparent;
opacity: 1;
}
body.search .archive-items.list .object-1-item[cpt="webinars_and_videos"] {
display: flex;
flex-direction: row;
max-width: 100%;
}
body.search .archive-items.list .object-1-item[cpt="webinars_and_videos"] .preview-wrap {
width: 180px;
}
body.search .archive-items.list .object-1-item[cpt="webinars_and_videos"] .content .sc-corner {
top: 0;
left: auto;
right: 0;
transform: rotate3d( 0, 1, 0, 180deg );
z-index: 500;
}
/* ---------------------------------------------------------------------------------------------------------------------
X BREADCRUMBS
--------------------------------------------------------------------------------------------------------------------- */
.x-breadcrumbs-wrap {
font-size: 14px;
font-weight: 400;
color: #fff;
margin: 0;
padding: 0;
}
.x-breadcrumbs-wrap a {
color: #fff;
font-weight: 400;
}
.x-breadcrumbs-wrap a:hover {
text-decoration: underline;
color: #fff;
}
.x-breadcrumbs-wrap svg.fa-home-lg-alt {
position: relative;
top: -1px;
}
.x-breadcrumbs-wrap .divider {
margin: 0 12px;
position: relative;
top: 1px;
}
/* ---------------------------------------------------------------------------------------------------------------------
X CATEGORIES
--------------------------------------------------------------------------------------------------------------------- */
.x-categories-wrap {
font-size: 14px;
font-weight: 400;
color: #fff;
margin: 0 0 5px 0;
padding: 0;
}
.x-categories-wrap svg {
margin-right: 5px;
position: relative;
top: 1px;
}
.x-categories-wrap a {
color: #fff;
position: relative;
}
.x-categories-wrap a:hover {
color: #fff;
text-decoration: underline;
}
.x-categories-wrap .divider {
position: relative;
left: -2px;
}
.x-categories-wrap .divider:last-child {
display: none !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------------------------------------------- */
footer {
background-color: #2d303a;
}
footer h5 {
font-size: 22px;
font-weight: 400;
color: #fff;
margin: 0 0 26px 0;
}
footer .sign-up h5 {
color: #62bb47;
}
footer p {
font-family: "Futura PT", sans-serif;
font-size: 13px;
color: #fff;
margin-bottom: 15px;
}
footer p a {
font-family: "Futura PT", sans-serif;
color: #a1bdd3;
}
footer p a:hover {
color: #fdc056;
text-decoration: none;
}
footer section.top {
background-color: #2d303a;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 65px 0 50px;
}
body.home footer section.top {
padding-top: 150px;
}
footer section.top .contacts,
footer section.top .social-media,
footer section.top .sign-up,
footer section.top .logo {
display: flex;
flex-direction: column;
}
footer .logo {
position: relative;
}
footer .logo a {
display: inline-block;
width: 100%;
max-width: 100px;
position: absolute;
right: 0;
bottom: 15px;
}
footer .logo img {
width: 100%;
}
footer .foo-soc-media p {
margin-bottom: 6px;
}
footer .foo-soc-media .soc-icon-wrap {
display: inline-block;
width: 22px;
text-align: center;
font-size: 16px;
color: #5582a4;
margin-right: 7px;
position: relative;
top: 1px;
transition: color .2s linear;
}
footer .foo-soc-media a:hover .soc-icon-wrap {
color: #0094c2;
transition: color .2s linear;
}
footer section.top .sign-up .btn {
width: 100%;
min-width: 0;
max-width: 120px;
font-size: 16px;
padding: 12px 15px;
margin-top: 5px;
}
footer section.copyright {
background-color: #2d303a;
padding: 0 0 13px;
font-family: "Futura PT", sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.4px;
color: #768d9e;
}
footer section.copyright .brand-line {
margin-bottom: 19px;
height: 1px;
}
footer section.copyright .sabra-hearth {
width: 15px;
margin: 0 1px;
position: relative;
top: -1px;
}
footer section.copyright .developed {
text-align: right;
}
footer section.copyright a {
font-family: "Futura PT", sans-serif;
color: #768d9e;
}
footer section.copyright a.sabra:hover {
color: #69ae40;
}
.back-to-top {
display: inline-block;
padding: 1px 5px;
font-size: 20px;
color: #0094c2;
line-height: 1;
transition: color .2s linear;
}
.back-to-top:hover {
cursor: pointer;
color: #fdc056;
transition: color .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
REQUIRED STYLES UPDATE
--------------------------------------------------------------------------------------------------------------------- */
.object-1-item[cpt*="event"] .preview:after,
.awesome-feature .overlay:before,
section.member-login-1 .ml-image:before,
.slp-item .preview:before,
.calypso-item .preview:after {
display: none !important;
}
/***********************************************************************************************************************
* *
* MEDIA QUERIES ( RESPONSIVE ) *
* *
***********************************************************************************************************************/
@media only screen and (min-width: 641px) {
body header > div {
background-color: rgba(255, 255, 255, 0.97);
box-shadow: 0 5px 15px rgba( 0, 0, 0, .12 );
transition: background-color .25s linear 0s, box-shadow .25s linear 0s;
}
.top-bar, .top-bar ul {
background-color: transparent;
}
.top-bar {
padding: 0;
}
/* primary menu styles */
#menu-primary {
padding: 24px 0 20px 100px;
position: relative;
z-index: 500;
}
#menu-primary .menu-item {
font-size: 15px;
line-height: 1;
}
#menu-primary .menu-item > a {
font-size: 15px;
font-weight: 400;
line-height: 1;
color: #4d4d4d;
padding: 11px 13px 11px 8px;
}
#menu-primary .menu-item:not( .btn ):hover > a,
#menu-primary .menu-item.current-menu-item:not( .btn ) > a,
#menu-primary .menu-item.current-menu-ancestor:not( .btn ) > a {
color: #ef184c !important;
}
#menu-primary .btn.menu-item {
margin-left: 10px;
}
#menu-primary .btn.menu-item > a {
min-width: 96px;
}
/* top lvl menu item with submenu */
#menu-primary > .is-dropdown-submenu-parent > a {
padding-right: 18px;
}
#menu-primary > .is-dropdown-submenu-parent > a::after {
border: 4px solid;
border-color: #4d4d4d transparent transparent;
right: 7px;
margin-top: -2px;
transition: border-color .2s linear;
}
#menu-primary > li.is-dropdown-submenu-parent:hover > a::after,
#menu-primary > li.is-dropdown-submenu-parent.current-menu-item > a::after,
#menu-primary > li.is-dropdown-submenu-parent.current-menu-ancestor > a::after {
border-color: #ef184c transparent transparent !important;
transition: border-color .2s linear;
}
/* dropdown submenu */
#menu-primary .is-dropdown-submenu {
right: auto;
left: 0;
border: 0;
padding: 23px 0 0 0;
min-width: 230px;
border-radius: 0 0 3px 3px;
overflow: visible;
}
#menu-primary .is-dropdown-submenu:before {
content: "";
display: block;
width: 3px;
height: 25px;
background-color: #62bb47;
position: absolute;
bottom: 0;
right: 0;
z-index: 500;
}
#menu-primary .is-dropdown-submenu:after {
content: "";
display: block;
width: 39px;
height: 3px;
background-color: #fdc056;
position: absolute;
bottom: 0;
right: 3px;
z-index: 500;
}
#menu-primary .is-dropdown-submenu > .menu-item > a {
background-color: #22252D;
color: #fff;
position: relative;
padding: 14px 13px 14px 60px;
}
#menu-primary .is-dropdown-submenu > .menu-item > a:before {
content: "";
display: block;
width: 30px;
height: 1px;
background-color: #ef184c;
position: absolute;
top: 21px;
left: 16px;
opacity: 0;
transition: opacity .2s linear;
}
#menu-primary .is-dropdown-submenu > .menu-item > a:hover:before,
#menu-primary .is-dropdown-submenu > .menu-item.current-menu-item > a:before,
#menu-primary .is-dropdown-submenu > .menu-item.current-menu-ancestor > a:before {
opacity: 1;
transition: opacity .2s linear;
}
#menu-primary .is-dropdown-submenu > .menu-item:first-child > a,
#menu-primary .is-dropdown-submenu > .menu-item.show-for-small-only + .menu-item > a {
padding-top: 25px;
}
#menu-primary .is-dropdown-submenu > .menu-item:first-child > a:before,
#menu-primary .is-dropdown-submenu > .menu-item.show-for-small-only + .menu-item > a:before {
top: 32px;
}
#menu-primary .is-dropdown-submenu > .menu-item:last-child > a {
padding-bottom: 25px;
}
#menu-primary .is-dropdown-submenu .is-dropdown-submenu {
padding: 1px 0 0 0;
right: 0;
left: auto;
-webkit-transform: translate( 100%, 0 );
-moz-transform: translate( 100%, 0 );
-ms-transform: translate( 100%, 0 );
-o-transform: translate( 100%, 0 );
transform: translate( 100%, 0 );
}
#menu-primary .is-dropdown-submenu .is-dropdown-submenu:before {
background-color: #0094c2;
}
#menu-primary .is-dropdown-submenu .is-dropdown-submenu:after {
background-color: #ef184c;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a {
padding-right: 20px !important;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
right: 15px;
left: auto;
display: block;
width: 0;
height: 0;
margin-top: 1px;
content: '';
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent #fff;
transition: border-color .2s linear;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left:hover > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.current-menu-item > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.current-menu-ancestor > a::after {
border-color: transparent transparent transparent #ef184c;
transition: border-color .2s linear;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu {
display: flex;
flex-direction: row;
justify-content: stretch;
min-width: 460px;
font-size: 0;
letter-spacing: 0;
top: -99999px;
left: -99999px;
}
#menu-primary .menu-item.two-columns-submenu:hover > .is-dropdown-submenu {
top: 100%;
left: 0;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu:before {
content: "";
display: block;
width: 3px;
height: 25px;
background-color: #0094c2;
position: absolute;
bottom: 0;
right: 0;
z-index: 500;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu:after {
content: "";
display: block;
width: 39px;
height: 3px;
background-color: #ef184c;
position: absolute;
bottom: 0;
right: 3px;
z-index: 500;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group {
background-color: #22252D;
width: 50%;
vertical-align: top;
position: relative;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group > .is-dropdown-submenu {
display: block;
position: relative;
top: auto;
left: auto;
right: auto;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
#menu-primary .menu-item.two-columns-submenu .is-dropdown-submenu .is-dropdown-submenu:before,
#menu-primary .menu-item.two-columns-submenu .is-dropdown-submenu .is-dropdown-submenu:after {
display: none !important;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group > a {
font-weight: 600;
font-size: 18px;
color: #fff !important;
letter-spacing: 0.2px;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group:hover > a {
color: #fff !important;
cursor: default;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group:last-child > a {
padding-top: 25px;
padding-bottom: 14px;
}
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group > a:before,
#menu-primary .menu-item.two-columns-submenu > .is-dropdown-submenu > .two-columns-submenu-group > a:after {
display: none !important;
}
/* soc media in header */
.soc-media + #primary-menu-nav #menu-primary {
padding-right: 200px;
}
header .soc-media {
position: absolute;
top: 50%;
right: 45px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 510;
}
/* search button */
body header:hover .search-btn,
body header > div.sticky.is-stuck .search-btn {
color: #fff;
transition: all .2s linear;
}
}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1280px) {
#home-slider .caption-wrap .caption h1,
#home-slider .caption-wrap .caption h2 {
font-size: 60px;
}
#home-slider .caption-wrap .caption p,
#home-slider .caption-wrap .caption li {
font-size: 26px;
}
.x-feature-item h4 {
font-size: 22px;
}
.x-feature-item svg {
width: 48px;
}
}
@media only screen and (max-width: 1024px) {
#home-slider {
height: 800px;
}
.advocacy-item .blast-root {
font-size: 22px;
}
.advocacy-item .icon svg {
height: 60px;
}
.advocacy-item.with-button {
padding-bottom: 50px;
}
.advocacy-item .btn {
bottom: 30px;
}
section.the-founders-team .object-3-item .photo {
width: 380px;
height: 380px;
}
section.the-founders-team .object-3-item .content {
width: calc( 100% - 380px );
padding: 40px 35px;
}
section.the-founders-team .object-3-item {
margin-bottom: 30px;
}
.filter-box[dropdowns="2"] {
padding-left: 410px;
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect {
width: 175px;
}
section.program-tools-and-benefits .large-2.advocacy-item-cell {
width: 33.3%;
}
.timeline-item {
margin-left: 50px;
}
.faces-of-scd-features .cell:not( :last-child ) {
margin-bottom: 35px;
}
.x-feature-item {
padding: 30px 10px;
}
.x-feature-item.with-icon {
padding: 20px 30px;
text-align: center;
}
.x-feature-item svg {
height: 60px;
width: 52px;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.x-feature-item h4 {
line-height: 1;
}
footer .logo a {
right: 15px;
}
.x-feature-item h4 {
font-size: 20px;
}
section.become-a-member .content-wrap h3 {
font-size: 68px;
line-height: 1;
}
.staff-directory-row > .sd-cell.email {
width: 24%;
}
.staff-directory-row > .sd-cell.phone {
width: 28%;
}
.staff-directory-row > .sd-cell.position {
width: 30%;
}
body.admin-bar #magellan {
top: 160px;
}
header.no-announcement-bar + #magellan {
top: 126px;
}
body.admin-bar header.no-announcement-bar + #magellan {
top: 156px;
}
section.contact-and-donate .contact {
padding: 0;
}
section.contact-and-donate .donate {
padding: 15px 0 0 0;
}
section.contact-and-donate {
padding: 10px 0 50px;
margin-bottom: 0;
}
section.contact-and-donate:before,
section.contact-and-donate .donate-bg {
display: none !important;
}
body.home footer section.top {
padding-top: 50px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
header .logo {
width: 82px;
}
.top-bar .top-bar-right {
width: 100%;
}
#menu-primary {
display: block;
padding: 24px 0 24px 90px;
width: 100%;
text-align: right;
}
#menu-primary > li {
display: inline-block;
vertical-align: top;
text-align: left;
}
.soc-media + #primary-menu-nav #menu-primary {
padding-right: 176px;
}
#menu-primary .is-dropdown-submenu {
padding: 30px 0 0 0;
}
#menu-primary .menu-item > a {
font-size: 15px;
padding: 11px 6px;
}
#menu-primary .btn.menu-item > a {
font-size: 12px;
min-width: 100px;
}
#menu-primary > .is-dropdown-submenu-parent > a {
padding-right: 16px;
}
#menu-primary > .is-dropdown-submenu-parent > a::after {
right: 6px;
margin-top: -1px;
}
.soc-media .sm-item {
width: 26px;
height: 26px;
line-height: 16px;
font-size: 16px;
}
#menu-primary .btn.menu-item > a {
padding: 9px 12px;
}
.x-feature-item.with-icon {
padding: 20px 10px;
text-align: center;
}
}
@media only screen and (max-width: 768px) {
section.featured-in-the-news .object-1-item {
height: auto;
margin-bottom: 35px;
}
section.featured-in-the-news .btn.all-news {
margin-top: 0;
}
section.featured-events .cell.medium-6 {
width: 100%;
}
section.featured-events .object-1-item {
height: auto;
margin-bottom: 35px;
}
section.featured-events .btn.all-news {
margin: 0 5px 0;
}
footer section.top .menu-list,
footer section.top .logo,
footer section.top .social-media {
display: block;
}
footer section.top .logo {
text-align: center;
order: 1;
width: 100%;
}
footer section.top .logo a {
display: inline-block;
}
footer section.top .menu-list {
text-align: center;
order: 2;
margin: 30px 0 30px;
}
footer section.top .social-media {
text-align: center;
order: 3;
}
footer section.copyright {
font-size: 9px;
}
.typography p br,
.action-item > .content .description br {
display: none;
}
section.the-founders-team .object-3-item .photo {
width: 280px;
height: 280px;
}
section.the-founders-team .object-3-item .content {
width: calc( 100% - 280px );
padding: 40px 35px;
}
.filter-box[dropdowns="2"] {
padding-left: 40px;
padding-bottom: 86px;
}
.filter-box[dropdowns="2"] .taxonomies-filter {
font-size: 0;
width: calc( 100% - 80px );
height: 50px;
position: absolute;
top: auto;
bottom: 22px;
left: 40px;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
.filter-box[dropdowns="2"] .fs-arrow {
line-height: 62px;
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect {
width: calc( 50% - 6px );
margin-right: 6px;
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect:last-child {
margin-right: 0;
}
.object-1-item .preview-wrap:before {
padding-bottom: 82%;
}
section#masthead {
min-height: 360px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 42px;
}
body.page-template-tmpl-advocacy section.programs {
margin: 0 0 40px;
}
body .fc-toolbar .fc-center {
padding-right: 177px;
position: relative;
top: 0;
width: 100%;
text-align: center;
margin: 12px 0 0;
}
body .fc-toolbar .fc-center h2 {
width: 100%;
text-align: center;
}
section.program-tools-and-benefits .large-2.advocacy-item-cell {
width: 50%;
}
.object-4-item .content {
width: calc( 100% - 40px );
left: 20px;
bottom: 20px;
}
.object-4-item .content h4 {
font-size: 22px;
margin: 0 0 10px 0;
}
.object-4-item .content p,
.object-4-item .content .short-description {
font-size: 13px;
line-height: 1.25;
}
section.latest-media-mentions .cell.large-3,
section.sickle-cell-latest-news .cell.large-4 {
margin-bottom: 30px;
}
section.latest-media-mentions .btn.all-news,
section.sickle-cell-latest-news .btn.all-news {
margin-top: 10px;
}
.engage-hashtags-wrap .hashtag-item {
font-size: 54px;
}
footer section.top .logo {
text-align: right;
order: 4;
width: 50%;
}
footer section.top .social-media {
text-align: left;
order: 2;
}
footer section.top .sign-up {
padding-top: 30px;
order: 3;
}
.x-feature-item {
width: calc( 40% - 12px );
margin: 0 0 20px 15px;
}
.x-feature-item:nth-child( 2n + 1 ) {
margin-left: 0;
}
.x-popup.member-popup .x-popup-content .text {
padding: 35px 20px 30px 25px;
}
.x-popup-content .text h4 {
font-size: 40px;
}
.x-popup.member-popup .x-popup-content:after {
top: 25px;
right: 20px;
}
.ext-comp-logo {
position: absolute;
right: 6px;
bottom: 45px;
}
.announcement-bar p {
font-size: 13px;
}
#magellan {
top: 162px;
}
.staff-directory-row > .sd-cell {
font-size: 13px;
}
}
@media only screen and (max-width: 640px) {
header {
position: fixed !important;
top: 0 !important;
}
body.admin-bar header {
top: 46px !important;
}
.sticky.is-anchored {
top: auto !important;
}
.announcement-bar {
padding: 5px 0 2px;
}
.announcement-bar p {
font-size: 10px;
}
header .header-menu-wrap .grid-container {
padding-right: 0;
padding-left: 0;
}
header .header-menu-wrap .grid-container > .grid-padding-x {
margin-right: 0;
margin-left: 0;
}
header .header-menu-wrap .grid-container > .grid-padding-x .cell {
padding: 0;
}
.title-bar {
background-color: rgba(255, 255, 255, 0.95);
display: block;
padding: 0;
min-height: 60px;
}
.menu-icon {
position: absolute;
display: block;
width: 28px;
height: 19px;
cursor: pointer;
top: 22px;
right: 15px;
outline: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.menu-icon::after {
display: none !important;
}
.menu-icon > .line {
display: block;
width: 100%;
height: 3px;
background-color: #2c4aa0;
position: absolute;
}
.menu-icon > .line-1 {
top: 0;
left: 0;
transition: all .25s linear;
}
.menu-icon > .line-2 {
top: 8px;
left: 0;
transition: all .15s linear .25s;
}
.menu-icon > .line-3 {
left: 0;
bottom: 0;
transition: all .25s linear;
}
.menu-icon.opened > .line-1 {
background-color: #ef184c;
top: 8px;
left: 0;
transform: rotate( 42deg );
transition: all .25s linear;
}
.menu-icon.opened > .line-2 {
opacity: 0;
transition: all 0s linear 0s;
}
.menu-icon.opened > .line-3 {
background-color: #ef184c;
left: 0;
bottom: 8px;
transform: rotate( -42deg );
transition: all .25s linear;
}
header .logo {
width: 68px;
top: 5px;
left: 12px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
header .soc-media {
position: absolute;
top: 21px;
left: 95px;
}
header .soc-media .sm-item {
width: 32px;
height: 32px;
line-height: 24px;
font-size: 18px;
}
header .search-btn {
top: 23px;
right: 60px;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
header .search-btn {
color: #2c4aa0;
}
header .top-bar {
padding: 10px 15px;
border-bottom: 3px solid #2c4aa0;
}
header .top-bar,
header .top-bar ul {
background: #fff;
}
header .drilldown a,
header .drilldown .is-drilldown-submenu a {
font-size: 16px;
font-weight: 600;
color: #2c4aa0;
background: transparent;
padding: 10px 25px 10px 0;
}
header .drilldown .is-drilldown-submenu-parent > a::after {
border: solid 6px;
border-color: transparent transparent transparent #2c4aa0;
right: 0;
}
header .drilldown .is-drilldown-submenu-parent.current-menu-item > a::after,
header .drilldown .is-drilldown-submenu-parent.current-menu-ancestor > a::after {
border-color: transparent transparent transparent #ef184c;
}
.drilldown .js-drilldown-back > a::before {
border: solid 6px;
border-color: transparent #2c4aa0 transparent transparent;
position: relative;
top: -2px;
}
.drilldown .js-drilldown-back:hover > a::before {
border-color: transparent #ef184c transparent transparent;
}
.is-drilldown li.current-menu-item > a,
.is-drilldown li.current-menu-ancestor > a {
color: #ef184c;
}
#menu-primary .menu-item.btn.btn-red,
#menu-primary .menu-item.btn.btn-burgundy {
padding: 8px 0 0 0;
}
#menu-primary .menu-item.btn.btn-red > a,
#menu-primary .menu-item.btn.btn-burgundy > a {
width: 100%;
font-size: 14px;
padding: 13px 15px;
font-weight: 600;
}
#menu-primary .btn.menu-item > a {
font-family: "Futura PT", sans-serif;
font-size: 16px;
padding: 12px 15px;
font-weight: 500;
width: 100%;
}
#menu-primary .menu-item.search-btn > a {
border: 1px solid #62bb47;
border-radius: 3px;
font-family: "Futura PT", sans-serif;
font-size: 16px;
padding: 12px 15px;
font-weight: 500;
width: 100%;
text-align: center;
margin-bottom: 6px;
margin-top: 5px;
}
#menu-primary .menu-item.search-btn > a:hover {
background-color: #62bb47;
color: #fff;
}
#home-slider {
height: 520px;
}
#home-slider .caption-wrap .caption {
bottom: 35px;
}
#home-slider h3 {
font-size: 22px;
}
#home-slider .caption-wrap .caption p,
#home-slider .caption-wrap .caption li {
font-size: 14px;
}
#home-slider .caption-wrap .caption p br,
#home-slider .caption-wrap .caption li br {
display: none;
}
footer section.copyright {
text-align: center;
}
footer section.copyright .developed {
text-align: center;
margin-top: 4px;
}
#search-app form label {
font-size: 12px;
line-height: 62px;
padding: 0 0 0 22px;
}
#search-app form label.focused {
font-size: 10px;
line-height: 11px;
height: 12px;
top: 11px;
}
#search-input {
height: 60px;
font-size: 18px;
padding: 20px 65px 10px 20px;
}
#search-app #search-button {
font-size: 26px;
line-height: 66px;
width: 60px;
height: 60px;
}
#search-app-overlay svg {
top: 10px;
right: 18px;
}
body .gform_wrapper input:not( [type=radio] ):not( [type=checkbox] ):not( [type=image] ):not( [type=file] ) {
line-height: 1;
min-height: auto;
}
section#masthead {
min-height: 250px;
}
.masthead-caption .caption-title-wrap {
padding: 60px 45px 30px;
}
section.the-founders-team {
margin-bottom: 5px;
}
.object-3-item {
flex-direction: column;
margin-bottom: 35px;
}
.object-3-item .photo {
width: 280px;
height: 280px;
z-index: 600;
margin-bottom: -20px;
}
.object-3-item .content {
width: 100%;
padding: 35px 25px 25px;
}
.object-3-item:nth-child( even ) .content {
right: 0;
order: 2;
}
section.the-founders-team .object-3-item .photo {
width: 280px;
height: 280px;
margin-bottom: -20px;
z-index: 600;
}
.object-3-item:nth-child( even ) .photo {
order: 1;
}
section.the-founders-team .object-3-item .content {
width: 100%;
padding: 40px 25px 30px;
}
section.the-founders-team .object-3-item:nth-child( odd ) .content {
left: 0;
}
section.the-founders-team .object-3-item:nth-child( even ) .content {
right: 0;
}
.object-3-item:nth-child( odd ) .content {
left: 0;
}
section.the-inspiration-team .object-3-item {
margin-bottom: 35px;
}
section.the-sc-team {
padding: 50px 0 15px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.magellan .menu-item > a {
font-size: 14px;
padding: 5px 5px;
}
section#masthead.masthead-single .masthead-caption {
bottom: 0;
padding-bottom: 65px;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
section#masthead.masthead-single h1 {
font-size: 36px;
}
section#masthead.masthead-single .masthead-caption-bottom .cell-wrap p {
font-size: 12px;
}
#page-builder [pb-section].white-box.single-box .section-content-wrap,
#page-builder [pb-section].white-box.single-box + [pb-section].white-box .section-content-wrap {
margin-top: 30px;
}
[pb-section].gallery .gallery-slider .slide:before {
padding-bottom: 62%;
}
.tribute {
padding: 330px 0 35px;
min-height: auto;
}
.tributes-image {
width: 280px;
height: 280px;
top: 30px;
left: 50%;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
.tribute p {
font-size: 13px;
}
.tributes-quotes-slider .slide {
font-size: 12px;
}
.tributes-quotes-slider-wrap {
padding: 40px 20px 25px;
}
.tributes-quotes-slider.x-testimonials .slick-prev {
left: -40px;
}
.tributes-quotes-slider.x-testimonials .slick-next {
right: -40px;
}
section.archive-filter {
padding: 40px 0 0 0;
margin: 0 0 35px 0;
}
.filter-box .view {
display: none;
}
.filter-box {
padding: 22px 25px;
}
.filter-box .search .facetwp-icon {
width: 100px;
font-size: 12px;
}
.filter-box .search input[type="text"] {
padding: 6px 110px 6px 20px;
}
.filter-box .fs-wrap .fs-label-wrap .fs-label {
padding: 16px 30px 16px 20px;
}
.filter-box[dropdowns="2"] {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 22px;
}
.filter-box[dropdowns="2"] .taxonomies-filter {
width: 100%;
height: auto;
position: relative;
top: auto;
bottom: auto;
left: auto;
padding-top: 10px;
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect {
width: 100%;
margin-right: 0;
margin-bottom: 10px !important;
}
.filter-box[dropdowns="2"] .taxonomies-filter .facetwp-type-fselect:not( :first-child ) {
margin-left: 0;
margin-bottom: 0 !important;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) {
flex-direction: column;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .publication-logo {
width: 100%;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .publication-logo + .preview-wrap {
display: block;
width: 100%;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .content {
width: 100%;
}
body.archive .archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .btn {
left: 25px;
}
section.latest-annual-report {
padding: 40px 0 0 0;
}
section.latest-annual-report .object-1-item .preview-wrap {
width: 100%;
}
section.latest-annual-report .object-1-item .content,
body.archive .latest-annual-report .object-1-item .content {
width: 100%;
padding: 35px 25px;
}
section.latest-annual-report .object-1-item .btn,
body.archive .latest-annual-report .object-1-item .btn {
left: 25px;
}
section.latest-annual-report .object-1-item .content h4 {
font-size: 26px;
}
.no-results-content {
padding: 60px 20px;
font-size: 28px;
}
[cpt="annual_report"].archive-items.list .object-1-item .preview-wrap {
width: 100%;
}
body.archive.post-type-archive-faces_of_scd .filter-box,
body.archive.post-type-archive-annual_report .filter-box {
padding: 22px 25px;
}
.filter-box .taxonomies-filter {
padding-top: 10px;
}
.filter-box .facetwp-type-fselect {
position: relative;
top: auto;
left: auto;
width: 100%;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
margin-bottom: 10px;
}
.filter-box .facetwp-type-fselect:last-child {
margin-bottom: 0;
}
#wpadminbar {
position: fixed;
}
.search-directions-wrap input[type="text"] {
padding: 5px 127px 5px 20px;
font-size: 12px;
}
.search-direction-btn {
width: 120px;
}
section.map .acf-map {
min-height: 360px;
}
[pb-section].copy-2-columns .copy-container .copy-wrap {
width: 100%;
}
[pb-section].copy-2-columns .copy-container > .copy-wrap:first-child {
padding-right: 0;
}
[pb-section].copy-2-columns .copy-container > .copy-wrap:last-child {
padding-left: 0;
padding-top: 30px;
}
section.health-problems .btn.btn-default {
margin: 35px 0 15px;
}
.hp-other-problems:before, .hp-other-problems:after {
width: 10%;
}
.hp-other-problem-title {
width: 70%;
}
.hp-other-problems {
columns: unset;
-webkit-columns: unset;
-moz-columns: unset;
padding: 45px 40px 20px;
}
.document-item {
display: block;
padding: 20px 20px;
text-align: center;
}
.document-item .icon {
width: 42px;
height: 42px;
background-color: #f1f4f6;
border-radius: 50%;
font-size: 24px;
line-height: 44px;
margin: 0 auto 10px;
}
.document-item .description {
font-size: 14px;
width: 100%;
padding: 0;
margin-bottom: 15px;
}
.x-option-item .top-content,
.x-option-item .bottom-content {
padding: 25px 25px;
}
.accordion.dark-accordion .accordion-content {
padding: 30px 25px;
}
.accordion.dark-accordion .accordion-content img.alignleft {
float: none;
margin: 0 0 35px 0;
width: 100%;
}
.icer-review-box {
padding: 40px 25px 45px;
}
.x-tabs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.x-tabs .x-tab-title {
width: 50%;
}
.x-tab-content > .description,
.x-tab-content > .bottom-content {
padding: 0;
margin-bottom: 30px;
}
.x-tab-dark-box {
padding: 30px;
}
.x-tab-dark-box:before {
width: calc( 100% - 20px );
height: calc( 100% - 20px );
top: 10px;
left: 10px;
}
.x-tab-dark-box.active {
display: block;
}
.x-tab-dark-box .column {
width: 100%;
float: none !important;
}
.x-tab-dark-box .column:last-child {
padding-left: 0;
}
.x-tab-dark-box .column:first-child {
padding-right: 0;
}
.x-tab-dark-box .buttons-wrap {
text-align: center;
}
.x-tab-dark-box .column-2 {
margin-top: 16px;
}
.archive-items.list .object-1-item:not( [cpt="webinars_and_videos"] ) .preview-wrap {
width: 100%;
}
[pb-section].copy-3-columns .copy-container .copy-wrap {
width: 100%;
padding: 0;
margin-top: 20px;
}
section#calendar .btn.back-to-events {
display: block;
position: relative;
top: auto;
left: auto;
margin: 0 auto 15px;
}
.calendar-wrap {
padding: 25px 0;
margin: 20px 0 0 0;
}
section#calendar .fc-toolbar {
padding-left: 0;
}
body .fc-toolbar .fc-center {
padding-right: 0;
}
body .wpfc-calendar-wrapper h2 {
font-size: 30px !important;
}
body .fc button {
font-size: 10px !important;
}
body.page-template-tmpl-programs section.programs .cell:not( :last-child ) {
margin-bottom: 35px;
}
section.program-tools-and-benefits .large-2.advocacy-item-cell {
width: 100%;
}
.single-box-x {
padding: 30px 25px;
}
.timeline-item {
padding: 30px 25px 30px 72px;
}
.timeline-item .image {
position: static;
margin: 0 auto 20px;
}
.banner-image h3 {
font-size: 30px;
}
.f-scd-feature {
padding: 30px 25px;
}
.x-hashtag {
font-size: 28px;
}
section.covid-19-hashtag .typography h2 {
font-size: 50px;
}
.x-hashtag:before {
font-size: 288px;
}
.document-item.covid-19-document .description {
width: 100%;
}
.document-item.covid-19-document .date {
width: 100%;
margin-bottom: 15px;
}
section.latest-newsletter .object-1-item .preview-wrap {
width: 100%;
min-height: 300px;
}
section.latest-newsletter .object-1-item .content, body.archive .latest-newsletter .object-1-item .content {
width: 100%;
padding: 30px 25px;
}
section.latest-newsletter .object-1-item .btn, body.archive .latest-newsletter .object-1-item .btn {
left: 20px;
}
.filter-box[dropdowns="3"] {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 22px;
}
.filter-box[dropdowns="3"] .taxonomies-filter {
width: 100%;
position: relative;
left: 0;
bottom: 0;
font-size: 0;
}
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-sort,
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-type-fselect {
display: block;
width: 100%;
margin-left: 0;
}
.filter-box[dropdowns="3"] .taxonomies-filter .facetwp-type-fselect {
margin-top: 10px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
.engage-hashtags-wrap {
padding: 30px 0 25px;
}
.engage-hashtags-wrap .hashtag-item {
font-size: 24px;
margin: 7px 10px;
}
section.engage .soc-media .sm-item {
width: 38px;
height: 38px;
line-height: 30px;
font-size: 24px;
margin: 0 8px;
}
.engage-hashtags-title {
font-size: 16px;
line-height: 1.2;
}
.engage-hashtags-wrap:before,
.engage-hashtags-wrap:after {
width: calc( 50% - 70px );
}
body.page-template-tmpl-ways-to-get-involved .archive-items.list .object-1-item .preview-wrap:before {
padding-bottom: 82%;
}
body.page-template-tmpl-ways-to-get-involved .archive-items.list .object-1-item .btn {
left: 25px;
}
body.page-template-tmpl-ways-to-get-involved section.programs .cell.large-5 {
margin-bottom: 30px;
}
.x-popup.show {
width: calc( 100% - 60px );
left: 18px;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
body.page-template-tmpl-ways-to-get-involved section.programs {
margin-bottom: 15px;
}
.x-popup-content .text {
padding: 25px 25px;
position: relative;
}
.x-popup-content .text h4 {
font-size: 26px;
margin: 0 0 20px 0;
}
body .gform_wrapper ul.gform_fields li.gfield.half-left {
width: 100%;
float: none;
padding-right: 0;
clear: none;
}
body .gform_wrapper ul.gform_fields li.gfield.half-right {
width: 100%;
float: none;
padding-left: 0;
clear: none;
}
body .gform_wrapper .gform_footer {
width: 100%;
position: relative;
right: 0;
bottom: 0;
padding-top: 15px;
}
.gap-container {
display: block;
}
.gap-container > div {
width: 100%;
}
.image-and-copy-2-columns .gap-image,
.copy-and-image-2-columns .gap-copy {
margin-right: 0;
margin-bottom: 25px;
}
[pb-section].map .acf-map {
padding-bottom: 62%;
}
blockquote {
padding: 35px 0 0;
}
[pb-section].buttons .buttons-wrap .btn {
min-width: 80%;
}
[pb-section].buttons .buttons-wrap .btn:last-child {
margin-bottom: 0;
}
.x-popup.member-popup .x-popup-content {
display: block;
}
.x-popup.member-popup .x-popup-content .photo {
width: 100%;
height: 320px;
}
.x-popup.member-popup .x-popup-content .photo:after {
display: none;
}
.x-popup.member-popup .x-popup-content .text {
width: 100%;
padding: 35px 18px 40px 25px;
}
.x-popup.member-popup .x-popup-content .bio {
height: 250px;
}
body.search .archive-items.list .object-1-item .content {
width: 100%;
padding: 30px 30px 60px 30px;
}
body.search .archive-items.list .object-1-item .btn {
left: 25px;
}
body.search .archive-items.list .object-1-item .publication-logo {
margin: 0 auto;
}
.facetwp-page {
margin: 4px;
}
#home-slider .caption-wrap .caption h1,
#home-slider .caption-wrap .caption h2 {
font-size: 34px;
}
#home-slider .caption-wrap .caption .btn {
font-size: 16px;
margin: 2px 8px 0;
padding: 15px 15px;
min-width: 160px;
}
#home-slider .caption-wrap {
top: calc(50% + 30px);
}
#home-slider .slick-dots,
#home-slider .slick-arrow {
display: none !important;
}
.home-intro-wrap.with-image .copy {
width: 100%;
padding: 25px;
}
.home-intro-wrap .image {
width: 100%;
}
.home-intro-wrap {
display: block;
}
h3 {
font-size: 26px;
}
.home-intro-wrap .copy p,
.home-intro-wrap .copy li {
font-size: 16px;
}
.awesome-feature {
padding: 0;
}
.awesome-feature .content-wrap {
width: 100%;
padding: 20px 30px;
}
.awesome-features-grid .column-2 .awesome-feature {
min-height: 370px;
}
.goal-section-title {
font-size: 100px;
}
.x-feature-item {
width: 100%;
margin: 0 0 15px 0;
}
section.become-a-member .content-wrap .btn {
margin-right: 0;
margin-top: 8px;
min-width: 240px;
}
section.become-a-member .content-wrap {
width: 100%;
padding: 0 5px;
text-align: center;
margin-top: 25px;
}
.bam-2-wrap .content-wrap {
padding: 30px 20px 28px;
width: 100%;
}
footer section.top {
padding: 35px 0 40px;
text-align: center;
}
footer section.top .social-media {
text-align: center;
}
footer h5 {
margin: 10px 0 12px 0;
}
footer section.top .sign-up {
padding-top: 15px;
}
footer section.top .sign-up {
display: block;
}
footer .logo a {
right: auto;
position: relative;
bottom: auto;
margin-top: 35px;
}
footer section.top .logo {
text-align: center;
width: 100%;
}
.awesome-feature {
display: block;
width: 100%;
}
.awesome-feature:nth-child( odd ) .content-wrap {
right: 0;
}
.awesome-feature:nth-child( even ) .content-wrap {
left: 0;
}
.awesome-feature:nth-child( even ) {
margin-left: 0;
}
.awesome-feature .overlay {
height: 275px;
position: relative;
background-image: inherit;
background-size: cover;
background-position: center;
}
section#masthead {
margin-top: 60px;
}
.masthead-caption {
bottom: 55px;
}
.masthead-caption .caption-title-wrap {
padding: 45px 0 20px;
}
.x-popup.member-popup .x-popup-content:after {
display: none;
}
.x-tabs .tabs-content .tabs-panel {
padding: 25px 20px 25px;
}
#magellan {
display: none;
}
.bb-banner-wrap .content-wrap {
padding: 45px 25px 45px;
background-color: rgba(44, 74, 160, 0.95);
}
:not( .object-1-cell ):not( .cell-m-30 ) > .object-1-item {
margin-bottom: 30px;
}
.object-1-item {
height: auto;
}
section#masthead.member-login .masthead-caption {
top: 54%;
}
.x-popup.sign-up-popup .x-popup-content .text h4 {
font-size: 40px;
}
body .gform_wrapper .label-button-mode .gfield_checkbox li {
width: 100%;
margin-left: 0 !important;
}
section.member-list .member-list-wrap {
padding: 30px 15px 15px;
}
section.member-list .member-list-wrap .flex-video.widescreen,
section.member-list .member-list-wrap .responsive-embed.widescreen {
padding-bottom: 0;
height: auto;
}
section.member-list .member-list-wrap .flex-video embed,
section.member-list .member-list-wrap .flex-video iframe,
section.member-list .member-list-wrap .flex-video object,
section.member-list .member-list-wrap .flex-video video,
section.member-list .member-list-wrap .responsive-embed embed,
section.member-list .member-list-wrap .responsive-embed iframe,
section.member-list .member-list-wrap .responsive-embed object,
section.member-list .member-list-wrap .responsive-embed video {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 385px;
}
.x-tabs-table .table-row .table-row-item {
font-size: 12px;
}
.x-tabs-table .table-row:first-child .table-row-item {
font-size: 15px;
}
body.archive .masthead-caption .caption-title-wrap {
padding-right: 100px;
}
body.archive .masthead-caption .caption-title-wrap .view {
display: none !important;
}
.filter-box .taxonomies-filter {
position: relative;
}
.filter-box .taxonomies-filter {
display: block;
width: 100%;
height: auto;
position: relative;
top: 0;
left: 0;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
.filter-box.no-view-buttons {
padding-right: 25px;
}
body.archive .list .object-1-item .content,
body.dcap .list .object-1-item .content,
body.vista .list .object-1-item .content,
body.small-biz .list .object-1-item .content {
padding: 30px 25px 90px;
}
body.archive section.archive-filter {
margin: -100px 0 30px 0;
}
.pagination-wrap .pagination > li > *,
.facetwp-pager .facetwp-page {
font-size: 17px;
}
.calypso-item {
display: block;
}
.calypso-item .preview {
width: 100%;
}
.calypso-item .content-wrap {
width: 100%;
padding: 30px 25px 30px;
}
.calypso-item .content-wrap .buttons-wrap {
position: relative;
left: auto;
bottom: auto;
width: 100%;
}
body.dcap .intro .buttons-wrap .btn {
margin: 0 0 8px;
width: 100%;
}
.bc-item .content {
padding: 35px 20px;
}
body.vista section#masthead .vista-logo {
height: 80px;
margin-bottom: 0;
}
body.vista .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 28px 0;
}
.filter-box[dropdowns="0"] {
padding-left: 25px;
}
body.archive .list .object-1-item .btn,
body.dcap .list .object-1-item .btn,
body.vista .list .object-1-item .btn,
body.small-biz .list .object-1-item .btn {
left: 25px;
}
.filter-box .facetwp-sort {
width: 100%;
margin-bottom: 10px;
}
.fh-item {
display: block;
}
.fh-item .preview {
width: 100%;
height: 270px;
}
.fh-item .content {
width: 100%;
padding: 30px 25px;
}
.document-item > div {
width: 100% !important;
}
.document-item .content {
padding: 0;
}
.document-item.with-cnhed-authored .content {
padding: 0 0 80px 0;
}
.cnhed-authored {
display: block;
width: 60px;
position: absolute;
top: auto;
right: 50%;
bottom: 17px;
margin-top: 0;
-webkit-transform: translate( 50%, 0 );
-moz-transform: translate( 50%, 0 );
-ms-transform: translate( 50%, 0 );
-o-transform: translate( 50%, 0 );
transform: translate( 50%, 0 );
}
.document-item .detailed-description {
padding-top: 0;
display: block !important;
margin-bottom: 20px;
}
.document-item .accordion-extender {
display: none !important;
}
section#archive[cpt="resources"] {
margin-bottom: 0;
}
.directory-item {
display: block;
padding: 15px 15px 10px;
}
.directory-item > div {
display: block;
width: 100%;
padding: 7px 0;
}
.directory-item .logo {
min-height: 64px;
border: 1px solid #e4e4e4;
border-radius: 2px;
}
.filter-box[dropdowns="4"] {
padding-left: 25px;
}
.filter-box[dropdowns="4"] .taxonomies-filter .facetwp-type-date_range {
width: 100%;
margin-right: 0;
}
.filter-box[dropdowns="4"] .taxonomies-filter .facetwp-type-date_range input {
margin-bottom: 10px;
}
.filter-box[dropdowns="4"] .facetwp-type-fselect {
width: 100%;
margin-right: 0;
z-index: 500;
}
.filter-box[dropdowns="4"] .facetwp-type-fselect + .facetwp-type-fselect {
z-index: 400;
}
.filter-box[dropdowns="4"] .facetwp-type-fselect + .facetwp-type-fselect + .facetwp-type-fselect {
z-index: 300;
}
.filter-box[dropdowns="4"] .facetwp-type-fselect:last-child {
margin-top: 10px;
}
.accordion-title {
padding: 25px 25px;
}
.accordion-content {
padding: 0 25px 25px;
}
section.jot-positions .accordion .buttons-wrap {
padding-right: 0;
}
section.jot-positions .accordion .buttons-wrap .btn {
width: 100%;
}
section.jot-positions .accordion .accordion-item.is-active .company-logo {
position: relative;
right: auto;
bottom: auto;
}
section.jot-positions .accordion .company-logo {
width: 100%;
}
section.contact-form .cell:first-child {
order: 2;
}
section.contact-form .cell:last-child {
order: 1;
}
section.contact-form .contact-us-form {
padding: 35px 30px 15px;
}
.contacts-bar {
padding: 25px 0 0 70px;
}
.search-direction-btn {
width: 100px;
}
.search-directions-wrap input[type="text"] {
padding: 5px 110px 5px 20px;
}
.staff-directory-row {
display: block;
padding: 10px 15px;
}
.staff-directory-row > .sd-cell {
display: block;
width: 100% !important;
padding: 5px 0;
}
.staff-directory-row > .sd-cell:first-child {
padding-left: 0;
}
body.search .filter-box {
padding: 25px 25px;
}
body.search .filter-box .facetwp-type-fselect {
width: 100%;
}
body.small-biz .masthead-caption .caption-title-wrap h1 {
font-size: 40px;
text-align: center;
}
body.small-biz .masthead-caption .caption-title-wrap h1 img[alt="CNHED"] {
margin-left: 0;
}
body.small-biz .masthead-caption .caption-title-wrap h1 img {
height: 45px;
margin-top: 15px;
}
.x-tabs .tabs {
display: block;
}
.x-tabs .tabs .tabs-title {
width: 100%;
margin-left: 0;
text-align: center;
border: 1px solid #2c4aa0;
border-radius: 3px;
}
body.small-biz .features-in-tab .goal-item {
width: 100%;
}
body.small-biz .filter-box[dropdowns="4"] .facetwp-type-fselect {
width: 100%;
margin-top: 10px;
}
body.small-biz .filter-box[dropdowns="4"] .facetwp-type-fselect:first-child {
margin-top: 0;
}
.dc-small-biz {
display: block;
padding: 15px 15px;
}
.dc-small-biz > div {
display: block;
width: 100% !important;
padding: 7px 0;
}
.object-1-item.landscape .preview-wrap,
.object-1-item.landscape .content {
display: block;
width: 100%;
}
.awesome-features-grid {
display: block;
}
.awesome-features-grid .awesome-feature {
min-height: 360px;
}
body.single-small_biz .masthead-caption .logo-wrap {
width: 200px;
padding: 5px;
}
body.single.single-small_biz section#masthead {
min-height: 700px;
}
body.single-small_biz .masthead-caption-top .caption-title-wrap h2 {
font-size: 40px;
}
body.single-small_biz .masthead-caption-top .caption-title-wrap h2 img[alt="CNHED"] {
margin-left: 0;
}
body.single-small_biz .masthead-caption-top .caption-title-wrap h2 img {
height: 42px;
margin-top: 10px;
}
body.single section#page-builder {
margin-top: -55px;
}
.btn.back-to-smallbiz {
font-size: 12px;
position: absolute;
right: 15px;
bottom: -14px;
padding: 12px 12px;
min-width: 150px;
}
body.single-small_biz section#masthead p.primary-contact {
margin: 8px 0 12px 0;
}
body.single-small_biz section#masthead.masthead-single h1 {
margin-bottom: 12px;
}
#home-slider .caption-wrap {
padding: 0;
}
}
@media only screen and (max-width: 480px) {
h2 {
font-size: 44px;
}
.landscape .object-1-item,
.object-1-item.landscape {
display: block;
width: 100%;
}
#home-slider .caption-wrap .caption {
bottom: 20px;
}
.action-item {
flex-direction: column;
}
.action-item > .preview {
width: 100%;
height: auto;
order: 1;
}
.action-item > .preview:before {
content: "";
display: block;
width: 100%;
padding-bottom: 60%;
}
.actions-preview-mask svg {
display: none;
}
.action-item > .content,
.action-item:nth-child( even ) > .content {
width: 100%;
height: auto;
min-height: auto;
padding: 35px 25px;
order: 2;
}
.action-item > .content > .sc-corner {
width: 36px;
}
.action-item:nth-child( even ) > .content > .sc-corner {
top: 0;
left: 0;
right: auto;
transform: none;
}
[pb-section].white-box .section-content-wrap {
padding: 40px 25px;
}
.x-testimonials-item .text-wrap {
width: 90%;
bottom: -50px;
}
body .fc button {
padding: 5px 15px;
}
.pagination-wrap .pagination > li > *,
.facetwp-pager .facetwp-page {
width: 46px;
height: 46px;
line-height: 40px;
font-size: 17px;
}
.pagination-wrap {
margin: 10px 0 35px;
}
.timeline-item {
padding: 30px 25px 30px 40px;
margin-left: 40px;
}
.timeline-item .date {
width: 80px;
height: 80px;
font-size: 18px;
line-height: 80px;
top: 60px;
left: -40px;
}
.timeline-item:after {
height: calc(100% - 140px);
}
.masthead-caption .caption-title-wrap {
padding: 12px 0 20px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 34px;
}
section#masthead.masthead-single .masthead-caption {
bottom: 0;
padding-bottom: 80px;
}
.calypso-item .content-wrap .c-date-time-item {
font-size: 12px;
}
.calypso-item .content-wrap .buttons-wrap .btn:not( .menu-item ) {
padding: 14px 15px;
font-size: 12px;
min-width: 110px;
}
.goal-item {
padding: 35px 25px;
}
.simple-banner {
padding: 35px 25px;
}
body.page-template-tmpl-events-landing .masthead.without-intro .masthead-caption .caption-title-wrap,
body.page-template-tmpl-resources-landing .masthead.without-intro .masthead-caption .caption-title-wrap {
padding: 0 0 15px 0;
}
.date-and-share .share-box {
display: none !important;
}
.event-location-map {
float: none;
margin: 0 0 20px 0;
}
section.event-main-info .single-box-x {
padding: 45px 20px;
}
.em-location-map-container {
width: 100% !important;
}
section.featured-events-simple .all-news {
margin-top: 0;
}
}
@media only screen and (max-width: 375px) {
section#masthead.masthead-single h1 {
font-size: 32px;
}
section#masthead.masthead-single .masthead-caption-bottom .cell-wrap {
padding: 25px 35px 10px 15px;
}
body.page-template-tmpl-memory-of-marqus section#page-builder {
padding: 40px 0 40px;
}
section.marqus-in-the-media {
padding: 40px 0 10px;
}
body .gform_wrapper ul.gform_fields li.gfield.half-left {
width: 100%;
float: none;
padding-right: 0;
}
body .gform_wrapper ul.gform_fields li.gfield.half-right {
width: 100%;
float: none;
padding-left: 0;
}
body .gform_wrapper .gform_footer {
width: 100%;
position: relative;
right: 0;
bottom: 0;
margin-top: 25px;
}
body.page-template-tmpl-ways-to-get-involved section:not( .sign-up-for-newsletter ) .section-title,
body.page-template-tmpl-contact-us section:not( .sign-up-for-newsletter ) .section-title {
font-size: 32px;
}
.x-tabs .x-tab-title .subtitle {
font-size: 11px;
}
.x-popup-content .text h4 {
font-size: 23px;
}
body .gform_wrapper .gform_footer {
padding-top: 0;
}
}
@media only screen and (max-width: 350px) {
header .soc-media {
left: 84px;
}
header .soc-media .sm-item {
width: 26px;
font-size: 17px;
padding: 5px 2px;
}
#home-slider {
height: 420px;
}
#home-slider .caption-wrap .caption {
bottom: 20px;
}
#home-slider h3 {
font-size: 18px;
margin-bottom: 8px;
}
#home-slider .caption-wrap .caption p,
#home-slider .caption-wrap .caption li {
font-size: 13px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 28px;
}
}
/* iPhone [ 11 Pro Max | XS Max ] (2688x1242px at 458ppi) :: landscape */
/*@media only screen and (width: 896px) and (height: 414px) {*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
section#masthead {
min-height: 280px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
footer section.top .logo {
order: 1;
}
footer section.top .menu-list {
order: 2;
}
footer section.top .social-media {
order: 3;
text-align: center;
padding-top: 30px;
}
footer section.copyright {
font-size: 9px;
}
}
/* iPhone [ 11 | XR ] (1792x828px at 326ppi) :: landscape */
/*@media only screen and (width: 896px) and (height: 414px) {*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : landscape) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
section#masthead {
min-height: 280px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
footer section.top .logo {
order: 1;
}
footer section.top .menu-list {
order: 2;
}
footer section.top .social-media {
order: 3;
text-align: center;
padding-top: 30px;
}
footer section.copyright {
font-size: 9px;
}
}
/* iPhone [ 11 Pro | X | XS ] (2436x1125px at 458ppi) :: landscape */
/*@media only screen and (width: 812px) and (height: 375px) {*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
section#masthead {
min-height: 280px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
footer section.top .logo {
order: 1;
}
footer section.top .menu-list {
order: 2;
}
footer section.top .social-media {
order: 3;
text-align: center;
padding-top: 30px;
}
footer section.copyright {
font-size: 9px;
}
}
/* iPhone [ 8+ | 7+ | 6S+ | 6+ ] (2208x1242px at 401ppi) :: landscape */
/*@media only screen and (width: 736px) and (height: 414px) {*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
#menu-primary .btn.menu-item > a {
padding: 9px 10px;
}
#menu-primary .btn.menu-item {
margin-left: 6px;
}
section#masthead {
min-height: 280px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
}
/* iPhone [ 8 | 7 | 6S | 6 ] (1334x750px at 326ppi) :: landscape */
/*@media only screen and (width: 667px) and (height: 375px) {*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) and (orientation : landscape) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
#menu-primary .btn.menu-item > a {
padding: 9px 10px;
}
#menu-primary .btn.menu-item {
margin-left: 6px;
}
section#masthead {
min-height: 250px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
}
/* Google Pixel [ 4 XL ] (3040x1440px) :: landscape */
/*@media only screen and (width: 869px) and (height: 412px) {*/
@media only screen and (device-width : 869px) and (device-height : 412px) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
#menu-primary .btn.menu-item > a {
padding: 9px 10px;
}
#menu-primary .btn.menu-item {
margin-left: 6px;
}
section#masthead {
min-height: 250px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
}
/* Google Pixel [ 3 XL ] (2960x1440px) :: landscape */
/*@media only screen and (width: 846px) and (height: 412px) {*/
@media only screen and (device-width : 846px) and (device-height : 412px) {
#menu-primary {
padding: 10px 0 10px 90px;
}
#menu-primary .is-dropdown-submenu {
padding: 45px 0 0 0;
}
#menu-primary .btn.menu-item > a {
padding: 9px 10px;
}
#menu-primary .btn.menu-item {
margin-left: 6px;
}
section#masthead {
min-height: 250px;
}
.masthead-caption .caption-title-wrap {
padding: 100px 0 85px;
}
.masthead-caption .caption-title-wrap h1 {
font-size: 36px;
}
.filter-box[dropdowns="3"] .fs-arrow {
line-height: 62px;
}
}