html {
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
}
img{
/*width: 100%;*/
}
.light{
font-weight: 300;
}
.thin{
font-weight: 100;
}
.normal{
font-weight: 500;
}
.smbold{
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
}
.uppercase{
text-transform: uppercase;
}
.alt-font{
font-size:14px;
}
.alt-font-2{
font-size:12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.alt-font-3{
font-size:14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.text-white{
color:#fff;
}
.bg-white{
background: #fff;
}
.dropdown-arrow-inverse {
border-bottom-color: #34495e !important;
border-top-color: #34495e !important;
}
.btn-labeled {
padding-top: 0;
padding-bottom: 0;
}
.btn-label {
position: relative;
left: -15px;
display: inline-block;
padding: 6px 12px;
background: rgba(0,0,0,0.15);
border-radius: 3px 0 0 3px;
}
.panel-default>.panel-heading .badge.badge-success{
background-color: #2ecc71;
}
#sidebar .panel .list-group-item{
padding:10px 0;
border:none;
}
.sg-headline {
padding: 73px 0 110px;
text-align: center;
}
.sg-logo {
/*font: 900 90px/100px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
letter-spacing: -2px;
margin: 10px 0;
}
.sg-logo .logo {
background: url(../images/demo/simply-giving-logo.png) center 0 no-repeat;
/*background-size: 236px 181px;*/
height: 144px;
margin: 0 auto 26px;
overflow: hidden;
text-indent: -9999em;
width: 300px;
}
.sg-logo small {
color: rgba(52, 73, 94, 0.30000000000000004);
display: block;
font-size: 22px;
font-weight: 700;
letter-spacing: 0;
padding-top: 5px;
}
.sg-row {
margin-bottom: 20px;
}
.sg-row .sg-heading-note,
.sg-row .sg-text-note {
display: block;
width: 260px;
position: absolute;
bottom: 10px;
left: 0;
font-size: 13px;
line-height: 13px;
color: #c0c1c2;
font-weight: 400;
}
.sg-row .sg-text-note {
bottom: auto;
top: 10px;
}
.sg-row.typography-row .sg-content {
float: none;
width: auto;
clear: both;
}
.sg-row.typography-row .sg-type-example {
padding-left: 25%;
margin-bottom: 40px;
position: relative;
}
.sg-section-title {
/*font: 900 32px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
margin: 10px 0;
}
.sg-panel-title {
padding-top: 20px;
margin: 2px 0 20px;
/*font: bold 23px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
}
.sg-panel-title small {
color: #798795;
font-size: inherit;
font-weight: 400;
}
.sg-navigation {
margin-bottom: -4px;
margin-top: -10px;
}
.sg-pager {
margin-top: -20px;
}
.sg-tooltips {
height: 126px;
}
.sg-tooltips .tooltip {
left: -8px !important;
position: relative !important;
top: -8px !important;
}
.sg-headings {
margin-bottom: 12px;
}
.sg-tiles {
margin-bottom: 46px;
}
.sg-icons {
font-size: 32px;
margin-left: -20px;
padding-left: 20px;
}
.sg-icons .sg-content {
margin: 0 0 0 -35px;
}
.sg-icons .sg-content > span {
display: inline-block;
margin: 0 0 32px 35px;
width: 24px;
font-size: 24px;
}
.sg-icons-tooltip {
bottom: 0;
color: #c2c8cf;
font-size: 12px;
left: 100%;
margin-left: 0 !important;
position: absolute;
width: 80px;
}
.sg-illustrations .sg-content {
margin: 0 0 0 -40px;
padding-top: 20px;
}
.sg-illustrations .sg-content:before,
.sg-illustrations .sg-content:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.sg-illustrations .sg-content:after {
clear: both;
}
.sg-illustrations .sg-content > div {
float: left;
width: 100px;
height: 100px;
line-height: 100px;
margin: 0 0 40px 40px;
text-align: center;
}
.sg-illustrations img {
display: inline-block;
max-height: 100px;
max-width: 100px;
vertical-align: middle;
}
.sg-samples {
margin-bottom: 46px;
}
.sg-video {
padding-top: 95px;
border-radius: 6px;
}
.sg-download-section {
float: none;
margin: 0 auto;
padding: 60px 0 90px 20px;
text-align: center;
}
.sg-download-section [class*='fui-'] {
margin: 3px 0 -3px;
}
.sg-download {
background-color: #ebedef;
height: 190px;
margin: 0 auto 32px;
padding: 40px 28px 30px 32px;
text-align: center;
width: 190px;
border-radius: 50%;
}
.sg-download img {
height: 104px;
width: 82px;
}
.sg-download-text {
font-size: 15px;
padding: 20px 0;
text-align: center;
}
.sg-text-box a:hover {
color: #1abc9c;
}
.sg-browser {
background: #2c3e50 url(../images/demo/browser.png) 0 0 no-repeat;
background-size: 659px 42px;
color: #ffffff;
margin: 0 41px 140px 0;
padding-top: 42px;
border-radius: 0 0 6px 6px;
}
.sg-browser-side {
float: left;
padding: 22px 20px;
width: 151px;
}
.sg-browser-side > h5 {
font-size: 16px;
margin-top: 4px;
margin-bottom: 3px;
text-transform: none;
font-weight: 400;
}
.sg-browser-side > h6 {
font-size: 11px;
font-weight: 300;
line-height: 18px;
margin-top: 3px;
text-transform: none;
-webkit-font-smoothing: subpixel-antialiased;
}
.sg-browser-author {
background: url(../images/demo/browser-author.jpg) center center no-repeat;
border: 3px solid #ffffff;
display: block;
height: 84px;
margin: 0 auto;
width: 84px;
border-radius: 50%;
}
.sg-browser-action {
padding: 30px 0 12px;
}
.sg-browser-action > .btn {
padding: 7px 0 8px 11px !important;
text-align: left;
border-radius: 3px;
}
.sg-browser-action > .btn:before {
color: #ffffff;
content: '\e009';
font-size: 16px;
font-family: 'Flat-UI-Icons';
font-weight: 300;
margin-right: 12px;
position: relative;
top: 1px;
-webkit-font-smoothing: antialiased;
}
.sg-browser-content {
background-color: #34495e;
overflow: hidden;
padding: 21px 0 0 20px;
border-radius: 0 0 6px;
}
.sg-browser-content > img {
border: 6px solid #ffffff;
float: left;
margin: 0 15px 20px 0;
width: 146px;
}
.sg-thumbnails{}
.sg-thumbnails .thumbnail .caption{
border-bottom : 1px solid #ccc;
padding-bottom: 10px;
margin:10px 0 10px 0;
display: block;
text-align: center;
font-weight: 500;
}
.sg-thumbnails .thumbnail{
border: solid 1px #eaedf1;
background:none;
}
.sg-thumbnails .innerWrap{
display: block;
background-color: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#fff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#fff')";
}
ul.simple-list{
padding-left: 0;
}
.simple-list li{
list-style: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
.logo {
background-image: url(../images/demo/logo-mask-2x.png);
}
.sg-browser {
background-image: url(../images/demo/browser-2x.png);
}
}
.sg-swatches-row [class*="col"] {
float: left;
min-height: 1px;
}
.sg-swatches-row .swatches-col {
width: 800px;
margin-left: -5px;
}
.sg-swatches-row .swatches-desc-col {
width: 140px;
margin-left: 20px;
}
.btn-group-action{
}
.discover-search .input-group-btn .btn{
/*background-color: transparent;*/
/*border: none;*/
}
.btn-group-justified.btn-group-action{
/*table-layout: auto;*/
/*display: none;*/
}
.btn-group-action .btn{
/*background: #5f94b7;*/
font-size: 12px;
color: #fff;
text-transform: uppercase;
text-align: center;
/*letter-spacing: 1px;*/
/*font-weight: 500;*/
/*
background: #3498db;*/
border-right:solid 1px #ccc;
}
.btn-group-action .btn:hover{
/*background:#2185c5;*/
}
.btn.btn-simple{
background: #fff;
border: solid 1px #ccc;
/*border-radius: 0;*/
}
.btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple.active{
background: #f6f6f6;
border:solid 1px #3498db;
color:#3498db;
}
.btn.btn-simple-transparent{
background: none;
}
.btn.btn-simple-transparent:hover{
/*color:#3498db;*/
color: #245269;
}
.input-group-addon.input-group-addon-simple{
background: #f1f1f1 !important;
border-right: 1px solid #e0e0e0 !important;
color: #34495e;
font-weight: 600;
font-size: 14px;
width: 0;
}
/* Preloader
-------------------------------------------------- */
.preloader {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
/*background:#2b2d35 url(../images/preloader-bg.png) no-repeat center 40%;*/
background: #fff;
text-align:center;
z-index:9999999
}
.preloader .spinner {
margin:100px auto 0;
/*width: 70px;*/
height:70px;
text-align:center;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto
}
.preloader .spinner > div {
width:40px;
height:40px;
/*background-color: #333;*/
border-radius:100%;
display:inline-block;
-webkit-animation:bouncedelay 1.4s infinite ease-in-out;
animation:bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.preloader .spinner .bounce1 {
-webkit-animation-delay:-.32s;
animation-delay:-.32s
}
.preloader .spinner .bounce2 {
-webkit-animation-delay:-.16s;
animation-delay:-.16s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* Overlay
-------------------------------------------------- */
.overlay-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
background: rgba(0, 0, 0, 0.5);
background: -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
background: -moz-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
background: -ms-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
background: radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 0;
/* background: transparent url(../images/overlay-01.png);*/
}
.overlay-bg.black {
opacity: 0.5;
}
.overlay-bg.light {
background-image: -webkit-linear-gradient(top, rgba(243, 243, 243, 0.95) 80%, rgba(243, 243, 243, 0.85) 100%);
background-image: linear-gradient(to bottom, rgba(243, 243, 243, 0.95) 80%, rgba(243, 243, 243, 0.85) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f3f3', endColorstr='#d9f3f3f3', GradientType=0);
}
.ie9 .overlay-bg,
.ie8 .overlay-bg {
background: url('../img/ie-overlay.png');
}
.overlay:before{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
content: '';
opacity: 0.3;
z-index: 2;
background-color: #222222;
}
.panel-body{
}
.panel-title {
font-weight: 600;
font-size: 14px;
text-transform:uppercase;
letter-spacing: 1px;
color:#34495e;
}
.panel-title small {
color: #798795;
font-size: inherit;
font-weight: 400;
}
.panel-transparent{
border-radius: 0px;
background: none;
color:#fff;
}
.panel-transparent .panel-body{
background: rgba(0,0,0,.2);
}
.panel-transparent .panel-footer{
border: 1px solid #ddd;
}
.panel-filter{background:transparent;
-webkit-box-shadow:none;
box-shadow:none;
}
.panel-filter .panel-body{ padding: 0}
.panel-filter .panel-heading {
padding: 10px 0px 0;
border-bottom: solid 3px #f1f1f1;
font-weight: 300;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
color: #333;
margin-bottom: 20px;
}
.panel-filter .chosen-container{
/*margin-left: 15px;*/
}
.panel-filter .chosen-container-multi, .panel-filter .chosen-choices{
background: none;
border-color: #ddd;
}
.panel-filter .chosen-container-multi .chosen-choices li.search-choice{
/*font-size: 14px;*/
}
.panel-filter .panel-heading .glyphicon-chevron-down{
display:inline-block;
}
.panel-filter .panel-heading .glyphicon-chevron-right{
display:none;
}
.panel-filter .panel-heading .collapsed .glyphicon-chevron-down{
display:none;
}
.panel-filter .panel-heading .collapsed .glyphicon-chevron-right{
display:inline-block;
}
.search-filter .glyphicon{
/*font-size: 12px;*/
}
.search-filter .arrow-down{
display:none;
}
.search-filter .arrow-up{
display:inline-block;
}
.search-filter .collapsed .arrow-up{
display:none;
}
.search-filter .collapsed .arrow-down{
display:inline-block;
}
.panel-simple{
}
.panel-simple .panel-heading {
/*border: 1px solid #ddd;*/
}
.panel-simple .panel-body{
/*border: 1px solid #ddd;*/
}
.btn-lg-2{
padding: 20px;
font-weight: 100;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
/*height: 80px;*/
width: 270px;
line-height: 2em;
border-radius: 0px;
}
@media (min-width:320px)and (max-width:768px){
.btn-lg-2{
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
/*height: 80px;*/
width: auto;
}
}
/* Navigation
-------------------------------------------------- */
#nav-mobile{
height: 100%;
background:rgba(42,42,42,1);
height: 100%;
position: fixed;
width: 20em;
top: 0;
right:-40em;
}
#nav-mobile.expand{
right:0;
transition: right 0.3s ease-in-out 0s;
z-index: 12;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
}
a.nav-expander {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
display: block;
font-size: 15px;
font-weight: 400;
height: 50px;
margin-right: 0;
padding: 1em 1.6em 2em;
position: absolute;
right: 0;
text-decoration: none;
text-transform: uppercase;
top: 0;
transition: right 0.3s ease-in-out 0s;
width: 130px;
z-index: 12;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
}
a.nav-expander:hover {
cursor: pointer;
}
a.nav-expander.fixed {
position: fixed;
}
.nav-expanded a.nav-expander.fixed {
right: 20em;
}
.navbar{
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.16);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.16);
box-shadow: 0 1px 2px rgba(0,0,0,0.16);
border-radius: 0;
}
.navbar-default.navbar-transparent{
-webkit-transition:height .3s linear;
-moz-transition:height .3s linear;
transition:height .3s linear;
background:rgba(0,0,0,0.2);
}
.navbar-default.navbar-transparent .navbar-nav > li > a{
color:#fff;
}
.navbar-default.navbar-transparent .navbar-toggle {
border-color: rgba(255,255,255,0.3);
}
.navbar-default.navbar-transparent .navbar-nav > .dropdown > a .caret{
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-default.navbar-transparent .navbar-nav > li > a:hover{
background:rgba(0,0,0,0.4);
}
.navbar-default.navbar-transparent .navbar-toggle{
color:#fff;
}
.navbar-default.navbar-transparent .search-main .navbar-form .btn{
/* color: #fff;
font-weight: 700; */
}
.navbar-default.navbar-transparent .search-main .navbar-form{
border: none;
margin-top: 15px;
}
.navbar-default.navbar-transparent .search-main .navbar-form .form-control{
/* background: transparent;
border-radius: 0px; */
}
.navbar-default.navbar-transparent .search-main .navbar-form input:-webkit-input-placeholder,
.navbar-default.navbar-transparent .search-main .navbar-form input::-moz-placeholder,
.navbar-default.navbar-transparent .search-main .navbar-form input:-ms-input-placeholder,
{
}
.cbp-af-header.cbp-af-header-shrink .navbar-default .search-main .navbar-form {
}
.cbp-af-header {
/*position:fixed;
top:0;
left:0;*/
width:100%;
z-index:200;
/*height:70px;*/
}
.cbp-af-header-shrink {
/*position:static !important;*/
}
.cbp-af-header.cbp-af-header-shrink .navbar-default .navbar-nav > li > a{
line-height: inherit;
}
.cbp-af-header.cbp-af-header-shrink .navbar-brand{
padding-top :0px;
}
.parallax-background img{
width: 100%;
}
.background-image-holder,
.foreground-image-holder {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover !important;
z-index: 0;
background-position: 50% 50% !important;
}
.background-image-holder.parallax-background {
height: 120%;
top: -15%;
}
.quarter-screen-element .background-image-holder.parallax-background {
height: 120%;
top: -35%;
}
.main-container header{
position: relative;
overflow: hidden;
padding: 0;
}
@media (min-width:320px)and (max-width:768px){
.cbp-af-header.cbp-af-header-shrink .navbar-brand {
padding-top: 5px;
}
.navbar-default.navbar-transparent .navbar-nav .open .dropdown-menu > li > a{
/* .navbar-transparent ul.dropdown-menu a {*/
color: #fff;
}
.navbar-default.navbar-transparent .navbar-collapse, .navbar-default .navbar-form{
background:rgba(42,42,42,0.8);
}
}
/* Profile Badge
-------------------------------------------------- */
#nav-badge{
webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.16);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.16);
box-shadow: 0 1px 2px rgba(0,0,0,0.16);
border-radius: 0;
background-color: #fff;
padding:5px 0 5px;
}
#nav-badge .media-object{
/*margin-right:10px;*/
}
#nav-badge.affix-top{
position: absolute;
top:-9999px;
}
#nav-badge.affix{
position: fixed;
z-index:2;
top:0;
width: 100%;
}
.profile-badge{
}
.profile-badge .media-body{
padding-top: 10px;
}
#primary-donate.affix{
position: fixed;
z-index:2;
top:50px;
}
/* profile bar */
.profile-bar {
/*-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;*/
/*background: #ccc;*/
}
.profile-bar.affix{
position: fixed;
top: 0;
width: 100%;
z-index:2;
background: #f5f5f5;
border-bottom:solid 1px #ddd;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.16);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.16);
box-shadow: 0 1px 2px rgba(0,0,0,0.16);
border-radius: 0;
}
.profile-bar .panel-body {
padding-top:0;
}
.profile-bar .media-heading {
font-size: 120%;
}
.profile-bar .media .image-profile {
/*position: absolute;
z-index: 1000;
margin-top: -90px;*/
max-width: 150px;
}
.profile-bar .image-profile img{
width:100%; display: block;
}
.profile-bar.affix .media .image-profile img{
width: auto;
}
.profile-bar.affix .image-profile {
margin-top: -8px;
}
.profile-bar.affix .panel{
margin-bottom: 0;
border:none;
}
.profile-bar.affix .panel .panel-footer {
border: none;
}
@media(max-width:1000px){
.profile-bar .media .image-profile {
/*margin-top: 0px;*/
}
}
.profile-bar .media .media-body{ /*padding-left: 170px;*/}
.profile-bar.affix .media .media-body{ padding-left: 100px;}
.profile-bar .action-buttons{
float:right;
}
.profile-bar .btn{
min-width: 187px;
margin-bottom: 10px;
}
.profile-bar .thumbnail{ border: 1px solid #bdc3c7; }
.cover-wrap img{width: 100%;}
blockquote.shout-box{
border-left: none;
margin:0;
color: #fff;
padding: 10px 20px;
font-style: italic
/*font-family: "georgia";*/
}
.arrow_box {
position: relative;
background: #00b4ff;
border: 4px solid #00b4ff;
margin-bottom:20px;
border-radius: 2px;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 5%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
/*border-color: rgba(0, 180, 255, 0);
border-bottom-color: #00b4ff;*/
border-width: 5px;
}
.arrow_box:before {
border-color: rgba(0, 180, 255, 0);
border-bottom-color: #00b4ff;
border-width: 15px;
margin-left: 0px;
}
@media only screen and (max-width : 480px) {
.profile-bar .media .media-body{ padding-left: 0; padding-top:10px;}
.profile-bar .media .image-profile {
position: relative;
z-index: 1000;
margin:0 auto;
}
.profile-bar .media .image-profile img{
margin: 0 auto;
}
.profile-bar .action-buttons {
float: none;
display: block;
margin: 0 auto;
}
.list-inline.btns .btn{
min-width: 270px;
margin-bottom: 8px;
}
.event-info .media-left{
display: block;
margin:0 auto;
}
}
.list-inline.btns .btn{
min-width: 250px;
margin-bottom: 8px;
}
.raised2 {
margin-top:0px;
/*padding: 15px; */
/*background: #2ecc71;*/
/* color: #757575;*/
/*color:#FFF;*/
}
.raised2 span{
display: block;
clear: both;
/*text-transform: uppercas e;*/
text-align: center;
}
.raised2 .ra-title{
font-size: 16px;
font-weight: 500;
color:#333;
}
.raised2 .ra-current{
font-size: 35px;
font-weight: 500;
text-align: center;
color:#d35400;
}
.raised2 span.ra-target{
font-weight: 500;
}
#panel-fundraiser-team{
}
#panel-fundraiser-team .panel-body{
padding: 0;
}
#panel-fundraiser-team .list-group{
margin-bottom: 0;
}
#panel-fundraiser-team .list-group-item{
border: none;
border-top: 1px solid #ddd;
}
#panel-fundraiser-team .list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#panel-recent-donor{}
ul.sg-list-1{
padding-left: 0;
}
ul.sg-list {
padding: 0;
margin: 0;
font-size: 13px;
list-style: none;
}
ul.sg-list li:last-child{
border-bottom:none;
margin:0;
}
ul.sg-list.font-normal {
font-size: 15px;
}
ul.sg-list .media-heading {
font-size: 120%;
font-weight: 500;
}
#sidebar ul.sg-list .media-heading {
font-size: 110%;
font-weight: 700;
}
#sidebar .media-body p, #sidebar .media-heading{
font-size: 14px;
}
.list-small .media-body p, .list-small .media-heading{
font-size: 14px;
}
#appeal-carousel .item .thumbnail{
margin-right:15px;
}
ul.sg-list p.comment {
/*line-height: 18px;*/
}
ul.sg-list p.comment {font-size: 115%}
#sidebar ul.sg-list p.comment {font-size: 100%}
.sg-list li{
list-style: none;
margin-bottom: 15px;
/*padding-bottom:15px;*/
border-bottom:solid 1px #f1f1f1;
min-height: 59px;
}
ul.sg-list .mMoney{
font-weight: 700;
}
#sidebar ul.sg-list .mMoney{
font-weight: 700;
font-size: 80%;
line-height: 0;
margin: 15px 0 15px 0;
color:#7ab43d;
}
.nav2 li{
list-style: none;
float:left;
margin-right: 10px;
}
.sc {
display:block;
width:40px;
height:40px
}
.sc.sc-facebook {
background:url(../images/icons/social/icon_fb.png) no-repeat top left;
background-size:40px 40px
}
.sc.sc-linkedin {
background:url(../images/icons/social/icon_linkin.png) no-repeat top left;
background-size:40px 40px
}
.sc.sc-youtube {
background:url(../images/icons/social/icon_youtube.png) no-repeat top left;
background-size:40px 40px
}
.sc.sc-slideshare {
background:url(../images/icons/social/icon_slideshare.png) no-repeat top left;
background-size:40px 40px
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#bottom-bar-mobile-single{
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
/*border-top: solid 1px #ddd;*/
z-index: 300;
}
#bottom-bar-mobile{
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
border-top: solid 1px #ddd;
/*padding:5px 0 5px;*/
}
#bottom-bar-mobile .btn{
font-size: 14px;
padding:3px 0;
border-right:solid 1px #ddd;
}
#bottom-bar-mobile .btn:hover{
color:#333;
}
#bottom-bar-mobile .btn .glyph-icon {
font-size: 20px;
text-align: center;
display: block;
margin:0 auto;
padding: 0;
margin-bottom: 0;
}
#nav-mobile .navbar-nav > li > a:hover {
background: #000;
}
#nav-mobile .navbar-nav{
display: block;
margin: 0 auto;
}
.navbar-default #nav-mobile .navbar-nav .open .dropdown-menu > li > a {
color:#f6f6f6;
}
.navbar-default #nav-mobile .navbar-nav .open .dropdown-menu > li > a:hover {
background:#333;
}
.navbar-default #nav-mobile .navbar-nav > li > a{
color:#fff;
}
.navbar-default #nav-mobile .navbar-nav > .dropdown > a .caret{
border-top-color: #fff;
border-bottom-color: #fff;
}
.left-nav li {
/*text-align: center;*/
border:solid 1px #2980b9;
border-bottom:none;
background:#3498db;
}
.left-nav li a {
color: #f1f1f1;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
/*padding: 12px 0 0 0;*/
/*padding-left:20px;*/
}
.nav.left-nav > li > a:hover, .nav.left-nav > li > a.selected {
background: #2980b9;
}
.left-nav [class^="flaticon-"]:before, .left-nav [class*=" flaticon-"]:before{
font-family: Flaticon;
}
.btn-bold{
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
/* DISCOVER */
#main{
/*border-left: solid 1px #ccc;*/
/* padding-left: 20px;
padding-top: 20px;*/
}
.discover-item {
margin: 0 0 15px;
}
.discover-item .thumbnail {
-webkit-transition: -webkit-transform 125ms ease-out;
-webkit-transition-delay: 0;
-moz-transition: -moz-transform 125ms ease-out 0;
-o-transition: -o-transform 125ms ease-out 0;
transition: transform 125ms ease-out 0;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.discover-item .caption a {
font-size: 18px;
font-weight: 500;
line-height: 1.3;
display: block;
/*text-align:center; */
}
.discover-item .meta {
/*border-top: solid 1px #f1f1f1;*/
/*border-bottom: solid 1px #f1f1f1;*/
color: #9b9b9b;
margin-bottom: 10px;
}
.discover-item .description p {
font-size: 14px;
max-height: 72px;
min-height: 72px;
overflow: hidden;
}
.discover-item .meta-reg {
display: none;
}
.discover-item .meta p {
color: #bcbcbc;
margin-left: 10px;
font-size: 14px;
/*text-transform: uppercase;*/
margin: 5px;
line-height: 1.3;
}
.discover-item .meta p a {
color: #bcbcbc;
}
.discover-item .meta .glyph-icon:before {
font-size: 15px;
margin-left: 5px;
padding-right: 5px;
}
.discover-item .meta a [class^="flaticon-"]:before,
.discover-item .meta a [class*=" flaticon-"]:before {
font-size: 40px;
}
.discover-item .progress {
margin-bottom: 0;
}
.discover-item .btn-select {
display: none;
}
.discover-item .thumbnail ul.meta {
margin: 0;
padding: 0;
}
.discover-item.grid .img-wrapper {
display: block;
margin: 0 auto;
min-height: 128px;
}
.discover-item.grid .caption {
height: 55px;
overflow: hidden;
}
.discover-item.grid .meta {
height: 65px;
overflow: hidden;
}
.discover-item.grid .thumbnail img {
display: block;
margin: 0 auto;
}
.discover-item.grid .thumbnail .description {
padding: 10px;
min-height: 132px;
}
.discover-item.grid .thumbnail ul.meta li:first-child {
list-style: none;
float: left;
}
.discover-item.grid .thumbnail ul.meta li:last-child {
list-style: none;
float: right;
}
.discover-item.list .img-wrapper {
display: block;
float: left;
margin: 0 25px 0 15px;
}
.discover-item.list .caption a {
text-align: left;
font-weight: 500;
}
.discover-item.list .thumbnail .description {
display: block;
padding-left: 150px;
padding-right: 20px;
}
.discover-item.list .thumbnail > img {
display: block;
float: left;
margin: 5px 40px 5px 5px;
/*border: solid 4px #f1f1f1;*/
}
.discover-item.list .thumbnail .caption {
min-height: 0;
}
.discover-item.list .thumbnail .caption a {
font-size: 18px;
}
.discover-item.list .thumbnail .meta p {
float: left;
display: block;
margin-right: 10px;
}
.discover-item.list .btn-select {
display: block;
}
.discover-item.list .thumbnail ul.meta {
padding: 10px 0 0 0;
}
.discover-item.list .thumbnail ul.meta li {
list-style: none;
float: left;
padding-right: 5px;
}
.separator{
display: block;clear:both;
height :1px;
margin:5px 0 5px 0;
background: 1px solid #edede9;
}
.separator-saw {
display:block;
height:3px;
width:100%;
background:transparent url(../images/sawtooth-white.png) repeat-x 0 0 scroll;
max-width:100%;
z-index:10;
margin:auto;
margin-top:-3px;
text-align:center;
}
.white-space-50{
display: block;
clear: both;
height: 50px;
}
.white-space-20{
display: block;
clear: both;
height: 50px;
}
.discover-item .thumbnail ul.meta {
padding: 5px 0;
font-size: 11px;
color: #a2a39e;
display: block;
}
.discover-item.grid .more-btn{
display: none;
}
.more-btn{
border: none;
background: #3498db;
color: #fff;
padding: 0 0 0 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
vertical-align: middle;
line-height: 2.5;
float: right;
margin-bottom: 5px;
}
.more-btn .glyph-icon{
background: #2980b9;
padding: 8px;
margin-left: 8px;
}
/*.more-btn:after {
content: "\e001";
color: #fff;
float: right;
margin-left:8px;
}
*/
.discover-item-2{
-webkit-transition: -webkit-transform 125ms ease-out;
-webkit-transition-delay: 0;
-moz-transition: -moz-transform 125ms ease-out 0;
-o-transition: -o-transform 125ms ease-out 0;
transition: transform 125ms ease-out 0;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
background: white;
}
.discover-item-2 figure img{
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.discover-item-2 {
/*width: 306px; height: 340px; */
position: relative;
text-align: center;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.discover-item-2 a {
text-decoration: none !important;
}
.discover-item-2 .overview, .discover-item-2 .quick-info {
/*position: absolute; left: 0; bottom: 0; height: 340px; width: 306px; */
color: #204a65;
}
.discover-item-2 .overview:hover, .discover-item-2 .quick-info:hover {
color: #e8554e;
}
.discover-item-2 .overview {
z-index: 5;
}
.discover-item-2 .overview figure {
position: absolute;
top: 0;
left: 0;
}
.discover-item-2 .overview figure img {
width: 100%
}
.discover-item-2 .overview figure figcaption {
height: 4px;
}
.discover-item-2 .overview hgroup {
/*padding-top: 216px; width: 80%;*/
margin: 0 auto;
}
.discover-item-2 .overview h4 {
/*font-family:"brandon-grotesque", Helvetica, Arial, sans-serif;*/
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
line-height: 12px;
letter-spacing: 1px;
color: #787876;
margin-bottom: 5px;
}
.discover-item-2 .overview h2 {
font-size: 17px;
line-height: 22px;
font-weight: 300;
margin:10px;
}
.discover-item-2 .overview dl {
/*osition: absolute; bottom: 0; left: 0;*/
width: 100%;
padding: 5px 0;
font-size: 11px;
color: #a2a39e;
border-top: 1px solid #edede9;
}
.discover-item-2 .overview dt {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/icons.png?1381413743');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 20px;
height: 20px;
margin-top: -3px;
}
.discover-item-2 .overview dt.location {
background-position: -537px -22px;
width: 14px;
}
.discover-item-2 .overview dt.duration {
background-position: -470px -22px;
margin-left: 0.8em;
}
.discover-item-2 .overview dt, .discover-item-2 .overview dd {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
/*vertical-align: auto;*/
zoom: 1;
/*display: inline;*/
}
.discover-item-2 .overview .offer-info {
text-align: center;
width: 100%;
height: 22px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.discover-item-2 .overview .offer-info span {
font-size: 10px;
background: #e8554e;
/*font-family:"brandon-grotesque", Helvetica, Arial, sans-serif;*/
font-weight: 700;
letter-spacing: 1px;
color: white;
text-transform: uppercase;
overflow: hidden;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
/*vertical-align: auto;*/
zoom: 1;
/*display: inline;*/
line-height: 16px;
padding: 7px 13px 5px;
}
.discover-item-2 .quick-info-label {
font-size: 10px;
background: #e8554e;
/*font-family:"brandon-grotesque", Helvetica, Arial, sans-serif;*/
font-weight: 700;
letter-spacing: 1px;
color: white;
text-transform: uppercase;
overflow: hidden;
width: 100px;
height: 26px;
line-height: 26px;
position: absolute;
z-index: -1;
bottom: 0;
left: 50%;
margin-left: -50px;
-webkit-transition: bottom 175ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
-webkit-transition-delay: 250ms;
-moz-transition: bottom 175ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 250ms;
-o-transition: bottom 175ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 250ms;
transition: bottom 175ms cubic-bezier(0.32, 0.22, 0.35, 0.98) 250ms;
}
.discover-item-2.expanded .quick-info-label, .discover-item-2:hover .quick-info-label {
/*bottom: -26px;*/bottom: -42px;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
/*z-index: 1;*/
}
.discover-item-2 .quick-info {
/*display:none;*/
z-index: 10;
background: #204a65 url('../img/wave-pattern-blue.png?1349701959') repeat;
color: #a0b2b8 !important;
font-size: 12px;
line-height: 16px;
text-align: left;
padding: 0 20px;
overflow: hidden;
height: 0;
width: 266px;
-webkit-transition: height 200ms ease-out;
-webkit-transition-delay: 150ms;
-moz-transition: height 200ms ease-out 150ms;
-o-transition: height 200ms ease-out 150ms;
transition: height 200ms ease-out 150ms;
}
.discover-item-2 .quick-info h3, .discover-item-2 .quick-info h5 {
font-size: 11px;
color: #f6f7f0 !important;
text-transform: uppercase;
/*font-family:"brandon-grotesque", Helvetica, Arial, sans-serif;*/
font-weight: 700;
letter-spacing: 1px;
}
.discover-item-2 .quick-info hgroup {
margin-top: 70px;
margin-bottom: 20px;
}
.discover-item-2 .quick-info h4 {
font-weight: 300;
}
.discover-item-2 .quick-info .loves {
position: absolute;
top: 28px;
right: 18px;
}
.discover-item-2 .quick-info .loves .love-count {
/*font-family:"brandon-grotesque", Helvetica, Arial, sans-serif;*/
font-weight: 700;
color: white;
}
.discover-item-2 .quick-info .loves .love-icon {
position: relative;
top: -1px;
}
.discover-item-2 .quick-info .traits {
position: absolute;
top: 20px;
left: 20px;
list-style: none;
}
.discover-item-2 .quick-info .traits li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
/*vertical-align: auto;*/
zoom: 1;
/*display: inline;*/
margin-right: 5px;
}
.discover-item-2 .quick-info:after {
z-index: 50;
content:'';
display: block;
position: absolute;
bottom: -42px;
left: 50%;
margin-left: -5px;
margin-bottom: -6px;
width: 10px;
height: 6px;
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/icons.png?1381413743');
background-repeat: no-repeat;
background-position: 50% 50%;
background-position: -667px -29px;
margin-bottom: -2px;
}
.discover-item-2.expanded .quick-info {
height: 340px;
}
.discover-item-2 dl{
margin-bottom: 0;
}
.search-filter{
/*background: #f1f1f1;*/
background: url(../images/sliders/blurred-background-5.jpg) no-repeat;
background-size: 100%;
padding-top: 40px;
padding-bottom: 20px;
margin-bottom: 40px;
border:solid 1px #f1f1f1;
}
.filter-box{
background: #fff;
padding: 20px;
}
.search-box{
margin: 0 auto;
width: 100%;
border:solid 8px rgba(100,100,100,0.20);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.container-search-box {
width: 100%;
height: 50px;
vertical-align: middle;
white-space: nowrap;
position: relative;
display: block;
}
.container-search-box input#search{
width: 100%;
height: 50px;
background: #f1f1f1;
border: none;
float: left;
color: #63717f;
padding-left: 45px;
border:solid 1px rgba(0,0,0,0.30);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
}
.container-search-box input#search::-webkit-input-placeholder {
color: #65737e;
}
.container-search-box input#search:-moz-placeholder { /* Firefox 18- */
color: #65737e;
}
.container-search-box input#search::-moz-placeholder { /* Firefox 19+ */
color: #65737e;
}
.container-search-box input#search:-ms-input-placeholder {
color: #65737e;
}
.container-search-box .icon{
position: absolute;
top: 0;
margin-left: 17px;
margin-top: 10px;
z-index: 1;
color: #4f5b66;
}
/*.container-search-box input#search:hover, .container-search-box input#search:focus, .container-search-box input#search:active{
outline:none;
background: #ffffff;
}*/
.trait-bar .body {
background-color: #f5c53d;
}
.trait-bar span {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
height: 100%;
}
.page-header{
padding:30px 0 30px 0;
margin:0 0 20px 0;
}
.page-title{
}
.page-title.big-title h1{
font-size: 70px;
font-weight: 100;
}
.alert {
padding: 8px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 1px;
}
.text-green{
color:#22b249;
}
.text-red{
color:#e74c3c;
}
#main-content{}
#sidebar { /* background: #f6f6f6; padding-top:20px;*/ }
#sidebar.sidebar-right {
border-left:solid 1px #ccc;
padding-top: 20px;
}
.sub-page-header {
margin-bottom: 10px;
padding-bottom: 10px;
/*border-bottom: solid 1px #ccc;*/
margin-right: 15px;
margin-left: 15px;
}
.sub-page-header .title {
margin: 0;
padding: 0;
/*font-weight: 400;*/
}
.flat-modal h1.page-header{
font-size: 14px;
font-weight: 300;
/*letter-spacing: 1px;*/
/*text-transform: uppercase;*/
}
.flat-modal .modal-content {
min-height: 100%;
background-color: #2a2c34;
border-radius: 0;
border: 0;
border-radius: 0;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none;
}
.flat-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
background-color: transparent;
cursor: pointer;
}
.flat-modal .close-modal:hover {
opacity: .3;
}
.flat-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
margin-left: 35px;
background-color: #f1f1f1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.flat-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
background-color: #f1f1f1;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.flat-modal .row.first {
margin-top: 100px;
}
.flat-modal .page-header {
margin-top: 100px;
}
.flat-modal ul.project-details {
margin-top: 15px;
}
.flat-modal ul.project-details li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #d6dae2;
}
.flat-modal ul.project-details li:first-child {
padding-top: 15px;
border-top: 1px solid #d6dae2;
}
.flat-modal-simple .modal-content {
border-radius: 0;
}
.modal-green{
background-color: #1abc9c;
background-image: -ms-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: -moz-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: -o-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #55e7ca), color-stop(1, #1abc9c));
background-image: -webkit-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: radial-gradient(circle farthest-side at center top, #55e7ca 0%, #1abc9c 100%);
color:#fff;
}
.modal-dark{
background-color: #2b2d35;
/*color:#fff;*/
}
#nominate{
color: #fff !important;
}
.navbar-nopadding{
margin-bottom: 0;
}
.social-share-w .stMainServices{
height:24px !important;
}
.popover-content .social-share-w div span,
.social-share-w span
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.col-blue{
background: #267ed5;
padding-bottom: 15px;
}
.footer-wrap .nav {
margin-top:20px;
font-size:14px
}
.footer-wrap .nav > li {
text-align:center
}
.footer-wrap .nav > li > a {
padding:0 8px;
text-align:center;
border-radius:0
}
.footer-wrap .nav > li > a:hover {
background:none
}
.footer-wrap .nav > li:first-child a {
border-right:solid 1px #ccc
}
.footer-wrap .copyright {
padding:20px 0;
display: block;
}
.footer-wrap .social-icons {
margin-top:15px;
display: block;
}
@media (max-width:768px){
.footer-wrap .nav {
margin-top:15px
}
.footer-wrap {
text-align:center;
margin:0 auto
}
.footer-wrap .nav > li:first-child a {
border-right:none
}
.footer-wrap .nav > li {
float:none;
padding:0;
margin-bottom:5px
}
.footer-wrap .nav > li > a {
padding:0
}
.footer-wrap .social-icons {
margin-top:10px
}
.footer-wrap .copyright {
padding:0;
text-align:center
}
}
.share-button{
}
.share-button.sharer-0 {
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
min-height: 39px;
width: 92px;
padding:0;
}
.share-button.sharer-0 label {
font-size: 16px;
cursor: pointer;
margin: 0;
padding: 0px 10px !important;
border-radius: 1px !important;
/*background: #3599db !important;*/
/*color: #fff !important;*/
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.share-button.sharer-0 label span {
-webkit-font-smoothing: antialiased;
font-family: "proxima_nova",sans-serif !important;
font-size: .9em;
font-weight: 700;
padding-left: 6px;
text-transform: uppercase;
}
.images-list{ margin: 0 auto}
.images-list {
}
.images-list .item{
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.images-list .caption {
text-align: center;
padding: 0;
}
.images-list .description {
font-size: 12px;
padding: 0;
}
.images-list .thumbnail{
border:none;
border : solid 1px #f1f1f1;
}
.flag {
width:25px;
height:15px;
background:url(../images/flags.png) no-repeat
}
.flag.flag-cn {
background-position:-25px 0
}
.flag.flag-io {
background-position:0 -15px
}
.cover-image{
width: 100%;
max-height:450px;
overflow: hidden;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
position: relative;
}
.cover-image img{
width: 100%;
background-size: 100%;
position: relative;
}
.cover-image .cover-tag{
background:rgba(52,73,94,0.7);
position: absolute;
width: 200px;
bottom:0;
text-align: center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: 14px;
color:#fff;
padding:8px;
}
.event-info h2{font-size: 24px;margin:0 0 10px;}
.event-info h5{font-size: 16px;}
.event-info {
position: relative;
z-index: 1;
/* bottom: 20%; */
/* width: 100%; */
/*margin-top: -141px;*/
}
.event-info .panel{
/*border: 1px solid #ddd;*/
border:none;
-webkit-border-radius: 2px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 2px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 2px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.event-info .panel .col-blue{
color:#fff;
}
.event-info .panel-body{
/*padding: 0;*/
}
.raised{
padding: 10px;
}
.raised .progress{
margin-bottom: 10px;
}
.ra-title{
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
display: block;
}
.ra-current{
font-size: 30px;
text-align: center;
display: block;
}
span.ra-target{
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
display: block;
}
.raised {
position: relative;
background: #267ed5;
border: 1px solid #267ed5;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.raised:after, .raised:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.raised:after {
border-color: rgba(38, 126, 213, 0);
border-right-color: #267ed5;
border-width: 30px;
margin-top: -30px;
}
.raised:before {
border-color: rgba(38, 126, 213, 0);
border-right-color: #267ed5;
border-width: 31px;
margin-top: -31px;
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
/*font-family: Flaticon;*/
margin-left: 0px;
font-size: inherit;
}
.page-header-sg{
background : url(../images/page-bg.png);
display: inline-block;
width: 100%;
margin-bottom:20px;
padding-bottom: 20px;
}
.page-header-sg h1{
text-shadow: rgba(0, 0, 0, 0.8) 0 0px 8px;
font-size: 50px;
margin-bottom: 0;
}
.page-header-sg p{
font-size: 20px;
}
/* BACKGROUNDS */
.colorBg {
padding: 50px 0;
min-height: 100%;
overflow: hidden;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position: relative;
-o-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);
}
.colorBg.colorBg1 {
background-color: #1abc9c;
background-image: -ms-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: -moz-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: -o-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #55e7ca), color-stop(1, #1abc9c));
background-image: -webkit-radial-gradient(center top, circle farthest-side, #55e7ca 0%, #1abc9c 100%);
background-image: radial-gradient(circle farthest-side at center top, #55e7ca 0%, #1abc9c 100%);
}
/* FORMS */
.container-form{
max-width: 600px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.float-label{
position: absolute;
top:0;
padding-left: 10px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
color: #666;
}
.float-control{
padding: 20px 0 0 10px;
}
.radio-box{
border: solid 1px #919ba4;
padding: 10px;
}
/* Footer
-------------------------------------------------- */
#footer {
background:#f6f6f6;
padding: 20px 0
}
#footer-bottom {
padding:5 0 5px;
background:#565d67
}
#footer h3 {
font-size:14px;
text-transform:uppercase;
font-weight:700;
letter-spacing:.02em;
margin:10px 0
}
#footer .menu ul {
margin:0;
padding:0;
padding-bottom:10px;
list-style:none;
font-size: 14px;
}
#footer .menu ul li {
padding-bottom:5px
}
#footer-bottom a {
color:#f1f1f1
}
#footer-bottom .copyright {
padding:20px 0;
color:#ccc;
display:block;
font-size:14px
}
.social-icons {
list-style:none;
margin-bottom:0
}
.social-icons li {
float:left;
padding:0
}
.social-icons li.row-end {
margin-right:0
}
.social-icons a {
display:inline-block;
/*background: #3c88a2;*/
width:32px;
height:32px;
text-align:center;
padding-top:8px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
margin-right:8px;
float:left
}
.social-icons a:hover {
/*background: #41abcf;*/
}
.social-icons a .fa {
color:#fff
}
.social-icons a .fa:before {
font-size:18px;
text-align:center;
padding:0
}
#footer #mc_embed_signup .email {
margin-bottom:10px
}
.footer-wrap .nav {
margin-top:20px;
font-size:14px
}
.footer-wrap .nav > li {
text-align:center
}
.footer-wrap .nav > li > a {
padding:0 8px;
text-align:center;
border-radius:0
}
.footer-wrap .nav > li > a:hover {
background:none
}
.footer-wrap .nav > li:first-child a {
border-right:solid 1px #ccc
}
@media (max-width:768px){
.footer-wrap .nav {
margin-top:15px
}
.footer-wrap {
text-align:center;
margin:0 auto
}
.footer-wrap .nav > li:first-child a {
border-right:none
}
.footer-wrap .nav > li {
float:none;
padding:0;
margin-bottom:5px
}
.footer-wrap .nav > li > a {
padding:0
}
#footer-bottom .social-icons {
margin-top:10px
}
#footer-bottom .copyright {
padding:0;
text-align:center
}
.social-icons li{
float: none;
margin-bottom: 20px;
}
}
.login-part {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
width:300px;
height:300px;
padding:0
}
.login-part input {
width:100%;
margin-bottom:10px;
background:#FFF;
border:none;
outline:none;
padding:15px;
font-size:1em;
color:#4c4c4c;
border:2px solid #FFF;
border-radius:4px
}
.login-part input:focus {
border-color:#88b7b3
}
.login-part button[type='submit'] {
background:#88b7b3;
padding:17px
}
.login-part button[type='submit']:hover {
background:#68a49f
}
.login-part a.forgot-pw {
display:block;
text-align:center;
margin-top:2.5em;
color:#FFF;
opacity:0.5;
font-size:.95em
}
.login-part p {
color:#FFF;
text-align:center;
font-size:.95em;
margin-top:2.5em
}
.login-part p.disclaimer {
opacity:0.5;
padding:0 1.5em
}
.login-part p.disclaimer a {
color:#88b7b3
}
#signup .login-part {
height:362px
}
.search-main{
display: inline-block;
max-width:500px;
float: left;
}
.search-main .cat{
background: #919ba4;
background: url("../images/icons/svg/arrow483.svg") no-repeat 95% #ddd;
background-size: 16px 16px;
padding-right: 30px;
}
.search-main .form-group{
border: solid 1px #ccc;
border-radius: 2px;
}
.search-main .navbar-form {
/* padding-left: 10px;
border-left:solid 1px #f1f1f1;
border-right:solid 1px #f1f1f1; */
}
.search-main input{
border: none;
border:solid 1px #ccc;
padding: 8px;
margin:8px;
border-radius: 0;
display: block;
width: 350px;
font-size: 14px;
}
.search-main .navbar-form .form-control{
/* width: 350px; */
}
.search-main .btn{
/* background: none;
color:#34495e; */
}
.search-dropdown-mobile .search-main input{
/* width: 100%; */
}
.open > .dropdown-menu.search-dropdown-mobile{
margin-top:0 !important;
width: 100%;
border-radius: 0 !important;
}
input::-webkit-input-placeholder{
color:#333;
}
input:-moz-placeholder {
color:#333;
}
.team-members{}
.team-members .item{
/*margin: 0 10px 0 0;*/
margin:0 10px 30px;
border: double 1px #f6f6f6;
text-align: center;
}
.team-members .item img{
max-height: 200px
}
.team-members .name{
/*line-height: 0;*/
margin-bottom: 0;
padding:0;
}
.team-members .job-title{
margin: 0;
font-size: 13px;
min-height: 50px;
}
.team-members .job-description{
display: none;
margin: 0;
}
.team-members .social{
margin:0 auto;
/*display: none;*/
}
.team-members .social a{
text-align:center;
display: block;
float: left;
margin-right: 15px;
display: none;
}
.team-members .owl-controls .owl-prev{
left:0;
}
.team-members .owl-controls .owl-next{
right:0;
}
.team-members .owl-theme .owl-controls .owl-buttons div{
border-radius:1px;
top:20%;
}
.team-modal .job-title{
min-height: 0;
/* border-bottom: solid 1px #f1f1f1;
margin-bottom: 10px;
padding-bottom: 10px;*/
}
.team-members ul.qa {
padding: 0;
margin: 0;
}
.team-members ul.qa li
{
list-style: none;
margin-bottom: 20px;
display: block;
}
.team-members ul.qa blockquote{
font-size: 16px;
}
.team-members ul.qa .que{
padding-bottom: 10px;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
padding: 0;
/* line-height: 0; */
/* border: aliceblue; */
/*background:#f1f1f1;*/
margin: 0;
}
ul.featured-list{
text-align: center;
}
ul.featured-list li {
vertical-align: middle;
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
text-transform: uppercase;
text-align: center;
}
.team-members ul.qa .ans{
}
ul.press{ margin:0; padding:0; list-style: none; margin-bottom: 20px}
ul.press li { border-bottom: dashed 1px #ccc; padding-bottom: 5px;}
@media (min-width: 768px) {
.container-small{
max-width: 730px;
}
.select2-container {
width: 100% !important;
}
.select2-no-results{
display: none !important;
}
#section-action{
padding: 20px 0 20px;
background: #f1f1f1;
/*color:#fff;*/
}
}
/* ============ INTRO ============ */
.section{
display: block;
/*background: #fff;*/
padding: 0.5em 2em 0.5em 0.5em;
-webkit-box-shadow: 0 4px 1px 0 rgba(0,0,0,0.05);
box-shadow: 0 4px 1px 0 rgba(0,0,0,0.05);
}
#intro .section{
background: rgba(0,5,9,.5);
}
#intro {
/*min-height: 5em;*/
position: relative;
color:#FFF;
margin-bottom: 20px;
}
#intro .container .section {
margin-top: -6.2em;
}
#intro .section .page-head {
/* padding-bottom: 0;
padding-top: 1.5em;*/
/*background: #fff;*/
}
.callback, .simple {
font-size: 20px;
background: #27ae60;
padding: 0.5em 0.7em;
color: #ecf0f1;
margin-bottom: 50px;
-webkit-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
}
.callback {
cursor: pointer;
}
.ended {
background: #c0392b;
}
.venue h2{
margin: 5px 0 0 0 ;
}
.styled {
margin-bottom: 0px;
margin-top: -1em;
height: 100%;
width: 100%;
text-align: center;
color:#fff;
}
.styled div {
display: inline-block;
font-size: 1em;
font-weight: 500;
line-height: 1;
border-bottom: solid 1px #f1f1f1;
background:transparent;
color:#fff;
padding: 0.3em 1.5em 0.5em 1.5em;
height: 100%;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.styled div:first-child {
/*border-right: solid 1px #f1f1f1;*/
}
.styled div span {
display: block;
font-size: 1.8em;
margin: 10px auto;
}
/* IE7 inline-block hack */
*+html .styled div {
display: inline;
zoom: 1;
}
.styled div:first-child {
margin-left: 0;
}
.styled div strong {
font-size: 14px;
/*background: #f1f1f1;*/
padding:0;
text-transform: uppercase;
color: #fff;
font-weight: 500;
border-radius: 2px;
/*margin:0 0 0.5em ;*/
}
.sand-timer{
display: block;
float:right;
/*background: url('bg-sand-timer.png') no-repeat;*/
width: 100px;
height: 100px;
position: relative;
/*background: #333;*/
}
.sand-timer_image{
position: absolute;
z-index:200;
}
.sand-spinner {
width: 40px;
height: 80px;
background-color: rgba(255,255,255,.2);
left:8%;
top:10%;
/*margin: 100px auto;*/
position: relative;
overflow: hidden;
/*-webkit-animation: rotateGlass 4s infinite ease-in-out;*/
}
.sand-spinner:before {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 30;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 20px solid #007bff;
}
.sand-spinner:after {
content: "";
width: 0;
height: 0;
right: 0;
display: block;
position: absolute;
z-index: 30;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-right: 20px solid #007bff;
}
.sand-spinner .sand:before {
content: "";
width: 70px;
background-color: #2ECC71;
display: block;
position: absolute;
left: 0;
right: 0;
top: 10%;
bottom: 50%;
/*-webkit-transform: scaleY(50%);*/
z-index: 10;
/*-webkit-animation: dropsand 4s ease-in;*/
}
/*.sand-spinner .sand:after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
border-left: 0px solid transparent;
border-right: 70px solid transparent;
border-top: 100px solid rgba(255, 255, 255, 0.4);
z-index: 20;
}*/
.sand-spinner .sand:after {
content: "";
width: 70px;
background-color: #2ECC71;
display: block;
position: absolute;
left: 0;
right: 0;
top: 90%;
bottom: 0;
/*-webkit-transform: scaleY(50%);*/
z-index: 20;
/*-webkit-animation: dropsand 4s ease-in;*/
}
.regHeading {
display: none;
}
#register {
position: absolute;
display: none;
bottom: 6em;
background: #FBFBFB;
border: 1px solid #fff;
padding: 2em;
right: -0.9em;
-webkit-box-shadow: 0 1.5em 4em 0 rgba(0,0,0,0.3);
box-shadow: 0 1.5em 4em 0 rgba(0,0,0,0.3);
width: 20em;
}
#register input[type=text], #register input[type=tel], #register input[type=email], #register textarea {
margin-bottom: 0.4em;
}
#register input[type=submit] {
padding: 0.4em 1.4em;
margin-top: 0.5em;
font-size: 0.9em;
}
#register .form-row {
position: relative;
}
#register .form-row .error {
position: absolute;
top: 0.4em;
right: 0.5em;
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.styled div {
display: inline-block;
font-size: 1em;
font-weight: 500;
line-height: 1;
border:none;
/*background: #fff;*/
color:#fff;
/*border-style: none solid none none;*/
/*border: rgba(255,255,255,.3) 1px solid;*/
padding: 0.3em 0.6em 0 0.6em;
height: 100%;
margin-right: 0.5em;
margin-bottom: 0.5em;
-webkit-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.styled div {
border: none;
-webkit-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.styled, .sand-timer{
/* clear: both;
margin:0 auto;
float:right;*/
}
.sand-timer{
/*margin-bottom: 20px;*/
}
.styled div {
display: inline-block;
font-size: 1.3em;
font-weight: 700;
line-height: 1;
border:none;
/*background: #fff;*/
color:#fff;
/*border-style: none solid none none;*/
/*border: rgba(255,255,255,.3) 1px solid;*/
padding: 0.3em 1em 0 1em;
height: 100%;
margin-right: 0.5em;
margin-bottom: 0.5em;
-webkit-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
.styled, .sand-timer{
/* clear: both;
margin:0 auto;
float:left;*/
}
.sand-timer{
/*margin-bottom: 10px;*/
/*float:right;*/
}
.styled{
}
.styled div {
display: none !important ;
font-size: 1em;
font-weight: 700;
line-height: 1;
border: none;
background:transparent;
color:#fff;
padding: 0.3em 0.3em 0 0.3em;
height: 100%;
margin-right: 0em;
margin-bottom: 0.5em;
-webkit-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.styled div span {
font-size: 16px;
font-weight: 700;
}
}
@media (min-width:320px)and (max-width:768px){
#intro .section{
/*background: #fff;*/
color:#333;
}
.styled div {
display: inline-block;
font-size: 1em;
font-weight: 500;
line-height: 1;
border:none;
/*background: #fff;*/
color:#fff;
/*border-style: none solid none none;*/
/*border: rgba(255,255,255,.3) 1px solid;*/
padding: 0.3em 1em 0 1em;
height: 100%;
margin-right: 0.5em;
margin-bottom: 0.5em;
-webkit-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media only screen and (max-width : 480px) {
.venue h2{
font-size: 18px;
}
/* .styled div {
font-size: 14px;
}
*/
}
/* Create Fundraiser
-------------------------------------------------- */
.box{}
#page-type .row .col-md-4{
margin-bottom: 20px;
}
#page-type .list-group{ width:90% ; margin:0 auto;}
#page-type .list-group .btn-simple {border: none;width: 100%; text-align: left }
#page-type .list-group .btn-simple:hover{ background: none}
#page-type .list-group .btn-primary{ width:100%;}
.cf-wrapper{
display: block;
width: 95%;
overflow: hidden;
margin:0 auto;
}
.cf-wrapper-inside{
padding: 2.5%;
background: #fff;
border:solid 1px #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:98%;
margin: 0 auto;
-webkit-box-shadow: 0px 3px 10px -1px rgba(204,204,204,0.71);
-moz-box-shadow: 0px 3px 10px -1px rgba(204,204,204,0.71);
box-shadow: 0px 3px 10px -1px rgba(204,204,204,0.71);
}
.cf-wrapper h3.step-title{ margin: 0 0 30px; }
.cf-wrapper .actions ul{
padding:0;
margin:0;
}
.cf-wrapper .actions > ul > li
{
float: left;
list-style: none;
}
.cf-wrapper .actions
{
position: relative;
display: block;
text-align: right;
background: #fff;
padding:10px;
/*width:98%;*/
-webkit-box-shadow: 0px 3px 10px -1px rgba(204,204,204,0.71);
-moz-box-shadow: 0px 3px 10px -1px rgba(204,204,204,0.71);
box-shadow: 0px 3px 10px -1px rgba(204,204,204,0.71);
width:98%;
margin:10px auto;
}
.cf-wrapper .actions > ul > :nth-child(1) {
float:left;
}
.cf-wrapper .actions > ul > :nth-child(2) {
float:right;
}
.cf-wrapper .actions > ul > :nth-child(3) {
float:right;
}
.cf-wrapper .actions a .glyphicon{
font-weight: 100;
font-size: 12px;
}
.cf-wrapper .actions a,
.cf-wrapper .actions a:hover,
.cf-wrapper .actions a:active
{
background: #2184be;
color: #fff;
display: block;
padding: 0.5em 1.5em 0.5em 1.5em;
text-decoration: none;
border-radius: 2px;
}
.cf-wrapper .actions .disabled a,
.cf-wrapper .actions .disabled a:hover,
.cf-wrapper .actions .disabled a:active
{
background: #eee;
color: #aaa;
}
.cf-wrapper .actions > ul > li
{
float: left;
}
.browsezone{
/*position: relative; */
display: block;
/*min-height: 100px;*/
border: 1px solid #bdc3c7;
background: white;
padding: 10px 10px;
/*background:#f1f1f1;*/
/*width: 50%;*/
margin-bottom: 20px;
margin; 0 auto;
}
.resultzone{
/*border: 1px solid #bdc3c7;*/
/*background: #f1f1f1;*/
/*padding: 5px;*/
/*margin-bottom: 20px;*/
/*margin; 0 auto;*/
}
.browsezone h4{ font-size: 16px;font-weight:500;padding-top:20px; }
.resultzone h4{ font-size: 16px;font-weight:500;padding-top:20px; }
.input-xlg{
height: 65px;
padding: 10px 15px;
font-size: 24px;
line-height: 1.235;
border-radius: 2px;
}
.browse-dialog{
max-width: 800px;
margin: 30px auto;
position: relative;
}
div#browse-charity.modal.fade.in{
background: rgba(0,0,0,.4);
}
section#page{
margin:10px 0 30px 0;
}
.browse-result{ }
.browse-result h4{ font-size: 16px;font-weight:500;padding-top:20px; }
.browse-result .media{ margin:0 auto; margin-bottom: 10px; background: #fff; padding:5px; border-radius: 5px;}
.browse-result .media:hover{ background: #ccc;}
.lead.lead-border{
margin-bottom: 20px;
padding-bottom: 10px;
}
#owl-lra{
padding: 20px;
}
.static-tab ul{
text-align: center;
margin:0;
}
.static-tab ul li{
list-style: none;
float: left;
display: block;
padding: 10px;
padding-right: 20px;
display: inline-block;
float:none;
font-size: 18px;
}
.static-tab ul li.active{
border-bottom: solid 4px #2980b9;
color:#2980b9;
font-weight: 500;
}
.static-tab {
border-bottom: solid 1px #f1f1f1;
display: block;
clear: both;
}
/*
wizard menu
*/
.wizard-menu .stage-container {
/*border-bottom: 1px solid #dadada;*/
padding: 15px 0px 4px;
}
.wizard-menu .stage-container {
/*border-bottom: 1px solid #dadada;*/
padding: 15px 0px 4px;
}
.wizard-menu .stage {
display: inline-block;
position: relative;
text-align: center;
min-height: 112px;
}
.wizard-menu .stage:before,
.wizard-menu .stage:after {
position: absolute;
background-color: #eaeaea;
top: 50%;
margin-top: -33px;
width: 50%;
height: 5px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
content: '';
}
.wizard-menu .stage:before { left: 0; }
.wizard-menu .stage:after { right: 0; }
.wizard-menu .stage:first-child:before { display: none; }
.wizard-menu .stage:first-child + .stage + .stage + .stage:after { display: none; }
/* Current stage */
.wizard-menu .stage.tmm-current .stage-header {
background-color: #fb6b5b;
border: none;
}
.wizard-menu .stage .stage-header span.glyphicon{
margin-top:10px;
color: #fff;
}
.wizard-menu .stage.tmm-current .stage-header.head-number {
color: #fff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, .9);
}
.wizard-menu .stage.tmm-current:after,
.wizard-menu .stage.tmm-current:before {
background-color: #fb6b5b;
border: none;
}
/* end Current stage */
/* Success stage */
.wizard-menu .stage.tmm-success .stage-header {
background-color: #92cf5c;
border: none;
}
.wizard-menu .stage.tmm-success .stage-header.head-number {
color: #3c611b;
text-shadow: 1px 1px 0px rgba(173, 219, 114, 1);
}
.wizard-menu .stage.tmm-success:after,
.wizard-menu .stage.tmm-success:before {
background-color: #92cf5c;
border: none;
}
.wizard-menu .stage.tmm-success .stage-header:after {
}
.wizard-menu .stage.tmm-success .stage-header.head-number:after { top: 42px; }
/* end Succes stage */
.wizard-menu .stage-header {
display: inline-block;
width: 50px;
height: 50px;
background-color: #eaeaea;
text-align: center;
font-size: 25px;
color: #fff;
border: 1px solid #d9d9d9;
position: relative;
z-index: 1;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: 10px
}
.wizard-menu .stage-header.head-number {
color: #a9a9a9;
font-weight: bold;
color: #a9a9a9;
font-weight: bold;
line-height: 2.2em;
margin-bottom: 7px;
}
.wizard-menu .stage-content {
width: 153px;
padding-left: 17px;
max-height: 52px;
margin: 0 auto;
}
.wizard-menu .stage.tmm-success .stage-title span{
color: #92cf5c;
}
.wizard-menu .stage-title {
font-size:15px ;
color: #464646;
padding-left: 0px;
text-align: center;
margin:10px 0 10px 0;
}
.wizard-menu .stage-info {
text-align: left;
color: #a8a8a8;
font-size: 11px;
line-height: 1.4;
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.stage-title span.glyphicon{
float:right;
margin-left:10px;
}
.wizard-menu .stage:before,
.wizard-menu .stage:after { display: none; }
.wizard-menu .stage-content { width: 100%; }
.wizard-menu .stage {
text-align: left;
margin-bottom: 10px;
display: block;
float: left;
width: 50%;
}
.wizard-menu .stage-header {float: left;}
.wizard-menu .stage-title { margin-left: 20px; text-align: left ; display: block;float:left;}
.wizard-menu .stage-info { padding-left: 60px; }
.wizard-menu .stage.tmm-success .stage-header:after {
top: -4px;
left: 209px;
}
.wizard-menu .stage.tmm-success .stage-header.head-number:after { top: -13px; }
.wizard-menu .stage { min-height: 0; }
.wizard-menu dt { width: 16%; }
.wizard-menu .tooltip { display: none; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.wizard-menu .form-header { font: 19px 'calibriregular',sans-serif; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
.wizard-menu .stage {
width: 100%;
text-align: left;
margin-bottom: 20px;
}
.wizard-menu .stage-title{
text-align: left;
}
.stage-title span.glyphicon{
float:right;
margin-left:10px;
}
.stage-title span.glyphicon{
margin-right: 20px;
}
.wizard-menu .next .button.button-control span { padding: 6px 26px 9px 2px; }
.wizard-menu .prev .button.button-control span {
padding-left: 45px;
padding: 6px 2px 9px 26px;
}
.wizard-menu .next .button.button-control span:after { right: 5px; }
.wizard-menu .prev .button.button-control span:after { left: 3px; }
.wizard-menu .next .button-divider { right: 25px; }
.wizard-menu .prev .button-divider { left: 25px; }
.wizard-menu .tooltip { display: none; }
.wizard-menu dt { width: 31%; }
.wizard-menu .form-login { width: 100%; margin-left: -240px; }
}
@media screen and (max-width: 320px) {
.wizard-menu .form-login {
width: 100%;
margin-left: -160px;
}
{ width: 100%; }
}
.btn-options .btn {margin-bottom:10px;}
@media only screen and (max-width : 480px) {
.btn-options .btn {
width: 100%;
}
.static-tab ul{
margin:0;
padding:0;
}
.static-tab ul li{
padding: 0 5px 10px 0;
font-size: 14px;
}
}
.btn-radio.active .fui-check{
display: block;
float: left;
margin-right:10px;
}
.btn-radio .fui-check{
display: none;
}
.table-events{
}
.table-events td{
background:#fff ;
vertical-align:baseline !important;
}
.table-events tr{
border-bottom: solid 4px #f1f1f1;
}
.container.container-small{
max-width: 730px;
}
.img-wrap{
position: relative;
overflow: hidden;
}
.img-wrap-mobile{
margin-right: 10px;
}
.img-wrap img {
min-width: 100%;
height: auto;
}
.cta-block {
background: #f1f1f1;
display: block;
}
.cta {
display: block;
padding: 10px 0 10px 52px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: #0080FF;
color: #fff;
width: 50px;
overflow: hidden;
white-space: nowrap;
font-style: normal;
font-weight: 600;
-webkit-transition: width .15s ease-in-out;
transition: width .15s ease-in-out;
margin-bottom: 0;
}
@media (max-width: 480px) {
.cta-block .cta {
/*width: 100%;*/
}
}
.cta-desc{
padding:10px;
}
.cta a {
color :#fff;
}
.cta i {
position: absolute;
top: 40%;
left: 0;
margin: -11px 0 0 18px;
font-weight:900;
font-size: 18px;
}
.cta-block:hover .cta
{
width: 100%;
}
.btn-radio input[type="radio"]{
display: none;
}
@media (max-width: 480px) {
.input-group-responsive{
display: block;
}
.input-group-responsive .input-group-addon{
display: block;
width: 100%;
}
}
.fundraise-type .type-item{
margin-bottom: 30px;
}
@media (max-width: 768px) {
.fundraise-type .cta-desc{
background: #fff;
}
.fundraise-type .cta-desc p{
}
.fundraise-type .cta-desc h4{
margin:5px 0 15px 0;
}
.fundraise-type .type-item {
float:none;
border-bottom:solid 1px #ccc;
padding-bottom: 10px;
margin-bottom: 10px
}
.fundraise-type .type-item .last{
border-bottom:none;
}
.fundraise-type .img-wrap{
display: none;
}
}
.circular-bar{
text-align: center;
}
.circular-bar-content{
margin-bottom: 70px;
margin-top: -130px;
text-align: center;
}
.circular-bar strong{
display: block;
font-weight: 600;
font-size: 18px;
}
.circular-bar label{
display: block;
font-weight: 300;
font-size: 28px;
font-weight: 700;
}
#live-chat{
display: block;
position: fixed;
right:0;
bottom:0;
z-index: 100;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
overflow: hidden;
}
#fb-root {
display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
.glyphicon-refresh-animate {
-animation:spin .7s infinite linear;
-webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
from { -webkit-transform: rotate(0deg);}
to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
from { transform: scale(1) rotate(0deg);}
to { transform: scale(1) rotate(360deg);}
}
/*
* Masthead
*
* Super small header above the content for site name and short description.
*/
.masthead {
padding-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 3rem;
}
.masthead.purple{
background-color: #6f5499;
background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
background-repeat: repeat-x;
}
.masthead.blue-radial{
background: rgba(147,206,222,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: radial-gradient(ellipse at center, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1 );
}
.masthead.red-radial{
background: rgba(243,88,116,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(243,88,116,1) 0%, rgba(225,19,57,1) 41%, rgba(217,0,40,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(243,88,116,1)), color-stop(41%, rgba(225,19,57,1)), color-stop(100%, rgba(217,0,40,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(243,88,116,1) 0%, rgba(225,19,57,1) 41%, rgba(217,0,40,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(243,88,116,1) 0%, rgba(225,19,57,1) 41%, rgba(217,0,40,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(243,88,116,1) 0%, rgba(225,19,57,1) 41%, rgba(217,0,40,1) 100%);
background: radial-gradient(ellipse at center, rgba(243,88,116,1) 0%, rgba(225,19,57,1) 41%, rgba(217,0,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35874', endColorstr='#d90028', GradientType=1 );
}
.masthead.green-radial{
background: rgba(104,190,41,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(104,190,41,1) 0%, rgba(69,176,21,1) 41%, rgba(136,234,63,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(104,190,41,1)), color-stop(41%, rgba(120,211,53)), color-stop(100%, rgba(136,234,63,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(104,190,41,1) 0%, rgba(120,211,53,1) 41%, rgba(136,234,63,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(104,190,41,1) 0%, rgba(120,211,53,1) 41%, rgba(136,234,63,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(104,190,41,1) 0%, rgba(120,211,53,1) 41%, rgba(136,234,63,1) 100%);
background: radial-gradient(ellipse at center, rgba(104,190,41,1) 0%, rgba(120,211,53,1) 41%, rgba(136,234,63,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68be29', endColorstr='#88ea3f', GradientType=1 );
}
.masthead.orange-radial{
background: rgba(242,104,36,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(242,104,36,1) 0%, rgba(242,167,35,1) 41%, rgba(248,162,12,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(242,104,36,1)), color-stop(41%, rgba(242,167,35,1)), color-stop(100%, rgba(248,162,12,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(242,104,36,1) 0%, rgba(242,167,35,1) 41%, rgba(248,162,12,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(242,104,36,1) 0%, rgba(242,167,35,1) 41%, rgba(248,162,12,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(242,104,36,1) 0%, rgba(242,167,35,1) 41%, rgba(248,162,12,1) 100%);
background: radial-gradient(ellipse at center, rgba(242,104,36,1) 0%, rgba(242,167,35,1) 41%, rgba(248,162,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26823', endColorstr='#f8a20c', GradientType=1 );
}
.masthead.blue-light{
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top, #00b7ea 0%, #0092b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#0092b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00b7ea 0%,#0092b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00b7ea 0%,#0092b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00b7ea 0%,#0092b7 100%); /* IE10+ */
background: linear-gradient(to bottom, #00b7ea 0%,#0092b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#0092b7',GradientType=0 ); /* IE6-9 */
}
.masthead.blue{
background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );
}
.masthead.dark-blue{
background: rgba(0,30,94,1);
background: -moz-linear-gradient(top, rgba(0,30,94,1) 0%, rgba(73,155,234,1) 62%, rgba(250,250,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,30,94,1)), color-stop(62%, rgba(73,155,234,1)), color-stop(100%, rgba(250,250,250,1)));
background: -webkit-linear-gradient(top, rgba(0,30,94,1) 0%, rgba(73,155,234,1) 62%, rgba(250,250,250,1) 100%);
background: -o-linear-gradient(top, rgba(0,30,94,1) 0%, rgba(73,155,234,1) 62%, rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(top, rgba(0,30,94,1) 0%, rgba(73,155,234,1) 62%, rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(0,30,94,1) 0%, rgba(73,155,234,1) 62%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5e', endColorstr='#fafafa', GradientType=0 );
}
.masthead.dark-blue-radial{
background: rgba(136,190,240,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(136,190,240,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(136,190,240,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(136,190,240,1) 0%, rgba(32,124,229,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(136,190,240,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(136,190,240,1) 0%, rgba(32,124,229,1) 100%);
background: radial-gradient(ellipse at center, rgba(136,190,240,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bef0', endColorstr='#207ce5', GradientType=1 );
}
.masthead.red{
background: rgba(173,31,64,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(173,31,64,1) 0%, rgba(143,2,34,1) 28%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(173,31,64,1)), color-stop(28%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(173,31,64,1) 0%, rgba(143,2,34,1) 28%, rgba(109,0,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(173,31,64,1) 0%, rgba(143,2,34,1) 28%, rgba(109,0,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(173,31,64,1) 0%, rgba(143,2,34,1) 28%, rgba(109,0,25,1) 100%);
background: radial-gradient(ellipse at center, rgba(173,31,64,1) 0%, rgba(143,2,34,1) 28%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1f40', endColorstr='#6d0019', GradientType=1 );;
}
.masthead.cor{
background: url(../images/banners/corporate.png);
}
.masthead{
position: relative;
padding: 2rem 1rem;
font-weight: 300;
color: #cdbfe3;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
}
.masthead .media-heading {
margin-top: 20px;
color: #fff;
}
.masthead .media-sub-heading {
font-size: 20px;
font-weight: 300;
line-height: 22px;
color: #fff;
font-weight: 700;
}
.masthead .meta{
/* font-weight: 700;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;*/
color: #fff;
}
.masthead .action-buttons {
margin-top:20px;
}
.masthead .action-buttons .btn{
min-width: 187px;
margin-bottom: 10px;
}
[data-toggle=buttons] .btn input[type=radio]{
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
[data-toggle=buttons] label.btn .glyphicon{
display: none;
float:right;
margin-left:10px;
}
[data-toggle=buttons] label.btn.active .glyphicon{
display: block;
}
i.form-control-feedback.fa.fa-asterisk{
font-weight: 100;font-size:8px;
}
/* Base */
.new-sg-ribbon{
display: block;
position: fixed;
left:0;
top:10%;
z-index: 100;
}
.avatars-noborders{
border:0;
}