/* Reset HTML5
*/
@font-face {
font-family: SourceSansProBold;
src: url(../fonts/SourceSansPro-Bold.otf);
}
@font-face {
font-family: 'Gotham-Medium';
src: url('../fonts/gothammedium.eot');
src: url('../fonts/gothammedium.woff2') format('woff2'),
url('../fonts/gothammedium.woff') format('woff'),
url('../fonts/gothammedium.ttf') format('truetype'),
url('../fonts/gothammedium.svg#Gotham-Medium') format('svg'),
url('../fonts/gothammedium.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Book';
src: url('../fonts/gothambook.eot');
src: url('../fonts/gothambook.woff2') format('woff2'),
url('../fonts/gothambook.woff') format('woff'),
url('../fonts/gothambook.ttf') format('truetype'),
url('../fonts/gothambook.svg#Gotham-Book') format('svg'),
url('../fonts/gothambook.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
treehugger_logo
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family: 'Montserrat', sans-serif;
margin: 0;
padding: 0;
}
html {
min-height: 100%;
}
/* common style , comment out screen.body , IE. comptability , z-index doesn't work on IE below z-index: 0
*/
body {
background: #fff;
float: left;
width: 100%;
position: relative;
z-index: 1;
}
input,
button {
border-radius: 0;
}
.grid-contnr .grid-data:hover {
background-color: rgb(20, 177, 231);;
color: #fff;
cursor: pointer;
}
a.How_it_Works:hover {
text-decoration: none;
background-color: #2c3691;
color: #fff;
}
a,
a:focus {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none;
}
.icons {
background: url(../images/icon-sprites.png) no-repeat;
display: inline-block;
}
.arrow-left {
left: 2%;
top: 89%;
}
.arrow-right {
right: 2% !important;
top: 89%;
}
.logo-size {
width: 26vmin;
float: right;
}
.yellow-buttons {
width: 100%;
float: left;
position: relative;
}
.we_can_help_you {
float: left;
font-size: 3vmin;
width: 100%;
font-weight: 500;
position: relative;
padding-top: 1vmin;
color: #fff;
}
.dropdown_select {
width: 88%;
border: none;
height: 6vmin;
padding-left: 14vmin;
margin: 0 auto;
left: 0;
right: 0;
position: absolute;
width: 34%;
z-index: 9;
}
.Ellipse_543 {
border-style: solid;
border-width: 2px;
border-color: rgb(255, 255, 255);
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.149);
position: absolute;
width: 3rem;
height: 3rem;
position: absolute;
border-style: solid;
border-width: 2px;
border-color: rgb(255, 255, 255);
background-color: #596d80;;
opacity: 1;
}
.text_overlay {
width: 100%;
position: absolute;
top: 13vmin;
padding: 4vmin calc(8.5% + 15px) 0 9%;
}
.carousel-second-img .text_content {
width: 100%;
text-align: center;
margin-right: 0;
}
.carousel-second-img .how-it-works-button,
.carousel-fourth-img .how-it-works-button {
float: left;
text-align: center;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.carousel-second-img .How_it_Works {
font-size: 1.7rem;
color: #fff;
padding: 0.9em 0;
float: none;
text-align: center;
}
.carousel-third-img .text_content {
float: left;
width: 65%;
text-align: left;
margin-right: 0;
}
.carousel-third-img .How_it_Works {
float: left;
font-size: 1.7rem;
padding: 0.9em 0;
text-align: center;
}
.carousel-fourth-img .text_content {
/*float: left;*/
width: 100%;
text-align: center;
margin-right: 0;
}
.carousel-fourth-img .How_it_Works {
float: left;
font-size: 1.7rem;
padding: 0.9em 0;
text-align: center;
}
.carousel-first-img .how-it-works-button {
bottom: 0;
}
.text_content {
position: relative;
float: right;
width: 40%;
text-align: right;
margin-right: 0;
}
.space_btn_element {
margin-top: 0.9em;
}
.CREATE_CLEAN_ENERGY {
font-size: 40px;
line-height: 1em;
font-family: Gotham-Medium, Sans-Serif;
color: #fefefe;
text-transform: uppercase;
text-align: right;
position: relative;
z-index: 462;
font-weight: 500;
word-break: break-word;
}
.CREATE_CLEAN_ENERGY_sub {
font-size: 33px;
font-family: Gotham-Book, sans-serif;
}
.Bring_solar_energy__to_communities_around_the_c {
font-size: 2.6rem;
font-family: "Source Sans Pro";
color: #fefefe;
line-height: 1.3em;
text-align: right;
position: relative;
z-index: 462;
right: 0;
width: 25%;
}
.How_it_Works {
font-size: 1.7rem;
font-weight: bold;
font-family: "Source Sans Pro", sans-serif;
color: #fff;
text-transform: uppercase;
padding: 0.9em 0;
background-color: rgb(20, 177, 231);
border-radius: 4px;
float: right;
width: 24%;
text-align: center;
}
.how_it_works_rectangle {
border-radius: 4px;
background-color: rgb(20, 177, 231);
width: 51%;
z-index: 457;
float: right;
margin-top: 1.5vmin;
padding: 1.5vmin;
text-align: center;
}
.go_solar_at_home {
width: 100%;
float: left;
font-weight: bold;
font-size: 6.5vmin;
font-family: "Source Sans Pro";
color: rgb(255, 255, 255);
text-transform: uppercase;
line-height: 1.2;
text-align: left;
position: relative;
/* left: 7%; */
/* top: 87%; */
z-index: 167;
word-break: break-word;
}
.Go_Solar_at_Home {
border-radius: 4px;
background-color: rgb(255, 204, 0);
position: absolute;
width: 70%;
left: 15%;
top: 15vh;
font-size: 1.55rem;
color: rgb(40, 40, 40);
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 1.25em 1%;
}
#myCarousel .carousel-next-button {
position: relative;
top: 0.75em;
right: 0;
left: 12%;
bottom: 0;
line-height: 0;
margin: 0 !important;
padding: 0;
float: left;
}
.carousel-inner {
z-index: -10;
}
#champion-carousel .carousel-inner {
z-index: 0;
}
ol.carousel-indicators {
z-index: -5;
}
div#myCarousel {
z-index: -20;
}
#myCarousel .carousel-prev-button {
position: relative;
top: 0.75em;
right: 0;
left: 12%;
bottom: 0;
line-height: 0;
margin: 0 !important;
padding: 0;
float: left;
}
.investors_logo {
width: 100%;
position: relative;
margin-top: 0%;
margin-bottom: 2%;
padding: 2vmin 5% 1vmin;
float: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.invstr-logo-images {
padding: 0;
}
.logo-img-cntnr {
width: 100%;
float: left;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.selected-logo {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.investors_logo_text {
float: left;
width: 100%;
padding: 0vmin 0;
font-size: 1.5em;
text-align: center;
margin-bottom: 4%;
font-weight: 600;
}
.dropdown_state {
font-family: "Source Sans Pro";
width: 37%;
margin: 0 auto;
text-align: center;
font-size: 3vmin;
word-break: break-word;
margin-top: 3%;
}
/*.investors_logo {
margin: 0 auto;
width: 36vmin;
position: relative;
margin-top: 2%;
margin-bottom: 2%;
}
*/
.investors_logo_img {
width: 38vmin;
height: 25vmin;
float: left;
}
.logo-home {
background: url(../images/logo-white.png);
background-size: 171px 70px;
margin: 1.1em 0 0 9%;
background-repeat: no-repeat;
width: 171px;
height: 75px;
display: block;
padding: 0;
}
.imageContainer {
width: 100%;
height: 215px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
z-index: -1;
}
.imageContainer.join-mov-btn-cntnr {
position: relative;
z-index: -1;
}
.text_on_blue_image {
text-align: center;
font-size: 1.9rem;
color: white;
margin-top: 1.4em;
}
.carousel-indicators > li {
border-radius: 0;
}
left .carousel-controls {
position: relative;
width: 300px;
top: 0;
margin: 0 auto;
}
.column-left {
float: left;
width: 100%;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.column-right {
float: left;
width: 100%;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.column-center {
float: left;
width: 100%;
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.Right_Button {
position: absolute;
left: 0px;
top: 0px;
width: 1200px;
height: 4958px;
z-index: 449;
}
.join-mov-btns-cntnr {
padding: 0 5.6%;
}
.join-mov-btns {
padding: 2.3em 2.9% 0;
}
.header-content {
width: 100%;
float: left;
padding-top: 7vmin;
}
.header-content-div {
width: 100%;
padding: 0 5.6% 0 1%;
float: left;
}
.header-tagline {
float: left;
width: calc(100% - 36vmin);
padding-left: 4.6%;
}
.header-logo {
float: left;
width: 36vmin;
}
.Shape {
background-color: rgb(255, 255, 255);
position: absolute;
left: 1165px;
top: 558px;
width: 10px;
height: 14px;
z-index: 448;
}
.background-image-size {
width: 39vmin;
position: relative;
float: right;
}
#myCarousel .background-image-size_home {
height: 455px;
object-fit: cover;
right: 0;
width: 100%;
}
/* btn */
.btn-reinvest {
background: #100084 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: white;
text-transform: uppercase;
width: 100%;
height: 44px;
margin-top: 20px;
}
.zinnia .btn-blue {
font-size: 0.8rem;
}
.btn-icon-gray {
text-align: center;
background: rgba(40, 40, 40, 0.15);
width: 53px;
height: 43px;
border: 2px solid #fff;
display: inline-block;
}
.btn-icon-gray .icons {
width: 24px;
height: 24px;
margin-top: 7px;
}
.btn-icon-gray .icon-fb {
background-position: -144px -16px;
}
.btn-icon-gray:hover .icon-fb {
background-position: -168px -16px;
}
.btn-icon-gray .icon-tw {
background-position: -192px -16px;
}
.btn-icon-gray:hover .icon-tw {
background-position: -216px -16px;
}
.btn-icon-gray .icon-gg {
background-position: -240px -16px;
}
.btn-icon-gray:hover .icon-gg {
background-position: -264px -16px;
}
/* title */
.title-white-border,
.title-blue-border {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
letter-spacing: 8px;
height: 43px;
line-height: 41px;
padding: 0 10px;
text-align: center;
display: inline-block;
}
.title-white-border {
border: 2px solid #fff;
color: #fff;
}
.title-blue-border {
color: #100084;
border: 2px solid #100084;
}
/* .dropdown-default */
.dropdown-default {
text-transform: uppercase;
}
.dropdown-default .btn-default {
font-size: 12px;
font-weight: normal;
color: #9d9d9d;
text-align: left;
background: #f0f0f0;
letter-spacing: 6px;
text-shadow: none;
background-image: none;
filter: none;
border: 2px solid #fff;
box-shadow: none;
border-radius: 0;
padding: 0 28px 0 23px;
height: 36px;
line-height: 33px;
position: relative;
}
.dropdown-default .btn-default .icon-arrow-down {
background-position: -48px 0;
width: 16px;
height: 16px;
position: absolute;
top: 8px;
right: 9px;
z-index: 9;
}
.dropdown-default .btn-default.active,
.dropdown-default .btn-default:active,
.open.dropdown-default > .dropdown-toggle.btn-default {
color: #9d9d9d;
background-color: #f0f0f0;
border: 2px solid #fff;
}
.dropdown-default .selected-option {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
max-width:
}
.dropdown-default .dropdown-menu {
font-size: 12px;
min-width: 60px;
padding: 5px 0;
margin: 0;
width: 100%;
background: rgba(240, 240, 240, 0.75);
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 0;
-webkit-box-shadow: 0 3px 5px rgba(34, 34, 33, 0.19);
box-shadow: 0 3px 5px rgba(34, 34, 33, 0.19);
}
.header.after-scroll-header .logo {
background: url(../images/logo.png) no-repeat;
background-size: 141px auto;
}
p.attribution.footer-text {
color: #337ab7;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
.dropdown-default .dropdown-menu > li > a {
color: #4b4b4b;
font-weight: normal;
line-height: 24px;
padding: 0 25px;
}
.dropdown-default .dropdown-menu > li > a:hover,
.dropdown-default .dropdown-menu > li > a:active,
.dropdown-default .dropdown-menu > li > a:focus,
.dropdown-default .dropdown-menu > li > a.active {
font-family: 'Source Sans Pro';
font-weight: 700;
background: #f0f0f0;
background-image: none;
filter: none;
}
/* .header */
.header {
margin-top: 30px;
width: 100%;
height: 108px;
position: fixed;
top: 0;
left: 0;
z-index: 0;
}
.after-header {
margin-top: 102px;
}
.header .container {
padding: 0;
margin: 0;
width: 100%;
}
#home-page > .container > .container {
padding: 0vmin 12px 0 0;
margin: 0;
}
#home-page > .container > .container .menu-list {
position: absolute;
right: 0;
background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
background-color: transparent;
border: transparent;
border-radius: 0;
box-shadow: none;
margin: 0;
}
.container > .container .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
#home-page > .container > .container .navbar-collapse {
width: 100%;
padding: 0px;
position: absolute;
top: 79px;
border-top: 1px solid rgb(204, 204, 204);
margin: 0;
}
.header .logo {
background: url(../images/logo.png) no-repeat;
background-size: 171px 70px;
margin: 17px 0 0 85px;
width: 171px;
height: 70px;
display: block;
}
.zinnia .header .logo {
margin: 17px 0 0 0;
}
.zinnia .header .rights {
padding: 1.9rem 0 0 0;
}
.zinnia .header .rights > a.btn-blue:last-child {
margin-right: 0;
}
.help_power_community .CREATE_CLEAN_ENERGY {
font-size: 4rem;
}
.help_power_community .space_btn_element {
margin-top: 0;
}
.homepage-lightbox-popup {
position: relative;
background: #FFF;
padding: 10px;
padding-top: 35px;
width: auto;
max-width: 600px;
margin: 20px auto;
}
.open-popup-link,
.open-popup-link:hover,
.open-popup-link:focus,
.open-popup-link:active {
background: transparent;
border: 3px solid white;
border-radius: 4px;
color: white;
display: flex;
align-items: center;
font-size: 21px;
float: none;
justify-content: center;
margin: 15px auto;
padding: 7px 0;
text-align: center;
text-shadow: 2px 2px 5px black;
text-transform: uppercase;
width: 29.5%;
}
.lightBoxLinkContainer {
text-align: center;
}
.lightBoxLinkContainer span {
font-family: Montserrat, Sans-Serif;
font-weight: 500;
}
.open-popup-link img {
height: 100%;
margin-right: 5px;
}
@media (min-width: 768px) {
.zinnia.blue .header a:visited {
color: #fff;
}
}
#project .header .logo {
margin: 3rem 0 0 calc(5.6% + 30px);
padding: 0;
}
.header .btn-donate {
min-width: 132px;
}
.header .rights {
padding: 3.3rem 9% 0 0;
}
.header .txt {
font-size: 14px;
color: #fff;
padding: 0 0 3px 0;
line-height: 26px;
}
.header .txt .block {
text-align: right;
display: block;
}
.header .txt a {
color: #fff;
text-decoration: underline;
}
.header .txt a:hover,
.header .txt a:focus {
color: #100084;
}
/* .after-scroll-header */
.header.after-scroll-header.after-scroll-header-fixed {
background: #fff;
margin: 0;
}
.header.after-scroll-header {
background: #fff;
}
.header.after-scroll-header.after-scroll-header-fixed {
background: #fff;
margin: 0;
}
.header.after-scroll-header .logo {
background: url(../images/logo.png);
}
.header.after-scroll-header .txt {
color: #4b4b4b;
}
.header.after-scroll-header .txt a {
color: #4b4b4b;
}
.header.after-scroll-header .txt a:hover,
.header.after-scroll-header .txt a:focus {
color: #100084;
}
/* .top-section-header */
.header.top-section-header {
position: fixed;
background-color: white;
margin-top: 0;
padding-top: 0;
}
.home-page-content .header {
background-color: rgba(0, 0, 0, 0.15);
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
margin-top: 0;
}
.home-page-content .header .after-scroll {
display: none;
}
.home-page-content .header.after-scroll-header {
margin-top: inherit;
background-color: white;
}
.home-page-content .header.after-scroll-header .txt a.btn-blue {
color: white;
}
.home-page-content .header.after-scroll-header .after-scroll {
display: block;
}
.header a.btn-blue,
.header.after-scroll-header a.btn-blue {
text-decoration: none;
color: white;
height: auto;
line-height: normal;
padding: 0.9em 1%;
margin-right: 3rem;
}
.header a.btn-blue:hover {
color: white;
}
.header a.btn-blue:last-child, .header a.btn-blue:first-child {
margin-right: 3rem;
}
#home-page .rights > a.btn-blue:last-child {
margin-right: 0;
}
/* .top-section */
.top-section {
background-color: #000;
width: 100%;
min-height: 150px;
position: relative;
overflow-x: hidden;
}
.top-section.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 1009;
}
.top-section .section-bg,
.top-section .sub-section-bg {
width: 100%;
height: 100%;
opacity: 0.65;
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.top-section .sub-section-bg {
background: url(../images/sub-section-bg.jpg) no-repeat center top;
background-size: 100% 150px;
}
.top-section.min-height {
overflow: hidden;
height: 880px;
}
.top-section .section-video .video-opacity {
background: rgba(0, 0, 0, 0.35);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.top-section .section-video img {
width: 100%;
height: 993px;
}
.top-section .section-video-area {
height: 56vw !important;
}
.top-section .section-video-area iframe,
.top-section .section-video-area video,
.top-section .section-video-area .mejs-container,
.top-section .section-video-area .me-plugin,
.top-section .section-video-area embed,
.top-section .section-video-area .mejs-overlay-play {
width: 100% !important;
height: 56vw !important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border: none;
}
.top-section .section-video-area .mejs-container .mejs-controls {
display: none !important;
}
.top-section .section-video-area .mejs-container .mejs-overlay-button {
display: none !important;
}
.top-section.nav-margins .section-video-overlay {
color: white;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.top-section.nav-margins .section-video-overlay:before {
display: inline-block;
content: '';
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
.top-section.nav-margins .section-video-overlay .wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 0 20px;
}
.top-section.nav-margins .section-video-overlay .titles {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 48px;
text-transform: uppercase;
line-height: 58px;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.top-section.nav-margins .section-video-overlay p {
font-size: 20px;
line-height: 36px;
margin: 0 auto;
padding: 5px 0 32px 0;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.top-section.nav-margins .section-video-overlay .btn-donate-now {
letter-spacing: 4.5px;
min-width: 172px;
padding-left: 15px;
}
.top-section.nav-margins .container {
color: #fff;
text-align: center;
position: absolute;
z-index: 999;
top: 50% !important;
left: 50%;
-webkit-transform: translate(-50%, -35%);
transform: translate(-50%, -35%);
}
/* .top-section .carousel */
.top-section .carousel {
padding-right: 80px;
padding-left: 80px;
}
/* .top-section .carousel .item */
.top-section .carousel .item {
padding: 155px 0 0 0;
min-height: 788px;
}
.top-section .carousel .item-info {
width: 580px;
margin: 0 auto;
}
.top-section .carousel .item-info .titles {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 48px;
text-transform: uppercase;
line-height: 58px;
}
.top-section .carousel .item-info i {
display: block;
}
.top-section .carousel .item-info p {
font-size: 20px;
line-height: 36px;
width: 480px;
margin: 0 auto;
padding: 5px 0 32px 0;
}
.top-section .carousel .item-info .btn-donate-now {
letter-spacing: 4.5px;
min-width: 172px;
padding-left: 15px;
}
/* .top-section .carousel-indicators */
.top-section .carousel-indicators li {
border-radius: 0;
background-color: rgba(255, 255, 255, 0.3);
border: none;
width: 12px;
height: 12px;
margin: 0 3px 0 2px;
}
.top-section .carousel-indicators .active {
border-radius: 0;
background-color: rgba(255, 255, 255, 1);
border: none;
}
.top-section .icon-arrow-down {
background-position: -240px -40px;
position: absolute;
width: 48px;
height: 48px;
bottom: -40px;
left: 50%;
margin: 0 0 0 -24px;
}
.tell_us_state_where_you_live {
font-family: "Source Sans Pro";
width: 42%;
margin: 0 auto;
text-align: center;
font-size: 3.8vmin;
word-break: break-word;
margin-top: 3%;
}
.top-section .carousel-control.left,
.top-section .carousel-control.right {
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 303px;
}
.top-section .carousel-control.left {
left: 16px;
}
.top-section .carousel-control.right {
right: 16px;
}
.top-section .carousel-control.left .icons,
.top-section .carousel-control.right .icons {
width: 24px;
height: 24px;
margin-top: 9px;
}
.top-section .carousel-control.left .icons {
background-position: -312px -16px;
}
.top-section .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.top-section .carousel-control.right .icons {
background-position: -408px -16px;
}
.top-section .carousel-control:hover.right .icons {
background-position: -385px -16px;
}
.dropdown {
position: relative;
text-align: center;
padding-top: 2vmin;
float: left;
width: 100%;
padding: 2vmin 28% 2vmin;
}
.dropdown-title {
float: left;
width: 100%;
font-size: 2.6vmin;
}
.dropdown-select-text {
border: 1px solid #ccc;
width: 100%;
padding: 2vmin 0;
border-radius: 3px;
background-color: rgb(242, 242, 242);
border-color: rgb(230, 230, 230);
font-family: "Source Sans Pro";
color: rgb(128, 128, 128);
float: left;
cursor: pointer;
}
.dropdown-menu {
width: 44%;
left: 0;
right: 0;
margin: 0 auto;
height: 40vmin;
/* height: 20vmin; */
overflow-y: scroll;
overflow-x: hidden;
top: 9vmin;
}
.option {
text-align: center;
padding: 3px;
cursor: pointer;
}
.option:hover {
color: #100084;
}
.how_it_works_rectangle.space_btn_element:hover {
background-color: #2c3691;
}
/* home page */
/* .active-projects-module */
.active-projects-module {
text-align: center;
background-color: #ededed;
padding-bottom: 0;
float: left;
position: relative;
width: 100%;
z-index: -8;
/*background: url(../images/donatn-backgrnd.png);*/
}
.active-projects-module .container {
padding: 0 15px;
width: 100%;
margin-left: auto;
margin-right: auto;
/*background: url(../images/donatn-backgrnd.png);*/
background-repeat: no-repeat;
background-size: 100%;
}
.active-projects-module .title-active-projects {
background: none;
width: 370px;
margin: 7vmin auto 7vmin;
}
.active-projects-module .row {
margin: 0;
padding: 0 5.6% 6vmin;
max-width: 100%;
}
#project .active-projects-module .row {
padding: 2em 5.6% 2em;
}
/* .active-projects-module .module-box */
.active-projects-module .module-box {
background-color: #fff;
margin: 0;
}
.active-projects-module .desktop-img {
display: block;
}
.active-projects-module .mobile-img {
display: none;
}
/* .active-projects-module .img-main */
.active-projects-module .img-main {
position: relative;
}
.active-projects-module .img-main .img-link {
background-color: #000;
display: block;
overflow: hidden;
position: relative;
height: 300px;
}
.active-projects-module .img-main .img-link .img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.active-projects-module .img-main .img-link:hover img {
opacity: 1;
}
.active-projects-module .img-main .txt-table {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 297px;
display: table;
z-index: 99;
margin-top: 60px;
}
.active-projects-module .img-main .txt {
font-family: 'Montserrat';
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #fff;
padding: 0 20px 30px 20px;
display: table-cell;
vertical-align: middle;
}
.active-projects-module .img-main .funded-round {
text-align: center;
background-color: #fff;
width: 128px;
height: 135px;
padding: 10px;
border-radius: 100%;
position: absolute;
bottom: -67.5px;
margin: 0 0 0 -67.5px;
left: 50%;
z-index: 99;
}
.active-projects-module .img-main .funded-round .round-depict {
font-family: 'Montserrat';
font-weight: 700;
font-size: 13px;
color: #039;
display: block;
position: absolute;
top: 47.5%;
left: 50%;
width: 110px;
margin: 2px 0 0 -55px;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.75);
}
.active-projects-module .img-main .funded-round .round-depict > span {
font-size: 75%;
}
.active-projects-module .img-main .funded-round .status-indicator input {
margin-top: 27px !important;
font-size: 25px !important;
}
.active-projects-module .img-main .funded-round .status-indicator input.smaller {
font-size: 21px !important;
margin-top: 29px !important;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input {
margin-top: -85px !important;
margin-left: 26px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
box-shadow: none;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input.smaller {
margin-top: -81px !important;
margin-left: 27px !important;
font-size: 22px !important;
box-shadow: none;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
.desktop-circle {
display: block;
}
.small-circle,
.mobile-circle,
.tablet-circle {
display: none;
}
/* .active-projects-module .info-main */
.active-projects-module .info-main {
padding: 41px 29px 34px 27px;
position: relative;
z-index: 199;
}
.active-projects-module .info-main .blue-bar,
.active-projects-module .info-main .dark-blue-bar {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
color: #fff;
height: 60px;
line-height: 60px;
padding: 0 16px 0 24px;
overflow: hidden;
margin-top: 19px;
}
.active-projects-module .info-main .blue-bar {
background: #100084;
}
.active-projects-module .info-main .dark-blue-bar {
background: #FF8A00;
}
.active-projects-module .info-main .actual-energy,
.details-active-project-module .info-main .actual-energy {
max-width: 60%;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.active-projects-module .info-main .blue-bar span,
.active-projects-module .info-main .dark-blue-bar span {
font-family: 'Montserrat';
font-weight: 700;
}
/* .our-impacts-module */
.our-impacts-module {
text-align: center;
position: relative;
z-index: -6;
}
.our-impacts-module .title-our-impacts {
letter-spacing: 8px;
background: none;
padding-left: 20px;
width: 276px;
margin: 72px auto 53px auto;
}
.our-impacts-module .row {
margin: 0 86px 0 113px;
padding: 0 0 40px 0;
border-bottom: 1px solid #8a8a8a;
}
.our-impacts-module .row .col-md-3 {
padding: 0;
}
.our-impacts-module .row .col-md-3:nth-child(1) .module-box {
float: left;
}
.our-impacts-module .row .col-md-3:nth-child(3) .module-box .titles {
letter-spacing: -1.8px;
}
.our-impacts-module .row .col-md-3:nth-child(4) .module-box {
float: right;
}
.our-impacts-module .module-box {
text-align: center;
width: 100%;
}
.our-impacts-module .module-box .icons {
width: 168px;
height: 160px;
display: block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.our-impacts-module .module-box .icon-people {
background-position: 0 -184px;
}
.our-impacts-module .module-box .icon-home-ok {
background-position: -168px -184px;
-webkit-transform: translateX(-42%);
transform: translateX(-42%);
}
.our-impacts-module .module-box .icon-tree {
background-position: -336px -190px;
-webkit-transform: translateX(-65%);
transform: translateX(-65%);
}
.our-impacts-module .module-box .icon-user {
background-position: -504px -178px;
-webkit-transform: translateX(-48%);
transform: translateX(-48%);
}
.our-impacts-module .module-box .titles {
font-family: 'Source Sans Pro';
font-weight: 900;
color: #282828;
line-height: 66px;
display: block;
}
.our-impacts-module .module-box .font20 {
font-size: 20px;
}
.our-impacts-module .module-box .font48 {
font-size: 48px;
height: 66px;
}
.our-impacts-module .module-box .font72 {
font-size: 72px;
}
.our-impacts-module .module-box .titles .font20 {
font-family: 'Source Sans Pro';
font-weight: 900;
}
.our-impacts-module .module-box .txt {
font-size: 18px;
color: #4b4b4b;
text-transform: uppercase;
line-height: 22px;
display: block;
position: relative;
padding-top: 1rem;
}
.our-impacts-module .module-box .txt .position {
position: relative;
min-width: 8px;
display: inline-block;
}
.our-impacts-module .module-box .txt .position .font10 {
font-size: 10px;
position: absolute;
top: -7px;
left: 3px;
}
/* .how-it-works-module */
.how-it-works-module {
text-align: center;
position: relative;
z-index: -5;
}
.how-it-works-module .title-how-it-works {
letter-spacing: 8px;
background: none;
padding-left: 20px;
width: 276px;
margin: 58px auto 0 auto;
}
/* .how-it-works-module .info-row */
.how-it-works-module .info-row {
text-align: left;
margin: 0;
padding: 57px 113px 0 113px;
}
.how-it-works-module .info-row .video-area .video {
background: #000;
width: 501px;
height: 326px;
position: relative;
}
.how-it-works-module .info-row .video-area .video iframe {
width: 501px;
height: 326px;
border: none;
}
.how-it-works-module .info-row .video-area .video-opacity {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.how-it-works-module .info-row .video-area .btn-play {
text-align: center;
border: 5px solid #fff;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
margin: -75px 0 0 -75px;
}
.how-it-works-module .info-row .video-area .btn-play .icons {
background-position: 0 -88px;
width: 96px;
height: 96px;
margin: 13px 0 0 0;
}
.how-it-works-module .info-row .video-area .btn-play:hover,
.how-it-works-module .info-row .video-area .btn-play:focus {
border: 5px solid #1cb0e6;
}
.how-it-works-module .info-row .video-area .btn-play:hover .icons,
.how-it-works-module .info-row .video-area .btn-play:focus .icons {
background-position: -96px -88px;
}
.how-it-works-module .info-row .txt-area {
margin: 0 530px 0 0;
}
.how-it-works-module .info-row .txt-area .txt-table {
width: 100%;
display: table;
min-height: 326px;
}
.how-it-works-module .info-row .txt-area .txt-td {
display: table-cell;
vertical-align: middle;
line-height: 20px;
}
.how-it-works-module .info-row .txt-area .txt-td p {
font-size: 2.3vmin;
color: #4b4b4b;
line-height: 28px;
letter-spacing: -0.5px;
}
/* .how-it-works-module .step-row */
.how-it-works-module .step-row {
text-align: left;
margin: 65px 86px 0 113px;
border-bottom: 1px solid #8a8a8a;
}
.how-it-works-module .step-row .item {
float: left;
display: block;
}
.how-it-works-module .step-row .item:nth-child(1),
.how-it-works-module .step-row .item:nth-child(2) {
width: 35.5%;
}
.how-it-works-module .step-row .item:nth-child(3) {
width: 29%;
}
.how-it-works-module .step-row .item:nth-child(3) .info-txt {
margin-right: 0;
}
.how-it-works-module .step-row .module-box {
position: relative;
padding-top: 10px;
min-height: 170px;
}
.how-it-works-module .step-row .icon-blue-round {
text-align: center;
background: #100084;
width: 70px;
height: 70px;
border-radius: 100%;
}
.how-it-works-module .step-row .icon-blue-round .icons {
width: 48px;
height: 48px;
margin-top: 12px;
}
.how-it-works-module .step-row .icon-fundraise .icons {
background-position: 0 -40px;
}
.how-it-works-module .step-row .icon-invest .icons {
background-position: -48px -40px;
}
.how-it-works-module .step-row .icon-pay-it-forward .icons {
background-position: -96px -40px;
}
.how-it-works-module .step-row .icon-arrow-right {
background-position: -144px -40px;
width: 48px;
height: 48px;
position: absolute;
top: 34px;
right: 15px;
}
.how-it-works-module .step-row .info-txt {
margin: 0 55px 0 100px;
}
.how-it-works-module .step-row .info-txt h4 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 18px;
line-height: 20px;
padding-bottom: 10px;
margin-top: -4px;
color: #100084;
}
.how-it-works-module .step-row .info-txt p {
font-size: 14px;
color: #8a8a8a;
line-height: 24px;
}
.how-it-works-module .row .carousel-control,
.how-it-works-module .row .carousel-indicators {
display: none;
}
/* .how-it-works-module */
.testimonial-module {
text-align: center;
padding-bottom: 65px;
position: relative;
z-index: -5;
}
.testimonial-module .title-testimonial {
letter-spacing: 8px;
background: none;
padding-left: 20px;
width: 248px;
margin: 54px auto 0 auto;
}
/* .testimonial-module .head-row */
.testimonial-module .head-row {
margin: 0;
padding: 54px 86px 0 85px;
}
.testimonial-module .head-row ul {
display: table;
margin: 0 auto;
}
.testimonial-module .head-row li {
display: table-cell;
}
.testimonial-module .head-row li .head-img {
display: block;
margin: 25px;
position: relative;
}
.testimonial-module .head-row li .head-img .desktop-head {
display: block;
}
.testimonial-module .head-row li .head-img .mobile-head {
display: none;
}
.testimonial-module .head-row li .head-img .icon-arrow-down {
display: none;
}
.testimonial-module .head-row li.mobile-show {
display: none;
}
/*.testimonial-module .head-row li .head-img:hover,
.testimonial-module .head-row li .head-img:focus,*/
.testimonial-module .head-row li .head-img.active {
background-color: #ebfaff;
border: 2px solid #100084;
border-radius: 6px;
margin: 0;
padding: 23px;
}
/*.testimonial-module .head-row li .head-img:hover .icon-arrow-down,
.testimonial-module .head-row li .head-img:focus .icon-arrow-down,*/
.testimonial-module .head-row li .head-img.active .icon-arrow-down {
background-position: -201px -55px;
width: 29px;
height: 22px;
display: block;
position: absolute;
bottom: -22px;
left: 50%;
margin: 0 0 0 -15px;
}
.testimonial-module .head-row li .head-img img {
width: 72px;
height: 72px;
border-radius: 6px;
}
/* .testimonial-module .info-area */
.testimonial-module .info-area {
padding: 47px 0 0 0;
}
.testimonial-module .info-area p {
font-size: 14px;
color: #4b4b4b;
text-align: justify;
line-height: 28px;
width: 770px;
margin: 0 auto;
padding-bottom: 15px;
}
.testimonial-module .info-area .block {
display: block;
}
.testimonial-module .user-group {
padding-top: 14px;
}
.testimonial-module .user-group .link-blue {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 18px;
color: #100084;
}
.testimonial-module .user-group .txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
color: rgba(121, 121, 121, 0.5);
line-height: 25px;
padding: 3px 0 40px 0;
}
.testimonial-module .user-group .btn-blue {
height: 43px;
line-height: 43px;
padding-top: 2px;
min-width: 298px;
letter-spacing: 4px;
}
.testimonial-module .user-group > p {
text-align: center;
font-size: 100%;
}
.testimonial-module .user-group > p > emph {
font-style: italic;
}
/* .featured-on-module */
.featured-on-module {
background-color: #ededed;
text-align: center;
padding-bottom: 45px;
float: left;
position: relative;
width: 100%;
z-index: -5;
}
.featured-on-module .title-featured-on {
letter-spacing: 8px;
background: none;
padding-left: 20px;
width: 241px;
margin: 44px auto 43px auto;
}
#featured-on-example-generic {
display: block;
}
#mobile-featured-on-example-generic {
display: none;
}
/* .featured-on-module .carousel-main */
.featured-on-module .carousel-main {
min-height: 171px;
margin-right: 70px;
margin-left: 70px;
}
.featured-on-module .carousel-main .logo-ul {
display: table;
width: 100%;
}
.featured-on-module .carousel-main .logo-ul li {
text-align: center;
vertical-align: middle;
width: 20%;
height: 171px;
display: table-cell;
}
.featured-on-module .logo {
margin-right: auto;
margin-left: auto;
display: block;
overflow: hidden;
}
.featured-on-module .logo-fast-mpany {
background: url(../images/logo-fast-mpany.png) no-repeat;
width: 154px;
height: 23px;
}
.featured-on-module .logo-ehe-new-hork-eimes {
background: url(../images/logo-ehe-new-hork-eimes.png) no-repeat;
width: 137px;
height: 113px;
}
.featured-on-module .logo-shareable {
background: url(../images/logo-shareable.png) no-repeat;
width: 144px;
height: 21px;
}
.featured-on-module .logo-philanthropy {
background: url(../images/logo-philanthropy.png) no-repeat;
width: 153px;
height: 28px;
}
.featured-on-module .logo-clean-technica {
background: url(../images/logo-clean-technica.png) no-repeat;
width: 153px;
height: 44px;
margin-bottom: 25px;
}
.featured-on-module .logo-forbes {
background: url(../images/logo-forbes.png) no-repeat;
background-position: top;
background-size: 100% auto;
height: 38.3px;
width: 150px;
}
.featured-on-module .logo-whitehouse {
background: url(../images/logo-whitehouse.png) no-repeat;
background-position: top;
background-size: 100% auto;
height: 102.075px;
width: 150px;
}
.featured-on-module .logo-treehugger {
background: url(../images/treehugger.png) no-repeat;
background-size: 100% 47px;
height: 60.075px;
width: 193px;
}
.featured-on-module .logo-scientific-american {
background: url(../images/scientific-American.png) no-repeat;
background-position: top;
background-size: 100% 43px;
height: 49px;
width: 193px;
}
.featured-on-module .logo-grist {
background: url(../images/grist.png) no-repeat;
background-position: top;
background-size: 219px 62px;
height: 65px;
width: 220px;
}
.featured-on-module .logo-doe {
background: url(../images/sunshot.png) no-repeat;
background-position: top;
background-size: 100% auto;
height: 65px;
width: 178px;
}
.featured-on-module .logo-forbes:hover,
.featured-on-module .logo-whitehouse:hover,
.featured-on-module .logo-doe:hover {
background-position: center 100%;
}
.featured-on-module .logo-fast-mpany:hover,
.featured-on-module .logo-fast-mpany:focus,
.featured-on-module .logo-ehe-new-hork-eimes:hover,
.featured-on-module .logo-ehe-new-hork-eimes:focus,
.featured-on-module .logo-shareable:hover,
.featured-on-module .logo-shareable:focus,
.featured-on-module .logo-philanthropy:hover,
.featured-on-module .logo-philanthropy:focus,
.featured-on-module .logo-clean-technica:hover,
.featured-on-module .logo-clean-technica:focus {
background-position: center bottom;
}
.featured-on-module .carousel-control.left,
.featured-on-module .carousel-control.right {
background-color: rgba(41, 41, 41, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 60px;
}
.champion-background-image {
height: 60vmin;
background-image: url(/static/images/champion_background_image.jpg);
background-size: 100vw 60vmin;
background-repeat: no-repeat;
}
.featured-on-module .carousel-control.left {
text-align: center;
left: -76px;
}
.featured-on-module .carousel-control.right {
text-align: center;
right: -76px;
}
.featured-on-module .carousel-control.left .icons,
.featured-on-module .carousel-control.right .icons {
width: 24px;
height: 24px;
top: 0;
right: auto;
left: auto;
position: static;
margin: 10px auto 0 auto;
}
.featured-on-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.featured-on-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.featured-on-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.featured-on-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
/* .newsletter-module */
.newsletter-module {
text-align: center;
position: relative;
height: 448px;
overflow: hidden;
z-index: -5;
}
.newsletter-module .img-preload {
display: block;
}
.newsletter-module .img-preload {
background-image: url(../images/small/small-newsletter-bg.jpg);
height: 500px;
/*background-attachment: fixed;*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-device-width: 1024px) {
.newsletter-module .img-preload {
background-attachment: scroll;
}
}
.newsletter-module .parallax-window {
height: 448px;
background: transparent;
}
.newsletter-module .small-img,
.newsletter-module .mobile-img {
display: none;
width: 100%;
}
.newsletter-module .title-newsletter {
background: none;
letter-spacing: 8.5px;
margin: 84px auto 43px auto;
padding-left: 20px;
width: 370px;
}
/* .newsletter-module .container */
.newsletter-module .container {
position: absolute;
z-index: 999;
top: 0;
margin: 0;
padding: 0;
}
.newsletter-module .group-main p {
font-size: 20px;
color: #fff;
line-height: 25px;
padding: 0 0 33px 0;
}
.newsletter-module .group-main .group {
background-color: #fff;
margin: 0 168px 0 162px;
padding: 3vmin 30px 3vmin 67px;
}
.newsletter-module .group-main .group .btn-sign-up {
text-transform: uppercase;
float: right;
width: 132px;
border: none;
text-align: center;
padding-top: 0;
font-size: 1.7rem;
margin-top: 0;
cursor: pointer;
}
.newsletter-module .group-main .group .inputs {
margin-right: 147px;
height: 53px;
display: block;
}
.newsletter-module .group-main .group .inputs input {
font-size: 26px;
color: #4b4b4b;
background: none;
border: none;
outline: none;
height: 53px;
line-height: 53px;
width: 100%;
}
.newsletter-module .group-main .group .inputs input::-webkit-input-placeholder {
color: rgba(142, 142, 142, 0.5);
}
.newsletter-module .group-main .group .inputs input:-moz-placeholder {
color: rgba(142, 142, 142, 0.5);
}
.newsletter-module .group-main .group .inputs input::-moz-placeholder {
color: rgba(142, 142, 142, 0.5);
opacity: 1;
}
.newsletter-module .group-main .group .inputs input:-ms-input-placeholder {
color: rgba(142, 142, 142, 0.5);
}
/* .contents */
header.edit-project-header {
text-align: center;
}
header.edit-project-header > .container > h1 {
display: inline-block;
color: #FF8A00;
font-size: 2rem;
text-align: center;
line-height: 75px;
}
.edit-project .header-container {
height: 0;
}
.edit-project .form-section {
margin-top: 20px;
}
.contents {
min-height: 450px;
}
.top150 {
margin-top: 150px;
}
.top100 {
margin-top: 100px;
}
/* .titles */
.titles.container {
padding: 43px 0 0 0;
min-height: 103px;
}
.titles.container .title-get-involved {
margin-right: 83px;
min-width: 272px;
letter-spacing: 9px;
padding-left: 20px;
}
.title-h1 {
color: #100084;
font-family: 'Montserrat', sans-serif;
font-size: 44px;
font-weight: 900;
line-height: 56px;
margin-top: -12px;
}
/* sign in page */
.contents.sign-in-contents {
min-height: 508px;
}
.contents.sign-in-contents .container {
padding: 0;
}
.sign-in {
padding: 43px 83px 102px 83px;
}
.sign-in .title-sign-in {
float: right;
padding-left: 31px;
padding-right: 21px;
}
/* .sign-in .sign-in-left */
.sign-in .sign-in-left {
float: left;
padding-top: 71px;
}
.sign-in .sign-in-left h2 {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 48px;
line-height: 52px;
color: #2e3192;
margin-bottom: 9px;
}
.sign-in .sign-in-left p {
font-size: 14px;
line-height: 24px;
color: #4b4b4b;
padding-left: 4px;
}
.sign-in .sign-in-left p i {
display: block;
}
.sign-in .sign-in-left .account {
margin-top: 27px;
}
.sign-in .sign-in-left a {
font-size: 14px;
line-height: 20px;
color: #100084;
padding-left: 4px;
}
/* .sign-in .login-area */
.sign-in .login-area {
padding: 140px 231px 0 332px;
}
.sign-in .login-area .input-wrap {
width: 100%;
height: 55px;
border: 1px solid #9d9d9d;
background-color: #f0f0f0;
margin-bottom: 11px;
}
.sign-in .login-area .input-wrap.input-error-style {
border-color: #f00;
}
.sign-in .login-area .input-wrap input {
border: none;
outline: none;
width: 100%;
height: 100%;
background-color: #f0f0f0;
font-size: 12px;
line-height: 16px;
color: #9d9d9d;
padding-left: 31px;
padding-right: 31px;
letter-spacing: 6px;
}
.sign-in .check-wrap {
display: block;
overflow: hidden;
min-height: 47px;
padding: 9px 0 16px 0;
}
.sign-in .login-area .btn-login {
padding-left: 23px;
padding-right: 19px;
height: 43px;
line-height: 43px;
letter-spacing: 4px;
}
/* sign up page */
.contents.sign-up-contents {
min-height: 851px;
}
.contents.sign-up-contents .container {
padding: 0;
}
.sign-up {
padding: 43px 83px 102px 83px;
}
.sign-up .title-sign-up {
float: right;
padding-left: 23px;
padding-right: 16px;
}
/* .sign-up .sign-up-left */
.sign-up .sign-up-left {
float: left;
padding-top: 76px;
}
.sign-up .sign-up-left h2 {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 48px;
line-height: 52px;
color: #2e3192;
margin-bottom: 4px;
}
.sign-up .sign-up-left p {
font-size: 14px;
line-height: 28px;
color: #4b4b4b;
padding-left: 4px;
}
.sign-up .sign-up-left p i {
display: block;
}
.sign-up .sign-up-left .account {
margin-top: 27px;
}
.sign-up .sign-up-left a {
font-size: 14px;
line-height: 28px;
color: #100084;
padding-left: 4px;
}
/* .sign-up .reg-area */
.sign-up .reg-area {
padding: 140px 231px 0 332px;
}
.sign-up .reg-area .input-wrap {
width: 100%;
height: 55px;
border: 1px solid #9d9d9d;
background-color: #f0f0f0;
margin-bottom: 11px;
}
.sign-up .reg-area .input-wrap.input-error-style {
border-color: #f00;
}
.sign-up .reg-area .input-wrap.less-margin {
margin-bottom: 9px;
}
.sign-up .reg-area .input-wrap.high-margin {
margin-bottom: 13px;
}
.sign-up .reg-area .input-wrap.higher-margin {
margin-bottom: 17px;
}
.sign-up .reg-area .input-wrap input {
border: none;
outline: none;
width: 100%;
height: 100%;
background-color: #f0f0f0;
font-size: 12px;
line-height: 16px;
color: #9d9d9d;
padding-left: 31px;
padding-right: 31px;
letter-spacing: 6px;
}
.sign-up .check-wrap {
display: block;
overflow: hidden;
min-height: 45px;
padding: 13px 0 10px 0;
}
.sign-up .reg-area p {
font-size: 12px;
line-height: 24px;
color: #4b4b4b;
padding-left: 30px;
padding-right: 120px;
margin-bottom: 17px;
display: block;
}
.sign-up .reg-area .btn-signup {
padding-left: 13px;
padding-right: 10px;
height: 43px;
line-height: 43px;
letter-spacing: 4px;
}
/* what do page */
.contents.what-we-do-contents {
min-height: 1000px;
}
.contents.what-we-do-contents .container {
padding: 0;
}
.what-we-do-contents .article-detail {
padding: 43px 84px 107px 85px;
}
/* .article-detail */
.article-detail {
padding: 43px 84px 129px 85px;
}
.article-detail .title-do {
float: right;
padding-left: 23px;
padding-right: 18px;
word-spacing: 2px;
}
.article-detail .detail-left {
padding-right: 300px;
padding-top: 55px;
}
.article-detail .detail-left .title-img {
width: 700px;
height: 270px;
margin-bottom: 43px;
}
.article-detail .detail-left .title-img img {
width: 100%;
height: 100%;
}
.article-detail .detail-left h2 {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 48px;
line-height: 56px;
color: #2c3691;
padding-right: 50px;
}
.article-detail .detail-left p {
font-size: 14px;
line-height: 28px;
color: #4b4b4b;
margin-top: 29px;
padding-right: 90px;
}
.article-detail .detail-left .btn-group {
padding-top: 18px;
padding-right: 40px;
width: 960px;
}
.article-detail .detail-left .btn-group .btn-blue {
display: block;
float: left;
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
line-height: 43px;
height: 43px;
margin-bottom: 22px;
letter-spacing: 4px;
margin-right: 28px;
}
.article-detail .detail-left .btn-group .btn-leasing {
padding-left: 19px;
padding-right: 11px;
margin-top: 4px;
}
.article-detail .detail-left .btn-group .btn-communities {
padding-left: 19px;
padding-right: 13px;
margin-bottom: 26px;
}
.article-detail .detail-left .btn-group .btn-services {
padding-left: 32px;
padding-right: 33px;
}
/* about us page */
.contents.about-us-contents {
min-height: 600px;
}
.contents.about-us-contents .container {
padding: 0;
}
.about-us {
padding: 43px 84px 102px 85px;
}
.about-us .title-about-us {
float: right;
padding-left: 28px;
padding-right: 24px;
}
.about-us .about-us-left {
padding-right: 250px;
padding-top: 73px;
}
.about-us .about-us-left h2 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 48px;
line-height: 60px;
color: #2c3691;
}
.about-us .about-us-left p {
font-size: 14px;
line-height: 28px;
color: #4b4b4b;
margin-top: 8px;
margin-bottom: 35px;
padding-right: 140px;
}
.about-us .about-us-left .btn-works {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
line-height: 43px;
height: 43px;
letter-spacing: 4px;
padding-left: 28px;
padding-right: 26px;
}
/* .mains-tabs */
.mains-tabs .tab-index .row {
padding-right: 360px;
padding-left: 80px;
margin: 0;
}
.mains-tabs .tab-index .row .col-lg-3 {
padding: 0;
padding-right: 1px;
}
.mains-tabs .tab-index .row .col-lg-3 a {
display: block;
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
height: 53px;
line-height: 53px;
color: rgba(138, 138, 138, 0.5);
background-color: #ededed;
border-top: 4px solid #fff;
text-decoration: none;
text-align: center;
}
.mains-tabs .tab-index .row .col-lg-3 a:hover,
.mains-tabs .tab-index .row .col-lg-3 a.active {
border-top: 4px solid #100084;
color: #4b4b4b;
background-color: #f4f4f4;
}
.mains-tabs .tab-content {
min-height: 412px;
background-color: #f4f4f4;
}
.mains-tabs .tab-content .tab-why,
.mains-tabs .tab-content .tab-how,
.mains-tabs .tab-content .tab-funded,
.mains-tabs .tab-content .tab-involved {
display: none;
padding-left: 85px;
}
.mains-tabs .tab-content .tab-why.active,
.mains-tabs .tab-content .tab-how.active,
.mains-tabs .tab-content .tab-funded.active,
.mains-tabs .tab-content .tab-involved.active {
display: block;
}
.mains-tabs .tab-content .img-left {
float: left;
margin-top: 56px;
width: 300px;
height: 216px;
}
.mains-tabs .tab-content .img-left img {
width: 100%;
height: 100%;
}
.mains-tabs .tab-content .img-left .desktop-img {
display: block;
}
.mains-tabs .tab-content .img-left .small-img {
display: none;
}
.mains-tabs .tab-content .content-right {
margin-left: 330px;
}
.mains-tabs .tab-content .content-right p {
font-size: 14px;
line-height: 28px;
color: #4b4b4b;
}
.mains-tabs .tab-content .tab-why .content-right p {
padding-top: 111px;
padding-right: 280px;
}
.mains-tabs .tab-content .tab-how .content-right,
.mains-tabs .tab-content .tab-funded .content-right {
padding-top: 45px;
}
.mains-tabs .tab-content .tab-how .content-right p,
.mains-tabs .tab-content .tab-funded .content-right p {
margin-bottom: 28px;
padding-right: 96px;
}
.mains-tabs .tab-content .tab-involved .content-right {
padding-top: 52px;
}
.mains-tabs .tab-content .tab-involved .btn-blue {
float: left;
margin-right: 70px;
margin-bottom: 25px;
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
line-height: 43px;
width: 300px;
height: 43px;
letter-spacing: 4px;
}
/* get involved page */
/* .info-area */
.info-area.container {
padding: 0 83px 35px 83px;
}
.info-area.container .title-h1 {
padding: 15px 600px 28px 0;
}
.info-area.container .txt {
font-size: 14px;
color: #4b4b4b;
line-height: 28px;
padding-right: 430px;
padding-bottom: 17px;
}
/* .list-area */
.list-area.container {
padding: 0 83px 40px 83px;
}
/* .list-area .row */
.list-area .row {
margin: 0 0 65px 0;
}
/* .list-area .lefts */
.list-area .row .lefts {
float: left;
width: 499px;
}
.list-area .desktop-img {
display: block;
}
.list-area .mobile-img {
display: none;
}
/* .list-area .img-main */
.list-area .img-main {
position: relative;
}
.list-area .img-main .img-link {
background-color: #000;
display: block;
}
.list-area .img-main .img-link img {
opacity: 0.9;
width: 100%;
}
.list-area .img-main .img-link:hover img {
opacity: 1;
}
.list-area .mobile-show {
display: none;
}
.list-area .img-main .funded-round {
background-color: #fff;
width: 118px;
height: 120px;
padding: 5px;
border-radius: 100%;
position: absolute;
bottom: -99px;
margin: 0 0 0 -60px;
left: 50%;
z-index: 109;
}
.get-involved-contents .funded-round .status-indicator {
margin: 1px 0 0 -2px;
}
.get-involved-contents .funded-round .round-depict {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
color: #039;
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 110px;
margin: 2px 0 0 -55px;
}
.get-involved-contents .funded-round .status-indicator input {
font-size: 30px !important;
margin-top: 27px !important;
}
/* .list-area .info-main */
.list-area .info-main {
padding: 0;
position: relative;
z-index: 99;
}
.list-area .info-main .blue-bar,
.list-area .info-main .dark-blue-bar {
font-size: 14px;
color: #fff;
height: 33px;
line-height: 33px;
padding: 0 28px;
overflow: hidden;
margin-top: 8px;
}
.list-area .info-main .blue-bar {
background: #100084;
}
.list-area .info-main .dark-blue-bar {
background: #FF8A00;
}
.list-area .info-main .blue-bar span,
.list-area .info-main .dark-blue-bar span {
font-family: 'Source Sans Pro';
}
.list-area .info-main .blue-bar .bold,
.list-area .info-main .dark-blue-bar .bold {
font-family: 'Source Sans Pro';
font-weight: 700;
}
/* .list-area .rights */
.list-area .row .rights {
margin: 0 0 0 530px;
}
.list-area .row .rights h2 {
line-height: 30px;
margin-top: -3px;
}
.list-area .row .rights h2 a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 30px;
color: #4b4b4b;
}
.list-area .row .rights h2 a:hover {
color: #100084;
}
.list-area .row .rights .time {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
color: #4b4b4b;
padding: 3px 0 13px 0;
display: block;
}
.list-area .row .rights p {
font-size: 14px;
color: #4b4b4b;
line-height: 28px;
padding-right: 35px;
padding-bottom: 31px;
}
.list-area .row .rights .bottom-bar {
padding-right: 35px;
}
.list-area .row .rights .bottom-bar .btn-read-more {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 4px;
padding-left: 15px;
width: 169px;
height: 43px;
line-height: 43px;
}
.list-area .row .rights .bottom-bar .social-ul {
float: right;
}
.list-area .row .rights .bottom-bar .social-ul li {
float: left;
margin-left: 12px;
}
/* .past-projects-module */
.past-projects-module {
background-color: #ededed;
text-align: center;
padding-bottom: 45px;
}
.past-projects-module .container {
padding: 0;
}
.past-projects-module .title-past-projects {
letter-spacing: 8px;
background: none;
padding-left: 20px;
width: 272px;
margin: 38px auto 54px auto;
}
/* .past-projects-module .carousel-main */
.past-projects-module .carousel-main {
min-height: 360px;
margin-right: 92px;
margin-left: 92px;
}
.past-projects-module .carousel.desktop-show {
display: block;
}
.past-projects-module .carousel.mobile-show {
display: none;
}
/* .past-projects-module .carousel .item */
.past-projects-module .carousel .item {
padding: 0;
min-height: 360px;
}
.past-projects-module .carousel .module-box {
float: left;
width: 33.33333333%;
}
.past-projects-module .carousel .spacing {
padding: 0 19px 0 20px;
}
.past-projects-module .desktop-img {
display: block;
}
.past-projects-module .mobile-img {
display: none;
}
/* .past-projects-module .carousel .img-main */
.past-projects-module .img-main {
position: relative;
}
.past-projects-module .img-main .img-link {
display: block;
position: relative;
}
.past-projects-module .img-main .img-gradient {
opacity: 0.8;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, .0) 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, .0) 100%);
background-image: -webkit-gradient(linear, bottom top, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%);
width: 100%;
height: 40%;
display: block;
position: absolute;
top: 60%;
left: 0;
z-index: 9;
}
.past-projects-module .img-main .img-link:hover .img-gradient {
background-image: none;
}
.past-projects-module .img-main .img-link img {
width: 100%;
}
.past-projects-module .img-main .img-link:hover img {
opacity: 1;
}
.past-projects-module .img-main .funded-round {
background-color: #fff;
width: 121px;
height: 121px;
padding: 6px;
border-radius: 100%;
position: absolute;
right: 7px;
bottom: 8px;
z-index: 99;
}
/* .past-projects-module .carousel .info-main */
.past-projects-module .info-main {
text-align: left;
padding: 10px 0 0 0;
}
.past-projects-module .info-main h2 {
line-height: 35px;
}
.past-projects-module .info-main h2 a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 24px;
color: #282828;
}
.past-projects-module .info-main h2 a:hover {
color: #100084;
}
.past-projects-module .info-main .time {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
color: #4b4b4b;
padding: 3px 0 13px 0;
display: block;
}
.past-projects-module .info-main .bottom-bar {
padding-right: 35px;
}
.past-projects-module .info-main .bottom-bar .btn-read-more {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 4px;
padding-left: 15px;
width: 169px;
height: 43px;
line-height: 43px;
}
.past-projects-module .carousel-control.left,
.past-projects-module .carousel-control.right {
background-color: rgba(41, 41, 41, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 93px;
}
.past-projects-module .carousel-control.left {
text-align: center;
left: -88px;
}
.past-projects-module .carousel-control.right {
text-align: center;
right: -88px;
}
.past-projects-module .carousel-control.left .icons,
.past-projects-module .carousel-control.right .icons {
width: 24px;
height: 24px;
top: 0;
right: auto;
left: auto;
position: static;
margin: 10px auto 0 auto;
}
.past-projects-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.past-projects-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.past-projects-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.past-projects-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
/* project details page */
.details-active-project-module {
position: relative;
/* padding-top: 74px; */
}
.details-active-project-module .banners.min-height455 {
background: #292929;
min-height: 455px;
}
.desktop-banner {
display: block;
}
.mobile-banner {
display: none;
}
.details-active-project-module .banners img {
width: 100%;
height: 455px;
opacity: 0.3;
}
/* .details-active-project-module .banner-section */
.details-active-project-module .banner-section {
width: 100%;
position: relative;
top: 0;
left: 0;
z-index: 999;
}
#project .details-active-project-module .banner-section {
position: absolute;
height: 236px;
top: -49px;
}
.details-active-project-module .banner-section .container {
padding: 30px 0 0;
position: relative;
}
.details-active-project-module .banner-section .title-active-project {
letter-spacing: 9px;
padding-left: 20px;
margin-right: 83px;
width: 303px;
}
.details-active-project-module .banner-section .title-h1 {
color: #fff;
position: absolute;
bottom: 30px;
left: 87px;
width: 450px;
}
.details-active-project-module .banner-section .funded-round {
background: #fff;
border-radius: 100%;
width: 236px;
height: 236px;
padding: 12px;
margin: 0 auto;
position: relative;
z-index: 299;
}
.details-active-project-module .banner-section .funded-round .round-depict {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 27.19px;
color: #039;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 6px;
white-space: nowrap;
}
.details-active-project-module .banner-section .funded-round .round-depict > span {
font-size: 75%;
}
.details-active-project-module .banner-section .funded-round .status-indicator input {
font-size: 58.26px !important;
margin-top: 50px !important;
}
.details-active-project-module .banner-section .funded-round .status-indicator input.smaller {
font-size: 44.26px !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
/* .details-active-project-module .info-section */
.details-active-project-module .info-section {
display: block;
position: relative;
width: 100%;
}
.details-active-project-module .info-section .container {
padding: 10px 82px 0 112px;
position: relative;
}
#project .details-active-project-module .info-section .container {
padding: 10px 60px 0 58px;
}
#project .details-active-project-module .info-section .container .banner-section .container {
padding: 0px;
height: 100%;
width: 100%;
}
#project .venue-area.venue-area-left {
box-sizing: border-box;
padding-left: 30px;
padding-top: 0px;
}
/* .details-active-project-module .info-main */
.details-active-project-module .info-main {
padding-bottom: 90px;
position: relative;
}
.details-active-project-module .info-main .blue-bar,
.details-active-project-module .info-main .dark-blue-bar {
font-size: 27.19px;
color: #fff;
height: 65px;
line-height: 65px;
padding: 0 25px;
overflow: hidden;
margin-top: 15px;
width: 100%;
}
.details-active-project-module .info-main .blue-bar {
background: #100084;
}
.details-active-project-module .info-main .dark-blue-bar {
background: #FF8A00;
}
.details-active-project-module .info-main .blue-bar span,
.details-active-project-module .info-main .dark-blue-bar span {
font-family: 'Montserrat', sans-serif;
}
.details-active-project-module .info-main .blue-bar .bold,
.details-active-project-module .info-main .dark-blue-bar .bold {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
/* .details-active-project-module .video-main */
.details-active-project-module .video-main {
padding-bottom: 0px;
position: relative;
}
.details-active-project-module .video-area .video {
background: #000;
width: 100%;
height: 326px;
position: relative;
}
.details-active-project-module .video-area .video iframe {
border: medium none;
height: 490px;
width: 100%;
}
.details-active-project-module .video-area .video img {
width: 100%;
height: 326px;
}
.details-active-project-module .video-area .video-opacity {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.details-active-project-module .video-area .btn-play {
text-align: center;
border: 5px solid #fff;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
margin: -75px 0 0 -75px;
}
.details-active-project-module .video-area .btn-play .icons {
background-position: 0 -88px;
width: 96px;
height: 96px;
margin: 13px 0 0 0;
}
.details-active-project-module .video-area .btn-play:hover,
.details-active-project-module .video-area .btn-play:focus {
border: 5px solid #1cb0e6;
}
.details-active-project-module .video-area .btn-play:hover .icons,
.details-active-project-module .video-area .btn-play:focus .icons {
background-position: -96px -88px;
}
.details-active-project-module .txt-area {
margin: 0 15px 0 500px;
}
.details-active-project-module .txt-area .txt-table {
min-height: 316px;
display: table;
width: 100%;
}
.details-active-project-module .mobile-bottom-bar {
display: none;
}
.details-active-project-module .txt-area .txt-td {
display: table-cell;
vertical-align: middle;
line-height: 20px;
}
.details-active-project-module .txt-area .txt-td p {
color: #4b4b4b;
}
.details-active-project-module .txt-area .txt-td .font20 {
font-size: 20px;
line-height: 36px;
padding-bottom: 22px;
}
.details-active-project-module .txt-area .txt-td .font14 {
font-size: 14px;
line-height: 24px;
}
.project-updates-module {
position: relative;
width: 100%;
}
.project-updates-module .container {
padding: 46px 65px 20px 99px;
}
.project-updates-module .main-area {
float: left;
margin-top: 59px;
padding-left: 0;
padding-right: 0;
}
.project-updates-module .main-area .title-project-updates {
width: 331px;
letter-spacing: 9px;
padding-left: 20px;
margin-bottom: 35px;
}
.project-updates-module .list-area .row {
padding: 55px 0 0 0;
margin: 0;
border-bottom: 4px solid #dcdcdc;
overflow: hidden;
}
.project-updates-module .list-area .left-date {
text-align: center;
width: 203px;
float: left;
}
.project-updates-module .list-area .left-date .date-txt,
.project-updates-module .list-area .left-date .month-txt {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #100084;
display: block;
padding: 0 50px 0 28px;
}
.project-updates-module .list-area .left-date .date-txt {
font-size: 120px;
line-height: 100px;
margin-top: -8px;
}
.project-updates-module .list-area .left-date .month-txt {
font-size: 24px;
letter-spacing: 20px;
padding-left: 32px;
}
.project-updates-module .list-area .main-info {
margin-left: 203px;
}
.project-updates-module .list-area .main-info .title-h4 {
line-height: 30px;
}
.project-updates-module .list-area .main-info .title-h4 a {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
color: #4b4b4b;
}
.project-updates-module .list-area .main-info .title-h4 a:hover {
color: #1cb0e6;
}
.project-updates-module .list-area .main-info p {
font-size: 14px;
color: #8a8a8a;
line-height: 25px;
padding-bottom: 20px;
}
.project-updates-module .list-area .main-info .social-ul {
margin-bottom: 34px;
overflow: hidden;
}
.project-updates-module .list-area .main-info .social-ul li {
float: left;
margin-right: 7px;
}
/* .project-updates-module .right-aside */
.project-updates-module .right-aside {
width: 100%;
float: right;
position: relative;
}
.project-updates-module .right-aside .module-box {
background: #ededed none repeat scroll 0 0;
margin: 0;
min-height: auto;
padding: 30px 20px 0;
text-align: center;
}
.project-updates-module .right-aside-new .right-aside .module-box {
margin-bottom: 30px !important;
padding: 30px 20px !important;
}
.project-updates-module .right-aside .module-box p {
padding: 0.5rem 0;
}
.project-updates-module .right-aside .module-box .inputs {
text-align: left;
}
.project-updates-module .right-aside .module-box .inputs .input-group > * {
border-radius: 0;
}
.project-updates-module .right-aside .module-box .inputs .input-group > .input-group-addon {
min-width: 3.75rem;
cursor: default;
}
.project-updates-module .right-aside .module-box .inputs label {
margin: 5px;
}
.project-updates-module .right-aside .module-box .inputs input[name="total"] {
cursor: auto;
}
.project-updates-module .right-aside .module-box .type-txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
line-height: 30px;
color: rgba(4, 4, 5, 0.4);
padding: 11px 0 13px 0;
}
.project-updates-module .right-aside .module-box .value-txt {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 60px;
line-height: 65px;
color: #282828;
padding: 0 0 20px 0;
max-width: 100%;
text-align: center;
background-color: transparent;
border: none;
margin: 0 auto;
}
.project-updates-module .right-aside .module-box .title-h5 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
color: #4b4b4b;
border-top: 1px solid #c3c3c3;
border-bottom: 1px solid #c3c3c3;
margin: 0 18px 0 16px;
height: 33px;
line-height: 33px;
}
.project-updates-module .right-aside .module-box .back-the-project {
margin: 15px 0;
}
.project-updates-module .right-aside .module-box .tip-text {
margin: 15px 0;
}
.project-updates-module .right-aside .module-box form {
margin-top: 2.5rem;
}
.project-updates-module .right-aside .module-box .stripe-button-el {
border-radius: 0;
background: #100084;
text-transform: uppercase;
width: 100%;
color: white;
border: none;
}
.project-updates-module .right-aside .module-box .stripe-button-el:hover {
background: #2c3691;
}
.project-updates-module .right-aside .module-box .stripe-button-el > span {
background: transparent;
box-shadow: none;
font-family: 'Source Sans Pro';
font-size: 16px;
line-height: 43px;
font-weight: 900;
height: auto;
}
.project-updates-module .right-aside .module-box ul {
padding: 34px 0 25px 0;
}
.project-updates-module .right-aside .module-box li {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
color: rgba(75, 75, 75, 0.8);
line-height: 32px;
}
.project-updates-module .right-aside .btn-i-want-to-donate {
background-color: #100084;
letter-spacing: 4px;
padding-top: 0;
padding-left: 20px;
width: 100%;
margin-top: 2.5rem;
height: 45px;
line-height: 45px;
font-size: 14px !important;
}
.project-updates-module .right-aside .btn-i-want-to-donate p {
padding: 0;
}
.project-updates-module .right-aside .btn-i-want-to-donate:hover,
.project-updates-module .right-aside .btn-i-want-to-donate:focus {
background-color: #2c3691;
}
/* .project-updates-module .venue-area */
.project-updates-module .main-area .title-venue {
margin-bottom: 30px;
width: 172px;
}
.project-updates-module .main-area .venue-map,
.project-updates-module .main-area .venue-map img {
height: 380px;
width: 650px;
}
.project-updates-module .main-area .venue-bottom {
padding: 22px 0 0 0;
}
.project-updates-module .main-area .venue-bottom .title-h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
color: #4b4b4b;
text-transform: uppercase;
line-height: 30px;
padding-bottom: 5px;
}
.project-updates-module .main-area .venue-bottom p {
line-height: 25px;
}
.project-updates-module .main-area .venue-bottom p span {
font-size: 14px;
color: #8a8a8a;
display: block;
}
/* .donors-module */
.donors-module {
display: block;
position: relative;
width: 100%;
}
.donors-module .titles.container {
padding: 19px 0 0 0;
min-height: 83px;
}
.titles.container .title-donors {
margin-right: 47px;
min-width: 172px;
letter-spacing: 9px;
padding-left: 20px;
}
.donors-module .mains-tabs .tab-content {
min-height: 100px;
padding-bottom: 46px;
}
.donors-module .tab-content .tab-basic,
.donors-module .tab-content .tab-silver,
.donors-module .tab-content .tab-gold {
display: none;
}
.donors-module .tab-content .tab-basic.active,
.donors-module .tab-content .tab-silver.active,
.donors-module .tab-content .tab-gold.active {
display: block;
}
.donors-module .tab-content .row {
margin: 4px 37px 0 87px;
}
.donors-module .tab-content .row .col-md-6 {
padding: 46px 0 0 0;
}
.donors-module .desktop-img {
display: block;
}
.donors-module .mobile-img {
display: none;
}
.donors-module .tab-content .head-img {
float: left;
width: 128px;
}
.donors-module .tab-content .head-img img {
width: 99px;
height: 99px;
}
.donors-module .info-box {
margin-left: 128px;
}
.donors-module .info-box .title-h4 {
padding: 0 0 4px 0;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
color: #282828;
text-transform: uppercase;
}
.donors-module .info-box p {
font-size: 14px;
color: #4b4b4b;
line-height: 28px;
padding: 0 25px 0 0;
}
/* partners page */
.contents.partners-contents {
position: relative;
}
.partners-contents .container {
padding: 43px 0 45px 85px;
}
.partners-contents .title-partners {
padding-left: 27px;
padding-right: 22px;
margin-right: 83px;
margin-bottom: 34px;
}
.partners-contents .titles .title-primary {
font-family: 'Source Sans Pro';
font-weight: 900;
font-size: 48px;
line-height: 52px;
color: #2c3691;
margin-bottom: 22px;
}
.partners-contents .titles .title-sub {
font-family: 'Source Sans Pro';
font-size: 14px;
line-height: 28px;
color: #4b4b4b;
}
/* .partners-contents .list */
.partners-contents .list-wrap {
margin-top: 49px;
}
.partners-contents .list-wrap .item-wrap {
min-height: 209px;
position: relative;
margin-bottom: 34px;
}
.partners-contents .list-wrap .item-wrap.large-spacing {
margin-bottom: 39px;
}
.partners-contents .left-img {
float: left;
width: 200px;
height: 200px;
margin-top: 9px;
}
.partners-contents .left-img img {
width: 100%;
height: 100%;
}
.partners-contents .content-info {
margin-left: 230px;
padding-bottom: 5px;
min-height: 160px;
overflow: hidden;
}
.partners-contents .content-info h4 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 30px;
line-height: 42px;
color: #4b4b4b;
margin-bottom: 4px;
}
.partners-contents .content-info h4 a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 30px;
color: #4b4b4b;
}
.partners-contents .content-info h4 a:hover {
color: #100084;
}
.partners-contents .content-info p {
font-family: 'Source Sans Pro';
font-size: 14px;
line-height: 28px;
color: #4b4b4b;
padding-right: 405px;
padding-left: 2px;
}
.partners-contents .btn-wrap {
margin: 0 0 0 231px;
min-height: 43px;
}
.partners-contents .btn-wrap .btn-blue {
height: 43px;
line-height: 43px;
padding-left: 18px;
padding-right: 14px;
letter-spacing: 4px;
}
/* .partners-contents .pager-info */
.partners-contents .pager-info {
margin-top: 41px;
padding-left: 4px;
}
.partners-contents .pager-info li {
float: left;
margin-right: 17px;
}
.partners-contents .pager-info li a {
display: inline-block;
padding: 0 20px;
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
line-height: 39px;
color: #4b4b4b;
height: 39px;
background-color: #dfdfdf;
text-decoration: none;
}
.partners-contents .pager-info li a:hover {
background-color: #c3c1c1;
}
/* .sponsoring-organizations-module */
.sponsoring-organizations-module {
background: #f4f4f4;
position: relative;
min-height: 387px;
}
.sponsoring-organizations-module .container {
text-align: center;
padding: 37px 83px 0 83px;
}
.title-sponsoring-organizations {
width: 494px;
letter-spacing: 9px;
padding-left: 15px;
margin-bottom: 56px;
}
#sponsoring-organizations-example-generic {
display: block;
}
#mobile-sponsoring-organizations-example-generic {
display: none;
}
/* .sponsoring-organizations-module .carousel-main */
.sponsoring-organizations-module .logo-ul {
display: table;
width: 100%;
}
.sponsoring-organizations-module .logo-ul li {
text-align: center;
vertical-align: middle;
width: 25%;
height: 200px;
display: table-cell;
}
.sponsoring-organizations-module .logo {
margin-right: auto;
margin-left: auto;
display: block;
overflow: hidden;
}
.sponsoring-organizations-module .logo-the-san-francisco {
background: url(../images/logo-the-san-francisco.png) no-repeat;
width: 166px;
height: 165px;
}
.sponsoring-organizations-module .logo-toyota-togethergreen {
background: url(../images/logo-toyota-togethergreen.png) no-repeat;
width: 193px;
height: 63px;
}
.sponsoring-organizations-module .logo-sun-shot {
background: url(../images/logo-sun-shot.png) no-repeat;
width: 134px;
height: 41px;
}
.sponsoring-organizations-module .logo-patagonia {
background: url(../images/logo-patagonia.png) no-repeat;
width: 172px;
height: 54px;
}
.sponsoring-organizations-module .carousel-control.left,
.sponsoring-organizations-module .carousel-control.right {
background-color: rgba(41, 41, 41, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 90px;
}
.sponsoring-organizations-module .carousel-control.left {
text-align: center;
left: -76px;
}
.sponsoring-organizations-module .carousel-control.right {
text-align: center;
right: -76px;
}
.sponsoring-organizations-module .carousel-control.left .icons,
.sponsoring-organizations-module .carousel-control.right .icons {
width: 24px;
height: 24px;
top: 0;
right: auto;
left: auto;
position: static;
margin: 10px auto 0 auto;
}
.sponsoring-organizations-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.sponsoring-organizations-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.sponsoring-organizations-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.sponsoring-organizations-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
/* solar ambassador program page */
.contents.solar-ambassador-program-contents {
min-height: 1000px;
}
.contents.solar-ambassador-program-contents .container {
padding: 0;
}
/* .article-detail */
.solar-contents .article-detail {
padding: 43px 84px 75px 85px;
}
.solar-contents .article-detail .bold {
font-family: 'Source Sans Pro';
font-weight: 700;
}
.solar-contents .article-detail .title-solar {
float: right;
word-spacing: 2px;
line-height: 1;
width: 274px;
height: 63px;
padding: 13px 32px;
}
.solar-contents .article-detail .detail-left {
padding-right: 331px;
padding-top: 56px;
}
.solar-contents .article-detail .detail-left .title-img {
margin-bottom: 40px;
}
.solar-contents .article-detail .detail-left .btn-group {
padding-top: 27px;
padding-right: 0;
width: 900px;
}
.article-detail .detail-left .btn-group .btn-application {
padding-left: 29px;
padding-right: 23px;
margin-top: 4px;
}
.article-detail .detail-left .btn-group .btn-team {
padding-left: 26px;
padding-right: 19px;
margin-bottom: 26px;
margin-right: 0;
}
.article-detail .detail-left .btn-group .btn-project {
padding-left: 41px;
padding-right: 39px;
}
/* blog page */
.titles.container .title-blog {
margin-right: 83px;
min-width: 133px;
letter-spacing: 9px;
padding-left: 20px;
}
/* .grid-data */
.grid-data.container {
padding: 0 68px;
}
/* .form-area */
.form-area {
padding: 11px 16px 20px 16px;
min-height: 67px;
}
.form-area .width167 {
float: left;
}
.form-area .width167 .btn-default,
.form-area .width167.input-search {
width: 167px;
}
/* .input-search */
.input-search {
background: #f0f0f0;
border: 2px solid #fff;
padding: 0 28px 0 23px;
height: 36px;
line-height: 34px;
position: relative;
}
.input-search input {
font-size: 12px;
color: #9d9d9d;
letter-spacing: 6px;
background: none;
border: none;
height: 32px;
width: 100%;
line-height: 20px;
vertical-align: middle;
outline: none;
}
.input-search .icon-search {
background-position: -32px 0;
width: 16px;
height: 16px;
position: absolute;
top: 8px;
right: 9px;
z-index: 9;
}
.input-search .icon-search:hover {
background-position: -80px 0;
}
/* .grid-area.row */
.grid-area.row {
margin: 0;
min-height: 100px;
}
.grid-area.row .col-md-6 {
padding-right: 16px;
padding-left: 16px;
}
.grid-area.row .img-main {
height: 259px;
position: relative;
}
.grid-area.row .video {
background: #000;
width: 501px;
height: 259px;
position: relative;
}
.grid-area.row .video iframe {
width: 501px;
height: 259px;
border: none;
}
.grid-area.row .video-opacity {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid-area.row .btn-play {
text-align: center;
border: 4px solid #fff;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
width: 106px;
height: 106px;
margin: -53px 0 0 -53px;
}
.grid-area.row .btn-play .icons {
background-size: 543px auto;
background-position: 0 -71px;
width: 78px;
height: 78px;
margin: 10px 0 0 0;
}
.grid-area.row .btn-play:hover,
.grid-area.row .btn-play:focus {
border: 4px solid #1cb0e6;
}
.grid-area.row .btn-play:hover .icons,
.grid-area.row .btn-play:focus .icons {
background-position: -78px -71px;
}
.grid-area.row .img-main img {
width: 100%;
height: 259px;
}
.grid-area.row .carousel-control.left,
.grid-area.row .carousel-control.right {
background-color: rgba(255, 255, 255, 0.5);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: auto;
bottom: 3px;
}
.grid-area.row .carousel-control.left {
left: auto;
right: 53px;
}
.grid-area.row .carousel-control.right {
right: 3px;
}
.grid-area.row .carousel-control.left .icons,
.grid-area.row .carousel-control.right .icons {
width: 24px;
height: 24px;
margin-top: 9px;
}
.grid-area.row .carousel-control.left .icons {
background-position: -288px -16px;
}
.grid-area.row .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.grid-area.row .carousel-control.right .icons {
background-position: -360px -16px;
}
.grid-area.row .carousel-control:hover.right .icons {
background-position: -385px -16px;
}
.grid-area.row .info-main {
color: #4b4b4b;
position: relative;
padding: 36px 0 30px 0;
}
.grid-area.row .info-main .title-h2 a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 30px;
color: #4b4b4b;
}
.grid-area.row .info-main .title-h2 a:hover {
color: #100084;
}
.grid-area.row .info-main .title-h2 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 30px;
line-height: 35px;
}
.grid-area.row .info-main .date-txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
line-height: 22px;
padding-bottom: 14px;
display: block;
}
.grid-area.row .info-main p {
font-size: 14px;
line-height: 28px;
padding: 0 25px 15px 0;
}
.grid-area.row .info-main .bottom-bar {
padding: 24px 0 30px 0;
overflow: hidden;
}
.grid-area.row .info-main .bottom-bar .btn-read-more {
text-transform: uppercase;
letter-spacing: 4px;
width: 130px;
height: 43px;
padding: 0 0 0 2px;
line-height: 43px;
float: left;
}
.grid-area.row .info-main .bottom-bar .social-ul {
float: right;
margin: 0 24px 0 0;
}
.grid-area.row .info-main .bottom-bar .social-ul li {
float: left;
margin: 0 6px 0 7px;
}
/* .loading-bar */
.loading-bar {
text-align: center;
padding: 0 0 70px 0;
}
.loading-bar .loading-img {
background: url(../images/loading.gif) no-repeat;
width: 128px;
height: 22px;
display: block;
margin: 0 auto;
}
/* .blog-details-data */
.blog-details-data.container {
padding: 0 83px;
min-height: 300px;
}
/* .blog-details-data .title-bar */
.blog-details-data.container .title-bar {
position: relative;
padding: 14px 0 17px 0;
}
.blog-details-data.container .title-bar .date-txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16px;
color: #4b4b4b;
line-height: 32px;
}
.blog-details-data.container .title-bar .social-ul {
position: absolute;
top: 41px;
right: 0;
}
.blog-details-data.container .title-bar .social-ul li {
float: left;
margin-left: 13px;
}
/* .blog-details-data .info-box */
.blog-details-data.container .info-box {
position: relative;
}
.blog-details-data.container .info-box .img-main,
.blog-details-data.container .info-box .img-main img {
height: 536px;
}
.blog-details-data.container .info-box .img-main img {
width: 100%;
}
.blog-details-data.container .info-box .info-main {
border-bottom: 1px solid #c6c6c6;
padding: 45px 3px 18px 3px;
overflow: hidden;
}
.blog-details-data.container .info-box .info-main .lefts,
.blog-details-data.container .info-box .info-main .rights {
color: #4b4b4b;
width: 50%;
float: left;
}
.blog-details-data.container .info-box .info-main .lefts p {
padding-right: 18px;
}
.blog-details-data.container .info-box .info-main .rights p {
padding-left: 18px;
}
.blog-details-data.container .info-box .info-main .font20 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 20px;
line-height: 36px;
}
.blog-details-data.container .info-box .info-main .font14 {
font-size: 14px;
line-height: 28px;
}
.blog-details-data.container .info-box .down25 {
padding-bottom: 23px;
}
.blog-details-data.container .info-box .info-main .rights .down25 {
padding-bottom: 27px;
}
/* .related-blog-module */
.related-blog-module {
padding: 26px 0 7px 0;
}
.related-blog-module .container.grid-data {
position: relative;
}
.related-blog-module .form-area {
min-height: 83px;
}
.related-blog-module .title-related-blog {
width: 263px;
position: absolute;
top: 13px;
right: 83px;
}
.related-blog-module .desktop-show {
display: block;
}
.related-blog-module .mobile-show {
display: none;
}
.related-blog-module .carousel-control.left,
.related-blog-module .carousel-control.right {
background-color: rgba(40, 40, 40, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 50%;
margin-top: -78px;
}
.related-blog-module .carousel-control.left {
left: -53px;
}
.related-blog-module .carousel-control.right {
right: -53px;
}
.related-blog-module .carousel-control.left .icons,
.related-blog-module .carousel-control.right .icons {
width: 24px;
height: 24px;
margin-top: 9px;
}
.related-blog-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.related-blog-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.related-blog-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.related-blog-module .carousel-control:hover.right .icons {
background-position: -385px -16px;
}
.related-blog-module .carousel-inner > .active {
min-height: 620px;
}
/* .comments-module */
.comments-module {
background: #f4f4f4;
position: relative;
}
.comments-module .container {
padding: 37px 83px 0 83px;
}
.comments-module .container .title-comments {
width: 202px;
letter-spacing: 9px;
margin-bottom: 20px;
padding-left: 20px;
}
/* .comments-module .comments-area .comments-list*/
.comments-module .comments-area {
min-height: 200px;
}
.comments-module .comments-area .comments-list {
padding: 51px 100px 34px 0;
border-bottom: 1px solid #c6c6c6;
position: relative;
}
.comments-module .comments-area .spaceleft {
padding-left: 100px;
}
.comments-module .comments-area .spacetop {
padding-top: 26px;
}
.comments-module .comments-area .comments-list .head-img {
float: left;
width: 130px;
}
.comments-module .comments-area .comments-list .head-img img {
width: 99px;
height: 99px;
}
.comments-module .comments-area .comments-list .info-box {
margin-left: 130px;
}
.comments-module .comments-area .comments-list .info-box .title-h4 {
padding: 3px 0 11px 0;
}
.comments-module .comments-area .comments-list .info-box .title-h4 a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 18px;
color: #282828;
text-transform: uppercase;
}
.comments-module .comments-area .comments-list .info-box .title-h4 a:hover {
color: #100084;
}
.comments-module .comments-area .comments-list .info-box p {
font-size: 14px;
color: #8a8a8a;
line-height: 24px;
padding: 0 28px 0 0;
}
.comments-module .comments-area .comments-list .comments-apply {
background-color: rgba(41, 41, 41, 0.15);
background-image: none;
box-shadow: none;
opacity: 1;
width: 102px;
height: 42px;
line-height: 42px;
letter-spacing: 6px;
text-align: center;
border: 2px solid #fff;
border-bottom-width: 1px;
position: absolute;
right: 0;
bottom: 0px;
cursor: pointer;
}
.comments-module .comments-area .comments-list .comments-apply a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
color: #898989;
display: block;
padding-left: 5px;
}
.comments-module .comments-area .comments-list .comments-apply a:hover {
color: #1ab1e6;
text-decoration: none;
}
/* .comments-module .comments-area .quick-reply */
.comments-module .comments-area .quick-reply {
padding: 38px 0 121px 0;
position: relative;
}
.comments-module .comments-area .quick-reply .quick-reply-txt {
float: left;
width: 130px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt .title-h4 {
padding: 25px 0 22px 0;
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 18px;
color: #282828;
text-transform: uppercase;
}
.comments-module .comments-area .quick-reply .quick-reply-txt p {
font-size: 14px;
color: #9d9d9d;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li {
float: left;
margin-top: 11px;
margin-left: -1px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li:nth-child(2) {
margin-left: 13px;
}
.comments-module .comments-area .quick-reply .textarea-box {
margin-right: 4px;
margin-left: 130px;
height: 196px;
border: 1px solid #9d9d9d;
padding: 21px 29px;
display: block;
background: #fff;
}
.comments-module .comments-area .quick-reply .textarea-box textarea {
font-size: 12px;
color: #9d9d9d;
outline: none;
border: none;
resize: none;
width: 100%;
height: 115px;
line-height: 14px;
letter-spacing: 6px;
}
.comments-module .comments-area .quick-reply .comments-post {
background-color: rgba(41, 41, 41, 0.15);
background-image: none;
box-shadow: none;
opacity: 1;
width: 101px;
height: 43px;
line-height: 43px;
text-align: center;
position: absolute;
right: 5px;
bottom: 122px;
cursor: pointer;
letter-spacing: 4px;
}
.comments-module .comments-area .quick-reply .comments-post a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 14px;
color: #898989;
display: block;
padding: 2px 0 0 3px;
}
.comments-module .comments-area .quick-reply .comments-post a:hover {
color: #1ab1e6;
text-decoration: none;
}
/* .footer */
.footer {
position: relative;
background-color: #282828;
min-height: 100px;
float: left;
width: 100%;
z-index: -5;
}
.footer .container {
height: 100%;
position: relative;
padding: 0;
top: 0;
left: 0;
z-index: 99;
width: 100%;
max-width: 100%;
}
/* .footer .row */
.footer .row,
.active-projects-module #footer .row {
margin: 0;
padding: 0 112px 0 115px;
max-width: 100%;
}
.footer .row .col-menu,
.footer .row .col-info {
float: left;
padding: 66px 0 62px 0;
}
.footer .row .col-menu dt,
.footer .row .col-info dt {
line-height: 25px;
}
.footer .row .col-menu dt a,
.footer .row .col-info dt a {
font-family: 'Source Sans Pro';
font-weight: 700;
color: #100084;
font-size: 14px;
text-transform: uppercase;
}
.footer .row .col-menu dd,
.footer .row .col-info dd {
line-height: 24px;
}
/* .footer .col-menu */
.footer .row .col-menu {
width: 20%;
text-align: left;
letter-spacing: 0.2px;
}
.footer .row .col-menu:nth-child(1),
.footer .row .col-menu:nth-child(2) {
width: 17%;
}
.footer .row .col-menu dt {
padding-bottom: 0;
}
/* .footer .col-info */
.footer .row .col-info {
width: 20%;
float: right;
}
.footer .row .col-info dt {
padding-bottom: 4px;
}
.footer .row .col-menu a,
.footer .row .col-info a {
color: #8a8a8a;
font-size: 14px;
}
.footer .row .col-info p {
color: #8a8a8a;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.2px;
}
footer.footer > div.container > div.row > nav > dl > dd {
margin-bottom: 0px;
}
/* .footer .bottoms */
.footer .bottoms {
border-top: 1px solid #393939;
min-height: 120px;
padding-top: 4vmin;
}
.footer .bottoms div {
padding: 0;
height: 11vmin;
}
.footer .bottoms ul li {
float: left;
font-size: 3vmin;
list-style-type: none;
padding: 0;
}
.footer .copyright {
color: #8a8a8a;
font-size: 2.1vmin;
}
.footer .bottoms ul li:first-child {
float: left;
padding-right: 6vmin;
}
.footer .bottoms .logo {
margin: 0;
display: block;
}
.footer .bottoms .logo img {
width: 26vmin;
height: 11vmin;
}
.footer .bottoms .social-ul {
margin: 38px -8px 0 0;
}
.footer .bottoms .social-ul li {
float: left;
margin: 0 0 0 28px;
}
.footer .bottoms .social-ul li .icons {
width: 24px;
height: 24px;
}
.footer .bottoms .social-ul li .icon-fb {
background-position: 0 -16px;
}
.footer .bottoms .social-ul li .icon-fb:hover {
background-position: -24px -16px;
}
.footer .bottoms .social-ul li .icon-tw {
background-position: -48px -16px;
}
.footer .bottoms .social-ul li .icon-tw:hover {
background-position: -72px -16px;
}
.footer .bottoms .social-ul li .icon-gg {
background-position: -96px -16px;
}
.footer .bottoms .social-ul li .icon-gg:hover {
background-position: -120px -16px;
}
/* .modal-default */
.modal-backdrop.in {
filter: alpha(opacity=63);
opacity: .63;
}
.modal.modal-default .modal-dialog {
width: 1170px;
margin: 109px auto;
}
.modal.modal-default .modal-content {
-webkit-box-shadow: 0 0 40px rgba(34, 34, 33, .9);
box-shadow: 0 0 40px rgba(34, 34, 33, .9);
border-radius: 0;
border: none;
}
/* .modal-default .modal-header */
.modal.modal-default .modal-header {
text-align: center;
padding: 0;
border-bottom: none;
}
.modal.modal-default .btn-close {
background-position: 0 0;
width: 16px;
height: 16px;
position: absolute;
opacity: 1;
top: 54px;
right: 61px;
z-index: 99;
}
.modal.modal-default .btn-close:hover {
background-position: -16px 0;
}
/* .modal-default .modal-body */
.modal.modal-default .modal-body {
padding: 0;
min-height: 100px;
}
/* #modal-how-it-works */
#modal-how-it-works .title-how-it-works {
width: 277px;
margin: 44px auto 0 auto;
}
#modal-how-it-works .txt-info {
font-size: 14px;
color: #4b4b4b;
line-height: 28px;
text-align: center;
padding: 41px 200px;
}
/* #modal-how-it-works .info-row */
#modal-how-it-works .info-row {
padding: 25px 99px 7px 99px;
}
#modal-how-it-works .info-row .video-area .video {
background: #000;
width: 501px;
height: 326px;
position: relative;
}
#modal-how-it-works .info-row .video-area .video iframe {
width: 501px;
height: 326px;
border: none;
}
#modal-how-it-works .info-row .video-area .video-opacity {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#modal-how-it-works .info-row .video-area .btn-play {
text-align: center;
border: 5px solid #fff;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
margin: -75px 0 0 -75px;
}
#modal-how-it-works .info-row .video-area .btn-play .icons {
background-position: 0 -88px;
width: 96px;
height: 96px;
margin: 13px 0 0 0;
}
#modal-how-it-works .info-row .video-area .btn-play:hover,
#modal-how-it-works .info-row .video-area .btn-play:focus {
border: 5px solid #1cb0e6;
}
#modal-how-it-works .info-row .video-area .btn-play:hover .icons,
#modal-how-it-works .info-row .video-area .btn-play:focus .icons {
background-position: -96px -88px;
}
#modal-how-it-works .info-row .step-area {
margin: 3px 530px 0 0;
min-height: 326px;
position: relative;
}
#modal-how-it-works .step-area .module-box {
padding: 0 20px 0 0;
margin-bottom: 44px;
}
#modal-how-it-works .step-area .icon-blue-round {
text-align: center;
background: #100084;
width: 70px;
height: 70px;
border-radius: 100%;
margin-top: 3px;
}
#modal-how-it-works .step-area .icon-blue-round .icons {
width: 48px;
height: 48px;
margin-top: 12px;
}
#modal-how-it-works .step-area .icon-fundraise .icons {
background-position: 0 -40px;
}
#modal-how-it-works .step-area .icon-invest .icons {
background-position: -48px -40px;
}
#modal-how-it-works .step-area .icon-pay-it-forward .icons {
background-position: -96px -40px;
}
#modal-how-it-works .step-area .info-txt {
margin: 0 55px 0 100px;
}
#modal-how-it-works .step-area .info-txt h4 {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 18px;
line-height: 20px;
padding-bottom: 10px;
margin-top: -4px;
}
#modal-how-it-works .step-area .info-txt p {
font-size: 14px;
color: #8a8a8a;
line-height: 24px;
}
.details-active-project-module .txt-area1 {
float: right;
margin-bottom: 45px;
margin-left: 0 !important;
}
.txt-area1 .module-box {
background: #ededed none repeat scroll 0 0;
margin: 0 0 32px;
min-height: 200px;
padding: 24px;
display: table;
text-align: center;
}
.txt-area1 .module-box.payment-module h5.title-h5 {
border-bottom: 1px solid #c3c3c3;
border-top: 1px solid #c3c3c3;
color: #4b4b4b;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 700;
height: 33px;
line-height: 33px;
margin: 10px 0;
}
.txt-area1 .module-box .back-the-project {
color: #7d7d7d;
font-size: 14px;
line-height: 25px;
margin: 15px 0;
}
.txt-area1 .module-box .inputs label {
color: #4c4c4c;
font-size: 16px;
font-weight: bold;
margin: 5px 5px 10px;
}
.txt-area1 .module-box .inputs {
text-align: left;
}
.txt-area1 .btn-i-want-to-donate {
background-color: #100084;
font-size: 14px !important;
height: 45px;
letter-spacing: 4px;
line-height: 45px;
margin-top: 2.5rem;
padding-left: 20px;
padding-top: 0;
width: 100%;
}
.details-active-project-module .container {
padding: 4px 54px 0 78px;
}
#project .details-active-project-module .container {
padding: 4px 30px 0 24px;
display: table;
}
.right-asides {
background: #ededed;
float: right;
margin-bottom: 30px;
margin-top: 10px;
min-height: auto;
padding: 0 0 30px;
text-align: center;
width: 100%;
}
.right-aside-new {
padding: 0 0 30px;
}
.outer-basic-silver-gold .container {
padding: 4px 55px 0 99px;
}
.outer-basic-silver-gold .content-gold-silver {
font-size: 24.19px;
line-height: 44px;
}
.right-asides aside.right-aside h1.basic {
color: rgb(181, 181, 181);
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
}
.right-asides aside.right-aside strong {
color: rgb(40, 40, 40);
display: block;
font-size: 55px;
font-weight: bold;
padding-bottom: 15px;
}
.right-asides aside.right-aside span.our-apps {
border-bottom: 1px solid #c3c3c3;
border-top: 1px solid #c3c3c3;
color: #4b4b4b;
display: block;
font-family: "Source Sans Pro";
font-size: 16px;
font-weight: 600;
height: 33px;
line-height: 33px;
margin: 0 18px 0 16px;
text-transform: uppercase;
}
.right-asides aside.right-aside p.dummy {
color: #808080;
font-weight: bold;
line-height: 35px;
margin: 15px auto;
text-align: center;
width: 146px;
}
.right-asides aside.right-aside .btn-i-want-to-donate {
background-color: #100084;
font-size: 14px !important;
height: 45px;
letter-spacing: 4px;
line-height: 45px;
margin-top: 2.5rem;
padding-left: 20px;
padding-top: 0;
width: 75%;
}
.txt-area1 .module-box .input-group-addon {
border-radius: 0px !important;
padding: 6px 15px !important;
}
.module-box .input-group .form-control {
border-radius: 0 !important;
float: left;
height: 40px !important;
margin-bottom: 0;
position: relative;
width: 100%;
z-index: 2;
}
p.content_sec {
font-size: 16px !important;
line-height: 37px !important;
margin-top: 40px;
}
/*close here*/
.outer-sil-gold {
padding-left: 0 !important;
padding-right: 0 !important;
}
.main-area1 .container,
.outer_tab .container,
.bg_inner {
padding: 4px 65px 0 99px;
}
#project .main-area1 .container {
padding: 4px 65px 0 60px;
}
.bg_inner {
padding: 0px 65px 0 99px;
}
.main-area1 .venue-area h2 {
margin-top: 40px;
padding: 0 28px;
}
.donors-module .mains-tabs {
margin-top: 40px;
}
li:before.active > *::before {
background: rgb(0, 161, 216);
content: "";
display: block;
height: 4px;
top: 23px;
width: 100%;
}
.donors-module .row .col-md-6 {
padding: 46px 0 0;
}
.donors-module .info-box {
margin-left: 128px;
}
.input-group > form#ipad {
display: none;
}
.donationTableLoader {
width: 100vw;
height: 100vh;
text-align: center;
padding-top: 15%;
position: absolute;
background: #fff;
}
/*fix layout issue when smaller than 1221px width*/
@media (min-width: 1221px) {
.container {
width: 1200px;
}
}
/*fix layout issue when smaller than 1200px width*/
.completed_project {
position: absolute;
top: 16px;
left: 0;
}
@media (max-width: 1199px) {
.icons {
background: url(../images/icon-sprites.png) no-repeat;
background-size: 543px auto;
}
/* btn */
.venue-area {
text-align: left;
}
.btn-icon-gray {
width: 44px;
height: 35px;
}
.btn-icon-gray .icons {
width: 19px;
height: 19px;
margin-top: 6px;
}
.btn-icon-gray .icon-fb {
background-position: -116px -13px;
}
.btn-icon-gray:hover .icon-fb {
background-position: -135px -13px;
}
.btn-icon-gray .icon-tw {
background-position: -155px -13px;
}
.btn-icon-gray:hover .icon-tw {
background-position: -175px -13px;
}
.btn-icon-gray .icon-gg {
background-position: -194px -13px;
}
.btn-icon-gray:hover .icon-gg {
background-position: -213px -13px;
}
/* .dropdown-default */
.dropdown-default .btn-default {
font-size: 9.92px;
letter-spacing: 4px;
padding: 0 22px 0 18px;
height: 30px;
line-height: 28px;
}
.dropdown-default .btn-default .icon-arrow-down {
background-position: -39px 0;
width: 13px;
height: 13px;
top: 6px;
right: 7px;
}
.dropdown-default .btn-default.active .icon-arrow-down,
.dropdown-default .btn-default:active .icon-arrow-down,
.open.dropdown-default > .dropdown-toggle.btn-default .icon-arrow-down {
background-position: -52px 0;
}
.dropdown-default .dropdown-menu {
font-size: 9.92px;
min-width: 30px;
padding: 2.5px 0;
}
.dropdown-default .dropdown-menu > li > a {
padding: 0 19px;
line-height: 20px;
}
/* title */
.title-white-border,
.title-blue-border {
font-size: 14.88px;
letter-spacing: 7px;
height: 35px;
line-height: 35px;
padding: 0 5px;
}
.container {
width: auto;
}
/* .header */
.header {
margin-top: 30px;
height: 111px;
}
.after-header {
margin-top: 85px;
}
.header .logo {
background: url(../images/logo.png) no-repeat;
background-size: 141px auto;
margin: 9px 0 0 70px;
width: 141px;
height: 70px;
}
.header .btn-donate {
min-width: 110px;
}
.header .txt {
font-size: 11.57px;
padding: 0 0 3px 0;
line-height: 22px;
}
/* .after-scroll-header */
.header.after-scroll-header .logo {
background-size: 141px auto;
margin: 14px 0 0 70px;
width: 141px;
height: 56px;
}
.header.after-scroll-header .rights {
padding: 34px 87px 0 0;
}
/* .top-section */
.top-section {
min-height: 124px;
}
.top-section .sub-section-bg {
background: url(../images/small/small-sub-section-bg.jpg) no-repeat center top;
background-size: 100% 124px;
}
.top-section.min-height {
min-height: 815px;
}
.top-section .section-video img {
width: 100%;
height: 815px;
}
.top-section .section-video-area iframe,
.top-section .section-video-area video,
.top-section .section-video-area .mejs-container,
.top-section .section-video-area .me-plugin,
.top-section .section-video-area embed,
.top-section .section-video-area .mejs-overlay-play {
width: 100% !important;
height: 56vw !important;
border: none;
}
.top-section.min-height .container {
top: 0;
width: 100%;
margin-left: 0;
left: 0;
}
/* .top-section .carousel */
.top-section .carousel {
padding-right: 65px;
padding-left: 65px;
}
/* .top-section .carousel */
.top-section .carousel {
top: 95px;
}
/* .top-section .carousel .item */
.top-section .carousel .item {
padding: 155px 0 0 0;
min-height: 673px;
}
.top-section .carousel .item-info {
width: 500px;
}
.top-section .carousel .item-info .titles {
font-size: 39.68px;
line-height: 48px;
}
.top-section .carousel .item-info p {
font-size: 16.53px;
line-height: 28px;
width: 480px;
padding: 9px 0 32px 0;
}
.top-section .carousel .item-info .btn-donate-now {
letter-spacing: 4.5px;
min-width: 144px;
padding-left: 8px;
}
/* .top-section .carousel-indicators */
.top-section .carousel-indicators li {
width: 10px;
height: 10px;
}
.top-section .icon-arrow-down {
background-position: -194px -32px;
width: 40px;
height: 40px;
bottom: -40px;
margin: 0 0 0 -20px;
}
.top-section .carousel-control.left,
.top-section .carousel-control.right {
width: 40px;
height: 40px;
top: 279px;
}
.top-section .carousel-control.left {
left: 13px;
}
.top-section .carousel-control.right {
right: 13px;
}
.top-section .carousel-control.left .icons,
.top-section .carousel-control.right .icons {
width: 19px;
height: 19px;
margin-top: 9px;
}
.top-section .carousel-control.left .icons {
background-position: -252px -13px;
}
.top-section .carousel-control:hover.left .icons {
background-position: -272px -13px;
}
.top-section .carousel-control.right .icons {
background-position: -330px -13px;
}
.top-section .carousel-control:hover.right .icons {
background-position: -311px -13px;
}
.top-section .carousel-indicators {
bottom: 8px;
}
/* home page */
/* .active-projects-module */
.active-projects-module {
padding-bottom: 0;
}
.active-projects-module .title-active-projects {
width: 326px;
margin: 45px auto 57px auto;
}
.active-projects-module .row {
margin: 0;
}
/* .active-projects-module .module-box */
.active-projects-module .img-main .txt-table {
height: 241px;
}
.active-projects-module .img-main .txt {
font-size: 24.8px;
line-height: 27px;
padding: 0 20px 10px 20px;
}
.active-projects-module .img-main .funded-round {
width: 110px;
height: 110px;
padding: 8px;
bottom: -55px;
margin: 0 0 0 -55px;
}
.active-projects-module .img-main .funded-round .round-depict {
font-size: 11.57px;
top: 50%;
left: 50%;
width: 94px;
margin: 2px 0 0 -47px;
}
.active-projects-module .img-main .funded-round .status-indicator input {
font-size: 24.8px !important;
margin-top: 22px !important;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input {
margin-top: -75px !important;
margin-left: 22px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input.smaller {
font-size: 20.5px !important;
margin-top: -73px !important;
margin-left: 22px !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
.active-projects-module .img-main .funded-round .status-indicator input.smaller {
font-size: 20px !important;
margin-top: 22px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
.small-circle {
display: block;
}
.desktop-circle,
.tablet-circle,
.mobile-circle {
display: none;
}
/* .active-projects-module .info-main */
.active-projects-module .info-main {
padding: 33px 25px 29px 23px;
}
.active-projects-module .info-main .blue-bar,
.active-projects-module .info-main .dark-blue-bar {
font-size: 1.4rem;
height: 50px;
line-height: 50px;
padding: 0 11px 0 19px;
margin-top: 16px;
}
/* .our-impacts-module */
.our-impacts-module .title-our-impacts {
letter-spacing: 8px;
padding-left: 12px;
width: 228px;
margin: 58px auto 47px auto;
}
.our-impacts-module .row {
margin: 0 58px 0 80px;
padding: 0 0 30px 0;
}
.our-impacts-module .row .col-md-3:nth-child(4) .module-box {
float: right;
}
.our-impacts-module .module-box .icons {
width: 136px;
height: 136px;
}
.our-impacts-module .module-box .icon-people {
background-position: 0 -149px;
}
.our-impacts-module .module-box .icon-home-ok {
background-position: -136px -149px;
}
.our-impacts-module .module-box .icon-tree {
background-position: -272px -149px;
}
.our-impacts-module .module-box .icon-user {
background-position: -407px -149px;
}
.our-impacts-module .module-box .titles {
line-height: 45px;
height: 45px;
}
.our-impacts-module .module-box .font20 {
font-size: 16.53px;
}
.our-impacts-module .module-box .font48 {
font-size: 39.68px;
}
.our-impacts-module .module-box .font72 {
font-size: 59.52px;
}
.our-impacts-module .module-box .txt {
font-size: 14.88px;
line-height: 17px;
}
/* .how-it-works-module */
.how-it-works-module .container {
padding: 0;
}
.how-it-works-module .title-how-it-works {
letter-spacing: 8px;
width: 230px;
margin: 48px auto 0 auto;
}
/* .how-it-works-module .info-row */
.how-it-works-module .info-row {
padding: 47px 74px 0 95px;
}
.how-it-works-module .info-row .video-area .video,
.how-it-works-module .info-row .video-area .video img,
.how-it-works-module .info-row .video-area .video iframe {
width: 414px;
height: 269px;
}
.how-it-works-module .info-row .video-area .btn-play {
width: 108px;
height: 108px;
margin: -54px 0 0 -54px;
}
.how-it-works-module .info-row .video-area .btn-play .icons {
background-position: 0 -71px;
width: 78px;
height: 78px;
margin: 8px 0 0 0;
}
.how-it-works-module .info-row .video-area .btn-play:hover .icons,
.how-it-works-module .info-row .video-area .btn-play:focus .icons {
background-position: -78px -71px;
}
.how-it-works-module .info-row .txt-area {
margin: 0 436px 0 0;
}
.how-it-works-module .info-row .txt-area .txt-table {
min-height: 269px;
}
.how-it-works-module .info-row .txt-area .txt-td p {
font-size: 11.57px;
line-height: 23px;
letter-spacing: 0;
}
/* .how-it-works-module .step-row */
.how-it-works-module .step-row {
margin: 53px 74px 0 95px;
}
.how-it-works-module .step-row .module-box {
position: relative;
padding-top: 10px;
min-height: 141px;
}
.how-it-works-module .step-row .icon-blue-round {
width: 58px;
height: 58px;
}
.how-it-works-module .step-row .icon-blue-round .icons {
width: 39px;
height: 39px;
margin-top: 9px;
}
.how-it-works-module .step-row .icon-fundraise .icons {
background-position: -0 -32px;
}
.how-it-works-module .step-row .icon-invest .icons {
background-position: -39px -32px;
}
.how-it-works-module .step-row .icon-pay-it-forward .icons {
background-position: -78px -32px;
}
.how-it-works-module .step-row .icon-arrow-right {
background-position: -116px -32px;
width: 39px;
height: 39px;
top: 29px;
right: 14px;
}
.how-it-works-module .step-row .info-txt {
margin: 0 45px 0 80px;
}
.how-it-works-module .step-row .info-txt h4 {
font-size: 14.88px;
line-height: 20px;
padding-bottom: 4px;
margin-top: -7px;
}
.how-it-works-module .step-row .info-txt p {
font-size: 11.57px;
line-height: 21px;
}
/* .how-it-works-module */
.testimonial-module {
padding-bottom: 52px;
}
.testimonial-module .title-testimonial {
padding-left: 10px;
margin: 44px auto 0 auto;
}
/* .testimonial-module .head-row */
.testimonial-module .head-row {
padding: 53px 86px 0 64px;
}
.testimonial-module .head-row li .head-img {
margin: 22px 20px;
}
/*.testimonial-module .head-row li .head-img:hover,
.testimonial-module .head-row li .head-img:focus,*/
.testimonial-module .head-row li .head-img.active {
border-radius: 4px;
padding: 16px 18px;
}
/*.testimonial-module .head-row li .head-img:hover .icon-arrow-down,
.testimonial-module .head-row li .head-img:focus .icon-arrow-down,*/
.testimonial-module .head-row li .head-img.active .icon-arrow-down {
background-position: -162px -45px;
width: 24px;
height: 18px;
bottom: -18px;
margin: 0 0 0 -12px;
}
.testimonial-module .head-row li .head-img img {
width: 60px;
height: 60px;
border-radius: 4px;
}
/* .testimonial-module .info-area */
.testimonial-module .info-area {
padding: 39px 0 0 0;
}
.testimonial-module .info-area p {
font-size: 11.57px;
line-height: 23px;
width: 640px;
padding-bottom: 15px;
}
.testimonial-module .info-area .block {
display: block;
}
.testimonial-module .user-group {
padding-top: 8px;
}
.testimonial-module .user-group .link-blue {
font-size: 14.88px;
}
.testimonial-module .user-group .txt {
font-size: 11.57px;
line-height: 25px;
padding: 3px 0 30px 0;
}
.testimonial-module .user-group .btn-blue {
font-size: 11.57px;
height: 34px;
line-height: 34px;
min-width: 246px;
letter-spacing: 3px;
}
/* .featured-on-module */
.featured-on-module {
padding-bottom: 31px;
}
.featured-on-module .title-featured-on {
font-size: 14.88px;
letter-spacing: 7px;
padding-left: 12px;
width: 200px;
margin: 35px auto 43px auto;
}
/* .featured-on-module .carousel-main */
.featured-on-module .carousel-main {
min-height: 141px;
margin-right: 50px;
margin-left: 50px;
}
.featured-on-module .carousel-main .logo-ul li {
height: 141px;
}
.featured-on-module .logo-fast-mpany {
background-size: 127.5px auto;
width: 127.5px;
height: 19px;
}
.featured-on-module .logo-ehe-new-hork-eimes {
background-size: 115.5px auto;
width: 116px;
height: 96px;
}
.featured-on-module .logo-shareable {
background-size: 119px auto;
width: 119px;
height: 17px;
}
.featured-on-module .logo-shareable:hover,
.featured-on-module .logo-shareable:focus {
background-position: center -16px;
}
.featured-on-module .logo-philanthropy {
background-size: 126px auto;
width: 126px;
height: 23px;
}
.featured-on-module .logo-clean-technica {
background-size: 126px auto;
width: 126px;
height: 37px;
margin-bottom: 13px;
}
.featured-on-module .logo-clean-technica:hover,
.featured-on-module .logo-clean-technica:focus {
background-position: center -36.5px;
}
.featured-on-module .carousel-control.left,
.featured-on-module .carousel-control.right {
width: 41px;
height: 39px;
top: 43px;
}
.featured-on-module .carousel-control.left {
left: -52px;
}
.featured-on-module .carousel-control.right {
right: -52px;
}
.featured-on-module .carousel-control.left .icons,
.featured-on-module .carousel-control.right .icons {
width: 19px;
height: 19px;
margin: 8px auto 0 auto;
}
.featured-on-module .carousel-control.left .icons {
background-position: -233px -13px;
}
.featured-on-module .carousel-control:hover.left .icons {
background-position: -272px -13px;
}
.featured-on-module .carousel-control.right .icons {
background-position: -291px -13px;
}
.featured-on-module .carousel-control:hover.right .icons {
background-position: -310px -13px;
}
/* .newsletter-module */
.newsletter-module {
height: 370px;
}
.newsletter-module .desktop-img {
display: none;
}
.newsletter-module .small-img {
display: none;
}
.newsletter-module .title-newsletter {
height: 36px;
line-height: 36px;
letter-spacing: 7px;
padding-left: 12px;
width: 306px;
margin: 69px auto 32px auto;
}
/* .newsletter-module .container */
.newsletter-module .container {
margin: 0;
width: 100%;
left: 0;
}
.newsletter-module .group-main p {
font-size: 16.53px;
line-height: 25px;
padding: 0 0 26px 0;
}
.newsletter-module .group-main .group {
min-height: 93px;
margin: 0 134px 0 139px;
padding: 26px 25px 24px 50px;
}
.newsletter-module .group-main .group .btn-sign-up {
font-size: 11.57px;
letter-spacing: 4px;
height: 43px;
line-height: 43px;
width: 110px;
border: none;
}
.newsletter-module .group-main .group .inputs {
margin-right: 120px;
height: 43px;
}
.newsletter-module .group-main .group .inputs input {
font-size: 21.49px;
height: 43px;
line-height: 43px;
}
/* .contents */
.contents {
min-height: 124px;
}
.top150 {
margin-top: 124px;
}
/* .titles */
.titles.container {
padding: 35px 0 0 0;
min-height: 83px;
}
.titles.container .title-get-involved {
margin-right: 69px;
min-width: 225px;
letter-spacing: 9px;
padding-left: 12px;
}
.title-h1 {
font-size: 34.48px;
line-height: 48px;
}
/* sign in page */
.contents.sign-in-contents {
min-height: 420px;
margin-top: 124px;
}
.sign-in {
padding: 35px 68px 84px 68px;
}
.sign-in .title-sign-in {
padding-left: 23px;
padding-right: 16px;
height: 36px;
line-height: 36px;
font-size: 15px;
letter-spacing: 7px;
}
/* .sign-in .sign-in-left */
.sign-in .sign-in-left {
padding-top: 56px;
}
.sign-in .sign-in-left h2 {
font-size: 40px;
line-height: 48px;
margin-bottom: 7px;
}
.sign-in .sign-in-left p {
font-size: 12px;
line-height: 20px;
}
.sign-in .sign-in-left .account {
margin-top: 19px;
}
.sign-in .sign-in-left a {
font-size: 12px;
line-height: 20px;
}
/* .sign-in .login-area */
.sign-in .login-area {
padding: 116px 193px 0 275px;
}
.sign-in .login-area .input-wrap {
height: 46px;
margin-bottom: 9px;
}
.sign-in .login-area .input-wrap input {
font-size: 10px;
line-height: 16px;
padding-left: 25px;
padding-right: 25px;
letter-spacing: 5px;
}
.sign-in .check-wrap {
min-height: 39px;
padding: 6px 0 11px 0;
}
.sign-in .login-area .btn-login {
padding-left: 20px;
padding-right: 21px;
height: 36px;
line-height: 36px;
font-size: 12px;
letter-spacing: 2px;
}
/* sign up page */
.contents.sign-up-contents {
min-height: 600px;
margin-top: 124px;
}
.sign-up {
padding: 35px 69px 52px 69px;
}
.sign-up .title-sign-up {
padding-left: 17px;
padding-right: 10px;
height: 36px;
line-height: 36px;
font-size: 15px;
letter-spacing: 7px;
}
/* .sign-in .sign-in-left */
.sign-up .sign-up-left {
padding-top: 61px;
}
.sign-up .sign-up-left h2 {
font-size: 40px;
line-height: 48px;
margin-bottom: 1px;
}
.sign-up .sign-up-left p {
font-size: 12px;
line-height: 23px;
}
.sign-up .sign-up-left .account {
margin-top: 23px;
}
.sign-up .sign-up-left a {
font-size: 12px;
line-height: 23px;
}
/* .sign-up .reg-area */
.sign-up .reg-area {
padding: 116px 192px 0 275px;
}
.sign-up .reg-area .input-wrap {
height: 46px;
margin-bottom: 9px;
}
.sign-up .reg-area .input-wrap.less-margin {
margin-bottom: 6px;
}
.sign-up .reg-area .input-wrap.high-margin {
margin-bottom: 11px;
}
.sign-up .reg-area .input-wrap.higher-margin {
margin-bottom: 13px;
}
.sign-up .reg-area .input-wrap input {
font-size: 10px;
line-height: 16px;
padding-left: 25px;
padding-right: 25px;
letter-spacing: 5px;
}
.sign-up .reg-area p {
font-size: 10px;
line-height: 20px;
padding-left: 25px;
padding-right: 100px;
margin-bottom: 14px;
}
.sign-up .reg-area .btn-signup {
padding-left: 10px;
padding-right: 8px;
height: 36px;
line-height: 36px;
letter-spacing: 3px;
}
/* what do page */
.contents.what-we-do-contents {
min-height: 800px;
margin-top: 124px;
}
/* .article-detail */
.article-detail {
padding: 35px 69px 106px 70px;
}
.article-detail .title-do {
padding-left: 22px;
padding-right: 17px;
word-spacing: 2px;
font-size: 15px;
height: 36px;
line-height: 36px;
letter-spacing: 6px;
}
.article-detail .detail-left {
padding-right: 250px;
padding-top: 46px;
}
.article-detail .detail-left .title-img {
width: 579px;
height: 223px;
margin-bottom: 33px;
}
.article-detail .detail-left h2 {
font-size: 40px;
line-height: 48px;
padding-right: 50px;
padding-bottom: 3px;
}
.article-detail .detail-left p {
font-size: 12px;
line-height: 24px;
margin-top: 21px;
padding-right: 80px;
}
.article-detail .detail-left .btn-group {
padding-top: 13px;
width: auto;
}
.article-detail .detail-left .btn-group .btn-blue {
font-size: 12px;
line-height: 36px;
height: 36px;
letter-spacing: 3px;
margin-right: 23px;
margin-bottom: 18px;
}
.article-detail .detail-left .btn-group .btn-leasing {
padding-left: 16px;
padding-right: 11px;
margin-top: 4px;
}
.article-detail .detail-left .btn-group .btn-communities {
padding-left: 17px;
padding-right: 10px;
margin-bottom: 22px;
margin-right: 0;
}
.article-detail .detail-left .btn-group .btn-services {
padding-left: 27px;
padding-right: 29px;
}
/* about us page */
.contents.about-us-contents {
min-height: 490px;
margin-top: 124px;
}
.about-us {
padding: 35px 69px 84px 70px;
}
.about-us .title-about-us {
font-size: 15px;
height: 36px;
line-height: 36px;
padding-left: 19px;
padding-right: 13px;
}
.about-us .about-us-left {
padding-right: 220px;
padding-top: 60px;
}
.about-us .about-us-left h2 {
font-size: 40px;
line-height: 50px;
}
.about-us .about-us-left p {
font-size: 12px;
line-height: 24px;
margin-top: 6px;
margin-bottom: 27px;
padding-right: 100px;
}
.about-us .about-us-left .btn-works {
font-size: 12px;
line-height: 36px;
height: 36px;
letter-spacing: 3px;
padding-left: 24px;
padding-right: 22px;
}
/* .mains-tabs */
.mains-tabs .tab-index .row {
padding-right: 297px;
padding-left: 66px;
}
.mains-tabs .tab-index .row .col-lg-3 a {
font-size: 14px;
height: 44px;
line-height: 44px;
}
.mains-tabs .tab-content {
min-height: 342px;
}
.mains-tabs .tab-content .tab-why,
.mains-tabs .tab-content .tab-how,
.mains-tabs .tab-content .tab-funded,
.mains-tabs .tab-content .tab-involved {
padding-left: 70px;
}
.mains-tabs .tab-content .img-left {
float: left;
margin-top: 46px;
width: 249px;
height: 180px;
}
.mains-tabs .tab-content .content-right {
margin-left: 274px;
}
.mains-tabs .tab-content .content-right p {
font-size: 12px;
line-height: 24px;
}
.mains-tabs .tab-content .tab-why .content-right p {
padding-top: 91px;
padding-right: 240px;
}
.mains-tabs .tab-content .tab-how .content-right,
.mains-tabs .tab-content .tab-funded .content-right {
padding-top: 37px;
}
.mains-tabs .tab-content .tab-how .content-right p,
.mains-tabs .tab-content .tab-funded .content-right p {
margin-bottom: 20px;
padding-right: 66px;
}
.mains-tabs .tab-content .tab-involved .content-right {
padding-top: 44px;
}
.mains-tabs .tab-content .tab-involved .btn-blue {
margin-right: 58px;
margin-bottom: 20px;
font-size: 12px;
line-height: 36px;
width: 248px;
height: 36px;
letter-spacing: 3px;
}
/* get involved page */
/* .info-area */
.info-area.container {
padding: 0 69px 35px 69px;
}
.info-area.container .title-h1 {
padding: 12px 460px 20px 0;
}
.info-area.container .txt {
font-size: 11.57px;
line-height: 24px;
padding-right: 340px;
padding-bottom: 17px;
}
/* .list-area */
.list-area.container {
padding: 0 69px 34px 69px;
}
/* .list-area .row */
.list-area .row {
margin: 0 0 54px 0;
}
/* .list-area .lefts */
.list-area .row .lefts {
width: 415px;
}
/* .list-area .img-main */
.list-area .img-main .funded-round {
width: 100px;
height: 100px;
bottom: -83px;
margin: 0 0 0 -50px;
}
.get-involved-contents .funded-round .status-indicator {
margin: 0 0 0 -2px;
}
.get-involved-contents .funded-round .round-depict {
font-size: 11.57px;
width: 110px;
margin: 2px 0 0 -55px;
}
.get-involved-contents .funded-round .status-indicator input {
font-size: 24.8px !important;
margin-top: 20px !important;
}
/* .list-area .info-main */
.list-area .info-main .blue-bar,
.list-area .info-main .dark-blue-bar {
font-size: 11.57px;
height: 28px;
line-height: 28px;
padding: 0 24px;
margin-top: 6px;
}
/* .list-area .rights */
.list-area .row .rights {
margin: 0 0 0 440px;
}
.list-area .row .rights h2 {
line-height: 26px;
margin-top: -6px;
}
.list-area .row .rights h2 a {
font-size: 24.8px;
}
.list-area .row .rights .time {
font-size: 13.23px;
padding: 4px 0 9px 0;
}
.list-area .row .rights p {
font-size: 11.57px;
line-height: 24px;
padding-right: 10px;
padding-bottom: 25px;
}
.list-area .row .rights .bottom-bar {
padding-right: 10px;
}
.list-area .row .rights .bottom-bar .btn-read-more {
font-size: 11.57px;
letter-spacing: 4px;
padding-left: 15px;
width: 140px;
height: 35px;
line-height: 35px;
}
.list-area .row .rights .bottom-bar .social-ul {
float: right;
}
.list-area .row .rights .bottom-bar .social-ul li {
float: left;
margin-left: 12px;
}
/* .past-projects-module */
.past-projects-module {
padding-bottom: 45px;
}
.past-projects-module .title-past-projects {
letter-spacing: 5px;
background: none;
padding-left: 12px;
width: 225px;
margin: 31px auto 45px auto;
}
/* .past-projects-module .carousel-main */
.past-projects-module .carousel-main {
min-height: 290px;
margin-right: 80px;
margin-left: 80px;
}
/* .past-projects-module .carousel .item */
.past-projects-module .carousel .item {
padding: 0 0;
min-height: 290px;
}
.past-projects-module .carousel .spacing {
padding: 0 16px;
}
/* .past-projects-module .carousel .img-main */
.past-projects-module .img-main .funded-round {
width: 101px;
height: 101px;
padding: 5px;
right: 5px;
bottom: 6px;
}
/* .past-projects-module .carousel .info-main */
.past-projects-module .info-main {
text-align: left;
padding: 10px 0 0 0;
}
.past-projects-module .info-main h2 {
line-height: 25px;
}
.past-projects-module .info-main h2 a {
font-size: 19.84px;
}
.past-projects-module .info-main .time {
font-size: 13.23px;
padding: 3px 0 11px 0;
}
.past-projects-module .info-main .bottom-bar {
padding-right: 0;
}
.past-projects-module .info-main .bottom-bar .btn-read-more {
font-size: 11.57px;
letter-spacing: 4px;
padding-left: 10px;
width: 141px;
height: 35px;
line-height: 35px;
}
.past-projects-module .carousel-control.left,
.past-projects-module .carousel-control.right {
width: 41px;
height: 39px;
top: 78px;
}
.past-projects-module .carousel-control.left {
left: -67px;
}
.past-projects-module .carousel-control.right {
right: -67px;
}
.past-projects-module .carousel-control.left .icons,
.past-projects-module .carousel-control.right .icons {
width: 19px;
height: 19px;
margin: 8px auto 0 auto;
}
.past-projects-module .carousel-control.left .icons {
background-position: -233px -13px;
}
.past-projects-module .carousel-control:hover.left .icons {
background-position: -272px -13px;
}
.past-projects-module .carousel-control.right .icons {
background-position: -291px -13px;
}
.past-projects-module .carousel-control:hover.right .icons {
background-position: -310px -13px;
}
/* project details page */
.details-active-project-module .banners.min-height455 {
min-height: 376px;
}
.details-active-project-module .banners img {
height: 376px;
}
/* .details-active-project-module .banner-section */
.details-active-project-module .banner-section .container {
padding-top: 35px;
min-height: 376px;
}
.details-active-project-module .banner-section .title-active-project {
letter-spacing: 8px;
padding-left: 12px;
margin-right: 68px;
width: 250px;
}
.details-active-project-module .banner-section .title-h1 {
bottom: 24px;
left: 72px;
width: 420px;
}
.details-active-project-module .banner-section .funded-round {
width: 196px;
height: 196px;
padding: 10px;
margin: 0 auto;
bottom: 0;
}
#project .details-active-project-module .banner-section {
top: -44px;
height: 196px;
}
.details-active-project-module .banner-section .funded-round .round-depict {
font-size: 22.48px;
text-align: center;
width: 170px;
}
.details-active-project-module .banner-section .funded-round .status-indicator input {
font-size: 48.17px !important;
margin-top: 40px !important;
}
.details-active-project-module .banner-section .funded-round .status-indicator input.smaller {
font-size: 37.17px !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
/* .details-active-project-module .info-section */
.details-active-project-module .info-section .container {
padding: 4px 96px 0 92px;
}
/* .details-active-project-module .info-main */
.details-active-project-module .info-main {
padding-bottom: 51px;
position: relative;
}
.details-active-project-module .info-main .blue-bar,
.details-active-project-module .info-main .dark-blue-bar {
font-size: 22.48px;
height: 53px;
line-height: 53px;
padding: 0 18px;
margin-top: 13px;
}
/* .details-active-project-module .video-main */
.details-active-project-module .video-main {
padding-bottom: 45px;
}
.details-active-project-module .video-area .video,
.details-active-project-module .video-area .video img,
.details-active-project-module .video-area .video iframe {
width: 100%;
height: 467px;
}
.details-active-project-module .video-area .btn-play {
width: 108px;
height: 108px;
margin: -54px 0 0 -54px;
}
.details-active-project-module .video-area .btn-play .icons {
background-position: 0 -71px;
width: 78px;
height: 78px;
margin: 8px 0 0 0;
}
.details-active-project-module .video-area .btn-play:hover .icons,
.details-active-project-module .video-area .btn-play:focus .icons {
background-position: -78px -71px;
}
.details-active-project-module .txt-area .txt-td .font20 {
font-size: 16.53px;
line-height: 30px;
padding-bottom: 17px;
margin-top: -8px;
}
.details-active-project-module .txt-area .txt-td .font14 {
font-size: 11.57px;
line-height: 20px;
}
/* .project-updates-module */
.project-updates-module .container {
padding: 38px 39px 20px 92px;
position: relative;
width: 100%;
}
/* .project-updates-module .main-area */
/* .project-updates-module .main-area {
width: 580px;
}*/
.project-updates-module .main-area .title-project-updates {
width: 274px;
letter-spacing: 7px;
padding-left: 12px;
margin-bottom: 29px;
}
/* .project-updates-module .list-area */
.project-updates-module .list-area .row {
padding: 45px 0 0 0;
}
.project-updates-module .list-area .left-date {
width: 168px;
}
.project-updates-module .list-area .left-date .date-txt,
.project-updates-module .list-area .left-date .month-txt {
text-align: center;
padding: 0 45px 0 22px;
}
.project-updates-module .list-area .left-date .date-txt {
font-size: 99.21px;
line-height: 80px;
margin-top: -4px;
}
.project-updates-module .list-area .left-date .month-txt {
font-size: 19.84px;
letter-spacing: 16px;
}
.project-updates-module .list-area .main-info {
margin-left: 168px;
}
.project-updates-module .list-area .main-info .title-h4 {
line-height: 20px;
padding-bottom: 5px;
}
.project-updates-module .list-area .main-info .title-h4 a {
font-size: 14.88px;
}
.project-updates-module .list-area .main-info p {
font-size: 11.57px;
line-height: 20px;
padding-bottom: 18px;
}
.project-updates-module .list-area .main-info .social-ul {
margin-bottom: 29px;
}
.project-updates-module .list-area .main-info .social-ul li {
margin-right: 5px;
}
/* .project-updates-module .right-aside */
.project-updates-module .right-aside {
width: 252px;
}
.project-updates-module .right-aside .module-box {
min-height: 120px;
padding: 24px;
margin: 0 0 26px 0;
}
.project-updates-module .right-aside .module-box .type-txt {
font-size: 14.88px;
padding: 5px 0 2px 0;
}
.project-updates-module .right-aside .module-box .value-txt {
font-size: 49.6px;
padding: 0;
}
.project-updates-module .right-aside .module-box .title-h5 {
font-size: 13.23px;
margin: 10px 14px 0 13px;
border-top: 2px solid #c3c3c3;
border-bottom: 2px solid #c3c3c3;
height: 29px;
line-height: 29px;
}
.project-updates-module .right-aside .module-box ul {
padding: 29px 0 17px 0;
}
.project-updates-module .right-aside .module-box li {
font-size: 11.57px;
line-height: 27px;
}
.project-updates-module .right-aside .btn-i-want-to-donate {
letter-spacing: 4px;
padding-left: 12px;
height: 38px;
line-height: 38px;
}
/* .project-updates-module .venue-area */
.project-updates-module .venue-area {
padding: 34px 0 0 0;
}
.project-updates-module .main-area .title-venue {
width: 142px;
padding-left: 12px;
margin-bottom: 14px;
}
.project-updates-module .main-area .venue-map,
.project-updates-module .main-area .venue-map img {
width: 100%;
height: 314px;
}
.project-updates-module .main-area .venue-bottom {
padding: 19px 0 0 0;
}
.project-updates-module .main-area .venue-bottom .title-h4 {
font-size: 14.88px;
line-height: 22px;
padding-bottom: 5px;
}
.project-updates-module .main-area .venue-bottom p {
line-height: 21px;
}
.project-updates-module .main-area .venue-bottom p span {
font-size: 11.57px;
}
/* .donors-module */
.donors-module .titles.container {
padding: 0;
min-height: 49px;
}
.titles.container .title-donors {
margin-right: 39px;
min-width: 142px;
letter-spacing: 7px;
padding-left: 12px;
}
.donors-module .tab-content .row {
margin: 4px 27px 0 70px;
}
.donors-module .tab-content .row .col-md-6 {
padding: 36px 0 0 0;
}
.donors-module .tab-content .head-img {
width: 105px;
}
.donors-module .tab-content .head-img img {
width: 82px;
height: 82px;
}
.donors-module .info-box {
margin-left: 105px;
}
.donors-module .info-box .title-h4 {
padding: 0 0 4px 0;
margin-top: -2px;
}
.donors-module .info-box .title-h4 a {
font-size: 14.88px;
}
.donors-module .info-box p {
font-size: 11.57px;
line-height: 23px;
padding: 0 15px 0 0;
margin-top: -2px;
}
/* partners page */
.partners-contents .container {
padding: 35px 0 37px 70px;
}
.partners-contents .title-partners {
font-size: 15px;
height: 36px;
line-height: 36px;
padding-left: 22px;
padding-right: 16px;
margin-right: 68px;
margin-bottom: 25px;
}
.partners-contents .titles .title-primary {
font-size: 40px;
line-height: 46px;
margin-bottom: 18px;
}
.partners-contents .titles .title-sub {
font-size: 12px;
line-height: 24px;
}
/* .partners-contents .list */
.partners-contents .list-wrap {
margin-top: 41px;
}
.partners-contents .list-wrap .item-wrap {
min-height: 172px;
padding-bottom: 25px;
position: relative;
margin-bottom: 0;
}
.partners-contents .list-wrap .item-wrap.large-spacing {
margin-bottom: 0;
}
.partners-contents .left-img {
width: 170px;
height: 170px;
margin-top: 3px;
margin-left: -2px;
}
.partners-contents .content-info {
margin-left: 190px;
min-height: 132px;
overflow: hidden;
}
.partners-contents .content-info h4 {
font-size: 25px;
line-height: 30px;
margin-bottom: 8px;
}
.partners-contents .content-info h4 a {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 25px;
color: #4b4b4b;
}
.partners-contents .content-info p {
font-size: 12px;
line-height: 23px;
padding-right: 350px;
padding-left: 2px;
}
.partners-contents .btn-wrap {
margin: 0 0 0 191px;
}
.partners-contents .btn-wrap .btn-blue {
height: 36px;
line-height: 36px;
padding-left: 10px;
padding-right: 5px;
}
/* .partners-contents .pager-info */
.partners-contents .pager-info {
margin-top: 4px;
}
.partners-contents .pager-info li {
float: left;
margin-right: 15px;
}
.partners-contents .pager-info li a {
padding: 0 17px;
font-size: 13px;
line-height: 32px;
height: 32px;
}
/* .sponsoring-organizations-module */
.sponsoring-organizations-module {
min-height: 320px;
}
.sponsoring-organizations-module .container {
padding: 31px 0 0 0;
}
.title-sponsoring-organizations {
width: 408px;
letter-spacing: 7px;
padding-left: 10px;
margin-bottom: 30px;
}
/* .sponsoring-organizations-module .carousel-main */
.sponsoring-organizations-module .carousel-main {
margin-right: 75px;
margin-left: 75px;
}
.sponsoring-organizations-module .logo-ul li {
height: 200px;
}
.sponsoring-organizations-module .logo-the-san-francisco {
background-size: 138px auto;
width: 138px;
height: 137px;
}
.sponsoring-organizations-module .logo-toyota-togethergreen {
background-size: 158px auto;
width: 158px;
height: 52px;
}
.sponsoring-organizations-module .logo-sun-shot {
background-size: 111px auto;
width: 111px;
height: 34px;
}
.sponsoring-organizations-module .logo-patagonia {
background-size: 143px auto;
width: 143px;
height: 45px;
}
.sponsoring-organizations-module .carousel-control.left,
.sponsoring-organizations-module .carousel-control.right {
width: 41px;
height: 39px;
top: 93px;
}
.sponsoring-organizations-module .carousel-control.left {
left: -62px;
}
.sponsoring-organizations-module .carousel-control.right {
right: -62px;
}
.sponsoring-organizations-module .carousel-control.left .icons,
.sponsoring-organizations-module .carousel-control.right .icons {
width: 19px;
height: 19px;
margin: 8px auto 0 auto;
}
.sponsoring-organizations-module .carousel-control.left .icons {
background-position: -233px -13px;
}
.sponsoring-organizations-module .carousel-control:hover.left .icons {
background-position: -272px -13px;
}
.sponsoring-organizations-module .carousel-control.right .icons {
background-position: -291px -13px;
}
.sponsoring-organizations-module .carousel-control:hover.right .icons {
background-position: -310px -13px;
}
/* solar ambassador program page */
.solar-contents .article-detail {
padding: 35px 41px 62px 71px;
}
.solar-contents .article-detail .title-solar {
width: 227px;
height: 53px;
padding-left: 27px;
padding-top: 10px;
font-size: 15px;
}
.solar-contents .article-detail .detail-left {
padding-right: 331px;
padding-top: 46px;
}
.solar-contents .article-detail .detail-left .title-img {
margin-bottom: 33px;
}
.solar-contents .article-detail .detail-left .btn-group {
padding-top: 27px;
padding-right: 0;
width: auto;
}
.solar-contents .article-detail .detail-left .btn-group .btn-blue {
margin-bottom: 14px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-application {
padding-left: 24px;
padding-right: 17px;
margin-top: 4px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-team {
padding-left: 21px;
padding-right: 19px;
margin-bottom: 22px;
margin-right: 0;
}
.solar-contents .article-detail .detail-left .btn-group .btn-project {
padding-left: 33px;
padding-right: 36px;
}
/* blog page */
.titles.container .title-blog {
margin-right: 68px;
min-width: 110px;
letter-spacing: 8px;
padding-left: 12px;
}
/* .grid-data */
.grid-data.container {
padding: 0 55px;
}
/* .form-area */
.form-area {
padding: 12px 13px 16px 13px;
min-height: 47px;
}
.form-area .width167 {
float: left;
}
.form-area .width167 .btn-default,
.form-area .width167.input-search {
width: 134px;
}
/* .input-search */
.input-search {
padding: 0 24px 2px 18px;
height: 30px;
line-height: 0;
}
.input-search input {
font-size: 9.92px;
letter-spacing: 4px;
height: 28px;
}
.input-search .icon-search {
background-position: -26px 0;
width: 13px;
height: 13px;
top: 6px;
right: 7px;
}
.input-search .icon-search:hover {
background-position: -65px 0;
}
/* .grid-area.row */
.grid-area.row .col-md-6 {
padding-right: 13px;
padding-left: 13px;
}
.grid-area.row .img-main {
height: 215px;
}
.grid-area.row .video {
width: 100%;
height: 215px;
}
.grid-area.row .video iframe {
width: 100%;
height: 215px;
}
.grid-area.row .btn-play {
width: 88px;
height: 88px;
margin: -44px 0 0 -44px;
}
.grid-area.row .btn-play .icons {
background-size: 442px auto;
background-position: 0 -58px;
width: 63px;
height: 63px;
margin: 8px 0 0 0;
}
.grid-area.row .btn-play:hover .icons,
.grid-area.row .btn-play:focus .icons {
background-position: -63px -58px;
}
.grid-area.row .img-main img {
height: 215px;
}
.grid-area.row .carousel-control.left,
.grid-area.row .carousel-control.right {
width: 41px;
height: 39px;
}
.grid-area.row .carousel-control.left {
right: 45px;
}
.grid-area.row .carousel-control.left .icons,
.grid-area.row .carousel-control.right .icons {
width: 19px;
height: 19px;
margin: 8px auto 0 auto;
}
.grid-area.row .carousel-control.left .icons {
background-position: -233px -13px;
}
.grid-area.row .carousel-control:hover.left .icons {
background-position: -272px -13px;
}
.grid-area.row .carousel-control.right .icons {
background-position: -291px -13px;
}
.grid-area.row .carousel-control:hover.right .icons {
background-position: -310px -13px;
}
.grid-area.row .info-main {
padding: 29px 0 30px 0;
}
.grid-area.row .info-main .title-h2 {
font-size: 24.8px;
line-height: 30px;
}
.grid-area.row .info-main .title-h2 a {
font-size: 24.8px;
}
.grid-area.row .info-main .date-txt {
font-size: 13.23px;
line-height: 20px;
padding-bottom: 8px;
}
.grid-area.row .info-main p {
font-size: 11.57px;
line-height: 24px;
padding: 0 25px 15px 0;
}
.grid-area.row .info-main .bottom-bar {
padding: 14px 0 20px 0;
}
.grid-area.row .info-main .bottom-bar .btn-read-more {
font-size: 11.57px;
letter-spacing: 3px;
width: 108px;
height: 35px;
padding: 2px 0 0 2px;
line-height: 33px;
}
.grid-area.row .info-main .bottom-bar .social-ul {
margin: 0 20px 0 0;
}
.grid-area.row .info-main .bottom-bar .social-ul li {
margin: 0 5px 0 6px;
}
/* .loading-bar */
.loading-bar {
padding: 0 0 58px 0;
}
.loading-bar .loading-img {
background-size: 106px auto;
width: 106px;
height: 18px;
}
/* .blog-details-data */
.blog-details-data.container {
padding: 0 68px;
min-height: 150px;
}
/* .blog-details-data .title-bar */
.blog-details-data.container .title-bar {
padding: 14px 0 15px 0;
}
.blog-details-data.container .title-bar .date-txt {
font-size: 13.23px;
line-height: 24px;
}
.blog-details-data.container .title-bar .social-ul {
top: 38px;
}
.blog-details-data.container .title-bar .social-ul li {
margin-left: 11px;
}
/* .blog-details-data .info-box */
.blog-details-data.container .info-box .img-main,
.blog-details-data.container .info-box .img-main img {
height: 442px;
}
.blog-details-data.container .info-box .info-main {
padding: 35px 3px 18px 3px;
}
.blog-details-data.container .info-box .info-main .lefts p {
padding-right: 5px;
}
.blog-details-data.container .info-box .info-main .rights p {
padding-left: 12px;
}
.blog-details-data.container .info-box .info-main .font20 {
font-size: 16.53px;
line-height: 30px;
}
.blog-details-data.container .info-box .info-main .font14 {
font-size: 11.57px;
line-height: 23px;
}
.blog-details-data.container .info-box .down25 {
padding-bottom: 18px;
}
.blog-details-data.container .info-box .info-main .rights .down25 {
padding-bottom: 20px;
}
/* .related-blog-module */
.related-blog-module {
padding: 20px 0 7px 0;
}
.related-blog-module .form-area {
min-height: 70px;
}
.related-blog-module .title-related-blog {
width: 217px;
top: 13px;
right: 68px;
}
.related-blog-module .carousel-control.left,
.related-blog-module .carousel-control.right {
width: 41px;
height: 39px;
margin-top: -65px;
}
.related-blog-module .carousel-control.left {
left: -45px;
}
.related-blog-module .carousel-control.right {
right: -45px;
}
.related-blog-module .carousel-control.left .icons,
.related-blog-module .carousel-control.right .icons {
width: 19px;
height: 19px;
margin-top: 7px;
}
.related-blog-module .carousel-control.left .icons {
background-position: -233px -13px;
}
.related-blog-module .carousel-control:hover.left .icons {
background-position: -272px -13px;
}
.related-blog-module .carousel-control.right .icons {
background-position: -291px -13px;
}
.related-blog-module .carousel-control:hover.right .icons {
background-position: -310px -13px;
}
.related-blog-module .carousel-inner > .active {
min-height: 512px;
}
/* .comments-module */
.comments-module .container {
padding: 30px 68px 0 68px;
}
.comments-module .container .title-comments {
width: 167px;
letter-spacing: 7px;
margin-bottom: 20px;
padding-left: 12px;
}
/* .comments-module .comments-area .comments-list*/
.comments-module .comments-area {
min-height: 150px;
}
.comments-module .comments-area .comments-list {
padding: 41px 100px 34px 0;
}
.comments-module .comments-area .spaceleft {
padding-left: 86px;
}
.comments-module .comments-area .spacetop {
padding-top: 18px;
}
.comments-module .comments-area .comments-list .head-img {
width: 108px;
}
.comments-module .comments-area .comments-list .head-img img {
width: 83px;
height: 83px;
}
.comments-module .comments-area .comments-list .info-box {
margin-left: 108px;
}
.comments-module .comments-area .comments-list .info-box .title-h4 {
padding: 0 0 11px 0;
}
.comments-module .comments-area .comments-list .info-box .title-h4 a {
font-size: 14.88px;
}
.comments-module .comments-area .comments-list .info-box p {
font-size: 11.57px;
line-height: 20px;
padding: 0 18px 0 0;
}
.comments-module .comments-area .comments-list .comments-apply {
width: 85px;
height: 35px;
line-height: 35px;
letter-spacing: 4px;
}
.comments-module .comments-area .comments-list .comments-apply a {
font-size: 11.57px;
padding-left: 4px;
}
.comments-module .comments-area .comments-list .comments-apply a:hover {
color: #1ab1e6;
text-decoration: none;
}
/* .comments-module .comments-area .quick-reply */
.comments-module .comments-area .quick-reply {
padding: 31px 0 100px 0;
}
.comments-module .comments-area .quick-reply .quick-reply-txt {
width: 108px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt .title-h4 {
padding: 20px 0 18px 0;
font-size: 14.88px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt p {
font-size: 11.57px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li {
margin-top: 11px;
margin-left: -1px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li:nth-child(2) {
margin-left: 10px;
}
.comments-module .comments-area .quick-reply .textarea-box {
margin-right: 4px;
margin-left: 108px;
height: 162px;
padding: 14px 21px;
}
.comments-module .comments-area .quick-reply .textarea-box textarea {
font-size: 9.92px;
height: 100px;
line-height: 14px;
letter-spacing: 6px;
}
.comments-module .comments-area .quick-reply .comments-post {
width: 83px;
height: 35px;
line-height: 35px;
right: 5px;
bottom: 101px;
letter-spacing: 3px;
}
.comments-module .comments-area .quick-reply .comments-post a {
font-size: 11.57px;
padding: 2px 0 0 3px;
}
/* .footer */
.footer .row {
padding: 0 82px 0 95px;
}
.footer .row .col-menu,
.footer .row .col-info {
padding: 20px 0 0;
}
.footer .row .col-menu dt,
.footer .row .col-info dt {
line-height: 20px;
}
.footer .row .col-menu dd,
.footer .row .col-info dd {
line-height: 29px;
}
.footer .row .col-info dt {
padding-bottom: 4px;
}
.footer .row .col-info p {
font-size: 14px;
text-align: justify;
line-height: 29px;
}
/* .footer .bottoms */
.footer .bottoms div {
justify-content: center;
}
.footer .bottoms .social-icons-cntnr {
align-items: flex-end;
}
.footer .bottoms .social-ul {
margin: 32px -8px 0 0;
}
.footer .bottoms .social-ul li {
margin: 0 0 0 25px;
}
.footer .bottoms .social-ul li .icons {
width: 19px;
height: 19px;
}
.footer .bottoms .social-ul li .icon-fb {
background-position: 0 -13px;
}
.footer .bottoms .social-ul li .icon-fb:hover {
background-position: -20px -13px;
}
.footer .bottoms .social-ul li .icon-tw {
background-position: -38px -13px;
}
.footer .bottoms .social-ul li .icon-tw:hover {
background-position: -58px -13px;
}
.footer .bottoms .social-ul li .icon-gg {
background-position: -76px -13px;
}
.footer .bottoms .social-ul li .icon-gg:hover {
background-position: -96px -13px;
}
/* .modal-default */
.modal.modal-default .modal-dialog {
width: 967px;
margin: 90px auto;
}
/* .modal-default .modal-header */
.modal.modal-default .modal-header {
text-align: center;
padding: 0;
border-bottom: none;
}
.modal.modal-default .btn-close {
width: 13px;
height: 13px;
top: 45px;
right: 50px;
}
.modal.modal-default .btn-close:hover {
background-position: -13px 0;
}
/* #modal-how-it-works */
#modal-how-it-works .title-how-it-works {
width: 229px;
margin: 37px auto 0 auto;
}
#modal-how-it-works .txt-info {
font-size: 11.57px;
line-height: 23px;
padding: 33px 167px;
}
/* #modal-how-it-works .info-row */
#modal-how-it-works .info-row {
padding: 25px 80px 7px 80px;
}
#modal-how-it-works .info-row .video-area .video,
#modal-how-it-works .info-row .video-area .video img {
width: 414px;
height: 269px;
}
#modal-how-it-works .info-row .video-area .video iframe {
width: 414px;
height: 269px;
border: none;
}
#modal-how-it-works .info-row .video-area .btn-play {
width: 108px;
height: 108px;
margin: -54px 0 0 -54px;
}
#modal-how-it-works .info-row .video-area .btn-play .icons {
background-position: 0 -71px;
width: 78px;
height: 78px;
margin: 8px 0 0 0;
}
#modal-how-it-works .info-row .video-area .btn-play:hover .icons,
#modal-how-it-works .info-row .video-area .btn-play:focus .icons {
background-position: -78px -71px;
}
#modal-how-it-works .info-row .step-area {
margin: 0 436px 0 0;
min-height: 269px;
}
#modal-how-it-works .step-area .module-box {
padding: 0 20px 0 0;
margin-bottom: 40px;
}
#modal-how-it-works .step-area .icon-blue-round {
width: 58px;
height: 58px;
margin: 0;
}
#modal-how-it-works .step-area .icon-blue-round .icons {
width: 39px;
height: 39px;
margin-top: 9px;
}
#modal-how-it-works .step-area .icon-fundraise .icons {
background-position: -0 -32px;
}
#modal-how-it-works .step-area .icon-invest .icons {
background-position: -39px -32px;
}
#modal-how-it-works .step-area .icon-pay-it-forward .icons {
background-position: -78px -32px;
}
#modal-how-it-works .step-area .info-txt {
margin: 0 45px 0 80px;
}
#modal-how-it-works .step-area .info-txt h4 {
font-size: 14.88px;
line-height: 20px;
padding-bottom: 4px;
margin-top: -7px;
}
#modal-how-it-works .step-area .info-txt p {
font-size: 11.57px;
line-height: 21px;
}
.contents .details-active-project-module .banner-section .funded-round {
bottom: 0;
}
.contents .details-active-project-module .banner-section .container {
min-height: auto;
}
.details-active-project-module .video-main {
display: block;
overflow: hidden;
padding-bottom: 45px;
width: auto;
}
.details-active-project-module .info-section .container {
padding: 4px 83px 0 92px;
}
.details-active-project-module .container {
padding: 4px 37px 0 59px;
}
.project-updates-module .container {
padding: 38px 39px 20px 62px;
position: relative;
width: 100%;
}
.details-active-project-module.title-white-border {
margin-right: 15px;
}
.venue-area {
width: 100%;
}
.venue-area-left {
text-align: left;
}
.main-area1 .venue-area h2 {
display: inline-block;
float: none !important;
font-size: 19px;
height: auto;
margin-top: 40px;
padding: 7px 45px 6px;
line-height: normal;
}
.project-updates-module .right-aside {
width: 100%;
}
.footer .bottoms ul.social-ul li .icon-g-plus.icons {
background-position: -80px -12px;
}
.footer .bottoms ul.social-ul li:hover .icon-g-plus.icons {
background-position: -100px -12px;
}
}
/*For accelerator page*/
@media (min-width: 768px) {
.stripe-monthly-donation-button-el_component-link_btn-blue_btn-donate span {
font-size: 9.2px;
}
}
@media (max-width: 767px) {
.stripe-monthly-donation-button-el {
min-height: 5.9em;
width: 30em;
}
.stripe-monthly-donation-button-el span {
font-size: 2.8em;
min-height: 27px;
}
#leo-donate-button {
font-size: 1em;
width: 15em;
height: 2.1em;
}
}
/*fix layout issue when smaller than 992px width*/
@media (max-width: 991px) {
.newsletter-msg-cntnr .newsletter-msg {
width: 70%;
}
/* terrible hack to add padding, depends highly on header text. please get rid of this if possible. */
.top-section.nav-margins .section-video-overlay {
padding-top: 25%;
}
.go_solar_at_home {
font-size: 5.5vmin;
}
.background-image-size {
width: 34vmin;
}
.we_can_help_you {
font-size: 2.4vmin;
}
.right-aside-new {
padding: 0 0 0px;
}
.venue-area {
text-align: center;
}
#project .venue-area-left {
text-align: center;
}
.input-group > form#ipad {
display: block;
}
.module-box.payment-module > form#phone {
display: none;
}
#project .title-blue-border {
float: none !important;
}
#project .title-active-project {
float: right !important;
}
.module-box.payment-module form button.stripe-button-el {
width: 150px !important;
}
.right-aside-new .module-box.payment-module form button.stripe-button-el {
width: 100% !important;
}
#project .after-header {
margin-top: 132px;
}
#project .col-lg-4.col-md-4.col-sm-12.col-xs-12.active-pr-button {
padding: 0;
}
#project .col-lg-8.col-md-8.col-sm-12.col-xs-12 {
padding: 0 !important;
}
#project .header .btn-donate {
min-width: 117px;
}
#project .venue-area.venue-area-left {
padding-top: 34px;
}
#project .price-tables {
margin: 0;
padding: 0;
}
#project .venue-area.venue-area-left {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
}
#project .details-active-project-module .info-section .container {
padding: 4px 30px 0 24px;
}
/*.header a.btn-blue:last-child, .header a.btn-blue:first-child {
margin-right: 1rem;
}*/
.zinnia .header a.btn-blue:nth-child(2), .header a.btn-blue:first-child {
margin-right: 3rem;
}
.text_content {
margin-right: 1rem;
}
.icons {
background-size: 672px auto;
}
/* btn */
.btn-blue {
font-size: 1.4rem;
/* height: 55px;
line-height: 55px;
padding: 0 5px;*/
}
.btn-icon-gray {
width: 74px;
height: 60px;
}
.btn-icon-gray .icons {
width: 48px;
height: 48px;
margin-top: 5px;
}
.btn-icon-gray .icon-fb {
background-position: -288px -40px;
}
.btn-icon-gray:hover .icon-fb {
background-position: -336px -40px;
}
.btn-icon-gray .icon-tw {
background-position: -384px -40px;
}
.btn-icon-gray:hover .icon-tw {
background-position: -432px -40px;
}
.btn-icon-gray .icon-gg {
background-position: -480px -40px;
}
.btn-icon-gray:hover .icon-gg {
background-position: -528px -40px;
}
/* .dropdown-default */
.dropdown-default .btn-default {
font-size: 16.67px;
letter-spacing: 7px;
padding: 0 32px 0 40px;
height: 50px;
line-height: 47px;
}
.dropdown-default .btn-default .icon-arrow-down {
background-position: -97px 0;
top: 16px;
right: 17px;
}
.dropdown-default .btn-default.active .icon-arrow-down,
.dropdown-default .btn-default:active .icon-arrow-down,
.open.dropdown-default > .dropdown-toggle.btn-default .icon-arrow-down {
background-position: -113px 0;
}
.dropdown-default .dropdown-menu {
font-size: 16.46px;
min-width: 60px;
padding: 5px 0;
}
.dropdown-default .dropdown-menu > li > a {
padding: 0 25px;
line-height: 26px;
}
/* title */
.title-white-border,
.title-blue-border {
font-size: 21.5px;
letter-spacing: 7px;
height: 44px;
line-height: 44px;
padding: 0 5px;
}
.container {
width: 750px;
}
/* .header */
.header {
margin-top: 10px;
height: 185px;
}
.after-header {
margin-top: 185px;
}
.header .logo {
background: url(../images/tablet/tablet-logo@2x.png);
background-size: 23vmin auto;
margin: 3vmin 0 0 5vmin;
width: 22vmin;
/* height: 101px; */
background-repeat: no-repeat;
}
.zinnia .header .logo {
background: url(../images/tablet/tablet-logo@2x.png);
background-size: 23vmin auto;
width: 22vmin;
height: 101px;
background-repeat: no-repeat;
}
.header .btn-donate {
min-width: 132px;
}
.header .txt {
font-size: 16.38px;
padding: 0 0 3px 0;
line-height: 26px;
}
/* .after-scroll-header */
.header.after-scroll-header {
border-bottom: 1px solid #c6c6c6;
}
.header.after-scroll-header .logo {
background: url(../images/tablet/tablet-logo.png);
background-size: 257px auto;
width: 257px;
height: 101px;
margin: 47px 0 0 32px;
}
.header.after-scroll-header .rights {
padding: 77px 24px 0 0;
}
/* .top-section */
.top-section {
min-height: 185px;
}
.top-section .sub-section-bg {
background: url(../images/tablet/tablet-sub-section-bg.jpg) no-repeat center top;
background-size: 100% 185px;
}
.top-section.min-height {
min-height: 1366px;
}
.top-section .section-video img {
width: 100%;
height: 1366px;
}
.top-section .section-video-area iframe,
.top-section .section-video-area video,
.top-section .section-video-area .mejs-container,
.top-section .section-video-area .me-plugin,
.top-section .section-video-area embed,
.top-section .section-video-area .mejs-overlay-play {
width: 100% !important;
height: 56vw !important;
border: none;
}
.top-section.min-height .container {
top: 55px;
}
/* .top-section .carousel */
.top-section .carousel {
padding-right: 65px;
padding-left: 65px;
}
/* .top-section .carousel .item */
.top-section .carousel .item {
padding: 272px 0 0 0;
min-height: 1124px;
}
.top-section .carousel .item-info {
width: 580px;
}
.top-section .carousel .item-info .titles {
font-size: 49.15px;
line-height: 58px;
}
.top-section .carousel .item-info p {
font-size: 20.48px;
line-height: 36px;
width: 480px;
padding: 22px 0 48px 0;
}
.top-section .carousel .item-info .btn-donate-now {
letter-spacing: 4.5px;
min-width: 257px;
padding-left: 15px;
}
/* .top-section .carousel-indicators */
.top-section .carousel-indicators li {
width: 20px;
height: 20px;
margin: 0 6px 0 5px;
}
.top-section .icon-arrow-down {
background-position: -240px -40px;
width: 48px;
height: 48px;
bottom: -78px;
}
.top-section .carousel-control.left,
.top-section .carousel-control.right {
width: 66px;
height: 64px;
top: auto;
bottom: 13px;
}
.top-section .carousel-control.left {
left: 33px;
}
.top-section .carousel-control.right {
right: 33px;
}
.top-section .carousel-control.left .icons,
.top-section .carousel-control.right .icons {
width: 24px;
height: 24px;
margin-top: 18px;
}
.top-section .carousel-control.left .icons {
background-position: -480px -16px;
}
.top-section .carousel-control:hover.left .icons {
background-position: -504px -16px;
}
.top-section .carousel-control.right .icons {
background-position: -576px -16px;
}
.top-section .carousel-control:hover.right .icons {
background-position: -552px -16px;
}
/* home page */
.mobile-mask {
display: none;
}
/* .active-projects-module */
.active-projects-module {
text-align: center;
padding-bottom: 18px;
}
.active-projects-module .title-active-projects {
letter-spacing: 10px;
width: 420px;
margin: 51px auto;
}
.active-projects-module .row {
margin: 0 auto;
}
/* .active-projects-module .module-box */
.active-projects-module .module-box {
margin: 0 0 53px 0;
}
.active-projects-module .desktop-img {
display: none;
}
.active-projects-module .mobile-img {
display: block;
}
/* .active-projects-module .img-main */
.active-projects-module .img-main .txt-table {
height: 623px;
}
.active-projects-module .img-main .txt {
font-size: 43.01px;
line-height: 62px;
/*padding: 0 130px 46px 130px;*/
}
.active-projects-module .img-main .img-link {
height: 750px;
}
.active-projects-module .img-main .funded-round {
width: 240px;
height: 250px;
padding: 20px;
bottom: -125px;
margin: 0 0 0 -125px;
}
.active-projects-module .img-main .funded-round .round-depict {
font-size: 30.72px;
width: 176px;
margin: 8px 0 0 -88px;
}
.active-projects-module .img-main .funded-round .status-indicator input {
font-size: 73.73px !important;
margin-top: 29px !important;
width: 160px !important;
height: 80px !important;
margin-left: -185px !important;
}
.active-projects-module .img-main .funded-round .status-indicator input.smaller {
font-size: 64px !important;
margin-top: 41px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input {
margin-top: -170px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input.smaller {
margin-top: -165px !important;
font-size: 60px !important;
}
.tablet-circle {
display: block;
}
.desktop-circle,
.small-circle,
.mobile-circle {
display: none;
}
/* .active-projects-module .info-main */
.active-projects-module .info-main {
padding: 86px 61px 34px 58px;
}
.active-projects-module .info-main .blue-bar,
.active-projects-module .info-main .dark-blue-bar {
font-size: 30.72px;
height: 96px;
line-height: 96px;
padding: 0 35px 0 48px;
margin-top: 24px;
}
/* .our-impacts-module */
.our-impacts-module .title-our-impacts {
letter-spacing: 10px;
padding-left: 20px;
width: 312px;
margin: 42px auto 28px auto;
}
.our-impacts-module .row {
margin: 0 18px 0 16px;
padding: 0 0 2px 0;
border-bottom: 1px solid #cacaca;
}
.our-impacts-module .row .col-md-3 {
width: 50%;
float: left;
padding: 0;
}
.our-impacts-module .module-box {
margin-bottom: 48px;
}
.our-impacts-module .row .col-md-3:nth-child(1) .module-box {
float: none;
width: 100%;
margin-left: 0;
}
.our-impacts-module .row .col-md-3:nth-child(2) .module-box .titles {
padding-right: 0;
}
.our-impacts-module .row .col-md-3:nth-child(3) .module-box .titles {
letter-spacing: -1.8px;
}
.our-impacts-module .row .col-md-3:nth-child(4) .module-box {
float: none;
width: 100%;
}
.our-impacts-module .module-box .icons {
width: 168px;
height: 160px;
}
.our-impacts-module .module-box .icon-people {
background-position: 0 -184px;
}
.our-impacts-module .module-box .icon-home-ok {
background-position: -168px -184px;
}
.our-impacts-module .module-box .icon-tree {
background-position: -336px -190px;
}
.our-impacts-module .module-box .icon-user {
background-position: -504px -178px;
}
.our-impacts-module .module-box .titles {
line-height: 66px;
height: 66px;
}
.our-impacts-module .module-box .font20 {
font-size: 20.48px;
}
.our-impacts-module .module-box .font48 {
font-size: 49.15px;
}
.our-impacts-module .module-box .font72 {
font-size: 73.73px;
}
.our-impacts-module .module-box .txt {
font-size: 18.43px;
line-height: 22px;
padding-top: 0;
padding-right: 20%;
padding-left: 20%;
}
/* .how-it-works-module */
.how-it-works-module .title-how-it-works {
letter-spacing: 10px;
padding-left: 20px;
width: 312px;
margin: 52px auto 0 auto;
}
/* .how-it-works-module .info-row */
.how-it-works-module .info-row {
padding: 49px 33px 0 30px;
}
.how-it-works-module .info-row .video-area.pull-right {
float: none !important;
}
.how-it-works-module .info-row .video-area .video,
.how-it-works-module .info-row .video-area .video img,
.how-it-works-module .info-row .video-area .video iframe {
width: 100%;
height: 524px;
}
.how-it-works-module .info-row .video-area .btn-play {
width: 130px;
height: 130px;
margin: -75px 0 0 -75px;
}
.how-it-works-module .info-row .video-area .btn-play .icons {
background-position: 0 -88px;
width: 96px;
height: 96px;
margin: 13px 0 0 0;
}
.how-it-works-module .info-row .video-area .btn-play:hover .icons,
.how-it-works-module .info-row .video-area .btn-play:focus .icons {
background-position: -96px -88px;
}
.how-it-works-module .info-row .txt-area {
margin: 30px;
min-height: 0;
}
.how-it-works-module .info-row .txt-area .txt-table {
min-height: 0;
}
.how-it-works-module .info-row .txt-area .txt-td {
line-height: 20px;
}
.how-it-works-module .info-row .txt-area .txt-td p {
font-size: 16.38px;
line-height: 32px;
text-align: center;
letter-spacing: 0;
}
/* .how-it-works-module .step-row */
.how-it-works-module .step-row {
text-align: left;
margin: 79px 32px 0 32px;
min-height: 317px;
border-bottom: 1px solid #cacaca;
}
.how-it-works-module .carousel {
margin-right: 85px;
margin-left: 85px;
}
.how-it-works-module .row .carousel-control,
.how-it-works-module .row .carousel-control .icons,
.how-it-works-module .row .carousel-indicators {
display: block;
}
.how-it-works-module .step-row .carousel-inner > .item {
float: none;
display: none;
}
.how-it-works-module .step-row .carousel-inner > .active,
.how-it-works-module .step-row .carousel-inner > .next,
.how-it-works-module .step-row .carousel-inner > .prev {
display: block;
}
.how-it-works-module .step-row .item:nth-child(1),
.how-it-works-module .step-row .item:nth-child(2) {
width: 100%;
}
.how-it-works-module .step-row .item:nth-child(3) {
width: 100%;
}
.how-it-works-module .step-row .item:nth-child(3) .info-txt {
margin-right: 0;
}
.how-it-works-module .row .carousel-control.left,
.how-it-works-module .row .carousel-control.right {
background-color: rgba(41, 41, 41, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 67px;
height: 63px;
border: 2px solid #fff;
top: 43px;
}
.how-it-works-module .row .carousel-control.left {
text-align: center;
left: -85px;
}
.how-it-works-module .row .carousel-control.right {
text-align: center;
right: -85px;
}
.how-it-works-module .row .carousel-control.left .icons,
.how-it-works-module .row .carousel-control.right .icons {
width: 24px;
height: 24px;
top: 0;
right: auto;
left: auto;
position: static;
margin: 17px auto 0 auto;
}
.how-it-works-module .row .carousel-control.left .icons {
background-position: -456px -16px;
}
.how-it-works-module .row .carousel-control:hover.left .icons {
background-position: -504px -16px;
}
.how-it-works-module .row .carousel-control.right .icons {
background-position: -528px -16px;
}
.how-it-works-module .row .carousel-control:hover.right .icons {
background-position: -552px -16px;
}
.how-it-works-module .carousel-indicators li {
width: 18px;
height: 18px;
margin: 0 5px;
background-color: rgba(41, 41, 41, 0.5);
border: none;
border-radius: 100%;
}
.how-it-works-module .carousel-indicators .active {
width: 18px;
height: 18px;
background-color: rgba(41, 41, 41, 1);
}
.how-it-works-module .step-row .module-box {
padding: 10px 33px 0 33px;
min-height: 170px;
}
.how-it-works-module .step-row .icon-blue-round {
width: 132px;
height: 132px;
}
.how-it-works-module .step-row .icon-blue-round .icons {
width: 96px;
height: 96px;
margin-top: 15px;
}
.how-it-works-module .step-row .icon-fundraise .icons {
background-position: -192px -88px;
}
.how-it-works-module .step-row .icon-invest .icons {
background-position: -288px -88px;
}
.how-it-works-module .step-row .icon-pay-it-forward .icons {
background-position: -384px -88px;
}
.how-it-works-module .step-row .icon-arrow-right {
display: none;
}
.how-it-works-module .step-row .info-txt {
margin: 0 0 0 160px;
}
.how-it-works-module .step-row .info-txt h4 {
font-size: 24.58px;
line-height: 30px;
padding-bottom: 3px;
margin-top: 24px;
}
.how-it-works-module .step-row .info-txt p {
font-size: 16.38px;
line-height: 33px;
letter-spacing: -0.7px;
}
/* .how-it-works-module */
.testimonial-module {
padding-bottom: 60px;
}
.testimonial-module .container {
padding: 0;
}
.testimonial-module .title-testimonial {
letter-spacing: 10px;
padding-left: 10px;
width: 278px;
margin: 48px auto 0 auto;
}
/* .testimonial-module .head-row */
.testimonial-module .head-row {
margin: 0;
padding: 37px 19px 0 19px;
}
.testimonial-module .head-row ul {
display: block;
}
.testimonial-module .head-row li {
display: inline-block;
}
.testimonial-module .head-row li .head-img {
display: block;
margin: 14px;
}
.testimonial-module .head-row li .head-img .desktop-head {
display: none;
}
.testimonial-module .head-row li .head-img .mobile-head {
display: block;
width: 353px;
height: 324px;
}
.testimonial-module .head-row li.mobile-show {
display: block;
}
.testimonial-module .head-row li .head-img .icon-arrow-down {
display: none;
}
/*.testimonial-module .head-row li .head-img:hover,
.testimonial-module .head-row li .head-img:focus,*/
.testimonial-module .head-row li .head-img.active {
border-radius: 10px;
margin: 0;
margin: 7px;
padding: 5px;
}
/*.testimonial-module .head-row li .head-img:hover .icon-arrow-down,
.testimonial-module .head-row li .head-img:focus .icon-arrow-down,*/
.testimonial-module .head-row li .head-img.active .icon-arrow-down {
display: none;
}
.testimonial-module .head-row li .head-img img {
width: 100%;
height: 100%;
border-radius: 10px;
}
/* .testimonial-module .info-area */
.testimonial-module .info-area {
padding: 35px 60px 0 60px;
}
.testimonial-module .info-area p {
font-size: 16.38px;
line-height: 32px;
letter-spacing: -0.2px;
width: 640px;
padding-bottom: 15px;
}
.testimonial-module .info-area .block {
display: block;
}
.testimonial-module .user-group {
padding-top: 14px;
}
.testimonial-module .user-group .link-blue {
font-size: 24.58px;
}
.testimonial-module .user-group .txt {
font-size: 16.38px;
padding: 13px 0 40px 0;
}
.testimonial-module .user-group .btn-blue {
font-size: 14.34px;
height: 41px;
line-height: 41px;
padding-top: 2px;
min-width: 292px;
letter-spacing: 4px;
}
/* .featured-on-module */
.featured-on-module {
padding-bottom: 41px;
}
.featured-on-module .title-featured-on {
font-size: 21.5px;
letter-spacing: 10px;
padding-left: 20px;
width: 300px;
margin: 43px auto 43px auto;
}
/* .featured-on-module .carousel-main */
.featured-on-module .carousel-main {
min-height: 175px;
}
#featured-on-example-generic {
display: none;
}
#mobile-featured-on-example-generic {
display: block;
}
/* .featured-on-module .carousel-main */
.featured-on-module .carousel-main {
min-height: 175px;
margin-right: 65px;
margin-left: 65px;
}
.featured-on-module .carousel-main .logo-ul li {
height: 171px;
}
.featured-on-module .logo-fast-mpany {
background-size: 154px auto;
width: 154px;
height: 23px;
}
.featured-on-module .logo-ehe-new-hork-eimes {
background-size: 137px auto;
width: 137px;
height: 113px;
}
.featured-on-module .logo-shareable {
background-size: 144px auto;
width: 144px;
height: 21px;
}
.featured-on-module .logo-philanthropy {
background-size: 153px auto;
width: 153px;
height: 28px;
}
.featured-on-module .logo-clean-technica {
background-size: 153px auto;
width: 153px;
height: 44px;
}
.featured-on-module .logo-fast-mpany:hover,
.featured-on-module .logo-fast-mpany:focus,
.featured-on-module .logo-ehe-new-hork-eimes:hover,
.featured-on-module .logo-ehe-new-hork-eimes:focus,
.featured-on-module .logo-shareable:hover,
.featured-on-module .logo-shareable:focus,
.featured-on-module .logo-philanthropy:hover,
.featured-on-module .logo-philanthropy:focus,
.featured-on-module .logo-clean-technica:hover,
.featured-on-module .logo-clean-technica:focus {
background-position: center bottom;
}
.featured-on-module .carousel-control.left,
.featured-on-module .carousel-control.right {
width: 49px;
height: 47px;
top: 60px;
}
.featured-on-module .carousel-control.left {
left: -69px;
}
.featured-on-module .carousel-control.right {
right: -69px;
}
.featured-on-module .carousel-control.left .icons,
.featured-on-module .carousel-control.right .icons {
width: 24px;
height: 24px;
margin: 10px auto 0 auto;
}
.featured-on-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.featured-on-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.featured-on-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.featured-on-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
/* .newsletter-module */
.newsletter-module {
height: 448px;
}
.newsletter-module .small-img {
display: none;
}
.newsletter-module .mobile-img {
display: block;
}
.newsletter-module .title-newsletter {
letter-spacing: 5px;
padding-left: 12px;
width: 346px;
height: 43px;
line-height: 43px;
margin: 47px auto 43px auto;
}
/* .newsletter-module .container */
.newsletter-module .container {
left: 0;
margin: 0;
width: 100%;
}
.newsletter-module .group-main p {
font-size: 20.48px;
line-height: 25px;
padding: 50px 0 37px 0;
}
.newsletter-module .group-main .group {
min-height: 113px;
margin: 0 32px;
padding: 30px 30px 30px 72px;
}
.newsletter-module .group-main .group .btn-sign-up {
font-size: 14.34px;
letter-spacing: 4px;
width: 156px;
height: 53px;
line-height: 53px;
border: none;
}
.newsletter-module .group-main .group .inputs {
margin-right: 171px;
height: 53px;
}
.newsletter-module .group-main .group .inputs input {
font-size: 20.48px;
}
/* .contents */
.contents {
min-height: 185px;
}
.top150 {
margin-top: 185px;
}
/* .titles */
.titles.container {
padding: 52px 0 0 0;
min-height: 113px;
}
.titles.container .title-get-involved {
margin-right: 30px;
min-width: 291px;
letter-spacing: 11px;
padding-left: 14px;
}
.title-h1 {
font-size: 49.15px;
line-height: 60px;
}
/* sign in page */
.contents.sign-in-contents {
min-height: 900px;
margin-top: 185px;
}
.sign-in {
padding: 50px 39px 75px 72px;
}
.sign-in .title-sign-in {
font-size: 21px;
height: 43px;
line-height: 43px;
padding-left: 27px;
padding-right: 26px;
letter-spacing: 9px;
}
/* .sign-in .sign-in-left */
.sign-in .sign-in-left {
float: none;
padding-top: 92px;
}
.sign-in .sign-in-left h2 {
font-size: 48px;
line-height: 52px;
margin-bottom: 11px;
}
.sign-in .sign-in-left p {
font-size: 16px;
line-height: 32px;
}
.sign-in .sign-in-left .account {
margin-top: 32px;
}
.sign-in .sign-in-left a {
font-size: 16px;
line-height: 32px;
}
/* .sign-in .login-area */
.sign-in .login-area {
padding: 40px 31px 0 3px;
}
.sign-in .login-area .input-wrap {
height: 73px;
margin-bottom: 15px;
}
.sign-in .login-area .input-wrap input {
font-size: 16px;
line-height: 20px;
padding-left: 40px;
padding-right: 40px;
letter-spacing: 8px;
}
.sign-in .check-wrap {
min-height: 62px;
padding: 14px 0 26px 0;
}
.sign-in .login-area .btn-login {
padding-left: 20px;
padding-right: 17px;
height: 47px;
line-height: 47px;
letter-spacing: 4px;
font-size: 14px;
}
/* sign up page */
.contents.sign-up-contents {
margin-top: 185px;
}
.sign-up {
padding: 50px 39px 25px 72px;
}
.sign-up .title-sign-up {
font-size: 21px;
height: 43px;
line-height: 43px;
padding-left: 27px;
padding-right: 19px;
letter-spacing: 9px;
}
/* .sign-up .sign-up-left */
.sign-up .sign-up-left {
float: none;
padding-top: 82px;
}
.sign-up .sign-up-left h2 {
font-size: 48px;
line-height: 52px;
margin-bottom: 11px;
}
.sign-up .sign-up-left p {
font-size: 16px;
line-height: 32px;
}
.sign-up .sign-up-left .account {
margin-top: 32px;
}
.sign-up .sign-up-left a {
font-size: 16px;
line-height: 32px;
}
/* .sign-up .reg-area */
.sign-up .reg-area {
padding: 17px 31px 0 3px;
}
.sign-up .reg-area .input-wrap {
height: 73px;
margin-bottom: 15px;
}
.sign-up .reg-area .input-wrap.less-margin {
margin-bottom: 12px;
}
.sign-up .reg-area .input-wrap.high-margin {
margin-bottom: 17px;
}
.sign-up .reg-area .input-wrap.higher-margin {
margin-bottom: 23px;
}
.sign-up .reg-area .input-wrap input {
font-size: 16px;
line-height: 20px;
padding-left: 40px;
padding-right: 40px;
letter-spacing: 8px;
}
.sign-up .reg-area p {
font-size: 14px;
line-height: 28px;
padding-left: 44px;
padding-right: 180px;
margin-bottom: 21px;
}
.sign-up .reg-area .btn-signup {
padding-left: 31px;
padding-right: 26px;
height: 47px;
line-height: 47px;
letter-spacing: 4px;
}
/* what do page */
.contents.what-we-do-contents {
margin-top: 185px;
}
/* .article-detail */
.article-detail,
.what-we-do-contents .article-detail {
padding: 50px 0 75px 72px;
}
.article-detail .title-do {
padding-left: 34px;
padding-right: 22px;
font-size: 21px;
height: 43px;
line-height: 43px;
letter-spacing: 10px;
margin-right: 39px;
}
.article-detail .detail-left {
padding-right: 0;
padding-top: 79px;
}
.article-detail .detail-left .title-img {
width: 625px;
height: 312px;
margin-bottom: 24px;
}
.article-detail .detail-left h2 {
font-size: 48px;
line-height: 56px;
padding-right: 0px;
padding-bottom: 0;
}
.article-detail .detail-left p {
font-size: 16px;
line-height: 32px;
margin-left: -3px;
margin-top: 21px;
margin-bottom: 32px;
padding-right: 50px;
}
.article-detail .detail-left .btn-group {
padding-top: 14px;
}
.article-detail .detail-left .btn-group .btn-blue {
font-size: 14px;
line-height: 43px;
height: 43px;
letter-spacing: 4px;
margin-right: 35px;
margin-bottom: 22px;
}
.article-detail .detail-left .btn-group .btn-leasing {
padding-left: 20px;
padding-right: 19px;
margin-top: 4px;
}
.article-detail .detail-left .btn-group .btn-communities {
padding-left: 12px;
padding-right: 10px;
margin-bottom: 27px;
margin-right: 0;
}
.article-detail .detail-left .btn-group .btn-services {
padding-left: 39px;
padding-right: 36px;
}
/* about us page */
.contents.about-us-contents {
margin-top: 185px;
}
.about-us {
padding: 50px 0 74px 62px;
}
.about-us .title-about-us {
font-size: 22px;
height: 45px;
line-height: 45px;
padding-left: 24px;
padding-right: 19px;
margin-right: 30px;
letter-spacing: 10px;
}
.about-us .about-us-left {
padding-right: 0;
padding-top: 126px;
}
.about-us .about-us-left h2 {
font-size: 43px;
line-height: 62px;
}
.about-us .about-us-left p {
font-size: 16px;
line-height: 32px;
margin-top: 28px;
margin-bottom: 51px;
padding-right: 270px;
}
.about-us .about-us-left .btn-works {
font-size: 14px;
line-height: 55px;
height: 55px;
letter-spacing: 5px;
padding-left: 36px;
padding-right: 25px;
margin-left: 3px;
}
/* .mains-tabs */
.mains-tabs .container {
width: 100%;
}
.mains-tabs .tab-index .row {
padding: 0;
}
.mains-tabs .tab-index .row .col-lg-3:nth-child(2n+1) {
padding-right: 3px;
}
.mains-tabs .tab-index .row .col-lg-3 a {
font-size: 21px;
height: 65px;
line-height: 65px;
}
.mains-tabs .tab-content {
min-height: 921px;
}
.mains-tabs .tab-content .tab-why,
.mains-tabs .tab-content .tab-how,
.mains-tabs .tab-content .tab-funded,
.mains-tabs .tab-content .tab-involved {
padding-left: 33px;
padding-right: 30px;
}
.mains-tabs .tab-content .img-left {
float: none;
margin-top: 44px;
width: 100%;
height: 507px;
}
.mains-tabs .tab-content .img-left .desktop-img {
display: none;
}
.mains-tabs .tab-content .img-left .small-img {
display: block;
}
.mains-tabs .tab-content .content-right {
margin-left: 29px;
}
.mains-tabs .tab-content .content-right p {
font-size: 17px;
line-height: 33px;
}
.mains-tabs .tab-content .tab-why .content-right p {
padding-top: 45px;
padding-right: 58px;
}
.mains-tabs .tab-content .tab-how p {
font-size: 14px;
line-height: 28px;
}
.mains-tabs .tab-content .tab-how .content-right,
.mains-tabs .tab-content .tab-funded .content-right {
padding-top: 47px;
}
.mains-tabs .tab-content .tab-how .content-right p,
.mains-tabs .tab-content .tab-funded .content-right p {
margin-bottom: 30px;
padding-right: 35px;
}
.mains-tabs .tab-content .tab-funded .content-right {
padding-top: 40px;
}
.mains-tabs .tab-content .tab-funded .content-right p {
padding-right: 35px;
padding-top: 2px;
margin-bottom: 30px;
}
.mains-tabs .tab-content .tab-involved .content-right {
padding-top: 54px;
margin-left: 0;
}
.mains-tabs .tab-content .tab-involved .btn-blue {
margin-right: 0;
margin-bottom: 25px;
font-size: 15px;
line-height: 46px;
width: 313px;
height: 46px;
letter-spacing: 4px;
}
.mains-tabs .tab-content .tab-involved .btn-blue:nth-child(2n) {
float: right;
}
/* get involved page */
/* .info-area */
.info-area.container {
padding: 0 30px 35px 60px;
}
.info-area.container .title-h1 {
padding: 32px 220px 18px 0;
}
.info-area.container .txt {
font-size: 16.38px;
line-height: 32px;
padding-right: 70px;
padding-bottom: 17px;
}
/* .list-area */
.list-area.container {
background: #ededed;
width: auto;
padding: 0 0 40px 0;
}
/* .list-area .row */
.list-area .row {
background: #ededed;
margin: 0 auto;
width: 750px;
}
/* .list-area .lefts */
.list-area .row .lefts {
float: none;
width: 100%;
}
.list-area .desktop-img {
display: none;
}
.list-area .mobile-img {
display: block;
}
/* .list-area .img-main */
.list-area .mobile-show.txt-table {
position: absolute;
bottom: 45px;
left: 0;
width: 100%;
z-index: 99;
display: block;
z-index: 299;
}
.list-area .mobile-show.txt-table .txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 43.01px;
color: #fff;
text-align: center;
display: block;
height: 50px;
line-height: 50px;
}
.list-area .img-main .funded-round {
width: 170px;
height: 170px;
padding: 5px;
bottom: -145px;
margin: 0 0 0 -85px;
}
.get-involved-contents .funded-round .status-indicator {
margin: 5px 0 0 0;
position: relative;
left: -4px;
}
.get-involved-contents .funded-round .round-depict {
font-size: 19.79px;
width: 110px;
margin: 6px 0 0 -55px;
}
.get-involved-contents .funded-round .status-indicator input {
font-size: 42.4px !important;
margin-top: 34px !important;
}
.get-involved-contents .funded-round .status-indicator input.smaller {
font-size: 32.4px !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
/* .list-area .info-main */
.list-area .info-main {
padding-top: 5px;
}
.list-area .info-main .blue-bar,
.list-area .info-main .dark-blue-bar {
font-size: 19.79px;
height: 47px;
line-height: 47px;
padding: 0 41px;
margin-top: 10px;
margin-right: 34px;
margin-left: 34px;
}
/* .list-area .rights */
.list-area .row .rights {
margin: 0 62px;
padding: 65px 0 50px 0;
position: relative;
}
.list-area .row .rights h2,
.list-area .row .rights .time {
display: none;
}
.list-area .row .rights .share-txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16.38px;
color: #292929;
position: absolute;
top: 103px;
left: 270px;
display: block;
}
.list-area .row .rights p {
font-size: 16.38px;
line-height: 32px;
padding-top: 105px;
padding-right: 50px;
padding-bottom: 47px;
}
.list-area .row .rights .bottom-bar {
padding-bottom: 85px;
}
.list-area .row .rights .bottom-bar .btn-read-more {
font-size: 14.34px;
letter-spacing: 4px;
padding-left: 15px;
width: 160px;
height: 45px;
line-height: 45px;
}
.list-area .row .rights .bottom-bar .social-ul {
float: none;
position: absolute;
top: 65px;
left: 0;
}
.list-area .row .rights .bottom-bar .social-ul li {
float: left;
margin-left: 0;
margin-right: 18px;
}
/* .past-projects-module */
.past-projects-module {
background-color: #fff;
padding-bottom: 0;
}
.past-projects-module .title-past-projects {
letter-spacing: 10px;
padding-left: 12px;
width: 355px;
margin: 38px auto 54px auto;
}
/* .past-projects-module .carousel-main */
.past-projects-module .carousel-main {
min-height: 0;
margin-right: 92px;
margin-left: 92px;
}
.past-projects-module .carousel.desktop-show {
display: none;
}
.past-projects-module .carousel.mobile-show {
display: block;
}
/* .past-projects-module .carousel .item */
.past-projects-module .carousel .item {
padding: 0;
min-height: 580px;
}
.past-projects-module .carousel .module-box {
float: none;
width: 100%;
}
.past-projects-module .carousel .spacing {
padding: 0 19px 0 20px;
}
/* .past-projects-module .carousel .img-main */
.past-projects-module .img-main .img-gradient {
height: 60%;
top: 40%;
}
.past-projects-module .img-main .funded-round {
width: 170px;
height: 170px;
padding: 10px;
right: 7px;
bottom: -178px;
z-index: 99;
}
/* .past-projects-module .carousel .info-main */
.past-projects-module .info-main {
padding: 28px 0 50px 0;
}
.past-projects-module .info-main h2 {
line-height: 35px;
}
.past-projects-module .info-main h2 a {
font-size: 30.72px;
}
.past-projects-module .info-main .time {
font-size: 18.43px;
padding: 13px 0 23px 0;
}
.past-projects-module .info-main .bottom-bar {
padding-right: 35px;
}
.past-projects-module .info-main .bottom-bar .btn-read-more {
font-size: 14.34px;
letter-spacing: 4px;
padding-left: 12px;
width: 157px;
height: 44px;
line-height: 44px;
}
.past-projects-module .carousel-control.left,
.past-projects-module .carousel-control.right {
width: 49px;
height: 47px;
top: 223px;
}
.past-projects-module .carousel-control.left {
left: -73px;
}
.past-projects-module .carousel-control.right {
right: -73px;
}
.past-projects-module .carousel-control.left .icons,
.past-projects-module .carousel-control.right .icons {
width: 24px;
height: 24px;
margin: 10px auto 0 auto;
}
.past-projects-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.past-projects-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.past-projects-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.past-projects-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
/* project details page */
.details-active-project-module .banners.min-height455 {
min-height: 658px;
}
.desktop-banner {
display: none;
}
.mobile-banner {
display: block;
}
.details-active-project-module .banners img {
height: 658px;
}
/* .details-active-project-module .banner-section */
.details-active-project-module .banner-section .container {
text-align: center;
padding: 51px 0 0 0;
min-height: 658px;
}
.details-active-project-module .banner-section .title-active-project {
letter-spacing: 9px;
padding-left: 20px;
margin: 0 auto;
width: 386px;
float: none !important;
}
.details-active-project-module .banner-section .title-h1 {
font-size: 43.01px;
text-align: center;
bottom: 40px;
left: 0;
width: 100%;
}
.details-active-project-module .banner-section .funded-round {
width: 172px;
height: 172px;
padding: 8px;
bottom: 0;
}
.details-active-project-module .banner-section .funded-round .round-depict {
font-size: 19.79px;
text-align: center;
width: 170px;
}
.details-active-project-module .banner-section .funded-round .status-indicator input {
font-size: 42.4px !important;
margin-top: 40px !important;
}
.details-active-project-module .banner-section .funded-round .status-indicator input.smaller {
font-size: 32.4px !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
/* .details-active-project-module .info-section */
.details-active-project-module .info-section .container {
padding: 4px 29px 0 33px;
}
/* .details-active-project-module .info-main */
.details-active-project-module .info-main {
padding-bottom: 48px;
}
.details-active-project-module .info-main .blue-bar,
.details-active-project-module .info-main .dark-blue-bar {
font-size: 19.79px;
height: 47px;
line-height: 47px;
padding: 0 18px;
margin-top: 12px;
}
/* .details-active-project-module .video-main */
.details-active-project-module .video-main {
padding: 0 31px 55px 31px;
position: relative;
}
.details-active-project-module .video-area {
float: none !important;
}
.details-active-project-module .video-area .video {
background: #000;
width: 100%;
height: 412px;
position: relative;
}
.details-active-project-module .video-area .video img {
width: 100%;
height: 412px;
}
.details-active-project-module .video-area .video iframe {
width: 100%;
height: 412px;
border: none;
}
.details-active-project-module .video-area .btn-play {
width: 130px;
height: 130px;
margin: -75px 0 0 -75px;
}
.details-active-project-module .video-area .btn-play .icons {
background-position: 0 -88px;
width: 96px;
height: 96px;
margin: 13px 0 0 0;
}
.details-active-project-module .video-area .btn-play:hover .icons,
.details-active-project-module .video-area .btn-play:focus .icons {
background-position: -96px -88px;
}
.details-active-project-module .txt-area {
margin: 0;
min-height: 0;
display: table;
}
.details-active-project-module .mobile-bottom-bar {
display: block;
margin: 30px 0 0 0;
padding-bottom: 85px;
}
.details-active-project-module .mobile-bottom-bar .social-ul {
float: none;
}
.details-active-project-module .mobile-bottom-bar .social-ul li {
float: left;
margin-left: 0;
margin-right: 18px;
}
.details-active-project-module .mobile-bottom-bar .share-txt {
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 16.38px;
color: #292929;
float: left;
padding: 40px 0 0 0;
margin-left: -10px;
display: block;
}
.details-active-project-module .txt-area .txt-td {
line-height: 20px;
}
.details-active-project-module .txt-area .txt-td .font20 {
font-size: 20.48px;
line-height: 37px;
padding: 25px 0 32px 0;
color: #292929;
}
.details-active-project-module .txt-area .txt-td .font14 {
font-size: 16.38px;
line-height: 32px;
}
/* .project-updates-module */
.project-updates-module .container {
padding: 57px 31px 20px 31px;
}
/* .project-updates-module .main-area */
.project-updates-module .main-area {
text-align: center;
float: none;
width: 100%;
margin: 0;
}
.project-updates-module .main-area .title-project-updates {
width: 385px;
letter-spacing: 9px;
padding-left: 20px;
margin: 0 auto 37px auto;
float: none !important;
}
/* .project-updates-module .list-area */
.project-updates-module .list-area .row {
background: none;
text-align: left;
width: auto;
padding: 40px 0 0 0;
border-bottom: 5px solid #dcdcdc;
}
.project-updates-module .list-area .left-date {
width: 222px;
}
.project-updates-module .list-area .left-date .date-txt,
.project-updates-module .list-area .left-date .month-txt {
padding: 0 50px 0 40px;
}
.project-updates-module .list-area .left-date .date-txt {
font-size: 126.03px;
line-height: 110px;
margin-top: -8px;
}
.project-updates-module .list-area .left-date .month-txt {
font-size: 24.58px;
letter-spacing: 22px;
}
.project-updates-module .list-area .main-info {
margin-left: 222px;
position: relative;
}
.project-updates-module .list-area .main-info .title-h4 {
line-height: 30px;
padding-bottom: 10px;
}
.project-updates-module .list-area .main-info .title-h4 a {
font-size: 18.43px;
}
.project-updates-module .list-area .main-info p {
font-size: 16.38px;
line-height: 32px;
padding-bottom: 47px;
}
.project-updates-module .list-area .main-info .social-ul {
margin-bottom: 34px;
position: absolute;
top: 140px;
left: -210px;
}
.project-updates-module .list-area .main-info .social-ul li {
float: left;
margin-right: 14px;
}
.project-updates-module .list-area .main-info .btn-icon-gray {
text-align: center;
background: rgba(40, 40, 40, 0.15);
width: 53px;
height: 43px;
border: 2px solid #fff;
display: inline-block;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icons {
background-size: 672px auto;
width: 24px;
height: 24px;
margin-top: 7px;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icon-fb {
background-position: -144px -16px;
}
.project-updates-module .list-area .main-info .btn-icon-gray:hover .icon-fb {
background-position: -168px -16px;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icon-tw {
background-position: -192px -16px;
}
.project-updates-module .list-area .main-info .btn-icon-gray:hover .icon-tw {
background-position: -216px -16px;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icon-gg {
background-position: -240px -16px;
}
.project-updates-module .list-area .main-info .btn-icon-gray:hover .icon-gg {
background-position: -264px -16px;
}
/* .project-updates-module .right-aside */
.project-updates-module .right-aside {
width: 100%;
float: none;
position: static;
top: 0;
right: 0;
margin-top: 39px;
}
.project-updates-module .right-aside .module-box {
min-height: 226px;
padding: 24px;
margin: 0 32px 32px 32px;
position: relative;
}
.project-updates-module .right-aside .module-box .type-txt {
font-size: 20.48px;
line-height: 30px;
padding: 11px 0 13px 0;
width: 295px;
}
.project-updates-module .right-aside .module-box .value-txt {
font-size: 73.73px;
line-height: 70px;
padding: 0 0 20px 0;
width: 295px;
}
.project-updates-module .right-aside .module-box ul {
padding: 34px 0 25px 0;
width: 45%;
position: absolute;
top: 35px;
right: 45px;
}
.project-updates-module .right-aside .module-box .mobile-ul li {
float: left;
width: 50%;
}
.project-updates-module .right-aside .module-box li {
text-align: left;
font-size: 14.34px;
line-height: 32px;
}
.project-updates-module .right-aside .btn-i-want-to-donate {
letter-spacing: 5px;
padding-left: 12px;
}
/* .project-updates-module .venue-area */
/*.project-updates-module .venue-area {
display: none;
}*/
/* .donors-module */
.donors-module .titles.container {
text-align: center;
padding: 0;
min-height: 99px;
}
.titles.container .title-donors {
margin: 0 auto;
min-width: 192px;
width: 192px;
letter-spacing: 9px;
padding-left: 12px;
float: none !important;
}
.donors-module .mains-tabs {
background: #f4f4f4;
}
.donors-module .mains-tabs .tab-index .container {
padding: 0;
}
.donors-module .mains-tabs .tab-index .row {
margin-top: -2px;
}
.donors-module .mains-tabs .tab-content {
min-height: auto;
}
.donors-module .tab-content .row {
margin: 4px 19px 40px 19px;
}
.donors-module .tab-content .row .col-md-6 {
padding: 46px 0 0 0;
}
.donors-module .desktop-img {
display: none;
}
.donors-module .mobile-img {
display: block;
}
.donors-module .tab-content .head-img {
width: 156px;
}
.donors-module .tab-content .head-img img {
width: 127px;
height: 127px;
}
.donors-module .info-box {
margin-left: 156px;
}
.donors-module .info-box .title-h4 {
padding: 10px 0 9px 0;
}
.donors-module .info-box .title-h4 a {
font-size: 18.43px;
}
.donors-module .info-box p {
font-size: 16.38px;
line-height: 35px;
padding: 0 45px 0 0;
}
/* partners page */
.partners-contents .container {
padding: 50px 0 11px 42px;
}
.partners-contents .title-partners {
font-size: 21px;
height: 43px;
line-height: 43px;
padding-left: 36px;
padding-right: 18px;
margin-right: 39px;
margin-bottom: 40px;
letter-spacing: 8px;
}
.partners-contents .titles .title-primary {
font-size: 48px;
line-height: 52px;
margin-bottom: 10px;
padding-left: 32px;
}
.partners-contents .titles .title-sub {
font-size: 16px;
line-height: 32px;
padding-left: 34px;
}
/* .partners-contents .list */
.partners-contents .list-wrap {
margin-top: 33px;
}
.partners-contents .list-wrap .item-wrap {
height: auto;
margin-bottom: 30px;
}
.partners-contents .list-wrap .item-wrap.large-spacing {
margin-bottom: 47px;
}
.partners-contents .left-img {
width: 200px;
height: 200px;
margin-top: 0;
margin-left: 3px;
}
.partners-contents .content-info {
margin-left: 217px;
height: auto;
overflow: auto;
min-height: 234px;
}
.partners-contents .content-info h4 {
font-size: 30px;
line-height: 36px;
margin-bottom: 8px;
padding-top: 36px;
}
.partners-contents .content-info h4 a {
font-size: 30px;
}
.partners-contents .content-info p {
font-size: 16px;
line-height: 32px;
padding-right: 41px;
padding-left: 2px;
}
.partners-contents .btn-wrap {
position: absolute;
top: 205px;
left: -188px;
}
.partners-contents .btn-wrap .btn-blue {
height: 43px;
line-height: 43px;
padding-left: 48px;
padding-right: 44px;
}
/* .partners-contents .pager-info */
.partners-contents .pager-info {
margin-top: 23px;
margin-right: 43px;
float: right;
}
.partners-contents .pager-info li {
float: left;
margin-right: 16px;
}
.partners-contents .pager-info li a {
padding: 0 17px;
font-size: 16px;
line-height: 39px;
height: 39px;
}
/* .sponsoring-organizations-module */
.sponsoring-organizations-module {
min-height: 450px;
}
.sponsoring-organizations-module .container {
padding: 50px 25px 0 25px;
}
.sponsoring-organizations-module .title-sponsoring-organizations {
font-size: 18px;
width: 494px;
letter-spacing: 9px;
padding-left: 15px;
margin-bottom: 69px;
}
#sponsoring-organizations-example-generic {
display: none;
}
#mobile-sponsoring-organizations-example-generic {
display: block;
}
/* .sponsoring-organizations-module .carousel-main */
.sponsoring-organizations-module .logo-ul li {
text-align: center;
vertical-align: middle;
width: 50%;
height: 200px;
display: table-cell;
}
.sponsoring-organizations-module .logo {
margin-right: auto;
margin-left: auto;
display: block;
overflow: hidden;
}
.sponsoring-organizations-module .logo-the-san-francisco {
background: url(../images/logo-the-san-francisco.png) no-repeat;
width: 166px;
height: 165px;
}
.sponsoring-organizations-module .logo-toyota-togethergreen {
background: url(../images/logo-toyota-togethergreen.png) no-repeat;
width: 193px;
height: 63px;
}
.sponsoring-organizations-module .logo-sun-shot {
background: url(../images/logo-sun-shot.png) no-repeat;
width: 134px;
height: 41px;
}
.sponsoring-organizations-module .logo-patagonia {
background: url(../images/logo-patagonia.png) no-repeat;
width: 172px;
height: 54px;
}
.sponsoring-organizations-module .carousel-control.left,
.sponsoring-organizations-module .carousel-control.right {
background-color: rgba(41, 41, 41, 0.15);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 90px;
}
.sponsoring-organizations-module .carousel-control.left {
text-align: center;
left: -76px;
}
.sponsoring-organizations-module .carousel-control.right {
text-align: center;
right: -76px;
}
.sponsoring-organizations-module .carousel-control.left .icons,
.sponsoring-organizations-module .carousel-control.right .icons {
width: 24px;
height: 24px;
top: 0;
right: auto;
left: auto;
position: static;
margin: 10px auto 0 auto;
}
.sponsoring-organizations-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.sponsoring-organizations-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.sponsoring-organizations-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.sponsoring-organizations-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
/* solar ambassador program page */
.solar-contents .article-detail {
padding: 50px 39px 49px 72px;
}
.solar-contents .article-detail .title-solar {
width: auto;
font-size: 21px;
height: 43px;
line-height: 43px;
padding-left: 27px;
padding-top: 0;
padding-right: 18px;
}
.solar-contents .article-detail .detail-left {
padding-right: 0;
padding-top: 85px;
}
.solar-contents .article-detail .detail-left p {
margin-top: 10px;
padding-left: 5px;
}
.solar-contents .article-detail .detail-left .title-img {
margin-bottom: 22px;
}
.solar-contents .article-detail .detail-left .btn-group {
padding-top: 0;
padding-right: 0;
margin-top: -10px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-blue {
margin-bottom: 14px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-application {
padding-left: 24px;
padding-right: 17px;
margin-top: 4px;
margin-right: 35px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-team {
padding-left: 21px;
padding-right: 19px;
margin-bottom: 22px;
margin-right: 0;
}
.solar-contents .article-detail .detail-left .btn-group .btn-project {
padding-left: 33px;
padding-right: 36px;
margin-right: 0;
}
/* blog page */
.titles.container .title-blog {
margin-right: 40px;
min-width: 140px;
letter-spacing: 9px;
padding-left: 14px;
margin-top: -2px;
}
/* .grid-data */
.grid-data.container {
padding: 0;
}
/* .form-area */
.form-area {
padding: 0 0 11px 39px;
min-height: 50px;
}
.form-area .width167 .btn-default,
.form-area .width167.input-search {
width: 230px;
}
/* .input-search */
.input-search {
padding: 0 28px 0 23px;
height: 50px;
line-height: 50px;
}
.input-search input {
font-size: 16.67px;
letter-spacing: 6px;
height: 50px;
line-height: 20px;
}
.input-search .icon-search {
background-position: -528px -88px;
width: 24px;
height: 24px;
top: 11px;
right: 13px;
}
.input-search .icon-search:hover {
background-position: -552px -88px;
}
/* .grid-area.row */
.grid-area.row {
min-height: 100px;
}
.grid-area.row .col-md-6 {
padding-right: 0;
padding-left: 0;
}
.grid-area.row .img-main {
height: 388px;
}
.grid-area.row .video {
width: 100%;
height: 388px;
}
.grid-area.row .video iframe {
width: 100%;
height: 388px;
}
.grid-area.row .btn-play {
border: 4px solid #fff;
top: 50%;
left: 50%;
width: 106px;
height: 106px;
margin: -53px 0 0 -53px;
}
.grid-area.row .btn-play .icons {
background-size: 543px auto;
background-position: 0 -71px;
width: 78px;
height: 78px;
margin: 10px 0 0 0;
}
.grid-area.row .btn-play:hover,
.grid-area.row .btn-play:focus {
border: 4px solid #1cb0e6;
}
.grid-area.row .btn-play:hover .icons,
.grid-area.row .btn-play:focus .icons {
background-position: -78px -71px;
}
.grid-area.row .img-main img {
height: 388px;
}
.grid-area.row .carousel-control.left,
.grid-area.row .carousel-control.right {
background-color: rgba(255, 255, 255, 0.5);
text-shadow: none;
background-image: none;
box-shadow: none;
opacity: 1;
width: 49px;
height: 47px;
border: 2px solid #fff;
top: 50%;
bottom: auto;
margin-top: -24px;
}
.grid-area.row .carousel-control.left {
left: 24px;
right: auto;
}
.grid-area.row .carousel-control.right {
right: 24px;
}
.grid-area.row .carousel-control.left .icons,
.grid-area.row .carousel-control.right .icons {
width: 24px;
height: 24px;
margin-top: 9px;
}
.grid-area.row .carousel-control.left .icons {
background-position: -288px -16px;
}
.grid-area.row .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.grid-area.row .carousel-control.right .icons {
background-position: -360px -16px;
}
.grid-area.row .carousel-control:hover.right .icons {
background-position: -385px -16px;
}
.grid-area.row .info-main {
padding: 60px 45px 40px 45px;
}
.grid-area.row .info-main .title-h2 {
font-size: 42px;
line-height: 45px;
}
.grid-area.row .info-main .title-h2 a {
font-size: 42px;
}
.grid-area.row .info-main .date-txt {
font-size: 18px;
line-height: 32px;
padding-top: 7px;
letter-spacing: 1px;
padding-bottom: 14px;
}
.grid-area.row .info-main p {
font-size: 16px;
line-height: 32px;
padding: 8px 25px 19px 0;
}
.grid-area.row .info-main .bottom-bar {
padding: 24px 5px 57px 5px;
}
.grid-area.row .info-main .bottom-bar .btn-read-more {
font-size: 14px;
letter-spacing: 4px;
width: 152px;
height: 65px;
padding: 0 0 0 2px;
line-height: 65px;
}
.grid-area.row .info-main .bottom-bar .social-ul {
margin: 3px 0 0 0;
}
.grid-area.row .info-main .bottom-bar .social-ul li {
margin: 0 8px 0 9px;
}
.grid-area.row .info-main .bottom-bar .btn-icon-gray {
width: 79px;
height: 65px;
}
.grid-area.row .info-main .bottom-bar .btn-icon-gray .icons {
margin-top: 7px;
}
/* .loading-bar */
.loading-bar {
padding: 0 0 45px 0;
margin-top: -68px;
}
.loading-bar .loading-img {
background: url(../images/loading.gif) no-repeat;
width: 128px;
height: 22px;
display: block;
margin: 0 auto;
}
/* .blog-details-data */
.blog-details-data.container {
padding: 0;
min-height: 300px;
}
/* .blog-details-data .title-bar */
.blog-details-data.container .title-bar {
padding: 10px 70px 17px 70px;
}
.blog-details-data.container .title-bar .title-h1 {
font-size: 48px;
line-height: 60px;
}
.blog-details-data.container .title-bar .date-txt {
font-size: 18px;
line-height: 32px;
}
.blog-details-data.container .title-bar .social-ul {
min-height: 60px;
position: static;
top: auto;
right: auto;
padding: 15px 0 0 0;
margin-bottom: 23px;
}
.blog-details-data.container .title-bar .social-ul li {
margin-right: 20px;
margin-left: 0;
}
.blog-details-data.container .title-bar .social-ul li .btn-icon-gray {
width: 78px;
height: 64px;
}
.blog-details-data.container .title-bar .social-ul li .btn-icon-gray .icons {
margin-top: 7px;
}
/* .blog-details-data .info-box */
.blog-details-data.container .info-box .img-main,
.blog-details-data.container .info-box .img-main img {
height: 388px;
}
.blog-details-data.container .info-box .info-main {
padding: 37px 0 62px 0;
margin: 0 70px;
}
.blog-details-data.container .info-box .info-main .lefts,
.blog-details-data.container .info-box .info-main .rights {
width: auto;
float: none;
}
.blog-details-data.container .info-box .info-main .lefts p {
padding-right: 0;
}
.blog-details-data.container .info-box .info-main .rights p {
padding-left: 0;
}
.blog-details-data.container .info-box .info-main .font20 {
font-size: 20px;
line-height: 36px;
}
.blog-details-data.container .info-box .info-main .font14 {
font-size: 16px;
line-height: 32px;
}
.blog-details-data.container .info-box .info-main .lefts .font14,
.blog-details-data.container .info-box .down25 {
padding-bottom: 34px;
}
.blog-details-data.container .info-box .info-main .rights .down25 {
padding-bottom: 0;
}
/* .related-blog-module */
.related-blog-module {
padding: 26px 0 7px 0;
}
.related-blog-module .form-area {
min-height: 83px;
margin-top: 96px;
}
.related-blog-module .title-related-blog {
font-size: 21px;
width: 320px;
top: 2px;
right: 39px;
}
.related-blog-module .desktop-show {
display: none;
}
.related-blog-module .mobile-show {
display: block;
}
#mobile-related-example-generic {
margin: 0 72px;
}
#mobile-related-example-generic .grid-area.row .info-main {
padding: 23px 185px 23px 0;
position: relative;
}
#mobile-related-example-generic .grid-area.row .info-main .title-h2 {
font-size: 48px;
}
#mobile-related-example-generic .grid-area.row .info-main p,
#mobile-related-example-generic .grid-area.row .info-main .bottom-bar .social-ul {
display: none;
}
#mobile-related-example-generic .grid-area.row .info-main .bottom-bar {
padding: 0;
overflow: visible;
}
#mobile-related-example-generic .grid-area.row .info-main .bottom-bar .btn-read-more {
position: absolute;
top: 34px;
right: 0;
width: 158px;
height: 55px;
line-height: 55px;
z-index: 99;
}
.related-blog-module .carousel-control.left,
.related-blog-module .carousel-control.right {
width: 49px;
height: 47px;
top: 180px;
margin-top: 0;
}
.related-blog-module .carousel-control.left {
left: -55px;
}
.related-blog-module .carousel-control.right {
right: -55px;
}
.related-blog-module .carousel-control.left .icons,
.related-blog-module .carousel-control.right .icons {
width: 24px;
height: 24px;
margin-top: 9px;
}
.related-blog-module .carousel-control.left .icons {
background-position: -288px -16px;
}
.related-blog-module .carousel-control:hover.left .icons {
background-position: -336px -16px;
}
.related-blog-module .carousel-control.right .icons {
background-position: -360px -16px;
}
.related-blog-module .carousel-control:hover.right .icons {
background-position: -384px -16px;
}
.related-blog-module .carousel-inner > .active {
min-height: 590px;
}
/* .comments-module */
.comments-module .container {
padding: 37px 38px 0 38px;
}
.comments-module .container .title-comments {
width: 221px;
letter-spacing: 10px;
padding-left: 12px;
margin-bottom: 6px;
}
/* .comments-module .comments-area .comments-list*/
.comments-module .comments-area {
min-height: 200px;
padding-top: 20px;
}
.comments-module .comments-area .comments-list {
padding: 63px 0 34px 0;
}
.comments-module .comments-area .spaceleft {
padding-left: 0;
}
.comments-module .comments-area .spacetop {
padding-top: 26px;
}
.comments-module .comments-area .comments-list .head-img {
float: left;
width: 125px;
}
.comments-module .comments-area .comments-list .head-img img {
width: 99px;
height: 99px;
margin-left: 5px;
}
.comments-module .comments-area .comments-list .info-box {
margin-left: 130px;
}
.comments-module .comments-area .comments-list .info-box .title-h4 {
padding: 3px 0 6px 0;
}
.comments-module .comments-area .comments-list .info-box .title-h4 a {
font-size: 20px;
}
.comments-module .comments-area .comments-list .info-box p {
font-size: 16px;
line-height: 32px;
padding: 0 28px 30px 0;
}
.comments-module .comments-area .comments-list .comments-apply {
width: 156px;
height: 42px;
line-height: 42px;
letter-spacing: 6px;
}
.comments-module .comments-area .comments-list .comments-apply a {
font-size: 14px;
padding-left: 5px;
}
/* .comments-module .comments-area .quick-reply */
.comments-module .comments-area .quick-reply {
padding: 32px 0 33px 0;
}
.comments-module .btn-icon-gray {
width: 54px;
height: 44px;
}
.comments-module .btn-icon-gray .icons {
width: 24px;
height: 24px;
margin-top: 9px;
}
.comments-module .btn-icon-gray .icon-fb {
background-position: -144px -16px;
}
.comments-module .btn-icon-gray:hover .icon-fb {
background-position: -168px -16px;
}
.comments-module .btn-icon-gray .icon-tw {
background-position: -192px -16px;
}
.comments-module .btn-icon-gray:hover .icon-tw {
background-position: -216px -16px;
}
.comments-module .btn-icon-gray .icon-gg {
background-position: -240px -16px;
}
.comments-module .btn-icon-gray:hover .icon-gg {
background-position: -264px -16px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt {
width: 135px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt .title-h4 {
padding: 18px 0 22px 0;
font-size: 20px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt p {
font-size: 16px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li {
margin-top: 11px;
margin-left: -1px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li:nth-child(2) {
margin-left: 13px;
}
.comments-module .comments-area .quick-reply .textarea-box {
margin-right: 4px;
margin-left: 135px;
height: 252px;
padding: 21px 29px;
}
.comments-module .comments-area .quick-reply .textarea-box textarea {
font-size: 16px;
height: 170px;
line-height: 14px;
letter-spacing: 6px;
}
.comments-module .comments-area .quick-reply .comments-post {
width: 137px;
height: 43px;
line-height: 43px;
right: 6px;
bottom: 35px;
letter-spacing: 4px;
}
.comments-module .comments-area .quick-reply .comments-post a {
font-size: 14px;
padding: 2px 0 0 3px;
}
/* .footer */
.footer .row {
padding: 0 23px 0 65px;
}
.footer .row .col-info {
float: left;
padding: 45px 0 18px 0;
}
.footer .row .col-menu dt,
.footer .row .col-info dt {
line-height: 29px;
}
.footer .row .col-menu dd,
.footer .row .col-info dd {
line-height: 29px;
}
/* .footer .col-menu */
.footer .row .col-menu,
.footer .row .col-menu:nth-child(1), .footer .row .col-menu:nth-child(2) {
width: 100%;
float: none;
}
.footer .row .col-menu dt {
padding-bottom: 0;
}
/* .footer .col-info */
.footer .row .col-info {
width: 33.3333333%;
}
.footer .row .col-info:nth-child(2) {
width: 34%;
}
.footer .row .col-info:nth-child(3) {
width: 38%;
}
.footer .row .col-info:nth-child(4) {
width: 28%;
}
.footer .row .col-info:nth-child(5) {
width: 100%;
padding: 0 0 32px 0;
}
.footer .row .col-info:nth-child(5) dt a {
font-size: 16.38px;
/*color: #6f6f6f;*/
}
.footer .row .col-info dt {
padding-bottom: 7px;
}
/* .footer .bottoms */
.footer .bottoms .lefts,
.footer .bottoms .rights {
float: none !important;
}
.footer .bottoms .social-ul {
margin: 48px auto 0 auto;
width: 170px;
height: 24px;
}
.footer .bottoms .social-ul li {
float: left;
margin: 0 14px;
}
.footer .bottoms .social-ul li .icons {
background-size: 672px auto;
width: 24px;
height: 24px;
}
.footer .bottoms .social-ul li .icon-fb {
background-position: 0 -16px;
}
.footer .bottoms .social-ul li .icon-fb:hover {
background-position: -24px -16px;
}
.footer .bottoms .social-ul li .icon-tw {
background-position: -48px -16px;
}
.footer .bottoms .social-ul li .icon-tw:hover {
background-position: -72px -16px;
}
.footer .bottoms .social-ul li .icon-gg {
background-position: -96px -16px;
}
.footer .bottoms .social-ul li .icon-gg:hover {
background-position: -120px -16px;
}
/* .modal-default */
.modal.modal-default .modal-dialog {
width: 706px;
margin: 209px auto;
}
/* .modal-default .modal-header */
.modal.modal-default .btn-close {
background-position: -480px -88px;
width: 48px;
height: 48px;
top: 37px;
right: 24px;
}
.modal.modal-default .btn-close:hover {
background-position: -480px -136px;
}
/* .modal-default .modal-body */
.modal.modal-default .modal-body {
padding: 0;
min-height: 100px;
}
/* #modal-how-it-works */
#modal-how-it-works .title-how-it-works {
width: 283px;
letter-spacing: 9px;
padding-left: 12px;
margin: 38px auto 0 auto;
}
#modal-how-it-works .txt-info {
font-size: 16.38px;
line-height: 33px;
padding: 540px 68px 35px 68px;
}
/* #modal-how-it-works .info-row */
#modal-how-it-works .info-row {
padding: 25px 30px 7px 30px;
position: absolute;
top: 20px;
left: 0;
}
#modal-how-it-works .info-row .video-area .video,
#modal-how-it-works .info-row .video-area .video img {
width: 640px;
height: 458px;
}
#modal-how-it-works .info-row .video-area .video iframe {
width: 640px;
height: 458px;
border: none;
}
#modal-how-it-works .info-row .video-area .btn-play {
text-align: center;
border: 5px solid #fff;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
margin: -75px 0 0 -75px;
}
#modal-how-it-works .info-row .video-area .btn-play .icons {
background-position: 0 -88px;
width: 96px;
height: 96px;
margin: 13px 0 0 0;
}
#modal-how-it-works .info-row .video-area .btn-play:hover,
#modal-how-it-works .info-row .video-area .btn-play:focus {
border: 5px solid #1cb0e6;
}
#modal-how-it-works .info-row .video-area .btn-play:hover .icons,
#modal-how-it-works .info-row .video-area .btn-play:focus .icons {
background-position: -96px -88px;
}
#modal-how-it-works .info-row .step-area {
display: none;
}
.details-active-project-module .txt-area1 {
margin-bottom: 0;
}
.details-active-project-module .video-main {
padding: 0 20px;
}
.project-updates-module .container {
padding: 20px 31px;
}
.outer-basic-silver-gold .content-gold-silver {
font-size: 18px;
line-height: 36px;
}
.details-active-project-module .title-white-border {
font-size: 18px;
line-height: 42px;
padding: 0 45px;
}
.details-active-project-module .title-h1 {
display: block;
font-size: 27px;
line-height: normal;
margin: 45px 0 10px 0px;
width: 100%;
}
.details-active-project-module .txt-area1 {
float: left;
margin-bottom: 0;
margin-top: 30px;
width: 100%;
}
.txt-area1 .module-box.payment-module h5.title-h5 {
display: inline-block;
}
.txt-area1 .module-box.payment-module .inputs .input-group {
float: left;
vertical-align: top;
width: 100%;
}
.module-box.payment-module .inputs .input-group > label {
font-size: 13px;
margin-left: 0;
width: 100%;
}
.module-box.payment-module .inputs .input-group .input-group {
width: 150px;
}
.module-box.payment-module .inputs .input-group:last-child > label {
float: right;
margin-right: 0;
text-align: center;
width: 78%;
}
.module-box.payment-module .inputs .input-group:last-child .input-group {
float: right;
}
.price-tables {
margin: 0 -15px;
/*width: auto;*/
}
#project .price-tables {
margin: 0 0px;
/*width: auto;*/
}
.price-tables .project-updates-module .right-aside .module-box {
margin: 0;
min-height: auto;
padding: 0 25px 25px;
position: relative;
}
.price-tables .right-asides {
background: #ededed none repeat scroll 0 0;
float: right;
margin-bottom: 30px;
margin-top: 10px;
min-height: auto;
padding: 0;
}
.price-tables .project-updates-module .right-aside {
float: none;
margin-top: 0;
}
.price-tables .right-aside .payment-module .our-apps {
margin-left: 0;
margin-right: 0;
}
.price-tables .right-asides aside.right-aside p.dummy {
color: #808080;
font-weight: bold;
line-height: 35px;
margin: 15px auto;
min-height: 225px;
text-align: center;
width: 100%;
}
div.txt-area1 .btn-i-want-to-donate {
display: inline-block;
padding-left: 40px;
padding-right: 40px;
width: auto;
}
.project-updates-module .price-tables .right-aside .module-box {
margin: 0;
min-height: 226px;
padding: 0 24px 24px;
}
.donors-module {
position: relative;
width: 100%;
}
header.header {
height: 110px;
margin-top: 10px;
}
.zinnia header.header {
height: 100px;
margin-top: 10px;
}
header.header.after-scroll-header .logo {
margin: 25px 0 0 32px;
}
header.header.after-scroll-header .rights {
padding: 36px 24px 0 0;
}
.footer .bottoms ul.social-ul li .icon-g-plus.icons {
background-position: -98px -16px;
}
.footer .bottoms ul.social-ul li:hover .icon-g-plus.icons {
background-position: -122px -16px;
}
}
/*fix layout issue when smaller than 768px width*/
@media (max-width: 767px) {
#project header.header.after-scroll-header .rights {
padding: 26px 24px 0 0;
}
#project .after-header {
margin-top: 56px;
}
#project .header .logo {
margin: 21px 0 0 19px;
padding: 0;
}
.venue-area-left {
text-align: center;
}
body {
min-width: 374px;
}
.icons {
background: url(../images/mobile/mobile-icon-sprites.png) no-repeat;
background-size: 336px auto;
}
/* btn */
.btn-icon-gray {
border: 1px solid #fff;
width: 32px;
height: 31px;
}
.btn-icon-gray .icons {
width: 24px;
height: 24px;
margin-top: 2.5px;
}
.btn-icon-gray .icon-fb {
background-position: -144px -20px;
}
.btn-icon-gray:hover .icon-fb {
background-position: -168px -20px;
}
.btn-icon-gray .icon-tw {
background-position: -192px -20px;
}
.btn-icon-gray:hover .icon-tw {
background-position: -216px -20px;
}
.btn-icon-gray .icon-gg {
background-position: -240px -20px;
}
.btn-icon-gray:hover .icon-gg {
background-position: -264px -20px;
}
.title-blue-border {
border: 1px solid #100084;
}
.title-white-border {
border: 1px solid #fff;
}
/* .dropdown-default */
.dropdown-default .btn-default {
font-size: 8.335px;
letter-spacing: 3.5px;
padding: 0 16px 0 20px;
height: 25px;
line-height: 23px;
}
.dropdown-default .btn-default .icon-arrow-down {
background-position: -48px 0;
top: 7px;
right: 8.5px;
width: 8px;
height: 8px;
}
.dropdown-default .btn-default.active .icon-arrow-down,
.dropdown-default .btn-default:active .icon-arrow-down,
.open.dropdown-default > .dropdown-toggle.btn-default .icon-arrow-down {
background-position: -56.5px 0;
}
.dropdown-default .dropdown-menu {
font-size: 8.23px;
min-width: 30px;
padding: 2.5px 0;
}
.dropdown-default .dropdown-menu > li > a {
padding: 0 12.5px;
line-height: 13px;
}
/* title */
.title-white-border,
.title-blue-border {
font-size: 10.5px;
letter-spacing: 3.5px;
height: 21.5px;
line-height: 21.5px;
padding: 0 2.5px;
}
#project .title-blue-border {
font-size: 19.5px;
height: 38.5px;
letter-spacing: 8.5px;
line-height: 37.5px;
padding: 0 22px;
border-width: 2px !important;
width: 60%;
}
.container {
width: auto;
padding: 0;
}
.active-projects-module .container {
max-width: 100%;
}
/* .header */
.header {
margin-top: 5px;
height: 92.5px;
}
.after-header {
margin-top: 92.5px;
}
.header .logo {
background-repeat: no-repeat;
background-size: 97px auto;
margin: 14.5px 0 0 4px;
width: 98px;
height: 51px;
}
.header .btn-donate {
min-width: 66px;
}
.header .rights {
/*padding: 33px 12px 0 0;
padding: 1.84vmin;*/
display: none;
}
.header .txt {
font-size: 8px;
line-height: 13px;
}
/* .after-scroll-header */
.header.after-scroll-header {
border-bottom: 1px solid #c6c6c6;
}
.header.after-scroll-header .logo {
background: url(../images/mobile/logo.png) no-repeat;
background-size: 129px auto;
width: 129px;
height: 51px;
margin: 18.5px 0 0 16px;
}
.header.after-scroll-header .rights {
padding: 33px 12px 0 0;
}
/* .top-section */
.top-section {
min-height: 92.5px;
}
.top-section .sub-section-bg {
background-size: 100% 92.5px;
}
.top-section.min-height {
min-height: 667px;
}
.top-section .section-video-area iframe,
.top-section .section-video-area video,
.top-section .section-video-area .mejs-container,
.top-section .section-video-area .me-plugin,
.top-section .section-video-area embed,
.top-section .section-video-area .mejs-overlay-play {
height: 56vw !important;
}
.top-section .section-video img {
width: 100%;
height: 667px;
}
.top-section .section-video-area iframe,
.top-section .section-video-area video,
.top-section .section-video-area .mejs-container,
.top-section .section-video-area .me-plugin,
.top-section .section-video-area embed,
.top-section .section-video-area .mejs-overlay-play {
width: 100% !important;
height: 56vw !important;
border: none;
}
.top-section.nav-margins .section-video-overlay .btn-donate-now {
letter-spacing: 2px;
min-width: 125px;
padding-left: 7.5px;
}
/* .top-section .carousel */
.top-section .carousel {
top: 75px;
padding-right: 20px;
padding-left: 20px;
}
/* .top-section .carousel .item */
.top-section .carousel .item {
padding: 75px 0 0 0;
min-height: 507px;
}
.top-section .carousel .item-info {
width: 290px;
}
.top-section .carousel .item-info .titles {
font-size: 24px;
line-height: 29px;
}
.top-section .carousel .item-info p {
font-size: 10px;
line-height: 18px;
width: 240px;
padding: 11px 0 22px 0;
}
.top-section .carousel .item-info .btn-donate-now {
letter-spacing: 2px;
min-width: 125px;
padding-left: 7.5px;
}
/* .top-section .carousel-indicators */
.top-section .carousel-indicators {
bottom: 15px;
}
.top-section .carousel-indicators li {
width: 10px;
height: 10px;
margin: 0 3px 0 2.5px;
}
.top-section .icon-arrow-down {
background-position: -120px -20px;
width: 24px;
height: 24px;
bottom: -23px;
margin: 0 0 0 -12px;
}
.top-section .carousel-control.left,
.top-section .carousel-control.right {
border: 1px solid #fff;
width: 33px;
height: 32px;
bottom: 21px;
}
.top-section .carousel-control.left {
left: 16px;
}
.top-section .carousel-control.right {
right: 16px;
}
.top-section .carousel-control.left .icons,
.top-section .carousel-control.right .icons {
width: 12px;
height: 12px;
margin-top: 9px;
}
.top-section .carousel-control.left .icons {
background-position: -240px -8px;
}
.top-section .carousel-control:hover.left .icons {
background-position: -252px -8px;
}
.top-section .carousel-control.right .icons {
background-position: -288px -8px;
}
.top-section .carousel-control:hover.right .icons {
background-position: -276px -8px;
}
/* home page */
/* .active-projects-module */
.active-projects-module {
padding-bottom: 18px;
}
.active-projects-module .title-active-projects {
letter-spacing: 5px;
width: 241px;
padding-left: 6px;
margin: 25px auto;
}
.active-projects-module .row {
margin: 0 auto;
}
/* .active-projects-module .module-box */
.active-projects-module .module-box {
margin: 0 0 26px 0;
}
/* .active-projects-module .img-main */
.active-projects-module .img-main .txt-table {
height: 312px;
}
.active-projects-module .img-main .img-link {
height: 300px;
}
.active-projects-module .img-main .txt {
font-size: 21px;
line-height: 31px;
/*padding: 0 65px 23px 65px;*/
}
.active-projects-module .img-main .img-link img {
height: 7vh;
}
.active-projects-module .img-main .funded-round {
width: 120px;
height: 125px;
padding: 10px;
bottom: -50px;
margin: 0 0 0 -60px;
}
.active-projects-module .img-main .funded-round .round-depict {
text-align: center;
font-size: 15px;
width: 125px;
margin: 6px 0 0 -60px;
}
.active-projects-module .img-main .funded-round .status-indicator input {
font-size: 36px !important;
margin-top: 3px !important;
width: 80px !important;
height: 80px !important;
margin-left: -92px !important;
}
.active-projects-module .img-main .funded-round .status-indicator input.smaller {
font-size: 25px !important;
margin-top: 3px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input {
margin-top: -102.5px !important;
margin-left: 8px !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
}
.active-projects-module.embedded .img-main .funded-round .status-indicator input.smaller {
margin-top: -102.5px !important;
margin-left: 10px !important;
font-size: 30px !important;
}
.mobile-circle {
display: block;
}
.desktop-circle,
.small-circle,
.tablet-circle {
display: none;
}
/* .active-projects-module .info-main */
.active-projects-module .info-main {
padding: 38px 29px 27px 30px;
}
.active-projects-module .info-main .blue-bar,
.active-projects-module .info-main .dark-blue-bar {
font-size: 15px;
height: 46px;
line-height: 46px;
padding: 0 24px 0 24px;
margin-top: 12px;
}
/* .our-impacts-module */
.our-impacts-module .title-our-impacts {
letter-spacing: 5px;
padding-left: 15px;
width: 156px;
margin: 21px auto 14px auto;
}
.our-impacts-module .row {
margin: 0 9px 0 8px;
padding: 0 0 1px 0;
}
.our-impacts-module .module-box {
margin-bottom: 24px;
}
.our-impacts-module .row .col-md-3:nth-child(3) .module-box .titles {
letter-spacing: -0.9px;
}
.our-impacts-module .module-box .icons {
width: 84px;
height: 80px;
}
.our-impacts-module .module-box .icon-people {
background-position: 0 -92px;
}
.our-impacts-module .module-box .icon-home-ok {
background-position: -84px -92px;
}
.our-impacts-module .module-box .icon-tree {
background-position: -177px -85px;
width: 78px;
}
.our-impacts-module .module-box .icon-user {
background-position: -252px -89px;
}
.our-impacts-module .module-box .titles {
line-height: 33px;
height: 33px;
}
.our-impacts-module .module-box .font20 {
font-size: 9px;
}
.our-impacts-module .module-box .font48 {
font-size: 24px;
}
.our-impacts-module .module-box .font72 {
font-size: 36px;
}
.our-impacts-module .module-box .txt {
font-size: 9px;
line-height: 11px;
padding-right: 10%;
padding-left: 10%;
}
.our-impacts-module .module-box .txt .position {
min-width: 4px;
}
.our-impacts-module .module-box .txt .position .font10 {
font-size: 5px;
top: -5px;
left: 1.5px;
}
/* .how-it-works-module */
.how-it-works-module .title-how-it-works {
letter-spacing: 5px;
padding-left: 8px;
width: 156px;
margin: 26px auto 0 auto;
}
/* .how-it-works-module .info-row */
.how-it-works-module .info-row {
padding: 23px 15px 0 16px;
}
.how-it-works-module .info-row .video-area .video,
.how-it-works-module .info-row .video-area .video img,
.how-it-works-module .info-row .video-area .video iframe {
height: 262px;
}
.how-it-works-module .info-row .video-area .btn-play {
width: 66px;
height: 66px;
margin: -33px 0 0 -33px;
}
.how-it-works-module .info-row .video-area .btn-play .icons {
background-position: 0 -44px;
width: 48px;
height: 48px;
margin: 7px 0 0 0;
}
.how-it-works-module .info-row .video-area .btn-play:hover .icons,
.how-it-works-module .info-row .video-area .btn-play:focus .icons {
background-position: -48px -44px;
}
.how-it-works-module .info-row .txt-area {
margin: 15px;
}
.how-it-works-module .info-row .txt-area .txt-td {
line-height: 10px;
}
.how-it-works-module .info-row .txt-area .txt-td p {
font-size: 100%;
line-height: 16px;
}
/* .how-it-works-module .step-row */
.how-it-works-module .step-row {
margin: 38px 16px 0 16px;
min-height: 155px;
}
.how-it-works-module .step-row {
display: none;
}
/*min-height: 132px;*/
/*margin-right: 42px;*/
/*margin-left: 42px;*/
/*}*/
.how-it-works-module .row .carousel-control.left,
.how-it-works-module .row .carousel-control.right {
width: 34px;
height: 32px;
border: 1px solid #fff;
top: 22px;
}
.how-it-works-module .row .carousel-control.left {
left: -42px;
}
.how-it-works-module .row .carousel-control.right {
right: -42px;
}
.how-it-works-module .row .carousel-control.left .icons,
.how-it-works-module .row .carousel-control.right .icons {
width: 12px;
height: 12px;
margin: 8px auto 0 auto;
}
.how-it-works-module .row .carousel-control.left .icons {
background-position: -228px -8px;
}
.how-it-works-module .row .carousel-control:hover.left .icons {
background-position: -252px -8px;
}
.how-it-works-module .row .carousel-control.right .icons {
background-position: -264px -8px;
}
.how-it-works-module .row .carousel-control:hover.right .icons {
background-position: -276px -8px;
}
.how-it-works-module .carousel-indicators li {
width: 9px;
height: 9px;
margin: 0 2.5px;
}
.how-it-works-module .carousel-indicators .active {
width: 9px;
height: 9px;
}
.how-it-works-module .step-row .module-box {
padding: 5px 16px 0 16px;
min-height: 85px;
}
.how-it-works-module .step-row .icon-blue-round {
width: 66px;
height: 66px;
}
.how-it-works-module .step-row .icon-blue-round .icons {
width: 48px;
height: 48px;
margin-top: 7px;
}
.how-it-works-module .step-row .icon-fundraise .icons {
background-position: -96px -42px;
}
.how-it-works-module .step-row .icon-invest .icons {
background-position: -144px -42px;
}
.how-it-works-module .step-row .icon-pay-it-forward .icons {
background-position: -192px -42px;
}
.how-it-works-module .step-row .info-txt {
margin: 0 0 0 80px;
}
.how-it-works-module .step-row .info-txt h4 {
font-size: 12px;
line-height: 15px;
padding-bottom: 1px;
margin-top: 12px;
}
.how-it-works-module .step-row .info-txt p {
font-size: 8px;
line-height: 16px;
letter-spacing: -0.3px;
}
/* .how-it-works-module */
.testimonial-module {
padding-bottom: 30px;
}
.testimonial-module .title-testimonial {
letter-spacing: 4px;
padding-left: 5px;
width: 126px;
margin: 5px auto 0 auto;
}
/* .testimonial-module .head-row */
.testimonial-module .head-row {
padding: 18px 9px 0 5px;
}
.testimonial-module .head-row li .head-img {
margin: 7px;
}
.testimonial-module .head-row li .head-img.active {
border-radius: 5px;
margin: 3.5px;
padding: 2.5px;
}
.testimonial-module .head-row li .head-img img {
border-radius: 5px;
}
/* .testimonial-module .info-area */
.testimonial-module .info-area {
padding: 17px 30px 0 30px;
}
.testimonial-module .info-area p {
font-size: 100%;
line-height: 16px;
letter-spacing: -0.1px;
width: 90%;
padding-bottom: 7px;
}
.testimonial-module .user-group {
padding-top: 7px;
}
.testimonial-module .user-group .link-blue {
font-size: 12px;
}
.testimonial-module .user-group .txt {
font-size: 80%;
padding: 0 0 12px 0;
}
.testimonial-module .user-group .btn-blue {
font-size: 7px;
height: 20px;
line-height: 20px;
padding-top: 1px;
min-width: 146px;
letter-spacing: 2px;
}
/* .featured-on-module */
.featured-on-module {
padding-bottom: 20px;
}
.featured-on-module .title-featured-on {
font-size: 10px;
letter-spacing: 5px;
padding-left: 10px;
width: 150px;
margin: 21px auto 21px auto;
}
/* .featured-on-module .carousel-main */
.featured-on-module .carousel-main {
min-height: 88px;
}
/* .featured-on-module .carousel-main */
.featured-on-module .carousel-main {
min-height: 88px;
margin-right: 32px;
margin-left: 32px;
}
.featured-on-module .carousel-main .logo-ul li {
height: 85px;
}
.featured-on-module .logo-fast-mpany {
background-size: 77px auto;
width: 77px;
height: 11.5px;
}
.featured-on-module .logo-ehe-new-hork-eimes {
background-size: 68.5px auto;
width: 68.5px;
height: 56.5px;
}
.featured-on-module .logo-shareable {
background-size: 72px auto;
width: 72px;
height: 10.5px;
}
.featured-on-module .logo-philanthropy {
background-size: 76.5px auto;
width: 76.5px;
height: 14px;
}
.featured-on-module .logo-clean-technica {
background-size: 76.5px auto;
width: 76.5px;
height: 22px;
}
.featured-on-module .logo-forbes {
height: 20.043px;
width: 76.5px;
}
.featured-on-module .logo-whitehouse {
height: 52.2086702px;
width: 76.5px;
}
.featured-on-module .logo-doe {
width: 88.703125px;
height: 29px;
}
.featured-on-module .logo-treehugger {
width: 103.703125px;
height: 37px;
}
.featured-on-module .carousel-control.left,
.featured-on-module .carousel-control.right {
border: 1px solid #fff;
width: 24px;
height: 24px;
top: 30px;
}
.featured-on-module .carousel-control.left {
left: -32px;
}
.featured-on-module .carousel-control.right {
right: -32px;
}
.featured-on-module .carousel-control.left .icons,
.featured-on-module .carousel-control.right .icons {
width: 12px;
height: 12px;
margin: 0 auto 3px 0;
}
.featured-on-module .carousel-control.left .icons {
background-position: -144px -8px;
}
.featured-on-module .carousel-control:hover.left .icons {
background-position: -168px -8px;
}
.featured-on-module .carousel-control.right .icons {
background-position: -180px -8px;
}
.featured-on-module .carousel-control:hover.right .icons {
background-position: -192px -8px;
}
/* .newsletter-module */
.newsletter-module {
height: 224px;
}
.newsletter-module .title-newsletter {
letter-spacing: 2.5px;
padding-left: 6px;
width: 173px;
height: 22px;
line-height: 22px;
margin: 24px auto;
}
/* .newsletter-module .container */
.newsletter-module .group-main p {
font-size: 10px;
line-height: 12px;
padding: 0 0 19px 0;
}
.newsletter-module .group-main .group {
min-height: 56px;
margin: 0 16px;
padding: 15px 15px 15px 36px;
}
.newsletter-module .group-main .group .btn-sign-up {
font-size: 7px;
letter-spacing: 2px;
width: 78px;
height: 26px;
line-height: 26px;
border: none;
}
.newsletter-module .group-main .mobile-form-group .btn-sign-up {
font-size: 3vmin;
width: 100%;
height: initial;
line-height: normal;
border: none;
margin-top: 3.3vmin;
padding: 2.7vmin 0;;
}
.newsletter-module .group-main .group .inputs {
margin-right: 85px;
height: 26px;
}
.newsletter-module .group-main .mobile-form-group .inputs {
margin-right: 0;
height: 26px;
}
.newsletter-module .group-main .mobile-form-group .inputs input[type=email] {
width: 100%;
padding: 2.7vmin 19%;
outline: 0;
border: 0;
font-size: 3.4vmin;
}
.newsletter-module .group-main .mobile-form-group #form2 {
padding: 0 7%;
}
.newsletter-module .group-main .group .inputs input {
font-size: 10px;
height: 26px;
line-height: 26px;
}
/* .contents */
.contents {
min-height: 92px;
}
.top150 {
margin-top: 92px;
}
/* .titles */
.titles.container {
padding: 26px 0 0 0;
min-height: 56.5px;
}
.titles.container .title-get-involved {
margin-right: 15px;
min-width: 145px;
letter-spacing: 5px;
padding-left: 7px;
}
.title-h1 {
font-size: 24px;
line-height: 30px;
}
/* sign in page */
.contents.sign-in-contents {
min-height: 450px;
margin-top: 91px;
}
.sign-in {
padding: 26px 15px 38px 31px;
}
.sign-in .title-blue-border {
border-width: 1px;
}
.sign-in .title-sign-in {
font-size: 11px;
height: 22px;
line-height: 22px;
padding-left: 13px;
padding-right: 10px;
letter-spacing: 5px;
}
/* .sign-in .sign-in-left */
.sign-in .sign-in-left {
float: none;
padding-top: 46px;
}
.sign-in .sign-in-left h2 {
font-size: 24px;
line-height: 26px;
margin-bottom: 7px;
}
.sign-in .sign-in-left p {
font-size: 8px;
line-height: 16px;
padding-left: 0;
}
.sign-in .sign-in-left .account {
margin-top: 16px;
}
.sign-in .sign-in-left .account p {
line-height: 10px;
}
.sign-in .sign-in-left .account a {
font-size: 8px;
line-height: 10px;
padding-left: 0;
}
/* .sign-in .login-area */
.sign-in .login-area {
padding: 20px 15px 0 0;
}
.sign-in .login-area .input-wrap {
height: 37px;
margin-bottom: 7px;
}
.sign-in .login-area .input-wrap input {
font-size: 8px;
line-height: 10px;
padding-left: 20px;
padding-right: 20px;
letter-spacing: 5px;
}
.sign-in .check-wrap {
min-height: 35px;
padding: 2px 0 14px 0;
}
.sign-in .login-area .btn-login {
padding-left: 11px;
padding-right: 5px;
height: 23px;
line-height: 23px;
letter-spacing: 2px;
font-size: 7px;
}
/* sign up page */
.contents.sign-up-contents {
margin-top: 91px;
min-height: 289px;
}
.sign-up {
padding: 26px 15px 12px 28px;
}
.sign-up .title-blue-border {
border-width: 1px;
}
.sign-up .title-sign-up {
font-size: 11px;
height: 22px;
line-height: 22px;
padding-left: 13px;
padding-right: 6px;
letter-spacing: 5px;
}
/* .sign-up .sign-up-left */
.sign-up .sign-up-left {
float: none;
padding-top: 41px;
padding-left: 2px;
}
.sign-up .sign-up-left h2 {
font-size: 24px;
line-height: 26px;
margin-bottom: 6px;
}
.sign-up .sign-up-left p {
font-size: 8px;
line-height: 16px;
padding-left: 0;
}
.sign-up .sign-up-left .account {
margin-top: 16px;
}
.sign-up .sign-up-left a {
font-size: 8px;
line-height: 16px;
}
/* .sign-up .reg-area */
.sign-up .reg-area {
padding: 14px 15px 0 3px;
}
.sign-up .reg-area .input-wrap {
height: 37px;
margin-bottom: 7px;
}
.sign-up .reg-area .input-wrap.less-margin {
margin-bottom: 6px;
}
.sign-up .reg-area .input-wrap.high-margin {
margin-bottom: 7px;
}
.sign-up .reg-area .input-wrap.higher-margin {
margin-bottom: 12px;
}
.sign-up .reg-area .input-wrap input {
font-size: 8px;
line-height: 10px;
padding-left: 20px;
padding-right: 20px;
letter-spacing: 5px;
}
.sign-up .check-wrap {
min-height: 15px;
padding: 1px 0 0 0;
}
.sign-up .reg-area p {
font-size: 7px;
line-height: 14px;
padding-left: 22px;
padding-right: 90px;
margin-bottom: 11px;
}
.sign-up .reg-area .btn-signup {
padding-left: 15px;
padding-right: 13px;
height: 24px;
line-height: 24px;
letter-spacing: 2px;
}
/* what do page */
.contents.what-we-do-contents {
min-height: 500px;
margin-top: 91px;
}
/* .article-detail */
.article-detail,
.what-we-do-contents .article-detail {
padding: 26px 15px 26px 32px;
}
.article-detail .title-blue-border {
border-width: 1px;
}
.article-detail .title-do {
padding-left: 18px;
padding-right: 15px;
font-size: 11px;
height: 22px;
line-height: 22px;
letter-spacing: 4px;
margin-right: 0px;
}
.article-detail .detail-left {
padding-top: 40px;
}
.article-detail .detail-left .title-img {
width: 100%;
height: 156px;
margin-bottom: 12px;
}
.article-detail .detail-left h2 {
font-size: 24px;
line-height: 28px;
}
.article-detail .detail-left p {
font-size: 8px;
line-height: 16px;
margin-left: -3px;
margin-top: 11px;
margin-bottom: 16px;
padding-right: 31px;
}
.article-detail .detail-left .btn-group {
padding-top: 7px;
padding-right: 0;
}
.article-detail .detail-left .btn-group .btn-blue {
font-size: 7px;
line-height: 22px;
height: 22px;
letter-spacing: 2px;
margin-right: 8px;
margin-bottom: 11px;
}
.article-detail .detail-left .btn-group .btn-leasing {
padding-left: 9px;
padding-right: 9px;
margin-right: 18px;
margin-top: 2px;
}
.article-detail .detail-left .btn-group .btn-communities {
padding-left: 7px;
padding-right: 9px;
margin-bottom: 14px;
margin-right: 0;
}
.article-detail .detail-left .btn-group .btn-services {
padding-left: 19px;
padding-right: 17px;
clear: both;
}
/* about us page */
.contents.about-us-contents {
margin-top: 91px;
}
.about-us {
padding: 26px 0 36px 30px;
}
.about-us .title-blue-border {
border-width: 1px;
}
.about-us .title-about-us {
font-size: 11px;
height: 22px;
line-height: 22px;
padding-left: 13px;
padding-right: 15px;
margin-right: 15px;
letter-spacing: 4px;
}
.about-us .about-us-left {
padding-right: 10px;
padding-top: 61px;
}
.about-us .about-us-left h2 {
font-size: 21px;
line-height: 31px;
}
.about-us .about-us-left p {
font-size: 8px;
line-height: 16px;
margin-top: 12px;
margin-bottom: 24px;
padding-right: 135px;
}
.about-us .about-us-left .btn-works {
font-size: 7px;
line-height: 27px;
height: 27px;
letter-spacing: 2px;
padding-left: 18px;
padding-right: 17px;
margin-left: 2px;
}
/* .mains-tabs */
.mains-tabs .container {
width: 100%;
}
.mains-tabs .tab-index .row {
padding: 0;
}
.mains-tabs .tab-index .row .col-lg-3 {
width: 50%;
float: left;
}
.mains-tabs .tab-index .row .col-lg-3:nth-child(2n+1) {
padding-right: 2px;
}
.mains-tabs .tab-index .row .col-lg-3 a {
font-size: 11px;
height: 30px;
line-height: 30px;
border-width: 2px;
}
.mains-tabs .tab-index .row .col-lg-3 a:hover {
border-width: 2px;
}
.mains-tabs .tab-index .row .col-lg-3 a.active {
border-width: 2px;
}
.mains-tabs .tab-content {
min-height: 450px;
}
.mains-tabs .tab-content .tab-why,
.mains-tabs .tab-content .tab-how,
.mains-tabs .tab-content .tab-funded,
.mains-tabs .tab-content .tab-involved {
padding-left: 16px;
padding-right: 15px;
}
.mains-tabs .tab-content .img-left {
float: none;
margin-top: 23px;
width: 100%;
height: 248px;
}
.mains-tabs .tab-content .content-right {
margin-left: 14px;
}
.mains-tabs .tab-content .content-right p {
font-size: 8px;
line-height: 17px;
}
.mains-tabs .tab-content .tab-why .content-right p {
padding-top: 21px;
padding-right: 28px;
}
.mains-tabs .tab-content .tab-how p {
font-size: 7px;
line-height: 14px;
}
.mains-tabs .tab-content .tab-how .content-right,
.mains-tabs .tab-content .tab-funded .content-right {
padding-top: 22px;
}
.mains-tabs .tab-content .tab-how .content-right p,
.mains-tabs .tab-content .tab-funded .content-right p {
margin-bottom: 14px;
padding-right: 16px;
}
.mains-tabs .tab-content .tab-funded .content-right {
padding-top: 18px;
}
.mains-tabs .tab-content .tab-funded .content-right p {
padding-right: 19px;
padding-top: 2px;
margin-bottom: 10px;
}
.mains-tabs .tab-content .tab-involved .content-right {
padding-top: 26px;
margin-left: 0;
}
.mains-tabs .tab-content .tab-involved .btn-blue {
margin-right: 0;
margin-bottom: 13px;
font-size: 7px;
line-height: 22px;
width: 153px;
height: 22px;
letter-spacing: 3px;
}
.mains-tabs .tab-content .tab-involved .btn-blue:nth-child(2n) {
float: right;
}
/* get involved page */
/* .info-area */
.info-area.container {
padding: 0 15px 18px 30px;
}
.info-area.container .title-h1 {
padding: 16px 110px 9px 0;
}
.info-area.container .txt {
font-size: 8px;
line-height: 16px;
padding-right: 35px;
padding-bottom: 8px;
}
/* .list-area */
.list-area.container {
padding: 0 0 20px 0;
}
/* .list-area .row */
.list-area .row {
width: 375px;
}
/* .list-area .img-main */
.list-area .mobile-show.txt-table {
bottom: 23px;
}
.list-area .mobile-show.txt-table .txt {
font-size: 21px;
height: 25px;
line-height: 25px;
}
.list-area .img-main .funded-round {
width: 85px;
height: 85px;
padding: 3px;
bottom: -72px;
margin: 0 0 0 -42px;
}
.get-involved-contents .funded-round .status-indicator {
margin: 2px 0 0 0;
left: -2px;
}
.get-involved-contents .funded-round .round-depict {
font-size: 9px;
width: 55px;
margin: 3px 0 0 -27px;
}
.get-involved-contents .funded-round .status-indicator input {
font-size: 21px !important;
margin-top: 17px !important;
}
.get-involved-contents .past-projects-module .funded-round .round-depict {
margin: 6px 0 0 -27px;
}
.get-involved-contents .past-projects-module .funded-round .status-indicator input {
font-size: 21px !important;
margin-top: -65px !important;
margin-left: -25px !important;
}
.get-involved-contents .past-projects-module .funded-round .status-indicator input.smaller {
}
/* .list-area .info-main */
.list-area .info-main {
padding-top: 2px;
}
.list-area .info-main .blue-bar,
.list-area .info-main .dark-blue-bar {
font-size: 9px;
height: 23px;
line-height: 23px;
padding: 0 20px;
margin-top: 5px;
margin-right: 17px;
margin-left: 17px;
}
/* .list-area .rights */
.list-area .row .rights {
margin: 0 31px;
padding: 46px 0 20px 0;
}
.list-area .row .rights .btn-icon-gray {
width: 35px;
height: 30px;
}
.list-area .row .rights .share-txt {
font-size: 8px;
top: 51px;
left: 128px;
}
.list-area .row .rights p {
font-size: 8px;
line-height: 16px;
padding-top: 37px;
padding-right: 12px;
padding-bottom: 22px;
}
.list-area .row .rights .bottom-bar {
padding-bottom: 24px;
}
.list-area .row .rights .bottom-bar .btn-read-more {
font-size: 7px;
letter-spacing: 2px;
padding-left: 7px;
width: 78px;
height: 22px;
line-height: 22px;
}
.list-area .row .rights .bottom-bar .social-ul {
top: 29px;
}
.list-area .row .rights .bottom-bar .social-ul li {
margin-right: 9px;
}
/* .past-projects-module */
.past-projects-module .title-past-projects {
letter-spacing: 5px;
padding-left: 6px;
width: 174px;
margin: 19px auto 27px auto;
}
/* .past-projects-module .carousel-main */
.past-projects-module .carousel-main {
margin-right: 40px;
margin-left: 40px;
}
/* .past-projects-module .carousel .item */
.past-projects-module .carousel .item {
min-height: 290px;
}
.past-projects-module .carousel .spacing {
padding: 0 9px 0 10px;
}
/* .past-projects-module .carousel .img-main */
.past-projects-module .img-main .img-gradient {
height: 60%;
top: 40%;
}
.past-projects-module .img-main .funded-round {
width: 85px;
height: 85px;
padding: 5px;
right: 3px;
bottom: -89px;
}
/* .past-projects-module .carousel .info-main */
.past-projects-module .info-main {
padding: 14px 0 25px 0;
}
.past-projects-module .info-main h2 {
line-height: 17px;
}
.past-projects-module .info-main h2 a {
font-size: 15px;
}
.past-projects-module .info-main .time {
font-size: 9px;
padding: 6px 0 11px 0;
}
.past-projects-module .info-main .bottom-bar {
padding-right: 17px;
}
.past-projects-module .info-main .bottom-bar .btn-read-more {
font-size: 7px;
letter-spacing: 2px;
padding-left: 6px;
width: 78px;
height: 22px;
line-height: 22px;
}
.past-projects-module .img-main .img-link img {
height: 185px;
}
.past-projects-module .carousel-control.left,
.past-projects-module .carousel-control.right {
width: 25px;
height: 24px;
top: 108px;
}
.past-projects-module .carousel-control.left {
left: -36px;
}
.past-projects-module .carousel-control.right {
right: -36px;
}
.past-projects-module .carousel-control.left .icons,
.past-projects-module .carousel-control.right .icons {
width: 12px;
height: 12px;
margin: 0 auto 4px auto;
}
.past-projects-module .carousel-control.left .icons {
background-position: -144px -8px;
}
.past-projects-module .carousel-control:hover.left .icons {
background-position: -168px -8px;
}
.past-projects-module .carousel-control.right .icons {
background-position: -180px -8px;
}
.past-projects-module .carousel-control:hover.right .icons {
background-position: -192px -8px;
}
/* project details page */
.details-active-project-module .banners.min-height455 {
min-height: 320px;
}
.details-active-project-module .banners img {
height: 320px;
}
/* .details-active-project-module .banner-section */
.details-active-project-module .banner-section .container {
padding: 25px 0 0 0;
min-height: 320px;
}
.details-active-project-module .banner-section .title-active-project {
letter-spacing: 6px;
padding-left: 10px;
width: 189px;
}
.details-active-project-module .banner-section .title-h1 {
font-size: 21px;
bottom: 20px;
}
.details-active-project-module .banner-section .funded-round {
width: 86px;
height: 86px;
padding: 4px;
margin-top: 24px;
}
.details-active-project-module .banner-section .funded-round .round-depict {
font-size: 9.66px;
width: 85px;
margin-top: 3px;
}
.details-active-project-module .banner-section .funded-round .status-indicator {
margin-top: 2px;
}
.details-active-project-module .banner-section .funded-round .status-indicator input {
font-size: 20.2px !important;
margin-top: 16px !important;
}
.details-active-project-module .banner-section .funded-round .status-indicator input.smaller {
font-size: 16.2px !important;
-webkit-transition: font-size 0.25s ease;
transition: font-size 0.25s ease;
}
/* .details-active-project-module .info-section */
.details-active-project-module .info-section .container {
padding: 2px 14px 0 16px;
}
/* .details-active-project-module .info-main */
.details-active-project-module .info-main {
padding-bottom: 24px;
}
.details-active-project-module .info-main .blue-bar,
.details-active-project-module .info-main .dark-blue-bar {
font-size: 9.66px;
height: 23px;
line-height: 23px;
padding: 0 10px;
margin-top: 6px;
}
/* .details-active-project-module .video-main */
.details-active-project-module .video-main {
padding: 0 15px 27px 15px;
}
.details-active-project-module .video-area .video,
.details-active-project-module .video-area .video img,
.details-active-project-module .video-area .video iframe {
height: 201px;
}
.details-active-project-module .video-area .video img,
.details-active-project-module .video-area .video iframe {
width: 100%;
}
.details-active-project-module .video-area .btn-play {
width: 65px;
height: 65px;
margin: -32.5px 0 0 -32.5px;
}
.details-active-project-module .video-area .btn-play .icons {
background-position: 0 -44px;
width: 48px;
height: 48px;
margin: 6px 0 0 0;
}
.details-active-project-module .video-area .btn-play:hover .icons,
.details-active-project-module .video-area .btn-play:focus .icons {
background-position: -48px -44px;
}
.details-active-project-module .mobile-bottom-bar {
margin: 15px 0 0 0;
padding-bottom: 42px;
}
.details-active-project-module .mobile-bottom-bar .social-ul li {
margin-right: 9px;
}
.details-active-project-module .mobile-bottom-bar .share-txt {
font-size: 8px;
padding: 20px 0 0 0;
margin-left: -5px;
}
.details-active-project-module .txt-area .btn-icon-gray {
width: 35px;
}
.details-active-project-module .txt-area .txt-td {
line-height: 10px;
}
.details-active-project-module .txt-area .txt-td .font20 {
font-size: 10px;
line-height: 18px;
padding: 12px 0 16px 0;
}
.details-active-project-module .txt-area .txt-td .font14 {
font-size: 8px;
line-height: 16px;
}
/* .project-updates-module */
.project-updates-module .container {
padding: 28px 16px 10px 16px;
}
/* .project-updates-module .main-area */
.project-updates-module .main-area .title-project-updates {
width: 192px;
letter-spacing: 4px;
padding-left: 10px;
margin: 0 auto 8px auto;
}
/* .project-updates-module .list-area */
.project-updates-module .list-area .row {
padding: 20px 0 0 0;
border-bottom: 2.5px solid #dcdcdc;
}
.project-updates-module .list-area .left-date {
width: 111px;
}
.project-updates-module .list-area .left-date .date-txt {
padding: 0 25px 0 16px;
}
.project-updates-module .list-area .left-date .month-txt {
padding: 0 25px 0 20px;
}
.project-updates-module .list-area .left-date .date-txt {
font-size: 61.54px;
line-height: 55px;
margin-top: 2px;
}
.project-updates-module .list-area .left-date .month-txt {
font-size: 12px;
letter-spacing: 11px;
}
.project-updates-module .list-area .main-info {
margin-left: 111px;
}
.project-updates-module .list-area .main-info .title-h4 {
line-height: 15px;
padding-bottom: 5px;
}
.project-updates-module .list-area .main-info .title-h4 a {
font-size: 9px;
}
.project-updates-module .list-area .main-info p {
font-size: 8px;
line-height: 16px;
padding-bottom: 23px;
}
.project-updates-module .list-area .main-info .social-ul {
margin-bottom: 17px;
top: 78px;
left: -105px;
}
.project-updates-module .list-area .main-info .social-ul li {
margin-right: 7px;
}
.project-updates-module .list-area .main-info .btn-icon-gray {
width: 25px;
height: 22px;
border: 1px solid #fff;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icons {
background-size: 336px auto;
width: 12px;
height: 12px;
margin-top: 4px;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icon-fb {
background-position: -72px -8px;
}
.project-updates-module .list-area .main-info .btn-icon-gray:hover .icon-fb {
background-position: -84px -8px;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icon-tw {
background-position: -96px -8px;
}
.project-updates-module .list-area .main-info .btn-icon-gray:hover .icon-tw {
background-position: -108px -8px;
}
.project-updates-module .list-area .main-info .btn-icon-gray .icon-gg {
background-position: -120px -8px;
}
.project-updates-module .list-area .main-info .btn-icon-gray:hover .icon-gg {
background-position: -132px -8px;
}
/* .project-updates-module .right-aside */
.project-updates-module .right-aside {
margin-top: 19px;
}
.project-updates-module .right-aside .module-box {
min-height: 113px;
padding: 12px;
margin: 0 16px 10px 16px;
}
.project-updates-module .right-aside .module-box .type-txt {
font-size: 10px;
line-height: 15px;
padding: 5px 0 6px 0;
width: 148px;
}
.project-updates-module .right-aside .module-box .value-txt {
font-size: 36px;
line-height: 35px;
padding: 0 0 10px 0;
width: 148px;
}
.project-updates-module .right-aside .module-box ul {
padding: 17px 0 12px 0;
width: 44%;
top: 17px;
right: 22px;
}
.project-updates-module .right-aside .module-box li {
font-size: 7px;
line-height: 16px;
}
.project-updates-module .right-aside .btn-i-want-to-donate {
letter-spacing: 2px;
padding-left: 6px;
}
/* .donors-module */
.donors-module .titles.container {
min-height: 50px;
}
.titles.container .title-donors {
min-width: 96px;
width: 96px;
letter-spacing: 4px;
padding-left: 6px;
}
.donors-module .mains-tabs .tab-index .row {
margin-top: -1px;
}
.donors-module .mains-tabs .tab-content {
min-height: 354px;
}
.donors-module .tab-content .row {
margin: 2px 9px 50px 2px;
}
.donors-module .tab-content .row .col-md-6 {
padding: 23px 0 0 0;
}
.donors-module .tab-content .head-img {
width: 78px;
}
.donors-module .tab-content .head-img img {
width: 63px;
height: 63px;
}
.donors-module .info-box {
margin-left: 78px;
}
.donors-module .info-box .title-h4 {
padding: 0 0 4px 0;
margin-top: -2px;
}
.donors-module .info-box .title-h4 a {
font-size: 9px;
}
.donors-module .info-box p {
font-size: 8px;
line-height: 17px;
padding: 0 22px 0 0;
}
/* solar ambassador program page */
.contents.solar-ambassador-program-contents {
min-height: 800px;
margin-top: 91px;
}
/* .article-detail */
.solar-contents .article-detail {
padding: 26px 15px 12px 32px;
}
.solar-contents .article-detail .title-blue-border {
border-width: 1px;
}
.solar-contents .article-detail .title-solar {
width: auto;
font-size: 11px;
height: 22px;
line-height: 22px;
padding-left: 13px;
padding-top: 0;
padding-right: 8px;
letter-spacing: 4px;
}
.solar-contents .article-detail .detail-left {
padding-right: 0px;
padding-top: 40px;
}
.solar-contents .article-detail .detail-left .title-img {
margin-bottom: 11px;
}
.solar-contents .article-detail .detail-left p {
margin-top: 5px;
padding-left: 3px;
}
.solar-contents .article-detail .detail-left .title-img {
margin-bottom: 11px;
}
.solar-contents .article-detail .detail-left .btn-group {
padding-top: 0;
padding-right: 0;
margin-top: -5px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-blue {
height: 23px;
line-height: 23px;
margin-bottom: 14px;
margin-left: 1px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-application {
padding-left: 16px;
padding-right: 14px;
margin-top: 0;
margin-right: 18px;
}
.solar-contents .article-detail .detail-left .btn-group .btn-team {
padding-left: 11px;
padding-right: 12px;
margin-bottom: 11px;
margin-right: 0;
}
.solar-contents .article-detail .detail-left .btn-group .btn-project {
padding-left: 21px;
padding-right: 22px;
margin-right: 0;
clear: both;
}
/* partners page */
.contents.partners-contents {
min-height: 800px;
margin-top: 91px;
}
/* .partners-contents .container */
.partners-contents .container {
padding: 26px 0 3px 13px;
}
.partners-contents .title-blue-border {
border-width: 1px;
}
.partners-contents .title-partners {
font-size: 11px;
height: 22px;
line-height: 22px;
padding-left: 18px;
padding-right: 15px;
margin-right: 15px;
margin-bottom: 20px;
letter-spacing: 3px;
}
.partners-contents .titles .title-primary {
font-size: 24px;
line-height: 26px;
margin-bottom: 5px;
padding-left: 17px;
}
.partners-contents .titles .title-sub {
font-size: 8px;
line-height: 16px;
padding-left: 18px;
}
/* .partners-contents .list */
.partners-contents .list-wrap {
margin-top: 16px;
}
.partners-contents .list-wrap .item-wrap {
height: auto;
min-height: 0;
margin-bottom: 0;
position: relative;
}
.partners-contents .list-wrap .item-wrap.large-spacing {
margin-bottom: 12px;
}
.partners-contents .left-img {
width: 100px;
height: 100px;
margin-top: 0;
margin-left: 2px;
}
.partners-contents .content-info {
margin-left: 109px;
height: auto;
overflow: auto;
min-height: 0;
}
.partners-contents .content-info h4 {
font-size: 15px;
line-height: 18px;
margin-bottom: 4px;
padding-top: 18px;
}
.partners-contents .content-info h4 a {
font-size: 15px;
}
.partners-contents .content-info p {
font-size: 8px;
line-height: 16px;
padding-right: 20px;
padding-left: 1px;
}
.partners-contents .btn-wrap {
position: absolute;
left: -188px;
top: 100px;
}
.partners-contents .btn-wrap .btn-blue {
height: 22px;
line-height: 22px;
padding-left: 24px;
padding-right: 25px;
letter-spacing: 2px;
}
/* .partners-contents .pager-info */
.partners-contents .pager-info {
margin-top: -20px;
margin-right: 9px;
margin-bottom: 4px;
float: right;
}
.partners-contents .pager-info li {
float: left;
margin-right: 8px;
}
.partners-contents .pager-info li a {
padding: 0 10px;
font-size: 8px;
line-height: 20px;
height: 20px;
}
/* .sponsoring-organizations-module */
.sponsoring-organizations-module {
min-height: 225px;
}
.sponsoring-organizations-module .container {
padding: 25px 12px 0 12px;
}
.sponsoring-organizations-module .title-sponsoring-organizations {
font-size: 9px;
width: 248px;
letter-spacing: 4px;
padding-left: 7px;
margin-bottom: 35px;
}
/* .sponsoring-organizations-module .carousel-main */
.sponsoring-organizations-module .carousel-main {
margin-right: 37px;
margin-left: 37px;
}
.sponsoring-organizations-module .logo-ul li {
height: 100px;
}
.sponsoring-organizations-module .logo-the-san-francisco {
background-size: 83px auto;
width: 83px;
height: 83px;
}
.sponsoring-organizations-module .logo-toyota-togethergreen {
background-size: 96.5px auto;
width: 96.5px;
height: 31.5px;
}
.sponsoring-organizations-module .logo-sun-shot {
background-size: 67px auto;
width: 67px;
height: 20.5px;
}
.sponsoring-organizations-module .logo-patagonia {
background-size: 86px auto;
width: 86px;
height: 27px;
}
.sponsoring-organizations-module .carousel-control.left,
.sponsoring-organizations-module .carousel-control.right {
width: 25px;
height: 24px;
border: 1px solid #fff;
top: 37px;
}
.sponsoring-organizations-module .carousel-control.left {
left: -38px;
}
.sponsoring-organizations-module .carousel-control.right {
right: -38px;
}
.sponsoring-organizations-module .carousel-control.left .icons,
.sponsoring-organizations-module .carousel-control.right .icons {
width: 12px;
height: 12px;
margin: 0 auto 3px auto;
}
.sponsoring-organizations-module .carousel-control.left .icons {
background-position: -144px -8px;
}
.sponsoring-organizations-module .carousel-control:hover.left .icons {
background-position: -168px -8px;
}
.sponsoring-organizations-module .carousel-control.right .icons {
background-position: -180px -8px;
}
.sponsoring-organizations-module .carousel-control:hover.right .icons {
background-position: -192px -8px;
}
/* blog page */
.titles.container .title-blog {
margin-right: 11px;
min-width: 70px;
letter-spacing: 4px;
padding-left: 7px;
margin-top: -1px;
}
/* .grid-data */
.grid-data.container {
padding: 0;
}
/* .form-area */
.form-area {
padding: 0 0 6px 15px;
min-height: 25px;
}
.form-area .width167 .btn-default,
.form-area .width167.input-search {
width: 109px;
}
/* .input-search */
.input-search {
padding: 0 22px 0 15px;
height: 25px;
line-height: 25px;
}
.input-search input {
font-size: 8.335px;
letter-spacing: 3px;
height: 25px;
line-height: 10px;
}
.input-search .icon-search {
background-position: -264px -44px;
width: 12px;
height: 12px;
top: 5px;
right: 6px;
}
.input-search .icon-search:hover {
background-position: -276px -44px;
}
/* .grid-area.row */
.grid-area.row {
min-height: 50px;
}
.grid-area.row .img-main,
.grid-area.row .video,
.grid-area.row .video iframe {
height: 194px;
}
.grid-area.row .btn-play {
border: 2px solid #fff;
width: 53px;
height: 53px;
margin: -26px 0 0 -26px;
}
.grid-area.row .btn-play .icons {
background-size: 271px auto;
background-position: 0 -35px;
width: 39px;
height: 39px;
margin: 5px 0 0 0;
}
.grid-area.row .btn-play:hover,
.grid-area.row .btn-play:focus {
border: 2px solid #1cb0e6;
}
.grid-area.row .btn-play:hover .icons,
.grid-area.row .btn-play:focus .icons {
background-position: -39px -35.5px;
}
.grid-area.row .img-main img {
height: 194px;
}
.grid-area.row .carousel-control.left,
.grid-area.row .carousel-control.right {
width: 25px;
height: 24px;
border: 1px solid #fff;
margin-top: -12px;
}
.grid-area.row .carousel-control.left {
left: 8px;
}
.grid-area.row .carousel-control.right {
right: 8px;
}
.grid-area.row .carousel-control.left .icons,
.grid-area.row .carousel-control.right .icons {
width: 12px;
height: 12px;
margin-top: 0;
margin-bottom: 2px;
}
.grid-area.row .carousel-control.left .icons {
background-position: -144px -8px;
}
.grid-area.row .carousel-control:hover.left .icons {
background-position: -168px -8px;
}
.grid-area.row .carousel-control.right .icons {
background-position: -180px -8px;
}
.grid-area.row .carousel-control:hover.right .icons {
background-position: -192.5px -8px;
}
.grid-area.row .info-main {
padding: 30px 18px 20px 18px;
}
.grid-area.row .info-main .title-h2 {
font-size: 21px;
line-height: 24px;
}
.grid-area.row .info-main .title-h2 a {
font-size: 21px;
}
.grid-area.row .info-main .date-txt {
font-size: 9px;
line-height: 16px;
padding-top: 4px;
letter-spacing: 0;
padding-bottom: 7px;
}
.grid-area.row .info-main p {
font-size: 8px;
line-height: 16px;
padding: 4px 12px 9px 0;
}
.grid-area.row .info-main .bottom-bar {
padding: 12px 2px 28px 3px;
}
.grid-area.row .info-main .bottom-bar .btn-read-more {
font-size: 7px;
letter-spacing: 2px;
width: 76px;
height: 33px;
padding: 0 0 0 1px;
line-height: 33px;
}
.grid-area.row .info-main .bottom-bar .social-ul {
margin: 1.5px 0 0 0;
}
.grid-area.row .info-main .bottom-bar .social-ul li {
margin: 0 4px 0 4.5px;
}
.grid-area.row .info-main .bottom-bar .btn-icon-gray {
width: 40px;
height: 33px;
}
.grid-area.row .info-main .bottom-bar .btn-icon-gray .icons {
margin-top: 3.5px;
}
/* .loading-bar */
.loading-bar {
padding: 0 0 9px 0;
margin-top: -31px;
}
.loading-bar .loading-img {
background-size: 64px auto;
width: 64px;
height: 21px;
}
/* .blog-details-data */
.blog-details-data.container {
min-height: 150px;
}
/* .blog-details-data .title-bar */
.blog-details-data.container .title-bar {
padding: 5px 35px 8px 35px;
}
.blog-details-data.container .title-bar .title-h1 {
font-size: 24px;
line-height: 30px;
}
.blog-details-data.container .title-bar .date-txt {
font-size: 9px;
line-height: 16px;
}
.blog-details-data.container .title-bar .social-ul {
min-height: 30px;
padding: 7px 0 0 0;
margin-bottom: 11px;
}
.blog-details-data.container .title-bar .social-ul li {
margin-right: 10px;
}
.blog-details-data.container .title-bar .social-ul li .btn-icon-gray {
width: 39px;
height: 32px;
}
.blog-details-data.container .title-bar .social-ul li .btn-icon-gray .icons {
margin-top: 3px;
}
/* .blog-details-data .info-box */
.blog-details-data.container .info-box .img-main,
.blog-details-data.container .info-box .img-main img {
height: 194px;
}
.blog-details-data.container .info-box .info-main {
padding: 18px 0 31px 0;
margin: 0 35px;
}
.blog-details-data.container .info-box .info-main .font20 {
font-size: 10px;
line-height: 18px;
}
.blog-details-data.container .info-box .info-main .font14 {
font-size: 8px;
line-height: 16px;
}
.blog-details-data.container .info-box .info-main .lefts .font14,
.blog-details-data.container .info-box .down25 {
padding-bottom: 17px;
}
/* .related-blog-module */
.related-blog-module {
padding: 13px 0 3px 0;
}
.related-blog-module .form-area {
min-height: 36px;
margin-top: 48px;
}
.related-blog-module .title-related-blog {
font-size: 10.5px;
width: 160px;
top: 1px;
right: 19px;
}
#mobile-related-example-generic {
margin: 0 32px;
}
#mobile-related-example-generic .grid-area.row .info-main {
padding: 11px 92px 11px 0;
}
#mobile-related-example-generic .grid-area.row .info-main .title-h2 {
font-size: 24px;
}
#mobile-related-example-generic .grid-area.row .info-main .bottom-bar .btn-read-more {
top: 17px;
width: 79px;
height: 27px;
line-height: 27px;
}
.related-blog-module .carousel-control.left,
.related-blog-module .carousel-control.right {
width: 26px;
height: 25px;
top: 90px;
}
.related-blog-module .carousel-control.left {
left: -29px;
}
.related-blog-module .carousel-control.right {
right: -29px;
}
.related-blog-module .carousel-control.left .icons,
.related-blog-module .carousel-control.right .icons {
width: 12px;
height: 12px;
margin-top: 0;
margin-bottom: 3px;
}
.related-blog-module .carousel-control.left .icons {
background-position: -144px -8px;
}
.related-blog-module .carousel-control:hover.left .icons {
background-position: -168px -8px;
}
.related-blog-module .carousel-control.right .icons {
background-position: -180px -8px;
}
.related-blog-module .carousel-control:hover.right .icons {
background-position: -192px -8px;
}
.related-blog-module .carousel-inner > .active {
min-height: 295px;
}
/* .comments-module */
.comments-module .container {
padding: 18px 19px 0 19px;
}
.comments-module .container .title-comments {
width: 111px;
letter-spacing: 5px;
padding-left: 6px;
margin-bottom: 3px;
}
/* .comments-module .comments-area .comments-list*/
.comments-module .comments-area {
min-height: 100px;
padding-top: 10px;
}
.comments-module .comments-area .comments-list {
padding: 32px 0 17px 0;
}
.comments-module .comments-area .spacetop {
padding-top: 13px;
}
.comments-module .comments-area .comments-list .head-img {
width: 62px;
}
.comments-module .comments-area .comments-list .head-img img {
width: 50px;
height: 50px;
margin-left: 2px;
}
.comments-module .comments-area .comments-list .info-box {
margin-left: 62px;
}
.comments-module .comments-area .comments-list .info-box .title-h4 {
padding: 0 0 3px 0;
margin-top: -3px;
}
.comments-module .comments-area .comments-list .info-box .title-h4 a {
font-size: 10px;
}
.comments-module .comments-area .comments-list .info-box p {
font-size: 8px;
line-height: 16px;
padding: 0 14px 15px 0;
}
.comments-module .comments-area .comments-list .comments-apply {
border: 1px solid #fff;
width: 78px;
height: 21px;
line-height: 21px;
letter-spacing: 3px;
}
.comments-module .comments-area .comments-list .comments-apply a {
font-size: 7px;
padding-left: 2px;
}
/* .comments-module .comments-area .quick-reply */
.comments-module .comments-area .quick-reply {
padding: 16px 0 17px 0;
}
.comments-module .btn-icon-gray {
width: 27px;
height: 22px;
}
.comments-module .btn-icon-gray .icons {
width: 12px;
height: 12px;
margin-top: 4px;
}
.comments-module .btn-icon-gray .icon-fb {
background-position: -72px -8px;
}
.comments-module .btn-icon-gray:hover .icon-fb {
background-position: -84px -8px;
}
.comments-module .btn-icon-gray .icon-tw {
background-position: -96px -8px;
}
.comments-module .btn-icon-gray:hover .icon-tw {
background-position: -108px -8px;
}
.comments-module .btn-icon-gray .icon-gg {
background-position: -120px -8px;
}
.comments-module .btn-icon-gray:hover .icon-gg {
background-position: -132px -8px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt {
width: 67px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt .title-h4 {
padding: 9px 0 11px 0;
font-size: 10px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt p {
font-size: 8px;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li {
margin-top: 5px;
margin-left: 0;
}
.comments-module .comments-area .quick-reply .quick-reply-txt li:nth-child(2) {
margin-left: 6px;
}
.comments-module .comments-area .quick-reply .textarea-box {
margin-right: 2px;
margin-left: 67px;
height: 126px;
padding: 10.5px 14px;
}
.comments-module .comments-area .quick-reply .textarea-box textarea {
font-size: 8px;
height: 85px;
line-height: 7px;
letter-spacing: 3px;
}
.comments-module .comments-area .quick-reply .comments-post {
width: 68.5px;
height: 21.5px;
line-height: 21.5px;
right: 3px;
bottom: 18px;
letter-spacing: 2px;
}
.comments-module .comments-area .quick-reply .comments-post a {
font-size: 7px;
padding: 1px 0 0 1.5px;
}
/* .footer */
.footer .row {
padding: 20px 21.5px 0 32.5px;
}
.footer .row .col-info {
padding: 17px 0 9px 0;
}
.footer .row .col-menu {
padding: 0 0 11px 0;
}
/* .footer .col-info */
.footer .row .col-info:nth-child(5) {
padding: 0 0 16px 0;
}
.footer .row .col-info dt {
padding-bottom: 3.5px;
}
.footer .row .col-info p {
padding: 0 8px 0 0;
}
/* .footer .bottoms */
.footer .bottoms .social-ul {
margin: 19px auto 0 auto;
width: 85px;
height: 12px;
}
.footer .bottoms .social-ul li {
margin: 0 7px;
}
.footer .bottoms .social-ul li .icons {
background-size: 336px auto;
width: 12px;
height: 12px;
}
.footer .bottoms .social-ul li .icon-fb {
background-position: 0 -8px;
}
.footer .bottoms .social-ul li .icon-fb:hover {
background-position: -12px -8px;
}
.footer .bottoms .social-ul li .icon-tw {
background-position: -24px -8px;
}
.footer .bottoms .social-ul li .icon-tw:hover {
background-position: -36px -8px;
}
.footer .bottoms .social-ul li .icon-gg {
background-position: -48px -8px;
}
.footer .bottoms .social-ul li .icon-gg:hover {
background-position: -60px -8px;
}
/* .modal-default */
.modal.modal-default .modal-dialog {
width: 346px;
margin: 102px auto;
}
/* .modal-default .modal-header */
.modal.modal-default .btn-close {
background-position: -240px -44px;
width: 24px;
height: 24px;
top: 18.5px;
right: 12px;
}
.modal.modal-default .btn-close:hover {
background-position: -240px -68px;
}
/* .modal-default .modal-body */
.modal.modal-default .modal-body {
min-height: 50px;
}
/* #modal-how-it-works */
#modal-how-it-works .title-how-it-works {
width: 142px;
letter-spacing: 4px;
padding-left: 6px;
margin: 19px auto 0 auto;
}
#modal-how-it-works .txt-info {
font-size: 8px;
line-height: 16px;
padding: 262px 34px 17px 34px;
}
/* #modal-how-it-works .info-row */
#modal-how-it-works .info-row {
padding: 12px 15px 3.5px 15px;
top: 10px;
}
#modal-how-it-works .info-row .video-area .video,
#modal-how-it-works .info-row .video-area .video img {
width: 315px;
height: 224px;
}
#modal-how-it-works .info-row .video-area .video iframe {
width: 315px;
height: 224px;
}
#modal-how-it-works .info-row .video-area .btn-play {
border: 2.5px solid #fff;
width: 65px;
height: 65px;
margin: -32.5px 0 0 -32.5px;
}
#modal-how-it-works .info-row .video-area .btn-play .icons {
background-position: 0 -44px;
width: 48px;
height: 48px;
margin: 7px 0 0 0;
}
#modal-how-it-works .info-row .video-area .btn-play:hover,
#modal-how-it-works .info-row .video-area .btn-play:focus {
border: 2.5px solid #1cb0e6;
}
#modal-how-it-works .info-row .video-area .btn-play:hover .icons,
#modal-how-it-works .info-row .video-area .btn-play:focus .icons {
background-position: -48px -44px;
}
.price-tables .right-aside .payment-module .our-apps {
font-size: 13px;
margin-left: 0;
margin-right: 0;
}
.price-tables .right-asides aside.right-aside p.dummy {
color: #808080;
font-size: 12px;
font-weight: bold;
line-height: 27px;
margin: 15px auto;
min-height: 197px;
text-align: center;
width: 100%;
}
.right-asides aside.right-aside .btn-i-want-to-donate {
width: 100%;
}
.details-active-project-module .title-white-border {
border: 2px solid #100084;
font-size: 18px;
height: auto;
line-height: 42px;
padding: 0 45px;
}
header.header.after-scroll-header .rights {
padding: 38px 24px 0 0;
}
header.header {
height: 85px;
margin-top: 10px;
}
.footer .bottoms ul.social-ul li .icon-g-plus.icons {
background-position: -49px -8px;
}
.footer .bottoms ul.social-ul li:hover .icon-g-plus.icons {
background-position: -61px -8px;
}
#project .active-projects-module .row {
padding: 2em 5.6% 0;
}
#project .curnt-projct-lst-head {
padding: 10rem calc(32px + 5.6%) 5vmin;
}
#project .curnt-projct-lst-head > .divider-title {
font-size: 1.8em;
}
}
@media screen and (max-width: 639px) {
.input-group > form#ipad {
display: none;
}
.account-heading-span {
font-size: 1.7em;
}
.account-heading {
text-align: center;
}
.module-box.payment-module > form#phone {
display: block;
}
.module-box.payment-module form button.stripe-button-el {
width: 100% !important;
}
#project header.header.after-scroll-header .rights {
padding: 33px 24px 0 0;
}
.active-pr-button {
float: right;
text-align: center;
}
.details-active-project-module .title-white-border {
border: 2px solid #100084;
float: none !important;
height: auto;
padding: 0 45px;
}
.details-active-project-module .title-h1 {
display: block;
font-size: 27px;
line-height: normal;
margin: 45px 0 10px;
text-align: center;
width: 100%;
}
.details-active-project-module .title-h1.title-right-new {
text-align: left;
}
div.details-active-project-module .container {
padding: 4px 30px 0 31px;
}
.txt-area1 .module-box.payment-module .inputs .input-group {
float: left;
vertical-align: top;
width: 100%;
}
.module-box.payment-module .inputs .input-group .input-group {
margin-bottom: 15px;
width: 100%;
}
.module-box.payment-module .inputs .input-group:last-child > label {
float: right;
margin-right: 0;
text-align: left;
width: 100%;
}
div.txt-area1 .btn-i-want-to-donate {
display: inline-block;
padding-left: 40px;
padding-right: 40px;
width: 100%;
}
.price-tables .col-xs-4 {
width: 100%;
}
.price-tables .right-asides aside.right-aside p.dummy {
min-height: auto;
}
#leo-donate-btn {
font-size: 1.1em !important;
height: 1.8em !important;
line-height: 1.8em !important;
text-align: center !important;
width: 15em;
}
#project .btn-purple {
font-size: 1.5rem!important;
height: auto;
line-height: initial;
padding: 0 3px;
}
#project .header .btn-donate {
min-width: 66px;
}
}
/* iPads (min-width : 992px) and (max-width : 1024px) */
@media (min-width: 992px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
/* .after-scroll-header */
.header.after-scroll-header .logo {
background: url(../images/logo@2x.png) no-repeat;
background-size: 141px auto;
}
/* icons */
.icons {
background: url(../images/icon-sprites@2x.png) no-repeat;
background-size: 543px auto;
}
.mobile-mask {
background: #000;
display: block;
width: 200px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
}
/* iPads (min-width : 768px) and (max-width : 991px) */
@media (min-width: 768px) and (max-width: 991px) {
.investors_logo_img {
width: 30vmin;
height: 20vmin;
}
}
@media (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5) {
.header .logo {
background: url(../images/tablet/tablet-logo-white@2x.png) no-repeat;
}
.header .logo {
background: url(../images/tablet/tablet-logo@2x.png) no-repeat;
background-size: 257px auto;
}
/* .after-scroll-header */
.header.after-scroll-header .logo {
background: url(../images/tablet/tablet-logo@2x.png);
background-size: 257px auto;
}
/* icons */
.icons {
background: url(../images/icon-sprites@2x.png) no-repeat;
background-size: 672px auto;
}
.mobile-mask {
background: #000;
display: block;
width: 200px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
}
@media (max-width: 414px) {
.header.after-scroll-header .logo {
width: 75px;
}
.header.after-scroll-header .rights {
padding: 33px 8px 0 0;
}
div.details-active-project-module .container {
padding: 0 15px;
}
div.details-active-project-module .video-main {
padding: 0 0 27px;
}
div.project-updates-module {
padding: 0;
position: relative;
width: 100%;
}
div.price-tables {
margin: 0;
padding: 0;
width: auto;
}
body {
max-width: 100%;
min-width: auto;
}
.details-active-project-module .title-white-border {
padding: 0 15px;
}
.main-area1.col-sm-12 .container {
padding: 0;
text-align: center;
}
.header.after-scroll-header .rights {
font-size: 12px;
padding: 26px 8px 0 0;
}
.header.after-scroll-header .logo {
background-size: cover;
height: 38px;
width: 95px;
}
.header .btn-donate {
font-size: 9px;
min-width: 51px;
}
header.header {
height: 83px;
margin-top: 5px;
}
.donors-module .mains-tabs .tab-content {
min-height: auto;
}
header.header.after-scroll-header .rights {
padding: 27px 24px 0 0;
}
c vx * h *`
3.eader.header.after-scroll-header .logo {
margin: 20px 0 0 32px;
}
header.header.after-scroll-header .logo {
margin: 20px 0 0 19px;
}
header.header.after-scroll-header .rights {
padding: 27px 10px 0 0;
}
.header .btn-donate {
font-size: 8px;
min-width: 49px;
}
}
@media (max-width: 550px) {
.top-section.nav-margins .section-video-overlay .titles {
font-size: 24px;
line-height: 29px;
}
.top-section.nav-margins .section-video-overlay p {
font-size: 10px;
line-height: 18px;
width: 100%;
padding: 11px 0 22px 0;
}
.header.after-scroll-header .logo {
width: 73px;
}
#project header.header.after-scroll-header .rights {
padding: 25px 24px 0 0;
}
}
@media (max-width: 414px) {
.header.after-scroll-header .logo {
background-image: url("../images/logo.png") !important;
background-size: 50px auto !important;
width: 50px !important;
background-repeat: no-repeat !important;
}
#project .title-blue-border {
font-size: 13px;
padding: 0 5px 0 10px;
width: 80%;
}
}
@media (max-width: 700px) {
.top-section .section-video-area {
height: 112vw !important;
}
.top-section .section-video-area iframe,
.top-section .section-video-area video,
.top-section .section-video-area .mejs-container,
.top-section .section-video-area .me-plugin,
.top-section .section-video-area embed,
.top-section .section-video-area .mejs-overlay-play {
width: 200vw !important;
height: 112vw !important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* iPhone (min-width : 375px) and (max-width : 767px) */
@media (min-width: 375px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
.header .logo {
background: url(../images/mobile/mobile-logo-white@2x.png);
}
.header .logo {
background-size: 129px auto;
}
/* .after-scroll-header */
.header.after-scroll-header .logo {
background: url(../images/mobile/mobile-logo@2x.png);
background-size: 129px auto;
height: 50px;
}
/* icons */
.icons {
background: url(../images/mobile/mobile-icon-sprites@2x.png) no-repeat;
background-size: 336px auto;
}
.mobile-mask {
background: #000;
display: block;
width: 200px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
}
/* Donate / reinvestment modals */
#donate-form .cc-type-list {
margin-top: -10px;
}
.payment-modal-content .confirm-info-card {
margin-bottom: 1em;
}
.payment-modal-content .modal-header {
font-weight: bold;
font-size: 18px;
}
label.checkmark {
position: relative;
display: block;
height: 21vmin;
width: 21vmin;
border: 5px solid #c7eefb;
border-radius: 50%;
margin: 0 auto 0.9375rem auto;
}
label.checkmark:after {
-moz-transform: scaleX(-1) rotate(135deg);
-o-transform: scaleX(-1) rotate(135deg);
-ms-transform: scaleX(-1) rotate(135deg);
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
-moz-transform-origin: left top;
-o-transform-origin: left top;
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
border-right: 5px solid #FF8A00;
border-top: 5px solid #FF8A00;
content: '';
height: 10vmin;
left: 5vmin;
position: absolute;
top: 10vmin;
width: 4vmin;
display: none;
}
label.checkmark.animate:after {
display: block;
-webkit-animation: check 0.8s;
-moz-animation: check 0.8s;
-o-animation: check 0.8s;
animation: check 0.8s;
}
.sharethis-placeholder {
font-weight: bold;
margin-top: 1em
}
#sharethis-button {
margin-top: 0.5em;
display: block;
}
/* Login / sign up area */
#login_form .placeholder-field-label,
.signup .placeholder-field-label {
width: 100%;
}
.signup .tos p {
font-size: 85%;
}
/* ShareThis widget */
/* Hide the sharethis left-size hover widget on small screens, or it will
* obscure the page */
@media (max-width: 768px) {
#sthoverbuttons {
display: none;
}
.text_on_blue_image {
font-size: 15px;
}
.yellow-buttons {
font-size: 15px;
}
.text_on_blue_image {
font-size: 15px;
}
}
.active-projects-module footer .col-info {
text-align: left;
}
/* Dashboard */
.dashboard .active-projects-module {
background-color: #fff;
z-index: 0;
}
.dashboard .impact {
text-align: center;
}
.dashboard .impact h2 {
color: #2c3691;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
font-size: 46px;
}
.dashboard .impact h3, .dashboard .impact .row h3 {
font-weight: 300;
font-family: 'Montserrat', sans-serif;
font-size: 41px;
color: #2B2B2B;
}
.dashboard .stats {
font-family: 'Montserrat', sans-serif;
}
.dashboard .stats > * {
padding-bottom: 2rem;
}
.dashboard .stats .info {
text-transform: uppercase;
margin-top: 7px;
font-size: 11px;
}
.dashboard .stats .info > div:first-child {
height: 43px;
}
.dashboard .stats .info > div:last-child {
margin-top: 4px;
}
.dashboard .stats .info > div:not(.tall):first-child {
line-height: 56px;
}
.dashboard .stats .info > .tall:first-child {
padding-top: 4px;
}
.dashboard .stats .stats-img {
height: 80px;
}
.dashboard .stats .info .val {
font-size: 52px;
line-height: 52px;
font-weight: bold;
}
.dashboard .stats .info .units {
font-weight: bold;
font-size: 14px;
margin-left: -6px;
}
.dashboard .title-active-projects {
margin-top: 3em;
margin-bottom: 3em;
}
.dashboard .btn-reinvest {
letter-spacing: 2px;
padding-left: 10px;
}
/* Project draft mode */
.draft-mode-div {
position: fixed;
z-index: 1020;
width: 100%;
background-color: #100084;
padding: 1em;
color: white;
font-weight: bold;
padding-left: 5em;
padding-right: 5em;
text-align: center;
margin-top: -13px;
top: 18vmin;
}
@media (max-width: 550px) {
.top-section.nav-margins .section-video-overlay .titles {
font-size: 24px;
line-height: 29px;
}
.top-section.nav-margins .section-video-overlay p {
font-size: 10px;
line-height: 18px;
width: 100%;
padding: 11px 0 22px 0;
}
}
@media (max-width: 640px) {
.footer .row .col-info,
.footer .row .col-info:nth-child(2),
.footer .row .col-info:nth-child(3),
.footer .row .col-info:nth-child(4),
.footer .row .col-info:nth-child(5) {
width: 100%;
}
}
.active-pr-button {
float: right;
}
.module-box.payment-module .inputs .input-group {
width: 100%;
}
.footer .bottoms .social-ul li .icon-g-plus.icons {
background-position: -96px -16px;
}
.footer .bottoms .social-ul li:hover .icon-g-plus.icons {
background-position: -120px -16px;
}
.main-area1 .venue-area {
display: inline-block;
margin-bottom: 35px;
width: 100%;
}
.module-box.payment-module form button.stripe-button-el {
background: #100084 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: white;
text-transform: uppercase;
width: 100%;
margin-top: 20px;
}
.module-box.payment-module form button.stripe-button-el > span {
background: transparent none repeat scroll 0 0;
box-shadow: none;
font-family: "Source Sans Pro";
font-size: 16px;
font-weight: 900;
height: auto;
line-height: 43px;
}
.help_power_community .text_content.hidden-xs {
position: absolute;
top: 100px;
}
.help_power_community .text_overlay {
top: unset;
bottom: 40px;
}
@media only screen and (min-width: 319px) and (max-width: 768px) {
.footer-next-button a.next-button {
width: 100%;
text-align: center;
padding: 2vmin 0 2vmin 0;
}
.footer-content {
line-height: 5vmin;
text-align: center;
padding-bottom: 5vmin;
}
.header .logo {
background: url(../images/logo.png) no-repeat;
background-size: 100px;
display: block;
margin: 2vmin 0 2px 3vmin;
}
.header .logo-solar-at-home {
background: url(../images/logo-white.png);
margin: 1.3em 0 2px 3vmin;
display: block;
background-repeat: no-repeat;
padding: 0 9vmin;
background-size: 110px;
width: 115px;
}
a.Ellipse_543.left.carousel-control.arrow-left {
top: 88%;
}
a.Ellipse_543.right.carousel-control.arrow-right {
top: 88%;
}
.carousel-inner .item .background-image-size {
height: 70vh;
}
.menu {
display: block !important;
}
.hamburger {
display: block !important;
}
.investors_logo_img {
width: 49vmin;
height: 30vmin;
}
.dropdown-select-text {
width: 100%;
}
.dropdown {
padding: 2vmin 2% 0;
}
.dropdown-menu {
width: 96%;
}
}
@media only screen and (max-width: 768px) and (min-width: 319px) and (orientation: portrait) {
.Go_Solar_at_Home.column-center {
padding: 4vmin 0;
}
.Go_Solar_at_Home {
padding: 2.8vmin 1%;
}
}
@media (min-width: 768px) {
.header.header.after-scroll-header .logo {
background-size: 30vmin 13vmin;
background-repeat: no-repeat;
z-index: 99999999999;
height: 15vmin;
width: 35vmin;
padding: 0;
/* margin: 0; */
float: left;
}
.menu-list {
display: none;
}
.container .container .navbar-collapse.collapse {
display: none !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
#myCarousel .carousel-next-button {
left: -0.15em;
}
#myCarousel .carousel-prev-button {
left: -0.15em;
}
}
.account-heading-span {
font-size: 1.7em;
}
.account-heading {
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.yellow-buttons {
font-size: 1.8vmin;
}
.video-desc {
font-size: 2.2vmin;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1024px) and (max-width: 1024px) {
.yellow-buttons {
font-size: 1.3vmin;
}
#myCarousel .carousel-prev-button {
left: 11%;
}
#myCarousel .carousel-next-button {
left: 16%;
}
.video-desc {
font-size: 2.5vmin;
}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
.yellow-buttons {
font-size: 1.9vmin;
}
#myCarousel .carousel-prev-button {
left: 5%;
}
#myCarousel .carousel-next-button {
left: -2%;
}
.video-desc {
font-size: 2.5vmin;
}
.help_power_community .text_content.hidden-xs {
position: absolute;
}
}
@media (max-width: 767px) {
.imageContainer {
height: 390px;
}
.help_power_community .CREATE_CLEAN_ENERGY {
font-size: 3rem;
}
.yellow-buttons {
font-size: 14px;
}
.dropdown-title {
font-size: 4vmin;
}
.selected-logo {
border: 0;
}
.go-to-solar-link {
display: none;
}
.help_power_community .text_overlay {
bottom: 0;
padding: 0;
}
.How_it_Works {
font-size: 2.2vmin;
font-weight: bold;
font-family: "Source Sans Pro";
color: #f5f5f7;
text-transform: uppercase;
padding: 2vmin 14%;
background-color: rgb(20, 177, 231);
border-radius: 4px;
float: right;
}
.logo-home {
background: url(../images/logo-white.png);
margin: 1.1em 0 0 1.4em;
background-repeat: no-repeat;
background-size: 120px !important;
padding: 0;
}
.space_btn_element {
margin-top: 0;
}
.How_it_Works {
font-size: 2.5vmin;
float: left;
width: 100%;
}
.carousel-second-img .How_it_Works {
padding: 2vmin 16%;
width: 100%;
color: #fff;
font-size: 2.5vmin;
}
.carousel-second-img .how-it-works-button {
float: left;
width: 100%;
padding: 4vmin 25%;
}
.carousel-first-img .how-it-works-button {
padding: 4vmin 27% 0;
}
.carousel-third-img .How_it_Works {
float: left;
font-size: 2.5vmin;
padding: 0.9em 10.5%;
}
.carousel-fourth-img .How_it_Works {
float: left;
font-size: 2.5vmin;
padding: 0.9em 10.5%;
}
.Bring_solar_energy__to_communities_around_the_c {
font-size: 4.2vmin;
line-height: 5.4vmin;
}
.CREATE_CLEAN_ENERGY {
font-size: 7vmin;
}
.how-it-works-button {
padding: 2vmin 10%;
float: left;
width: 100%;
}
.text_content {
width: 60%;
text-align: center;
/* margin-right: 19%; */
float: none;
margin: 0 auto;
}
.carousel-fourth-img .text_content {
width: 100%;
padding-left: 0;
text-align: center;
}
.carousel-fourth-img .text_overlay {
padding: 4vmin calc(20.5% + 15px) 0 calc(20.5% + 15px);
}
.carousel-fourth-img .text_content {
width: 100%;
padding-left: 0;
text-align: center;
}
.carousel-fourth-img .text_overlay {
padding: 0;
}
.how_it_works_rectangle {
float: none;
margin: 0 auto;
position: relative;
top: 2vh;
}
.how_it_works_rectangle.space_btn_element:hover {
background-color: #2c3691;
}
.burger-icon {
z-index: 1 !important;
}
.tell_us_state_where_you_live {
width: 86%;
font-size: 4vmin;
}
.dropdown_state {
width: 93%;
}
.dropdown_select {
height: 10vmin;
}
.investors_logo {
margin-top: 9%;
margin-bottom: 6%;
}
.investors_logo_text {
font-size: 3.8vmin;
margin-bottom: 7%;
}
@media (max-width: 767px) {
#how-it-works {
display: block;
}
}
.pull-right {
display: none;
}
.details-active-project-module .info-section .info-main .pull-right {
display: block;
}
.go_solar_at_home {
width: 59vmin;
margin-top: 15vmin;
font-weight: bold;
font-size: 5vmin;
z-index: -1;
}
.we_can_help_you {
float: left;
font-size: 2.5vmin;
width: 100%;
position: relative;
/* margin-top: 15vmin; */
/* left: 0%; */
/* margin-left: -3%; */
color: white;
padding-top: 2vmin;
}
.logo-size {
display: none;
}
.header .logo {
display: block !important;
margin: 4vmin 0 2px 3vmin;
padding: 0;
}
.dashboard .stats .info .val {
font-size: 36px;
}
.dashboard .stats .info > div:first-child {
height: auto;
}
.dashboard .stats .info > div:not(.tall):first-child {
line-height: 1;
}
.dashboard .stats .col-xs-6 {
height: 250px;
}
.dashboard .impact h2 {
font-size: 36px;
}
.champion-background-image {
height: 200px;
background-size: 100% 200px;
}
.header-content {
padding-top: 70px;
}
}
/* CSS for the chapter page */
.chapter-main-div .chapter-content {
float: left;
position: relative;
padding-left: 0;
padding-right: 0;
}
.chapter-main-div .chapter-list {
float: left;
position: relative;
padding-left: 9%;
padding-right: 0;
}
.chapter-main-div {
float: left;
position: relative;
width: 100%;
padding: 7vmin 5% 4vmin 5%;
}
.content-img {
width: 100%;
float: left;
position: relative;
}
.chapter-img-container {
position: relative;
float: left;
width: 100%;
padding: 3vmin 0;
}
.content-heading {
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-size: 3.5vmin;
}
.chapter-content-header {
/* padding: 2vmin; */
/* padding: 2vmin; */
padding-right: 2vmin;
padding-bottom: 5vmin;
line-height: 5vmin;
font-size: 2.8vmin;
}
.chapter-content-text {
padding: 4vmin 2vmin 0vmin 0;
line-height: 5vmin;
font-size: 2.8vmin;
}
.chapter-content-text:last-child {
padding-top: 4.2vmin;
}
.chapter-divide-line {
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
.content-heading-div {
padding-bottom: 3vmin;
}
.right-list {
padding-bottom: 2.7vmin;
font-size: 2.8vmin;
font-weight: bold;
cursor: pointer;
}
.chapter-left-padding {
padding-left: 5vmin;
}
.active-chapter-color {
color: rgb(20, 177, 231);
}
.footer-next-button {
float: left;
background-image: url(/static/images/rectangle_lined.png);
width: 100%;
position: relative;
background-color: white;
padding: 6vmin 5% 6vmin 6%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-content {
float: left;
line-height: 5vmin;
position: relative;
}
.footer-heading {
float: left;
position: relative;
font-size: 2.9vmin;
width: 100%;
font-weight: 700;
}
a.next-button {
font-size: 3.4vmin;
font-weight: bold;
font-family: "Source Sans Pro";
color: #f5f5f7;
text-transform: uppercase;
padding: 3vmin 12%;
text-decoration: none;
background-color: rgb(20, 177, 231);
border-radius: 4px;
float: right;
}
.chapter-nxt-btn-cntnr a.next-button {
padding: 3vmin 19%;
}
a.next-button:hover {
text-decoration: none;
color: #fff;
background-color: #2c3691;
}
.back_button_link {
float: right;
}
a.back_button_link:hover {
text-decoration: none;
color: rgb(255, 204, 0);
}
.chapter-content-div {
padding-left: 7.1vmin;
}
.chapter-subpoint-align {
padding-left: 3vmin;
}
.chapter-page-image {
width: 100%;
margin-left: 4vmin;
}
.chapter-page-image.chapter-four-image {
width: 74vmin;
}
.chapter-name {
font-size: 2.8vmin;
font-family: "Source Sans Pro";
color: #333;
padding-left: 4vmin;
font-weight: bold;
}
.mobile-chapter-name-list {
background-image: url(/static/images/rectangle_lined.png);
overflow: auto;
/* white-space: nowrap; */
width: 100%;
padding: 2.9vh 6% 0 0%;
height: 15vh;
}
.sm-chapter-name {
display: inline-block;
position: relative;
padding: 0 2%;
font-size: 3.3vh;
}
.back-button-arrow {
position: absolute;
top: 50vmin;
right: 18%;
width: 6.7%;
padding-right: 5%;
margin-bottom: 0.4vmin;
}
.back-button-link {
position: absolute;
top: 50vmin;
width: 22%;
right: 0;
color: rgb(255, 204, 0);
font-size: 2.5vmin;
}
.how-it-works-button {
float: left;
width: 100%;
position: relative;
}
.all-chapters-list {
float: left;
width: 100%;
position: relative;
overflow: hidden;
height: 10vh;
/* font-size: 4vmin; */
}
.chapter-list-size {
float: left;
width: 100%;
white-space: nowrap;
}
.footer > .container > .row > .col-info:last-child > dl:first-child {
margin-bottom: 0;
}
.dropdown-triangle {
float: right;
padding-right: 2%;
}
a.How_it_Works:hover {
text-decoration: none;
color: #fff;
}
.header.top-section-header {
background-color: initial;
box-shadow: none;
margin-top: 0;
position: absolute;
}
.header .solar_at_home_rights .btn-yellow {
border-radius: 6%;
background-color: rgb(255, 204, 0);
color: black;
/* width: 30%; */
height: auto;
line-height: normal;
padding: 2vmin 1%;
}
.header .solar_at_home_rights {
padding: 3vmin 6% 0 0;
}
.navbar-header .hamburger_color {
color: white;
margin-top: 2.5rem;
margin-bottom: 1.6rem;
background-color: transparent !important;
}
#project .hamburger_color {
margin-top: 2.6rem;
margin-bottom: 1.6rem;
}
.background-collapse-color {
background-color: white;
height: auto !important;
}
.full-width {
float: left;
position: relative;
width: 100%;
}
.modal-content .donate-popup-header img.background-image-size {
float: left;
width: 7vmin;
}
.donate-popup .modal-header {
padding: 2vmin 0;
border: 0;
}
.donate-popup h4.modal-title {
float: left;
position: relative;
padding-left: 5%;
font-size: 3.2vmin;
font-weight: 100;
max-width: 70%;
text-align: left;
min-width: 50%;
}
.modal-content {
background-color: #fff;
float: left;
}
.donate-popup .donation-value-suggestion {
background-color: #ebebeb;
text-align: center;
padding: 1vmin 0;
border-radius: 0.5em;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
color: #494949;
cursor: pointer;
font-size: 2.6vmin;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.donate-popup .input-custom-amount span {
float: left;
font-size: 2.7vmin;
width: auto;
padding-left: 6%;
}
.donate-popup .input-custom-amount input[type=number] {
outline: 0;
border: 0;
width: 74%;
padding: 0;
margin: 0 !important;
height: auto;
box-shadow: none;
font-size: 2.7vmin;
padding-left: 2%;
}
.donate-popup .input-custom-amount {
border: 2px solid #C3E5D4;
padding: 0.8vmin 0;
width: 100%;
}
.donate-popup .donation-values > div > div {
margin: 0.7vmin 0 !important;
}
.donate-popup .next-button {
text-align: center;
padding: 1vmin 0;
border-radius: 0.5em;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
color: #fff;
cursor: pointer;
font-family: 'Open Sans', 'Helvetica Neue', Arial, Verdana, 'Droid Sans', sans-serif;
font-size: 2.7vmin;
background-color: #9a9a9a;
}
.donate-popup .input-custom-amount input[type=number]::-webkit-input-placeholder {
font-size: 2.1vmin;
}
.donate-popup .input-custom-amount input[type=number]:-moz-placeholder {
font-size: 2.1vmin;
}
.donate-popup input[type='checkbox'] {
display: none;
}
.donate-popup input[type='checkbox'] + label {
cursor: pointer;
display: inline-block;
position: relative;
font-weight: normal;
color: #494949;
margin: 0;
font-size: 2.3vmin;
}
.donate-popup input[type='checkbox'] + label:before {
content: '';
vertical-align: text-bottom;
display: inline-block;
background: #fbfbfb;
border: 1px #ccc solid;
margin-right: 0.8vmin;
float: none;
width: 3.2vmin;
height: 3.2vmin;
line-height: 3.2vmin;
padding: 0;
text-align: center;
font-family: 'FontAwesome';
color: #669092;
font-size: 2.2vmin;
}
.donate-popup input[type='checkbox'] + label:before {
color: #5FB88D !important;
}
.donate-popup input[type='checkbox']:checked + label:before {
content: '\f00c';
}
.donate-popup .u-background--grey {
float: left;
width: 100%;
position: relative;
padding: 0 3% 0.5vmin;
}
.donate-popup .u-background--grey > div:first-child {
background-color: #fbfbfb;
line-height: 6vmin;
padding-left: 4%;
}
.donate-popup .monthly-plan-msg {
display: none;
float: left;
width: 100%;
position: relative;
padding: 1.4vmin 0% 2vmin;
color: #494949;
font-size: 2.1vmin;
padding-left: calc(4vmin + 4%);
}
.donation-values > div {
padding: 0 1.5%;
}
.donate-popup {
padding: 0 3.3% 2vmin;
}
.donate-popup-header > div:first-child {
padding: 0 0 0 2%;
}
.disable-donation-btn {
pointer-events: none;
}
.zinnia .header.top-section-header {
background-color: rgba(0, 0, 0, 0);
box-shadow: 0 15px 25px rgba(0, 0, 0, 0);
margin-top: 0;
position: relative;
width: 100%;
}
.zinnia .header .container {
padding: 0;
margin: 0;
float: left;
width: 100%;
}
.zinnia > .header:first-child a:visited {
color: #fff;
}
.zinnia > .header:first-child a:visited {
color: #fff;
}
.zinnia > .header:first-child a:hover {
color: #fff;
}
.zinnia #header form input[type=text] {
width: 85%;
background-image: url(../img/search.png);
background-repeat: no-repeat;
background-position: 5px center;
padding-left: 25px;
border-radius: 5px;
float: right;
}
.zinnia #header .top-navigation li:after {
content: "";
}
.zinnia footer li, .zinnia .header.top-section-header li {
list-style-image: none;
}
.zinnia .footer .container {
height: 100%;
position: relative;
padding: 0 2.7%;
top: 0;
left: 0;
z-index: 99;
margin: 0;
width: 100%;
max-width: 100%;
}
.curnt-projct-lst-head {
float: left;
position: relative;
width: 100%;
padding: 18vmin calc(30px + 5.6%) 5vmin;
z-index: -2;
}
.curnt-projct-lst-head > .divider-title {
font-size: 24px;
margin: 30px calc(30px + 5.6%);
width: 100%;
color: #100084;
font-weight: 100;
margin-top: 110px;
display: block;
height: 0.5em;
line-height: 1em;
border: none;
border-bottom: 1px solid #100084;
margin-bottom: 0.5em;
text-align: center;
font-size: 25px;
margin-bottom: 1.5em;
margin: 0;
padding: 0;
}
.curnt-projct-lst-head + .active-projects-module .container {
background: none;
}
.social-ul {
font-size: 3vmin;
}
.flex {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-row-rev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-col-rev {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-aln-itm-cnt {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.flex-aln-itm-srt {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-aln-itm-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-aln-itm-baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex-aln-itm-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-aln-con-cnt {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.flex-aln-con-end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.flex-aln-con-srt {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-aln-con-around {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.flex-aln-con-btw {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.flex-aln-con-stretch {
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.flex-jty-con-cnt {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-jty-con-end {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-jty-con-space-betwn {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-jty-con-srt {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-jty-con-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-jty-con-btw {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-jty-con-stretch {
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-wrap-rev {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-no-wrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.home-page-content .container {
position: relative;
float: left;
width: 100%;
max-width: 100%;
}
.home-page-content .newsletter-module > .container {
position: absolute;
width: 100%;
max-width: 100%;
}
.home-page-content .newsletter-module {
float: left;
width: 100%;
}
.home-page-content .newsletter-module > .parallax-window {
float: left;
}
.user-group .about-inset {
float: left;
position: relative;
width: 100%;
padding-bottom: 7vmin;
}
.user-group .about-inset a:hover {
text-decoration: none;
color: #00A1FC;
}
.footer .container .col-menu .footer-colmn-links {
color: #8a8a8a;
font-weight: normal;
text-transform: none;
}
.footer .container > .row:first-child a:hover {
color: #23527c;
}
.component-row.password-reset > div {
margin: 0 33%;
}
.password-reset .placeholder-field-label {
position: relative;
width: 100%;
padding: 3vmin 0 1vmin;
}
.password-reset .submit-button {
margin-top: 2vmin;
}
.password-reset-done .component-container {
margin: 0 30%;
}
.password-reset-done .component-container > p {
text-align: center;
}
@media (max-width: 767px) {
.component-row.password-reset > div {
margin: 0 13%;
}
.password-reset-done .component-container {
margin: 0 13%;
}
}
@media (max-width: 414px) {
.carousel-third-img .text_overlay {
padding: 4vmin calc(8.5% + 15px) 0 calc(8.5% + 15px);
}
.carousel-third-img .how-it-works-button {
padding: 2vmin 19%;
float: left;
width: 100%;
}
.carousel-fourth-img .how-it-works-button {
padding: 2vmin 19%;
float: left;
width: 100%;
}
.carousel-second-img .text_overlay {
padding: 4vmin calc(4.5% + 15px) 0 calc(4.5% + 15px);
}
.carousel-second-img .text_content .space_btn_element:nth-child(2) {
margin-top: 0;
padding: 0 18%;
}
}
@media only screen and (min-width: 1400px) {
.logo-home {
background: url(../images/logo-white.png);
margin: 2.3vmin 0 0 13vmin;
background-repeat: no-repeat;
width: 12em;
height: 5em;
display: block;
background-size: 12em 5em !important;
}
.join-mov-btn-cntnr {
font-size: 14px;
}
.text_on_blue_image {
text-align: center;
font-size: 1.9rem;
color: white;
margin-top: 1em;
}
.join-mov-btns {
padding: 3.4em 2.9% 0;
}
.Go_Solar_at_Home {
padding: 1.25em 1%;
font-size: 1.55rem;
}
#myCarousel .carousel-prev-button {
left: -0.1em;
top: 0.75em;
}
.carousel-third-img .text_content {
width: 70em;
}
/*.carousel-fourth-img .text_content {*/
/*width: 70em;*/
/*}*/
.CREATE_CLEAN_ENERGY {
font-size: 5.5rem;
}
.Bring_solar_energy__to_communities_around_the_c {
font-size: 2.6rem;
line-height: 1.45em;
}
.carousel-third-img .How_it_Works {
font-size: 1.7rem;
font-family: SourceSansProBold;
}
.carousel-fourth-img .How_it_Works {
font-size: 1.7rem;
font-family: SourceSansProBold;
}
.carousel-second-img .How_it_Works {
font-size: 1.7rem;
}
.How_it_Works {
font-size: 1.7rem;
width: 22%;
}
.header {
height: 9em;
}
.header .rights {
padding: 3.9rem 5.2% 0 0;
}
.footer .row:last-child {
padding-bottom: 1em;
}
}
@media only screen and (min-width: 1600px) {
/*.yellow-buttons {
font-size: 1.6em;
}*/
.header a.btn-blue, .header.after-scroll-header a.btn-blue {
padding: 1em 1%;
}
}
.zinnia .container {
max-width: 100%;
width: 82%;
}
.zinnia dd {
margin-left: 0;
}
@media (max-width: 500px) {
#myCarousel .carousel-fourth-img .background-image-size_home {
content: url(../images/mobile/mobile_slide4.jpg);
}
#myCarousel .carousel-third-img .background-image-size_home {
content: url(../images/mobile/mobile_slide1.jpg);
}
#myCarousel .carousel-second-img .background-image-size_home {
content: url(../images/mobile/mobile_slide2.jpg);
}
#myCarousel .carousel-first-img .background-image-size_home {
content: url(../images/mobile/mobile_slide3.jpg);
}
}
.intake-form-msg-cntnr {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 2222;
display: flex;
align-items: center;
justify-content: center;
}
.intake-form-msg {
background-color: #fff;
padding: 10vmin 2vmin 7vmin;
width: 50%;
font-size: 2.7vmin;
color: #7E7E7E;
font-weight: 600;
text-align: center;
}
.form-submit-msg-btn-cntnr {
padding: 6vmin 45% 0;
float: left;
position: relative;
width: 100%;
}
.form-submit-msg-btn {
background-color: #100084;
text-align: center;
color: #fff;
font-weight: bold;
padding: 0.8vmin 0;
font-size: 2.8vmin;
border-radius: 2%;
cursor: pointer;
width: 100%;
}
@media only screen and (min-width: 1750px) {
.How_it_Works {
font-size: 1.7rem;
width: 18%;
}
}
@media only screen and (max-width: 767px) {
.row.component-row.password-reset-confirm {
padding: 0 7%;
}
form#password_reset_confirm_form .placeholder-field-label {
position: relative;
width: 100%;
}
form#password_reset_confirm_form label:last-child {
margin: 1em 0;
}
}
.row.component-row.password-reset-confirm {
padding: 0 33%;
}
form#password_reset_confirm_form .placeholder-field-label {
position: relative;
width: 100%;
margin: 0.5em 0;
}
form#password_reset_confirm_form .placeholder-field-label:last-child {
margin: 1em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.How_it_Works {
width: 35%;
}
.header.after-scroll-header .logo-home {
margin: 2.2rem 0 0 9%;
}
}
.donate-on-sign-up {
background: #100084 none repeat scroll 0 0;
border: medium none;
border-radius: 0;
color: white;
text-transform: uppercase;
width: 100%;
margin-top: 20px;
}
.donate-on-sign-up > span {
background: transparent none repeat scroll 0 0;
box-shadow: none;
font-family: "Source Sans Pro";
font-size: 16px;
font-weight: 900;
height: auto;
line-height: 43px;
}
@media (max-width: 991px) {
#phone1 {
display: none;
}
.donate-on-sign-up {
width: 150px !important
}
}
@media (min-width: 991px) {
#ipad1 {
display: none;
}
}
@media (max-width: 767px) {
#ipad1 {
display: none;
}
#phone1 {
display: block;
}
}
.donation-welcome-msg {
text-align: center;
padding-bottom: 20px;
color: #100084;
}
body.main-body {
background-color: #fff;
}
.container-fluid > .no-donations > .row {
max-width: 80%;
}
.dashboard > .container-fluid > .col-md-9 > .row, .container-fluid > .impact > .row {
margin: 0 auto;
max-width: 100%;
}
html.app-root-element .cms-content-row p {
font-size: 16px;
}
.login > .row, .signup > .row {
margin-right: 0;
margin-left: 0;
}
signup > .row .social-login-buttons {
padding-top: 1em;
margin-left: 0;
width: 100%;
}
.social-login-buttons .slb_socialButtons span {
margin-left: 0;
}
#login_form small.non-field-error {
background-color: #fff;
color: #F46B7B;
}
/*CSS for create project form*/
#project_form .section-title {
margin-left: 0.9375rem;
font-size: 3rem;
}
#project_form .dollar-sign {
font-size: 1.5rem;
line-height: 0.8;
}
#project_form span.help-text {
font-size: 1.4rem;
}
#project_form 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 {
font-size: 1.375rem;
/*height: 3.0125rem;*/
margin: 0 0 1rem 0;
/*padding: 0.8rem;*/
}
#project_form small {
font-size: 1rem;
line-height: inherit;
}
#project_form button, #project_form input, #project_form select, #project_form textarea {
font-size: 1.3rem;
}
#project_form input {
font-size: 1.3rem;
height: 3.4rem;
}
#project_form input[type="file"], #project_form input[type="checkbox"], #project_form input[type="radio"], #project_form select {
margin: 0 0 2rem 0;
}
#project_form .large {
font-size: 2.15rem;
}
#project_form span {
font-size: 1.4rem;
}
#project_form .chosen-container {
margin-bottom: 1rem;
}
#project_form .donation-level-1 .small-4 label:last-child span.help-text,
#project_form .donation-level-0 .small-4 label:last-child span.help-text {
float: left;
}
#project_form input[type="checkbox"] {
margin: 0.4rem 0 2rem 0.6rem;
height: auto;
}
.row.form-section {
max-width: 100rem;
}
/*
CSS for financial report*/
#donation_report_wrapper label,
#all_donation_report_wrapper label {
font-size: 1.4rem;
}
#matching_donor_wrapper label {
font-size: 1.4rem;
}
#donation_report_wrapper select,
#all_donation_report_wrapper select {
font-size: 1.4rem;
padding: 0.6rem;
height: 3.2125rem;
}
#matching_donor_wrapper select {
font-size: 1.4rem;
padding: 0.6rem;
height: 3.2125rem;
}
#donation_report_wrapper table thead tr th,
#donation_report_wrapper table tr td,
#all_donation_report_wrapper table thead tr th,
#all_donation_report_wrapper table tr td {
color: #222222;
font-size: 1.3rem;
}
#matching_donor_wrapper table thead tr th, #matching_donor_wrapper table tr td {
color: #222222;
font-size: 1.3rem;
}
#donation_report_wrapper button.dt-button,
#donation_report_wrapper div.dt-button,
#donation_report_wrapper a.dt-button,
#all_donation_report_wrapper button.dt-button,
#all_donation_report_wrapper div.dt-button,
#all_donation_report_wrapper a.dt-button {
font-size: 1.4rem;
}
#matching_donor_wrapper button.dt-button, #matching_donor_wrapper div.dt-button, #matching_donor_wrapper a.dt-button {
font-size: 1.4rem;
}
.dataTables_wrapper .dataTables_info {
font-size: 1.6rem;
}
.dataTables_paginate .paginate_button {
font-size: 1.6rem;
}
#donation_report_filter input[type="search"],
#all_donation_report_filter input[type="search"] {
font-size: 1.4rem;
}
#donation_report_wrapper .dataTables_paginate,
#all_donation_report_wrapper .dataTables_paginate {
padding-bottom: 2em;
}
#matching_donor_wrapper .dataTables_paginate {
padding-bottom: 2em;
}
#donation_report_wrapper .dt-buttons,
#all_donation_report_wrapper .dt-buttons {
padding-top: 2em;
}
#matching_donor_wrapper .dt-buttons {
padding-top: 2em;
}
.donate-msg-cntnr {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 2222;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.donate-popup {
background-color: #fff;
padding: 0 2vmin 2vmin;;
width: 100%;
font-size: 2.7vmin;
color: #7E7E7E;
font-weight: 600;
text-align: center;
position: relative;
}
.donate-msg-cntnr .donate-popup {
width: 41%;
padding: 5vmin 2vmin 5vmin;
}
.donate-submit-btn-cntnr {
padding: 4vmin 10% 0;
float: left;
position: relative;
width: 100%;
}
.donate-btn-login, .donate-as-guest {
background-color: #100084;
text-align: center;
color: #fff;
font-weight: bold;
padding: 0.8vmin 0;
font-size: 2.8vmin;
border-radius: 2%;
cursor: pointer;
margin-left: auto;
margin-right: auto;
width: 55%;
float: none;
outline: 0;
border: 0;
}
.donate-as-guest {
margin-top: 2vmin;
}
img.close-donate-popup {
position: absolute;
right: 2%;
top: 1.5vmin;
border: 1px solid #ccc;
width: 2.4vmin;
cursor: pointer;
}
.switch-view-ambassador-financial-rp {
padding: 6px;
background-color: #100084;
display: inline-block;
color: white;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.donate-popup {
width: 75%;
}
.open-popup-link,
.open-popup-link:hover,
.open-popup-link:focus,
.open-popup-link:active {
font-size: 22px;
width: 90%;
}
}
@media screen and (max-width: 736px) and (orientation: landscape) {
.donate-popup {
width: 61%;
}
}
@media (min-width: 768px) {
.container .navbar-collapse.collapse {
display: none !important;
}
}
.navbar-collapse.collapse {
display: none;
}
.navbar-collapse.collapse.in {
display: block;
}
/*CSS for 404.html page*/
.row.container.page-not-found-msg {
margin-top: 143px;
}
.container.page-not-found-msg .png-image {
margin-top: 50px;
}
/*
CSS for Newsletter pop-up*/
.newsletter-msg-cntnr {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 2222;
display: flex;
align-items: center;
justify-content: center;
}
.newsletter-msg {
background-color: #fff;
padding: 6vmin 2vmin 6vmin;
width: 39%;
font-size: 2.7vmin;
color: #7E7E7E;
font-weight: 600;
text-align: center;
position: relative;
}
.close-newsletter-popup {
position: absolute;
right: 2%;
top: 1.5vmin;
width: 2.4vmin;
cursor: pointer;
filter: brightness(40%);
}
.newsletter-msg-btn-cntnr {
padding: 4vmin 44% 0;
float: left;
position: relative;
width: 100%;
}
.newsletter-submit-msg-btn {
background-color: #100084;
text-align: center;
color: #fff;
font-weight: bold;
padding: 0.8vmin 0;
font-size: 2.8vmin;
border-radius: 2%;
cursor: pointer;
width: 100%;
}
.newsletter-error-email-msg {
color: #ff0039;
float: left;
position: relative;
font-size: 2.3vmin;
/* padding: 1vmin 0 0; */
}
@media only screen and (device-width: 1024px) and (orientation: landscape) {
.footer .container .bottoms .social-icons-cntnr {
align-items: center;
}
}
.password-change .component-container {
margin: 0 auto;
width: 29%;
}
form#change_password_form label {
width: 100%;
}
.password-change .component-container p {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.password-change .component-container {
margin: 0 auto;
width: 90%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.password-change .component-container {
margin: 0 auto;
width: 50%;
}
}
#reinvest-spinner {
display: none;
width: 100%;
height: 100%;
z-index: 1050;
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
align-items: center;
justify-content: center;
}
#reinvest-spinner img {
width: 50px;
height: 50px;
}
#matching-donor-spinner {
display: none;
width: 100%;
height: 100%;
z-index: 9999999;
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
align-items: center;
justify-content: center;
}
#matching-donor-spinner img {
width: 50px;
height: 50px;
}
.after-header .range-date {
margin: 0 1vmin;
width: 20% !important;
position: relative;
float: left;
z-index: 999;
background-color: white;
font-size: 2vmin !important;
}
.range-label {
float: left;
font-size: 1.4rem;
}
.donation-report-padding {
padding-top: 5.2vmin;
padding-bottom: 3vmin;
}
#add_matching_donor .matching-donor-dropdown {
font-size: 1.9vmin;
height: 5vmin;
}
.matching-donor-save {
font-size: 2vmin;
}
.matching-donor-save-btn {
position: relative;
padding: 0 41% 0;
padding-top: 2vmin;
}
.matching-donor-label {
font-size: 1.9vmin;
font-weight: bold;
}
.matching-donor-section {
padding-top: 4vmin;
font-size: 5vmin;
padding-bottom: 2vmin;
}
.matching-donor-add {
padding-top: 2vmin;
font-size: 2vmin;
}
.edit {
font-size: 1.9vmin;
margin: 0;
}
.close-btn {
margin: 0;
}
#add_matching_donor .btn-modal {
font-size: 2vmin;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
font-size: 2vmin;
}
.no-active-projects {
padding: 30vmin 5vmin;
}
.no-active-projects-span {
font-size: 3vmin;
}
.btnSearch {
background-color: #008CBA;
border: none;
padding: 0.7vmin 2vmin;
margin-left: 1vmin;
color: white;
font-weight: bold;
}
.header {
z-index: 1;
}
@media only screen and (max-width: 767px) {
.dashboard .dashboard-sidebar {
margin-top: 4rem;
}
}
.align-center {
text-align: center;
}
.donation-text {
font-size: 2.2vmin;
text-align: center;
}
#donation-spinner {
display: none;
width: 100%;
height: 100%;
z-index: 1050;
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
align-items: center;
justify-content: center;
}
.donate-ok-btn {
padding: 6px 21px;
}
.title-yellow-border {
color: rgb(255, 204, 0);
border: 2px solid rgb(255, 204, 0);
font-size: 3vmin;
text-align: center;
}
.title-matching-donor {
width: 100%;
padding-bottom: 10vmin;
text-align: center;
padding-top: 10.6vmin;
}
.export-btn {
padding: 1vmin 3vmin;
font-size: 2vmin;
}
.hide-test {
display: none;
}
.blog-font {
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.txtarea-height {
height: 20em !important;
}
.btn-send {
display: flex;
align-items: center;
justify-content: center;
}
.email-form-div {
width: 50%;
margin: 0 auto;
margin-top: 4em;
margin-bottom: 4em;
}
.email-send-btn {
width: 5em;
border: 0;
height: 3em;
line-height: 43px;
}
.newsletter-ok-btn {
padding: 6px 21px;
}
.zinnia .header a.btn-blue:last-child {
margin-right: 0;
}
.zinnia .header a.btn-blue:nth-child(2), .header a.btn-blue:first-child {
margin-right: 3rem;
}
.learn-more-text {
color: #eee;
font-family: italic;
font-weight: 600;
}
.leo-content-center {
max-width: 43em;
margin: 0 auto;
position: relative;
margin-top: 11em;
}
.leo-content-text {
font-size: 32px;
font-weight: 700;
line-height: 36px;
color: #100084;
}
.leo-content-size {
font-size: 16px;
margin-top: 1em;
}
.leo-donate-btn {
text-align: center;
margin-top: 2em;
margin-bottom: 2em;
}
.leadership-circle-header {
font-size: 32px;
font-weight: 600;
line-height: 36px;
color: #100084;
}
.leadership-circle-sub-header {
color: #FF8A00;
font-weight: 600;
font-size: 25px;
line-height: 28px;
}
.leadership-circle-sub-header {
color: #FF8A00;
font-weight: 600;
font-size: 25px;
line-height: 28px;
margin-bottom: 20px;
font-family: Lato, sans-serif;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeLegibility;
}
.leadership-circle-sub-text {
font-size: 18px;
line-height: 20px;
color: #FF8A00;
font-weight: 600;
font-family: Lato, sans-serif;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeLegibility;
}
.leadership-content {
font-size: 16px;
font-weight: 400;
}
.leadship-img {
text-align: center;
margin-top: 1.6em;
padding-bottom: 3em;
border-bottom: 1px solid #ccc;
}
.leadship-li {
list-style-type: disc !important;
margin-left: 15px;
}
.leadship-ui {
list-style-type: none;
text-decoration: none;
margin-left: 2em;
}
.leadership-img-size {
width: 450px;
height: 450px;
}
.infographic {
text-align: center;
width: 57%;
margin: 0 auto;
margin-bottom: 4%;
}
@media screen and (max-width: 668px) {
.leo-content-center {
max-width: 20em;
margin: 0 auto;
position: relative;
margin-top: 11em;
}
.leadership-img-size {
width: 100%;
height: 450px;
}
}
.container1 {
display: inline-block;
cursor: pointer;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #100084;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
.header .txt .navbar-collapse-settings a {
color: #999;
font-weight: 800;
text-decoration: none;
font-size: 14px;
}
.header .txt .navbar-collapse-settings a:hover {
color: #100084;
}
.navbar-collapse-settings {
margin: 0px 0px 0px auto;
width: 50%;
}
.navbar-collapse-border {
border-style: solid;
border-width: 1px;
border-color: #ededed;
margin-left: 0;
}
.navbar-collapse-settings-blue {
width: 13em;
z-index: 10;
right: 4.8em;
}
.account-heading {
background-image: url(/static/images/rectangle_lined.png);
margin-top: 13%;
height: 7em;
}
.account-heading-span {
padding-left: 2.8em;
font-size: 2.1em;
}
.account-tabs {
text-align: center;
margin-top: 4em;
}
.account-tab-text {
font-size: 1.5em;
color: #ddd;
font-weight: 700;
}
.account-tab-text-active {
color: #100084;
}
.setting-form-top {
margin-top: 4em;
padding-left: 5em;
border-left: 2px solid #e8e8e8;
}
.setting-form-lebel {
font-size: 1.1em;
font-weight: 700;
}
.setting-donation-amount {
display: inline-block;
margin: 0.7em 1.3em;
font-size: 1.4em;
color: #9d9d9d;
}
.setting-donation-change {
float: right;
display: inline-block;
font-size: 1em;
color: #100084;
position: relative;
margin: -3.6em 1.6em;
z-index: 1;
margin-top: -2.9em;
}
.setting-input-block {
margin-bottom: 2em;
}
.setting-donation-details {
font-size: 1.3em;
color: #777;
font-weight: 500;
}
.setting-details-margin {
margin-bottom: 1.4em;
}
.setting-donations {
float: right;
font-size: 1.3em;
color: #777;
}
.setting-donation-save {
font-size: 1.5em;
padding: 0 74px;
border-radius: 4.5px;
border: 0;
}
span.account-tab-text {
cursor: pointer;
}
span.setting-donation-change {
cursor: pointer;
}
.field-error {
border: 1px solid #F46B7B;
}
.error-text {
color: #F46B7B;
}
.learn-more {
position: relative;
width: 100%;
float: left;
/* text-align: center; */
margin-left: 6em;
margin-top: 0.4em;
}
@media (max-width: 767px) {
.learn-more {
text-align: center;
margin: 0 auto;
}
}
.learn-more-text {
color: #eee;
font-family: italic;
font-weight: 600;
}
.leo-content-center {
max-width: 43em;
margin: 0 auto;
position: relative;
margin-top: 11em;
}
.leo-content-text {
font-size: 32px;
font-weight: 600;
line-height: 36px;
color: #100084;
}
.leo-content-size {
font-size: 16px;
margin-top: 1em;
}
.leo-donate-btn {
text-align: center;
margin-top: 2em;
}
.myth-box-header-div {
text-align: left;
font-size: 22px;
font-weight: 600;
color: rgba(75, 75, 75, 0.71);
margin: 0 auto;
width: 90%;
padding-top: 0.8em;
padding-bottom: 0.8em;
}
.myth-collapse-text {
margin: 0 2.7em auto;
padding-bottom: 2em;
padding-right: 8em;
color: #777;
font-weight: 500;
font-size: 16px;
font-family: sans-serif;
}
.myth-box-div {
border: 1px solid #e8e8e8;
width: 81%;
margin-bottom: 2em;
border-radius: 5px;
}
.myth-collapse-icon {
float: right;
color: #100084;
}
@media (max-width: 767px) {
.account-heading {
margin-top: 31%;
}
.myth-box-div {
width: 100%;
}
.myth-collapse-text {
padding-right: 0;
}
.myth-box-header-div {
font-size: 12px;
padding-right: 0%;
}
.myth-collapse-text {
font-size: 10px;
}
.account-tab-text {
font-size: 1.2em;
}
.account-heading-span {
font-size: 1.8em;
padding-left: 0;
}
.infographic {
text-align: center;
width: auto;
margin: 0 auto;
margin-bottom: 4%;
}
}
.setting-input-block {
margin-bottom: 2em;
}
.setting-input-full-width {
float: left;
width: 100%;
}
.setting-form-lebel {
font-size: 1.1em;
font-weight: 700;
}
.setting-input-full-width {
float: left;
width: 100%;
}
.setting-dollar-label {
position: absolute;
float: left;
top: 1.5rem;
left: 1rem;
font-size: 1.8rem;
color: #777;
}
.setting-donation-input {
height: 2.9em;
width: 100%;
border: 1px solid #ddd;
border-radius: 5.5px;
font-weight: 500;
color: #777;
padding-left: 2.1rem !important;
font-size: 1.4em !important;
}
.setting-donation-change {
float: right;
display: inline-block;
font-size: 1em;
color: #100084;
position: relative;
margin: -3.6em 1.6em;
z-index: 1;
}
.facts-row {
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
}
.accelator-sub-heading {
margin-top: 1.1em;
color: #FF8A00;
font-size: 21px;
line-height: 30px;
font-weight: bold;
width: 70%;
}
.revolv-content-center {
padding: 0 8%;
position: relative;
top: 5em;
width: 100%;
}
.accelerator-donate-btn {
width: 30%;
align-content: center;
margin-top: 6%;
}
.accelerator-bottom-btn {
margin-bottom: 6em;
width: 50%;
margin-left: 5%;
}
.accelerator-bottom-btn-div {
text-align: left;
display: flex
}
.accelerator-main-div {
width: 100%;
min-height: 81em;
position: relative;
}
.accelator-flex {
display: flex;
}
.accelator-page-text-container {
width: 70%;
}
.accelator-image-text-container {
width: 19%;
margin-left: 10%;
}
.confirm-text {
text-align: center;
font-family: "Lato", sans-serif;
font-weight: bold;
font-style: normal;
line-height: normal;
color: #222222;
font-size: 2.2vmin;
padding: 0 2vmin;
}
@media (max-width: 767px) {
.accelerator-bottom-btn-div {
text-align: left;
display: block;
}
.accelerator-donate-btn {
width: 100%;
align-content: center;
margin-top: 6%;
text-align: center;
margin-bottom: 2em;
}
.accelator-flex {
display: block;
}
.accelator-page-text-container {
width: 100%;
}
.leadship-ui {
list-style-type: none;
text-decoration: none;
margin-left: 0;
}
.accelator-sub-heading {
margin-top: 1.1em;
color: #FF8A00;
font-size: 21px;
line-height: 30px;
font-weight: bold;
width: 100%;
}
.accelator-image-text-container {
width: 100%;
margin-left: 0;
margin-top: 2em;
}
.accelerator-bottom-btn {
margin-bottom: 6em;
width: 100%;
margin-left: 0;
}
}
@media (max-width: 955px) {
.account-heading {
margin-top: 31%;
}
.myth-box-div {
width: 100%;
}
.myth-collapse-text {
padding-right: 0;
}
.myth-box-header-div {
font-size: 12px;
padding-right: 0%;
}
.myth-collapse-text {
font-size: 10px;
}
.account-tab-text {
font-size: 1.2em;
}
.account-heading-span {
font-size: 1.8em;
padding-left: 0;
}
}
.facts-icon-image {
margin-top: 1em;
padding: 0.5em;
width: 6.5em;
}
.facts-label-text {
font-size: 23px;
padding: 22px;
color: #777;
font-weight: 700;
}
.facts-div-style {
position: relative;
width: 100%;
float: left;
border-radius: 4px;
text-align: center;
border: 1px solid #ddd;
height: 240px;
}
.facts-row {
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
}
.fact-card-info {
float: left;
color: #FFFFFF;
font-size: 1.1em;
}
.fact-card-text-style {
display: none;
background-color: #00BFFF;
border-radius: 4px;
padding: 1em;
float: left;
height: 240px;
}
.fact-bottom-text {
float: left;
width: 100%;
margin-bottom: 4em;
color: #b1a6a6;
padding-left: 1.5em;
padding-top: 0.4em;
font-size: 1.4em;
}
.fact-card-width {
float: left;
width: 100%;
}
.fact-card-logo-style {
float: left;
width: 100%;
height: 240px;
padding: 10px;
}
.fact-card-logo {
float: left;
width: 100%;
text-align: center;
height: 240px;
}
.myth-collapse-icon:hover {
cursor: pointer;
}
.show-card {
display: block !important;
}
.hide-card {
display: none !important;
}
.source-anchor-link {
color: white;
font-weight: 700;
text-decoration: underline;
}
@media (min-width: 767px) and (max-width: 1024px) {
.account-tabs {
margin-top: 4em;
padding-left: 1.2em;
}
}
@media (min-width: 1024px) {
.account-tabs {
text-align: left;
margin-top: 4em;
padding-left: 5.5em;
}
}
@media (max-width: 767px) {
.facts-row {
/*margin-bottom: 2em;*/
/*width: 50%;*/
/*margin-left: 25%;*/
/*display: inherit !important;*/
}
#myth {
margin-top: 5.4em;
}
.setting-form-top {
margin-top: 4em;
padding-left: 11px;
}
}
@media (min-width: 464px) and (max-width: 766px) {
.facts-row {
/*margin-bottom: 2em;*/
width: 50%;
margin: auto;
/*display: inherit !important;*/
}
/*#myth {*/
/*margin-top: 5.4em;*/
/*}*/
/*.setting-form-top {*/
/*margin-top: 4em;*/
/*padding-left: 11px;*/
/*}*/
}
#project > div.cms-content-row.row.after-header > div > div:nth-child(12) > p {
text-align: center;
}
#project > div.cms-content-row.row.after-header > div > div:nth-child(12) > p > a {
padding: 0.7em;
background: #FF8A00;
color: #fff;
border-radius: 3px;
cursor: pointer;
font-weight: bold;
}
#edit_value1, #edit_value2, #edit_value3, #edit_value4, #edit_value5 {
color: #100084;
border-left: none;
cursor: pointer;
readonly: readonly;
}
@media (max-width: 400px) {
.title-active-projects {
width: unset !important;
font-size: 11px !important;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.schedule-repayment-toggle-button {
background-color: #100084;
color: #FFF;
text-align: center;
border: none;
height: 35px;
}
.error {
color: red;
}
.success {
color: black;
}
#user_record_loader {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999;
background: url("/static/images/gif/revolv-loader.gif") no-repeat center center rgba(66, 66, 66, 1)
}
.cms-content-row ul,
.cms-content-row ol,
.cms-content-row dl {
font-size: 16px;
margin-left: 0;
padding-left: 25px;
}
@media (min-width: 1024px) {
.zinnia .container {
max-width: 85em;
}
body.zinnia > .container > #content {
width: auto;
font-size: inherit;
}
}
#sidebar {
display: none;
}
@media (max-width: 381px) {
.testimonial-module .head-row li .head-img .mobile-head {
width: 90vw;
}
}
.btn-donation-history {
display: block;
font-size: 20px;
font-weight: bold;
margin: 15px auto;
text-align: center;
}
.btn-donation-history a {
background-color: #2c3691;
color: white;
padding: 5px;
border-radius: 3px;
}
.btn-donation-history a:hover {
background-color: #100084;
color: #ffffff;
}
.zinnia > .container > #content > article > header > h2 {
font-size: 40px;
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
.zinnia.blue a:hover, .zinnia.blue a:active {
color: #268bd2 !important;
}
@media only screen and (max-width: 767px) {
div.info-section > div > div.video-main > div > div.video-area > div > iframe {
height: 100% !important;
}
}
@media (min-width: 767px) and (max-width: 1199px) {
.open-popup-link,
.open-popup-link:hover,
.open-popup-link:focus,
.open-popup-link:active {
width: 50%;
}
}