/* Custom CSS code goes here */
@keyframes heartbeat {
  0% {
    transform: scale( .75);
  }
  20% {
    transform: scale( 1);
  }
  40% {
    transform: scale( .75);
  }
  60% {
    transform: scale( 1);
  }
  80% {
    transform: scale( .75);
  }
  100% {
    transform: scale( .75);
  }
}

#loader .content .center {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 90px;
  animation: heartbeat 1s infinite;
}

#loader .content .center:before,
#loader .content .center:after {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  background: #f9435a;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

#loader .content .center:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

#loader .content .center .icon {
  display: none;
}

body > #loader {
  background-color: #3d3861 !important;
}

body.pushable {
    background: #3d3861 !important;
}

.fb-blue {
  background: #3e3665 !important;
}

.ui.buttons .or:before {
  content: 'ou';
}

span[ng-bind="campaign.currencies[0].code_iso4217_alpha"],
span.currency {
  display: none!important;
}

.btn-wrap a.ui.button {
  position: relative;
  padding: 0.6em 1em !important;
  background-color: #f9435a !important;
  color: #fefefe !important;
  border-radius: 2em !important;
  font-weight: bold !important;
  font-size: 1.3em;
  position: relative;
  margin: 0 !important;
}

.btn-wrap a.ui.button:before {
  font-family: FontAwesome;
  background: #fff;
  color: #f9435a;
  position: absolute;
  border-radius: 1em;
  width: 2em;
  height: 2em;
  margin: auto 0;
  top: 0;
  bottom: 0;
  left: -1.4em;
  text-align: center;
  line-height: 2.2em;
  transition: all .2s;
  font-size: 0.7em;
}

.btn-wrap a.ui.button[href="explore"]:before {
  content: '\f101';
}

.btn-wrap a.ui.button[href="about"]:before {
  content: '\f05a';
}

.btn-wrap a.ui.button[href="https://leclan.re/appels-projets/lancez-votre-campagne-de-financement-participatif-sur-pocpocre"]:before {
  content: '\f06c';
}

.btn-wrap a.ui.button:hover:before {
  background-color: #f9435a;
  color: #fff;
}

.btn-wrap a.ui.button.labeled.right {
  padding: 0.6em 1em !important;
}

.btn-wrap a.ui.button.labeled.right i.icon {
  display: none;
}

#nav-wrapper .top-nav-bar {
  background-color: #f9435a;
  margin-top: 10px;
  height: 69px;
}

#nav-wrapper .top-nav-bar .navlogo {
  position: absolute;
  background-color: #43b7e0;
  padding: 17px 22px;
  margin: -10px 0 0 38px;
}

#nav-wrapper .menu.nav-main-left {
  padding: 18px 0 0 150px;
}

#nav-wrapper .menu.nav-main-right {
  padding: 18px 0 0;
}

#nav-wrapper .nav-main-left > a.item,
#nav-wrapper .nav-main-right > a.item {
  padding: 0.6em 1em;
  background-color: #3d3861;
  color: #fefefe;
  border-radius: 2em;
  font-weight: bold;
  margin-left: 0.4em;
  margin-right: 2em;
  transition: all .2s;
  font-size: 15px;
}

#nav-wrapper .nav-main-left > a.item:before,
#nav-wrapper .nav-main-right > a.item:before {
  font-family: FontAwesome;
  background-color: #fff;
  color: #3d3861;
  position: absolute;
  border-radius: 1em;
  width: 1.7em;
  height: 1.7em;
  margin: auto 0;
  top: 0;
  bottom: 0;
  left: -1.3em;
  text-align: center;
  line-height: 1.9em;
  transition: all .2s;
}

#nav-wrapper .nav-main-left > a.item[href="explore"]:before {
  content: '\f004';
}

#nav-wrapper .nav-main-left > a.item[href="https://leclan.re/appels-projets/lancez-votre-campagne-de-financement-participatif-sur-pocpocre"]:before {
  content: '\f06c';
}

#nav-wrapper .nav-main-left > a.item[href="faq"]:before {
  content: '\f128';
}

#nav-wrapper .nav-main-left > a.item[href="https://communaute.pocpoc.re/partenaires"]:before {
  content: '\f164';
}

#nav-wrapper .nav-main-left > a.item:hover,
#nav-wrapper .nav-main-right > a.item:hover {
  /* background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.08)));
  background-image: linear-gradient(transparent,rgba(0,0,0,.08)); */
  background-color: #3d3861 !important;
}

#nav-wrapper .nav-main-left > a.item:hover:before,
#nav-wrapper .nav-main-right > a.item:hover:before {
  background-color: #3d3861;
  color: #fff;
}

#nav-wrapper .nav-main-left > a.item.active,
#nav-wrapper .nav-main-right > a.item.active {
  background-color: #fff !important;
  color: #3d3861 !important;
}

#nav-wrapper .nav-main-left > a.item.active:hover,
#nav-wrapper .nav-main-right > a.item.active:hover {
  background-color: #3d3861 !important;
  color: #fff !important;
}

#nav-wrapper .menu.nav-main-right > a.item {
  margin-right: 5px;
  margin-left: 30px;
}

#nav-wrapper .menu.nav-main-right > a.item:before {
  content: "\f007";
}

#nav-wrapper .item.user-greeting {
  display: none;
}

#nav-wrapper .collapsible-settings {
  padding: 17px 15px;
  margin-top: -18px;
}

#nav-wrapper .collapsible-settings i#m-user-settings {
  background-color: #3d3861;
  border: 4px solid #fff;
  height: 35px !important;
  width: 35px !important;
  opacity: 1;
}

#nav-wrapper .search-item {
  vertical-align: top;
}

#nav-wrapper .search-item #main-nav-campaign-search {
  border-radius: 20px;
  height: 32px;
  font-size: 13px;
}

#nav-wrapper .search-item i.search.icon {
  background-color: #3d3861;
  border-radius: 20px;
  height: 26px;
  width: 26px;
  top: 3px;
  right: 3px;
  font-size: 14px;
  opacity: 1;
}

#nav-wrapper .search-item i.search.icon:before {
  color: #fff;
}

#topbanner-main .banner-content-grid {
  width: auto !important;
  max-width: 60%;
  padding-right: 8%;
  padding-left: 8%;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}

#topbanner-main .banner-content-grid .column {
  text-align: left;
  background-color: #3d3861;
  width: auto;
  padding: 70px 40px;
}

#topbanner-main .banner-content .header-title-one {
  font-size: 3vw !important;
}

#topbanner-main .banner-content .header-title-two {
  font-size: 2.3vw !important;
}

@media only screen and (max-width: 767px) {
  #topbanner-main .banner-content {
    position: relative !important;
  }

  #topbanner-main .banner-media-content div {
    height: 160px !important;
  }

  #topbanner-main .banner-content-grid {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  #topbanner-main .banner-content-grid .column {
    width: 100% !important;
  }

  #topbanner-main .banner-content .header-title-one {
    font-size: 2em !important;
  }

  #topbanner-main .banner-content .header-title-two {
    font-size: 1.5em !important;
  }

  .masthead-button-wrap a .masthead-button.ui.labeled.icon.button {
    font-size: 1.3em !important;
  }
}

@media only screen and (min-width: 1200px) {
  #topbanner-main .banner-content .header-title-one {
    font-size: 2.6em !important;
  }
  #topbanner-main .banner-content .header-title-two {
    font-size: 2em !important;
  }

  .masthead-button-wrap a .masthead-button.ui.labeled.icon.button {
    font-size: 1.6em !important;
  }
}

.masthead-button-wrap a .masthead-button.ui.labeled.icon.button {
  padding: 0.6em 1em !important;
  background-color: #f9435a !important;
  color: #fefefe !important;
  border-radius: 2em !important;
  font-size: 2vw;
  position: relative;
  margin: 0 !important;
}

.masthead-button-wrap a .masthead-button.ui.labeled.icon.button:before {
  content: '\f129'; /* \f0e0 = enveloppe  \f06c = plume \f129 = info */
  font-family: FontAwesome;
  background: #fff;
  color: #f9435a;
  position: absolute;
  border-radius: 1em;
  width: 2em;
  height: 2em;
  margin: auto 0;
  top: 0;
  bottom: 0;
  left: -1.4em;
  text-align: center;
  line-height: 2.2em;
  transition: all .2s;
  font-size: 0.7em;
}

.masthead-button-wrap a .masthead-button.ui.labeled.icon.button:hover:before {
  background-color: #f9435a;
  color: #fff;
}

.masthead-button-wrap a .masthead-button i {
  display: none;
}

.promo-wrap {
  display: none;
}

#front-page .campaign-list-wrap .front-campaign-list {
  padding: 6.5rem 0;
}

#front-page .campaign-list-wrap .divider {
  display: none;
}

h2.campaign-section-title {
  text-align: center !important;
  color: #fff !important;
  margin-bottom: 5rem !important;
}

h2.campaign-section-title i.icon {
  display: none;
}

h2.campaign-section-title span {
  border: 1px solid #fff !important;
  padding: 6px 18px 10px;
  position: relative;
}

h2.campaign-section-title span:before,
h2.campaign-section-title span:after {
  content: '';
  position: absolute;
  top: 18px;
  width: 20px;
  height: 8px;
  background-color: #fff;
}

h2.campaign-section-title span:before {
  left: -20px;
  border-radius: 25px 0 0 25px;
}

h2.campaign-section-title span:after {
  right: -20px;
  border-radius: 0 25px 25px 0;
}

.campaign-list-items .campaign-thumb a.campaign-card {
  box-shadow: none;
  border-color: #3e3665;
  border-radius: 0;
  border-width: 8px;
  border-style: solid;
  background-color: #fbe7e0;
  color: #3e3665 !important;
  transition: all .3s;
}

.campaign-list-items .campaign-thumb a.campaign-card:hover {
  background-color: #fbe7e0;
  border-color: #f9435a !important;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .campaign-list-items .campaign-thumb a.campaign-card {
    height: 570px !important;
  }
}

@media only screen and (min-width: 881px) {
  .campaign-list-items .campaign-thumb a.campaign-card {
    height: 610px !important;
  }
}

@media only screen and (min-width: 992px) {
  .campaign-list-items .campaign-thumb a.campaign-card {
    height: 505px !important;
  }

  #feat-campaign-wrap .campaign-list-items .campaign-thumb a.campaign-card {
    height: 600px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .campaign-list-items .campaign-thumb a.campaign-card {
    height: 535px !important;
  }

  #feat-campaign-wrap .campaign-list-items .campaign-thumb a.campaign-card {
    height: 630px !important;
  }
}

@media only screen and (min-width: 1240px) {
  .campaign-list-items .campaign-thumb a.campaign-card {
    height: 560px !important;
  }

  #feat-campaign-wrap .campaign-list-items .campaign-thumb a.campaign-card {
    height: 670px !important;
  }
}

@media only screen and (min-width: 1600px) {
  .campaign-list-items .campaign-thumb a.campaign-card {
    height: 530px !important;
  }

  #feat-campaign-wrap .campaign-list-items .campaign-thumb a.campaign-card {
    height: 580px !important;
  }
}


.campaign-list-items .campaign-thumb a.campaign-card .feat-indicator,
.campaign-list-items .campaign-thumb a.campaign-card .recent-indicator.red,
.campaign-list-items .campaign-thumb a.campaign-card .ui.right.corner.blue.label {
  display: none;
}

.campaign-list-items .campaign-thumb a.campaign-card .recent-indicator.blue {
  border-color: #d95c5c !important;
}

.campaign-list-items .campaign-thumb a.campaign-card img.ui.image {
  background-color: #fff;
  border-radius: 0;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-creator {
  background-color: #3e3665;
  color: #fff;
}

.campaign-list-items .campaign-thumb a.campaign-card:hover .campaign-creator {
  background-color: #f9435a !important;
  color: #fff !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-created {
  position: absolute !important;
  z-index: 1000000;
  bottom: 6em;
  text-align: center;
  width: 100%;
  margin-left: -1rem;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-created:before {
  content: '\f073';
  font-family: FontAwesome;
  margin-right: 5px;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-created div {
  float: none !important;
  display: inline;
}

.campaign-list-items .campaign-thumb a.campaign-card .description {
  color: #3e3665 !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .description > div {
  max-height: 75px;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-title {
  height: 38px;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer {
  background: #fff !important;
  padding: 2.3em .9em .6em !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .card-amount-meta {
  display: block !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .pledged-amount,
.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .funded-amount {
  width: 100% !important;
  text-align: left !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .pledged-amount span:not([ng-bind]),
.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .funded-amount span:not([ng-bind]) {
  display: inline !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .backers-amount {
  position: absolute;
  bottom: .7em;
  right: 1em;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .backers-amount span:first-child:before {
  font-family: FontAwesome;
  content: '\f007';
  margin-right: .3em;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .backers-amount span:nth-child(2) {
  display: none !important;
}

.campaign-list-items .campaign-thumb a.campaign-card .campaign-card-footer .bar-progress .bar {
  background-color: #43b7e0 !important;
}

.campaign-list-items .campaign-thumb .campaign-location {
  display: none;
}

@media only screen and (min-width: 992px) {
  .front-campaign-list .campaign-list-items .campaign-thumb.column.wide {
    width: 33.33% !important;
  }

  .front-campaign-list#feat-campaign-wrap .campaign-list-items .campaign-thumb.column.wide {
    width: 50% !important;
  }
}

@media only screen and (min-width: 1600px) {
  .front-campaign-list .campaign-list-items .campaign-thumb.column.wide {
    width: 25% !important;
  }

  .front-campaign-list#feat-campaign-wrap .campaign-list-items .campaign-thumb.column.wide {
    width: 33.33% !important;
  }
}

@media only screen and (min-width: 2800px) {
  .front-campaign-list .campaign-list-items .campaign-thumb.column.wide {
    width: 20% !important;
  }

  .front-campaign-list#feat-campaign-wrap .campaign-list-items .campaign-thumb.column.wide {
    width: 25% !important;
  }
}

.front-campaign-list#feat-campaign-wrap {
  background-color: #43b7e0;
}

.front-campaign-list#feat-campaign-wrap .campaign-thumb a.campaign-card {
  border-color: #fff;
  background-color: #fbe7e0;
}

.front-campaign-list#feat-campaign-wrap .campaign-thumb a.campaign-card .campaign-creator {
  background-color: #fff;
  color: #3e3665;
}

.front-campaign-list#recent-campaign-wrap {
  background-color: #3d3861;
}

.front-campaign-list#recent-campaign-wrap .campaign-thumb a.campaign-card {
  border-color: #43b7e0;
}

.front-campaign-list#recent-campaign-wrap .campaign-thumb a.campaign-card .campaign-creator {
  background-color: #43b7e0;
}

#learnmore-wrap {
  background-color: #fbe7e0 !important;
}

#learnmore-wrap .lm-header h2.header {
  display: inline-block;
  text-align: center !important;
  color: #3e3665 !important;
  margin-bottom: 5rem !important;
  border: 1px solid #3e3665 !important;
  padding: 6px 18px 10px;
  position: relative;
}

#learnmore-wrap .lm-header h2.header:before,
#learnmore-wrap .lm-header h2.header:after {
  content: '';
  position: absolute;
  top: 18px;
  width: 20px;
  height: 8px;
  background-color: #3e3665;
}

#learnmore-wrap .lm-header h2.header:before {
  left: -20px;
  border-radius: 25px 0 0 25px;
}

#learnmore-wrap .lm-header h2.header:after {
  right: -20px;
  border-radius: 0 25px 25px 0;
}

#learnmore-wrap .lm-header p {
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 18px !important;
  color: #3e3665 !important;
}

#learnmore-wrap .lm-grid-wrap {
  margin-top: 0 !important;
}

#learnmore-wrap .lm-grid-wrap .lm-column {
  margin-top: 1em !important;
}

#learnmore-wrap .lm-grid-wrap .lm-column .icon-header {
  background-color: #fff;
  padding: 0 1em 2em;
  color: #3e3665 !important;
  width: 100%;
}

#learnmore-wrap .lm-grid-wrap .lm-column .icon-header i {
  font-size: 28px;
  margin-top: -28px;
  box-shadow: 0 0 0 10px #fff, 0 0 0 19px #fbe7e0 !important;
  -webkit-box-shadow: 0 0 0 10px #fff, 0 0 0 19px #fbe7e0 !important;
  color: #fff !important;
}

#learnmore-wrap .lm-grid-wrap .lm-column .icon-header span {
  display: block;
  margin: 40px 0 20px;
}

#learnmore-wrap .lm-grid-wrap .lm-column .icon-header  .sub.header {
  color: #555 !important;
}

#learnmore-wrap .lm-grid-wrap .lm-column:nth-child(1) .icon-header i {
  background-color: #43b7e0;
}

#learnmore-wrap .lm-grid-wrap .lm-column:nth-child(1) .icon-header span {
  color: #43b7e0 !important;
}

#learnmore-wrap .lm-grid-wrap .lm-column:nth-child(2) .icon-header i {
  background-color: #3d3861;
}

#learnmore-wrap .lm-grid-wrap .lm-column:nth-child(2) .icon-header span {
  color: #3d3861 !important;
}

#learnmore-wrap .lm-grid-wrap .lm-column:nth-child(3) .icon-header i {
  background-color: #f9435a;
}

#learnmore-wrap .lm-grid-wrap .lm-column:nth-child(3) .icon-header span {
  color: #f9435a !important;
}

#learnmore-wrap .lm-footer h3 {
  font-size: 19px !important;
  color: #3d3861 !important;
}

#socialicons-wrap {
  display: none;
}

#footer-wrap {
  background-color: #3d3861 !important;
}


/* PROJECT PAGE */
.mainbody-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mainbody-wrap > div:first-child > div:first-child {
  padding-top: 60px;
}

#campaign-details .campaign-top-section {
  background-color: #fbe7e0;
  margin-bottom: 1rem;
}

#campaign-details .campaign-top-section .campaign-top-header {
  display: flex;
}

#campaign-details .campaign-top-section .campaign-action {
  text-align: center;
}

#campaign-details .campaign-top-section .campaign-description,
#campaign-details .campaign-top-section .right-col {
  /* height: 340px; */
  color: #fff !important;
  padding: 1rem 1.5rem 2rem;
}

@media only screen and (min-width: 768px) {
  #campaign-details .campaign-top-section .campaign-description {
    width: 62.5% !important;
  }

  #campaign-details .campaign-top-section .right-col {
    width: 37.5% !important;
  }
}

#campaign-details .campaign-top-section .campaign-description {
  background-color: #3d3861;
  margin-top: 60px;
}

#campaign-details .campaign-top-section .campaign-description .campaign-name {
  color: #fff !important;
}

#campaign-details .campaign-top-section .campaign-description .campaign-blurb {
  margin-bottom: 3em;
}

#campaign-details .campaign-top-section .campaign-description .city-link {
  color: #fff !important;
}

#campaign-details .campaign-top-section .campaign-description a.category-link {
  color: #fff !important;
}

#campaign-details .campaign-top-section .campaign-description h1.campaign-name,
#campaign-details .campaign-top-section .right-col .tab h2 {
  margin: 1rem 0;
}

#campaign-details .campaign-top-section .right-col {
  background-color: #f9435a;
  margin-top: 60px !important;
}

#campaign-details .campaign-top-section .right-col .cp-menu-tabs {
  border-bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: -57px;
  right: 5px;
}

#campaign-details .campaign-top-section .right-col .cp-menu-tabs a.item {
  background-color: #f9435a;
  color: #fff;
  opacity: .6;
  padding: 1em .7em;
  margin: 0.4em;
  border: 0;
  border-radius: .2em .2em 0 0;
  vertical-align: initial;
  transition: all .3s;
  font-size: 15px;
}

#campaign-details .campaign-top-section .right-col .cp-menu-tabs a.item:hover {
  opacity: 1;
}

#campaign-details .campaign-top-section .right-col .cp-menu-tabs a.item.active {
  opacity: 1;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 1.4em;
}

#campaign-details .campaign-top-section .right-col .tab h2 {
  color: #fff;
  font-size: 20px;
}

#campaign-details .campaign-top-section .right-col .tab .campaign-user .user-info-col,
#campaign-details .campaign-top-section .right-col .tab .campaign-company .company-info-col {
  width: 100% !important;
  text-align: left;
}

#campaign-details .campaign-top-section .right-col .tab .campaign-user .user-img-col,
#campaign-details .campaign-top-section .right-col .tab .campaign-company .company-img-col {
  width: 100% !important;
  text-align: left !important;
}

#campaign-details .campaign-top-section .right-col .tab .campaign-company .company-img-col .company-img-wrap {
  display: inline-block;
}

#campaign-details .campaign-top-section .right-col .tab .campaign-user .user-img-col img,
#campaign-details .campaign-top-section .right-col .tab .campaign-company .company-img-col img {
  border-radius: 0;
  margin: 0;
  display: inline-block;
  width: auto;
  height: 100px;
  border: 2px dashed #fff;
  background-color: #fff;
}

#campaign-details .campaign-top-section .right-col .tab .campaign-user .campaign-user-links,
#campaign-details .campaign-top-section .right-col .tab .campaign-company .campaign-company-links {
  display: none;
}

#campaign-details .campaign-top-section .right-col .tab .contact-btn {
  position: relative;
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding: 0.8em 1em;
  background-color: #3d3861;
  color: #fefefe;
  border-radius: 2em;
  font-weight: bold;
  margin: 1em 3em;
  transition: all .2s;
}

#campaign-details .campaign-top-section .right-col .tab .contact-btn:before {
  font-family: FontAwesome;
  content: '\f0e0';
  background-color: #fff;
  color: #3d3861;
  position: absolute;
  border-radius: 1em;
  width: 1.9em;
  height: 1.9em;
  margin: auto 0;
  top: 0;
  bottom: 0;
  left: -1.3em;
  text-align: center;
  line-height: 1.9em;
  transition: all .2s;
}

#campaign-details .campaign-top-section .right-col .tab .contact-btn:hover:before {
  background-color: #3d3861;
  color: #fff;
}

#campaign-details .campaign-bottom-section {
  background-color: #3d3861;
  padding-bottom: 50px;
}

#campaign-details .campaign-bottom-section #campaign-tabs {
  margin-top: 5px;
}

#campaign-details .campaign-bottom-section #campaign-tabs .ui.menu-tabs {
  margin-bottom: -12px;
}

#campaign-details .campaign-bottom-section #campaign-tabs .menu-tabs a.item {
  background-color: #fff;
  opacity: .9;
  padding: 1rem;
  margin: 0.5rem 0.5rem 1.3rem;
  border: 0;
  border-radius: 3px;
  vertical-align: initial;
  transition: all .3s;
}

#campaign-details .campaign-bottom-section #campaign-tabs .menu-tabs a.item:hover {
  opacity: 1;
}

#campaign-details .campaign-bottom-section #campaign-tabs .menu-tabs a.item.active {
  padding-bottom: 2rem;
  margin-bottom: 0;
  opacity: 1;
}

#campaign-details .campaign-bottom-section #campaign-tabs .menu-tabs a.item span.label {
  background-color: #43b7e0;
}

#campaign-details .campaign-info > .right-col,
#campaign-details .campaign-info > .right.column {
  padding: 0;
  text-align: center;
}

#campaign-details .right-col > div:first-child,
#campaign-details .campaign-description .mobile-only .funding-wrap {
  background-color: #fbe7e0;
}

@media only screen and (max-width: 767px) {
  #campaign-details .right-col > div:first-child {
    background-color: transparent;
  }
}

#campaign-details .right-col > div:first-child .funding-wrap,
#campaign-details .right.column > div:first-child .funding-wrap {
  text-align: center;
}

#campaign-details .funding-info {
  background-color: #fbe7e0;
  padding: 1em 1.3em 0;
}

#campaign-details .funding-info .item {
  text-align: left !important;
}

#campaign-details .funding-info .item-backer,
#campaign-details .funding-info .item-funded {
  padding: 1em 0;
  display: block;
  /* text-align: left !important; */
}

#campaign-details .funding-info .item-backer:before,
#campaign-details .funding-info .item-funded:before,
#campaign-details .funding-info .item-progress .item-value:before,
#campaign-details .funding-info .f-runtime .item:first-child:before {
  font-family: FontAwesome;
  font-size: 2.4em;
  color: #43b7e0;
  margin-right: .4em;
  vertical-align: sub;
}

#campaign-details .funding-info .item-backer:before {
  content: '\f007';
}

#campaign-details .funding-info .item-funded:before {
  content: '\f004';
  font-size: 2em;
  vertical-align: baseline;
}

#campaign-details .funding-info .item-backer div,
#campaign-details .funding-info .item-funded div {
  display: inline;
  line-height: 2.2em;
  margin: 0 !important;
}

#campaign-details .funding-info .item-value .c-value {
  margin-right: .2em;
  color: #333 !important;
  font-size: 1.9em !important;
}

#campaign-details .funding-info .item-progress {
  /* text-align: left !important; */
  padding: 0;
}

#campaign-details .funding-info .item-progress .bar-progress {
  margin: 1em 0 2em !important;
  border: 2px solid #3d3861;
  height: 20px !important;
}

#campaign-details .funding-info .item-progress .bar-progress .bar {
  height: 16px !important;
  background-color: #43b7e0 !important;
}

#campaign-details .funding-info .item-progress .item,
#campaign-details .funding-info .item-progress .item div {
  display: inline;
  line-height: 2.2em;
  margin: 0 !important;
}

#campaign-details .funding-info .item-progress .item-value:before {
  content: '\f192';
  margin-right: .3em;
}

/* #campaign-details .funding-info .item-backer .item-value .c-value {
  background-color: #43b7e0;
} */

#campaign-details .funding-info em {
  color: rgba(0,0,0,.8);
  font-style: normal;
  font-size: 16px;
}

#campaign-details .funding-info .f-runtime {
  margin: 0 !important;
  padding: 1em 0;
}

#campaign-details .funding-info .f-runtime .c-value {
  font-size: 1.7em !important;
  color: #333 !important;
}

#campaign-details .funding-info .f-runtime .item:first-child:before {
  content: '\f274';
  font-size: 2.1em;
  margin-right: .2em;
  vertical-align: baseline;
}

#campaign-details .funding-info .f-runtime .item.f-duration.red {
  margin-top: 1.3em !important;
}

#campaign-details .funding-info .f-runtime .item.f-duration:not(.red) {
  display: none;
}

#campaign-details a.contribute-button {
  display: inline-block !important;
  position: relative;
  width: auto;
  padding: 0.6em 1em;
  background-color: #f9435a;
  color: #fefefe;
  border-radius: 2em;
  font-weight: bold;
  font-size: 1.5em;
  margin: 1em 0 2em 0;
}

#campaign-details a.contribute-button:before {
  font-family: FontAwesome;
  content: '\f004';
  background: #fff;
  color: #f9435a;
  position: absolute;
  border: .1em solid #f9435a;
  border-radius: 1em;
  width: 2em;
  height: 2em;
  margin: auto 0;
  top: 0;
  bottom: 0;
  left: -1.4em;
  text-align: center;
  line-height: 2em;
  transition: all .2s;
  font-size: 0.9em;
}

#campaign-details a.contribute-button:hover:before {
  background-color: #f9435a;
  color: #fff;
}

#campaign-details a.contribute-button .label {
  display: block;
}

#campaign-details a.contribute-button.disabled {
  background-color: #f9435a !important;
  color: #fff !important;
  opacity: .4 !important;
}

#campaign-details .embed-campaign {
  display: none;
}

#campaign-details ul#rewards-list {
  background-color: #f9435a;
}

#campaign-details ul#rewards-list h3 {
  background: transparent;
}

#campaign-details ul#rewards-list li {
  background: transparent;
  color: inherit;
}

#campaign-details ul#rewards-list li:hover {
  background: transparent !important;
  color: inherit !important;
}

#campaign-details ul#rewards-list li .reward-bg-wrap {
  background: #fbe7e0;
  text-align: left;
  overflow: visible;
}

#campaign-details ul#rewards-list li .reward-bg-wrap .reward-amount {
  display: inline-block;
  background-color: #fff;
  padding: .1em .3em;
  color: #f9435a;
  font-size: 1.6em;
}

#campaign-details ul#rewards-list li .reward-bg-wrap .choose-reward-btn {
  display: inline-block !important;
  position: absolute;
  top: 3px;
  right: 15px;
  width: auto;
  padding: 0.6em 1em;
  background-color: #f9435a !important;
  color: #fefefe;
  border-radius: 2em;
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em 0 2em 0;
}

#campaign-details ul#rewards-list li .reward-bg-wrap .choose-reward-btn:before {
  font-family: FontAwesome;
  content: '\f004';
  background: #fff;
  color: #f9435a;
  position: absolute;
  border: .1em solid #f9435a;
  border-radius: 1em;
  width: 2em;
  height: 2em;
  margin: auto 0;
  top: 0;
  bottom: 0;
  left: -1.4em;
  text-align: center;
  line-height: 2em;
  transition: all .2s;
  font-size: 0.9em;
}

#campaign-details ul#rewards-list li .reward-bg-wrap .choose-reward-btn:hover:before {
  background-color: #f9435a;
  color: #fff;
}

#campaign-details #campaign-tabs .rewards .pledge-level.is-selected > li {
  background-color: #5bbd72 !important;
  color: #5bbd72 !important;
}

/* CAMPAIGN FORM */
.mainbody-wrap form.campaign-creation-form {
  padding-bottom: 50px;
}

/* LOGIN PAGE */
#login .ui.form > div {
  text-align: left;
}

#login .ui.form > div .top-head {
  text-align: center;
}

#login .ui.form > div .agreement label a:hover {
  text-decoration: underline;
}

/* PLEDGE CAMPAIGN PAGE */
#pledge-campaign .extra-pledge {
  display: none;
}

#pledge-campaign .pledge-campaign-info.ui.form .floating-message {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #fefefecc;
}

#pledge-campaign .pledge-campaign-info.ui.form .floating-message > .ui.page.grid {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -50px;
  height: 100px;
}

#pledge-campaign .pledge-campaign-info.ui.form .floating-message > .ui.page.grid .ui.message {
  background-color: red;
}

/* EXPLORE PAGE */
#explore .mainbody-wrap {
  padding-top: 50px !important;
}

#explore .explore-head {
  position: relative;
  height: 350px;
  width: 100%;
}

#explore .explore-head .banner-content {
  position: absolute;
  bottom: 0;
}

#explore .explore-head .banner-content .grid {
  margin: 0;
}

#explore .explore-head .banner-content .grid .column {
  text-align: left;
  background-color: #3d3861;
  width: auto;
  padding: 70px 40px;
}

#explore .explore-head .banner-content .grid .column h1 {
  font-size: 3vw !important;
}

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

  #explore .explore-head {
    height: 160px;
    margin-bottom: 133px;
  }

  #explore .explore-head .banner-content {
    position: relative;
    margin-top: 286px;
  }

  #explore .explore-head .banner-content .grid {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  #explore .explore-head .banner-content .grid .column {
    width: 100%;
    padding: 50px 40px;
  }

  #explore .explore-head .banner-content .grid .column h1 {
      font-size: 2em !important;
  }
}

@media only screen and (min-width: 1200px) {
  #explore .explore-head .banner-content .grid .column h1 {
      font-size: 2.6em !important;
  }
}

#explore .campaign-list-items .campaign-thumb {
  width: 50%;
}

@media only screen and (min-width: 1600px) {
  #explore .campaign-list-items .campaign-thumb {
    width: 33.33%;
  }
}

@media only screen and (min-width: 2800px) {
  #explore .campaign-list-items .campaign-thumb {
    width: 25%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  #explore .campaign-list-items .campaign-thumb a.campaign-card {
    height: 535px !important;
  }
}

@media only screen and (min-width: 881px) {
  #explore .campaign-list-items .campaign-thumb a.campaign-card {
    height: 530px !important;
  }
}

@media only screen and (min-width: 992px) {
  #explore .campaign-list-items .campaign-thumb a.campaign-card {
    height: 515px !important;
  }
}

@media only screen and (min-width: 1024px) {
  #explore .campaign-list-items .campaign-thumb a.campaign-card {
    height: 550px !important;
  }
}

@media only screen and (min-width: 1240px) {
  #explore .campaign-list-items .campaign-thumb a.campaign-card {
    height: 560px !important;
  }
}

#explore .project-sidebar-list .header.item {
  background-color: #3e3665;
}

#explore .project-sidebar-list .cat-items .content .item .inner-item.active {
  background-color: rgba(67, 183, 224, .30) !important;
}

#explore .project-sidebar-list .location-sidebar-item {
  display: none;
}

/* START PAGE */
#start #main-bg {
  padding: 50px 0;
}


/* ADMIN DASHBOARD */
#admindashboard .fr-box .fr-wrapper tmplvar {
  background-color: #ffff00;
}

#admindashboard .fr-box .fr-wrapper tmplvar:before {
  content: '{{';
}

#admindashboard .fr-box .fr-wrapper tmplvar:after {
  content: '}}';
}

/* BLOG */
#blog .top-header {
  background-color: #3d3861;
}

#blog .top-header h1,
#blog .top-header h2 {
  text-align: center;
}

.blog-body .wp-blog-post .post-author-avatar {
  display: none !important;
}

.blog-body .wp-blog-post .post-meta {
  margin-bottom: 15px;
}

.blog-body .wp-blog-post .post-meta .author {
  display: none;
}

.blog-body .wp-blog-post .post-meta .date {
  float: none;
}

/* BLOG LIST */
.blog-body .wp-blog-post .wp-post-list-wrap > div:first-child {
  display: none;
}



/* BLOG ENTRY */
#post-content .blog-body {
  margin-top: 20px;
}

#post-content .blog-body .wp-post > div:first-child .post-title-wrap,
#post-content .blog-body .wp-post > div:first-child .post-author-avatar,
#post-content .blog-body .wp-post > div:first-child .social-share,
#post-content .blog-body .wp-post > div:first-child .blog-divider {
  display: none;
}

#post-content .blog-body .wp-post > div:first-child .post-meta {
  margin-bottom: 0;
}

#post-content .blog-body .wp-post .post-content-grid h1 {
  font-weight: bold;
}

/* BLOG FOOTER */
#footer-wrap #latest-feed {
  display: none; /* remove this to display blog feed on footer */
  background-color: #43b7e0;
}

/* MOBILE SIDEBAR */
#mobile-sidebar .logo-wrap img {
  background-color: #43b7e0;
  padding: 30px;
}