/* Custom CSS code goes here */

/* dependencies */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap');
@import url('https://unicons.iconscout.com/release/v3.0.3/css/solid.css');
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");



/* global css */

/* .container.main-color.theme-button .contribute-button, .container.main-color.theme-button .redirect-button, .container.main-color.theme-button .start-button, .container.main-color.theme-button .view-more-btn, .container.main-color.theme-button {
    background-color: #5ABA51;
    color: #ffffff;
} */


/* header nav */

.item.collapsible.user-greeting.ng-binding::after {
    content:none !important;
}

.container.main-color.theme-button .collapsible-settings #m-user-settings {
    background-color:#dddddd !important;
    color:rgb(56, 56, 56) !important;
}

.container.main-color.theme-button .collapsible-settings #m-user-settings:hover {
    color:#fff !important;
    background-color:#5aba51 !important;
}

.menu.collapsible-settings-inner.transition.visible a.item.ng-scope:after {
    content:none !important;
}

.nav-main-right.right.menu .ui.dropdown.item.collapsible-settings::after {
    content:none !important;
}

.main-menu.ui.inverted.menu .nav-wrap .nav-main-right .ui.dropdown.item:hover {
    background:none;
    /* border-radius:10rem;
    box-shadow:0px 0px 6px #5ABA51 !important; */
}

.main-menu.ui.inverted.menu .nav-wrap .nav-main-right .ui.dropdown.item i:hover {
    box-shadow:0px 0px 2px 2px #5ABA51 !important;
    background: #5ABA51 !important;
}

body.is-logged-in .nav-main-right.right.menu .item.collapsible.user-greeting.ng-binding {
    margin-top: 0.8rem !important;
}

body.is-logged-in .main-menu.ui.inverted.menu .nav-wrap .nav-main-right .collapsible-settings {
    margin-top: 1.5rem !important;
}


.main-menu.ui.inverted.menu .nav-wrap .item.active, .main-menu.ui.inverted.menu .nav-wrap a.item:hover {
    color: #fff;
    background: transparent !important;
    font-weight:bold;
}


form.ng-pristine.ng-valid .ui.icon.input,
form.ng-valid.ng-dirty.ng-valid-parse .ui.icon.input {
    margin-top:1.5rem;
}

form.ng-pristine.ng-valid .ui.icon.input,
form.ng-valid.ng-dirty.ng-valid-parse .ui.icon.input {
    margin-top:1.7rem;
}

a.item.collapsible.ng-scope {
    margin-bottom:-0.5rem;
}

#nav-wrapper {
    position:absolute;
    top:0;
    z-index:999;
    width:100%;
    transition:0.8s;
}



#nav-wrapper .menu {
    max-width:1440px;
    margin:0 auto;
    font-weight: bold !important;
}

.ui.top-nav-bar {
    background:transparent !important;
}

a.item.ng-binding.ng-scope {
    text-decoration: none;
    position: relative;
    display:inline-block;
    background: transparent !important;
}

.nav-main-left a.item.ng-binding.ng-scope:after,
.main-menu.ui.inverted.menu .nav-wrap .item:after {
    background: none repeat scroll 0 0 transparent !important;
    bottom: 0 !important;
    content: "";
    display: block !important;
    height: 2px !important;
    left: 50% !important;
    position: absolute !important;
    background: #5ABA51 !important;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0 !important;
}

.nav-main-right div[ng-controller="NavSearchCtrl"]:after {
    content:none !important;
    background:none !important;
}

.nav-main-left a.item.ng-binding.ng-scope:hover:after,
.main-menu.ui.inverted.menu .nav-wrap .item:hover:after {
    width: 100% !important; 
    left: 0% !important; 
}

.main-menu.ui.inverted.menu {
    margin:0 auto !important;
    border-bottom:none;
}

#main-nav-campaign-search {
    -webkit-border-radius:1rem !important;
    -moz-border-radius:1rem!important;
    border-radius:1rem!important;
    padding-top:0.5rem !important;
    padding-bottom:0.5rem !important;
}

.nav-main-left.left.menu,
.nav-main-right.right.menu,
.navlogo.left.menu {
    margin-top:0.5rem !important;
}

.nav-main-right.right.menu .item.collapsible.search-item.ng-scope,
.nav-main-right.right.menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.nav-main-right.right.menu .item.collapsible.user-greeting.ng-binding {
    margin-top: 0rem !important;
}

.ui.dropdown.item.collapsible-settings i#m-user-settings {
    margin-top: -50px;
    margin-bottom: 5px;
}


/* header nav rollovers */

.nav-main-left .item {
    background:transparent !important;
}

a.item.ng-binding.ng-scope {
    background:transparent !important;
}

a.item.ng-binding.ng-scope:hover {
    background:transparent !important;
}

.main-menu.ui.inverted.menu .nav-wrap .item {
    margin: 1em 1.5em;
    padding: 0.8em 0 !important;
}


/* hero img */


.container.main-color.theme-button .masthead-button {
    background:transparent !important;
    color:#5ABA51 !important;
    -webkit-border-radius:1.2rem !important;
    -moz-border-radius:1.2rem !important;
    border-radius:1.2rem !important;
    border:1px solid #5ABA51 !important;
    padding:0.7rem 2rem !important;
    transition:0.5s;
}

.container.main-color.theme-button .masthead-button:hover {
    background:#5ABA51 !important;
    color:#fff !important;
    box-shadow:0px 0px 7px #5ABA51 !important;
}

.container.main-color.theme-button .masthead-button i {
    display:none;
} 


#front-page #topbanner-main #bgimage-wrapper {
    background-size: cover !important;
    height:800px !important;
}

#front-page #topbanner-main .banner-content {
    background: rgb(1,5,0);
    background: linear-gradient(344deg, rgba(1,5,0,1) 0%, rgba(3,32,0,0.5116421568627452) 48%, rgba(1,17,0,0.3743872549019608) 100%);
    background-size: cover !important;
}

#main-bg .explore-head:before {
    content: '';
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 350px;
    position: absolute;
}

#front-page #topbanner-main .banner-content .header-title-one {
    /* font-size: 5rem;
    line-height: 5rem; */
    margin-top: 15rem;
    margin-bottom: 1rem;
    font-family: 'Roboto Slab', serif; 
    font-weight: 500;
    /* word-break: break-word !important; */
    color:#fff !important;
}

#topbanner-main h1.header-title-one {
    font-family: 'Roboto Slab', serif;
    font-weight: 500; 
    margin-bottom:0rem;
    font-weight: normal;
}

#front-page #topbanner-main .banner-content .header-title-two {
    color:#fff !important;
}

#front-page #topbanner-main .banner-content .header-title-two:after {
    content:none !important;
}

#topbanner-main h2,
h1.ui.header.ng-binding {
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    margin-bottom: 4rem;
    margin-top: 1rem;
    font-size: 2.5rem;
}

.promo-wrap.ng-scope .ui.center.aligned.basic.segment h1.ui.header.ng-binding {
    color:#5f5f5f !important;
}

/* below hero img */

.campaign-title.header.name.ng-binding {
    font-family: 'Roboto Slab', serif;
}

#front-page .promo-wrap .ui.label {
    margin: 0.5em 0.25em 0em;
    -moz-border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    border-radius: 1.4rem;
    background: none;
    border: 1px solid #d4d4d4;
    padding: 1rem 1.5rem;
    margin: 0.4rem 0.2rem;
    color: #9e9e9e;
    transition:0.6s;
}

.feat-indicator.ui.right.corner.blue.label.ng-scope {
    border-color: #e79e00 !important;
}


/* rollover for categories */

#front-page .promo-wrap .ui.label:hover {
    background:#5ABA51 !important;
    color:#fff !important;
    border-color:#5ABA51 !important;
    box-shadow:1px 1px 5px #5ABA51 !important;
}


/* main bg */

div#recent-campaign-wrap {
    background:#fff !important;
}

.campaign-section-title {
    margin-top:2rem;
    margin-bottom:2rem;
}

#front-page h2 {
    font-size:2.3rem;
}

#learnmore-wrap h2.ui.header.ng-binding:before {
    font-family: "Font Awesome 5 Free" !important;
    content: '\f0c0' !important;
    color:#5ABA51 !important;
    font-weight: 900;  
    display:block;
    margin:0 auto;
}

h2.ui.header.ng-binding {
    font-family: 'Roboto Slab', serif !important;  
    font-weight: 400; 
    margin-bottom:4.5rem;
    position: relative;
}

h2.ui.header.ng-binding:after {
    content: '';
    height: 2px;
    background-color: #5ABA51 !important;
    width: 4%;
    position: absolute;
    bottom:-40%;
    left:48%;
}

#front-page .campaign-list-wrap .front-campaign-list .campaign-list-items .campaign-section-title {
    font-family: 'Roboto Slab', serif; 
    font-weight: 500;
    position: relative;
    margin-bottom:5rem;
}

#front-page .campaign-list-wrap .front-campaign-list .campaign-list-items .campaign-section-title:after {
    content: '';
    height: 2px;
    background-color: #5ABA51 !important;
    width: 4%;
    position: absolute;
    bottom: -25%;
    left: 48%;
}

h2.campaign-section-title {
    font-family: 'Roboto Slab', serif;
    color:#5ABA51 !important;
    text-align: center !important;
    margin-bottom:2rem;
}



/* .campaign-list-items h2 i.star,
.campaign-section-title i.time {
    display:none;
} */

.campaign-section-title i.time:before {
    font-family: "Font Awesome 5 Free" !important;
    content: '\f4be' !important;
    color:#5ABA51 !important;
    font-weight: 900;  
    font-size: 3.2rem;
}

.campaign-section-title i.time {
    display:block !important;
    margin: 0 auto 1rem auto !important;
    font-size: 4rem;
}


#front-page #learnmore-wrap .lm-grid-wrap {
    max-width: 1440px !important;
}

.lm-column-grid {
    margin:0 auto !important;
    padding:0 0.5rem !important;
}

.lm-column-grid .lm-column {
    width:30% !important;
}

.learnmore-wrap .ui.page.grid {
    padding: 0 2rem
}

.ui.icon.header .circular.icon, .ui.icon.header .square.icon {
    font-size: 3em !important;
}

#front-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header i.circular.icon {
    /* -webkit-box-shadow: 0em 0em 0em 0.1rem white inset !important;
    box-shadow: 0em 0em 0em 0.1rem white inset !important; */
    margin-bottom:1rem !important;
}

.recent-indicator.ui.right.corner.red.label.ng-scope {
    border-color: #5ABA51 !important;
}

.icon-header span.ng-binding {
    display: block;
    font-size: 1.15em !important;
    margin-top: 0rem !important;
    margin-bottom: 0.8rem !important;
    font-size: 1.6rem !important;
    color:#5f5f5f !important;
}


/* home pg - featured campaign area */

html body.container #main-bg .campaign-thumb .campaign-card .campaign-desc .campaign-title {
    font-family: 'Roboto Slab', serif !important;
    color:#5f5f5f;
    letter-spacing: 0.3px !important;
}


.feat-indicator.ui.right.corner.blue.label.ng-scope i.star.icon,
a.ui.fluid.card.campaign-card .corner.label i.star.icon {
    font-size: 1.6rem !important;
    position: absolute;
    left: 25%;
}


#front-page .campaign-list-wrap .ui.home.divider {
    border-top: none;
    border-bottom: none;
}

div#feat-campaign-wrap h2.campaign-section-title.ui.left.aligned.header i.star.icon {
    display: block !important;
    margin: 0 auto 1rem auto !important;
    font-size: 4rem;
    color:#5ABA51 !important;
    font-size: 3.4rem;
}


div#feat-campaign-wrap h2.campaign-section-title.ui.left.aligned.header i.star.icon:before {
    content:"\f0a3" !important;
}


/* home pg - campaign area */

html body.container #main-bg .campaign-thumb .campaign-card .video-container {
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
}

.card-amount-meta {
    margin-top:1rem;
    margin-bottom:1rem;
}

.ui.card>.image, .ui.cards>.card>.image,
html body.container #main-bg .campaign-thumb .video-container.ng-scope.video-video-tag {
    border-top-right-radius: 1.2rem !important;
    border-top-left-radius: 1.2rem !important;
}

span[translate="explore_pledged"],
span[translate="index_pledged"] {
    font-size:0.7rem !important;
}

span[translate="explore_funded"],
span[translate="index_funded"] {
    font-size:0.7rem !important;
}

.ui.basic.segment {
    max-width:1440px;
    margin:0 auto;
}

a.ui.fluid.card.campaign-card .corner.label, 
a.ui.fluid.card.campaign-card .corner.label:hover {
    background-color: #f07f3e !important;
    border-radius: 3rem;
    margin-top: 1rem;
    margin-right: -1rem;
}

.ui.progress.success .bar {
    background-color: #5ABA51 !important;
}

.ui.right.corner.label .text {
    -webkit-transform: rotate(045deg) !important;
    transform: rotate(45deg) !important;
    margin: 1.4em 0 0 0em !important;
}

.ui.fluid.card.campaign-card {
    border:none !important;
    /* border:1px solid rgb(255, 255, 255) !important; */
    -moz-border-radius:1rem;
    -webkit-borderradius:1rem;
    border-radius:1rem;
    transition:0.4s;
    
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) !important;
}

html body.container #main-bg .campaign-thumb .campaign-card .campaign-card-footer .campaign-stats .bar-progress {
    margin-bottom: 0.5rem;
    border: 1px solid #cecece;
    padding: 0.14rem 0.15rem 1rem 0.2rem;
    background:#fff !important;
}

.ui.card>:last-child, .ui.cards>.card>:last-child {
    border-radius: 0 0 1rem 1rem !important;
}

.ui.card>.image>img {
    border-radius: 1rem 1rem 0 0 !important;
}

.ui.card, .ui.cards > .card {
    box-shadow:none !important;
}

.ui.fluid.card.campaign-card:hover {
    box-shadow: 2px 5px 5px 3px rgba(0, 0, 0, 0.2) !important;
}

.ui.corner.label:after {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

a.ui.large.button.view-more-btn.ng-scope {
    background: transparent;
    color: #5ABA51;
    border-radius: 1.2em;
    padding:0.8em 1.8em !important;
    border: 1px solid #5ABA51;
    text-transform: uppercase;
    transition:0.6s;
}

a.ui.large.button.view-more-btn.ng-scope:hover {
    background: #5ABA51;
    color: #fff;
    box-shadow:2px 2px 10px #5ABA51;
} 

h2.campaign-section-title.ui.left.aligned.header {
    font-size: 2.4rem !important;
}


/* lmarn more area */


#front-page #learnmore-wrap h3.ui.header.ng-binding {
    margin-top:1rem;
    color:#5f5f5f !important;
}

#front-page #learnmore-wrap,
#home-page #learnmore-wrap  {
    background:#f8f8f8 !important;
    color:#5f5f5f !important;
    position: relative;
}

#home-page #learnmore-wrap > *,
#home-page #learnmore-wrap p.ng-binding ,
#front-page #learnmore-wrap > *,
#front-page #learnmore-wrap p.ng-binding {
    color:#5f5f5f !important;
}

#home-page #learnmore-wrap h2.ui.header.ng-binding,
#front-page #learnmore-wrap h2.ui.header.ng-binding {
    color:#5ABA51 !important;
    font-weight: 500;
}

#home-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header .sub.header,
#front-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header .sub.header {
    float: right;
    color:#5f5f5f !important;
    width: 80%;
}

a.redirect-button.ui.large.right.labeled.icon.button {
    border-radius: 1.5rem;
    border:1px solid #5ABA51 !important;
    background: transparent !important;
    color:#5ABA51 !important;
    text-transform: uppercase !important;
    transition: 0.6s !important;
}

#front-page #learnmore-wrap .lm-footer .btn-wrap .ui[class*="right labeled"].icon.button {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
}

a.redirect-button.ui.large.right.labeled.icon.button:hover {
    background: #5ABA51 !important;
    color: #ffffff !important;
    box-shadow:0px 0px 7px #5ABA51 !important;
}

a.redirect-button.ui.large.right.labeled.icon.button > i {
    display:none;
}

#learnmore-wrap i.circular.icon {
    background:transparent;
    color:#fff !important;
    border:none !important;
}


#front-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header i.circular.icon {
    -webkit-box-shadow: none;
    box-shadow:none;
    margin-bottom:0rem;
    margin-left: 0;
    margin-left: 1rem;
    float: left;
    font-size:2.2rem !important;
    padding-top: 0rem !important;
    color:#5f5f5f !important;
}

.lm-column.column.ng-scope > * {
    text-align: left !important;
}


/* social icons */

H3.ui.social-media-blurb.header.ng-binding {
    font-family: 'Roboto Slab', serif !important;  
    color:#fff !important;    
    font-weight: normal;
}

.socialmedia-icons > .social-icon i {
    font-size:1.5rem;
    background:transparent !important;
    color:#fff !important;
    border:solid 1px #fff !important;
    transition:0.4s;
}


.socialmedia-icons > .social-icon i:hover {
    background:#fff !important;
    color:#5ABA51 !important;
}

#socialicons-wrap {
    background: #5ABA51 !important;
    border-top: 1px solid #f8f8f8!important;
}

#socialicons-wrap  > * {
    color:#fff!important;
}

/* footer */

#footer-nav h5.ui.header.ng-binding {
    color: #5ABA51 !important;
}

#footer-wrap .footer-content #footer-nav .footer-links .item {
    display:block;
}


.container.main-color.theme-footer-font #footer-wrap a {
    display: block;
}




/* admin area */

.ui.green.message.ng-scope .ui.basic.segment.center.aligned.ng-scope {
    margin-top:0rem;
}

div#admindashboard .ui.basic.top-header.segment h2.ui.header.ng-scope {
    margin-bottom: 0rem !important;
    text-align: center;
}

#admin-dashboard #nav-wrapper,
#api-docs #nav-wrapper,
#campaign-manager #nav-wrapper,
#profile-setting #nav-wrapper,
#start #nav-wrapper,
#pledge-history #nav-wrapper,
#pledge-campaign #nav-wrapper,
#login #nav-wrapper,
#inline-contribution #nav-wrapper,
body #nav-wrapper {
    background:#333;
    height:6rem;
}

/* this must go after the above styles */
#home-page #nav-wrapper,
#explore #nav-wrapper {
    background:none !important;
}

#admin-dashboard #main-bg,
#api-docs #main-bg,
#campaign-manager #main-bg,
#profile-setting #main-bg,
#start #main-bg,
#pledge-history #main-bg,
#pledge-campaign #main-bg,
#login #main-bg,
#inline-contribution #main-bg,
body #main-bg {
    background: #ffffff;
    padding-top: 6rem;
}

/* this must go after the above styles */
#home-page #main-bg,
#explore #main-bg {
    background: none !important;
    padding-top: 0rem !important;
}


.container.main-color.theme-banner .ui.basic.top-header.segment {
    max-width:none !important;
    background: #5ABA51 !important;
    text-align: center;
}

.container.main-color.theme-banner .ui.basic.top-header.segment h2 {
    margin-bottom: 0 !important;
}


/* api docs pgs */

#api-docs #nav-wrapper {
    position: static !important;
    width:auto !important;
}


/* explore pg */


.ui.pagination.menu .active.item {
    background:#5ABA51 !important;
    color:#fff !important;
}

.ui.pagination.menu .active.item:hover {
    background:#7bf570 !important;
    color:#fff !important;
} 

.ui.pagination.menu .item {
    border-radius:1.5rem;
    color:#5ABA51 !important;
    font-weight: bold !important;
}

.ui.pagination.menu .item:before {
    background: none;
    background: none;
}


.ui.ribbon.label span.ng-binding {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.3rem !important;
    white-space: nowrap;
    display: block;
}

.explore-head.ng-scope  h1{
    color:#fff !important;
}

.mainbody-wrap #explore-page .ui.menu.project-sidebar-list .cat-items .item .inner-item::before {
    background: none;
}

.ui.pagination.menu a.item.ng-binding.ng-scope:hover {
    background: #f5f5f5 !important;
}


.ui.search.fluid.selection.dropdown,
.ui.icon.input.search-input.fluid input.ng-pristine.ng-untouched.ng-valid {
    border-radius:1.2rem !important;
}

#sort-campaigns {
    border-radius: 1.5rem;
}

.mainbody-wrap #explore-page .ui.menu.project-sidebar-list .cat-items .item .inner-item {
    transition: 0.3s;
    border-bottom:1px dashed rgba(0, 0, 0, 0.1) !important;
}

.mainbody-wrap #explore-page .ui.menu.project-sidebar-list .cat-items .item .inner-item:hover {
    background:#ebebeb;
}

/* login pgs */

button#loginButton,
button#registerbutton {
    padding-top:1rem;
    padding-bottom:1rem;
}

div#register .field,
div#login .field {
    width:95%;
    display: block;
    margin-left:auto;
    margin-right:auto;
}


div#register input,
div#login input,
button#loginButton,
button#registerbutton {
    border-radius:1.2rem;
}


div#termcheck label.ng-binding a {
    color: #5aba51 !important;
}


.container.main-color.theme-font #login h3, 
.container.main-color.theme-font #register h3 {
    margin-top:0.3rem;
    font-size:1.4rem;
    letter-spacing: 0.1px;
    color: #5aba51 !important;
    font-weight: normal !important;
    font-family: 'Roboto Slab', serif !important;  
}

.container.main-color.theme-button #login button, .container.main-color.theme-button #register button {
    background-color:#5aba51 !important;
    color: #ffffff;
}


/* campaign pg */


.container.main-color.theme-reward .rewards .pledge-level .choose-reward-btn {
    background: #5aba51 !important;
}

.ui.warning.message h2 {
    margin-bottom:0 !important;
}

h2.ui.campaign-user-name.header.ng-binding.ng-scope {
    margin-bottom: 1.5rem;
}


.notes ul#rewards-list div#rewards-section {
    margin-left:2rem !important;
    margin-right:2rem !important;
    border-top:1px dashed rgba(0, 0, 0, 0.1); 
}

.notes ul#rewards-list div:first-child {
    border-top:none; 
}

.pledge-campaign-info #pledgebutton,
.pledge-campaign-info #loginbtn {
    border-radius: 1.4rem;
}

a.city-link.text-link.ng-binding.ng-scope,
.container.main-color.theme-font .campaign-top-header .campaign-description .campaign-link .item-wrap .city-link {
    color:#5ABA51 !important;
}

.item.f-duration.ui.large.label.ng-scope {
    padding-top:1rem;
    padding-bottom:1rem;
    border-radius: 1.4rem;
}


.funding-wrap.ng-scope .notes .item.item-funded {
    margin-top:1rem;
}


.funding-wrap.ng-scope .notes .item.item-backer,
.funding-wrap.ng-scope .notes .item.item-progress.ng-scope {
    margin-left:1.5rem;
    margin-right:1.5rem;
    border-bottom:1px dashed rgb(212, 212, 212);
}



div#campaign-details {
    margin-top:2rem !important;
}

.campaign-info.ui.two.column.stackable.grid.addborder {
    display: flex;
    align-items: stretch;
}


.campaign-top-header.ui.two.column.stackable.grid .ui.tabular.menu .active.item { 
    background-color:#5ABA51 !important;
    border:none !important;
    color:#fff !important;
    border-radius: 5px !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
    width: 30%;
    text-align: center;
    margin-right: -0.1rem;
}   

.campaign-top-header.ui.two.column.stackable.grid .ui.tabular.menu .active.item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #5ABA51;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}


.cp-menu-tabs.ui.top.attached.tabular.menu {
    border-bottom:none !important;
}


a.category-link.text-link.ng-binding.ng-scope {
    color:#5ABA51 !important;
}

.campaign-top-section .campaign-action.ng-scope a.ui.button {
    border-radius: 1.2rem !important;
}

.mainbody-wrap .background-wrap #campaign-tabs .rewards .pledge-level > li .ui.basic.segment .reward-bg-wrap {
    padding-left:0 !important;
    padding-right:0 !important;
}

.bar-progress.ui.indicating.progress.active,
.bar-progress.ui.indicating.progress {
    margin-bottom:2rem !important;
}

#custom-page .mainbody-wrap .background-wrap .campaign-user .user-img-col .contact-btn {
    border-radius: 1.2rem !important;
}

.item.item-backer .item.item-label .c-meta.ng-binding {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    color: #5ABA51 !important;  
}

.f-runtime.ng-scope .item span.c-value.ng-binding.ng-scope {
    font-size: 2rem;  
}

.item.f-duration.ui.large.label.ng-scope {
    width: 90% !important;
    display:block !important;
    margin-top:1rem !important;
    margin-right:auto !important;
    margin-left:auto !important;
    border-radius: 1.2rem !important;
}   

h3#campaign-rewards {
    font-family: 'Roboto Slab', serif !important;
    border-radius: 0 !important;
    border-top: 1px dashed #9c9c9c;
    border-bottom: 1px dashed #9c9c9c;
    background: none !important;
    color: #808080;
}

button.choose-reward-btn.no-attrs.ui.large.fluid.button {
    padding-top:1.1rem;
    padding-bottom: 1.1rem;
    border-radius:1.4rem !important;
}


button.choose-reward-btn.no-attrs.ui.large.fluid.button:before {
    font-family: "Font Awesome 5 Free" !important;
    content:'\f06b\00a0';
    font-weight: 900;  
    margin-left:1rem;
}

#custom-page .right-col.six.wide.column.ng-scope div.ng-scope a#pledgelink:before,
#custom-page #pledgelink:before {
    font-family: "Font Awesome 5 Free" !important;
    content:'\f4c0';
    font-weight: 900;  
}

#custom-page .notes .item.item-funded .item.item-label .ng-binding {
    color: #5ABA51 !important;  
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}

#custom-page .notes .item.item-progress.ng-scope .item.item-label .ng-binding {
    color: #5ABA51 !important;  
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}

.container.main-color.theme-font .funding-wrap .ui.funding-info.list .item span.c-value {
    font-family: 'Roboto Slab', serif !important;
    color: #5ABA51 !important;  
    font-size:3rem !important;
}

.item.item-funded .item.item-value {
    font-family: 'Roboto Slab', serif !important;
    font-size: 2.4rem;  
}


/* start pg */

.mainbody-wrap .background-wrap .start-campaign input[type=text] {
    border-radius: 1.4rem;
}


a.forgot-password.ng-scope,
a.forgot-password.ng-scope:hover {
    color: #5ABA51 !important;
}

a.forgot-password.ng-scope:hover { 
    text-decoration: underline;
}

div#login,
div#register {
    border-radius: 1.2rem !important;
    box-shadow: 2px 2px 10px #f1f1f1;
    border:1px solid #ebebeb !important;
}

div#login h3.ui.header.ng-scope:before {
    font-family: "Font Awesome 5 Free" !important;
    content: '\f2bd\00a0' !important;
    color:#5ABA51 !important;
    font-weight: 900;  
}

.container.main-color.theme-font #register h3:before {
    font-family: "Font Awesome 5 Free" !important;
    content: '\f06a\00a0' !important;
    color:#5ABA51 !important;
    font-weight: 900;
}


form.start-campaign.ui.form.ng-pristine.ng-valid.ng-valid-maxlength button.ui.huge.start-button.button.ng-scope,
form.start-campaign .container.main-color.theme-button .start-button,
form button.ui.huge.start-button.button.ng-scope {
    background-color: #5ABA51 !important;
    font-family: 'Roboto Slab', serif;
    font-size:1.2rem !important;
    border-radius: 1.6rem !important;
    transition: 0.4s !important;
    font-weight: normal !important;
}

form.start-campaign.ui.form.ng-pristine.ng-valid.ng-valid-maxlength button.ui.huge.start-button.button.ng-scope:hover,
form.start-campaign .container.main-color.theme-button .start-button:hover,
form button.ui.huge.start-button.button.ng-scope:hover {
    background: #5ABA51 !important;
    color: #ffffff !important;
    box-shadow:0px 0px 7px #5ABA51 !important;
}



/* explore campaign pg */

.ui.corner.label {
    width: 3.5em !important;
    height: 3.5em !important;
}

.mobile-collapsed.location-sidebar-item.item.content.active button.ui.button.ng-scope {
    border-radius: 1.2rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    width: 98%;
    margin-top: 1.2rem !important;
    margin-bottom: 2rem !important;
}

.campaign-creator.ui.ribbon.label.ng-scope {
    background-color:#d1f3ce !important;
    min-width: initial !important;
    width: 95% !important;
}

.ui.label.ng-binding,
.item.f-duration.ui.large.label.ng-scope {
    background-color:none !important;
}

.ui.menu {
    box-shadow: none !important;
}

.ui.attached.warning.message, .ui.warning.message {
    box-shadow: 0 0 0 1px #c7c7c6 inset, 0 1px 2px 0 rgb(199 139 139 / 5%);
}

.ui.warning.message .header {
    color: #5aba51;
}

.ui.warning.message .header.ui.center.aligned.ng-binding:before { 
    font-family: "Font Awesome 5 Free" !important;
    content:'\f071\0020';
    font-weight: 900; 
    color: #5aba51;
} 

.ui.warning.message .header.ui.center.aligned.ng-binding {
    font-family: 'Roboto Slab', serif !important;  
}


.ui.warning.message {
    background-color: #dedede59;
    color: #5a5a5a;
    margin-bottom:1rem;
}

.share-campaign.ui.top.left.pointing.dropdown.green.button,
#campaign-tabs #mob-view1 {
    width: 30%;
    border-radius: 1.5rem;
    text-align: center;
}

.ui.black.button, .ui.black.buttons .button {
    border-radius: 1.5rem;
}

.pledge-campaign-top-header a {
    background: 0 0;
    color: #5ABA51 !important;
    text-decoration: none;
    font-family: 'Roboto Slab', serif !important;  
}

.campaign-user h2.ui.header.ng-binding:after {
    content:none !important;
}

.ui.ribbon.label {
    border-color: rgb(90 186 81 / 53%) !important;
}

.campaign-title.header.name.ng-binding {
    color:#5f5f5f;
}

.ui.top.attached.menu {
    margin: 1rem 1.5rem 1.5rem 1.5rem;
}

.mainbody-wrap #explore-page .ui.menu.project-sidebar-list .header.item.title {
    font-weight: bold !important;
}

.mainbody-wrap .background-wrap #campaign-tabs .rewards .pledge-level > li {
    background: #f8f8f8 !important;
    /* border:1px solid #c4c4c4 !important; */
}

.mainbody-wrap .background-wrap #campaign-tabs .rewards .pledge-level > li .ui.basic.segment .reward-bg-wrap {
    background:#f8f8f8 !important;
}

.share-campaign.ui.top.left.pointing.dropdown.green.button, .ui.labeled.icon.buttons .button {
    border-radius:2.5rem;
    width:30%;
    text-align: center;
}

.ui.inverted.attached.header, .ui.inverted.block.header {
    background: #5f5f5f!important;
    background: #5f5f5f!important;
}

.ui.black.label, .ui.black.labels .label {
    background-color: #5f5f5f!important;
    border-color: #5f5f5f!important;
}

h1.campaign-name.ui.header.ng-binding {
    color: #5ABA51 !important; 
}

.right-col.six.wide.column.ng-scope {
    background: #f8f8f8;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.ui.secondary.pointing.menu>.item.active, .ui.secondary.pointing.menu>.menu>.item.active {
    border-color: #5ABA51 !important;
}

#pledgelink {
    background:#5ABA51 !important;
    border-radius:2rem;
    width: 90%;
    margin: 0 auto;
    color:#fff !important;
}

#pledgelink > span:nth-child(1) {
    /* display: block; */
    padding-bottom: 0.5rem;
    font-family: 'Roboto Slab', serif !important;  
    font-weight: normal;
    /* border-bottom: 1px solid #fff; */
}

.ui.blue.label, .ui.blue.labels .label {
    background-color: #f07f3e !important;
    border-color: #f07f3e !important;
    color: #fff !important;
}

.container.main-color.theme-font .ui.vertical.menu.project-sidebar-list .header.item {
    background-color: #5ABA51 !important;
    font-family: 'Roboto Slab';
    font-weight: bold !important;
    color: #fff;
    font-size:1.1rem !important;
    letter-spacing: 0.5px !important;
}

.mainbody-wrap {
    padding-top:5rem !important;
    padding-bottom:10rem !important;
}

.ui.header:first-child {
    margin-bottom:2rem;
}

button.choose-reward-btn.no-attrs.ui.large.fluid.button,
.reward-bg-wrap .choose-reward-btn {
    background:#5ABA51 !important;
    border-radius:1.2rem;
    font-family: 'Roboto Slab', serif; 
}


.ui.top.attached.pointing.secondary.menu.menu-tabs.mob-colps span.ui.label.ng-binding {
    color:#ffffff !important;
    background:#5f5f5f !important;
}

.campaign-story p {
    color:#474747 !important;
}

.item.r-mode.ng-scope strong.c-raise-mode span.ng-scope {
    color:#474747 !important;
}

.container.main-color.theme-reward .rewards .pledge-level > li:hover {
    background: #f07f3e !important;
    color: #f07f3e !important;
}

.container.main-color.theme-reward .rewards .pledge-level > li {
    background: #ffffff !important;
}

.ui.segment.attached {
    border-radius: 1rem;
    border: 1px solid #f1f1f1 !important;
    box-shadow: 4px 4px 5px #f1f1f1;
}

/* custom pg */

#custom-page #main-bg {
    padding-top:0rem;
}

#custom-page #nav-wrapper {
    background:#474747 !important;
}

.container.main-color.theme-reward {
    background:#474747 !important;
}


/* about us pg  */

#about .ng-scope:nth-child(2) {
    background:#ccc !important;
}


/* get started pg */

.container.main-color.theme-banner .mainbody-wrap .background-wrap .campaignsteps .setup.column.active .step-link {
    background-color:#5ABA51 !important;
}

.mainbody-wrap .background-wrap .campaign-creation-header .campaignsteps .menu-steps .setup a:hover,
.mainbody-wrap .background-wrap .campaign-creation-header .campaignsteps .menu-steps .setup .step-link a:hover {
    background-color:#79e06f !important;
}

.container.main-color.theme-banner .mainbody-wrap .background-wrap .campaignsteps .setup.column.active .step-link {
    background-color:  #5ABA51 !important;
    color: #fff;
}


h2.ui.inverted.top.attached.header.ng-scope {
    border-radius:0.9rem;
    margin-bottom:0.9rem;
    padding-left:1.1rem !important;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
}


/* contribute pg */

.container.main-color.theme-font .pledge-campaign-info h3.ui.header {
    color:#5ABA51 !important;
}

.ui.corner.red.label i.white.asterisk.icon {
    margin-right:0.5rem;
    margin-top: 0.5rem;
    color:#f07f3e !important;
}

html body.container .mainbody-wrap .background-wrap .campaign-bg .formbg:first-child {
    border-radius:1.2rem;
}

div#finalpledge {
    border-radius:1.2rem;
}

.ui[class*="right labeled"].icon.button>.icon {
    border-radius: 0 1.2rem 1.2rem 0;
}

h2.section-header.ui.inverted.top.attached.header {
    font-family: 'Roboto Slab', serif;
    border-radius:1.2rem;
    margin-bottom:1rem;
}
h2.section-header.ui.inverted.top.attached.header span {
    font-family: 'Roboto Slab', serif;
    padding-left:0.5rem;
    font-weight: normal;
}


/* campaign setup */



div#campaign-tabs div#campaign-seg,
div#campaign-tabs div#faq-seg,
div#campaign-tabs div#stream-seg,
div#campaign-tabs div#backer-seg,
div#campaign-tabs div#comment-seg {
    margin-left: -0.5rem;
}

.campaign-creation-header .ui.center.aligned.basic.segment {
    margin-top:2rem;
}

a#campaign-create-prev-button,
button#campaign-create-save-current-button,
a#campaign-create-next-button,
a.ui.orange.button.left.aligned.ng-scope,
button.review-btn.ui.right.labeled.icon.orange.button.ng-scope {
    border-radius:1.2rem;
}

.campaign-rewards-form.campaign-creation-form {
    margin-top:1rem;
}

.formbg.ui.two.column.stackable.grid.required-field {
    border-radius:1.2rem;
}

.container.main-color.theme-banner .campaignsteps .ui.stackable.grid.menu-steps .setup.column:hover:not(.active) .step-link {
    border-color: #cacaca;
}

.container.main-color.theme-banner .mainbody-wrap .background-wrap .campaignsteps .setup.column.active .step-link {
    border-color: #cacaca;
}

.campaign-bg.ui.middle.attached.basic.segment {
    box-shadow: none !important;
    border: none !important;
}

.formbg.ui.two.column.stackable.grid.optional-field {
    border-radius:1.2rem;
}

.campaign-info.ui.two.column.stackable.grid.addborder .right-col.six.wide.column,
div#backer-seg div#backer-list .right.six.wide.column {
    background-color:#F8F8F8 !important;
    border-radius:0 1.1rem 1.1rem 0 !important;
}


/* campaign contribution pg */

.container.main-color.theme-table .contribution div.contribution-header {
    background: #5ABA51;
    border-color: #5ABA51;
}


/* viewport breakpoints */



@media only screen and (max-width: 1100px) {

    div#topbanner-main #front-page #topbanner-main .banner-content .header-title-one {
        font-size: 4rem !important;
        line-height: 4rem !important;
    }

}  



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {

    div#admindashboard {
        padding-top:6rem;
    }

    .share-campaign.ui.top.left.pointing.dropdown.green.button, .ui.labeled.icon.buttons .button {
        display: block;
        margin-right:auto;
        margin-left:auto;
        width: 90%;
    }
    div#scroll-to-rewards {
        width: 90%;
        display: block;
        margin-right:auto;
        margin-left:auto;
        border-radius:2.5rem;
    }

    .campaign-top-header.ui.two.column.stackable.grid .ui.tabular.menu .active.item {
        display: block;
        margin-right:auto;
        margin-left:auto;
        width: 90%;
    }

    #pledgelink {
        display: block;
        margin-right:auto;
        margin-left:auto;
        width: 90%;
    }

    #front-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .ui.header,
    div#learnmore-wrap .sub.header.ng-binding,
    .icon-header span.ng-binding {
        text-align: center;
        display:block;
    }

    #home-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header .sub.header, #front-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header .sub.header {
        float:none;
        width:100%;
        text-align: center;
    }

    #front-page #learnmore-wrap .lm-grid-wrap .lm-column-grid .icon-header i.circular.icon {
        float: none;
        display: block;
        margin: 0 auto;
    }

}


@media only screen and (max-width: 310px) {
    #front-page #topbanner-main .banner-content .header-title-one {
        font-size: 150% !important;
    }
    h2.header-title-two.ui.inverted.header.ng-binding.ng-scope {
        font-size: 100% !important;
    }
    p.header-description.ng-binding.ng-scope {
        font-size: 100% !important;
    }
}


@media only screen and (max-width: 450px) {

    #front-page #topbanner-main .banner-content .header-title-one {
        
        font-size: 1rem;
        line-height: 1.1rem;
    }
    h2.header-title-two.ui.inverted.header.ng-binding.ng-scope {
        font-size: 1rem !important;
        line-height:1.1rem !important;
    }
    p.header-description.ng-binding.ng-scope {
        font-size: 1rem !important;
        line-height:1.1rem !important;
    }
}


@media only screen and (max-width: 455px) {

    #front-page #topbanner-main .banner-content .header-title-one {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    h2.header-title-two.ui.inverted.header.ng-binding.ng-scope {
        font-size: 1.1rem;
        line-height:1.4rem;
    }
    p.header-description.ng-binding.ng-scope {
        font-size: 1rem !important;
        line-height:1.1rem;
    }
}


@media only screen and (max-width: 500px) {

    #front-page #topbanner-main .banner-content .header-title-one {
        font-size: 2rem;
        line-height: 2rem;
    }
    #front-page #topbanner-main .banner-content .header-title-two {
        font-size: 1.5rem;
        line-height: 1.7rem;
        margin-bottom:0.5rem;
    }

}

/* @media only screen and (max-width: 550px) {

    div#topbanner-main #front-page #topbanner-main .banner-content .header-title-one {
        word-break: break-all !important;
        font-size: 2rem !important;
    }

} */


@media only screen and (min-width: 1199px) {

    #front-page #topbanner-main .banner-content .header-title-one {
        font-size: 5rem !important;
    }

  }