/* ---------------------------------------------------------------------------------------------------------------------
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; }
html #wpadminbar { margin-top: -46px; }
}
/* ---------------------------------------------------------------------------------------------------------------------
General fixes
--------------------------------------------------------------------------------------------------------------------- */
body { -webkit-font-smoothing: antialiased; }
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: #999; }
::-moz-placeholder { color: #999; }
::-o-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
input:-moz-placeholder { color: #999; }
/* Input Styling */
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"],
textarea { /* STYLES GO THERE */ }
embed, iframe, object { max-width: 100%; }
/* Align Middle */
.align-middle {
-o-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
position: absolute;
top: 50%;
left: 50%;
}
.column + .column:last-child,
.columns + .column:last-child,
.column + .columns:last-child,
.columns + .columns:last-child {
float: left;
}
/* ---------------------------------------------------------------------------------------------------------------------
Typography
--------------------------------------------------------------------------------------------------------------------- */
a:focus { outline: none; }
p:empty { display: none; }
body, h1, h2, h3, h4, h5, h6, p, a { font-family: "Open Sans", sans-serif; transition: color .3s ease; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a {
color: #0D9A65;
transition: color .3s ease;
}
a:hover {
color: #f9b62f;
transition: color .3s ease;
}
/* ---------------------------------------------------------------------------------------------------------------------
Clearfix
--------------------------------------------------------------------------------------------------------------------- */
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ---------------------------------------------------------------------------------------------------------------------
Basic Styles
--------------------------------------------------------------------------------------------------------------------- */
.row {
max-width: 1140px;
}
.btn {
text-align: center;
}
.btn .fa {
margin: 0 3px;
}
.btn-default,
.btn-default:focus {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 9px 21px;
border: none;
border-radius: 3px;
margin: 0;
opacity: 0.8;
transition: all .2s linear;
}
.btn-default:hover {
color: #fff;
opacity: 1;
transition: all .2s linear;
}
.btn-white,
.btn-white:focus {
display: inline-block;
background-color: #fff;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #2f2f2f;
padding: 8px 20px;
border: 1px solid #fff;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-white:hover {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
transition: all .2s linear;
}
.btn-dark,
.btn-dark:focus {
display: inline-block;
background-color: #333;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 15px;
border: 1px solid #333;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-dark:hover {
color: #fff;
background-color: #000;
border: 1px solid #000;
transition: all .2s linear;
}
.btn-yellow,
.btn-yellow:focus {
display: inline-block;
background-color: #f9b62f;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #f9b62f;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-yellow:hover {
color: #fff;
background-color: #ea9f28;
border: 1px solid #ea9f28;
transition: all .2s linear;
}
.btn-green,
.btn-green:focus {
display: inline-block;
background-color: #0e9a65;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #0e9a65;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-green:hover {
color: #fff;
background-color: #0e8551;
border: 1px solid #0e8551;
transition: all .2s linear;
}
.btn-dark-green,
.btn-dark-green:focus {
display: inline-block;
background-color: #006941;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #006941;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-dark-green:hover {
color: #fff;
background-color: #063523;
border: 1px solid #063523;
transition: all .2s linear;
}
.btn-blue,
.btn-blue:focus {
display: inline-block;
background-color: #00aced;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #00aced;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-blue:hover {
color: #fff;
background-color: #0083b5;
border: 1px solid #0083b5;
transition: all .2s linear;
}
.btn-gray,
.btn-gray:focus {
display: inline-block;
background-color: #6a6a6a;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #6a6a6a;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-gray:hover {
color: #fff;
background-color: #010101;
border: 1px solid #010101;
transition: all .2s linear;
}
.btn-transparent,
.btn-transparent:focus {
display: inline-block;
background-color: transparent;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #fff;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-transparent:hover {
border: 1px solid #fff;
background-color: #fff;
color: #222;
transition: all .2s linear;
}
.btn-transparent-black,
.btn-transparent-black:focus {
display: inline-block;
background-color: transparent;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #000;
padding: 8px 20px;
border: 1px solid #000;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
}
.btn-transparent-black:hover {
background-color: #000;
color: #fff;
transition: all .2s linear;
}
.reveal-modal-bg {
background: rgba( 0, 0, 0, 0.8 );
}
.reveal-modal {
max-width: 1112px;
padding: 50px;
border-radius: 0;
box-shadow: none;
border: none;
outline: none !important;
overflow: hidden;
}
.reveal-modal .close-reveal-modal {
display: block;
width: 56px;
height: 56px;
background-color: #0d9a69;
font-size: 48px;
font-weight: bold;
line-height: 56px;
color: #fff;
text-align: center;
cursor: pointer;
position: absolute;
top: -5px;
right: -5px;
border-radius: 0 0 0 50%;
transition: background-color .15s linear;
}
.reveal-modal .close-reveal-modal:hover {
background-color: #9e0c0f;
transition: background-color .15s linear;
}
.copy-popup-link {
display: block;
width: 64px;
height: 55px;
background-color: #0d9a69;
font-size: 26px;
font-weight: 700;
line-height: 56px;
color: #fff;
text-align: center;
cursor: pointer;
position: absolute;
top: -4px;
right: 52px;
border-radius: 0 0 50% 50%;
transition: background-color .15s linear;
}
.copy-popup-link:hover,
.copy-popup-link.copied {
background-color: #1ca974;
transition: background-color .15s linear;
}
.copy-popup-link input {
display: block;
position: absolute;
top: -99999px;
left: -99999px;
opacity: 0;
}
.copy-popup-link.copied .fa {
opacity: 0;
}
.copy-popup-link:after {
content: "Copied to Clipboard";
font-size: 10px;
font-weight: 700;
line-height: 1.2;
color: #fff;
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
opacity: 0;
}
.copy-popup-link.copied:after {
opacity: 1;
transition: opacity .5s linear;
}
#sign-up.reveal-modal .copy-popup-link {
right: 55px;
}
.animated {
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/* ---------------------------------------------------------------------------------------------------------------------
Header Styles
--------------------------------------------------------------------------------------------------------------------- */
body > header {
background-color: #fff;
border-bottom: 1px solid #ccc;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
header .header-top {
background-color: #ededed;
padding: 4px 0;
}
body > header .header-top .header-top-left {
width: 50%;
float: left;
text-align: left;
padding: 3px 0;
}
body > header .header-top .header-top-left a {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
margin-right: 25px;
transition: color .2s ease;
}
body > header .header-top .header-top-left a:hover {
color: #44d0ac;
transition: color .2s ease;
}
body > header .header-top .header-top-left a:last-of-type {
margin-right: 0;
}
header .header-top .header-top-left a i {
margin-right: 5px;
}
body > header .header-top .header-top-right {
width: 50%;
float: right;
text-align: right;
}
body > header #search-form {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 165px;
position: relative;
top: -1px;
margin-left: 15px;
padding: 1px 30px 1px 0;
font-size: 16px;
}
body > header #search-form input {
box-shadow: none;
border: none;
border-bottom: 1px solid #999;
height: 24px;
margin: 0;
background-color: transparent;
color: #999;
padding: 0;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.25px;
position: relative;
top: -1px;
transition: all .2s linear;
}
body > header #search-form input:focus {
background-color: transparent !important;
border-bottom: 1px solid #00b772;
transition: all .2s linear;
}
body > header #search-form button {
background-color: transparent;
display: block;
width: 30px;
height: 24px;
line-height: 24px;
font-size: 14px;
color: #999;
padding: 0;
position: absolute;
top: 0;
right: 0;
margin: 0;
transition: all .2s linear;
outline: none !important;
}
body > header #search-form button:hover {
background-color: #2b2b2b;
border-radius: 0;
color: #0D9A65;
transition: all .2s linear;
}
body > header .header-green-line {
background-color: #0D9A65;
text-align: right;
padding: 10px 0 0 0;
}
body > header .header-green-line h3 {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
line-height: 1;
display: inline-block;
margin: 0 0 10px 0;
position: relative;
top: 15px;
float: left;
}
body > header .header-green-line .btn {
margin: 0 0 10px 7px;
font-size: 14px;
}
body > header .header-green-line .btn.first-button {
float: left;
}
body > header.fixed {
position: fixed;
z-index: 1000;
box-shadow: 0 0 5px #000;
}
body > header.fixed .logo img {
height: 74px;
}
body > header.fixed .top-bar ul.menu > li.menu-item:not( .btn ) > a {
padding: 25px 10px 23px 10px;
transition: none;
}
body > header.fixed .top-bar {
padding-top: 5px;
}
body > header.fixed .header-green-line h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.25px;
font-weight: 500;
top: 11px;
}
body > header.fixed .header-green-line .btn {
margin: 0 0 7px 10px;
font-size: 14px;
padding: 5px 15px;
transition: none;
}
body > header.fixed .header-green-line {
padding: 8px 0 0 0;
}
body > header.fixed .header-top {
/*background-color: #2F2F2F;*/
padding: 3px 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
Slider
--------------------------------------------------------------------------------------------------------------------- */
#primary-slider {
height: 540px;
overflow: hidden;
}
#primary-slider:not( .slick-initialized ) .slide:not( :first-child ) {
display: none;
}
#primary-slider .slick-list,
#primary-slider .slick-track {
height: inherit;
}
#primary-slider .slide-item {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: inherit;
position: relative;
}
#primary-slider .slide-item.overlay-left:before {
content: "";
display: block;
width: 75%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgb( 0,0,0 ); /* Old browsers */
background: -moz-linear-gradient( left, rgba( 0,0,0,1 ) 0%, rgba( 255,255,255,0 ) 100% ); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba( 0,0,0,1 ) 0%, rgba( 255,255,255,0 ) 100% ); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient( to right, rgba( 0,0,0,1 ) 0%, rgba( 255,255,255,0 ) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#000000', endColorstr = '#ffffff', GradientType = 1 ); /* IE6-9 */
}
#primary-slider .slide-item.overlay-right:before {
content: "";
display: block;
width: 75%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: rgb( 0,0,0 ); /* Old browsers */
background: -moz-linear-gradient( left, rgba( 255,255,255,0 ) 0%, rgba( 0,0,0,1 ) 100% ); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba( 255,255,255,0 ) 0%, rgba( 0,0,0,1 ) 100% ); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient( to right, rgba( 255,255,255,0 ) 0%, rgba( 0,0,0,1 ) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#ffffff', endColorstr = '#000000', GradientType = 1 ); /* IE6-9 */
}
#primary-slider .slide-item.overlay-bottom:before {
content: "";
display: block;
width: 100%;
height: 50%;
position: absolute;
left: 0;
bottom: 0;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient( top, rgba( 255,255,255,0 ) 0%, rgba( 0,0,0,1 ) 100% ); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba( 255,255,255,0 ) 0%, rgba( 0,0,0,1 ) 100% ); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient( to bottom, rgba( 255,255,255,0 ) 0%, rgba( 0,0,0,1 ) 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#000000', endColorstr='#ffffff',GradientType = 0 ); /* IE6-9 */
}
#primary-slider .slide-item:focus {
outline: none;
}
#primary-slider .slide-content-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 200;
}
#primary-slider .slide-item.overlay-bottom .slide-content-wrap {
position: absolute;
top: auto;
left: 0;
bottom: 0;
width: 100%;
-o-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-webkit-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
transform: translate( 0, 0 );
z-index: 200;
}
#primary-slider .slide-item.overlay-right .slide-content-wrap {
text-align: right;
}
#primary-slider .slide-content {
max-width: 620px;
display: inline-block;
}
#primary-slider .slide-item.overlay-bottom .slide-content {
max-width: 100%;
display: block;
text-align: center;
padding-bottom: 35px;
}
#primary-slider .slide-content h3 {
font-family: "Roboto", sans-serif;
font-size: 55px;
font-weight: 500;
line-height: 1.1;
color: #fff;
text-shadow: 2px 1px 3px #383838;
margin: 0 0 30px 0;
}
#primary-slider .slide-content p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
color: #fff;
line-height: 1.5;
text-shadow: 1px 1px 1px #2d2d2d;
margin: 0 0 50px 0;
}
#primary-slider .slide-content > *:last-child {
margin-bottom: 0;
}
#primary-slider .slide-content .btn {
margin-right: 2px;
font-size: 20px;
padding: 8px 25px;
}
#primary-slider .slick-prev,
#primary-slider .slick-next {
background-color: rgb(255, 255, 255);
display: block;
width: 47px;
height: 52px;
line-height: 52px;
position: absolute;
top: 50%;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 500;
font-size: 36px;
color: #9a9a9a;
opacity: 0.25;
transition: all .2s linear;
}
#primary-slider .slick-prev:hover,
#primary-slider .slick-next:hover {
opacity: 0.8;
transition: all .2s linear;
cursor: pointer;
}
#primary-slider .slick-prev {
left: 0;
text-align: right;
border-radius: 0 4px 4px 0;
}
#primary-slider .slick-next {
right: 0;
text-align: left;
border-radius: 4px 0 0 4px;
}
/* ---------------------------------------------------------------------------------------------------------------------
Social | Media Networks
--------------------------------------------------------------------------------------------------------------------- */
.soc-media {
display: inline-block;
vertical-align: middle;
}
.soc-media .sm-item {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
color: #999 !important;
background: transparent;
text-align: center;
border-radius: 50%;
font-size: 16px;
margin: 1px;
transition: background .2s ease;
}
.soc-media .sm-item:hover {
color: #fff !important;
transition: background .2s ease;
}
.soc-media .sm-item:before { display: none; }
.soc-media .sm-item.fa-vk:hover { background: #45668e; }
.soc-media .sm-item.fa-facebook:hover { background: #3b5998; }
.soc-media .sm-item.fa-twitter:hover { background: #00aced; }
.soc-media .sm-item.fa-google-plus:hover { background: #dd4b39; }
.soc-media .sm-item.fa-linkedin:hover { background: #0177B5; }
.soc-media .sm-item.fa-youtube:hover { background: #bb0000; }
.soc-media .sm-item.fa-vimeo-square:hover { background: #45bbff; }
.soc-media .sm-item.fa-instagram:hover { background: #517fa4; }
.soc-media .sm-item.fa-pinterest-p:hover { background: #CB2027; }
.soc-media .sm-item.fa-dribbble:hover { background: #F26798; }
.soc-media .sm-item.fa-yelp:hover { background: #BE2F25; }
.soc-media .sm-item.fa-flickr:hover { background: #0063DB; }
.soc-media .sm-item.fa-vine:hover { background: #00BF8F; }
.soc-media .sm-item.fa-rss:hover { background: #e6c400; }
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Home Page
--------------------------------------------------------------------------------------------------------------------- */
#home-features-section {
padding: 70px 0 20px 0;
}
.features-item {
text-align: center;
margin-bottom: 60px;
padding: 0 15px;
outline: none !important;
}
.features-item-icon {
height: 190px;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.features-item-icon img {
position: absolute;
height: 100%;
border-radius: 50%;
top: 50%;
left: 50%;
-o-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.features-item h4 {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 400;
color: #000;
margin: 0 0 20px 0;
}
.features-item p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
margin: 0 0 25px 0;
}
.section-title {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 1.2;
color: #000;
text-align: center;
margin: 0 0 50px 0;
}
.section-title.white {
color: #fff;
}
.home-features-grid {
text-align: center;
}
.home-features-grid .features-item-icon {
margin-bottom: 20px;
}
.home-features-grid .features-item {
display: inline-block;
width: 30%;
}
.home-features-grid .features-item h4 {
margin: 0 0 12px 0;
}
.home-features-grid .features-item p {
display: none;
}
.home-features-grid .btn-yellow,
.home-features-grid .btn-yellow:focus {
font-size: 12px;
font-weight: 500;
padding: 8px 20px;
}
#upcoming-events-section,
section.services-upcoming-events {
background-color: #0e9763;
background-position: center top;
background-size: cover;
padding: 70px 0 35px 0;
min-height: 600px;
}
#upcoming-events-section.with-calendar,
section.services-upcoming-events.with-calendar {
padding: 70px 0 80px 0;
}
#news-stories-section {
background-color: #f2f2f2;
padding: 70px 0 55px 0;
}
#news-stories-section .news-item {
position: relative;
top: 0;
background-color: #fff;
margin-bottom: 35px;
transition: all .1s linear;
}
#news-stories-section .news-item:hover {
top: -5px;
box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
transition: all .2s linear;
}
.news-item > .news-thumbnail {
display: inline-block;
margin-bottom: 30px;
opacity: 0.9;
border: 1px solid #e0e0e0;
transition: opacity .25s linear;
}
.news-item > .news-thumbnail:hover {
opacity: 1;
transition: opacity .25s linear;
}
#news-stories-section .news-item > .news-thumbnail {
margin-bottom: 0;
width: 100%;
position: relative;
}
#news-stories-section .news-item > .news-thumbnail img {
width: 100%;
}
#news-stories-section .news-item > .news-thumbnail img.featured-image-itn {
position: absolute;
top: 50%;
left: 0;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
#news-stories-section .news-item-content {
padding: 20px 25px 75px 25px;
position: relative;
}
#news-stories-section .news-item p.featured-event-date {
color: #ce8c09;
font-weight: 500;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #ececec;
}
#news-stories-section .news-item p.featured-event-date .start-date {
margin-right: 7px;
}
#news-stories-section .news-item p.featured-event-date .start-time {
margin-left: 7px;
}
#news-stories-section .news-item p.featured-event-date .location {
display: block;
margin-top: 1px;
color: #00a064;
font-weight: 500;
font-size: 12px;
}
#news-stories-section .news-item p.featured-event-date .location i {
margin: 0 3px;
}
#news-stories-section .btn {
position: absolute;
font-size: 12px;
bottom: 25px;
left: 25px;
}
.news-item h4 {
margin: 0 0 21px 0;
line-height: 1.2;
}
.news-item h4 a {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
color: #000;
}
.news-item .description,
.news-item p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #444;
}
.news-item p {
margin: 0 0 21px 0;
}
#news-stories-section .news-item p {
margin: 0;
}
#news-stories-section .author-box {
background-color: #f7f7f7;
padding: 15px 25px 12px 25px;
}
.author-box .icon-box {
width: 100%;
max-width: 46px;
height: 46px;
display: inline-block;
position: relative;
vertical-align: top;
padding-right: 5px;
}
.author-box .icon-box img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.author-box .info-box {
display: inline-block;
padding-top: 2px;
}
.author-box .info-box h6 {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
font-style: italic;
line-height: 1.2;
color: #000;
margin: 0 0 5px 0;
}
.author-box .info-box p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #9e9e9e;
margin: 0 0 5px 0;
}
#medium-banner-section,
section.medium-banner-section {
background-color: #28394B;
background-position: center center;
background-size: cover;
padding: 80px 0;
min-height: 520px;
position: relative;
}
#medium-banner-section.with-underlay:after,
section.medium-banner-section.with-underlay:after {
background-color: rgba(0, 0, 0, 0.65);
display: block;
content: "";
width: 50%;
min-height: inherit;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.medium-banner-content-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 200;
}
.medium-banner-content {
max-width: 460px;
}
.medium-banner-content h3 {
font-family: "Roboto", sans-serif;
font-size: 36px;
font-weight: 400;
line-height: 1.2;
color: #fff;
margin: 0 0 25px 0;
}
.medium-banner-content p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: #fff;
margin: 0 0 35px 0;
}
#medium-banner-section .btn,
section.medium-banner-section .btn {
margin-right: 2px;
font-size: 18px;
padding: 8px 25px;
}
#newsletter-signup-section {
background-color: #0e9a65;
padding: 20px 0;
text-align: center;
}
#newsletter-signup-section .btn-green {
background-color: #05754b;
border: 1px solid #05754b;
font-size: 18px;
}
#newsletter-signup-section .btn-green:hover {
background-color: #055f38;
border: 1px solid #055f38;
}
section#top-content {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 35px 0 45px 0;
color: #fff;
}
section#top-content h2 {
line-height: 1.1;
margin-bottom: 25px;
}
section#top-content h3 {
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 43px;
color: #fff;
margin: 0;
line-height: 1.2;
}
section#top-content h5 {
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 26px;
font-style: italic;
color: #fff;
margin: 15px 0 35px 0;
line-height: 1;
}
section#top-content p {
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #fff;
line-height: 1.75;
}
section#top-content a:not( .btn ) {
color: #f9b62f;
font-weight: 600;
}
section#top-content a:not( .btn ):hover {
color: #f9b62f;
text-decoration: underline;
}
section#top-content .top-content-column > *:last-child {
margin-bottom: 0;
}
section#top-content .btn {
margin-top: 35px;
padding: 14px 15px;
min-width: 260px;
font-size: 18px;
}
/* ---------------------------------------------------------------------------------------------------------------------
CPT: Events
--------------------------------------------------------------------------------------------------------------------- */
.event-item {
margin-bottom: 50px;
}
.event-item .event-thumbnail {
display: inline-block;
width: 100%;
margin-bottom: 35px;
opacity: 0.9;
transition: all .2s linear;
}
.event-item .event-thumbnail:hover {
opacity: 1;
transition: all .2s linear;
}
.event-item h3 {
font-family: "Open Sans", sans-serif;
font-size: 23px;
font-weight: 600;
color: #fff;
line-height: 1.5;
margin: 0 0 20px 0;
}
.event-item a:hover h3 {
color: #fdf7c9;
}
.info-box {
display: table;
}
.date-box {
display: table-cell;
width: 56px;
}
.event-item .date {
display: block;
width: 100%;
background-color: #97d234;
padding: 8px 2px;
text-align: center;
border-radius: 3px;
margin-bottom: 10px;
}
.event-item .date span {
display: block;
width: 100%;
}
.event-item .date span.day {
font-family: "Open Sans", sans-serif;
font-size: 26px;
font-weight: 700;
color: #fff;
line-height: 1;
}
.event-item .date span.month {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 700;
color: #5d9400;
line-height: 1;
text-transform: uppercase;
margin-bottom: 1px;
}
.event-item .date-box span.day-week {
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 600;
color: #fff;
line-height: 1;
display: block;
text-align: center;
}
.event-item .description-box {
display: table-cell;
padding-left: 18px;
vertical-align: top;
}
.event-item .description-box p {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
line-height: 1.5;
margin-bottom: 2px;
}
.event-item .description-box a {
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 700;
color: #fff;
line-height: 1.5;
text-decoration: underline;
margin-bottom: 2px;
}
.event-item .description-box a:hover {
color: #aef3ff;
}
.event-item .time-box {
padding: 15px 0 0 0;
}
.event-item .time-box .divider-time {
display: inline-block;
padding: 8px 5px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 1;
}
.event-item .time-box .start-time,
.event-item .time-box .end-time {
background-color: #27a475;
display: inline-block;
padding: 8px 12px;
border-radius: 3px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 1;
}
.event-item-column .m-divider {
display: block;
height: 50px;
width: 100%;
position: relative;
margin-bottom: 25px;
}
.event-item-column .m-divider:before,
.event-item-column .m-divider:after {
content: "";
position: absolute;
display: block;
}
.event-item-column:nth-of-type( 1 ) .m-divider:before {
top: 0;
right: -31px;
width: 60%;
height: 2px;
background-color: #fff;
}
.event-item-column:nth-child( 1 ) .m-divider:after {
top: 0;
right: calc( 60% - 31px );
width: 2px;
height: 50px;
background-color: #fff;
}
.event-item-column:nth-child( 2 ) .m-divider:before {
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
.event-item-column:nth-child( 2 ) .m-divider:after {
top: 0;
left: 50%;
width: 2px;
height: 50px;
background-color: #fff;
}
.event-item-column:nth-child( 3 ) .m-divider:before {
top: 0;
left: -31px;
width: 60%;
height: 2px;
background-color: #fff;
}
.event-item-column:nth-child( 3 ) .m-divider:after {
top: 0;
left: calc( 60% - 31px );
width: 2px;
height: 50px;
background-color: #fff;
}
.em-calender-box {
background-color: #efefef;
border-radius: 10px;
margin-top: 25px;
overflow: hidden;
}
.x-em-calendar-wrapper {
float: right;
padding: 10px;
background-color: #fff;
border-left: 2px solid #e3e3e3;
width: 40%;
min-height: 490px;
position: relative;
}
.em-calendar-wrapper {
display: inline-block;
border: none;
margin: 0;
position: absolute;
top: 50px;
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 );
}
.em-calendar-wrapper .em-calendar {
border: none;
}
.x-em-calendar-wrapper .btn {
font-size: 16px;
padding: 8px 30px;
position: relative;
top: 55px;
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 );
}
table.em-calendar tr.days-names td {
font-weight: 600;
padding: 16px 14px;
}
table.em-calendar td.eventless-pre,
.em-calendar td.eventless-post,
table.em-calendar td.eventless,
table.em-calendar td.eventful a {
padding: 16px 14px;
}
table thead,
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
background: #fff;
}
table.em-calendar td {
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 500;
color: #19191e;
padding: 0;
}
table.em-calendar td.month_name {
font-size: 25px;
font-weight: 600;
padding: 16px 14px;
}
table.em-calendar td.eventless-today,
table.em-calendar td.eventful-today {
background-color: #97d234;
color: #fff;
border-radius: 50%;
}
.em-calnav.em-calnav-prev,
.em-calnav.em-calnav-next {
font-size: 0;
display: inline-block;
line-height: 1;
min-width: 20px;
}
.em-calnav.em-calnav-prev:before {
font-family: "FontAwesome";
content: "\f0d9";
font-size: 20px;
color: #19191e;
}
.em-calnav.em-calnav-next:before {
font-family: "FontAwesome";
content: "\f0da";
font-size: 20px;
color: #19191e;
}
table.em-calendar td.eventful a,
table.em-calendar td.eventful-today a {
display: inline-block;
color: #00a064;
transition: all .1s linear;
}
table.em-calendar td.eventful-today a {
color: #fff;
}
table.em-calendar td.eventful,
table.em-calendar td.eventful-today {
border-radius: 50%;
}
table.em-calendar td.eventful:hover,
table.em-calendar td.eventful-today:hover {
background-color: #00a064;
transition: all .1s linear;
}
table.em-calendar td.eventful:hover a,
table.em-calendar td.eventful-today:hover a {
color: #fff;
transition: all .1s linear;
}
table.em-calendar td.eventful-pre a,
table.em-calendar td.eventful-post a {
color: #94dad1;
text-decoration: none;
}
.other-events-wrap {
float: left;
width: 60%;
padding: 50px 40px;
}
.other-events-wrap > h4 {
font-family: "Open Sans", sans-serif;
font-size: 25px;
font-weight: 600;
color: #19191e;
margin: 0 0 25px 0;
}
.upcoming-event-item .event-info-box > h4 {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 600;
color: #19191e;
line-height: 1.2;
margin: 0 0 7px 0;
}
.upcoming-event-item .event-info-box > h4 a {
display: inline-block;
color: #19191e;
position: relative;
padding-left: 17px;
}
.upcoming-event-item .event-info-box > h4 a:hover {
color: #0e9a65;
}
.upcoming-event-item .event-info-box > h4 a i {
display: inline-block;
margin-right: 5px;
font-size: 10px;
position: absolute;
top: 5px;
left: 0;
}
.upcoming-event-item .external-link {
display: inline-block;
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: 600;
color: #989898;
text-decoration: underline;
margin: 0 0 7px 0;
padding-left: 17px;
}
.upcoming-event-item .external-link:hover {
color: #72a71b;
}
.upcoming-event-item .time-box {
padding-left: 17px;
}
.upcoming-event-item .time-box > span {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
color: #19191e;
line-height: 1;
}
.upcoming-event-item .time-box span.start-date {
margin-right: 15px;
display: inline-block;
min-width: 160px;
border-right: 1px solid #636363;
}
.upcoming-event-item .time-box > .divider-time {
display: inline-block;
text-align: center;
padding: 0 8px;
}
.upcoming-event-item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #d6d6d6;
padding-right: 120px;
position: relative;
}
.upcoming-event-item:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.upcoming-event-item .btn {
padding: 6px 20px;
position: absolute;
top: 42.5%;
right: 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% );
}
.events-scope-filter {
margin-bottom: 25px;
}
.events-scope-filter > a {
display: inline-block;
width: 32.5%;
padding: 12px 15px;
float: left;
text-align: center;
background-color: #fff;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #222;
margin-right: 1.25%;
transition: all .2s linear;
}
.events-scope-filter > a:hover,
.events-scope-filter > a.active {
background-color: #0d9a65;
color: #fff;
transition: all .2s linear;
}
.events-scope-filter > a .fa {
margin-left: 5px;
}
.events-scope-filter > a:last-of-type {
margin-right: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
GF: Reset
--------------------------------------------------------------------------------------------------------------------- */
body .gform_wrapper {
overflow: inherit;
margin: 10px 0 20px 0;
max-width: 100%;
}
body section#page-content .gform_wrapper {
max-width: 768px;
width: 100%;
margin: 10px auto 20px;
}
body .gform_wrapper .top_label input.large.datepicker,
body .gform_wrapper .top_label input.medium.datepicker,
body .gform_wrapper .top_label input.small.datepicker {
width: calc(100% - 21px);
}
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 .top_label .gfield:not( .with-label ) .gfield_label {
display: none;
}
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;
}
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;
}
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%;
margin: 0;
}
body .gform_wrapper .gform_ajax_spinner {
position: absolute;
top: 19px;
right: 15px;
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 div.validation_error {
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
border: none;
border-radius: 3px;
background-color: #c74747;
padding: 25px 10px;
width: 100%;
}
body .gform_confirmation_wrapper {
background-color: #31a26b;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 600;
color: #fff;
text-align: center;
padding: 25px 10px;
border-radius: 3px;
}
body .gform_confirmation_wrapper p {
font-weight: 600;
color: #fff !important;
}
body .gform_confirmation_message > :last-child {
margin-bottom: 0 !important;
}
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 {
border-color: #cecece;
height: 46px;
box-shadow: none;
font-size: 14px;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 5px 15px;
}
body .gform_wrapper textarea.large {
height: 172px;
width: 100%;
padding: 10px 15px;
}
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 #c74747;
}
body .gform_wrapper .validation_message {
color: #c12c2c;
font-weight: 500;
font-size: 10px;
}
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-size: 14px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
}
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: #139C68;
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] {
background-color: #139C68;
border-color: #139C68;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 18px;
border-radius: 3px;
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: #137f4e;
border-color: #137f4e;
transition: all .2s linear;
}
.hidden-field {
display: none !important;
}
body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
body .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
display: none;
}
body .gform_wrapper .ginput_complex .ginput_right select,
body .gform_wrapper .ginput_complex select {
font-size: 14px;
font-family: "Roboto", sans-serif;
border-color: #cecece;
height: 46px;
border-radius: 3px;
padding: 5px 15px;
margin: 0 0 20px 0 !important;
}
body #donation-page-box .form-box .gform_wrapper .gsection .gfield_label,
body #donation-page-box .form-box .gform_wrapper h2.gsection_title,
body #donation-page-box .form-box .gform_wrapper h3.gform_title {
font-family: "Roboto", sans-serif;
font-size: 24px;
color: #242424;
font-weight: 500;
}
body .gform_wrapper .gfield.radio-in-line ul.gfield_radio li {
display: inline-block;
width: 33%;
padding-left: 1px !important;
}
body .gform_wrapper .gfield.radio-in-line ul.gfield_radio li > label {
font-weight: 700;
color: #858585;
}
body .gform_wrapper .gfield.radio-in-line ul.gfield_radio li input[type=radio]:checked + label {
font-weight: 700;
color: #078656;
}
body .image-choices-field .image-choices-choice {
border: 2px solid #d4d4d4;
opacity: 0.5;
}
body .image-choices-field .image-choices-choice label {
width: 160px !important;
}
body .image-choices-field .image-choices-choice-text,
body .image-choices-field .image-choices-choice-price {
font-weight: 600;
letter-spacing: 0.3px;
}
body .image-choices-field .image-choices-choice-focus label {
border-color: transparent !important;
}
body .image-choices-admin-field.image-choices-use-images .image-choices-choice-selected,
body .image-choices-field .image-choices-choice-selected {
border: 2px solid #078656;
opacity: 1;
}
body .gform_wrapper ul.gfield_checkbox li label,
body .gform_wrapper ul.gfield_radio li label {
margin: 0 0 0 8px;
}
body .gform_wrapper ul.gform_fields li.gfield input[type=radio] {
margin: 0;
}
body .gform_wrapper .gsection {
margin: 30px 0 15px 0;
border-bottom: 1px dotted #ababab;
}
body .gform_wrapper .ginput_complex .ginput_cardinfo_right {
width: 50%;
}
body .gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
display: inline-block;
}
body .gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
max-width: 100% !important;
width: calc( 100% - 50px ) !important;
display: inline-block;
}
body .gform_wrapper ul.gform_fields li.gfield.method-type {
padding-bottom: 10px;
}
body .gform_wrapper ul.gform_fields li.gfield input[type=radio][value=card] + label,
body .gform_wrapper ul.gform_fields li.gfield input[type=radio][value=paypal] + label{
line-height: 32px;
margin: 0 0 0 4px;
vertical-align: middle;
}
body .gform_wrapper ul.gform_fields li.gfield input[type=radio][value=card],
body .gform_wrapper ul.gform_fields li.gfield input[type=radio][value=paypal] {
margin: 0 5px 0 55px;
vertical-align: middle;
}
body .gform_wrapper ul.gform_fields li.gfield input[type=radio][value=card] + label:before {
content: "";
width: 45px;
height: 30px;
background: url(../images/cc-icon.png) center no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
left: 0;
top: 1px;
}
body .gform_wrapper ul.gform_fields li.gfield input[type=radio][value=paypal] + label:before {
content: "";
width: 45px;
height: 30px;
background: url(../images/pp-icon.png) center no-repeat;
background-size: 100% auto;
display: block;
position: absolute;
left: 0;
top: 1px;
}
body .gform_wrapper ul.gform_fields li.gfield.donation-amount-board .gfield_radio {
font-size: 0;
left: 0;
}
body .gform_wrapper ul.gform_fields li.gfield.donation-amount-board .gfield_radio > li {
width: 33%;
display: inline-block;
padding: 0 15px 10px 0 !important;
}
body .gform_wrapper ul.gform_fields li.gfield.donation-amount-board .gfield_radio > li > input {
display: none;
}
body .gform_wrapper ul.gform_fields li.gfield.donation-amount-board .gfield_radio > li > label {
font-size: 15px;
font-weight: 600;
color: #139C68;
text-align: center;
display: block;
width: 100%;
max-width: 100%;
border: 1px solid #139C68;
background-color: #fff;
padding: 20px 5px;
margin: 0;
border-radius: 3px;
}
body .gform_wrapper li.gfield.donation-amount-board ul.gfield_radio li input[type=radio]:checked + label {
background-color: #139C68;
border-color: #139C68;
color: #fff;
}
body .gform_wrapper ul.gform_fields li.gfield.custom-donation-amount input {
background-color: #fffbf0 !important;
border-color: #f9b62f;
}
body .gform_wrapper ul.gform_fields li.gfield.custom-donation-amount input:focus {
background-color: #fff !important;
}
#sign-up.reveal-modal {
max-width: 450px;
padding: 60px 50px 40px 50px;
}
#sign-up h4 {
font-family: "Roboto", sans-serif;
font-size: 32px;
font-weight: 500;
color: #010101;
line-height: 1;
margin: 0 0 25px 0;
}
body .gform_wrapper .top_label li ul.gfield_checkbox {
width: 100%;
margin: 0 0 24px 0;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] {
display: none;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label {
font-weight: 400;
color: #a2a2a2;
transition: color .2s linear;
padding: 2px 0 2px 25px;
position: relative;
max-width: 94%;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label > .ginput_price {
display: none;
}
body .gform_wrapper ul li.gfield.additional-t-shirt {
padding-top: 10px;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox] + label:before {
display: inline-block;
width: 20px;
height: 24px;
font-family: "FontAwesome", sans-serif;
font-size: 24px;
line-height: 24px;
color: #bdbdbd;
content: "\f096";
text-align: center;
padding-right: 30px;
position: absolute;
top: 1px;
left: -5px;
transition: color .2s linear;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label {
color: #222;
font-weight: 400 !important;
transition: color .2s linear;
}
body .gform_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:before {
color: #139c68;
content: "\f046";
transition: color .2s linear;
}
body .gform_wrapper li.gfield.field_description_below + li.gsection {
margin-top: 33px !important;
}
/* T-Shirt Selector Customization */
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector {
margin-bottom: 15px;
}
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector .image-choices-choice {
width: 47%;
opacity: 0.6;
margin: 0 3% 17px 0 !important;
}
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector .image-choices-choice.image-choices-choice-selected {
opacity: 1;
}
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector .image-choices-choice:nth-child( 2n ) {
margin-right: 0 !important;
}
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector .image-choices-choice label {
width: 100% !important;
padding: 16px 10px !important;
}
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector .image-choices-choice-image-wrap {
background-position: center;
background-size: contain;
width: 100%;
height: 140px;
}
body .gform_wrapper .image-choices-lightbox-btn {
border: 1px solid #fff;
width: 28px;
height: 28px;
top: -1px;
right: -1px;
}
body .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
background-color: #fcfcfc;
font-size: 14px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
height: 46px;
padding: 5px 15px;
}
body .gform_wrapper .instruction {
font-size: 10px;
position: relative;
top: -20px;
}
#custom-form #donation-amount-total {
padding: 10px 12px;
margin: 15px 0 35px;
font-size: 20px;
color: #0e9a65;
background-color: #f5f5f5;
}
#custom-form #donation-amount-total strong {
color: #000;
}
body .tabs-content #custom-form .gform_wrapper {
margin: 10px 0 10px;
}
.image-choices-choice.disabled {
opacity: 0.25 !important;
cursor: not-allowed !important;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.image-choices-choice.disabled * {
cursor: not-allowed !important;
}
body .gform_wrapper ul.gform_fields li.gfield.bfc-donation-amount {
display: none;
}
body .gform_wrapper ul.gform_fields li.gfield.bfc-donation-amount.visible {
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------
Password Protected Page
--------------------------------------------------------------------------------------------------------------------- */
.password-form-wrap {
width: 100%;
max-width: 768px;
margin: 35px auto 50px;
}
.post-password-form {
display: block;
background-color: #fbfbfb;
border: 3px solid #f1f1f1;
padding: 65px 50px;
}
.post-password-form p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.75;
color: #904646;
margin: 0 0 30px 0;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.post-password-form input[type="submit"] {
display: inline-block;
padding: 12px 35px;
background-color: #0e9a65;
border-radius: 3px;
color: #fff;
font-weight: 500;
line-height: 1.2;
border: none;
margin-bottom: 0;
transition: all .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
Pagination
--------------------------------------------------------------------------------------------------------------------- */
.pagination-box ul.pagination {
margin: 0;
}
.pagination-box ul.pagination > li {
float: none;
display: inline-block;
margin: 4px;
height: auto;
}
.pagination-box ul.pagination > li > a,
.pagination-box ul.pagination > li > span {
display: block;
width: 46px;
height: 46px;
line-height: 44px;
text-align: center;
border: 2px solid #333;
background: #fff;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: 600;
color: #333;
padding: 0;
margin: 0;
border-radius: 3px;
}
.pagination-box ul.pagination > li > a i {
font-size: 11px;
}
.pagination-box ul.pagination > li > span.current,
.pagination-box ul.pagination > li > a:hover {
background: #333;
color: #fff;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Our Team
--------------------------------------------------------------------------------------------------------------------- */
#masthead {
background-color: #eee;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 265px;
position: relative;
-moz-box-shadow: inset 0 -500px 500px -500px #000;
-webkit-box-shadow: inset 0 -500px 500px -500px #000;
box-shadow: inset 0 -500px 500px -500px #000;
}
#masthead .masthead-content {
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
}
#masthead .masthead-content h1 {
font-family: "Roboto", sans-serif;
font-size: 38px;
font-weight: 500;
color: #fff;
margin: 0;
text-shadow: 4px 4px 8px rgba( 0, 0, 0, 0.9 );
position: relative;
}
#masthead .masthead-content h1 .btn {
font-size: 18px;
padding: 10px 30px;
float: right;
position: relative;
top: 4px;
text-shadow: none;
border: none;
opacity: 1;
margin-left: 15px;
transition: all .2s linear;
}
#masthead .masthead-content h1 .btn:hover {
background-color: #fff !important;
color: #222 !important;
transition: all .2s linear;
}
#masthead .masthead-content h1 .btn.top-right {
position: relative;
top: -160px;
}
#masthead .masthead-content h1 img {
height: 61px;
position: relative;
top: -4px;
margin-right: 0;
}
#page-content {
background-color: #fff;
padding: 100px 0 85px 0;
}
body.page-id-14261 #page-content {
padding: 60px 0 45px 0;
}
#page-content.content-our-team p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: #010101;
}
#page-content.content-our-team .columns:first-of-type p:first-of-type::first-letter {
font-weight: 500;
font-size: 90px;
display: inline-block;
float: left;
line-height: 0.8;
margin: 0 10px 0 0;
padding-top: 10px;
}
section#senior-staff,
section.senior-staff,
section#volunteer-staff {
background-color: #EFEFEF;
padding: 85px 0 70px 0;
}
section.senior-staff + section.senior-staff {
background-color: #eaeaea;
}
section.senior-staff + section.senior-staff + section.senior-staff {
background-color: #EFEFEF;
}
.section-subtitle,
.section-subtitle p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
font-style: italic;
line-height: 1.75;
color: #010101;
text-align: center;
margin-bottom: 50px;
}
.section-subtitle p {
margin-bottom: 20px;
}
.section-subtitle p:last-of-type {
margin-bottom: 0;
}
.section-title + .section-subtitle {
position: relative;
top: -25px;
}
.senior-staff-item,
.volunteer-staff-item {
background-color: #fff;
margin-bottom: 30px;
padding: 35px 30px 24px 30px;
border-radius: 4px;
}
.ss-top-box {
margin-bottom: 22px;
}
.ss-top-box img {
display: inline-block;
width: 60px;
border: 1px solid #eee;
border-radius: 50%;
margin-right: 15px;
float: left;
}
.ss-top-box h4 {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 400;
color: #010101;
line-height: 1;
margin: 0 0 8px 0;
position: relative;
top: 7px;
}
.ss-top-box h6 {
font-family: "Roboto", sans-serif;
font-size: 12px;
font-weight: 400;
color: #010101;
line-height: 1;
margin: 0;
position: relative;
top: 7px;
}
.senior-staff-item p,
.volunteer-staff-item p {
display: block;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
color: #010101;
line-height: 1.5;
clear: both;
margin: 0 0 27px 0;
}
.ss-bottom-box {
border-top: 1px solid #eee;
padding: 10px 0 0 0;
}
.ss-bottom-box a {
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
color: #010101;
}
.ss-bottom-box a:hover {
color: #0D9A65;
}
.ss-bottom-content {
padding: 40px 0 0 0;
}
.ss-bottom-content p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.75;
color: #010101;
}
.ss-bottom-content a {
color: #0D9A65;
}
.ss-bottom-content a:hover {
text-decoration: underline;
}
.ss-modal-content {
display: table;
width: 100%;
}
.ss-modal-content .ss-info {
display: table-cell;
width: 65%;
vertical-align: top;
padding-top: 10px;
}
.ss-modal-content .ss-additional-photo {
display: table-cell;
width: 50%;
vertical-align: top;
padding-left: 30px;
text-align: center;
}
.ss-modal-content h4 {
font-family: "Roboto", sans-serif;
font-size: 32px;
font-weight: 500;
color: #010101;
line-height: 1;
margin: 0 0 10px 0;
}
.ss-modal-content h6 {
font-family: "Roboto", sans-serif;
font-size: 19px;
font-weight: 500;
color: #786F68;
margin: 0 0 30px;
}
.ss-modal-content p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
font-style: italic;
color: #786F68;
margin: 0 0 30px;
}
.ss-modal-content .ss-contact {
margin: 0 0 3px 0;
font-style: normal;
}
.ss-modal-content .ss-contact a {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #0D9A65;
}
.ss-modal-content .ss-contact a:hover {
text-decoration: underline;
}
section#board-of-directors {
background-color: #fff;
padding: 85px 0 55px 0;
}
.board-content h3 {
font-family: "Roboto", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 1.2;
color: #000;
margin: 0 0 10px 0;
position: relative;
left: -2px;
}
.board-content h6 {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
color: #000;
margin: 0 0 10px 0;
}
.board-content table {
width: 100%;
border: none;
}
.board-content table {
margin: 0;
}
.board-table-wrap {
height: 676px;
margin-top: 5px;
}
.board-content table tbody tr:nth-child( even ) {
background-color: #EFEFEF;
}
.board-content table tbody tr:last-of-type:nth-child( odd ) {
border-bottom: 1px solid #EFEFEF;
}
.board-content table thead {
border-bottom: 1px solid #ccc;
}
.board-content table thead td {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
padding: 20px 15px;
color: #000;
}
.board-content table tbody td {
font-family: "Roboto", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
padding: 20px 15px;
color: #000;
}
.board-content table thead td:first-of-type,
.board-content table tbody td:first-of-type {
min-width: 160px;
}
.tbody-box {
position: relative;
}
.tbody-box:before {
content: "";
width: 1px;
height: 100%;
background-color: #9e0c0f;
}
.bod-bottom-content {
padding: 30px 0 0 0;
}
.bod-bottom-content p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.75;
color: #010101;
}
section#bod-contact-info {
background-color: #EFEFEF;
padding: 85px 0;
}
section#bod-contact-info h3 {
font-family: "Roboto", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 1.2;
color: #000;
margin: 0 0 10px 0;
}
section#bod-contact-info h3 > span.text {
position: relative;
left: -2px;
}
.contact-center {
border-right: 1px solid #ccc;
margin-right: 50px;
padding: 25px 0;
}
.contact-center h4,
.contact-person h4 {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 5px 0;
}
.contact-center p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
color: #383838;
margin: 0;
}
.contact-center h4 i {
display: inline-block;
margin-right: 5px;
}
.contact-person {
padding: 25px 0;
}
.contact-person h6 {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: #383838;
margin: 0 0 5px 0;
}
.contact-person a {
font-family: "Roboto", sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 1.2;
color: #000;
display: inline-block;
vertical-align: middle;
margin: 5px 0;
transition: color .15s linear;
}
.contact-person a i {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.contact-person a:hover {
color: #0D9A65;
transition: color .15s linear;
}
section#search-staff,
section.search-staff {
padding: 85px 0;
}
section#search-staff h3,
section.search-staff h3 {
font-family: "Roboto", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 1.2;
color: #000;
margin: 0 0 20px 0;
position: relative;
left: -2px;
}
section#search-staff table,
section.search-staff table {
width: 100%;
border: none;
margin: 0;
}
section#search-staff table tbody tr:nth-child( even ),
section.search-staff table tbody tr:nth-child( even ) {
background-color: #EFEFEF;
}
section#search-staff table tbody td.no-results,
section.search-staff table tbody td.no-results {
border-bottom: 1px solid #ccc;
text-align: center;
font-size: 18px;
color: #dc6060;
}
section#search-staff table thead,
section.search-staff table thead {
border-bottom: 1px solid #ccc;
}
section#search-staff table thead td,
section.search-staff table thead td {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
padding: 20px 15px;
color: #000;
}
section#search-staff table tr > td:nth-child( 1 ),
section.search-staff table tr > td:nth-child( 1 ) {
width: 25%;
}
section#search-staff table tr > td:nth-child( 2 ),
section.search-staff table tr > td:nth-child( 2 ) {
width: 35%;
}
section#search-staff table tr > td:nth-child( 3 ),
section.search-staff table tr > td:nth-child( 3 ) {
width: 24%;
}
section#search-staff table tr > td:nth-child( 4 ),
section.search-staff table tr > td:nth-child( 4 ) {
width: 16%;
}
section#search-staff table tbody td,
section.search-staff table tbody td {
padding: 20px 15px;
}
section#search-staff table tbody td,
section.search-staff table tbody td,
section#search-staff table tbody td a,
section.search-staff table tbody td a {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
color: #000;
}
section#search-staff table tbody td a:hover,
section.search-staff table tbody td a:hover {
text-decoration: underline;
}
.pagination-wrap {
text-align: center;
}
.em-pagination {
display: block;
width: 100%;
text-align: center;
}
.pagination-wrap ul.pagination {
margin: 0;
min-height: 0;
display: block;
line-height: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.pagination-wrap .pagination li {
float: none;
display: inline-block;
line-height: 0;
height: auto;
margin-left: 0;
padding: 10px 0;
}
.pagination-wrap .pagination li a,
.pagination-wrap .pagination li span,
.em-pagination a.page-numbers,
.em-pagination strong {
padding: 0;
display: inline-block;
width: 26px;
height: 26px;
border-radius: 50%;
overflow: hidden;
font-family: "Roboto", sans-serif;
font-size: 13px;
line-height: 26px;
color: #a7a7a7;
transition: all .15s linear;
}
.em-pagination strong > span {
display: block;
width: inherit;
height: inherit;
}
.em-pagination a.page-numbers,
.em-pagination strong {
float: none;
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
font-weight: 500;
font-size: 15px;
margin: 4px 1px;
}
.pagination-wrap .pagination li span.current,
.pagination-wrap .pagination li a:hover,
.em-pagination strong > span.page-numbers.current,
.em-pagination a.page-numbers:hover {
background-color: #0D9A65;
color: #fff;
transition: all .15s linear;
}
.staff-search-box,
.x-documents-search-box {
display: inline-block;
width: 575px;
float: right;
}
.staff-search-box .form,
.x-documents-search-box .form {
position: relative;
}
.staff-search-box .form select,
.x-documents-search-box .form select {
width: 45%;
float: left;
height: 50px;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
color: #101010;
border-radius: 5px 0 0 5px;
padding: 5px 20px 5px 12px;
outline: none !important;
margin: 0;
}
.staff-search-box .form input[type="text"],
.x-documents-search-box .form input[type="text"] {
width: 45%;
float: right;
height: 50px;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
color: #101010;
border-right: none;
padding: 5px 12px;
border-radius: 5px 0 0 5px;
margin: 0;
}
.staff-search-box .form select + button + input[type="text"],
.x-documents-search-box .form select + button + input[type="text"] {
border-left: none;
border-radius: 0;
}
.staff-search-box .form button,
.x-documents-search-box .form button {
width: 10%;
float: right;
height: 50px;
padding: 5px;
background-color: #fafafa;
border: 1px solid #ccc;
color: #101010;
border-radius: 0 5px 5px 0;
transition: all .15s linear;
margin: 0;
outline: none !important;
}
.staff-search-box .form button:hover,
.x-documents-search-box .form button:hover {
cursor: default;
}
#staff-load-more {
display: inline-block;
background-color: #fafafa;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
color: #565656;
padding: 13px 30px;
border: 1px solid #cccccc;
border-radius: 3px;
margin: 25px 0 0 0;
transition: all .2s linear;
outline: none !important;
}
#staff-load-more i {
margin-left: 4px;
position: relative;
top: 2px;
font-size: 19px;
}
#staff-load-more:not(.disabled):hover {
background-color: #343434;
border: 1px solid #343434;
color: #fff;
transition: all .2s linear;
}
#staff-load-more.disabled {
opacity: 0.5;
background-color: #efefef;
}
.staff-table-wrap {
display: block;
max-height: 472px;
margin: 5px 0 10px 0;
}
body .mCSB_inside > .mCSB_container {
margin-right: 10px;
}
body .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
body .mCSB_scrollTools {
right: -6px;
}
body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #0e9a65 !important;
}
body .mCSB_scrollTools .mCSB_draggerRail {
background-color: #ccc;
}
.staff-table-wrap:after {
display: none;
background: url(../images/ajax-loader.gif) center no-repeat;
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 35px;
bottom: 18px;
}
.staff-table-wrap.loading:after {
display: block;
}
.table-head-wrap {
padding-right: 10px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Work With Us
--------------------------------------------------------------------------------------------------------------------- */
.work-with-us-img {
width: 100%;
margin-bottom: 55px;
}
#page-content.content-work-with-us {
padding: 65px 0 35px 0;
}
#page-content.content-work-with-us p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.7;
text-align: justify;
}
#page-content.content-work-with-us .columns:nth-child( 2 ) p:first-of-type::first-letter {
font-weight: 500;
font-size: 80px;
display: inline-block;
float: left;
line-height: 0.8;
margin: 0 10px 0 0;
padding-top: 4px;
}
.wwu-title {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0 0 30px 0;
}
.wwu-subtitle {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
color: #000;
line-height: 1.5;
margin: 0 0 50px 0;
}
.wwu-counter {
margin: 30px 0;
}
.wwu-counter h4 {
font-family: "Roboto", sans-serif;
font-size: 34px;
font-weight: 500;
color: #000;
line-height: 1.2;
margin: 0 0 20px 0;
}
.wwu-counter p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
color: #000;
line-height: 1.4;
margin: 0;
}
#our-team-section .btn-transparent-black {
font-size: 17px;
padding: 10px 22px;
margin: 40px 0 85px;
}
.our-team-board {
padding-top: 50px;
}
.wwu-team-member {
width: 33%;
float: left;
padding: 15px;
margin-bottom: 40px;
}
.wwu-team-member img {
border-radius: 50%;
margin: 0 0 20px 0;
}
.wwu-team-member h4 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 500;
color: #119B68;
line-height: 1.2;
margin: 0 0 5px 0;
}
.wwu-team-member h6 {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0;
}
.bfc-divider.bfc-divider-wwu {
margin-bottom: 65px;
}
#how-to-apply {
background-color: #f0f0f0;
padding: 85px 0 65px;
}
#how-to-apply h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #000;
line-height: 1.2;
text-align: center;
margin: 0 0 60px 0;
}
#how-to-apply p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #000;
line-height: 1.75;
}
#how-to-apply .how-to-apply-content-1 {
margin-bottom: 10px;
}
#how-to-apply .how-to-apply-content-1 > p:first-of-type::first-letter {
font-weight: 500;
font-size: 90px;
display: inline-block;
float: left;
line-height: 0.8;
margin: 0 10px 0 0;
padding-top: 10px;
}
#how-to-apply .post-video {
padding-top: 10px;
margin-bottom: 35px;
}
#how-to-apply .post-video img {
width: 100%;
}
#career-opportunities,
#volunteer-opportunities {
padding: 85px 0 90px;
}
section.page-builder-opportunities {
padding: 65px 0 70px;
}
#career-opportunities h2,
#volunteer-opportunities h2,
section.page-builder-opportunities h2,
#volunteer-documents h2,
section.x-documents h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #000;
line-height: 1.2;
margin: 0 0 35px 0;
}
#career-opportunities h2 img,
section.page-builder-opportunities h2 img,
#volunteer-opportunities h2 img {
height: 70px;
margin-right: 10px;
}
#career-opportunities p,
#volunteer-opportunities p,
section.page-builder-opportunities p,
#volunteer-documents p,
section.x-documents p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0 0 25px 0;
}
#career-opportunities .vacancy-list.faq-list,
section.page-builder-opportunities .vacancy-list.faq-list,
#volunteer-opportunities .vacancy-list.faq-list {
max-width: 100%;
margin: 50px 0 0;
}
#career-opportunities .vacancy-list .faq-item .answer,
section.page-builder-opportunities .vacancy-list .faq-item .answer,
#volunteer-opportunities .vacancy-list .faq-item .answer {
background-color: #eeeff0;
display: none;
border: none;
padding: 30px 30px 10px 30px;
border-radius: 0;
}
#career-opportunities .vacancy-list .answer a.btn,
section.page-builder-opportunities .vacancy-list .answer a.btn,
#volunteer-opportunities .vacancy-list .answer a.btn {
font-size: 13px;
color: #fff;
margin: 0 10px 20px 0;
text-decoration: none;
}
#career-opportunities .vacancy-list .answer p,
section.page-builder-opportunities .vacancy-list .answer p,
#volunteer-opportunities .vacancy-list .answer p {
margin-bottom: 20px;
}
#career-opportunities .vacancy-list .answer .buttons-set,
section.page-builder-opportunities .vacancy-list .answer .buttons-set,
#volunteer-opportunities .vacancy-list .answer .buttons-set {
margin-top: 30px;
}
#career-opportunities .btn-share,
section.page-builder-opportunities .btn-share,
#volunteer-opportunities .btn-share {
position: relative;
display: inline-block;
background-color: #f9b62f;
color: #fff;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
margin: 0 10px 0 0;
min-width: 180px;
text-align: center;
transition: all .2s linear;
outline: none !important;
padding: 9px 20px;
border: none;
border-radius: 3px;
cursor: pointer;
}
#career-opportunities .btn-share:hover,
#career-opportunities .btn-share.opened,
section.page-builder-opportunities .btn-share:hover,
section.page-builder-opportunities .btn-share.opened,
#volunteer-opportunities .btn-share:hover,
#volunteer-opportunities .btn-share.opened {
background-color: #383531;
color: #fff;
transition: all .2s linear;
}
#career-opportunities .share-box,
section.page-builder-opportunities .share-box,
#volunteer-opportunities .share-box {
display: none;
position: absolute;
top: 0;
left: 50%;
transform: translate( -50%, -100% );
-webkit-transform: translate( -50%, -100% );
-moz-transform: translate( -50%, -100% );
-ms-transform: translate( -50%, -100% );
-o-transform: translate( -50%, -100% );
width: 100%;
z-index: 1000;
}
#career-opportunities .share-box .share-links-wrap a,
section.page-builder-opportunities .share-box .share-links-wrap a,
#volunteer-opportunities .share-box .share-links-wrap a {
display: inline-block;
min-width: 0;
padding: 0;
width: 22px;
height: 22px;
line-height: 22px;
background-color: transparent;
color: #fff;
font-size: 16px;
margin: 10px 5px;
transition: all .2s linear;
}
#career-opportunities .share-box .share-links-wrap a:hover,
section.page-builder-opportunities .share-box .share-links-wrap a:hover,
#volunteer-opportunities .share-box .share-links-wrap a:hover {
transition: all .2s linear;
}
#career-opportunities .share-links-wrap,
section.page-builder-opportunities .share-links-wrap,
#volunteer-opportunities .share-links-wrap {
position: relative;
margin-bottom: 7px;
color: #fff;
background-color: #383531;
border-radius: 5px;
}
#career-opportunities .share-links-wrap:after,
section.page-builder-opportunities .share-links-wrap:after,
#volunteer-opportunities .share-links-wrap:after {
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #383531;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
}
#apply-now.reveal-modal {
max-width: 620px;
}
body .apply-now-form .gform_wrapper .top_label .upload-file .gfield_label .gfield_required {
display: none;
}
body .apply-now-form .gform_wrapper ul.gform_fields li.gfield.half-left {
width: 60%;
float: left;
clear: left;
padding-right: 15px;
}
body .apply-now-form .gform_wrapper ul.gform_fields li.gfield.half-right {
width: 40%;
float: right;
clear: right;
padding-left: 0;
}
body .apply-now-form .gform_wrapper .top_label .upload-file .gfield_label {
position: relative;
display: block;
background-color: #353535 !important;
color: #fff !important;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
text-align: center;
line-height: 46px;
height: 46px;
margin-bottom: 2px;
padding: 0 30px;
border-radius: 3px;
transition: all .2s linear;
}
body .apply-now-form .gform_wrapper .top_label .upload-file .gfield_label:after {
font-family: "FontAwesome", sans-serif;
color: #545454;
content: "\f00c";
display: inline-block;
right: 15px;
position: absolute;
}
body .apply-now-form .gform_wrapper .top_label .upload-file .gfield_label.uploaded:after {
color: #19b14a;
}
body .apply-now-form .gform_wrapper .top_label .upload-file div.ginput_container {
display: none;
}
body .apply-now-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
body .apply-now-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
body .apply-now-form .gform_wrapper {
margin: 0;
}
body .apply-now-form .gform_wrapper h3.gform_title,
body .apply-now-form h3.title {
letter-spacing: normal!important;
margin: 0 0 6px;
font-family: "Roboto", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.4;
}
body .apply-now-form h3.title {
margin-bottom: 18px;
}
body .gform_wrapper span.gform_description:empty {
display: none;
}
.form-divider {
position: relative;
display: block;
height: 52px;
line-height: 52px;
width: 100%;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 12px;
font-style: italic;
text-transform: uppercase;
text-align: center;
}
.form-divider:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: #ccc;
}
.form-divider span {
display: inline-block;
position: relative;
z-index: 200;
padding: 0 10px;
background-color: #fff;
}
#career-opportunities .vacancy-list .answer a.btn.apply-now-career,
section.page-builder-opportunities .vacancy-list .answer a.btn.apply-now-career,
#volunteer-opportunities .vacancy-list .answer a.btn.apply-now-career {
float: right;
margin-left: 10px;
margin-right: 0;
}
section.page-builder-opportunities .vacancy-list .answer a.btn.apply-now-career,
section.page-builder-opportunities .vacancy-list .answer .btn-share {
margin-bottom: 20px;
}
#career-opportunities .faq-item:last-of-type,
section.page-builder-opportunities .faq-item:last-of-type,
#volunteer-opportunities .faq-item:last-of-type {
margin-bottom: 0;
}
#career-opportunities .vacancy-list .answer a.btn.apply-now-career .fa,
section.page-builder-opportunities .vacancy-list .answer a.btn.apply-now-career .fa,
#volunteer-opportunities .vacancy-list .answer a.btn.apply-now-career .fa {
margin-right: 5px;
position: relative;
top: 1px;
transition: color .2s linear;
}
a.btn:hover .fa.fa-heart {
color: #e6001a !important;
transition: color .2s linear;
}
#masthead .masthead-content h1 .btn.btn-transparent {
font-size: 18px;
border: 1px solid #fff;
padding: 10px 30px;
float: right;
position: relative;
top: 4px;
}
#internship-opportunities {
padding-top: 75px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Contact Us
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-contact-us {
padding: 100px 0 45px 0;
}
.divider {
background-color: #DFDFDF;
width: 100%;
height: 1px;
margin: 45px 0 30px 0;
}
section#contact-info {
margin-bottom: 50px;
}
section#contact-info .contact-center {
border-right: 1px solid #DFDFDF;
margin-bottom: 30px;
}
#page-content.content-contact-us p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: #010101;
}
.acf-map {
width: 100%;
height: 450px;
margin: 0;
}
.acf-map img {
max-width: inherit !important;
}
section#contact-us-map {
position: relative;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(1);
-webkit-filter: grayscale(1);
transition: all 1s linear;
}
section#contact-us-map:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0);
-webkit-filter: grayscale(0);
transition: all 2s linear;
}
.search-directions-wrap {
position: absolute;
width: 100%;
max-width: 1140px;
margin: 0 auto;
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% );
}
.search-directions-box {
position: absolute;
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% );
width: 49%;
max-width: 780px;
padding: 0 15px;
}
.search-directions-box:nth-child( 1 ) {
left: 0;
}
.search-directions-box:nth-child( 2 ) {
right: 0;
}
.search-directions-box input {
background-color: rgba(255, 255, 255, 0.95);
font-size: 12px;
border: none;
height: 60px;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
padding: 5px 60px;
margin: 0;
}
.search-directions-box .search {
position: absolute;
top: 50%;
left: 38px;
font-size: 20px;
color: #9a9a9a;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.search-directions-box .close {
position: absolute;
top: 50%;
right: 38px;
font-size: 20px;
color: #9a9a9a;
-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: color .2s linear;
}
.search-directions-box .close:hover {
cursor: pointer;
color: #da0004;
transition: color .2s linear;
}
.search-directions-box ::-webkit-input-placeholder { color: #bababa; }
.search-directions-box ::-moz-placeholder { color: #bababa; }
.search-directions-box ::-o-placeholder { color: #bababa; }
.search-directions-box :-ms-input-placeholder { color: #bababa; }
.search-directions-box input:-moz-placeholder { color: #bababa; }
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Services
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-services {
padding-bottom: 20px;
}
#page-content.content-services h3,
#faq.content-services h3 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0 0 25px 0;
}
#page-content.content-services p,
#faq.content-services p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.6;
margin: 0 0 25px 0;
}
.services-list {
margin-bottom: 30px;
}
.services-list .service-item {
background-color: #fff;
display: table;
width: 100%;
min-height: 185px;
}
.services-list .service-item:nth-child( even ) {
background-color: #efefef;
}
.services-list .service-item > div {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
.services-list .service-item > div.icon {
width: 22%;
text-align: center;
}
.services-list .service-item > div.button-box {
width: 30%;
text-align: center;
}
.services-list .service-item > div.button-box .btn {
min-width: 225px;
}
.services-list .service-item h4 {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 400;
color: #000;
}
.services-list .service-item p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
}
.services-list .service-item p:last-of-type {
margin-bottom: 0;
}
.bfc-divider {
position: relative;
height: 110px;
margin-bottom: 55px;
}
.bfc-divider:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #e5e5e5;
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% );
}
.bfc-divider:after {
content: "";
display: block;
width: 96px;
height: 96px;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 50%;
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% );
}
.bfc-divider img {
width: 40px;
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: 500;
}
.faq-item,
.expert-item {
margin-bottom: 7px;
}
.faq-item:last-of-type {
margin-bottom: 50px;
}
.faq-item .question {
display: block;
width: 100%;
padding: 16px 16px 16px 50px;
background: #FFF;
font-family: "Roboto", sans-serif;
font-size: 18px;
color: #333;
line-height: 1.2;
margin: 0;
position: relative;
cursor: pointer;
border: 1px solid #e5e5e5;
transition: border .2s ease, background .2s ease;
}
.faq-item .question:hover {
background: #0e9a65;
border: 1px solid #0e9a65;
color: #fff;
transition: border .2s ease, background .2s ease;
}
.faq-item .question.extended {
background: #333;
border: 1px solid #333;
color: #fff;
transition: border .2s ease, background .2s ease;
}
.faq-item .question:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 20px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f138";
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
position: absolute;
top: 16px;
left: 18px;
transition: all .15s ease;
}
.faq-item .question.extended:before {
transform: rotate( 90deg );
-webkit-transform: rotate( 90deg );
-moz-transform: rotate( 90deg );
-ms-transform: rotate( 90deg );
-o-transform: rotate( 90deg );
transition: all .15s ease;
}
.faq-item .answer {
display: none;
border: 2px solid #333;
border-top: none;
padding: 30px 30px 10px 30px;
border-radius: 0 0 7px 7px;
}
.faq-item .answer p,
.faq-item .answer li {
font-family: "Roboto", sans-serif;
font-size: 14px;
color: #000;
line-height: 1.4;
margin-bottom: 15px;
}
.faq-item .answer ul,
.faq-item .answer ol {
margin-left: 28px;
}
.faq-item .answer li {
padding-left: 5px;
margin-bottom: 15px;
}
.faq-item .answer a,
.expert-item .content a {
color: #0D9A65;
}
.faq-item .answer a:hover {
color: #0D9A65;
text-decoration: underline;
}
.faq-list {
max-width: 940px;
margin: 60px auto 90px auto;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Our Mission
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-our-mission {
padding: 90px 0 85px 0;
}
#page-content.content-our-mission h3 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0 0 25px 0;
}
#page-content.content-our-mission p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.6;
margin: 0 0 25px 0;
}
#page-content.content-our-mission strong {
font-weight: 500;
}
#page-content.content-our-mission strong a {
font-weight: 600;
}
#page-content.content-our-mission a {
color: #0e9a65;
}
#page-content.content-our-mission a:hover {
text-decoration: underline;
}
section#mission-features {
background-color: #efefef;
padding: 60px 0 10px 0;
}
section#mission-features .features-item {
display: inline-block;
margin-bottom: 50px;
}
section#mission-features .features-item p {
margin-bottom: 0;
}
section#mission-features .features-item img {
margin-bottom: 30px;
opacity: 0.9;
transition: opacity .2s linear;
}
section#mission-features .features-item:hover img {
opacity: 1;
transition: opacity .2s linear;
}
section#mission-features .features-item h4 {
font-family: "Roboto", sans-serif;
font-size: 20px;
text-align: left;
margin-bottom: 15px;
}
section#mission-features .features-item p {
text-align: left;
margin-bottom: 0;
}
section#strategic-plan {
padding: 100px 0 100px 0;
}
section#strategic-plan h3.title {
text-align: center;
}
section#strategic-plan h3 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0 0 25px 0;
}
section#strategic-plan .df-subtitle {
margin-bottom: 50px;
}
section#strategic-plan .df-subtitle p {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 400;
color: #667;
line-height: 1.2;
}
section#strategic-plan .df-subtitle a {
color: #0e9a65;
text-decoration: underline;
}
section#strategic-plan .df-subtitle a:hover {
color: #0f7145;
}
section#strategic-plan .df-file-description {
margin-bottom: 33px;
}
section#strategic-plan .df-file-description p {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 400;
color: #000;
line-height: 1.2;
}
section#strategic-plan .df-file-description a {
color: #000;
text-decoration: underline;
}
section#strategic-plan .df-file-description a:hover {
color: #0e9a65;
text-decoration: underline;
}
section#strategic-plan .df-file-description i.fa {
font-size: 52px;
margin-bottom: 30px;
}
section#strategic-plan .df-file-download-box {
text-align: center;
}
section#strategic-plan .df-file-download-box .btn-green {
position: relative;
font-size: 20px;
padding: 8px 30px 18px 30px;
}
section#strategic-plan .df-file-download-box .btn-green .file-size {
font-size: 9px;
color: #93e2c3;
position: absolute;
bottom: 8px;
left: 50%;
-moz-transform: translate( -50%, 0 );
-webkit-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
.about-us-video {
width: 58%;
height: 365px;
margin: 30px auto 25px;
border: none;
display: block;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL & CPT: Newsletter
TMPL & CPT: Financial Statements
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-newsletter,
#page-content.content-financial-statements {
background-color: #f0f0f0;
padding: 65px 0 85px 0;
}
.white-content-box {
background-color: #fff;
padding: 45px 40px 35px 40px;
}
#page-content.content-newsletter h3,
#page-content.content-financial-statements h3 {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 600;
color: #010101;
line-height: 1.2;
margin: 0 0 15px 0;
}
#page-content.content-newsletter p,
#page-content.content-financial-statements p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #010101;
line-height: 1.75;
margin: 0 0 20px 0;
}
#page-content.content-newsletter .white-content-box > p:first-of-type::first-letter,
#page-content.content-financial-statements .white-content-box > p:first-of-type::first-letter {
font-weight: 500;
font-size: 90px;
display: inline-block;
float: left;
line-height: 0.8;
margin: 0 10px 0 0;
padding-top: 10px;
}
.adobe-reader-requirements,
section.x-documents .adobe-reader-requirements p {
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
color: #909090;
line-height: 1.75;
margin: 0;
}
.adobe-reader-requirements a {
color: #46b189;
text-decoration: underline;
}
.adobe-reader-requirements a:hover {
color: #05774c;
}
.attached-newsletter-item {
width: 49.5%;
float: none;
margin-bottom: 30px;
display: inline-block;
}
.attached-newsletter-item:first-of-type {
padding-right: 15px;
}
.attached-newsletter-item:last-of-type {
padding-left: 15px;
}
.attached-newsletters {
padding: 20px 0 0 0;
text-align: center;
}
.attached-newsletter-item img {
margin-bottom: 25px;
}
.attached-newsletter-item .time {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #b5b5b5;
margin-bottom: 15px;
}
.attached-newsletter-item .time i {
margin: 0 3px 0 4px;
}
.attached-newsletter-item h4 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 500;
color: #010101;
margin-bottom: 15px;
}
#page-content.content-newsletter .attached-newsletter-item p {
text-align: justify;
margin-bottom: 25px;
}
.attached-newsletter-item .btn {
width: 100%;
text-align: center;
}
.white-content-box .bfc-divider {
margin-bottom: 25px;
}
.white-content-box .bfc-divider img {
width: 32px;
}
.white-content-box .bfc-divider:after {
width: 76px;
height: 76px;
}
#page-content.content-newsletter h3.newsletter-archive-title,
#page-content.content-newsletter h3.financial-statements-archive-title {
position: relative;
margin-bottom: 35px;
}
.newsletter-archive,
.financial-statements-archive,
.volunteer-documents-archive,
.x-documents-archive {
max-height: 500px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 32px;
padding: 5px 0;
overflow: hidden;
overflow-y: auto;
position: relative;
}
#newsletter-archive-table,
#financial-statements-archive-table,
#volunteer-documents-table,
#x-documents-table,
.x-documents-table {
width: 100%;
border: none;
margin-bottom: 0;
}
#newsletter-archive-table tr,
#financial-statements-archive-table tr,
#volunteer-documents-table tr,
#x-documents-table tr,
.x-documents-table tr {
border-bottom: 1px solid #e8e8e8;
}
#newsletter-archive-table tr:last-of-type,
#financial-statements-archive-table tr:last-of-type,
#volunteer-documents-table tr:last-of-type,
#x-documents-table tr:last-of-type,
.x-documents-table {
border-bottom: none;
}
#newsletter-archive-table td,
#financial-statements-archive-table td,
#volunteer-documents-table td,
#x-documents-table td,
.x-documents-table td,
#x-documents-table td.td-description p,
.x-documents-table td.td-description p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #382720;
line-height: 1.2;
padding: 15px 15px;
vertical-align: middle;
}
#x-documents-table td.td-description p,
.x-documents-table td.td-description p {
margin: 0;
padding: 0;
}
#newsletter-archive-table td.td-name,
#financial-statements-archive-table td.td-name,
#volunteer-documents-table td.td-name,
#x-documents-table td.td-name,
.x-documents-table td.td-name {
padding-left: 50px;
position: relative;
}
#volunteer-documents-table td.td-name,
#x-documents-table td.td-name,
.x-documents-table td.td-name {
width: 320px;
}
#volunteer-documents-table td.td-description,
#x-documents-table td.td-description,
.x-documents-table td.td-description,
#x-documents-table td.td-description p,
.x-documents-table td.td-description p {
font-weight: 400;
font-size: 14px;
}
#newsletter-archive-table td.td-name img,
#financial-statements-archive-table td.td-name img,
#volunteer-documents-table td.td-name img,
#x-documents-table td.td-name img,
.x-documents-table td.td-name img {
position: absolute;
left: 10px;
top: 50%;
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
#newsletter-archive-table .td-date,
#financial-statements-archive-table .td-date,
#volunteer-documents-table .td-date,
#x-documents-table .td-date,
.x-documents-table .td-date {
color: #68696a;
width: 200px;
text-align: center;
}
#financial-statements-archive-table .td-button,
#volunteer-documents-table .td-button,
#x-documents-table .td-button,
.x-documents-table .td-button {
width: 180px;
height: 67px;
text-align: right;
}
#newsletter-archive-table .td-button {
width: 200px;
height: 67px;
text-align: right;
}
#newsletter-archive-table .td-button .btn {
width: 100%;
}
.newsletter-archive:after,
.financial-statements-archive:after,
.volunteer-documents-archive:after,
.x-documents-archive:after {
display: none;
background: #fff url("../images/ajax-loader.gif") center no-repeat;
content: "";
width: 26px;
height: 26px;
position: absolute;
right: 8px;
bottom: 12px;
border: 3px solid #fff;
border-radius: 50%;
}
.newsletter-archive.loading:after,
.financial-statements-archive.loading:after,
.volunteer-documents-archive.loading:after,
.x-documents-archive.loading:after {
display: block;
}
.newsletter-search-box,
.financial-statements-search-box {
display: inline-block;
float: right;
}
select#newsletter-year,
select#financial-statements-categories {
position: relative;
width: 185px;
margin: 0;
float: left;
height: 50px;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
color: #101010;
border-radius: 5px;
padding: 5px 20px 5px 12px;
outline: none !important;
}
#page-content.content-newsletter h3 span.text,
#page-content.content-financial-statements h3 span.text {
position: relative;
top: 10px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Success Stories
TMPL: In the News
TMPL: Blog
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-success-stories,
#page-content.content-in-the-news,
#page-content.content-blog {
background-color: #f0f0f0;
padding: 60px 0 30px;
}
#success-stories-archive,
#in-the-news-archive,
#blog-archive {}
.post-item {
background-color: #fff;
margin-bottom: 30px;
}
.post-item .post-image img {
width: 100%;
}
.post-item .small-image-wrap {
padding-top: 35px;
}
.recent-post-item .small-image-wrap {
padding-top: 20px;
}
.post-item .post-data {
padding: 30px 35px 30px 35px;
}
.post-item .post-data .post-title {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 500;
color: #010101;
line-height: 1.2;
margin: 0 0 20px 0;
}
.post-item .post-data a:hover .post-title {
text-decoration: underline;
}
.post-item .post-data .post-description h4 {
font-family: "Roboto", sans-serif;
font-size: 23px;
color: #010101;
line-height: 1.3;
margin: 0 0 25px 0;
}
.post-item .post-data .post-description p,
.post-item .post-data .post-description li {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #010101;
line-height: 1.75;
margin: 0 0 25px 0;
}
.post-item .post-data .post-description a {
font-family: "Roboto", sans-serif;
}
.post-item .post-data .post-description li {
margin: 0 0 15px 0;
}
.post-item .post-data .post-description ul,
.post-item .post-data .post-description ol {
margin-bottom: 25px;
}
.post-item .post-data .post-description > p:first-of-type::first-letter {
font-weight: 500;
font-size: 75px;
display: inline-block;
float: left;
line-height: 0.8;
margin: 0 15px 0 0;
padding-top: 3px;
}
.post-item .post-data .post-description .wp-caption-text {
margin: 15px 15px 5px 15px;
font-size: 12px;
color: #3e3e3e;
font-style: italic;
}
.post-item .post-data .post-description .wp-caption {
margin-bottom: 20px;
}
.post-item .post-data .post-description blockquote {
border-left: 2px solid #0d9a65;
padding: 10px 0 10px 20px;
margin-bottom: 25px;
}
.post-item .post-data .post-description blockquote > p {
margin-bottom: 15px;
}
.post-item .post-data .post-description blockquote > p:last-child {
margin-bottom: 0;
}
.post-item .post-data .post-date {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
font-style: italic;
color: #848484;
margin: 0 0 25px 0;
}
.post-item .post-data .post-date i.fa {
margin-right: 3px;
}
.fancybox-skin {
border-radius: 2px;
}
.fancybox-overlay {
background-image: none;
background-color: rgba(0, 0, 0, 0.9);
}
.post-video {
display: block;
position: relative;
}
.post-video .play-button {
font-size: 64px;
color: #fff;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
position: absolute;
top: 50% !important;
left: 50% !important;
-moz-transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
transition: color .15s linear;
}
.post-video:hover .play-button {
color: #f10004;
transition: color .15s linear;
}
.post-slider {
height: 415px;
}
.post-item .no-results {
padding: 25px;
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #010101;
}
.post-slider .slick-list,
.post-slider .slick-track,
.post-slider .slick-slide {
height: inherit;
}
.post-slider .slick-slide {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.post-slider .slick-slide:before {
background-image: inherit;
background-repeat: inherit;
background-size: inherit;
background-position: inherit;
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 400;
}
.post-slider .slick-slide:after {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 );
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 420;
}
.post-slider .slick-slide .caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: 660px;
padding: 27px;
z-index: 450;
}
.post-slider .slick-slide .caption h5 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 600;
color: #fff;
margin: 0 0 5px 0;
line-height: 1.2;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}
.post-slider .slick-slide .caption p {
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
color: #fff;
line-height: 1.2;
margin: 0;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.post-slider .slick-prev,
.post-slider .slick-next {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
position: absolute;
top: 50%;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 500;
font-size: 36px;
color: #fff;
text-align: center;
opacity: 0.75;
transition: all .2s linear;
}
.post-slider .slick-prev {
left: 24px;
}
.post-slider .slick-next {
right: 24px;
}
.post-slider .slick-prev:hover,
.post-slider .slick-next:hover {
cursor: pointer;
opacity: 1;
transition: all .2s linear;
}
.sidebar-sign-up h4 {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 500;
color: #010101;
line-height: 1.2;
margin: 0 0 20px 0;
position: relative;
}
.sidebar-sign-up h4 span {
float: right;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #6c6c6c;
text-decoration: underline;
line-height: 1.2;
margin: 0;
position: relative;
top: 7px;
}
.sidebar-sign-up .sign-up-box {
background-color: #3b3b3b;
padding: 32px 30px;
margin-bottom: 40px;
}
.sidebar-sign-up .sign-up-box .btn {
width: 100%;
font-size: 18px;
}
.recent-post-item {
background-color: #fff;
margin-bottom: 25px;
}
.recent-post-item .post-data {
padding: 21px 25px 22px 25px;
}
.recent-post-item .post-date {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
color: #ababac;
line-height: 1.2;
margin: 0 0 10px 0;
}
.recent-post-item .post-title {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 500;
color: #010101;
line-height: 1.2;
margin: 0 0 10px 0;
}
.recent-post-item .post-title:hover {
text-decoration: underline;
}
.recent-post-item .post-description {
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
color: #787878;
line-height: 1.75;
margin: 0;
}
.sidebar-recent-posts h4,
.sidebar-categories h4 {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 500;
color: #010101;
line-height: 1.2;
margin: 0 0 20px 0;
position: relative;
}
.sidebar-categories {
margin-bottom: 40px;
}
.sidebar-categories .category-item-back {
background-color: #3b3b3b;
display: block;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
padding: 20px 29px 17px 28px;
transition: background-color .2s linear;
}
.sidebar-categories .category-item-back .fa {
margin-right: 7px;
}
.sidebar-categories .category-item-back:hover {
background-color: #000;
transition: background-color .2s linear;
}
.sidebar-categories a.category-item {
display: inline-block;
width: 100%;
border-bottom: 1px solid #e7e7e7;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #27282d;
padding: 11px 5px;
position: relative;
}
.sidebar-categories a.category-item:hover {
color: #0e9a65;
}
.sidebar-categories a.category-item:last-of-type {
border-bottom: none;
}
.sidebar-categories .categories-wrap {
background-color: #fff;
padding: 20px 25px;
}
.sidebar-categories .category-count {
display: inline-block;
float: right;
position: relative;
padding: 6px 5px;
border-radius: 15px;
color: #fff;
background-color: #139c68;
width: 46px;
line-height: 1;
text-align: center;
font-size: 15px;
transition: all .2s linear;
}
.sidebar-categories a.category-item:hover .category-count {
background-color: #176d5a;
transition: all .2s linear;
}
.pagination-blog {
text-align: center;
background-color: #f0f0f0;
}
.pagination-blog ul.pagination {
margin: 0;
min-height: 0;
display: block;
line-height: 0;
border-top: none;
border-bottom: none;
}
.pagination-blog .pagination li a,
.pagination-blog .pagination li span {
width: 32px;
height: 32px;
font-weight: 500;
font-size: 15px;
line-height: 32px;
}
.pagination-blog .pagination li {
float: none;
display: inline-block;
line-height: 0;
height: auto;
margin-left: 0;
padding: 25px 0;
}
.post-date-bottom {
padding: 30px 0 0 0;
position: relative;
border-top: 1px solid #e8e8e8;
margin-top: 50px;
clear: both;
}
.share-box {
display: inline-block;
}
.share-box .text,
.post-date-bottom .read-more,
.post-date-bottom .leave-comment {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #010101;
}
.post-date-bottom .btn-green.read-more {
font-size: 13px;
color: #fff;
position: relative;
top: -7px;
}
.post-date-bottom .btn-green.read-more .fa {
position: relative;
top: 1px;
padding-left: 3px;
}
.post-date-bottom .btn-green.read-more:hover {
color: #fff;
}
.post-date-bottom .leave-comment {
float: right;
position: relative;
top: 1px;
}
.post-date-bottom .leave-comment:hover {
color: #139c68;
}
.post-date-bottom .leave-comment .fa {
margin-right: 3px;
font-size: 20px;
}
.post-date-bottom .read-more {
display: inline-block;
float: right;
position: relative;
top: 2px;
}
.post-date-bottom .read-more:hover {
color: #139c68;
}
.share-box a {
display: inline-block;
font-size: 14px;
color: #fff;
background-color: #d6d6d6;
width: 22px;
height: 22px;
line-height: 22px;
margin: 0 1px;
text-align: center;
border-radius: 5px;
transition: background-color .2s linear;
}
.share-box a:hover { transition: background-color .2s linear; }
.share-box a.share-fb:hover { background-color: #3b5998 !important; }
.share-box a.share-tw:hover { background-color: #00aced !important; }
.share-box a.share-gp:hover { background-color: #dd4b39 !important; }
.share-box a.share-ln:hover { background-color: #0177B5 !important; }
.share-box a.mailto:hover { background-color: #e6c400 !important; }
.sidebar-recent-posts .post-item .no-results {
background-color: #fff;
}
.manager-box {
background-color: #fff;
padding: 20px 35px 45px 35px;
margin-bottom: 30px;
}
.manager-box .top-info {
text-align: center;
border-bottom: 1px solid #e5e5e5;
padding: 20px 0 27px 0;
margin-bottom: 27px;
}
.manager-box .top-info .fa {
font-size: 28px;
color: #292929;
margin: 0 0 25px 0;
}
.manager-box .top-info .name {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
color: #292929;
margin: 0 0 3px 0;
}
.manager-box .top-info .subtitle {
font-family: "Roboto", sans-serif;
font-size: 13.5px;
color: #919191;
margin: 0;
}
.bottom-info {
text-align: center;
}
.bottom-info > div {
display: inline-block;
vertical-align: middle;
}
.bottom-info .divider {
background-color: transparent;
width: 42px;
height: 42px;
line-height: 38px;
border: 2px solid #ccc;
color: #292929;
border-radius: 50%;
text-align: center;
padding: 0;
margin: 0 30px;
}
.bottom-info > div p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #666;
margin: 0 0 8px 0;
}
.bottom-info .phone-box {
padding-left: 45px;
}
.bottom-info .phone-box a {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 1.2;
color: #292929;
margin: 0;
}
.bottom-info .email-box a {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
color: #292929;
margin: 0;
}
.bottom-info > div a:hover {
text-decoration: underline;
}
.archive-page-content {
background-color: #fff;
padding: 40px 35px 20px 35px;
margin-bottom: 30px;
}
.archive-page-content p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #292929;
margin: 0 0 25px 0;
}
.archive-page-content p:first-of-type::first-letter {
font-weight: 500;
font-size: 90px;
display: inline-block;
float: left;
line-height: 0.8;
margin: 0 15px 0 0;
padding-top: 3px;
}
.archive-page-content p:last-child {
margin: 0 0 15px 0;
}
.single-post .post-date-bottom {
padding: 15px 0 15px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.post-in-cat {
font-weight: 600;
display: inline-block;
position: relative;
}
.post-in-cat:after {
content: ", ";
}
.post-in-cat:last-child:after {
content: "";
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Smart Page Builder
--------------------------------------------------------------------------------------------------------------------- */
.staff-search-box.for-services .form select {
visibility: hidden;
}
.staff-search-box.for-services .form input[type="text"] {
border-left: 1px solid #cecece;
}
section.x-documents {
padding: 90px 0;
}
.services-upcoming-events .em-calender-box {
margin-top: 0;
}
section.services-upcoming-events {
padding: 70px 0;
}
section.service-recent-blog-posts {
padding: 65px 0;
background-color: #EFEFEF;
}
section.service-recent-blog-posts .recent-post-item {
margin-bottom: 35px;
}
section.service-recent-blog-posts .recent-post-item .post-image img {
width: 100%;
}
section.service-recent-blog-posts .recent-post-item .post-date {
margin: 0 0 12px 0;
}
section.service-recent-blog-posts .recent-post-item .post-title {
margin: 0 0 12px 0;
}
section.service-recent-blog-posts h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #000;
line-height: 1.2;
margin: 0 0 40px 0;
}
section.service-recent-blog-posts .btn {
margin: 30px 5px 0 5px;
font-size: 20px;
min-width: 280px;
}
section.announcements {
padding: 65px 0 45px;
}
section.announcements h3 {
font-family: "Roboto", sans-serif;
font-size: 43px;
font-weight: 500;
line-height: 1;
color: #000;
margin: 0 0 30px 0;
}
section.announcements ul,
section.announcements ol {
margin: 0 0 25px 30px;
}
section.announcements p,
section.announcements li {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.75;
color: #000;
margin: 0 0 25px 0;
}
section.announcements li {
padding-left: 2px;
margin-bottom: 15px;
}
.announcements-slider {
height: 200px;
overflow: hidden;
margin-top: 55px;
margin-bottom: 45px;
}
.announcements-slider.no-posts {
opacity: 0.5;
}
section.announcements p.no-announcements {
text-align: center;
font-style: italic;
font-weight: 500;
}
.announcements-slider.slick-initialized {
height: auto;
overflow: visible;
}
section.announcements .announcements-item {
background-color: #EFEFEF;
min-height: 185px;
padding: 56px 30px 1px 30px;
outline: none;
}
section.announcements .slick-dots {
position: absolute;
bottom: -40px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
section.announcements .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 2px;
padding: 0;
cursor: pointer;
}
section.announcements .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
margin-bottom: 15px;
}
section.announcements .slick-dots li button::before {
font-size: 42px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
color: #f0f0f0;
-webkit-font-smoothing: antialiased;
transition: color .2s linear;
}
section.announcements .slick-dots li:hover button::before,
section.announcements .slick-dots li.slick-active button::before {
color: #0e9a65;
transition: color .2s linear;
}
.announcements-slider:before {
background-color: #0e9a65;
display: block;
position: absolute;
top: 0;
left: 50%;
content: "!";
font-family: "Roboto", sans-serif;
font-size: 50px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: 68px;
width: 76px;
height: 76px;
border-radius: 50%;
border: 5px solid #fff;
z-index: 500;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.announcements-slider-bar .announcements-slider:before,
.announcements-slider-bar .slick-dots {
display: none !important;
}
.announcements-slider-bar .announcements-item {
text-align: center;
}
.announcements-slider-bar .announcements-item p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #101010;
margin: 0 0 20px 0;
}
.announcements-slider-bar .announcements-item a {
color: #101010;
text-decoration: underline;
}
.announcements-slider-bar .announcements-item.font-white p,
.announcements-slider-bar .announcements-item.font-white a {
color: #fff;
}
.announcements-slider-bar .announcements-item > *:last-child {
margin-bottom: 0 !important;
}
.announcements-slider-bar .announcements-slider {
margin-top: 25px;
margin-bottom: 25px;
}
section.page-content {
background-color: #f7f7f7;
padding: 50px 0 25px 0;
}
section.page-content h3,
section.image-content h3 {
font-family: "Roboto", sans-serif;
font-size: 43px;
font-weight: 500;
line-height: 1;
color: #000;
margin: 0 0 30px 0;
}
section.page-content a {
font-family: "Roboto", sans-serif;
}
section.page-content ul,
section.page-content ol,
section.image-content ul,
section.image-content ol {
margin: 0 0 25px 30px;
}
section.page-content p,
section.page-content li,
section.image-content p,
section.image-content li {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: #000;
margin: 0 0 25px 0;
}
section.page-content li,
section.image-content li {
padding-left: 2px;
margin-bottom: 15px;
line-height: 1.2;
}
section.content-info {
padding: 50px 0 20px;
}
section.content-info .content-info-box {
padding: 25px 0 25px 40px;
border-left: 1px solid #cdcdcd;
margin-bottom: 30px;
}
section.content-info .columns:first-of-type .content-info-box {
border-left: none;
padding-left: 0;
}
section.content-info .content-info-box h4 {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 5px 0;
}
section.content-info .content-info-box h4 i {
display: inline-block;
margin-right: 5px;
}
section.content-info .content-info-box p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: #383838;
margin: 0;
}
section.content-info .content-info-box .btn {
width: 100%;
font-size: 18px;
margin-top: 28px;
}
section.image-content {
padding: 50px 0;
background-color: #EFEFEF;
}
section.image-content iframe {
margin-bottom: 10px;
}
section.image-content img {
width: 100%;
margin-bottom: 20px;
}
section.image-content .image-content-video {
margin-bottom: 20px;
position: relative;
display: block;
width: 100%;
}
section.image-content .image-content-video:before {
background-color: rgba(0, 0, 0, 0.25);
display: block;
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
transition: background-color .15s linear;
}
section.image-content .image-content-video:hover:before {
background-color: rgba(0, 0, 0, 0.5);
transition: background-color .2s linear;
}
section.image-content .image-content-video:after {
font-family: "FontAwesome";
font-size: 64px;
content: "\f144";
color: rgba(255, 255, 255, 0.75);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
position: absolute;
top: 50% !important;
left: 50% !important;
-moz-transform: translate( -50%, -50% );
-webkit-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
-o-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
transition: color .15s linear;
}
section.image-content .image-content-video:hover:after {
color: #f10004;
transition: color .2s linear;
}
section.image-content .image-content-video img {
margin-bottom: 0;
}
.anchor-menu-wrap {
background-color: #0c8155;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
line-height: 0;
}
.anchor-menu-wrap .anchor-menu {
display: inline-block;
max-width: 1140px;
}
.anchor-menu-wrap .anchor-menu .anchor-menu-item {
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #fff;
display: inline-block;
padding: 8px 20px;
border-right: 1px solid #fff;
float: left;
}
body > header.fixed .anchor-menu-wrap .anchor-menu .anchor-menu-item {
font-size: 13px;
}
.anchor-menu-wrap .anchor-menu .anchor-menu-item:first-child {
border-left: 1px solid #fff;
}
.anchor-menu-wrap .anchor-menu .anchor-menu-item:hover,
.anchor-menu-wrap .anchor-menu .anchor-menu-item.active {
background-color: #0D9A65;
}
section.content-info .content-info-box h5 {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 20px 0;
}
section.content-info .content-info-box .phone {
font-family: "Roboto", sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1.2;
color: #000;
margin: 0;
}
section.content-info .content-info-box .phone:hover {
color: #0D9A65;
transition: color .15s linear;
}
section.content-and-button {
padding: 50px 0 25px;
background-color: #EFEFEF;
}
section.buttons-with-popups {
padding: 50px 0 45px 0;
background-color: #EFEFEF;
}
section.content-and-button .btn {
font-size: 18px;
min-width: 280px;
}
section.buttons-with-popups .btn {
font-size: 20px;
min-width: 300px;
}
section.content-and-button .button-caption,
section.buttons-with-popups .button-caption {
display: inline-block;
width: 100%;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.2;
color: #7d7d7d;
margin: 0;
}
section.buttons-with-popups .button-caption {
margin-top: 15px;
}
section.content-and-button .additional-buttons {
margin: 15px 0 0;
}
section.content-and-button .additional-buttons > .btn:not( :last-child ) {
margin-bottom: 15px;
}
.x-reveal-modal.x-buttons-with-popups .x-rm-content {
background-color: #fff;
padding: 50px 50px;
}
.x-reveal-modal.x-buttons-with-popups .x-rm-content h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #000;
line-height: 1;
margin: 0 0 25px 0;
}
.x-reveal-modal.x-buttons-with-popups .x-rm-content h3 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0 0 20px 0;
}
.x-reveal-modal.x-buttons-with-popups .x-rm-content p,
.x-reveal-modal.x-buttons-with-popups .x-rm-content li {
font-size: 13px;
}
.x-reveal-modal.x-buttons-with-popups .two-column-content .image-column img {
width: 100%;
max-width: 450px;
margin: 10px 0 30px 0;
}
.x-reveal-modal.x-buttons-with-popups .two-column-content .image-column .btn {
font-size: 18px;
min-width: 300px;
}
.x-reveal-modal.x-buttons-with-popups .two-column-content {
background-image: url("../images/pop-up-watermark.jpg");
background-position: right 0 bottom 0;
background-repeat: no-repeat;
}
section.content-info .content-info-box.content-info-box-text p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #383838;
margin: 0;
}
section.content-info .content-info-box.content-info-box-text a {
font-family: "Roboto", sans-serif;
}
.page-builder-divider {
min-height: 80px;
padding: 25px 0;
text-align: center;
}
.page-builder-divider img {
height: 50px;
}
.x-documents h3 {
font-family: "Roboto", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.2;
color: #000;
margin: 0 0 20px 0;
position: relative;
}
.x-documents .text {
position: relative;
top: 5px;
}
.x-documents h3 img {
height: 46px;
margin-right: 5px;
position: relative;
top: -3px;
}
.content-info-4 .contact-person a {
font-size: 25px;
margin-bottom: 0;
}
.content-info-4 .contact-person h6 {
min-height: 27px;
margin: 0 0 7px 0;
display: inline-block;
}
.content-info-4 .content-info-box:not(.contact-person) a {
font-family: "Roboto", sans-serif;
color: #383838;
}
.content-info-4 .content-info-box:not(.contact-person) a:hover {
text-decoration: underline;
}
.simple-announcements-bar {
padding: 15px 0;
}
.simple-announcements-bar .simple-announcements-content > *:last-child {
margin-bottom: 0;
}
.simple-announcements-bar .simple-announcements-content.font-white * {
color: #fff;
}
.simple-announcements-bar .simple-announcements-content a {
text-decoration: underline;
}
.table-head-wrap {
padding-right: 10px;
}
.contacts-builder-wrap {
text-align: center;
position: relative;
}
.contacts-builder-wrap > .contact-item {
display: inline-block;
width: 30.4%;
margin: 0 4% 30px 0;
padding: 25px 20px 25px 0;
border-right: 1px solid #cdcdcd;
text-align: left;
position: relative;
vertical-align: middle;
float: none;
}
.contacts-builder-wrap > .contact-item:last-child,
.contacts-builder-wrap > .contact-item:nth-child( 3n ) {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item {
display: inline-block;
width: 21.5%;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item:nth-child( 3n ) {
margin: 0 4% 30px 0;
padding: 25px 20px 25px 0;
border-right: 1px solid #cdcdcd;
}
.contacts-builder-wrap > .contact-item-phone .title {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 5px 0;
}
.contacts-builder-wrap > .contact-item-phone .subtitle {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 20px 0;
}
.contacts-builder-wrap > .contact-item-phone .phone {
font-family: "Roboto", sans-serif;
font-size: 39px;
font-weight: 600;
line-height: 1.2;
color: #000;
margin: 0;
}
.contacts-builder-wrap > .contact-item-address .title {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 5px 0;
}
.contacts-builder-wrap > .contact-item-address .title .fa {
display: inline-block;
margin-right: 5px;
}
.contacts-builder-wrap > .contact-item-address .address {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
color: #383838;
margin: 0;
}
.contacts-builder-wrap > .contact-item-address .phone,
.contacts-builder-wrap > .contact-item-address .email {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
color: #383838;
margin: 12px 0 0 0;
text-decoration: underline;
display: inline-block;
}
.contacts-builder-wrap > .contact-item-address .phone + br + .email {
margin: 0;
}
.contacts-builder-wrap > .contact-item-address .phone:hover,
.contacts-builder-wrap > .contact-item-address .email:hover {
color: #0D9A65;
}
.contacts-builder-wrap > .contact-item-button .btn {
width: 100%;
font-size: 18px;
margin-top: 28px;
}
.contacts-builder-wrap > .contact-item-text .title {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #000;
margin: 0 0 5px 0;
}
.contacts-builder-wrap > .contact-item-text p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #383838;
margin: 0;
}
.contacts-builder-wrap > .contact-item-text a {
font-family: "Roboto", sans-serif;
}
section.page-content.sponsors {
background-color: #fff;
padding: 70px 0 50px 0;
}
section.page-content.sponsors .sponsor-logo-item {
width: 20%;
height: 125px;
}
section.page-content.sponsors .sponsor-logo-item img {
max-width: 95%;
max-height: 110px;
}
section.page-content.sponsors li {
font-size: 14px;
padding-left: 0;
margin-bottom: 0;
}
section.page-content.sponsors .event-sponsors-list {
padding: 45px 0 0 0;
margin: 0 auto 50px;
max-width: 940px;
}
.features-3-columns .feature-item {
margin-bottom: 30px;
}
.features-3-columns .feature-item img {
width: 100%;
}
.features-3-columns .feature-item p {
width: 100%;
display: block;
padding: 30px 25px;
background-color: #fff;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #222;
text-align: center;
}
section.page-content.features-3-columns {
background-color: #ededed;
padding: 70px 0 30px 0;
}
section.page-content.features-3-columns .btn-features-bottom {
margin: 35px 0;
padding: 16px 35px;
font-size: 16px;
}
/* ---------------------------------------------------------------------------------------------------------------------
WP Comments Styles
--------------------------------------------------------------------------------------------------------------------- */
.comments-wrap {
background-color: #fff;
padding: 45px 35px 20px 35px;
}
.comments-wrap .comment {
padding-bottom: 15px;
margin-bottom: 32px;
border-bottom: 1px solid #e5e5e5;
}
.comments-wrap .children {
margin-left: 0;
}
.comments-wrap .children .comment {
padding-left: 55px;
}
.comments-wrap h3#comments {
font-family: "Roboto", sans-serif;
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: "Roboto", sans-serif;
font-size: 14px;
font-weight: 600;
font-style: normal;
line-height: 1.6;
color: #27282d;
margin: 0;
}
.comment-author-meta .comment-reply-link {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.6;
color: #136ba2;
margin: 0;
}
.comment-author-meta .comment-meta.commentmetadata {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: #adadad;
margin: 0;
}
.comment-author-meta .comment-edit-link {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
color: #0d9a65;
}
.comment-text p {
font-family: "Roboto", sans-serif;
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-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
font-style: italic;
line-height: 1.6;
color: #a20000;
margin: 0 0 7px 0;
display: inline-block;
}
#respond {
padding-top: 10px;
}
#respond .comment-reply-title {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #27282d;
margin: 0 0 5px 0;
}
#respond .comment-reply-title a {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #136ba2;
}
#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: 3px;
transition: all .2s linear;
}
#respond .comment-reply-title small a:hover {
background-color: #c12c08;
text-decoration: none;
transition: all .2s linear;
}
#respond .comment-notes {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
color: #27282d;
margin: 0 0 25px 0;
}
#respond input,
#respond textarea {
border-radius: 3px;
background-color: #f9f9f9;
}
#respond label {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #4d4d4d;
margin: 0 0 4px 0;
}
#respond #submit {
background-color: #139c68;
display: inline-block;
border: none;
padding: 12px 45px;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
color: #fff;
margin: 10px 0 0 0;
}
.comment-list-title {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #27282d;
margin: 0 0 40px 0;
}
.comment-list-title span {
background-color: #139c68;
display: inline-block;
width: 46px;
height: 46px;
line-height: 46px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 24px;
margin-right: 5px;
position: relative;
top: -3px;
}
#respond .logged-in-as a {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.6;
color: #136ba2;
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: 3px;
background-color: #f9f9f9;
}
#respond .g-recaptcha > div {
width: 215px !important;
height: 50px !important;
position: relative !important;
left: -3px !important;
top: -10px !important;
}
/* ---------------------------------------------------------------------------------------------------------------------
CPT: Events
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-event {
background-color: #f0f0f0;
padding: 60px 0 45px;
}
#event-archive .event-item .post-image img {
width: 100%;
}
.calendar-sidebar-wrap {
margin-bottom: 35px;
}
.calendar-sidebar-wrap .em-calendar-wrapper {
float: none;
padding: 0;
background-color: #fff;
border-left: none;
width: 100%;
min-height: 400px;
position: relative;
top: 0;
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.calendar-sidebar-wrap .em-calendar-wrapper .em-calendar {
margin: 0;
border: none;
position: absolute;
top: 10px;
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 );
}
.calendar-sidebar-wrap table.em-calendar td.eventless-pre,
.calendar-sidebar-wrap .em-calendar td.eventless-post,
.calendar-sidebar-wrap table.em-calendar td.eventless,
.calendar-sidebar-wrap table.em-calendar td.eventful a {
padding: 14px 14px;
}
.calendar-sidebar-wrap table.em-calendar td {
font-size: 14px;
}
.event-location {
position: relative;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
filter: url(data:image/svg+xml;utf8,#grayscale);
filter: grayscale(1);
-webkit-filter: grayscale(1);
transition: all .8s linear;
}
.event-location:hover {
filter: url(data:image/svg+xml;utf8,#grayscale);
filter: grayscale(0);
-webkit-filter: grayscale(0);
transition: all 1.2s linear;
}
.event-location .acf-map {
border: none;
width: 100%;
height: 310px;
}
.event-location .search-directions-box {
position: absolute;
top: 10px;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
width: 100%;
max-width: 100%;
padding: 0 10px 0 125px;
}
.event-location .search-directions-box .search {
font-size: 16px;
left: 142px;
color: #828282;
}
.event-location .search-directions-box .close {
right: 20px;
font-size: 16px;
color: #828282;
}
.event-location .search-directions-box input {
background-color: rgba(255, 255, 255, 1);
height: 32px;
box-shadow: 0 1px 1px rgba(95, 95, 95, 0.25);
padding: 5px 45px;
border-radius: 3px;
}
.content-under-map {
margin-bottom: 40px;
}
.post-item.event-item.post-data {
padding: 30px 35px 10px 35px;
}
.post-item .post-data .content-under-map p,
.post-item .post-data .content-under-map li {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #010101;
line-height: 1.75;
margin: 0 0 25px 0;
}
.post-item .post-data .content-under-map li {
margin: 0 0 15px 0;
}
.post-item.event-item .post-data .post-description h4,
.event-sec-title {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 400;
color: #0d9a65;
line-height: 1.2;
border-bottom: 1px solid #bfbfbf;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
display: inline-block;
width: 100%;
clear: both;
float: none;
}
.event-sponsors-logos .event-sec-title {
margin: 0 0 15px 0;
}
.sponsor-logo-item {
border: 1px solid transparent;
position: relative;
display: block;
width: 25%;
height: 100px;
float: left;
transition: all .1s linear;
}
a.sponsor-logo-item:hover {
border: 1px solid #0d9a65;
transition: all .2s linear;
}
.sponsor-logo-item img {
width: auto;
max-width: 90%;
max-height: 96px;
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% );
}
.event-sponsors-list {
display: table;
list-style: none;
width: 100%;
padding: 25px 0 0 0;
margin: 0 0 50px 0;
}
.event-sponsors-list li {
display: table-cell;
padding: 10px;
width: 48.5%;
float: left;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
color: #010101;
line-height: 1.2;
text-align: center;
}
.event-sponsors-list li:nth-child( odd ) {
margin-right: 1.5%;
}
.event-sponsors-list li:nth-child( even ) {
margin-left: 1.5%;
}
.event-sponsors-list li:nth-child( 4n-2 ),
.event-sponsors-list li:nth-child( 4n-3 ) {
background-color: #efefef;
}
.event-sponsors-list li:nth-child( 4n ),
.event-sponsors-list li:nth-child( 4n-1 ) {
background-color: #fff;
}
.event-gallery {
margin-bottom: 30px;
}
.event-gallery-wrap .event-sec-title {
margin: 0 0 25px 0;
}
.event-gallery a {
display: block;
width: 49.7%;
float: left;
margin: 0 0 0.6% 0;
opacity: 0.90;
transition: opacity .1s linear;
}
.event-gallery a:hover {
opacity: 1;
transition: opacity .2s linear;
}
.event-gallery a:nth-child( even ) {
margin-right: 0.3%;
}
.event-gallery a:nth-child( odd ) {
margin-left: 0.3%;
}
.event-gallery a:first-of-type {
width: 100%;
margin: 0 0 0.6% 0;
}
.event-gallery-content .btn {
margin-bottom: 30px;
}
.event-gallery-content p,
.event-gallery-content li {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #010101;
line-height: 1.75;
margin: 0 0 25px 0;
}
.e-time-box {
position: relative;
float: left;
background-color: #0d9a65;
min-width: 140px;
padding: 15px;
margin: 5px 30px 10px 0;
text-align: center;
}
.e-time-box .e-start-day {
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #86cdb2;
padding-bottom: 6px;
margin-bottom: 7px;
line-height: 1;
}
.e-time-box .e-start-month {
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
line-height: 1;
margin-bottom: 6px;
}
.e-time-box .e-start-date {
font-family: "Roboto", sans-serif;
font-size: 64px;
font-weight: 500;
color: #fff;
line-height: 0.8;
margin-bottom: 5px;
}
.e-time-box .e-start-year {
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: 500;
color: #fff;
line-height: 1;
}
.e-time-box .e-start-time {
font-family: "Roboto", sans-serif;
font-size: 17px;
font-weight: 500;
color: #fff;
line-height: 1;
border-top: 1px solid #86cdb2;
padding-top: 6px;
margin-top: 7px;
text-transform: uppercase;
}
.e-time-box .e-date-range {
text-align: center;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
line-height: 1.1;
padding: 7px 0;
}
.e-time-box .e-date-range .fa {
font-size: 22px;
color: #fff;
display: block;
width: 100%;
padding: 12px 0;
}
.e-time-box .date-range-divider {
display: block;
width: 100%;
text-align: center;
line-height: 0;
padding: 12px 0;
}
.e-time-box .date-range-divider:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background-color: #fff;
vertical-align: middle;
}
.post-item.event-item .post-data .post-description p:first-of-type::first-letter {
font-size: 78px;
padding-top: 8px;
}
.css-events-list + p + p {
display: none;
}
.post-item .post-data .post-description {
min-height: 70px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Other Ways to Give
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-other-ways {
background-color: #fff;
padding: 50px 0;
}
.content-other-ways h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 0 0 30px 0;
}
.content-other-ways h2 strong {
font-weight: 500;
}
.content-other-ways p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0 0 25px 0;
}
.content-other-ways p strong {
font-weight: 600;
}
.content-other-ways .btn {
width: 100%;
font-size: 20px;
margin-top: 35px;
}
.x-features-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 20px 0 75px;
text-align: center;
font-size: 0;
letter-spacing: 0;
}
.x-features-item {
display: inline-block;
width: 33%;
padding: 40px 20px;
border: 1px solid #e5e5e5;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
text-align: center;
position: relative;
}
.x-features-item > :last-child {
margin-bottom: 0 !important;
}
.x-features-item:nth-child( 3n + 1 ) {
border-left: 1px solid #e5e5e5;
}
.x-features-item:nth-child( 1 ),
.x-features-item:nth-child( 2 ),
.x-features-item:nth-child( 3 ) {
border-top: 1px solid #e5e5e5;
}
.x-features-item:nth-last-child( -n + 3 ) {
border-bottom: 1px solid #e5e5e5;
}
.x-features-item .icon-box {
display: inline-block;
background-color: #0e9a65;
width: 120px;
height: 120px;
border-radius: 50%;
position: relative;
margin-bottom: 30px;
}
.x-features-item .icon-box img {
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% );
}
.x-features-item .content {
margin-bottom: 30px;
}
.x-features-item .content .title {
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 500;
color: #000;
line-height: 1.2;
margin: 0 0 12px 0;
}
.x-features-item .content .description {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0;
}
.content-other-ways .x-features-item .btn {
font-size: 15px;
font-weight: 500;
width: auto;
min-width: 120px;
margin: 0;
}
.content-other-ways .x-features-item .daf-button-link {
background-color: #6a6a6a;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
line-height: 1.1;
width: auto;
min-width: 120px;
padding: 8px 20px;
border: 1px solid #6a6a6a;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
position: absolute;
left: 50%;
bottom: 40px;
-o-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-webkit-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
.content-other-ways .x-features-item .daf-button-link:hover {
background-color: #010101;
border: 1px solid #010101;
color: #fff;
transition: all .2s linear;
}
.x-reveal-modal {
padding: 0;
overflow: hidden;
}
.x-reveal-modal .x-rm-header {
background-color: #0e9a65;
padding: 25px 80px 25px 50px;
margin-bottom: 30px;
}
.x-reveal-modal .x-rm-header h4 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #fff;
line-height: 1;
margin: 0 0 5px 0;
}
.x-reveal-modal .x-rm-header p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 1.2;
margin: 0;
}
.x-reveal-modal .x-rm-header p br {
display: none;
}
.x-reveal-modal.reveal-modal .close-reveal-modal {
display: block;
width: 56px;
height: 56px;
background-color: #0d9a69;
font-size: 48px;
font-weight: bold;
line-height: 56px;
color: #fff;
text-align: center;
cursor: pointer;
position: absolute;
top: -5px;
right: -5px;
border-radius: 0 0 0 50%;
transition: background-color .15s linear;
}
.x-reveal-modal.reveal-modal .close-reveal-modal:hover {
background-color: #1ca974;
transition: background-color .15s linear;
}
.x-reveal-modal .x-rm-footer {
background-color: #000;
padding: 18px 50px;
margin-top: 10px;
}
.x-reveal-modal .x-rm-footer p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 1.2;
margin: 0 0 20px 0;
}
.x-reveal-modal .x-rm-footer p:last-child {
margin: 0;
}
.x-reveal-modal .x-rm-footer a {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
.x-reveal-modal .x-rm-content {
background-color: #fff;
padding: 0 50px;
}
.x-reveal-modal .x-rm-content .bfc-divider {
height: 80px;
margin-top: 5px;
margin-bottom: 15px;
}
.x-reveal-modal .x-rm-content .bfc-divider img {
width: 30px;
}
.x-reveal-modal .x-rm-content .bfc-divider:after {
width: 76px;
height: 76px;
}
.x-reveal-modal .x-rm-content h3 {
font-family: "Roboto", sans-serif;
font-size: 38px;
font-weight: 500;
color: #000;
line-height: 1;
margin: 0 0 10px 0;
}
.x-reveal-modal .x-rm-content h4 {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 600;
color: #000;
line-height: 1.3;
margin: 0 0 20px 0;
}
.x-reveal-modal .x-rm-content h5 {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 600;
color: #0e9a65;
line-height: 1.2;
margin: 0 0 5px 0;
}
.x-reveal-modal .x-rm-content p,
.x-reveal-modal .x-rm-content li {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.7;
margin: 0 0 20px 0;
}
.x-reveal-modal .x-rm-content li {
margin: 0 0 10px 0;
line-height: 1.5;
}
.x-reveal-modal .x-rm-content p.subtitle {
margin-bottom: 30px;
}
.x-reveal-modal .x-rm-dropdown {
padding: 30px 50px 40px 50px;
}
.x-reveal-modal .x-rm-dropdown select {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 600;
color: #222;
height: 80px;
width: 70%;
float: left;
padding: 10px 25px;
margin: 0;
outline: none;
}
.x-reveal-modal .x-rm-dropdown .btn-link {
font-family: "Roboto", sans-serif;
font-size: 18px;
border-radius: 0;
height: 80px;
width: 30%;
float: right;
line-height: 80px;
padding: 0 15px;
}
.x-reveal-modal .x-rm-dropdown .btn-link i {
margin-left: 5px;
}
.two-column-content {
margin-bottom: 0;
}
.two-column-content .content-column {
width: 50%;
float: left;
}
.two-column-content .content-column:first-child {
padding-right: 15px;
}
.two-column-content .content-column:last-child {
padding-left: 15px;
}
.two-column-content .content-column.content-column-boxed {
border: 1px solid #e5e5e5;
padding: 30px 30px 15px 30px;
width: 49%;
margin: 15px 0;
}
.two-column-content .content-column.content-column-boxed:first-child {
margin-right: 1%;
}
.two-column-content .content-column.content-column-boxed:last-child {
margin-left: 1%;
}
.two-column-content .content-column.content-column-boxed .image-wrap {
text-align: center;
min-height: 135px;
margin-bottom: 5px;
}
.bfc-divider-give {
margin-bottom: 30px;
}
.x-features-item .daf_button,
.x-features-item .daf_button:focus {
display: inline-block;
background-color: #6a6a6a;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border: 1px solid #6a6a6a;
border-radius: 3px;
margin: 0;
transition: all .2s linear;
width: auto;
min-width: 120px;
}
.x-features-item .daf_button:hover {
color: #fff;
background-color: #010101;
border: 1px solid #010101;
transition: all .2s linear;
text-decoration: none;
}
.x-features-item .daf_submit_button {
margin: 5px 0 25px;
}
.x-features-item .small-terms {
font-size: 13px !important;
}
.x-features-item .support-link {
font-size: 13px !important;
}
.x-features-item #daf_modal_footer {
border-top: 1px solid #0e9a65 !important;
margin-top: 6px;
padding-top: 5px;
}
.x-features-item #daf_modal_content {
padding: 35px !important;
}
.x-features-item #daf_modal_content h4 {
line-height: 1.2;
margin-bottom: 16px !important;
}
.x-features-item #daf_modal_content #daf-name {
margin-bottom: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Volunteer
--------------------------------------------------------------------------------------------------------------------- */
#volunteer-contacts {
background-color: #fff;
padding: 50px 0;
}
.content-volunteer h2,
#volunteer-orientation h2,
section.volunteer-orientation h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 400;
color: #000;
line-height: 1.2;
margin: 20px 0 30px 0;
}
.content-volunteer h2 strong,
#volunteer-orientation h2 strong,
section.volunteer-orientation h2 strong {
font-weight: 500;
}
.content-volunteer p,
#volunteer-orientation p,
section.volunteer-orientation p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0 0 25px 0;
}
.volunteer-contacts {
padding: 70px 0 0;
}
.volunteer-contacts .contact-center,
.volunteer-contacts .contact-person {
min-height: 160px;
}
.volunteer-contacts .contact-center p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
color: #383838;
margin: 0;
max-width: 240px;
}
.volunteer-contacts .row > .columns:last-of-type .contact-person {
border-left: 1px solid #ccc;
border-right: none;
padding: 25px 0 25px 65px;
}
.volunteer-contacts .row > .columns:last-of-type .contact-person h4 {
margin: 20px 0 5px 0;
}
.volunteer-contacts .contact-person p.clock {
font-family: "Roboto", sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 1.2;
color: #000;
display: inline-block;
vertical-align: middle;
margin: 5px 0;
transition: color .15s linear;
}
#volunteering,
section.volunteering {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 90px;
}
#volunteering .form-container,
section.volunteering .form-container {
background-color: #fff;
padding: 60px 60px 45px 60px;
max-width: 768px;
margin: 0 auto 60px auto;
}
#volunteering ::-webkit-input-placeholder { color: #b8b8b8; }
#volunteering ::-moz-placeholder { color: #b8b8b8; }
#volunteering ::-o-placeholder { color: #b8b8b8; }
#volunteering :-ms-input-placeholder { color: #b8b8b8; }
#volunteering input:-moz-placeholder { color: #b8b8b8; }
section.volunteering ::-webkit-input-placeholder { color: #b8b8b8; }
section.volunteering ::-moz-placeholder { color: #b8b8b8; }
section.volunteering ::-o-placeholder { color: #b8b8b8; }
section.volunteering :-ms-input-placeholder { color: #b8b8b8; }
section.volunteering input:-moz-placeholder { color: #b8b8b8; }
body #volunteering .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body #volunteering .gform_wrapper textarea.large,
section.volunteering .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
section.volunteering .gform_wrapper textarea.large {
background-color: #f5f5f5;
font-size: 14px;
font-family: "Roboto", sans-serif;
border-radius: 3px;
}
#volunteering h3,
section.volunteering h3 {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 3px;
display: block;
width: 270px;
padding: 15px 20px;
text-align: center;
margin: 0 auto 50px auto;
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
#volunteering h2,
section.volunteering h2 {
font-family: "Roboto", sans-serif;
font-size: 122px;
font-weight: 700;
line-height: 1;
color: #fff;
margin: 0 0 50px 0;
text-align: center;
text-transform: uppercase;
}
#volunteering .btn.btn-yellow,
section.volunteering .btn.btn-yellow {
background-color: #e8a619;
border-color: #e8a619;
font-size: 20px;
color: #000;
}
#volunteering .btn.btn-yellow:hover,
section.volunteering .btn.btn-yellow:hover {
background-color: #ffc13c;
border-color: #ffc13c;
}
.green-line-sign {
background-color: #0e9a65;
padding: 30px 0;
text-align: center;
}
#volunteer-orientation,
section.volunteer-orientation {
background-color: #f0f0f0;
padding: 90px;
}
#volunteer-orientation h2,
section.volunteer-orientation h2 {
font-weight: 500;
margin: 10px 0 30px 0;
}
#volunteer-orientation p,
section.volunteer-orientation p {
max-width: 500px;
}
#volunteer-orientation .btn,
section.volunteer-orientation .btn {
font-size: 20px;
margin: 0 10px 10px 0;
min-width: 330px;
}
#gallery-slider {
height: 350px;
overflow: hidden;
}
#gallery-slider .gallery-item {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #eee;
height: inherit;
}
#gallery-slider .gallery-slider-wrap {
position: relative;
height: inherit;
}
#gallery-slider .slick-list,
#gallery-slider .slick-track {
height: inherit;
}
.gallery-slider-wrap .slick-prev,
.gallery-slider-wrap .slick-next,
.home-features-slider .slick-prev,
.home-features-slider .slick-next {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
position: absolute;
top: 50%;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
z-index: 500;
font-size: 36px;
color: #fff;
opacity: 0.6;
transition: all .2s linear;
}
.gallery-slider-wrap .slick-prev,
.home-features-slider .slick-prev {
left: 0;
text-align: right;
border-radius: 0 4px 4px 0;
}
.gallery-slider-wrap .slick-next,
.home-features-slider .slick-next {
right: 0;
text-align: left;
border-radius: 4px 0 0 4px;
}
.home-features-slider .slick-prev,
.home-features-slider .slick-next {
font-size: 32px;
color: #4a4a4a;
top: 41%;
opacity: 0.3;
}
.home-features-slider .slick-prev {
left: -50px;
}
.home-features-slider .slick-next {
right: -50px;
}
.gallery-slider-wrap .slick-prev:hover,
.gallery-slider-wrap .slick-next:hover,
.home-features-slider .slick-prev:hover,
.home-features-slider .slick-next:hover {
opacity: 0.85;
transition: all .2s linear;
cursor: pointer;
}
#volunteer-documents {
padding: 90px 0;
}
#volunteer-documents .description,
section.x-documents .description {
margin-bottom: 35px;
margin-top: 30px;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: History
--------------------------------------------------------------------------------------------------------------------- */
#page-content.content-our-history {
background-color: #fff;
padding: 75px 0;
}
.content-our-history h2 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #000;
line-height: 1.2;
margin: 20px 0 20px 0;
}
.content-our-history p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0 0 30px 0;
}
.x-tab-content > .column-1 {
width: 50%;
padding-right: 15px;
float: left;
}
.x-tab-content > .column-2 {
width: 50%;
padding-left: 15px;
float: right;
}
.x-tab-content h3 {
font-family: "Roboto", sans-serif;
font-size: 45px;
font-weight: 500;
color: #000;
line-height: 1.2;
margin: 0 0 15px 0;
}
.x-tab-content p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0 0 25px 0;
}
.x-tab-content .btn {
font-size: 18px;
}
.x-reveal-modal.x-tab-modal .x-rm-header h4 {
font-size: 40px;
margin: 0;
}
.x-reveal-modal.reveal-modal.x-tab-modal .close-reveal-modal {
top: 17px;
right: 15px;
border-radius: 50%;
}
.x-reveal-modal.x-tab-modal .content {
background-image: url("../images/pop-up-watermark.jpg");
background-position: right 40px bottom 40px;
background-repeat: no-repeat;
padding: 15px 40px 15px 40px;
}
.x-reveal-modal.x-tab-modal .content p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.75;
margin: 0 0 25px 0;
}
.x-reveal-modal.x-tab-modal .content .column-1 {
padding-left: 15px;
width: 40%;
float: right;
}
.x-reveal-modal.x-tab-modal .content .column-2 {
padding-right: 15px;
width: 60%;
float: left;
}
.x-tabs-content-wrap {
border-top: 18px solid #0e9a65;
padding: 90px 0;
}
.x-tab-content {
display: none;
}
.x-tab-content.active {
display: block;
}
.x-tab-title {
background-color: #a6a6a6;
font-family: "Roboto", sans-serif;
font-size: 25px;
font-weight: 500;
color: #fff;
line-height: 1;
width: 33.2%;
padding: 20px 10px;
text-align: center;
float: left;
margin-left: 0.2%;
transition: all .2s linear;
}
.x-tab-title:first-of-type {
margin-left: 0;
}
.x-tab-title:hover,
.x-tab-title.active {
background-color: #0d9a65;
transition: all .2s linear;
cursor: pointer;
}
.dark-left-side {
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
width: 50%;
min-height: inherit;
}
/* ---------------------------------------------------------------------------------------------------------------------
INTERACTIVE SEARCH RESULTS
--------------------------------------------------------------------------------------------------------------------- */
section.archive-content.archive-search {
padding: 50px 0;
background-color: #f9f9f9;
}
.search-results-item {
border: 1px solid #e8e8e8;
background-color: #fff;
margin-bottom: 25px;
box-shadow: 2px 4px 4px rgba(148, 148, 148, 0.13);
}
.search-results-item.search-docs-01 {
padding: 10px 5px 10px 10px;
}
.search-results-item.search-docs-01 .x-documents-table tr {
border: none;
}
.search-results-item.search-docs-01 .x-documents-table .btn {
min-width: 135px;
}
.search-results-item.search-opp-01 {
position: relative;
padding: 27px 20px;
}
.search-results-item.search-opp-01 h4 {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
color: #382720;
line-height: 1.2;
vertical-align: middle;
margin: 0;
}
.search-results-item.search-opp-01 h4 img {
margin-right: 12px;
}
.search-results-item.search-opp-01 .btn,
.search-results-item.donation .btn,
.search-results-item.page .btn {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
line-height: 1.2;
min-width: 135px;
}
.search-results-item.donation,
.search-results-item.page {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
padding: 40px 20px;
}
.search-results-item.donation img,
.search-results-item.page img {
width: 32px;
position: relative;
top: -2px;
}
.search-results-item.donation h4,
.search-results-item.page h4 {
font-family: "Roboto", sans-serif;
font-size: 26px;
font-weight: 500;
color: #fff;
margin: 0;
text-shadow: 4px 4px 4px rgba( 0, 0, 0, 0.9 );
line-height: 1.2;
position: relative;
top: 3px;
}
.search-results-item.donation .btn,
.search-results-item.page .btn {
box-shadow: 1px 1px 3px #383838;
}
.search-results-item.donation .btn:hover,
.search-results-item.page .btn:hover {
text-shadow: 1px 1px 1px #383838;
}
h2.archive-top-title {
font-family: "Roboto", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 1;
color: #222;
margin: 0 0 30px 0;
}
section.archive-content.archive-search .pagination-box {
padding-top: 25px;
}
.search-results-item.announcements {
position: relative;
padding: 55px 30px 2px 30px;
border-radius: 35px 0 0 0;
}
.search-results-item.announcements p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
color: #382720;
line-height: 1.3;
}
.search-results-item.announcements:before {
background-color: #0e9a65;
display: block;
position: absolute;
top: -6px;
left: -6px;
content: "!";
font-family: "Roboto", sans-serif;
font-size: 30px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: 45px;
width: 54px;
height: 54px;
border-radius: 50%;
border: 5px solid #f9f9f9;
z-index: 500;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
-o-transform: translate( 0, 0 );
transform: translate( 0, 0 );
box-shadow: 1px 1px 1px #e8e8e8;
}
.search-results-item.announcements span.announcements-cpt-name {
position: absolute;
top: 18px;
left: 62px;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1;
color: #0e9a65;
text-transform: uppercase;
}
.search-results-item.standard-post {
padding: 0;
}
.search-results-item.standard-post .post-preview {
width: 20%;
min-height: 200px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-right: 1px solid #e8e8e8;
float: left;
}
.search-results-item.standard-post .post-data {
width: 80%;
float: right;
padding: 23px 22px 26px 25px;
}
.search-results-item.standard-post .post-data .post-title {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
color: #222;
margin: 0 0 5px 0;
}
.search-results-item.standard-post .post-data .post-title:hover {
text-decoration: underline;
}
.search-results-item.standard-post .post-data .post-date {
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.2;
color: #6d6d6d;
margin: 0 0 20px 0;
}
.search-results-item.standard-post .post-data .post-description,
.search-results-item.standard-post .post-data .post-description p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #222;
margin: 0 0 20px 0;
}
.search-results-item.standard-post .post-data .post-date-bottom {
margin-top: 30px;
}
.search-results-item.standard-post .post-data .post-date-bottom .btn-green.read-more {
top: -3px;
font-size: 15px;
line-height: 1.2;
}
/* ---------------------------------------------------------------------------------------------------------------------
CPT: Donation
--------------------------------------------------------------------------------------------------------------------- */
#donation-page {
background-color: #F0F0F0;
padding: 80px 0;
}
#donation-page-box {
background-color: #f9f9f9;
}
#donation-page-box .card-box {
width: 40%;
float: left;
padding: 55px 50px 55px 50px;
}
#donation-page-box .card-box .video {
display: inline-block;
position: relative;
}
#donation-page-box .card-box .video:before {
}
#donation-page-box .card-box .card-content {
background-color: #fff;
padding: 25px;
}
#donation-page-box .card-box .card-content h4 {
font-family: "Roboto", sans-serif;
font-size: 20px;
color: #000;
line-height: 1.2;
margin: 0 0 2px 0;
}
#donation-page-box .card-box .card-content h6 {
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #adadad;
line-height: 1.2;
margin: 0;
}
#donation-page-box .card-box .card-content p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-style: italic;
color: #676767;
line-height: 1.3;
margin: 20px 0 0 0;
}
#donation-page-box .card-box .card-content p.soc-media-title {
font-weight: 600;
color: #676767;
margin-bottom: 6px;
}
#donation-page-box .card-box .soc-media .sm-item {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 20px;
}
#donation-page-box .card-box .card-content .btn,
#donation-page-box .card-box .card-content .btn:focus {
margin-top: 20px;
width: 100%;
padding: 10px 20px;
}
#donation-page-box .form-box {
background-color: #fff;
width: 60%;
float: right;
padding: 55px 50px 55px 50px;
min-height: 500px;
overflow: hidden;
}
#donation-page-box .form-box h2 {
font-family: "Roboto", sans-serif;
font-size: 40px;
color: #000;
line-height: 1;
font-weight: 600;
margin: 0 0 20px 0;
}
#donation-page-box .form-box p {
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #676767;
line-height: 1.3;
margin: 0 0 20px 0;
}
#bboxdonation_BBEmbeddedForm {
padding: 0;
}
.BBFormContainer .BBFormSection {
margin: 10px 0 !important;
}
.BBFormContainer .BBFormRadioList {
width: 100%;
}
.BBFormContainer .BBFormSectionHeading {
padding: 10px 0 15px 0 !important;
margin: 12px 0 17px 0 !important;
}
.BBFormContainer .BBFormFieldContainer {
padding: 0;
margin: 12px 0 !important;
}
.BBFormContainer .BBFormFieldContainerGivingLevels span.BBFormRadioDescriptionOtherSubtitle {
display: none !important;
}
.BBFormContainer .BBFormRadioList {
width: 100%;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem {
width: 32% !important;
display: block !important;
margin: 0 2% 2% 0 !important;
padding: 0 !important;
float: left !important;
clear: none !important;
position: relative;
top: auto;
left: auto;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem:nth-child( 3n ) {
margin: 0 0 2% 0 !important;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioButtonContainer {
display: table;
width: 100%;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel,
#mongo-form .BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel {
transition: all .2s linear;
color: #018266 !important;
border: 1px solid #018266;
border-radius: 0;
display: table-cell;
vertical-align: middle;
float: none;
padding: 12px;
min-height: 64px;
text-align: center;
line-height: 1;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel:hover,
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected,
#mongo-form .BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel:hover,
#mongo-form .BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected {
background-color: #018266 !important;
color: #fff !important;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelOther span,
#mongo-form .BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelOther span {
position: static;
display: block;
width: 100%;
top: 0;
font-size: 16px;
font-weight: 600;
margin: 0;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel .BBFormRadioAmount,
#mongo-form .BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel .BBFormRadioAmount {
display: block;
width: 100%;
float: none;
font-size: 16px;
font-weight: 600;
clear: both;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel .BBFormRadioDescription,
#mongo-form .BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel .BBFormRadioDescription {
display: block;
width: 100%;
padding-top: 0;
padding-bottom: 0;
font-size: 12px;
line-height: 1.4;
clear: both;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem.BBFormRadioGivingLevelItem .BBFormRadioButton {
display: none !important;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel input.BBFormTextbox {
max-width: 140px !important;
margin: 0 !important;
height: 38px !important;
min-height: 38px !important;
display: none !important;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected input.BBFormTextbox {
display: inline-block !important;
}
.BBFormContainer .BBFormRadioList .BBFormRadioItem .BBFormRadioLabelGivingLevel.BBFormRadioLabelGivingLevelSelected span.BBFormRadioDescriptionOther {
display: none !important;
}
#bbox-root #bbox-msg-wrapper img {
width: 30px;
display: block;
margin: 50px auto;
}
.BBFormContainer .BBFormSectionHeading label {
font-family: "Roboto", sans-serif;
font-size: 20px;
color: #222;
line-height: 1;
}
.BBFormContainer .BBFormSection.BBDFormSectionComments {
margin: 0 0 20px 0 !important;
}
.BBFormContainer .BBFormSection.BBDFormSectionComments .BBFormFieldContainer {
margin: 0 !important;
}
.BBFormContainer .BBDFormSectionComments .BBFormFieldLabel {
margin-left: 0 !important;
margin-bottom: 7px !important;
}
.BBFormContainer .BBDFormSectionComments .BBFormTextArea {
margin-left: 0 !important;
height: 100px !important;
max-width: 100% !important;
padding: 10px !important;
border-radius: 0 !important;
font-family: "Roboto", sans-serif !important;
font-size: 15px !important;
font-style: italic !important;
color: #676767 !important;
line-height: 1.3 !important;
transition: all .2s linear;
}
.BBFormContainer input[type=checkbox] {
display: none !important;
}
.BBFormContainer input[type=checkbox] + label:before {
display: inline-block;
width: 20px;
height: 24px;
font-family: "FontAwesome", sans-serif;
font-size: 24px;
line-height: 24px;
color: #bdbdbd;
content: "\f096";
text-align: center;
padding-right: 35px;
position: relative;
top: 4px;
left: 1px;
transition: color .2s linear;
}
.BBFormContainer input[type=checkbox]:checked + label:before {
color: #139c68;
content: "\f046";
transition: color .2s linear;
}
.BBFormContainer .BBFormSelectList {
border: 1px solid #C4D1D8;
border-radius: 0 !important;
padding: 2px 25px 2px 12px !important;
}
.BBFormContainer .BBLinkSecureInfo {
border: 1px dashed #a9a9a9 !important;
color: #a9a9a9 !important;
font-size: 12px !important;
padding: 5px 15px !important;
margin-top: 7px !important;
display: inline-block !important;
}
.cluetip-BBForm * {
outline: none !important;
}
.cluetip-BBForm p,
.cluetip-BBForm td div {
font-size: 12px !important;
margin: 0 0 15px 0 !important;
padding: 0 !important;
}
#bboxdonation_recurrence_lblRecurringGift {
background-image: url(../images/bb-logo.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
padding: 35px 0 55px 135px;
display: block;
}
body .cluetip-BBForm {
padding: 10px;
}
body .BBFormContainer .BBFormSubmitbutton {
background-color: #2c9a64 !important;
border: 0 solid #2c9a64 !important;
transition: all .2s linear;
}
body .BBFormContainer .BBFormSubmitbutton:hover {
background-color: #2c9a64 !important;
border: 0 solid #2c9a64 !important;
transition: all .2s linear;
}
body #cluetip-title {
margin: 3px 0 15px 0;
font-size: 15px;
line-height: 1.2;
text-transform: uppercase;
font-weight: 600;
border-bottom: 1px solid #000;
padding-bottom: 13px;
}
body .cluetip-BBForm img {
margin-bottom: 10px;
}
#cluetip-title #cluetip-close {
top: -3px;
}
#cluetip-title #cluetip-close a {
display: inline-block;
padding: 6px;
background-color: #0D9A65;
color: #fff;
font-size: 11px;
font-weight: 600;
transition: background-color .2s linear;
}
#cluetip-title #cluetip-close a:hover {
background-color: #9A0D1D;
transition: background-color .2s linear;
}
.BBFormContainer .BBFormTextbox {
width: 100% !important;
max-width: 100% !important;
border-radius: 0 !important;
}
.BBFormContainer .BBFormFieldContainer.BBCCreditType {
margin: 0 0 5px 0 !important;
}
#DCCreditSecurityCode {
width: 100%;
margin: 5px 0 !important;
position: relative;
}
#DCCreditSecurityCode #cscWhatsThis {
position: absolute;
top: 40px;
right: 12px;
}
#DCCreditSecurityCode.BBFormErrorBlock #cscWhatsThis {
top: 51px;
right: 20px;
}
#divName:before, #divName:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
zoom: 1;
}
#bboxdonation_billing_lblFullName {
clear: both;
display: block;
width: 100%;
color: #4d4d4d;
font-size: 0.875rem;
font-weight: normal;
}
#bboxdonation_billing_txtFirstName,
#bboxdonation_billing_txtLastName {
width: 49% !important;
margin-right: 2%;
float: left;
}
#bboxdonation_billing_txtLastName {
margin-right: 0 !important;
clear: right;
}
#divName select#bboxdonation_billing_ddTitle {
width: 15%;
float: left;
margin-right: 2%;
}
#divName select#bboxdonation_billing_ddTitle + label + #bboxdonation_billing_txtFirstName,
#divName select#bboxdonation_billing_ddTitle + label + #bboxdonation_billing_txtFirstName + label + #bboxdonation_billing_txtLastName {
width: 40% !important;
}
.BBFormTable table {
width: 100% !important;
border: none !important;
margin-bottom: 0 !important;
}
.cluetip-BBForm td div {
margin: 0 !important;
}
.BBFormContainer .BBFormTextbox,
.BBFormContainer .BBFormSelectList {
min-height: 46px !important;
font-size: 15px !important;
}
.BBFormContainer .BBFormTextbox {
padding: 10px 12px !important;
}
#bboxdonation_billing_billingAddress_ddCountry {
width: 100%;
max-width: 100%;
}
#bboxdonation_billing_billingAddress_txtAddress {
margin-left: 0 !important;
height: 100px !important;
max-width: 100% !important;
padding: 10px !important;
border-radius: 0 !important;
font-family: "Roboto", sans-serif !important;
font-size: 15px !important;
color: #676767 !important;
line-height: 1.3 !important;
transition: all .2s linear;
}
#bboxdonation_billing_billingAddress_ddState,
#bboxdonation_billing_billingAddress_txtZip {
width: 100% !important;
max-width: 175px !important;
}
.BBFormContainer .BBFormSubmitbutton {
font-size: 22px !important;
border-radius: 0 !important;
transition: background-color .2s linear;
}
.BBFormContainer .BBFormErrorBlock {
padding-left: 10px !important;
padding-right: 10px !important;
border-radius: 0 !important;
background-color: #fff9da !important;
}
.BBFormContainer .BBFormErrorItem {
font-size: 12px !important;
color: #c30000 !important;
clear: both;
}
.BBFormContainer .BBExpirationCSC .BBFormFieldContainer,
#bboxdonation_giftattributes_ctl00_ddCodeTable {
width: 100% !important;
max-width: 100% !important;
}
#donation-page-box .card-box .bh-features-item {
width: 155px;
padding: 0 10px;
margin-bottom: 25px;
}
#donation-page-box .card-box .bh-features-item .icon-wrap {
height: 110px;
}
#donation-page-box .card-box .bh-features-item .icon-wrap img {
position: absolute;
top: auto;
bottom: 10px;
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 );
}
#donation-page-box .card-box .bh-features-item h4 {
font-size: 18px;
margin: 0 0 7px 0;
}
#donation-page-box .card-box .bh-features-item p {
font-size: 13px;
}
#donation-page-box .card-box .bh-features {
margin-top: 50px;
background-color: #fff;
padding: 20px 0;
border: 2px dashed #dadada;
}
#donation-page-box .card-box .bh-features h3 {
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 28px;
font-weight: 600;
color: #111;
line-height: 1;
margin: 25px 0 35px 0;
}
.paypal-donation-wrap .paypal-donation-trigger {
font-family: "Roboto", sans-serif;
font-size: 21px;
font-weight: 400;
color: #134b80;
display: block;
width: 100%;
padding: 12px;
border: 2px dashed #134b80;
border-radius: 4px;
text-align: center;
margin: 25px 0 16px;
transition: all .2s linear;
}
.paypal-donation-wrap .paypal-donation-trigger:hover {
color: #169BD7;
border: 2px dashed #169BD7;
transition: all .2s linear;
}
.paypal-donation-wrap #paypal-button-container {
overflow: hidden;
}
.paypal-donation-wrap #paypal-button-container .xcomponent-outlet {
width: 100% !important;
height: 210px !important;
}
.paypal-donation-wrap input[type="number"] {
border: 2px solid #0e9a65;
height: 56px;
box-shadow: none;
border-radius: 4px;
padding: 5px 5px 5px 75px;
font-size: 14px;
font-weight: 600;
color: #0e9a65;
}
.donation-paypal-amount-wrap {
position: relative;
}
.donation-paypal-amount-wrap:before {
content: "$";
display: block;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 56px;
background-color: #0e9a65;
color: #fff;
font-size: 18px;
font-weight: 500;
border-radius: 4px 0 0 4px;
text-align: center;
line-height: 56px;
}
body .gform_wrapper li.gfield.gfield_creditcard_warning {
padding: 16px !important;
width: 100%;
margin-bottom: 30px;
}
.tabs {
text-align: justify;
}
.form-box .tabs {
margin-top: 25px;
}
.tabs .tab-title {
margin: 0 1px 0 0;
display: inline-block;
float: none;
position: relative;
top: 1px;
left: 1px;
}
.tabs > .tab-title:first-child {
left: 0;
}
.tabs > .tab-title:last-child {
margin-right: 0;
}
.tabs .tab-title > a {
background-color: #f6f6f6;
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #9c9c9c;
line-height: 1.3;
border: 1px solid #c7c7c7;
border-bottom: 1px solid #676767;
border-radius: 8px 8px 0 0;
padding: 18px 22px;
}
.tabs .tab-title.active > a,
.tabs .tab-title > a:hover {
background-color: #fff;
border: 1px solid #676767;
color: #222;
}
.tabs .tab-title.active > a {
border-bottom: 1px solid #fff;
}
.tabs-content {
width: 100%;
border: 1px solid #676767;
border-radius: 0 0 8px 8px;
padding: 25px;
min-height: 160px;
}
.tabs-content > .content {
padding: 0;
}
.tabs-content > .content.active {
display: block !important;
}
.paypal-donation-wrap {
padding: 7px 0;
}
body .tabs-content .gform_wrapper {
margin: 35px 0 10px;
}
.tabs-content #bbox-root {
margin-top: -15px;
}
#donation-page-box .tabs-content {
margin: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Good Hope
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-good-hope {
overflow-x: hidden;
}
.gh-top-menu {
min-height: 66px;
}
.gh-top-menu-box {
background-color: #399868;
padding: 12px 15px;
text-align: center;
position: static;
}
.gh-top-menu-wrap {
display: inline-block;
}
.gh-top-menu-wrap > .gh-top-menu-item:first-child {
margin-left: 0;
padding-left: 0;
}
.gh-top-menu-wrap > .gh-top-menu-item:first-child:before {
display: none;
}
.gh-top-menu-wrap > .gh-top-menu-item {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
margin: 0 0 10px 15px;
padding: 0 0 0 22px;
line-height: 1;
position: relative;
transition: all .5s linear;
}
.gh-top-menu-wrap > .gh-top-menu-item:before {
display: block;
background-color: #fff;
content: "";
width: 2px;
height: 12px;
position: absolute;
left: 0;
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% );
}
.gh-top-menu-wrap > .gh-top-menu-item:after {
display: block;
background-color: transparent;
content: "";
width: calc( 100% - 17px );
height: 2px;
position: absolute;
right: 0;
bottom: -7px;
transition: background-color .25s linear;
}
.gh-top-menu-wrap > .gh-top-menu-item.active:after {
background-color: #f9cd12;
transition: background-color .5s linear;
}
.gh-top-menu-wrap > .gh-top-menu-item:first-child.active:after {
width: 100%;
}
.gh-top-menu .btn-transparent,
.gh-top-menu .btn-transparent:focus {
font-weight: 600;
color: #fff;
background-color: #f9b62f;
border: 2px solid #f9b62f;
border-radius: 3px;
margin-left: 30px;
}
.gh-top-menu .btn-transparent:hover {
background-color: #ea9f28;
border: 2px solid #ea9f28;
color: #fff;
}
#masthead.mh-good-hope {
background-color: #fff;
background-position: center top;
background-size: 100% auto;
min-height: 0;
padding-top: 660px;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
}
#masthead.mh-good-hope .masthead-content {
position: static;
}
#masthead.mh-good-hope .masthead-content iframe {
border: 1px solid #eee;
}
#masthead.mh-good-hope .btn-default,
#masthead.mh-good-hope .btn-default:focus,
#top-quote .btn-green,
#top-quote .btn-green:focus {
font-size: 18px;
padding: 12px 28px;
min-width: 150px;
}
#masthead.mh-good-hope .btn-default,
#masthead.mh-good-hope .btn-default:focus {
margin-bottom: 120px;
}
#top-quote .btn-green,
#top-quote .btn-green:focus {
margin-bottom: 40px;
}
body.page-template-tmpl-good-hope-new #top-quote .btn-green {
margin-bottom: 0;
}
#masthead.mh-good-hope .masthead-content h3,
.good-hope-content h3 {
font-family: "Roboto", sans-serif;
font-size: 48px;
color: #222;
margin: 0 0 25px 0;
line-height: 1;
}
.time-line {
position: relative;
text-align: center;
}
.time-line img {
position: absolute;
top: 50%;
left: calc( 50% + 500px );
-webkit-transform: translate( 0, -25% );
-moz-transform: translate( 0, -25% );
-ms-transform: translate( 0, -25% );
-o-transform: translate( 0, -25% );
transform: translate( 0, -25% );
z-index: 400;
}
.time-line:before {
display: block;
content: "";
width: 100%;
height: 1px;
border-top: 2px dashed #222;
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% );
}
.time-line .time-line-item {
display: inline-block;
position: relative;
padding: 10px 15px;
min-width: 275px;
}
.time-line .time-line-item:after {
display: block;
content: "";
width: 8px;
height: 8px;
background-color: #222;
border-radius: 50%;
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% );
}
.time-line .time-line-item span {
display: block;
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #222;
line-height: 64px;
}
.time-line .time-line-item span.date {
font-size: 18px;
color: #222;
font-weight: 700;
}
.time-line-wrap h4 {
font-family: "Roboto", sans-serif;
font-size: 34px;
color: #222;
margin: 15px 0 0 0;
padding-top: 28px;
position: relative;
}
.time-line-wrap h4:before {
content: "";
display: block;
width: 45px;
height: 4px;
background-color: #222;
position: absolute;
top: 0;
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 );
}
#top-quote {
padding: 65px 0 10px 0;
}
#top-quote p {
font-family: "Roboto", sans-serif;
font-size: 17px;
color: #222;
}
.top-quote-wrap,
.quote-wrap {
text-align: center;
padding: 40px 15px;
border: 2px dashed #222;
position: relative;
margin-bottom: 55px;
}
.top-quote-wrap:before,
.quote-wrap:before {
background-color: #fff;
display: inline-block;
padding: 1px 20px;
font-family: "FontAwesome";
font-size: 44px;
color: #222;
content: "\f10e";
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% );
}
#the-need .quote-wrap {
margin-top: 55px;
padding: 45px 75px 20px;
margin-bottom: 75px;
}
#the-need .quote-wrap .quote-wrap-box {
display: none;
overflow: hidden;
text-align: left;
}
#the-need .quote-wrap:before {
background-color: #f9cd12;
}
.top-quote-wrap > :last-child,
.quote-wrap > :last-child {
margin-bottom: 0;
}
#top-quote .top-quote-wrap p,
#the-need .quote-wrap p {
font-family: "Roboto", sans-serif;
font-size: 22px;
color: #222;
}
#the-need .quote-wrap h4 {
font-family: "Roboto", sans-serif;
font-size: 22px;
color: #222;
font-weight: 500;
line-height: 1.2;
margin: 0 0 25px 0;
}
#the-need .quote-wrap p {
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #222;
font-weight: 500;
line-height: 1.2;
}
#the-need .quote-wrap .btn {
font-size: 18px;
position: absolute;
bottom: 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% );
}
.top-quote-wrap .author,
.quote-wrap .author {
font-family: "Roboto", sans-serif;
font-size: 14px;
color: #222;
display: inline-block;
padding: 5px 26px;
background-color: #fff;
position: absolute;
bottom: 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% );
}
.top-quote-wrap img,
.quote-wrap img {
position: absolute;
top: -50px;
left: 80px;
-webkit-transform: translate( -100%, 0 );
-moz-transform: translate( -100%, 0 );
-ms-transform: translate( -100%, 0 );
-o-transform: translate( -100%, 0 );
transform: translate( -100%, 0 );
}
body.page-template-tmpl-good-hope-new .top-quote-wrap img,
body.page-template-tmpl-good-hope-new .quote-wrap img {
top: -130px;
left: 60px;
}
.results-wrap {
margin: 50px 0 0;
text-align: center;
}
.results-wrap .result-item {
display: inline-block;
min-width: 260px;
text-align: center;
padding: 0 15px;
margin-bottom: 35px;
}
.results-wrap .result-item .title {
font-family: "Roboto", sans-serif;
font-size: 60px;
font-weight: 600;
color: #222;
line-height: 1;
margin: 0 0 10px 0;
}
.results-wrap .result-item .date {
margin-bottom: 0;
}
.results-wrap h4 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 600;
color: #222;
line-height: 1.2;
margin: 0 0 40px 0;
}
#the-need {
background-color: #f9cd12;
background-image: url("../images/yellow-trees.png");
background-size: auto;
background-repeat: no-repeat;
background-position: center;
padding-top: 65px;
}
.the-need-top {
background-image: url("../images/the-need-top.png");
background-position: center;
background-repeat: no-repeat;
background-size: auto;
text-align: center;
height: 150px;
position: relative;
top: 35px;
}
.tn-two-column h4 {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 500;
color: #222;
margin: 0 0 25px;
line-height: 1.2;
}
.tn-two-column p,
.tn-two-column li {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
color: #222;
margin: 0 0 25px;
line-height: 1.5;
}
.tn-two-column a {
color: #fff;
font-weight: 600;
}
.tn-two-column a:hover {
text-decoration: underline;
}
#the-need .quote-wrap img {
left: auto;
right: 90px;
top: auto;
bottom: -77px;
-webkit-transform: translate( 100%, 0 );
-moz-transform: translate( 100%, 0 );
-ms-transform: translate( 100%, 0 );
-o-transform: translate( 100%, 0 );
transform: translate( 100%, 0 );
}
#the-need .quote-wrap .author {
background-color: #f5ce00;
}
#the-need .quote-wrap.quote-wrap-bottom {
margin-top: 20px;
}
#the-need .bottom-button {
position: relative;
}
#the-need .bottom-button .btn {
font-size: 18px;
position: absolute;
bottom: 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% );
}
#building-highlights {
background-color: #fff;
padding: 80px 0 0;
}
body.page-template-tmpl-good-hope-new #building-highlights {
padding: 50px 0 0;
}
.gh-title {
font-family: "Roboto", sans-serif;
font-size: 48px;
font-weight: 600;
color: #222;
margin: 0 0 25px 0;
line-height: 1;
text-transform: uppercase;
text-align: center;
}
.bh-features {
text-align: center;
margin-bottom: 10px;
}
.bh-features-item {
display: inline-block;
width: 215px;
padding: 0 30px;
vertical-align: top;
margin-bottom: 35px;
}
body.page-template-tmpl-good-hope-new .bh-features-item {
margin-bottom: 30px;
}
.bh-features-item .icon-wrap {
position: relative;
height: 120px;
width: 100%;
margin-bottom: 7px;
}
.bh-features-item .icon-wrap img {
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% );
}
.bh-features-item h4 {
font-family: "Roboto", sans-serif;
font-size: 33px;
font-weight: 500;
color: #222;
margin: 0 0 10px 0;
line-height: 1;
}
.bh-features-item p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #222;
margin: 0;
line-height: 1.2;
}
.bh-accordions.faq-list {
max-width: 100%;
margin: 30px 0 50px;
}
.bh-accordions.faq-list .faq-item .question {
font-weight: 500;
}
.bh-accordions.faq-list .faq-item .answer {
border: none;
border-radius: 0;
background-color: #e5f2ef;
padding: 40px 30px 20px 30px;
}
.bh-bottom-content {
padding: 60px 370px 50px 0;
position: relative;
}
.page-template-tmpl-good-hope-new .bh-bottom-content {
padding: 100px 350px 75px 0;
position: relative;
}
.bh-bottom-content .bottom-c-image {
position: absolute;
bottom: 0;
right: 0;
}
.bh-bottom-content p {
font-family: "Roboto", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.35;
}
body.page-template-tmpl-good-hope-new .bh-features-item {
width: 180px;
padding: 0 15px;
}
body.page-template-tmpl-good-hope-new .bh-features-item .icon-wrap {
height: 110px;
}
body.page-template-tmpl-good-hope-new .bh-features-item h4 {
font-size: 22px;
}
body.page-template-tmpl-good-hope-new .bh-features-item p {
font-size: 14px;
}
#the-investment {
background-color: #f9cd12;
background-image: url("../images/ti-section-bg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 85px 0 0;
}
#the-investment .graph {
padding-top: 20px;
padding-bottom: 35px;
}
#the-investment h3 {
font-family: "Roboto", sans-serif;
font-size: 48px;
font-weight: 600;
color: #000;
margin: 0 0 25px 0;
line-height: 1;
text-transform: uppercase;
}
#the-investment h4 {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 500;
color: #000;
margin: 0 0 25px 0;
line-height: 1.2;
}
#the-investment p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #000;
margin: 0 0 25px 0;
line-height: 1.4;
}
#the-investment .bottom-button {
margin-top: 80px;
}
#the-investment .bottom-button .btn {
font-size: 18px;
position: absolute;
bottom: 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% );
}
#leave-your-mark {
background-color: #fff;
padding: 85px 0 0;
}
body.page-template-tmpl-good-hope-new #leave-your-mark {
background-image: url(../images/lym-bg.png);
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
background-color: #f8cc17;
}
body.page-template-tmpl-good-hope-new #leave-your-mark h3:not( .gh-title ) {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 600;
margin: 0 0 25px 0;
line-height: 1.2;
}
body.page-template-tmpl-good-hope-new #leave-your-mark h3 strong {
font-size: 48px;
}
body.page-template-tmpl-good-hope-new #leave-your-mark .lym-features-title {
margin: -15px 0 25px 0;
padding: 0 0 0 0;
}
body.page-template-tmpl-good-hope-new #leave-your-mark .lym-features-title:before {
display: none !important;
}
body.page-template-tmpl-good-hope-new #leave-your-mark .bh-features-item {
width: 210px;
}
body.page-template-tmpl-good-hope-new #leave-your-mark .bh-features-item > :last-child {
margin-bottom: 0;
}
#leave-your-mark h4 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 500;
margin: 0 0 25px 0;
line-height: 1.2;
}
#leave-your-mark .lym-features-title {
font-family: "Roboto", sans-serif;
font-size: 28px;
font-weight: 500;
margin: 30px 0 25px 0;
padding: 32px 0 0 0;
line-height: 1.2;
position: relative;
}
#leave-your-mark .lym-features-title:before {
content: "";
display: block;
width: 45px;
height: 4px;
background-color: #222;
position: absolute;
top: 0;
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 );
}
#leave-your-mark .bh-features {
margin-bottom: 0;
position: relative;
}
#leave-your-mark .bh-features > img {
position: absolute;
top: 60%;
left: 50px;
-webkit-transform: translate( -100%, -50% );
-moz-transform: translate( -100%, -50% );
-ms-transform: translate( -100%, -50% );
-o-transform: translate( -100%, -50% );
transform: translate( -100%, -50% );
}
.bh-features-item.lym-features-item {
padding: 0 10px;
}
#leave-your-mark .bh-features-item.lym-features-item h4 {
font-family: "Roboto", sans-serif;
font-size: 24px;
font-weight: 400;
margin: 0 0 10px 0;
line-height: 1;
}
body.page-template-tmpl-good-hope-new #leave-your-mark .bh-features-item.lym-features-item h4 {
font-size: 22px;
font-weight: 500;
}
#leave-your-mark p {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0 0 25px 0;
line-height: 1.5;
}
body.page-template-tmpl-good-hope-new #leave-your-mark p {
font-size: 15px;
line-height: 1.2;
}
#leave-your-mark strong {
font-family: "Roboto", sans-serif;
font-size: 20px;
line-height: 1.2;
}
#leave-your-mark #gallery-slider {
margin-top: 45px;
}
#leave-your-mark #gallery-slider .gallery-item {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0.9);
-webkit-filter: grayscale(0.9);
transition: all 1s linear;
}
#leave-your-mark #gallery-slider .gallery-item:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: grayscale(0);
-webkit-filter: grayscale(0);
transition: all 1.5s linear;
}
#lets-go {
background-image: url("../images/gh-contacts-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 85px 0;
}
body.page-template-tmpl-good-hope-new #lets-go {
background-image: url("../images/lets-go-bg.jpg");
}
body.page-template-tmpl-good-hope-new #lets-go .row {
max-width: 840px;
}
#lets-go .gh-title {
color: #fff;
}
#lets-go p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 400;
color: #fff;
}
#lets-go a {
color: #ffea00;
}
#lets-go a:hover {
text-decoration: underline;
}
.lets-go-contacts {
text-align: center;
margin-top: 30px;
}
.lets-go-contacts > *:last-child {
margin-bottom: 0;
}
.lets-go-contacts h4 {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 500;
color: #fff;
margin: 0 0 3px 0;
line-height: 1;
}
.lets-go-contacts h5 {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
margin: 0 0 30px 0;
line-height: 1.2;
}
.lets-go-contacts p {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
margin: 0 0 25px 0;
line-height: 1.4;
}
.lets-go-contacts a {
font-family: "Roboto", sans-serif;
font-size: 18px;
font-weight: 500;
color: #fff;
}
.lets-go-contacts a:hover {
text-decoration: underline;
}
.programs-time-line-wrap {
padding: 25px 50px 0;
}
.programs-time-line-wrap .programs-time-line {
position: relative;
}
.programs-time-line-wrap .programs-time-line:nth-child( odd ) .corner {
height: 100%;
width: 50px;
border: 2px dashed #399868;
border-left: none;
position: absolute;
bottom: -50%;
right: -50px;
border-radius: 0 50px 50px 0;
}
.programs-time-line-wrap .programs-time-line:nth-child( even ) .corner {
height: 100%;
width: 50px;
border: 2px dashed #399868;
border-right: none;
position: absolute;
bottom: -50%;
left: -50px;
border-radius: 50px 0 0 50px;
}
.programs-time-line-wrap .programs-time-line:last-child .corner {
display: none !important;
}
.programs-time-line-wrap .programs-time-line:nth-child( odd ) .time-line-item {
float: left;
}
.programs-time-line-wrap .programs-time-line:nth-child( even ) .time-line-item {
float: right;
}
.programs-time-line-wrap .time-line-item {
display: block;
height: 200px;
width: 25%;
padding: 0 3px;
float: left;
position: relative;
}
.programs-time-line-wrap .time-line-item:before {
display: block;
content: "";
width: 99%;
height: 1px;
border-top: 2px dashed #399868;
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% );
}
.programs-time-line-wrap .time-line-item:after {
display: block;
content: "";
width: 8px;
height: 8px;
background-color: #399868;
border-radius: 50%;
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% );
}
.programs-time-line-wrap .time-line-item .title-wrap,
.programs-time-line-wrap .time-line-item .date-wrap {
height: 50%;
position: relative;
}
.programs-time-line-wrap .time-line-item .title-wrap .title {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
padding: 10px 15px;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #222;
margin-bottom: 10px;
}
.programs-time-line-wrap .time-line-item .date-wrap .date {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 100%;
padding: 10px 15px;
margin-top: 10px;
font-family: "Roboto", sans-serif;
font-size: 22px !important;
font-weight: 600;
color: #399868;
line-height: 1;
}
.gh-reveal-modal h3 {
font-size: 42px !important;
}
.gh-reveal-modal h4 {
font-size: 26px !important;
}
.lets-go-contacts .contact-person {
width: 150px;
border-radius: 50%;
margin: 0 0 15px 0;
padding: 0;
}
.bh-accordions .faq-item .answer p,
.bh-accordions .faq-item .answer li {
font-size: 16px;
}
#masthead.mh-good-hope .masthead-content .btn[href*="vimeo"]:after,
#masthead.mh-good-hope .masthead-content .btn[href*="youtube"]:after {
font-family: FontAwesome;
content: "\f16a";
font-size: 20px;
margin-left: 10px;
}
body.page-template-tmpl-good-hope-new #masthead.mh-good-hope .masthead-content .btn[href*="vimeo"]:after,
body.page-template-tmpl-good-hope-new #masthead.mh-good-hope .masthead-content .btn[href*="youtube"]:after {
display: none;
}
body.page-template-tmpl-good-hope-new .buttons-wrap {
margin-bottom: 25px;
}
body.page-template-tmpl-good-hope-new .buttons-wrap .btn {
display: inline-block;
vertical-align: top;
min-width: 150px;
margin: 6px 3px;
}
section.gh-community {
padding: 55px 0 55px;
}
section.gh-community .typography {
margin-bottom: 30px;
}
.gh-co-logo {
background-color: #fff;
display: inline-block;
width: 200px;
height: 94px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border: 10px solid transparent;
box-shadow: 0 0 45px #dedede;
margin: 0 10px 20px;
transition: all .2s linear;
}
a.gh-co-logo:hover {
cursor: pointer;
box-shadow: 0 0 45px #c1c1c1;
transition: all .2s linear;
}
.gh-co-list {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 19px;
font-weight: 500;
color: #8e8e8e;
text-transform: uppercase;
margin: 5px 10px;
}
a.gh-co-list:hover,
a.gh-co-list:focus {
color: #399868;
cursor: pointer;
}
.contacts-list-title {
font-family: "Roboto", sans-serif;
font-size: 30px;
font-weight: 500;
color: #fff;
text-align: center;
margin: 25px 0 25px;
padding: 25px 0 0 0;
position: relative;
}
.contacts-list-title:before {
background-color: #fff;
content: "";
display: block;
width: 60px;
height: 3px;
position: absolute;
top: 0;
left: calc( 50% - 30px );
}
#lets-go .contacts-list {
font-size: 0;
letter-spacing: 0;
max-width: 680px;
margin: 0 auto;
}
.contacts-list-item {
display: inline-block;
width: 33.3%;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
text-align: center;
margin: 0 0 5px 0;
vertical-align: top;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: GHG Recognition Oppos
--------------------------------------------------------------------------------------------------------------------- */
.ghg-recognition-mh {
display: block;
width: 100%;
margin: 0;
}
.ghg-recognition-mh img {
width: 100%;
}
section.top-content.ghg {
background-image: url(../images/ghg-top-content-bg.png);
background-size: auto;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0;
padding: 80px 0 80px 0;
}
section.top-content.ghg h3 {
font-family: "Roboto", sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
color: #222;
margin: 0 0 10px 0;
}
section.top-content.ghg h5 {
font-family: "Roboto", sans-serif;
font-size: 36px;
font-weight: 500;
line-height: 1.2;
color: #222;
padding: 0 0 35px 0;
margin: 0 0 35px 0;
position: relative;
}
section.top-content.ghg h5:after {
display: block;
content: "";
width: 50px;
height: 3px;
background-color: #222;
position: absolute;
bottom: -1px;
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 );
}
.ghg .btn-yellow {
font-size: 18px;
color: #222;
padding: 13px 35px;
}
.ghg .btn-yellow:hover {
color: #000;
}
.ghg blockquote {
border: 2px dashed #222;
padding: 30px 15px;
margin: 30px 0 35px 0;
}
.ghg blockquote p {
color: #222;
}
.ghg blockquote > :last-child {
margin-bottom: 0;
}
section.floor-slider {
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 0 115px;
min-height: 900px;
}
#floor-slider {
padding: 0 50px;
}
#floor-slider .slick-arrow {
display: block;
width: 50px;
height: 50px;
font-size: 50px;
line-height: 50px;
color: #fff;
text-align: center;
position: absolute;
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% );
transition: color .2s linear;
}
#floor-slider .slick-arrow:hover {
cursor: pointer;
color: #f9b62f;
}
#floor-slider .slick-prev {
left: 0;
}
#floor-slider .slick-next {
right: 0;
}
.floor-slide h4 {
font-family: "Roboto", sans-serif;
font-size: 60px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
margin: 0 0 30px 0;
text-align: center;
}
.floor-slide .floor-image {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 600px;
margin-bottom: 40px;
cursor: pointer;
}
.floor-slide .btn-set {
text-align: center;
}
.floor-slide .btn-set .btn {
font-size: 16px;
color: #222;
padding: 12px 30px;
min-width: 291px;
margin: 3px;
}
section.rooms {
margin-bottom: 35px;
}
.rooms-wrap {
font-size: 0;
letter-spacing: 0;
text-align: center;
min-height: 450px;
max-height: 750px;
overflow: auto;
margin: 0 0 50px 0;
position: relative;
}
.rooms-wrap:before {
content: "";
display: block;
width: 100%;
height: 50px;
position: absolute;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
z-index: 1000;
}
.room-item {
position: relative;
background-color: #f9f9f9;
display: inline-block;
width: 30%;
padding: 25px 25px 70px;
margin: 0 1.5% 30px;
vertical-align: top;
transition: background-color .2s linear;
}
.room-item[access="available"]:hover {
background-color: #f8cc17;
cursor: pointer;
}
.room-item[access="unavailable"]:hover {
cursor: no-drop;
}
.room-item:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 0 13px;
border-color: transparent transparent transparent #4c976a;
position: absolute;
top: 0;
right: 0;
}
.room-item[access="unavailable"]:before {
border-color: transparent transparent transparent #ccc;
}
.room-item:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
top: 0;
right: 0;
}
.room-item .floor {
background-color: #4c976a;
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 9px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
padding: 7px 12px;
border-radius: 20px;
line-height: 1;
margin: 0 0 10px 0;
letter-spacing: 0.5px;
transition: inherit;
}
.room-item[access="available"]:hover .floor {
background-color: #fff;
color: #000;
}
.room-item[access="unavailable"] .floor {
background-color: #ccc;
}
.room-item .title {
font-family: "Roboto", sans-serif;
font-size: 28px;
font-weight: 600;
color: #000;
text-transform: uppercase;
line-height: 1;
margin: 0 0 5px 0;
letter-spacing: 0.5px;
}
.room-item .program {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
color: #000;
text-transform: uppercase;
line-height: 1;
margin: 0 0 20px 0;
letter-spacing: 0.5px;
}
.room-item[access="unavailable"] .title,
.room-item[access="unavailable"] .program {
color: #ccc;
}
.room-item .gift-lvl {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
color: #4c976a;
text-transform: uppercase;
line-height: 1;
margin: 0 0 20px 0;
padding: 14px 15px;
border-radius: 5px;
border: 1px solid #4c976a;
letter-spacing: 0.5px;
min-width: 200px;
transition: inherit;
}
.room-item[access="available"]:hover .gift-lvl {
border: 1px solid #000;
color: #000;
}
.room-item[access="unavailable"] .gift-lvl {
border: 1px solid #ccc;
color: #ccc;
}
.room-item .description {
margin: 0 0 20px 0;
text-align: left;
}
.room-item .description p {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.5;
margin: 0 0 20px 0;
}
.room-item[access="unavailable"] .description p {
color: #ccc;
}
.room-item .description > :last-child {
margin-bottom: 0;
}
.room-item .request-button {
background-color: #f8cc17;
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
color: #000;
border-radius: 5px;
width: calc( 100% - 50px );
margin: 0;
padding: 12px 15px;
position: absolute;
left: 50%;
bottom: 25px;
-webkit-transform: translate( -50%, 0 );
-moz-transform: translate( -50%, 0 );
-ms-transform: translate( -50%, 0 );
-o-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
transition: inherit;
}
.room-item[access="available"]:hover .request-button {
background-color: #fff;
color: #000;
}
.room-item[access="unavailable"] .request-button {
background-color: #ccc;
color: #fff;
}
.rooms-wrap[view='list'] .room-item {
width: 97%;
margin: 0 1.5% 30px;
height: auto !important;
font-size: 0;
letter-spacing: 0;
padding: 30px 30px;
}
.rooms-wrap[view='list'] .room-item .head {
display: inline-block;
width: 35%;
vertical-align: top;
}
.rooms-wrap[view='list'] .room-item .details {
display: inline-block;
width: 65%;
padding: 15px 0 0 35px;
vertical-align: top;
position: relative;
text-align: left;
}
.rooms-wrap[view='list'] .room-item .gift-lvl {
margin: 0;
}
.rooms-wrap[view='list'] .room-item .request-button {
position: static;
width: 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-wrap {
margin: 0 0 50px 0;
position: relative;
}
.view-available-opportunities {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 400;
color: #c3c3c3;
letter-spacing: .5px;
text-transform: uppercase;
line-height: 1.5;
vertical-align: middle;
margin: 0 15px 0 0;
}
.view-available-opportunities .switcher {
width: 32px;
height: 18px;
border: 1px solid #ccc;
border-radius: 30px;
display: inline-block;
margin: 0 0 0 7px;
vertical-align: middle;
position: relative;
top: -2px;
cursor: pointer;
}
.view-available-opportunities .switcher:after {
content: "";
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #4c976a;
position: absolute;
top: 50%;
left: 16px;
-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;
}
.view-available-opportunities .switcher[mode="off"]:after {
left: 2px;
background-color: #ccc;
}
.rooms .search-bar {
display: inline-block;
width: 175px;
vert-align: middle;
position: relative;
margin: 0 15px 0 0;
}
.rooms .search-bar .key {
height: 44px;
padding: 5px 45px 5px 20px;
text-align: center;
border-radius: 50px;
margin: 0;
}
.rooms .search-bar i {
font-size: 14px;
color: #c1c1c1;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
.rooms .filter-wrap select {
background-position: right 10px center;
text-align: center;
height: 44px;
border-radius: 50px;
padding: 5px 25px;
outline: none !important;
display: inline-block;
width: 205px;
margin: 0 15px 0 0;
}
.view-switcher {
display: inline-block;
vertical-align: middle;
}
.view-switcher > div {
padding: 5px;
margin: 3px;
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 1;
color: #c3c3c3;
transition: color .2s linear;
}
.view-switcher > div:hover,
.view-switcher > div.active {
color: #4c976a;
cursor: pointer;
}
.room-item.hidden-by-floor,
.room-item.hidden-by-search,
.room-item.hidden-by-amount,
.room-item.hidden-by-program,
.rooms-wrap[availability='active-only'] .room-item[access='unavailable'] {
display: none;
}
.reset-rooms-filter {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #ccc;
position: absolute;
bottom: -35px;
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 );
transition: color .2s linear;
}
.reset-rooms-filter.hidden {
display: none;
}
.reset-rooms-filter i {
margin-left: 2px;
}
.reset-rooms-filter:hover {
color: #f8cc17;
cursor: pointer;
}
.recognition-oppos-popup-overlay {
visibility: visible;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.85);
transition: opacity .2s linear;
z-index: 5000;
}
.recognition-oppos-popup {
visibility: visible;
display: block;
width: 100%;
max-width: 500px;
padding: 0 15px;
opacity: 1;
position: fixed;
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;
z-index: 5010;
}
.recognition-oppos-popup-overlay.hidden,
.recognition-oppos-popup.hidden {
visibility: hidden;
opacity: 0;
}
.recognition-oppos-popup .content-wrap {
position: relative;
}
.recognition-oppos-popup .content {
background-image: url(../images/recognition-oppos-popup-bottom.svg);
background-position: left bottom;
background-size: 100% auto;
background-repeat: no-repeat;
background-color: #fff;
padding: 35px 35px;
border-bottom: 8px solid #f8cc17;
}
.recognition-oppos-popup .popup-title {
background-color: #139C68;
color: #fff;
display: block;
width: 100%;
font-size: 17px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.25px;
text-align: center;
text-transform: uppercase;
padding: 20px 35px;
margin: 0;
}
.recognition-oppos-popup .close {
display: inline-block;
padding: 5px 7px;
font-size: 18px;
color: #f8cc17;
cursor: pointer;
position: absolute;
top: 14px;
right: 10px;
line-height: 1;
transition: color .2s linear;
}
.recognition-oppos-popup .close:hover {
color: #be0004;
}
.recognition-oppos-popup .room-title {
display: block;
font-family: "Roboto", sans-serif;
font-size: 32px;
font-weight: 600;
color: #000;
text-transform: uppercase;
line-height: 1;
margin: 0 0 8px 0;
letter-spacing: 0.5px;
}
.recognition-oppos-popup .room-program {
display: block;
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
color: #000;
text-transform: uppercase;
line-height: 1;
margin: 0 0 10px 0;
letter-spacing: 0.5px;
}
.recognition-oppos-popup .room-gift-lvl {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 500;
color: #000;
text-transform: uppercase;
line-height: 1;
margin: 0 0 9px 0;
padding: 14px 15px;
border-radius: 5px;
border: 1px solid #000;
letter-spacing: 0.5px;
min-width: 200px;
transition: inherit;
}
.recognition-oppos-popup .room-description {
display: block;
margin: 0 0 21px 0;
}
.recognition-oppos-popup .room-description p {
font-family: "Roboto", sans-serif;
font-size: 14px;
}
.recognition-oppos-popup .room-description > :last-child {
margin-bottom: 0;
}
body .recognition-oppos-popup .gform_wrapper .gform_footer input.button,
body .recognition-oppos-popup .gform_wrapper .gform_footer input[type=submit] {
background-color: #f8cc17;
border-color: #f8cc17;
font-size: 16px;
letter-spacing: 0.5px;
color: #000;
}
body .recognition-oppos-popup .gform_wrapper .gform_footer input.button:hover,
body .recognition-oppos-popup .gform_wrapper .gform_footer input[type=submit]:hover {
background-color: #139C68;
border-color: #139C68;
color: #fff;
}
body .recognition-oppos-popup .gform_wrapper div.validation_error {
margin-bottom: 26px;
}
body .recognition-oppos-popup .gform_confirmation_wrapper {
background-color: #2d9c67;
font-size: 14px;
margin-top: 29px;
margin-bottom: 20px;
}
body .recognition-oppos-popup .gform_confirmation_wrapper .gform_confirmation_message > :last-child {
margin-bottom: 0 !important;
}
body .recognition-oppos-popup .gform_confirmation_wrapper p {
font-size: 14px;
font-weight: 600;
line-height: 1.45;
margin-bottom: 15px;
}
body .recognition-oppos-popup .gform_confirmation_wrapper a {
color: #f8cc17;
}
body .recognition-oppos-popup .gform_confirmation_wrapper a:hover {
text-decoration: underline;
}
.recognition-oppos-popup .gform_wrapper .gfield.hidden {
display: none !important;
}
section.gallery.building-gallery {
margin: -5px 0 50px 0;
}
#building-gallery {
padding: 0 65px;
position: relative;
}
#building-gallery:before {
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
content: "";
display: block;
width: 100px;
height: 100%;
position: absolute;
top: 0;
left: 50px;
z-index: 100;
}
#building-gallery:after {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
content: "";
display: block;
width: 100px;
height: 100%;
position: absolute;
top: 0;
right: 50px;
z-index: 100;
}
#building-gallery .gallery-item {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 220px;
border: 5px solid #fff;
opacity: 0.8;
transition: opacity .25s linear;
}
#building-gallery .gallery-item:hover {
opacity: 1;
}
#building-gallery .gallery-slider-wrap .slick-prev {
left: -50px;
color: #c9c9c9;
z-index: 200;
}
#building-gallery .gallery-slider-wrap .slick-next {
right: -50px;
color: #c9c9c9;
z-index: 200;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Campaigns
--------------------------------------------------------------------------------------------------------------------- */
.post-image-bg {
height: 415px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* ---------------------------------------------------------------------------------------------------------------------
Home: General Quotes
--------------------------------------------------------------------------------------------------------------------- */
.general-quotes-slider:not( .slick-initialized ) .slide:not( :first-child ) {
display: none;
}
.general-quotes-slider .slide {
background-color: #EEEEEE;
background-size: 1px;
height: 100% !important;
position: relative;
outline: none !important;
}
.general-quotes-slider .slide:after {
background-image: inherit;
background-position: right center;
background-size: cover;
background-repeat: no-repeat;
content: "";
width: 70%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 150;
}
.general-quotes-slider .slide:before {
background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(244,244,244,1) 45%, rgba(253,253,253,0) 90%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(244,244,244,1) 45%,rgba(253,253,253,0) 90%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(244,244,244,1) 45%,rgba(253,253,253,0) 90%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00ffffff',GradientType=1 );
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 200;
}
.general-quotes-slider .slick-arrow {
background-color: #2B9663;
width: 42px;
height: 42px;
border-radius: 50%;
line-height: 42px;
text-align: center;
font-size: 24px;
color: #fff;
position: absolute;
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% );
z-index: 500;
transition: background-color .2s linear;
}
.general-quotes-slider .slick-prev {
left: 20px;
padding-right: 3px;
}
.general-quotes-slider .slick-next {
right: 20px;
padding-left: 3px;
}
.general-quotes-slider .slick-arrow:hover {
background-color: #F9B630;
cursor: pointer;
transition: background-color .2s linear;
}
.general-quote {
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
height: 100%;
min-height: 380px;
padding: 60px 0;
text-align: center;
position: relative;
z-index: 400;
}
.general-quote > :last-child {
margin-bottom: 0;
}
.general-quote p {
font-size: 18px;
font-style: italic;
color: #444;
line-height: 1.7;
margin: 0 0 20px 0;
}
.general-quote a {
font-weight: 700;
}
.general-quote .gq-author {
font-size: 26px;
font-weight: 600;
color: #0D9A65;
margin: 0;
padding: 15px 0 0 0;
position: relative;
}
.general-quote .gq-author:before {
background-color: #0D9A65;
content: "";
display: block;
width: 50px;
height: 2px;
position: absolute;
top: 0;
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 );
}
.general-quote .gq-position {
font-size: 14px;
font-weight: 400;
font-style: italic;
color: #444;
margin: 4px 0 0 0;
padding: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------
Home: Corporate Partnership Program
--------------------------------------------------------------------------------------------------------------------- */
section.cpp {
background-color: #F7F7F7;
padding: 125px 0 45px;
border-top: 50px solid #f2f2f2;
position: relative;
}
section.cpp:before {
content: "";
display: block;
width: calc( 50% - 120px );
height: 1px;
background-color: #0D9A65;
position: absolute;
top: 0;
left: 0;
}
section.cpp:after {
content: "";
display: block;
width: calc( 50% - 120px );
height: 1px;
background-color: #0D9A65;
position: absolute;
top: 0;
right: 0;
}
.cpp-badge {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 170px;
height: 170px;
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% );
}
section.cpp .row {
max-width: 1160px;
}
.cpp-logos-slider .slide {
text-align: center;
}
.cpp-logos-slider .slide .logo-item {
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: calc( 100% - 20px );
height: 100px;
border: 20px solid #fff;
}
.cpp-logos-slider .slick-dots {
list-style: none;
margin: 15px 0 0 0;
text-align: center;
}
.cpp-logos-slider .slick-dots li {
border: 1px solid #cecece;
display: inline-block;
font-size: 0 !important;
width: 7px;
height: 7px;
border-radius: 50%;
margin: 5px;
padding: 0;
transition: all .2s linear;
}
.cpp-logos-slider .slick-dots li:hover,
.cpp-logos-slider .slick-dots li.slick-active {
cursor: pointer;
border: 1px solid #0D9A65;
background-color: #0D9A65;
transition: all .2s linear;
}
.cpp-logos-slider .slick-dots li button {
display: none;
}
section.cpp .buttons-wrap {
margin-top: 20px;
text-align: center;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: Corporate Partnership
--------------------------------------------------------------------------------------------------------------------- */
section#masthead.corporate-partnership {
height: auto;
padding: 60px 0;
}
.typography > :last-child {
margin-bottom: 0;
}
.mh-badge img {
height: 320px;
}
section.cp-intro {
padding: 40px 0 35px;
}
section.cp-intro h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.25;
margin: 0 0 25px 0;
}
section.cp-intro p {
font-size: 16px;
line-height: 1.2;
}
.cp-buttons-group .title {
font-size: 20px;
font-weight: 700;
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 20px;
}
.buttons-group {
text-align: center;
font-size: 0;
letter-spacing: 0;
margin-bottom: 30px;
}
.buttons-group .btn {
width: calc( 16.65% - 8px );
font-size: 16px;
padding: 15px 15px;
min-width: 150px;
margin-left: 9px;
margin-bottom: 6px;
}
.buttons-group .btn:first-child,
.buttons-group .btn:nth-child( 6n + 1 ) {
margin-left: 0;
}
section.cp-quote {
margin-bottom: 40px;
}
.quotes-slider:not( .slick-initialized ) > .slide:not( :first-child ) {
display: none;
}
.quotes-slider .slick-arrow {
background-color: #eaeaea;
width: 42px;
height: 42px;
border-radius: 50%;
line-height: 40px;
text-align: center;
font-size: 24px;
color: #fff;
position: absolute;
top: 40%;
-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: 500;
transition: background-color .2s linear;
}
.quotes-slider .slick-prev {
left: 1px;
padding-right: 3px;
}
.quotes-slider .slick-next {
right: 1px;
padding-left: 3px;
}
.quotes-slider .slick-arrow:hover {
background-color: #2B9663;
cursor: pointer;
transition: background-color .2s linear;
}
section.cp-quote blockquote {
border-left: none;
padding: 30px 70px 30px;
margin: 0;
text-align: center;
}
section.cp-quote blockquote p {
font-size: 20px;
font-weight: 600;
font-style: italic;
color: #797979;
line-height: 1.45;
margin-bottom: 15px;
}
section.cp-quote blockquote .author {
font-size: 14px;
color: #797979;
line-height: 1.25;
}
section.green-banner {
background-color: #008165;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 120px 0;
margin-bottom: 35px;
}
section.green-banner .title {
font-size: 48px;
font-weight: 700;
color: #fff;
line-height: 1;
padding-bottom: 34px;
margin: 0 0 22px 0;
position: relative;
text-align: center;
}
section.green-banner .title:before {
background-color: #fff;
content: "";
display: block;
width: 80px;
height: 1px;
position: absolute;
bottom: 0;
left: calc( 50% - 40px );
}
section.green-banner p {
font-size: 26px;
font-weight: 300;
color: #fff;
line-height: 1.2;
}
.cp-form {
margin-bottom: 50px;
}
.cp-form-wrap {
background-image: url( ../images/cp-form-bg.jpg );
background-color: #008165;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 50px 75px;
border-radius: 3px;
overflow: hidden;
}
.cp-form-wrap .title {
font-size: 20px;
font-weight: 600;
color: #f3b632;
line-height: 1.25;
padding-bottom: 22px;
margin: 0 0 16px 0;
position: relative;
text-align: center;
}
.cp-form-wrap .title:before {
background-color: #f3b632;
content: "";
display: block;
width: 80px;
height: 1px;
position: absolute;
bottom: 0;
left: calc( 50% - 40px );
}
.cp-form-wrap p {
font-size: 18px;
font-weight: 600;
color: #fff;
line-height: 1.25;
}
.cp-form-wrap .gform_wrapper label.gfield_label {
font-size: 18px;
font-weight: 600;
text-align: center;
color: #f3b632;
width: 100%;
margin-bottom: 12px;
margin-top: 5px;
}
.from-wrap {
margin-top: 35px;
}
.cp-form-wrap .gform_wrapper label.gfield_label .gfield_required {
display: none;
}
body .cp-form-wrap .gform_wrapper {
margin-bottom: 0;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox {
font-size: 0;
letter-spacing: 0;
text-align: center;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox > li {
display: inline-block;
width: auto;
max-width: 162px;
vertical-align: middle;
margin-right: 12px !important;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox > li input[type=checkbox] + label {
font-size: 12px;
line-height: 1.2;
text-align: left;
color: #fff;
font-weight: 600;
padding: 10px 0 10px 27px;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox > li input[type=checkbox] + label:before {
font-weight: 400;
color: #fff;
top: 50%;
left: 0;
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
-o-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox > li input[type=checkbox]:checked + label {
color: #fff;
font-weight: 600 !important;
}
body .cp-form-wrap .gform_wrapper .gform_footer {
text-align: center;
}
body .cp-form-wrap .gform_wrapper .gform_footer input.button {
display: inline-block;
width: auto;
background-color: transparent;
border: 1px solid #f3b632;
border-radius: 3px;
color: #f3b632;
padding: 15px 20px;
min-width: 180px;
max-width: 100%;
word-break: break-all;
white-space: normal;
}
body .cp-form-wrap .gform_wrapper .gform_footer input.button:hover,
body .cp-form-wrap .gform_wrapper .gform_footer input.button:focus {
background-color: #f3b632;
color: #1C6953;
outline: none !important;
box-shadow: none !important;
}
body .gform_wrapper .gform_ajax_spinner {
position: absolute;
top: auto;
bottom: -30px;
right: calc( 50% - 20px );
}
body .cp-form-wrap input[type="text"],
body .cp-form-wrap textarea {
font-weight: 500;
color: #008165;
}
body .cp-form-wrap input[type="text"]:focus,
body .cp-form-wrap textarea:focus {
background: #fff !important;
border-color: #f3b632;
}
body .gform_wrapper div.validation_error {
font-size: 14px;
background-color: #f3b632;
}
body .cp-form-wrap .gform_wrapper .validation_message {
color: #f3b632;
}
body .gform_wrapper .top_label .gfield_error {
width: 100%;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .validation_message {
position: relative;
top: -10px;
}
section.cp-gallery {
margin-bottom: 50px;
}
#cp-gallery-slider .post-slider {
height: auto;
border-radius: 3px;
overflow: hidden;
}
#cp-gallery-slider .post-slider .gallery-item:after {
background: none !important;
position: static;
width: 100%;
height: auto;
padding-bottom: 65%;
}
section.cp-partners .row {
max-width: 1200px;
}
section.cp-partners .title {
font-size: 60px;
font-weight: 700;
color: #008165;
line-height: 1;
text-align: center;
margin-top: 0;
}
section.cp-partners .subtitle {
font-size: 36px;
font-weight: 700;
color: #008165;
line-height: 1.2;
text-align: center;
}
section.cp-partners .sponsor-logo-item {
width: 20%;
height: 125px;
}
section.cp-partners .sponsor-logo-item img {
max-width: 95%;
max-height: 110px;
}
section.cp-partners .event-sponsors-list {
padding: 45px 0 0 0;
margin: 0 auto 50px;
max-width: 940px;
}
section.cp-features {
}
.cp-features-item {
margin-bottom: 35px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.cp-features-item:hover {
cursor: pointer;
}
.cp-features-item .preview {
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.cp-features-item .preview:before {
display: block;
content: "";
width: 100%;
padding-bottom: 85%;
}
.cp-features-item .content {
background-color: #008165;
background-image: url( ../images/cp-circles.svg );
background-position: top right;
background-repeat: no-repeat;
background-size: auto 100%;
text-align: center;
padding: 25px 15px;
}
.cp-features-item .content h4 {
font-size: 32px;
text-transform: uppercase;
color: #fff;
line-height: 1;
margin: 0 0 20px;
}
.cp-features-item .content .btn {
background-color: transparent;
display: inline-block;
border: 1px solid #fff;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 11px 30px;
transition: all .2s linear;
}
.cp-features-item:hover .content .btn {
background-color: #fff;
border: 1px solid #fff;
color: #008165;
transition: all .2s linear;
}
.cp-features-popup-overlay {
background-color: rgba(0, 0, 0, 0.91);
position: fixed;
top: -99999px;
left: -99999px;
visibility: hidden;
opacity: 0;
z-index: 99999;
}
.cp-features-popup-overlay.show {
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
}
.cp-features-popup {
background-color: #008165;
background-image: url( ../images/cp-form-bg.jpg );
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
padding: 35px 30px 10px;
width: calc( 100% - 70px );
max-width: 1000px;
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
opacity: 0;
z-index: 100000;
}
.cp-features-popup[count="1"] {
max-width: 336px;
}
.cp-features-popup[count="1"] .title {
font-size: 32px;
}
.cp-features-popup[count="2"] {
max-width: 650px;
}
.cp-features-popup[count="2"] .title {
font-size: 32px;
}
.cp-features-popup.show {
top: 50px;
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 );
visibility: visible;
opacity: 1;
transition: opacity .2s linear;
}
.cp-features-popup .title {
font-size: 48px;
font-weight: 700;
color: #fdc056;
line-height: 1;
text-align: center;
text-transform: uppercase;
margin: 0 0 25px 0;
}
.popup-columns {
font-size: 0;
letter-spacing: 0;
}
.popup-column {
display: inline-block;
background-color: #fff;
padding: 0;
margin-bottom: 20px;
vertical-align: top;
}
.popup-columns[count="2"] .popup-column,
.popup-columns[count="4"] .popup-column {
width: calc( 50% - 10px );
margin-left: 20px;
}
.popup-columns[count="2"] .popup-column:nth-child( odd ),
.popup-columns[count="4"] .popup-column:nth-child( odd ) {
margin-left: 0;
}
.popup-columns[count="3"] .popup-column,
.popup-columns[count="6"] .popup-column {
width: calc( 33.3% - 14px );
margin-left: 20px;
}
.popup-columns[count="3"] .popup-column:first-child,
.popup-columns[count="6"] .popup-column:nth-child( 3n + 1 ) {
margin-left: 0;
}
.popup-column .icon-wrap {
text-align: center;
padding-top: 30px;
}
.popup-column img {
height: 90px;
}
.popup-column .image-box {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.popup-column .image-box:before {
display: block;
content: "";
width: 100%;
padding-bottom: 75%;
}
.popup-column .content-wrap {
padding: 30px;
}
.popup-column h5 {
font-size: 26px;
font-weight: 700;
color: #008165;
line-height: 1.2;
margin: 0 0 18px 0;
}
.popup-column p {
font-size: 16px;
color: #000;
line-height: 1.3;
}
.popup-column > :last-child {
margin-bottom: 0;
}
.close-cp-popup {
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
font-size: 24px;
color: #fff;
position: absolute;
top: -10px;
right: -34px;
transition: color .2s linear;
}
.close-cp-popup:hover {
color: #fdc056;
cursor: pointer;
transition: color .2s linear;
}
section.top-bar-menu {
min-height: 44px;
}
section.top-bar-menu .top-bar-menu-fixed {
background-color: #2e9b68;
text-align: center;
padding: 10px 0;
}
section.top-bar-menu a {
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 1;
margin: 1px 15px;
transition: color .2s linear;
}
section.top-bar-menu a:hover {
color: #fdc056;
transition: color .2s linear;
}
/* ---------------------------------------------------------------------------------------------------------------------
TMPL: First Friends
--------------------------------------------------------------------------------------------------------------------- */
body.page-template-tmpl-first-friends #masthead.mh-good-hope {
margin-bottom: 10px;
}
#masthead.mh-good-hope .masthead-content h2 {
font-size: 48px;
font-weight: 800;
line-height: 1.2;
margin: 0 0 30px 0;
}
body.page-template-tmpl-first-friends #masthead.mh-good-hope .masthead-content p {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
#masthead.mh-good-hope .masthead-content hr {
width: 70px;
height: 3px;
background-color: #000;
margin: 28px auto 28px;
border: none;
}
section.ff-gifts {
margin-bottom: 40px;
}
section.ff-gifts .row {
max-width: 940px;
}
.ff-gift-item {
background-color: #F7F7F7;
padding: 45px 20px 40px;
max-width: 300px;
margin: 0 auto 30px;
}
.ff-gift-item > :last-child {
margin-bottom: 0;
}
.ff-gift-item h3 {
font-size: 50px;
font-weight: 700;
line-height: 1;
color: #0e9a65;
margin: 0 0 16px 0;
}
.ff-gift-item h4 {
font-size: 18px;
font-weight: 600;
margin: 0 0 10px 0;
line-height: 1.2;
}
section.ff-gifts p {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
section.first-friends {
background-color: #F7F7F7;
padding-top: 60px;
padding-bottom: 60px;
}
.ff-section-title {
font-size: 48px;
font-weight: 800;
line-height: 1.2;
text-transform: uppercase;
color: #222;
margin: 0 0 15px 0;
}
.ff-section-title span {
color: #0e9a65;
}
.ff-logo {
background-color: #fff;
display: inline-block;
width: 220px;
height: 100px;
vertical-align: top;
border: 10px solid transparent;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 10px 15px 20px;
transition: all .2s linear;
}
a.ff-logo:hover {
cursor: pointer;
filter: brightness( 120% );
transition: all .2s linear;
}
.ff-names {
max-width: 800px;
margin: 0 auto;
}
.ff-name {
display: inline-block;
margin: 6px 10px;
vertical-align: top;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
letter-spacing: -0.5px;
color: #979797;
text-transform: uppercase;
}
a.ff-name:hover {
color: #399868;
text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------------------------------
Footer Styles
--------------------------------------------------------------------------------------------------------------------- */
footer {
background-color: #343434;
padding: 50px 0 0 0;
}
footer h4 {
font-family: "Roboto", sans-serif;
font-size: 20px;
font-weight: 600;
color: #fff;
margin: 0 0 20px 0;
}
#menu-footer {
margin: 0;
}
#menu-footer > li {
display: block;
width: 100%;
margin: 0;
}
#menu-footer > li > a {
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 400;
color: #b4b4b4;
margin-bottom: 18px;
}
#menu-footer > li > a:hover {
color: #fff;
text-decoration: underline;
}
.visit-us-item {
margin-bottom: 20px;
}
.visit-us-item h5 {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
margin: 0;
}
.visit-us-item p {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #b4b4b4;
margin: 0;
}
.visit-us-item a {
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #b4b4b4;
margin: 0;
}
.visit-us-item a:hover {
color: #fff;
text-decoration: underline;
transition: all .2s linear;
}
.footer-menu-wrap {
padding-left: 20%;
}
.footer-logo {
display: inline-block;
margin-bottom: 40px;
width: 100%;
max-width: 230px;
}
.footer-logo img {
width: 100%;
}
footer .soc-media .sm-item {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
color: #fff !important;
background: #494949;
text-align: center;
border-radius: 50%;
font-size: 21px;
margin: 2px;
transition: background .2s ease;
}
footer .copyright {
background-color: #2f2f2f;
text-align: center;
margin-top: 50px;
padding: 20px 0 16px 0;
}
footer .copyright > *:last-child {
margin-bottom: 0;
}
footer .copyright p {
font-family: "Roboto", sans-serif;
font-size: 13px;
color: #c0c0c0;
line-height: 1.2;
margin: 0;
}
footer .copyright a {
font-family: "Roboto", sans-serif;
font-size: 13px;
color: #0e9a65;
}
footer .copyright a:hover {
text-decoration: underline;
}
.justified-gallery {
height: auto !important;
margin-bottom: 5px;
}
.justified-gallery > a,
.justified-gallery > div {
width: 70px !important;
height: 70px !important;
position: relative !important;
top: auto !important;
left: auto !important;
float: left !important;
clear: none !important;
margin-right: 10px;
margin-bottom: 10px;
opacity: 1;
}
.justified-gallery > a img,
.justified-gallery > div img {
display: block;
height: auto !important;
width: auto !important;
max-width: 100% !important;
max-height: 100% !important;
margin: auto !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
-moz-transform: translate( -50%, -50% ) scale( 2 );
-webkit-transform: translate( -50%, -50% ) scale( 2 );
-ms-transform: translate( -50%, -50% ) scale( 2 );
-o-transform: translate( -50%, -50% ) scale( 2 );
transform: translate( -50%, -50% ) scale( 2 );
}
footer .view-all {
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #fff;
}
footer .view-all:hover {
text-decoration: underline;
}
/* ------------------------------------
COOKIE POPUP
------------------------------------- */
.donation-modal-bg {
visibility: hidden;
background-color: rgba(0, 0, 0, 0.9);
position: fixed;
top: -99999px;
left: -99999px;
width: 100%;
height: 101%;
z-index: 0;
opacity: 0;
}
.donation-modal-bg.show {
visibility: visible;
top: 0;
left: 0;
z-index: 99999;
opacity: 1;
transition: opacity .2s linear;
}
.donation-modal-wrap {
visibility: hidden;
width: calc( 100% - 30px );
max-width: 590px;
position: fixed;
top: -99999px;
left: -99999px;
opacity: 0;
z-index: 0;
text-align: center;
padding: 0;
}
.donation-modal-wrap.show {
visibility: visible;
position: absolute;
top: 80px;
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 );
opacity: 1;
z-index: 100000;
transition: opacity .2s linear;
}
.donation-modal-wrap .modal-logo-wrap {
background-color: #293846;
padding: 10px 50px;
border-radius: 0;
border-bottom: 4px solid #0e9a65;
text-align: center;
position: relative;
}
.donation-modal-wrap .modal-logo-wrap .modal-logo {
max-height: 175px;
}
.donation-modal-wrap .donation-modal {
background-color: #fff;
width: 100%;
margin: 0 auto;
position: relative;
padding: 40px 35px;
border-radius: 0;
}
.donation-modal-wrap .donation-modal h3 {
font-family: 'Open Sans', sans-serif;
font-size: 25px;
font-weight: 600 !important;
color: #222;
text-transform: uppercase;
line-height: 1.2;
margin: 0 0 5px 0;
}
.donation-modal-wrap .donation-modal h4 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400 !important;
color: #222;
text-transform: uppercase;
line-height: 1.2;
margin: 0 0 80px 0;
}
.donation-modal-wrap .donation-modal h2 {
font-family: 'Open Sans', sans-serif;
font-size: 36px;
font-weight: 800 !important;
color: #222;
text-transform: uppercase;
line-height: 1.2;
margin: 0 0 15px 0;
letter-spacing: 1px;
}
.donation-modal-wrap .donation-modal p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #222;
line-height: 1.4;
margin: 0 0 35px 0;
}
.donation-modal-wrap .donation-modal img {
border: 1px solid #eee;
}
.donation-modal-wrap .donation-modal > *:last-child {
margin-bottom: 0;
}
.donation-modal-wrap .modal-logo-wrap .close {
background-color: #3b4856;
display: inline-block;
position: absolute;
top: 0;
right: 0;
line-height: 46px;
width: 46px;
height: 46px;
font-size: 20px;
color: #c7c7c7;
transition: all .2s linear;
}
.donation-modal-wrap .modal-logo-wrap .close:hover {
background-color: #cc2500;
color: #fff;
cursor: pointer;
transition: all .2s linear;
}
.donation-modal-wrap .donation-modal .btn-dark {
display: inline-block;
background-color: #0e9a65;
border-color: #0e9a65;
color: #fff;
padding: 12px 20px;
width: 100%;
max-width: 234px;
font-weight: 700;
font-size: 16px;
margin-bottom: 5px;
letter-spacing: 0.5px;
transition: all .2s linear;
}
.donation-modal-wrap .donation-modal .btn-dark:hover {
background-color: #222;
border-color: #222;
transition: all .2s linear;
}
.donation-modal-wrap .donation-modal .btn-dark .fa {
position: relative;
right: 0;
margin-left: 1px;
transition: all .1s linear;
}
.donation-modal-wrap .donation-modal .btn-dark:hover .fa {
right: -3px;
transition: all .2s linear;
}
/***********************************************************************************************************************
* *
* MEDIA QUERIES ( RESPONSIVE ) *
* *
***********************************************************************************************************************/
@media only screen and (min-width: 641px) {
header .top-bar {
width: 100%;
position: relative;
background-color: transparent;
height: auto;
min-height: 0;
line-height: 0;
padding-top: 10px;
}
header .top-bar .title-area {
display: none;
}
header .menu-primary-container {
text-align: right;
}
header .top-bar ul.menu {
position: relative;
display: inline-block;
margin: 0;
}
header .top-bar ul.menu > li.menu-item {
background-color: transparent;
width: auto;
display: inline-block;
padding: 0 15px;
float: none;
}
header .top-bar ul.menu > li.menu-item:first-of-type {
padding-left: 0;
}
header .top-bar ul.menu > li.menu-item:last-of-type {
padding-right: 0;
}
header .top-bar ul.menu > li.menu-item > a {
position: relative;
background-color: transparent;
width: auto;
display: inline-block;
padding: 50px 10px 47px 10px;
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #222;
font-weight: 400;
line-height: 1.75;
border-bottom: 3px solid transparent;
transition: all .1s linear;
}
header .top-bar ul.menu > li.menu-item > a:before {
content: "";
display: block;
width: 1px;
height: 24px;
background-color: #e5e5e5;
border: none;
border-left-style: none;
margin-right: 0;
margin-top: 0;
position: absolute;
left: -15px;
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% );
}
header .top-bar ul.menu > li.menu-item:first-of-type a:before {
display: none;
}
header .top-bar ul.menu > li.menu-item:hover > a,
header .top-bar ul.menu > li.menu-item.current-menu-item > a,
header .top-bar ul.menu > li.menu-item:not( .btn ).current-menu-ancestor > a {
background-color: transparent;
border-bottom: 3px solid #292929;
color: #000;
transition: all .1s linear;
}
header .top-bar ul.menu > li.menu-item.btn {
background-color: transparent;
border: none;
padding: 0 10px;
}
header .top-bar ul.menu > li.menu-item.btn > a {
display: inline-block;
padding: 8px 20px;
background-color: #eee;
border-bottom: none;
border-radius: 3px;
color: #fff;
font-weight: 500;
line-height: 1.2;
}
header .top-bar ul.menu > li.menu-item.btn.btn-yellow > a {
background-color: #f9b62f;
color: #fff;
transition: all .2s linear;
}
header .top-bar ul.menu > li.menu-item.btn.btn-yellow:hover > a,
header .top-bar ul.menu > li.menu-item.btn.btn-yellow.current-menu-item > a,
header .top-bar ul.menu > li.menu-item.btn.btn-yellow.current-menu-ancestor > a {
background-color: #ea9f28;
color: #fff;
transition: all .2s linear;
}
header .top-bar ul.menu > li.menu-item.btn.btn-green > a {
background-color: #0e9a65;
color: #fff;
transition: all .2s linear;
}
header .top-bar ul.menu > li.menu-item.btn.btn-green:hover > a,
header .top-bar ul.menu > li.menu-item.btn.btn-green.current-menu-item > a,
header .top-bar ul.menu > li.menu-item.btn.btn-green.current-menu-ancestor > a {
background-color: #0e8551;
color: #fff;
transition: all .2s linear;
}
header .top-bar ul.menu > li.menu-item.btn > a:before {
display: none;
content: "";
}
header .top-bar ul.menu > li.menu-item.btn:hover > a,
header .top-bar ul.menu > li.menu-item.btn.current-menu-item > a,
header .top-bar ul.menu > li.menu-item.btn.current-menu-ancestor > a {
background-color: #cacaca;
border-bottom: none;
color: #000;
transition: all .1s linear;
}
body #primary-menu.top-bar-section .has-dropdown > a {
padding-right: 10px !important;
}
header .logo {
position: absolute;
left: 15px;
top: 7px;
z-index: 500;
display: inline-block;
}
header .logo img {
height: 125px;
}
header.fixed .logo {
position: absolute;
left: 15px;
top: 6px;
z-index: 500;
display: inline-block;
}
header .logo > a {
display: inline-block;
}
header .top-bar-section ul li {
background: #fff;
}
header .top-bar-section .has-dropdown {
position: static;
}
header .top-bar-section #menu-primary > .has-dropdown.hover > .dropdown,
header .top-bar-section #menu-primary > .has-dropdown.not-click:hover > .dropdown {
display: inline-block;
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.5 );
background-color: #fff;
position: absolute !important;
top: 100%;
width: auto;
min-width: 0;
padding: 25px 10px 18px 20px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
header .top-bar-section .dropdown li {
width: 160px;
height: auto;
text-align: left;
}
header .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
display: none;
}
header .top-bar-section .dropdown li .dropdown {
display: block;
position: static !important;
height: auto;
width: 100%;
}
header .top-bar-section ul.dropdown > li > .dropdown > li {
float: none;
width: 100%;
}
header .top-bar-section #menu-primary > li.has-dropdown > ul.dropdown > li > a {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
color: #292929;
margin-bottom: 5px;
}
header .top-bar-section #menu-primary > li.has-dropdown > ul.dropdown > li:hover > a,
header .top-bar-section #menu-primary > li.has-dropdown > ul.dropdown > li.current-menu-item > a,
header .top-bar-section #menu-primary > li.has-dropdown > ul.dropdown > li.current-menu-ancestor > a {
color: #008c57;
}
header .top-bar-section .has-dropdown.hover > .dropdown > .has-dropdown.hover > .dropdown,
header .top-bar-section .has-dropdown.not-click:hover > .dropdown > .has-dropdown.not-click:hover > .dropdown {
position: static !important;
}
header .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #fff;
color: #808080;
line-height: 1.2;
white-space: normal;
padding: 1px 10px 1px 0;
padding-bottom: 12px;
}
header .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
header .top-bar-section .dropdown li.current-menu-item > a:not(.button) {
color: #000 !important;
background-color: transparent;
background: transparent;
}
.reveal-modal:not(.x-reveal-modal) {
border: none;
outline: none !important;
}
header .top-bar-section .has-dropdown > a:focus + .dropdown {
display: none;
}
}
@media only screen and (max-width: 1650px) {
#masthead.mh-good-hope {
padding-top: 560px;
}
}
@media only screen and (max-width: 1600px) {
#masthead.mh-good-hope {
padding-top: 545px;
}
}
@media only screen and (max-width: 1440px) and (max-height: 900px) {
.floor-slide .floor-image {
height: 425px;
margin-bottom: 25px;
}
.floor-slide h4 {
font-size: 50px;
line-height: 1;
margin: 0 0 25px 0;
}
section.floor-slider {
padding: 50px 0 80px;
min-height: 600px;
}
.floor-slide .btn-set .btn {
font-size: 14px;
padding: 12px 13px;
min-width: 270px;
}
}
@media only screen and (max-width: 1440px) {
#masthead.mh-good-hope {
padding-top: 500px;
}
}
@media only screen and (max-width: 1380px) {
#masthead.mh-good-hope {
padding-top: 440px;
}
}
@media only screen and (max-width: 1280px) {
.gh-top-menu {
min-height: 58px;
}
.gh-top-menu-wrap > .gh-top-menu-item {
font-size: 14px;
}
.gh-top-menu-box {
padding: 8px 15px;
}
section.top-content.ghg {
padding: 45px 0 60px 0;
}
#building-gallery .gallery-item {
height: 185px;
}
}
@media only screen and (max-width: 1250px) {
.home-features-slider .slick-prev,
.home-features-slider .slick-next {
display: none !important;
}
#primary-slider .slick-prev,
#primary-slider .slick-next {
display: none !important;
}
#masthead.mh-good-hope {
padding-top: 430px;
}
.gh-top-menu-wrap > .gh-top-menu-item {
font-size: 14px;
margin: 0 0 10px 15px;
padding: 0 0 0 17px;
}
.gh-top-menu .btn-transparent,
.gh-top-menu .btn-transparent:focus {
margin-left: 15px;
}
}
@media only screen and (max-width: 1150px) {
.tabs .tab-title > a {
padding: 14px 10px;
}
}
@media only screen and (max-width: 1120px) {
body > header .header-green-line h3 {
top: 0;
float: none;
width: 100%;
text-align: center;
}
body > header.fixed .header-green-line h3 {
top: 0;
}
body > header .header-green-line .menu-column {
text-align: center;
}
body > header .header-green-line .btn.first-button {
float: none;
}
#masthead.mh-good-hope {
padding-top: 380px;
}
.tabs .tab-title > a {
font-size: 13px;
}
}
@media only screen and (max-width: 1024px) {
.visit-us-item {
margin-bottom: 55px;
width: 33%;
float: left;
text-align: center;
}
.centers-title {
text-align: center;
margin-bottom: 25px;
}
.contact-person a {
font-size: 34px;
}
.contact-center {
border-right: none;
margin-right: 0;
text-align: center;
background-color: #e6e6e6;
margin-bottom: 20px;
}
.contact-person {
text-align: center;
}
section#bod-contact-info h3 {
text-align: center;
margin-bottom: 30px;
}
section#bod-contact-info {
background-color: #EFEFEF;
padding: 50px 0 20px 0;
}
section.content-info .content-info-box {
text-align: center;
padding: 25px 0 25px 0;
border-left: none;
background-color: #f3f3f3;
}
.content-info-4 .contact-person h6 {
width: 100%;
}
#volunteer-orientation, section.volunteer-orientation {
padding: 80px 0 60px;
}
.post-item .post-image img,
.sidebar-recent-posts .post-image img {
width: 100%;
}
.search-results-item.donation h4,
.search-results-item.page h4,
.search-results-item.search-opp-01 h4 {
padding: 0 160px 0 0;
}
.footer-visit-column {
text-align: center;
}
.footer-visit-column .visit-us-item {
width: 33%;
float: none;
display: inline-block;
}
#masthead.mh-good-hope {
padding-top: 340px;
}
#masthead.mh-good-hope .btn-default,
#masthead.mh-good-hope .btn-default:focus {
margin-bottom: 90px;
}
.floor-slide .floor-image {
height: 450px;
}
.view-available-opportunities {
font-size: 11px;
}
.general-quote {
width: 100%;
padding: 40px 60px;
min-height: 310px;
}
}
@media only screen and (max-width: 1000px) {
.x-em-calendar-wrapper {
width: 100%;
background: rgb(234,234,234);
background: -moz-linear-gradient(left, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(234,234,234,1) 100%);
background: -webkit-linear-gradient(left, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(234,234,234,1) 100%);
background: linear-gradient(to right, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 );
}
.em-calendar-wrapper {
top: 20px;
}
.other-events-wrap {
float: left;
width: 100%;
padding: 50px 40px;
}
.x-em-calendar-wrapper .btn {
display: block;
width: 330px;
position: relative;
top: 5px;
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 );
margin: 0 auto;
}
.event-item .time-box .start-time,
.event-item .time-box .end-time {
padding: 8px 8px;
}
#primary-slider .slide-content {
max-width: 50%;
}
.medium-banner-content {
max-width: 50%;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item {
display: inline-block;
width: 33%;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item:nth-child( odd ) {
margin: 0 4% 30px 0;
padding: 25px 20px 25px 0;
border-right: 1px solid #cdcdcd;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item:nth-child( even ) {
margin: 0 0 30px 0;
padding: 25px 0 25px 0;
border-right: none;
}
#the-need .quote-wrap img {
display: none;
}
}
@media only screen and (min-width: 991px) {
header.fixed + .gh-top-menu > .gh-top-menu-box {
position: fixed;
top: 121px;
left: 0;
width: 100%;
z-index: 500
}
body.admin-bar header.fixed + .gh-top-menu > .gh-top-menu-box {
top: 153px;
}
}
@media only screen and (max-width: 990px) {
#masthead.mh-good-hope {
padding-top: 340px;
}
.programs-time-line-wrap .time-line-item .title-wrap .title {
font-size: 12px;
}
.programs-time-line-wrap .time-line-item .date-wrap .date {
font-size: 16px !important;
}
.programs-time-line-wrap .time-line-item {
height: 160px;
}
}
@media only screen and (min-width: 641px) and (max-width: 940px) {
header .top-bar ul.menu > li.menu-item {
padding: 0 10px;
}
header .top-bar ul.menu > li.menu-item > a:before {
left: -12px;
}
}
@media only screen and (max-width: 940px) {
.event-item-column {
width: 100%;
}
.event-item {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 2px solid #17a972;
}
.event-item-column .m-divider {
display: none;
}
.event-item-column .event-thumbnail img {
width: 100%;
}
.event-item-column:last-of-type .event-item {
padding-bottom: 0;
border-bottom: none;
}
.news-item .news-item-content p:last-of-type {
margin-bottom: 0;
}
.footer-logo img {
width: 85%;
}
.contacts-builder-wrap > .contact-item {
display: inline-block;
width: 45.4%;
margin: 0 0 0 0;
text-align: center;
}
.contacts-builder-wrap > .contact-item {
border: none !important;
background-color: #efefef;
}
.contacts-builder-wrap > .contact-item.contact-item-button {
background-color: transparent;
}
.contacts-builder-wrap > .contact-item-button .btn {
margin-top: 15px;
}
#gallery-slider {
height: 220px;
}
.anchor-menu-wrap {
display: none;
}
.tabs .tab-title > a {
padding: 14px 6px;
font-size: 12px;
}
}
@media only screen and (min-width: 641px) and (max-width: 860px) {
header .logo img {
height: 75px;
}
header .top-bar ul.menu > li.menu-item > a {
padding: 20px 10px 20px 10px;
}
header .top-bar ul.menu > li.menu-item {
padding: 0 10px;
}
header .logo {
top: 3px;
}
header .top-bar ul.menu > li.menu-item > a {
font-size: 14px;
}
header .top-bar ul.menu > li.menu-item.btn {
padding: 0 2px;
}
.tabs .tab-title > a {
padding: 16px 20px;
font-size: 13px;
}
}
@media only screen and (max-width: 860px) {
#donation-page-box .card-box {
width: 100%;
float: none;
}
#donation-page-box .card-box img {
width: 100%;
}
#donation-page-box .form-box {
width: 100%;
float: none;
}
.home-features-grid .features-item-icon {
height: 160px;
}
.home-features-grid .features-item h4 {
font-size: 22px;
}
#masthead.mh-good-hope .btn-default,
#masthead.mh-good-hope .btn-default:focus {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 768px) {
body > header .header-top .header-top-left,
body > header .header-top .header-top-right {
width: 100%;
float: none;
text-align: center;
padding: 6px 0;
}
.ss-modal-content .ss-info {
display: block;
width: 100%;
padding-bottom: 30px;
}
.ss-modal-content .ss-additional-photo {
display: block;
width: 100%;
padding-left: 0;
}
#primary-slider {
height: 400px;
overflow: hidden;
}
section.page-content.sponsors .sponsor-logo-item {
width: 25%;
height: 100px;
}
#primary-slider .slide-content h3 {
font-size: 40px;
margin: 0 0 20px 0;
}
#masthead.mh-good-hope {
padding-top: 275px;
}
.programs-time-line-wrap .time-line-item .title-wrap .title {
font-size: 10px;
padding: 10px 2px;
}
.room-item {
width: 47%;
}
.rooms .search-bar {
width: 370px;
margin: 0 15px 15px 0;
}
.rooms .filter-wrap select {
width: 250px;
}
.popup-columns .popup-column {
width: 100% !important;
margin-left: 0 !important;
}
}
@media only screen and (min-width: 641px) and (max-width: 720px) {
header .top-bar ul.menu > li.menu-item > a {
font-size: 14px;
}
header .logo img {
height: 85px;
}
header .top-bar ul.menu > li.menu-item > a {
padding: 15px 5px 25px 5px;
}
header .top-bar ul.menu > li.menu-item > a:after {
right: -16px;
top: 27px;
}
body > header .header-green-line .btn {
font-size: 13px;
}
header .logo {
position: relative;
display: block;
text-align: center;
top: 10px;
left: 0;
}
.top-bar-section ul {
width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 720px) {
#primary-slider .slide-content h3 {
font-size: 42px;
margin: 0 0 20px 0;
}
#primary-slider .slide-content p {
font-size: 16px;
margin: 0 0 35px 0;
}
#primary-slider {
height: 350px;
}
#primary-slider .slide-content .btn {
font-size: 16px;
}
#medium-banner-section .btn,
section.medium-banner-section .btn {
font-size: 16px;
}
.author-box .info-box p {
font-size: 12px;
}
#volunteer-documents-table td.td-description,
#x-documents-table td.td-description,
.x-documents-table td.td-description {
display: none;
}
.staff-search-box,
.x-documents-search-box {
width: 100%;
}
.x-documents .text {
top: 0;
margin-bottom: 10px;
display: block;
}
.reveal-modal {
padding: 35px;
}
section#search-staff h3 span.text,
section.search-staff h3 span.text {
display: block;
margin-bottom: 10px;
}
.bottom-info > div.divider-box {
width: 100%;
}
.bottom-info .divider {
margin: 25px auto;
}
.bottom-info .phone-box {
padding-left: 0;
}
.footer-visit-column .visit-us-item {
width: 48%;
}
.home-features-grid .features-item {
display: inline-block;
width: 48%;
}
.x-reveal-modal.x-buttons-with-popups.gh-reveal-modal .x-rm-content {
padding: 0;
}
}
@media only screen and (max-width: 640px) {
body {
padding-top: 0 !important;
}
body > header {
position: static !important;
}
body > header .header-green-line .btn {
margin: 0 2px 10px 2px;
font-size: 12px;
}
body > header .logo {
text-align: center;
padding: 10px 0;
}
body > header .logo a {
display: inline-block;
}
body > header .logo a img {
width: 150px;
}
.top-bar-section ul li.btn {
border: none;
display: block;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 0;
border-radius: 0;
margin: 0;
transition: all .2s linear;
}
.top-bar-section ul li.btn a {
font-weight: 600;
}
.top-bar-section ul li.btn-yellow {
background-color: #f9b62f;
color: #fff;
}
.top-bar-section ul li.btn-yellow:hover > a,
.top-bar-section ul li.btn-yellow:focus > a {
background-color: #ea9f28;
color: #fff;
}
.top-bar-section ul li.btn-green {
background-color: #0e9a65;
color: #fff;
}
.top-bar-section ul li.btn-green:hover > a,
.top-bar-section ul li.btn-green:focus > a {
background-color: #0e8551;
color: #fff;
}
#primary-slider .slide-item.with-underlay:after {
width: 70%;
}
#home-features-section {
padding: 40px 0 5px 0;
}
#upcoming-events-section,
section.services-upcoming-events {
padding: 45px 0 80px 0;
}
.event-item .event-thumbnail {
margin-bottom: 16px;
}
#news-stories-section {
padding: 50px 0 30px 0;
}
#news-stories-section .news-item {
margin-bottom: 50px;
}
.news-item > .news-thumbnail {
display: block;
margin-bottom: 20px;
}
.news-item > .news-thumbnail img {
width: 100%;
}
.footer-menu-wrap {
text-align: center;
padding: 20px 10px 0 10px;
background-color: #444;
margin-bottom: 30px;
}
footer .view-all {
margin-bottom: 35px;
display: inline-block;
}
.footer-logo {
margin-bottom: 10px;
}
#menu-footer > li > a {
font-size: 15px;
font-weight: 500;
}
.about-us-video {
width: 100%;
}
.x-tab-content > .column-1 {
width: 100%;
padding-right: 0;
float: none;
}
.x-tab-content > .column-2 {
width: 100%;
padding-left: 0;
float: none;
text-align: center;
padding-top: 30px;
}
.x-tabs-content-wrap {
border-top: 18px solid #0e9a65;
padding: 50px 0;
}
.services-list .service-item > div.icon {
width: 100%;
text-align: center;
padding-top: 30px;
padding-bottom: 5px;
}
.services-list .service-item > div {
width: 100%;
text-align: center;
display: block;
}
.services-list .service-item > div.button-box {
width: 100%;
text-align: center;
padding-top: 0;
padding-bottom: 25px;
}
section.image-content img {
margin-bottom: 25px;
}
section.image-content {
padding: 50px 0 15px 0;
}
.contacts-builder-wrap > .contact-item-address .address {
font-size: 14px;
}
.staff-search-box .form select,
.x-documents-search-box .form select {
width: 100%;
border-radius: 5px;
margin: 0 0 10px;
}
.staff-search-box .form select + button + input[type="text"],
.x-documents-search-box .form select + button + input[type="text"] {
width: 90%;
border-radius: 5px 0 0 5px;
border-left: 1px solid #cecece;
}
.staff-search-box .form select + button + input[type="text"]:focus,
.x-documents-search-box .form select + button + input[type="text"]:focus {
border-left: 1px solid #139C68;
}
.x-documents .text {
top: 0;
margin-bottom: 10px;
display: block;
}
section.x-documents {
padding: 50px 0;
}
.ss-top-box img {
display: block;
width: 90px;
float: none;
margin: 0 auto 15px auto;
}
.senior-staff-item p, .volunteer-staff-item p {
font-size: 14px;
margin: 0 0 25px 0;
}
.senior-staff-item, .volunteer-staff-item {
text-align: center;
}
.board-content {
margin-bottom: 35px;
}
section#search-staff table tbody td,
section.search-staff table tbody td,
section#search-staff table tbody td a,
section.search-staff table tbody td a {
font-size: 13px;
}
section#search-staff table thead td,
section.search-staff table thead td {
font-size: 13px;
}
section#search-staff table tr > td:nth-child( 1 ),
section.search-staff table tr > td:nth-child( 1 ) {
width: 15%;
}
section#search-staff, section.search-staff {
padding: 40px 0;
}
.content-other-ways .btn {
margin-top: 5px;
margin-bottom: 35px;
}
.x-features-item {
width: 50%;
}
.x-features-item:nth-child( 3n + 1 ) {
border-left: transparent;
}
.x-features-item:nth-child( 3 ) {
border-top: transparent;
}
.x-features-item:nth-child( odd ) {
border-left: 1px solid #e5e5e5;
}
#career-opportunities .vacancy-list .answer a.btn.apply-now-career,
section.page-builder-opportunities .vacancy-list .answer a.btn.apply-now-career,
#volunteer-opportunities .vacancy-list .answer a.btn.apply-now-career {
float: left;
margin-left: 0;
margin-right: 10px;
margin-bottom: 10px;
}
#career-opportunities .btn-share,
section.page-builder-opportunities .btn-share,
#volunteer-opportunities .btn-share {
margin-bottom: 10px;
}
#career-opportunities h2,
#volunteer-opportunities h2,
section.page-builder-opportunities h2,
#volunteer-documents h2,
section.x-documents h2 {
font-size: 36px;
}
#career-opportunities h2 img,
section.page-builder-opportunities h2 img,
#volunteer-opportunities h2 img {
height: 55px;
}
#career-opportunities,
#volunteer-opportunities {
padding: 50px 0 55px;
}
#volunteer-documents {
padding: 60px 0 35px 0;
}
section#senior-staff,
section.senior-staff,
section#volunteer-staff {
padding: 55px 0 30px 0;
}
.section-subtitle,
.section-subtitle p {
margin-bottom: 25px;
}
.search-directions-box {
display: none;
}
.acf-map {
height: 275px;
}
#page-content.content-contact-us {
padding: 45px 0 25px 0;
}
.search-results-item.donation img,
.search-results-item.page img {
display: none;
}
.search-results-item.donation h4, .search-results-item.page h4 {
font-size: 22px;
line-height: 1;
}
.search-results-item.standard-post .post-preview {
display: none;
}
.search-results-item.standard-post .post-data {
width: 100%;
float: none;
}
.search-results-item.search-opp-01 h4 img {
display: none;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item {
width: 45%;
}
section.page-content.sponsors .sponsor-logo-item {
width: 33%;
height: 105px;
}
#primary-slider .slide-content h3 {
font-size: 32px;
line-height: 1;
}
section#top-content h3 {
font-size: 34px;
}
section#top-content h5 {
font-size: 20px;
}
section#top-content p {
text-align: justify;
}
body > header .header-top .header-top-left,
body > header .header-top .header-top-right {
padding: 0;
}
#masthead.mh-good-hope {
padding-top: 270px;
}
.bh-bottom-content {
padding: 5px 0 300px 0;
}
.bh-bottom-content .bottom-c-image {
right: 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 );
}
.x-reveal-modal.x-buttons-with-popups.gh-reveal-modal .x-rm-content {
padding: 35px 0;
}
.programs-time-line-wrap .time-line-item {
height: 160px;
width: 100%;
padding: 0;
}
.programs-time-line-wrap .time-line-item .title-wrap .title,
.programs-time-line-wrap .time-line-item .date-wrap .date {
padding: 5px 15px;
background-color: #fff;
}
.programs-time-line-wrap .time-line-item .date-wrap .date {
font-size: 20px !important;
}
.programs-time-line-wrap .time-line-item .title-wrap .title {
font-size: 14px;
}
.programs-time-line-wrap .programs-time-line .corner {
display: none !important;
}
.programs-time-line-wrap .time-line-item:before {
width: 2px;
height: 99%;
border-top: none;
border-left: 2px dashed #399868;
position: absolute;
top: 0;
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 );
}
#donation-page-box .card-box .bh-features-item {
width: 240px;
margin-bottom: 30px;
}
#donation-page-box .card-box .bh-features-item .icon-wrap {
height: auto;
margin-bottom: 12px;
}
#donation-page-box .card-box .bh-features-item .icon-wrap img {
position: static;
-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.top-content.ghg h3 {
font-size: 35px;
line-height: 1.1;
}
section.top-content.ghg h5 {
font-size: 22px;
padding: 0 0 25px 0;
margin: 0 0 23px 0;
}
section.top-content.ghg {
padding: 45px 0 48px 0;
}
.floor-slide h4 {
font-size: 36px;
}
.floor-slide .floor-image {
height: 260px;
}
#floor-slider {
padding: 0 35px;
}
section.floor-slider {
padding: 40px 0 65px;
min-height: 560px;
}
#building-gallery {
padding: 0 42px;
}
#building-gallery .gallery-item {
height: 210px;
}
#building-gallery:before {
left: 40px;
}
#building-gallery:after {
right: 40px;
}
.view-available-opportunities {
font-size: 12px;
margin: 0 15px 18px 0;
}
.rooms .search-bar {
width: 100%;
margin: 0 0 15px 0;
}
.rooms .filter-wrap select {
width: 100%;
margin: 0 0 15px 0;
}
.view-switcher {
display: none;
}
.filter-wrap {
margin: 0 0 20px 0;
}
section.gallery.building-gallery {
margin: 0 0 20px 0;
}
.room-item {
width: 94%;
}
.rooms-wrap {
margin: 0 0 20px 0;
}
.floor-slide h4 {
font-size: 30px;
}
#floor-slider .slick-arrow {
width: 40px;
height: 40px;
font-size: 40px;
line-height: 40px;
top: 42%;
}
.recognition-oppos-popup .room-title {
font-size: 22px;
}
.recognition-oppos-popup .room-program {
font-size: 12px;
}
.recognition-oppos-popup input[type="text"] {
height: 38px;
}
.recognition-oppos-popup .room-description p {
font-size: 12px;
}
.recognition-oppos-popup .popup-title {
font-size: 14px;
}
body .recognition-oppos-popup .gform_wrapper .gform_footer input.button,
body .recognition-oppos-popup .gform_wrapper .gform_footer input[type=submit] {
font-size: 13px;
padding: 12px;
}
.recognition-oppos-popup .content {
background-size: 113% auto;
background-position: left bottom -2px;
padding: 20px 20px;
}
.recognition-oppos-popup .room-gift-lvl {
font-size: 11px;
}
.recognition-oppos-popup .close {
font-size: 16px;
top: 13px;
}
body .recognition-oppos-popup .gform_confirmation_wrapper p {
font-size: 12px;
margin-bottom: 12px;
}
section.top-bar-menu .top-bar-menu-fixed {
padding: 7px 0;
}
section.top-bar-menu a {
font-size: 15px;
margin: 8px 0;
width: 100%;
}
.mh-badge {
text-align: center;
}
section#masthead.corporate-partnership {
padding: 25px 0;
}
.mh-badge img {
height: 235px;
}
section.cp-intro h3 {
font-size: 20px;
}
.buttons-group .btn {
width: calc( 50% - 8px );
}
.buttons-group .btn:first-child,
.buttons-group .btn:nth-child( 2n + 1 ) {
margin-left: 0;
}
section.cp-quote blockquote {
padding: 30px 20px 30px 20px;
}
section.green-banner {
padding: 50px 0;
}
section.green-banner .title {
font-size: 40px;
}
section.green-banner p {
font-size: 20px;
}
.cp-features-item .content h4 {
font-size: 28px;
}
.cp-form-wrap {
padding: 35px 25px;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox > li {
width: 100%;
max-width: 100%;
margin-right: 0 !important;
}
body .gform_wrapper ul.gform_fields li.gfield.inline-mode .gfield_checkbox > li input[type=checkbox] + label {
margin: 0;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1.2;
min-height: 0;
}
section.cp-partners .title {
font-size: 50px;
}
section.cp-partners .subtitle {
font-size: 28px;
}
section.cp-partners .sponsor-logo-item {
width: 50%;
height: 85px;
display: inline-block;
}
.popup-columns .popup-column {
width: 100% !important;
margin-left: 0 !important;
}
.cp-features-popup {
padding: 30px 15px 10px;
}
.cp-features-popup .title {
font-size: 30px;
}
.popup-column .content-wrap {
padding: 25px;
}
.popup-column h5 {
font-size: 22px;
}
.popup-column img {
height: 80px;
margin-bottom: 15px;
}
.page-template-tmpl-good-hope-new .bh-bottom-content {
padding: 35px 0 300px;
}
.contacts-list-item {
width: 100%;
margin: 0 0 10px 0;
}
#masthead.mh-good-hope .masthead-content h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 540px) {
.tabs .tab-title > a {
padding: 14px 2px;
font-size: 10px;
}
}
@media only screen and (max-width: 520px) {
.contacts-builder-wrap > .contact-item {
width: 100%;
margin: 0 0 10px 0;
padding: 20px;
}
.contacts-builder-wrap > .contact-item-button .btn {
margin-top: 5px;
}
.contacts-builder-wrap > .contact-item:last-child,
.contacts-builder-wrap > .contact-item:nth-child( 3n ) {
padding: 20px;
}
.two-column-content .content-column {
width: 100%;
float: none;
padding-left: 0 !important;
padding-right: 0 !important;
}
.x-reveal-modal.x-buttons-with-popups .x-rm-content h2 {
font-size: 30px;
}
section#search-staff table tr > td:nth-child( 3 ),
section.search-staff table tr > td:nth-child( 3 ) {
display: none;
}
section#search-staff table tr > td:nth-child( 4 ),
section.search-staff table tr > td:nth-child( 4 ) {
width: 24%;
}
section#search-staff table tr > td:nth-child( 1 ),
section.search-staff table tr > td:nth-child( 1 ) {
width: 18%;
}
.attached-newsletter-item {
width: 100%;
float: none;
margin-bottom: 30px;
padding: 0 !important;
}
.footer-visit-column .visit-us-item {
width: 100%;
}
section.page-content.sponsors .sponsor-logo-item {
width: 50%;
height: 120px;
}
.home-features-grid .features-item h4 {
font-size: 20px;
}
section#top-content h3 {
font-size: 32px;
line-height: 1.1;
}
#primary-slider .slide-content {
max-width: 75%;
}
#primary-slider .slide-content br {
display: none !important;
}
#primary-slider .slide-content h3 {
font-size: 24px;
}
#primary-slider .slide-content p {
font-size: 14px;
}
#primary-slider {
height: 275px;
}
section#top-content h5 {
font-size: 20px;
}
section#top-content .btn {
padding: 12px 15px;
font-size: 16px;
}
#masthead.mh-good-hope {
padding-top: 215px;
}
#masthead.mh-good-hope .btn-default, #masthead.mh-good-hope .btn-default:focus {
margin-bottom: 45px;
}
.results-wrap .result-item .title {
font-size: 48px;
}
#masthead.mh-good-hope .masthead-content h3,
.good-hope-content h3,
.gh-title {
font-size: 42px;
}
#top-quote .btn-green,
#top-quote .btn-green:focus {
margin-bottom: 0;
}
.time-line-wrap h4 {
line-height: 1.1;
}
.time-line:before {
display: block;
content: "";
width: 1px;
height: 100%;
border-top: none;
border-left: 2px dashed #222;
position: absolute;
top: 0;
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 );
}
.time-line .time-line-item span {
line-height: 1.4;
margin: 25px;
background-color: #fff;
}
.donation-modal-wrap {
padding: 0 5px 25px 5px;
}
.form-box .tabs {
font-size: 0;
}
.tabs .tab-title > a {
padding: 14px 5px;
font-size: 9px;
letter-spacing: 0.15px;
}
body .gform_wrapper ul.gform_fields li.gfield.t-shirt-selector .image-choices-choice {
width: 100%;
margin: 0 0 17px 0 !important;
}
body #donation-page-box .form-box .gform_wrapper h2.gsection_title {
font-size: 20px;
}
body #custom-form .gform_wrapper select.large {
font-size: 14px;
height: 46px;
border-radius: 3px;
padding: 5px 15px;
}
body .gform_wrapper .instruction {
font-size: 9px;
line-height: 1;
top: -18px;
}
.tabs-content {
padding: 15px;
}
}
@media only screen and (max-width: 460px) {
.visit-us-item {
margin-bottom: 30px;
width: 100%;
float: none;
}
footer .footer-logo {
display: block;
width: 100%;
max-width: 230px;
margin: 0 auto 20px auto;
text-align: center;
}
footer .soc-media {
display: block;
text-align: center;
}
footer .justified-gallery {
width: 100%;
text-align: center;
}
footer .justified-gallery > a,
footer .justified-gallery > div {
float: none !important;
display: inline-block;
}
footer h4 {
text-align: center;
}
footer .view-all {
display: block;
width: 100px;
text-align: center;
margin: 0 auto 35px auto;
font-size: 12px;
}
footer .copyright p {
margin: 0 0 8px;
}
.features-item h4 {
font-size: 22px;
}
.section-title {
font-size: 34px;
}
#primary-slider .slide-item.with-underlay:after {
display: none;
}
#primary-slider .slide-item {
border-bottom: 150px solid #333;
}
#primary-slider .slide-content {
display: block;
max-width: 100%;
min-height: 125px;
position: relative;
}
#primary-slider .slide-content .slide-content-inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-o-transform: translate( 0, -50% );
-moz-transform: translate( 0, -50% );
-webkit-transform: translate( 0, -50% );
-ms-transform: translate( 0, -50% );
transform: translate( 0, -50% );
}
#primary-slider .slide-content-wrap,
#primary-slider .slide-item.overlay-bottom .slide-content-wrap {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
-o-transform: translate( 0, 100% );
-moz-transform: translate( 0, 100% );
-webkit-transform: translate( 0, 100% );
-ms-transform: translate( 0, 100% );
transform: translate( 0, 100% );
}
#primary-slider .slide-content h3 {
font-size: 16px;
line-height: 1.2;
margin: 0 0 10px 0;
}
#primary-slider .slide-content p {
font-size: 12px;
line-height: 1.2;
margin: 0 0 15px 0;
}
#primary-slider .slide-content .btn {
font-size: 12px;
}
#primary-slider .slide-content-wrap {
padding: 15px 0;
}
#primary-slider {
height: 325px;
}
#primary-slider .slide-item.overlay-bottom .slide-content {
padding-bottom: 0;
}
#primary-slider .slide-item.overlay-left .slide-content-wrap,
#primary-slider .slide-item.overlay-right .slide-content-wrap {
text-align: center;
}
table.em-calendar td {
font-size: 10px;
font-weight: 700;
padding: 0;
}
table.em-calendar td.eventless-pre,
.em-calendar td.eventless-post,
table.em-calendar td.eventless,
table.em-calendar td.eventful a {
padding: 12px 14px;
}
.x-em-calendar-wrapper .btn {
width: 240px;
font-size: 14px;
}
.x-em-calendar-wrapper {
min-height: 420px;
background: #fff !important;
}
.upcoming-event-item {
padding-right: 0;
}
.upcoming-event-item .btn {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: 10px 0 0 0;
}
.upcoming-event-item .time-box > span {
font-size: 12px;
}
.upcoming-event-item .time-box span.start-date {
min-width: 100%;
margin-right: 0;
border: none;
}
.other-events-wrap {
padding: 30px 30px;
}
.other-events-wrap > h4 {
font-size: 18px;
}
.upcoming-event-item .time-box {
padding-left: 0;
}
.upcoming-event-item .btn {
font-size: 13px;
}
.event-item .time-box .start-time, .event-item .time-box .end-time {
font-size: 12px;
}
.event-item .description-box p {
font-size: 13px;
}
#medium-banner-section.with-underlay:after,
section.medium-banner-section.with-underlay:after {
display: none;
}
.medium-banner-content {
max-width: 100%;
}
.medium-banner-content-wrap {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background-color: rgba(0, 0, 0, 0.65);
padding: 15px 0;
}
#medium-banner-section, section.medium-banner-section {
min-height: 330px;
position: relative;
}
.medium-banner-content h3 {
font-size: 30px;
margin: 0 0 15px 0;
}
.medium-banner-content p {
font-size: 14px;
margin: 0 0 25px 0;
}
.about-us-video {
height: 285px;
}
#page-content.content-our-mission {
padding: 55px 0 35px 0;
}
#page-content.content-our-mission h3 {
font-size: 42px;
margin: 0 0 15px 0;
}
#masthead {
min-height: 180px;
}
#masthead .masthead-content h1 {
font-size: 26px;
}
#masthead .masthead-content h1 img {
height: 50px;
}
.content-our-history h2 {
font-size: 34px;
}
#page-content.content-our-history {
padding: 50px 0;
}
.x-tab-title {
font-size: 12px;
}
.post-item .post-data .post-title {
font-size: 24px;
}
.post-item .post-data .post-description p:first-of-type::first-letter {
font-size: 60px;
}
.post-date-bottom .btn-green.read-more {
position: static;
top: 0;
float: none;
width: 100%;
text-align: center;
margin-top: 25px;
}
.white-content-box {
padding: 20px 15px 35px 15px;
}
#newsletter-archive-table td.td-name img,
#financial-statements-archive-table td.td-name img,
#volunteer-documents-table td.td-name img,
#x-documents-table td.td-name img,
.x-documents-table td.td-name img {
display: none;
}
#newsletter-archive-table td.td-name,
#financial-statements-archive-table td.td-name,
#volunteer-documents-table td.td-name,
#x-documents-table td.td-name,
.x-documents-table td.td-name {
padding-left: 0;
}
#newsletter-archive-table .td-date,
#financial-statements-archive-table .td-date,
#volunteer-documents-table .td-date,
#x-documents-table .td-date,
.x-documents-table .td-date {
display: none;
}
#page-content.content-newsletter h3,
#page-content.content-financial-statements h3 {
font-size: 18px;
}
#page-content.content-newsletter h3 span.text,
#page-content.content-financial-statements h3 span.text {
position: static;
margin-bottom: 10px;
display: block;
}
select#newsletter-year, select#financial-statements-categories {
width: 100%;
}
.newsletter-search-box, .financial-statements-search-box {
display: block;
float: none;
}
#page-content {
padding: 55px 0 35px 0;
}
.faq-item .question {
font-size: 15px;
}
.faq-list {
margin: 60px auto 55px auto;
}
section.service-recent-blog-posts h2 {
font-size: 26px;
}
section.service-recent-blog-posts h2 img {
height: 48px;
}
section.service-recent-blog-posts {
padding: 40px 0;
}
section#senior-staff,
section.senior-staff,
section#volunteer-staff {
padding: 60px 0 40px 0;
}
section.service-recent-blog-posts .btn {
margin: 0 0 10px 0;
min-width: 250px;
}
section.buttons-with-popups .btn {
font-size: 18px;
min-width: 270px;
}
section.buttons-with-popups .button-caption {
margin-bottom: 25px;
}
section.buttons-with-popups {
padding: 50px 0 25px 0;
}
.x-documents .text {
top: 0;
margin-bottom: 10px;
display: block;
font-size: 26px;
}
.x-documents h3 img {
height: 40px;
}
#masthead .masthead-content h1 .btn {
font-size: 14px;
width: 100%;
}
#masthead .masthead-content h1 .btn.top-right {
position: relative;
top: 4px;
}
#career-opportunities .vacancy-list .faq-item .answer,
section.page-builder-opportunities .vacancy-list .faq-item .answer,
#volunteer-opportunities .vacancy-list .faq-item .answer {
padding: 25px 20px 10px 20px;
}
#career-opportunities .vacancy-list .answer a.btn,
section.page-builder-opportunities .vacancy-list .answer a.btn,
#volunteer-opportunities .vacancy-list .answer a.btn {
margin: 0 0 10px 0;
}
#career-opportunities h2,
#volunteer-opportunities h2,
section.page-builder-opportunities h2,
#volunteer-documents h2,
section.x-documents h2 {
font-size: 30px;
}
#career-opportunities h2 img,
section.page-builder-opportunities h2 img,
#volunteer-opportunities h2 img {
display: none;
}
section#board-of-directors {
padding: 55px 0 35px 0;
}
.bod-bottom-content p {
font-size: 14px;
}
section#bod-contact-info {
padding: 55px 0 20px 0;
}
.contact-person a {
font-size: 35px;
}
section#bod-contact-info {
text-align: center;
}
.contact-center {
border-right: none;
margin-right: 0;
padding: 20px 0;
}
.board-content h3 {
font-size: 30px;
}
.ss-bottom-content p {
font-size: 14px;
}
.x-features-item {
width: 100%;
float: none;
border-left: 1px solid #e5e5e5 !important;
border-right: 1px solid #e5e5e5 !important;
border-top: 1px solid #e5e5e5 !important;
border-bottom: transparent !important;
}
.x-features-item:last-of-type {
border-bottom: 1px solid #e5e5e5 !important;
}
#sign-up.reveal-modal {
padding: 55px 25px 40px 25px;
}
#volunteer-orientation,
section.volunteer-orientation {
padding: 40px 0 60px;
}
.content-volunteer h2,
#volunteer-orientation h2,
section.volunteer-orientation h2 {
margin: 20px 0 30px 0;
}
section.page-content h3,
section.image-content h3 {
font-size: 36px;
margin: 0 0 30px 0;
}
.simple-announcements-bar .simple-announcements-content > p {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 500;
}
section.content-info .content-info-box {
padding: 25px 5px 25px 5px;
}
#donation-page-box .card-box,
#donation-page-box .form-box {
padding: 30px 15px 25px 15px;
}
.wwu-title {
font-size: 36px;
}
#how-to-apply {
padding: 55px 0 40px;
}
#how-to-apply h2 {
margin: 0 0 30px 0;
}
.post-item .post-data {
padding: 30px 20px 30px 20px;
}
.post-item .post-data .post-description {
font-size: 14px;
}
.comments-wrap {
padding: 35px 20px 20px 20px;
}
.comment-list-title {
font-size: 20px;
}
.comment-list-title span {
top: 2px;
}
.comments-wrap .comment .comment-awaiting-moderation {
line-height: 1.2;
}
#respond .comment-reply-title {
font-size: 22px;
}
.comments-wrap .comment {
margin-bottom: 22px;
}
.sidebar-categories .categories-wrap {
padding: 20px 15px;
}
.sidebar-categories a.category-item {
font-size: 14px;
}
.sidebar-categories .category-count {
font-size: 9px;
font-weight: 800;
}
.events-scope-filter > a {
width: 49%;
}
.post-item .post-data {
padding: 25px 20px 30px 20px;
}
.e-time-box {
width: 100%;
margin-bottom: 25px;
}
.event-item {
padding-bottom: 10px;
}
.post-date-bottom {
margin-top: 30px;
}
#page-content.content-contact-us p {
font-size: 12px;
}
.post-date-bottom .leave-comment {
float: none;
display: inline-block;
margin: 10px 25px;
}
.post-date-bottom {
margin-top: 15px;
}
.single-event .event-item {
padding-bottom: 20px;
}
.post-date-bottom .leave-comment {
margin: 10px 0 0;
}
.share-box {
width: 100%;
}
.search-results .post-date-bottom .btn-green.read-more {
position: static;
top: 0;
float: none;
width: 100%;
text-align: center;
margin-top: 1px;
}
body > header .header-green-line .btn {
min-width: 45%;
}
.features-item-icon {
height: 165px;
}
.contacts-builder-wrap.contact-rows-4 > .contact-item,
.contacts-builder-wrap.contact-rows-4 > .contact-item:nth-child( odd ),
.contacts-builder-wrap.contact-rows-4 > .contact-item:nth-child( even ) {
width: 90%;
margin: 0 0 30px 0;
padding: 15px;
border-right: none;
}
.home-features-grid .features-item {
width: 48%;
}
.home-features-grid .features-item-icon {
height: 120px;
}
.home-features-grid .features-item h4 {
font-size: 16px;
font-weight: 500;
color: #333;
}
#primary-slider .slide-item.overlay-left:before,
#primary-slider .slide-item.overlay-right:before,
#primary-slider .slide-item.overlay-bottom:before {
display: none;
}
#upcoming-events-section,
section.services-upcoming-events {
padding: 45px 0 10px 0;
}
#divName select#bboxdonation_billing_ddTitle,
#divName select#bboxdonation_billing_ddTitle + label + #bboxdonation_billing_txtFirstName,
#divName select#bboxdonation_billing_ddTitle + label + #bboxdonation_billing_txtFirstName + label + #bboxdonation_billing_txtLastName {
width: 100% !important;
margin-right: 0;
float: none;
}
.content-other-ways .x-features-item .daf-button-link {
position: static;
left: auto;
bottom: auto;
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media only screen and (max-width: 425px) {
#primary-slider .slide-content-wrap {
padding: 12px 0;
}
section.page-content.sponsors .sponsor-logo-item {
width: 50%;
height: 105px;
}
section.page-content.sponsors .event-sponsors-list {
display: block;
float: none;
clear: both;
}
section.page-content.sponsors .event-sponsors-list li {
margin: 0 0 5px 0;
float: none;
display: block;
width: 100%;
background-color: #efefef;
}
section#top-content h5 {
font-size: 18px;
}
#masthead.mh-good-hope {
padding-top: 165px;
}
#the-need .quote-wrap {
padding: 45px 20px 50px;
}
#top-quote .top-quote-wrap p,
#the-need .quote-wrap p {
font-size: 16px;
}
#the-need .quote-wrap .btn,
#the-need .bottom-button .btn,
#the-need .quote-wrap .author {
width: 90%;
}
.top-quote-wrap img,
.quote-wrap img,
#the-need .quote-wrap img {
display: none;
}
.donation-modal-wrap .donation-modal {
padding: 40px 15px;
}
.donation-modal-wrap .modal-logo-wrap .modal-logo {
max-height: 160px;
}
}
@media only screen and (max-width: 380px) {
body > header .header-top .header-top-left a {
display: inline-block;
}
body > header .header-green-line h3 {
font-size: 13px;
margin: 0 0 12px 0;
}
#newsletter-archive-table td,
#financial-statements-archive-table td,
#volunteer-documents-table td,
#x-documents-table td,
.x-documents-table td,
#x-documents-table td.td-description p,
.x-documents-table td.td-description p {
font-size: 12px;
}
table .btn-green,
table .btn-green:focus {
font-size: 12px;
}
#masthead .masthead-content h1 {
font-size: 20px;
}
#masthead {
min-height: 150px;
}
.btn-green,
.btn-green:focus {
font-size: 13px;
}
#page-content.content-services h3,
#faq.content-services h3 {
font-size: 42px;
line-height: 1;
}
.staff-search-box .form input[type="text"],
.x-documents-search-box .form input[type="text"] {
width: 38%;
}
section.x-documents {
padding: 45px 0 20px 0;
}
section#search-staff table tr > td:nth-child( 2 ),
section.search-staff table tr > td:nth-child( 2 ) {
width: 35%;
display: none;
}
.content-other-ways h2 {
font-size: 36px;
}
#volunteer-orientation .btn,
section.volunteer-orientation .btn {
font-size: 16px;
min-width: 0;
margin: 0 0 10px 0;
width: 100%;
}
.btn-dark,
.btn-dark:focus {
font-size: 12px;
}
.bottom-info .email-box a {
font-size: 12px;
}
section.page-content.sponsors .sponsor-logo-item {
width: 50%;
height: 85px;
}
.recognition-oppos-popup .popup-title {
font-size: 13px;
}
.recognition-oppos-popup .room-description p {
font-size: 11px;
line-height: 1.3;
text-align: justify;
}
.recognition-oppos-popup .room-gift-lvl {
padding: 12px 15px;
}
.recognition-oppos-popup .room-description {
margin: 0 0 16px 0;
}
body .recognition-oppos-popup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
font-size: 12px;
}
body .recognition-oppos-popup .gform_wrapper .gform_footer input.button,
body .recognition-oppos-popup .gform_wrapper .gform_footer input[type=submit] {
padding: 10px;
}
}
@media only screen and (max-width: 360px) {
.home-features-grid .features-item {
width: 100%;
}
.home-features-grid .features-item-icon {
height: 180px;
}
.home-features-grid .features-item h4 {
font-size: 20px;
font-weight: 500;
color: #333;
}
footer .copyright p {
font-size: 12px;
}
}