body {
  font-family: 'Overpass', sans-serif;
}

/* PPL CONTENT */
.ppl-p {
  color: #575757;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  margin-bottom: 30px;
}
@media all and (max-width: 1199px) {
  .ppl-p {
      font-size: 16px;
  }
}
.ppl-p h2 {
  line-height: 1;
}
.ppl-p ul {
  list-style: none;
}
.ppl-p ul li {
  position: relative;
  padding-left: 20px;
  margin-left: 30px;
  margin-bottom: 20px;
}
.ppl-p ul li::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #3c6ef3;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

.ppl-p ol {
  counter-reset: li;
  list-style: none;
}
.ppl-p ol li {
  padding-left: 20px;
  margin-left: 30px;
  position: relative;
  counter-increment: li;
  margin-bottom: 10px;
}
.ppl-p ol li::before {
  content: counter(li);
  position: absolute;
  color: #3c6ef3;
  font-weight: bold;
  left: -10px;
}


/* FORM */
.form-actions {
  margin-top: 60px;
  border-top: 1px solid #eee;
  padding-top: 30px;
}
.form-actions .btn {
  min-width: 150px;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 10px 30px;
}
.form-actions .btn:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 320px) {
  .form-actions .btn {
    width: 100%;
    margin-right: 0;
  }
}

.btn.btn-primary {
  color: #3C6EF3;
  background: #FFF;
  border: 2px solid #3C6EF3;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  color: #FFF;
  background: #3C6EF3;
  border: 2px solid #3C6EF3;
}
.btn.btn-default {
  color: #FFF;
  background: #3C6EF3;
  border: 2px solid #3C6EF3; 
}
.btn.btn-default:hover, .btn.btn-default:focus {
  color: #3C6EF3;
  background: #FFF;
  border: 2px solid #3C6EF3;
}

.btn.btn-success {
  background: #66F29E;
  color: #444;
  border-color: #66f29e;
}
.btn.btn-success:hover, .btn.btn-success:focus {
  background: #9DFFB0;
  color: #444;
}
.btn.btn-secondary {
  color: #333;
  background: #999;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
  color: #222;
  background: #666;
}

.btn.btn-violet {
  border-color: #6941e8;
  color: #6941e8;
}
.btn.btn-violet:hover, .btn.btn-violet:focus {
  color: #fff;
  background: #6941e8;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 20px;
  width: auto;
  min-width: initial;
}
.btn-m {
  padding: 15px 30px 10px;
  min-width: 135px;
  border-width: 2px;
  font-weight: bold;
  font-size: larger;
}

.btn.btn-light {
  background: #fff;
  color: #3D63F4;
  border-color: #fff;
}
.btn.btn-light:hover, .btn.btn-light:focus {
  background: #9DFFB0;
  color: #666;
  border-color: #9DFFB0;
}

.btn.btn-transp {
  background: transparent;
  color: #fff;
  border-color: #fff;
  border-width: 2px;
}
.btn.btn-transp:hover, .btn.btn-transp:focus {
  background: #fff;
  color: #3D63F4;
  border-color: #fff;
}

.btn.btn-xs {
  padding: 3px 8px 2px;
  font-size: 12px;
  border-radius: 10px;
  min-width: auto;
}

.btn-blue-outline:focus {
  color: #fff;
  background: #3C6EF3;
}

.input-group-addon {
  min-height: 53px;
  color: #3C6EF3;
  background: #f9f9f9;
  padding: 18px 15px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  border: none;
}

.has-error .form-control {
  border-color: #fa5d7a;
}
.form-group.error .control-label, .form-group.error label, .form-group.has-error .control-label, .form-group.has-error label {
  color: #fa5d7a;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #fa5d7a;
  font-weight: 700;
}

.managed-files .image-widget-data .form-group {
  margin-bottom: 10px;
}
.form-managed-file .image-widget-data .form-group {
  display: inline-block;
  margin-right: 10px;
}
.form-managed-file .image-widget-data .btn.btn-danger {
  padding: 3px 8px 2px;
  font-size: 12px;
  border-radius: 10px;
  min-width: auto;
}

.form-item .control-label {
  display: block;
}

.form-group-multiple > [class^="col-"] > .form-group {
  margin-bottom: 30px;
}

.form-disabled label {
  opacity: .8;
  cursor: not-allowed;
}

/* disable because of campaign-pop-share
.label {
  color: #3c6ef3;
  border: 1px solid #3c6ef3;
}
*/

/* CHECKBOX & RADIO */
.radio label, .checkbox label {
  font-family: 'Overpass', sans-serif;
  font-weight: 300;
}
input[type="radio"], input[type="checkbox"] {
  margin-top: 0;
  -moz-transform: scale(1.5);
}

/* SELECTS */
select.form-control {
  font-family: 'Overpass', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #3C6EF3;
  background: #EBF0FE;
  width: 100%;
  padding: 10px 15px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
  min-height: 53px;
}
/*
.form-type-select {
  position: relative;
}
.form-type-select::after {
  position: absolute;
  content: "";
  top: 7px;
  bottom: 0;
  right: 30px;
  margin: auto;
  width: 0;
  height: 0;
  display: inline-block;
  border: 6px solid transparent;
  border-color: #3C6EF3 transparent transparent transparent;
}
*/
select {
  -webkit-appearance: menulist; 
  -moz-appearance: menulist; 
}

.container-inline-date .date-padding {
  float: none;
}
.container-inline-date .form-item .form-item {
  float: none;
}
select.ui-datepicker-month,
select.ui-datepicker-year {
  padding: 0;
  min-height: auto;
}

/* MANAGED FILES. Eg. user/project/<ID>/owner */
.form-managed-file .form-control {
  height: 100%;
  padding: 12px 12px;
}

/* PANELS */
.panel-default > .panel-heading {
  font-weight: 700;
  background-color: #ebf0fe;
  color: #3c6ef3;
  padding: 20px;
}

a.panel-title.fieldset-legend:hover, a.panel-title.fieldset-legend:focus {
  text-decoration: none;
  color: #333;
}
.panel-heading .collapse-icon {
  transition: all .5s ease;
}
fieldset.collapsed .collapse-icon {
  transform: rotate(180deg);
}

/* ASIDES */
@media only screen and (max-width: 767px) {
  main aside {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

/* BREADCRUMB */
.breadcrumb {
  margin-top: 20px;
  background: none;
}

/* PAGER */
.pager li > a, .pager li > span {
  color: #3D63F4;
  border-color: #3D63F4;
  padding: 8px 20px;
}
.pager li > a:hover, .pager li > a:focus {
  background-color: #3D63F4;
  color: #fff;
}
.pager .pager-current {
  color: #919296;
  padding-left: 20px;
  padding-right: 20px;
}
.pagination > li > a, .pagination > li > span {
  color: #3D63F4;
  font-family: 'Overpass Mono', monospace;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #3438c2;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #3D63F4;
  border-color: #3D63F4;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
  padding-left: 17px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
  padding-right: 17px;
}

.pager-load-more {
  text-align: center;
  margin: 20px 0;
  list-style: none;
}

.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow {
  border-left-color: #6941e8;
}

/* LOADING MASK */
#loading-div {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(52,56,194,.8) center no-repeat;
  top: 0;
  left: 0;
  z-index: 9000;
  align-items: center;
  justify-content: center;
  color: #fff;
  display: flex;
}

/* HEADER */
/*
.navbar-default {
  background-color: #fff;
  border-top: 3px solid #3D63F4;
  border-bottom: 1px solid #3D63F4;
  padding: 10px 0 10px 40px;
  margin-bottom: 0px;
}
.logo>img {
  max-width: 150px;
}
.menu.navbar-nav {
  font-family: 'Overpass Mono', monospace;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a {
  color: #3D63F4;
}
*/

/* SCROLLING NAV TABS */
.scrtabs-tabs-container {
  height: 60px;
}
.scrtabs-tabs-fixed-container {
  height: 60px;
}
.scrtabs-tab-scroll-arrow {
  height: 60px;
  padding-top: 22px;
  border: none;
}
.scrtabs-tab-scroll-arrow.scrtabs-disable, .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
  opacity: 0;
}


/* MARGINS */
.m-bt-sm {
  margin-bottom: 10px;
}

/* TABS */
#primary-tabs {
  border-top: 1px solid #3D63F4;
  border-bottom: 1px solid #3D63F4;
}

/* MESSAGES */
.alert {
  border: none;
  border-radius: 0;
  margin: 0 auto;
  width: 90%;
  border-left: 7px solid rgba(255,255,255,0.5);
  box-shadow: 0 5px 10px rgba(0,0,0,.4);
}

.alert-success {
  background-color: #9dffb0;
}
.alert-danger,
div.error, table tr.error {
  background-color: #fa5d7a;
  color: #fff;
}
.alert a.close {
  text-shadow: none;
  opacity: 1;
  text-decoration: none;
}

/* messages inside forms for ajax */
form .message-wrapper {
  width: auto;
}
form .message-wrapper .alert {
  margin: 0;
}
form .message-wrapper .alert .container {
  width: auto;
}

.alert a {
  text-decoration: underline;
}
.alert-danger a {
  color: #fff !important;
}
.alert-danger a.message-field-link {
  font-style: italic;
}

.message-wrapper {
  position: fixed;
  z-index: 1099;
  opacity: 0.9;
  width: 100%;
  top: 120px;
}

/* HEADINGS & PAGE TITLE */
.page-header {
  margin-top: 30px;
  border: none;
  font-family: 'Overpass Mono', monospace;
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 1.25rem;
  color: #3C6EF3;
}
@media only screen and (max-width: 767px) {
  .page-header {
    font-size: 30px;
  }
}

.block-title, .block-title a {
  font-size: 1.8rem;
  margin-bottom: 1.25rem;
  color: #3C6EF3;
}

h3 {
  font-size: 20px;
}
h3 > a {
  font-size: 20px;
  font-family: 'Overpass Mono', monospace;
}

blockquote:before {
  top: -40px;
}

/* BULLETS */
ul.pplblue {
  list-style: none;
}
ul.pplblue li {
  position: relative;
  padding-left: 20px;
  margin-left: 30px;
  margin-bottom: 20px;
}
ul.pplblue li::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #3c6ef3;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

ol.pplblue {
  counter-reset: li;
  list-style: none;
}
ol.pplblue li {
  padding-left: 20px;
  margin-left: 30px;
  position: relative;
  counter-increment: li;
  margin-bottom: 10px;
}
ol.pplblue li::before {
  content: counter(li);
  position: absolute;
  color: #3c6ef3;
  font-weight: bold;
  left: -10px;
}

/* FOOTER */
.footer-language-drop li.first.last .language-option {
  border-radius: 30px 30px 30px 30px;
}
footer #footer-info:only-child {
  /* clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0 100%); */
}
footer .footer-info-bottom {
  background-image: linear-gradient(#3438c2, #3C6EF3);
}

/* WYSIWYG */
body.cke_editable {
  font-family: 'Overpass', sans-serif;
}
body.cke_editable p {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  margin-bottom: 30px;
}
body.cke_editable blockquote {
  font-size: 20px;
  font-style: italic;
  padding: 0 10% 0 30px;
  color: #3c6ef3;
  border-left: 4px solid #3c6ef3;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 30px;
}
body.cke_editable ul {
  list-style: none;
}
body.cke_editable ul li {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  position: relative;
  padding-left: 20px;
  margin-left: 30px;
  margin-bottom: 20px;
}
body.cke_editable ul li::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #3c6ef3;
  left: 0;
  top: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
body.cke_editable ol {
counter-reset: li;
list-style: none;
}
body.cke_editable ol li {
font-size: 18px;
font-weight: 200;
line-height: 1.5;
color: #575757;
position: relative;
padding-left: 20px;
margin-left: 30px;
margin-bottom: 20px;
counter-increment: li
}
body.cke_editable ol li::before {
content: counter(li);
position: absolute;
color: #3c6ef3;
font-weight: bold;
left: -10px;
}

/* COOKIES CONSENT */
#sliding-popup {
  width: 100%;
  background: #f6f6f6;
  padding: 10px 0;
  box-shadow: 0px -2px 10px rgba(0,0,0,.2);
}
#sliding-popup button {
  margin-bottom: 5px;
  font-size: small;
}
#sliding-popup .cookie-message {
  margin-top: 15px;
  margin-bottom: 15px;
}
#sliding-popup .eu-cookie-withdraw-tab,
#sliding-popup .eu-cookie-withdraw-banner {
  display: none;
}

/* JUMBO */
.highlighted .search-title {
  font-size: 45px;
}
.highlighted p {
  font-size: 20px;
}

/* SEARCH */
#search .input-group-btn {
  display: none;
}
#search .input-group {
  display: block;
}
#search .form-actions {
  display: none;
}
.page-search .spelling-suggestions {
  text-align: center;
  margin-bottom: 30px;
}
.page-search .spelling-suggestions dt, .page-search .spelling-suggestions dd {
  display: inline-block;
  padding-right: 10px;
}

.search-results {

}
.search-result {
  list-style: none;
  margin-bottom: 40px;
}
.search-result .title {
}
.search-result .search-snippet {
  font-size: 0.875rem;
  color: #919296;
  padding: 3px 0;
}
.search-result .label {
  margin-right: 5px;
  margin-right: 5px;
  color: #66F29E;
  border: 1px solid #66F29E;
  padding: 3px 10px;
}
.search-result .date {
  color: #919296;
  font-size: small;
}
#block-system-main #search-form {
  margin-bottom: 50px;
}
#block-system-main #search-form #edit-submit {
  margin-left: 10px;
}

/* FAQ */
.faq-category-group {
  padding: 40px 25px;
  background: #ebf0fe;
  border-radius: 10px;
  margin-bottom: 40px;
}
.faq-header {
  margin-bottom: 15px;
}
.faq-question {
  margin-bottom: 10px;
  padding-left: 0px;
}
.faq-answer {
  padding-left: 20px;
}
.faq #faq-expand-all {
  margin: 20px;
}

#footer-banner .comofunciona-help-block {
  display: block;
  margin-bottom: 0;
}

/* NEWSLETTER */
.news-card .card-date {
  color: #3C6EF3;
  font-family: 'Overpass Mono';
}

/* CAROUSEL */
#slider-ppl .item:hover {
  cursor: pointer;
}

/* CAMPAIGN LISTING */
#block-views-exp-projects-page,
#block-views-exp-projects-page-1,
#block-views-exp-projectos-causas-block-1 {
  margin-bottom: 40px;
}
#block-views-exp-projects-page .background,
#block-views-exp-projects-page-1 .background,
#block-views-exp-projectos-causas-block-1 .background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-image: url('../images/featured-by.jpg');*/
  padding: 50px 0;
}
.views-exposed-form .search-title {
  color: #3C6EF3;
  font-weight: 700;
}
.views-exposed-form .form-item-sort-by label {
  display: none;
}
#block-views-exp-projects-page .glyphicon,
#block-views-exp-projects-page-1 .glyphicon {
}
p.h-title-supporter {
  color: #3C6EF3;
  font-family: 'Overpass Mono', 'Overpass', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
#views-exposed-form-projects-page .form-control {
  font-size: 17px;
}


/* CAMPAIGN */
.campaign-full {
  overflow: hidden;
}
#campaign-info .img-prj-inline {
  text-align: center;
  margin-bottom: 30px;
}
#campaign-info .img-prj-inline img {
  margin-left: auto;
  margin-right: auto;
}
#campaign-info .img-caption {
  font-family: 'Overpass Mono', 'Overpass', sans-serif;
  font-size: 12px;
  font-weight: 200;
  color: #575757;
  margin-top: 20px;
}
#budget-timeline table p {
  margin-bottom: 0;
}
.author-social-list {
  padding-bottom: 30px;
}
.whatsapp-color:link, .whatsapp-color:visited {
  background-color: #25D366;
}
.nav-campaign .badge {
  top: -11px;
}
#campaign-info .sm-links a {
  margin-bottom: 20px;
}
#campaign-info .hashtags a {
  color: #3c6ef3;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5;
  padding: 5px 9px 4px;
  background: #e8e4e4;
}
#campaign-info .hashtags .hash-ch {
}

/* REWARDS */
.reward-card {
  width: 100%;
  max-width: 360px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e8e4e4;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
  text-align: left;
}

.reward-desc {
  white-space: pre-line;
}

.reward-shipping-pt {
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #919296;
  margin-bottom: 20px;
}

.reward-limit {
  font-size: 15px;
  color: #fff;
  border: 1px solid;
  display: inline-block;
  padding: 4px 4px 0px;
  border-radius: 5px;
  background-color: #fa5d7a;
}
.reward-card.reward-over-limit {
  opacity: 0.6;
}

/* CAMPAIGN UPDATES */
#campaign-content .update-title {
  margin-bottom: 0;
}
#campaign-content .update-auto .update-desc {
  display: block;
}

#campaign-content #updates .modal-body p:not(.update-title)
{
  font-family: 'Overpass', sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 1.4;
  color: #575757;
  margin-bottom: 20px;
}
#campaign-content #updates .update-image-thumbnail {
  float: left;
  margin-left: -20px;
}
#campaign-content #updates .update-image-thumbnail:first-child {
  margin-left: 0;
}

/* CAMPAIGN COMMENTS */
#campaign-content .comments .comment-actions-divider:last-child {
  display: none;
}
#campaign-content .comments .comment-title {
  font-family: 'Overpass Mono', 'Overpass', sans-serif;
  font-size: 14px;
  color: #3c6ef3;
}
#campaign-content .comments .indented {
  padding-left: 60px;
}
#campaign-content #comments .community-title {
  margin-top: 60px;
}
#campaign-content #comments .comment-actions {
  line-height: initial;
}
.comment-data time::before {
  top: 2px;
  bottom: initial;
}
#campaign-content #comments .comments li:last-child {
  margin-bottom: 60px;
}
#campaign-content #comment-form textarea {
  min-height: initial;
}
#campaign-content #comment-form .form-actions {
  text-align: right;
}
#campaign-content #comment-form #edit-field-image .tabledrag-toggle-weight-wrapper,
#campaign-content #comment-form #edit-field-image .help-block {
  display: none;
}
.page-comment-reply .campaign-full {
  display: none;
}

/* CAMPAIGN BACKERS */
.community-leaders-list .leader-name a {
  border: none;
}

.community-leaders-list .leader-comment {
  margin-top: 10px;
  font-size: 15px;  
}

/* CHALLENGE */
.block-ouibounce-exit-modal {
  z-index: 1040;
}
#ouibounce-exit-modal {
  z-index: 1050;
  font-family: inherit;
}
#ouibounce-exit-modal .modal {
  top: 15%;
  bottom: auto;
  background-color: transparent;
}
#ouibounce-exit-modal img {
  width: 150px;
  border-radius: 100%;
  margin-top: 20px;
}
#ouibounce-exit-modal #close-link {
  color: #919296;
  font-weight: bold;
}

#ouibounce-exit-modal .underlay {
  opacity: 0.8;
  background: #3438C2;
}
#ouibounce-exit-modal .modal {
  overflow: initial;
}
#ouibounce-exit-modal .modal-close {
  top: -90px;
  right: -100px;
}
#ouibounce-exit-modal .modal-body {
  padding: 60px 60px 0px;
}
#ouibounce-exit-modal h2 {
  font-family: 'Overpass Mono', monospace;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #3C6EF3;
}
#ouibounce-exit-modal .modal-body p {
  font-family: 'Overpass', sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
  margin-bottom: 28px;
  color: #3C6EF3;
}
#ouibounce-exit-modal .modal-footer p {
  color: #919296;
  border: none;
}
@media screen and (max-height: 600px) {
  #ouibounce-exit-modal .modal-body img {
    display: none;
  }
  #ouibounce-exit-modal .modal-body {
    min-height: auto;
  }
}

/* MENU */
#ppl-menu .footer-language-selector {
  font-size: 12px;
  padding: 16px 28px;
  min-width: 160px;
  font-weight: 700;
}

/* SUCCESS CASES */
.success-case {
  height: 300px;
}
.success-cases .slick-dots {
  bottom: -40px;
}

.success-cases .slick-dots li {
  width: 30px;
  height: 6px;
  margin-right: 4px;
  text-indent: -999em;
  cursor: pointer;
  background: #000;
  opacity: 0.1;
  border-radius: 0px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
.success-cases .slick-dots li.slick-active {
  width: 60px;
  height: 6px;
  margin-right: 4px;
  background-color: #000;
  opacity: .5;
}
.success-cases .slick-dots li button:before {
  content: "";
}
.success-cases .slick-dots li:first-child {
  border-radius: 10px 0px 0px 10px;
}
.success-cases .slick-dots li:last-child {
  border-radius: 0 10px 10px 0;
}

/* ADMIN MENU */
body.admin-menu .header-nav {
/*  top: 58px;*/
}
body.adminimal-menu {
  margin-top: 47px !important;
}
.krumo-root li {
  margin-left: 10px;
}

/* INFOGRAPHIC */
#ppl-infographic {
  font-size: large;
  font-weight: 300;
  color: #919296;
  margin-top: 30px;
}
#ppl-infographic .info-header {
  padding: 30px;
  text-align: center;
  border-top: 4px solid #66f29e;
  border-bottom: 4px solid #66f29e;
}
#ppl-infographic .info-header .nr-large {
  margin-right: 20px;
}
#ppl-infographic .quick-stats {
  text-align: center;
}
#ppl-infographic .users-backers {
  padding: 30px;
}
#ppl-infographic .users-backers-top {
  padding-bottom: 30px;
}
#ppl-infographic .users-backers-bottom {
  border-top: 1px solid #66f29e;
  padding-top: 20px;
}
#ppl-infographic .nr-large {
  font-size: 52px;
  line-height: 1;
  font-weight: 900;
  color: #66f29e;
}
#ppl-infographic .campaigns-stats {
  padding-top: 30px;
}
#ppl-infographic .campaign-stats-funded {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
#ppl-infographic .campaigns-stats-top {
  padding: 20px;
  border-bottom: 1px solid #66f29e;
}
#ppl-infographic .campaigns-stats-bottom {
  padding-top: 30px;
  padding-bottom: 40px;
}
#ppl-infographic .campaigns-stats-time,
#ppl-infographic .campaigns-stats-over {
  border-right: 1px solid #66f29e;
}
#ppl-infographic .campaigns-stats-time .text,
#ppl-infographic .campaigns-stats-raised .text {
}
#ppl-infographic .campaigns-stats-over .glyphicon {
}
#ppl-infographic .campaigns-stats-bottom .glyphicon {
  font-size: 60px;
  display: block;
  margin: 20px 0 20px;
  color: #3C6EF3;
}
#ppl-infographic .music-header {
  background-color: #fa5d7a;
  text-align: center;
  padding: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
}
#ppl-infographic .chart-categories {
  height: 600px;
  background-color: #fff;
}
#block-views-top-campaigns-block .views-widget {
  display: inline-block;
  margin-left: 10px;
}

/* CRIAR */
#criar-campanha .super-number { 
  font-size: 52px;
  line-height: 1;
  font-weight: 900;
  color: #66f29e;
}
#criar-campanha .row {
  margin-bottom: 90px;
}
#criar-campanha .row h2 {
  font-family: 'Overpass', sans-serif;
  font-size: 30px;
  font-weight: 900;
  color: #000;
  margin-bottom: 20px;
}
#criar-campanha .row p, #criar-campanha .row li {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 300;
  color: #919296;
}

/* TESTEMUNHOS */
#testemunhos .slick-dots {
  left: 0;
  top: 50px;
  width: auto;
}
#testemunhos .slick-dots li {
  display: block;
  width: 40px;
  height: 6px;
  margin: 9px 0;
  text-indent: -999em;
  cursor: pointer;
  background: #000;
  opacity: 0.1;
  border-radius: 0 10px 10px 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
}
#testemunhos .slick-dots li.slick-active {
  width: 60px;
  height: 6px;
  margin: 9px 0;
  background-color: #000;
  opacity: .5;
}
#testemunhos .slick-dots li button:before {
  content: "";
}

/* TABLES */
table {
  font-family: 'Overpass', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #3c6ef3;
  position: relative;
}
.table > tbody > tr > td {
  padding: 20px;
}
tbody td {
  border-top: 1px solid #ebf0fe;
}
tbody tr td:first-child {
  border-right: 1px solid #ebf0fe;
}
.table > thead > tr > th {
  font-weight: 700;
  padding: 20px;
  background-color: #ebf0fe;
  border-bottom: none;
}
tr:hover td {
  background-color:#ebf0fe;
}

/* CONTACT */
.contact-col {
  margin-bottom: 30px;
  padding: 40px 25px;
  background: #ebf0fe;
  border-radius: 10px;
}
.contact-item {
  margin: 30px 0px;
}
.contact-item-icon {
  font-size: 45px;
  text-align: right;
}
.contact-item-h {
  font-weight: bold;
}
#contact-site-form .form-actions {
  text-align: right;
}
#contact-site-form .form-control {
  background-color: #fff;
}

.contact-project-owner {
  text-align: center;
  margin: 10px 0 40px;
  background-color: #E5007E;
  color: #fff;
  padding: 20px 0px;
  border-left: 7px solid rgba(255,255,255,0.5);
  box-shadow: 0 5px 10px rgba(0,0,0,.4);
}
.contact-project-owner a {
  color: #000 !important;
  text-decoration: underline !important;
}
.contact-project-owner .fas {
  font-size: 20px;
}

/* TERMS AND CONDITIONS */
article[about="/tc"] li {
  margin: 20px 0 10px;
}

/* EMBED PREVIEW */
.embed-preview .embed-intro h3 {
  margin: 0px;
}
.embed-preview label {
  display: block;
}
.embed-preview .embed-short-url {
  margin: 40px 0 20px;
}
.embed-preview-code, .embed-preview-html {
  margin-top: 40px;
}
#embed-preview-wrapper {
  padding: 40px;
  background-color: #eee;
}
#prj-embed-wrapper .card-content {
  background-color: #ffffff;
}

/* DRUPAL/BS POPOVERS */
.popover .popover-title {
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  font-weight: 700;
}
.popover .popover-content {
  color: #fff;
  font-family: 'Overpass', sans-serif;
}
.popover.right > .arrow:after {
  border-right-color: #6941e8;
}
.popover .popover-content .help-block {
  color: #fff;
}
.popover.bottom>.arrow:after {
  border-bottom-color: #6941e8;
}

/* BACK TO TOP BUTTON */
#back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display:none;
  min-width: auto;
  padding: 10px 10px;
  width: 40px;
  height: 40px;
  border-width: 1px;
}

.btn.back-to-top {
  border-color: #b3b3b3;
  color: #b3b3b3;
}
.btn.back-to-top:hover, .btn.back-to-top:focus {
  color: #fff;
  background: #6941e8;
  border-color: #6941e8;
}

/* USER BOOKMARKS */
.view-user-bookmarks li {
  padding: 30px;
  margin-bottom: 40px;
  box-shadow: 0 0 5px #999;
}
.view-user-bookmarks li h2 {
  font-size: 32px;
  margin-bottom: 10px;
}
.view-user-bookmarks .views-field-body {
  margin-bottom: 10px;
}
.view-user-bookmarks .views-field-ops {
  margin-top: 10px;
}
.view-user-bookmarks a {
  color: #3c6ef3;
}

/* SUCCESS PAGE */
/*.page-node-121056 ul.card-info-list {
  list-style: none;
}*/
.page-node-121056 .big-card {
  overflow: hidden;
}

/* SUPPORT FORM */
.ppl-support-project-form .form-item-amount {
  max-width: 200px;
}
.ppl-support-project-form .pledge-comments {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ppl-support-project-form .btn-next {
  float: right;
}
.ppl-support-project-form .qr-skip {
  margin: 10px 0 30px;
}
.ppl-support-project-form .facebook-action-connect {
  background: #4267b2;
  color: #fff;
  border-color: transparent;
  padding: 12px 20px;
}
.ppl-support-project-form [name='reward'] {
  margin-bottom: 10px;
}
.ppl-support-project-form .form-item-vat-number input {
  max-width: 200px;
}
.ppl-support-project-form .form-item-comment {
  margin-top: 40px;
}
/* .ppl-support-project-form #edit-address-fs legend {
  display: none;
} */

/* SUPPORT OVERALL */
.support-content {
	padding: 20px 60px 40px;
}
@media only screen and (max-width: 600px) {
  .support-content {
    padding: 0 30px 20px;
  }
}
#support-modal .modal-dialog {
  background: #fff;
  height: 100%;
  margin: 0;
  right: 0;
  position: fixed;
  max-width: initial;
  overflow: auto;
}
/* SUPPORT HEADER */
.support-header {
	width: 100%;
	padding: 10px 40px;
	background-color: #ebf0fe;
	display: inline-block;
	position: relative;
}
#support-modal .modal-close {
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
}
#support-modal #ppl-support-project-form .btn.btn-secondary {
  display: none;
}

.step .progress-list-number {
    color: #959595;
    cursor: default;
}
.step-active .progress-list-number {
    color: #fff;
    cursor: default;
}

/* DONOR FLOW */
.donor-flow-breadcrumb {
	width: 100%;
	height: 80px;
	text-align: center;
	background: #ebf0fe;
}

.df-steps-list {
	display: inline-block;
	vertical-align: middle;
}

.df-steps-list li {
	text-align: left;
	display: inline-block;
	position: relative;
	vertical-align: middle;
  margin-right: 20px;
}
.df-steps-list li:last-child {
	margin-right: 0px;
}

.df-steps-list li::after { /* steps line */
	content: '';
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 4px;
	background: #FFF;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto;
}

.df-steps-list li:last-child::after {
	display: none;
}

.progress-mark {
	display: inline-block;
	vertical-align: middle;
	color: #959595;
	background: #FFF;
	border-radius: 50%;
	position: relative;
	z-index: 2;
  cursor: default;
  padding: 10px 16px;
}

.active .progress-mark {
	color: #FFF;
  background: #3C6EF3;
  border-radius: 10px;
}

.donor-flow-block {
  margin-bottom: 50px;
}

.donor-flow-campaign {
  background-color: #f9f9f9;
  padding-bottom: 20px;
}
.donor-flow-campaign .campaign-logo {
  padding-top: 20px;
  text-align: center;
}
.donor-flow-campaign .campaign-logo img {
  display: inline-block;
  border-radius: 5px 50px 5px 5px;
}
.donor-flow-campaign .campaign-title {
  font-size: 30px;
  line-height: 100%;
  padding-top: 20px;
  margin-bottom: 5px;
  width: auto;
}
.donor-flow-campaign .campaign-summary {
  font-style: italic;
  font-size: 16px;
}
.donor-flow-campaign .reward-info {
  margin-bottom: 10px;
}
.donor-flow-campaign .reward-info .reward-description {
  font-style: italic;
}
.donor-flow-campaign .config {
  margin-top: 6px;
  margin-bottom: 10px;
}
.donor-flow-campaign .public-comment,
.donor-flow-campaign .private-comment {
  margin-bottom: 10px;
}
.donor-flow-campaign .public-comment .comment-value,
.donor-flow-campaign .private-comment .comment-value {
  font-style: italic;
  display: inline;
}
.donor-flow-campaign label {
  margin-bottom: 0;
}

/* CHECKOUT */
#ppl-checkout-form #edit-method .control-label {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  background-position-x: right;
}
#ppl-checkout-form .pay-method-note {
  font-size: 15px;
  font-weight: 300;
  margin-top: 5px;
}
.pay-method-atm,
#ppl-checkout-form label[for=edit-method-eupago-multibanco],
#ppl-checkout-form label[for=edit-method-ifthenpay-multibanco] {
  background: url("../assets/logo-pay-mb-small.png") no-repeat 120px 0px;
}
.pay-method-paypal {
  background: url("../assets/logo-pay-paypal-sm.png") no-repeat 120px 0px;
}
.pay-method-mbway {
  background: url("../assets/logo-mbway-small.png") no-repeat 120px 0px;
}
#ppl-checkout-form label[for=edit-method-hipay-cc],
#ppl-checkout-form label[for=edit-method-stripe-card] {
  background: url("../assets/logo-pay-cc-sm.png") no-repeat 150px 0px;
}
#ppl-checkout-form #edit-method .form-item-method {
  margin-bottom: 30px;
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  transition: border-color .3s;
}
#ppl-checkout-form #edit-method .form-item-method.checked {
  border-color: #66F29E;
  background: #d4f5e1;
}
#ppl-checkout-form #edit-method .form-item-method:hover {
  border-color: #66F29E;
  background: #ebfff3;
}
#ppl-checkout-form .form-item-mbway-alias {
  border-left: 3px solid #3C6EF3;
  padding: 10px 0 0 20px;
  max-width: 300px;
}
#ppl-checkout-form #edit-phone {
  width: auto;
}
#ppl-checkout-form #edit-submit {
  float: right;
}
@media only screen and (max-width: 420px) {
  #ppl-checkout-form #edit-method .control-label {
    background: none;
  }
}
#edit-mbway-alias {
  background-color: #fff;
}
.donor-flow-campaign p {
  font-size: 16px;
  margin-bottom: 5px;
}
.donor-flow-campaign .pledge-amount {
  font-size: 18px;
  font-weight: 700;
}

.table-pay-summary {
  font-size: smaller;
}
.table-pay-summary td, .table-pay-summary th {
  text-align: center;
}
.table-pay-summary td:first-child .glyphicon {
  font-size: larger;
  font-weight: bold;
  margin-bottom: 15px;
}
.table-pay-summary-note {
  font-size: smaller;
  font-style: italic;
  margin-bottom: 0;
}

/* ERROR PAGE */
.logo.navbar-btn img {
  width: 100px;
}

/* MBWAY */
.mbway-message {
  text-align: center;
}
.mbway-message .text {
  margin: 20px 0 30px;
}

/* THANK YOU */
.thankyou .fb-like {
  margin: 10px 0;
}
.thankyou .header-msg {
  font-size: 30px;
  color: #444;
}
.thankyou .header {
  margin-top: 30px;
}
.thankyou img {
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block;
  border-radius: 5px 50px 5px 5px;
}
.thankyou .header h2 {
  font-size: 30px;
  line-height: 100%;
  margin-bottom: 5px;
}
.thankyou .summary {
  font-style: italic;
  color: #575757;
  font-size: 15px;
  font-weight: 200;
  line-height: 1.5;
}
.thankyou .share-hint {
  margin-bottom: 20px;
}
.thankyou .campaigner-message-wrapper {
  margin: 40px 0 20px;
}
.thankyou .campaigner-message {
  
  padding: 20px;
  font-family: 'Overpass Mono', monospace;
  background-color: #eee;
  border-radius: 6px;
}

.fb-like {
  margin:10px 0 0 0 !important;
  width: 100% !important;
}
.fb-like > span, .fb-like > span > iframe {
  width: 100% !important;
}

/* TEAM */
.ppl-team .team-member {
  text-align: center;
  margin-bottom: 40px;
}
.ppl-team .team-member .name {
  font-weight: bold;
}
.ppl-team .team-member .photo {
  margin: 10px auto;
  -webkit-filter: grayscale(100%);
  filter: gray;
  border-radius: 100%;
  background-color: #f2f2f2;
}
.ppl-team .team-member .photo:hover {
  filter: none;
  -webkit-filter: none;
}
div.advisory-board {
  margin-right: 10px;
  margin-bottom: 20px;
}
div.advisory-board div.photo {
  line-height: 150px;
  width: 140px;
  padding: 5px;
  margin-right: 20px;
  background: #fff;
  margin: 0 auto;
  display: block;
}
div.advisory-board div.photo img {
  vertical-align: bottom;
  margin-bottom: 5px;
  margin: 0 auto;
  display: block;
  -webkit-filter: grayscale(100%);
  filter: gray;
  border-radius: 100%;
}
div.advisory-board div.photo img:hover {
  filter: none;
  -webkit-filter: none;
}
div.advisory-board .name {
  margin-bottom: 0px;
}
.oblogo img{
  margin: 0 auto;
  display: block;
}
.ppl-bio .mail {
  unicode-bidi:bidi-override; direction: rtl;
}
.ppl-values .ppl-value {
  margin-bottom: 30px;
}
.ppl-values .ppl-value h3 {
  margin-bottom: 5px;
}
.ppl-badge {
  margin-bottom: 30px;
}
.ppl-badge img {
  max-height: 100px;
}

/* BLOG */
.blog-article {
  background: #f6f6f6;
  padding: 20px 20px 20px;
  margin-bottom: 80px;
  position: relative;
}

.blog-article p.img-caption {
  text-align: center;
  font-size: smaller;
  margin-top: 5px;
  font-style: italic;
}

.blog-article .date {
  position: absolute;
  left: -30px;
  top: 20px;
  background: #66F29E;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.blog-article .day {
  float: left;
  font-size: 35px;
  padding-right: 10px;
  padding-top: 2px;
}
.blog-article .monthyear {
  float: left;
}
.blog-article .month {
  text-transform: uppercase;
  line-height: 100%;
}
.blog-article .year {
  line-height: 100%;
}
.blog-article-title {
  font-size: 1.8em;
  font-weight: bold;
  margin: 10px 0 10px 75px;
}
.blog-article .field-name-body {
  margin-left: 75px;
}
.blog-article .field-name-body .img-prj-inline img {
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 800px) {
  .blog-article-title {
    margin: 70px 0 10px 10px;
  }
  .blog-article .date {
    left: 0px;
  }
  .blog-article .field-name-body {
    margin-left: 0px;
  }
}

/* NEWSLETTER */
.newsletter {
  background: #f6f6f6;
  padding: 20px 20px 20px;
  margin-bottom: 80px;
  position: relative;
}

.newsletter p.img-caption {
  text-align: center;
  font-size: smaller;
  margin-top: 5px;
  font-style: italic;
}

.newsletter .date {
  position: absolute;
  left: -30px;
  top: 20px;
  background: #66F29E;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}
.newsletter .day {
  float: left;
  font-size: 35px;
  padding-right: 10px;
  padding-top: 2px;
}
.newsletter .monthyear {
  float: left;
}
.newsletter .month {
  text-transform: uppercase;
  line-height: 100%;
}
.newsletter .year {
  line-height: 100%;
}
.newsletter .newsletter-title {
  font-size: 1.8em;
  font-weight: bold;
  margin: 10px 0 10px 75px;
}
.newsletter .field-name-body {
  margin-left: 75px;
}
.newsletter .field-name-body .img-prj-inline img {
  margin-left: auto;
  margin-right: auto;
}
.newsletter .img-prj-inline {
  margin: 10px 0 20px;
}
@media all and (max-width: 800px) {
  .newsletter .newsletter-title {
    margin: 70px 0 10px 10px;
  }
  .newsletter .date {
    left: 0px;
  }
  .newsletter .field-name-body {
    margin-left: 0px;
  }
}

/* WITHDRAW */
#ppl-withdraw-form .form-item-withdraw-amount .input-group {
  max-width: 200px;
}

/* FORWARD */
#forward-form #edit-subject,
#forward-form #edit-body {
  display: none;
}

/* CHANNEL */
.node-channel .field-name-field-logo {
  float: left;
  margin: 0 20px 20px 0;
}
.node-channel .field-name-body {
  margin-bottom: 30px;
}
.node-channel .field-name-body p {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  margin-bottom: 30px;
}
@media all and (max-width: 1199px) {
  .node-channel .field-name-body p {
      font-size: 16px;
  }
}

/* BOOK */
.book-navigation {
  margin-top: 60px;
}
.book-navigation .book-toc {
  display: none;
}
.node-book h2 {
  margin: 20px 0 20px;
  font-size: 32px;
}
.node-book h3 {
  margin: 10px 0 10px;
}
.nav > li > a.active,
.nav > li > a.active-trail {
  color: #66F29E;
}
.node-book h4 {
  font-size: 20px;
}

.node-book .field-name-body ul {
  list-style: none;
}
.node-book .field-name-body ul li {
  position: relative;
  padding-left: 20px;
  margin-left: 30px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
}
.node-book .field-name-body ul li::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #3c6ef3;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

.node-book .field-name-body ol {
  counter-reset: li;
  list-style: none;
}
.node-book .field-name-body ol li {
  padding-left: 20px;
  margin-left: 30px;
  position: relative;
  counter-increment: li;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
}
.node-book .field-name-body ol li::before {
  content: counter(li);
  position: absolute;
  color: #3c6ef3;
  font-weight: bold;
  left: -10px;
}

.node-book .field-name-body p {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  margin-bottom: 30px;
}
.node-book .field-name-body blockquote {
  font-size: 20px;
  font-style: italic;
  padding: 0 10% 0 30px;
  color: #3c6ef3;
  border-left: 4px solid #3c6ef3;
  font-weight: 300;
  line-height: 1.5;
  margin: 50px 0 50px;
}

/* BASIC PAGE */
.basic-page p {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  margin-bottom: 30px;
}
.basic-page ul li,
.basic-page ol li {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  color: #575757;
  position: relative;
  padding-left: 20px;
  margin-left: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .basic-page p {
    font-size: 16px;
  }
  .basic-page ul li,
  .basic-page ol li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .basic-page p {
    font-size: 15px;
  }
}

/* CTOOLS MODAL */
.ppl-modal .modal-content {
  padding: 8.33333333% 40px;
  background: #FFF;
  box-shadow: 0 5px 10px rgba(0,0,0,.4);
  border-radius: 10px 160px 10px 10px;
}
.ppl-modal .modal-header {
  display: block;
  padding: 0;
  border: none;
}
.ppl-modal .modal-body {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.ppl-modal .modal-content .container {
  width: auto;
}

/* TABLE */
.empty-results {
  text-align: center;
}

/* COVID */
.covid19-budget-note {
  padding: 4px 7px;
  background: #66f29e;
  text-align: center;
}

/* HOME FRONT */
#home-main-casos-sucesso {
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}