@font-face {
  font-family: Galano;
  src: url("../fonts/Galano_Grotesque/GalanoGrotesque-Regular.eot"), url("../fonts/Galano_Grotesque/GalanoGrotesque-Regular.otf") format("opentype"); }

@font-face {
  font-family: GalanoBold;
  font-weight: bold;
  font-weight: 500;
  src: url("../fonts/Galano_Grotesque/GalanoGrotesque-Bold.eot"), url("../fonts/Galano_Grotesque/GalanoGrotesque-Bold.otf") format("opentype"); }

@font-face {
  font-family: Sofia;
  src: url("../fonts/Sofia_Pro/SofiaProRegular.eot"), url("../fonts/Sofia_Pro/SofiaProRegular.otf") format("opentype"); }

@font-face {
  font-family: SofiaItalic;
  text-transform: italic;
  src: url("../fonts/Sofia_Pro/SofiaProRegularIt.eot"), url("../fonts/Sofia_Pro/SofiaProRegularIt.otf") format("opentype"); }

@font-face {
  font-family: SofiaBoldItalic;
  font-weight: bold;
  font-weight: 500;
  text-transform: italic;
  src: url("../fonts/Sofia_Pro/SofiaProBoldIt.eot"), url("../fonts/Sofia_Pro/SofiaProBoldIt.otf") format("opentype"); }

@font-face {
  font-family: SofiaBold;
  font-weight: bold;
  font-weight: 500;
  src: url("../fonts/Sofia_Pro/SofiaProBold.eot"), url("../fonts/Sofia_Pro/SofiaProBold.otf") format("opentype"); }

body {
  font-family: Sofia, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.6;
  color: #3b3c3f;
  background-color: #e0e0e0; }

a {
  color: #ff6b61; }
  a:hover {
    color: #ff6b61; }
  a:visited {
    color: #ff6b61; }

p.small {
  font-size: .75em; }

b, strong {
  font-weight: bold;
  font-family: SofiaBold; }

img {
  width: 100%; }

.main-container {
  background: #fff;
  padding: 20px;
  max-width: 968px;
  margin-bottom: 40px; }

h1, h2, h3, h4, h5, h6 {
  font-family: GalanoBold;
  font-weight: bold; }

h2.ribbon {
  text-transform: uppercase;
  font-size: 1em;
  background-color: #361761;
  color: #fff;
  padding: 15px 15px 15px 20px;
  margin: 0 0 15px -30px;
  display: inline-block; }
  h2.ribbon:before {
    content: "";
    position: relative;
    height: 0;
    width: 0;
    border-top: 10px solid #190d2b;
    border-left: 10px solid transparent;
    top: 50px;
    left: -20px; }
  h2.ribbon:after {
    content: "";
    margin-top: -15px;
    position: absolute;
    border: 26px solid #361761;
    border-left-width: 1.75em;
    border-right-color: transparent; }
  h2.ribbon a {
    color: #fff; }

h2.ribbon-wrap {
  text-transform: uppercase;
  font-size: 1em;
  background-color: #ff6b61;
  color: #fff;
  padding: 15px 15px 15px 20px;
  margin: 0 -30px 15px -30px;
  display: block;
  text-align: center;
  position: relative; }
  h2.ribbon-wrap:before {
    content: "";
    height: 0;
    width: 0;
    border-top: 10px solid #903c36;
    border-left: 10px solid transparent;
    top: 52px;
    left: 0px;
    display: inline-block;
    position: absolute; }
  h2.ribbon-wrap:after {
    content: "";
    height: 0;
    width: 0;
    border-top: 10px solid #903c36;
    border-right: 10px solid transparent;
    top: 52px;
    right: 0px;
    display: inline-block;
    position: absolute; }
  h2.ribbon-wrap a {
    color: #fff; }

h4 {
  font-size: 1.25em; }
  h4 a {
    font-size: 1.25em; }

a {
  text-decoration: underline; }

.menu li a, h1, h2, h3, h4, h5, h6, .btn, .btn {
  text-decoration: none !important; }
  .menu li a *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .btn *, .btn * {
    text-decoration: none !important; }

#navbar {
  max-width: unset !important;
  background-color: #fff;
  border-radius: 0;
  border: 0;
  padding: 0; }

.navbar-header {
  width: 100%;
  margin: 0 !important;
  /*@include mds {*/
  /*}*/ }
  .navbar-header ul.navbar-nav, .navbar-header ul.anon-user-menu {
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px; }

.nav-header-logo {
  background-color: #361761;
  padding: 20px;
  width: 100%;
  margin: 0; }
  .nav-header-logo img {
    width: 260px; }
  @media (min-width: 768px) {
    .nav-header-logo {
      width: 300px;
      margin: -10px 0 10px -10px; } }

@media (min-width: 768px) {
  .nav-header-logo:before {
    content: "";
    position: relative;
    height: 0;
    width: 0;
    border-top: 10px solid #190d2b;
    border-left: 10px solid transparent;
    top: 64px;
    left: -20px; }
  .nav-header-logo:after {
    content: "";
    position: absolute;
    border: 44px solid #361761;
    border-right-color: transparent;
    top: -10px;
    bottom: 10px;
    margin-left: 277px;
    height: 0; } }

@media (min-width: 992px) {
  .region-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; } }

#block-pf-theme-v2-peacefirstuseraccount {
  margin-right: 20px; }
  @media (max-width: 992px) and (min-width: 768px) {
    #block-pf-theme-v2-peacefirstuseraccount {
      padding-top: 8px; } }
  #block-pf-theme-v2-peacefirstuseraccount a {
    color: #777;
    margin-left: 30px; }

nav#block-useraccountmenu {
  margin-right: 30px; }

@media (min-width: 992px) {
  header .nav > li > a {
    padding-top: 28px;
    padding-bottom: 28px;
    line-height: 32px; }
    header .nav > li > a:hover {
      background-color: #eee !important; }
  header .nav > li.active {
    background-color: #00ddb0 !important;
    color: #000 !important; }
    header .nav > li.active > a {
      background-color: #00ddb0 !important;
      color: #000 !important; } }

.btn, .btn-primary, .btn:visited {
  border-radius: 0;
  background: #00ddb0;
  border: 0;
  font-family: GalanoBold;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  width: 100%;
  color: #000;
  transition: all .2s ease; }
  .btn:hover, .btn-primary:hover, .btn:visited:hover {
    background-color: #ff6b61;
    color: #fff;
    transition: all .2s ease;
    /*border: 2px solid #361761;*/ }

form {
  max-width: 500px;
  margin: 0 auto; }

.form-item {
  margin-bottom: 20px; }

.webform-submission-donate-form {
  margin: 40px auto; }

#edit-donation-amount .form-item, #edit-donation-amount label {
  margin: 0 !important; }

#goals-fieldset-wrapper .panel-heading .panel-title:after {
  background-image: url(/themes/contrib/bootstrap/css/images/required.svg);
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 7px;
  width: 10px; }

#steps-fieldset-wrapper .panel-heading .panel-title:after {
  background-image: url(/themes/contrib/bootstrap/css/images/required.svg);
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 7px;
  width: 10px; }

footer {
  padding: 0 !important;
  max-width: 960px;
  margin-top: 0 !important; }
  footer .region-footer {
    background-color: #3b3c3f;
    padding: 20px;
    color: #e0e0e0; }
  footer ul {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    font-size: .75em;
    margin: 0; }
  footer li {
    text-decoration: none;
    list-style: none;
    margin-right: 20px; }
    footer li a, footer li a:visited {
      color: #e0e0e0; }

.page-sidebar {
  margin-top: 20px;
  padding-right: 5px; }

.panel.panel-default, .panel-heading, .panel-title {
  border: unset;
  font-size: unset;
  box-shadow: unset;
  background: unset !important; }

.panel-group {
  border: 1px solid;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px; }

.panel-group.subpanel {
  margin-left: 50px; }

.panel-default {
  margin: 0; }

.panel-heading .panel-title {
  padding: 0;
  margin: 0;
  position: relative;
  padding-right: 34px; }

.path-frontpage h1 {
  display: none; }

.path-frontpage .main-container {
  background-color: unset;
  padding: 0; }
  .path-frontpage .main-container .home-header-container {
    position: relative;
    margin-top: 10px; }
  .path-frontpage .main-container .home-header-logo {
    max-width: 300px;
    background-color: #361761;
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 20px; }
  .path-frontpage .main-container .home-header-logo:before {
    content: "";
    position: relative;
    height: 0;
    width: 0;
    border-top: 10px solid #190d2b;
    border-left: 10px solid transparent;
    top: 92px;
    left: -20px; }
  .path-frontpage .main-container .home-header-logo:after {
    content: "";
    position: absolute;
    border: 71px solid #361761;
    border-right-color: transparent;
    top: 0;
    bottom: 0;
    left: 300px; }
  .path-frontpage .main-container .region-content {
    margin-top: 20px; }
  .path-frontpage .main-container .home-header-text {
    background-color: #ff6b61;
    color: #fff;
    position: absolute;
    max-width: 600px;
    right: -10px;
    bottom: -10px;
    padding: 20px;
    font-weight: bold;
    min-height: 170px; }
  .path-frontpage .main-container .home-header-text:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-width: 85px;
    border-style: solid;
    border-color: #ff6b61 #ff6b61 #ff6b61 transparent;
    top: 0;
    left: -150px;
    bottom: 0; }
  .path-frontpage .main-container .home-header-text:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid #903c36;
    border-right: 10px solid transparent;
    top: -10px;
    right: 0; }

.path-frontpage .home-header-language {
  position: absolute;
  top: 20px;
  right: -10px;
  width: 50px;
  background-color: #ff6b61;
  padding: 10px; }
  .path-frontpage .home-header-language:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-width: 26px;
    border-style: solid;
    border-color: #ff6b61 #ff6b61 #ff6b61 transparent;
    top: 0;
    left: -45px;
    bottom: 0; }
  .path-frontpage .home-header-language:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid #903c36;
    border-right: 10px solid transparent;
    top: -10px;
    right: 0; }

.path-frontpage .home-header-language-menu {
  position: absolute;
  top: 80px;
  right: -10px;
  background: #361761;
  color: #fff;
  padding: 20px;
  display: none; }
  .path-frontpage .home-header-language-menu ul {
    margin: 0;
    padding: 0; }
    .path-frontpage .home-header-language-menu ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
      .path-frontpage .home-header-language-menu ul li.rtl {
        text-align: right; }
      .path-frontpage .home-header-language-menu ul li a {
        color: #fff; }

.path-frontpage .home-content-block {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px; }

.path-frontpage .page-sidebar .block {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  width: 100%; }
  .path-frontpage .page-sidebar .block img {
    width: 100%; }

.path-frontpage .page-sidebar .book {
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
  max-width: 300px; }

.path-frontpage .page-sidebar #block-sidebarusermenu p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.path-frontpage .feature-story .feature-story-image {
  width: 40%;
  margin: 0 20px 20px 0;
  float: left; }

.path-frontpage .feature-story .feature-story-text {
  display: inline; }
  .path-frontpage .feature-story .feature-story-text .title {
    font-family: SofiaBold;
    margin-top: 5px;
    color: #000; }
  .path-frontpage .feature-story .feature-story-text .story-type {
    color: #ff52b9;
    text-transform: uppercase;
    font-size: .75em;
    margin-bottom: 0; }

.path-frontpage .more-stories {
  margin-top: 10px; }

body.user-logged-in .log-in, body.user-logged-in .sign-up {
  display: none; }

body.user-logged-out .log-out, body.user-logged-out .my-projects {
  display: none; }

@mobile :          ~"screen and (max-width: @{screen-xs-max})";
@tablet :          ~"screen and (min-width: @{screen-sm-min})";
@normal :          ~"screen and (min-width: @{screen-md-min})";
@wide :            ~"screen and (min-width: @{screen-lg-min})";
@grid-breakpoint : ~"screen and (min-width: @{grid-float-breakpoint})";
.page-node-type-story-v2 .feature-image {
  margin-bottom: 20px; }

.page-node-type-story-v2 .images {
  width: 100%;
  display: inline-block; }
  @media (min-width: 768px) {
    .page-node-type-story-v2 .images {
      max-width: 400px;
      float: right;
      margin-left: 20px; } }
  .page-node-type-story-v2 .images img {
    margin-bottom: 20px; }

.page-node-type-story-v2 .more-stories {
  margin-top: 50px; }

.story-large-feature .feature-image {
  margin-bottom: 20px; }

.story-large-feature .story-type {
  color: #ff52b9;
  text-transform: uppercase;
  font-size: .75em;
  margin-bottom: 0; }

.story-large-feature h1 {
  margin-top: 0; }

.story-large-feature .story-small-feature .story-teaser .feature-image {
  width: 200px;
  float: left;
  margin: 8px 20px 5px 0; }

.path-project .region-content .project_v2 .project-dashboard-area {
  background: white;
  padding: 20px;
  border-radius: 25px; }
  .path-project .region-content .project_v2 .project-dashboard-area form {
    margin: 0 auto 40px auto;
    max-width: unset; }
    .path-project .region-content .project_v2 .project-dashboard-area form .panel-body {
      padding: 0; }
    .path-project .region-content .project_v2 .project-dashboard-area form .form-actions {
      margin-bottom: 30px; }

.path-project img.project-header-image {
  margin-bottom: 20px;
  /*margin-top: -20px;*/ }

.path-project .project-dashboard-area {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (min-width: 768px) {
    .path-project .project-dashboard-area {
      display: -ms-flexbox;
      display: flex; } }
  .path-project .project-dashboard-area .project_steps {
    -ms-flex: 5;
        flex: 5; }
  @media (min-width: 768px) {
    .path-project .project-dashboard-area .sidebar {
      margin: 0 0 0 20px;
      -ms-flex: 2;
          flex: 2; } }
  .path-project .project-dashboard-area .sidebar-section {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px; }

.path-project .pf-comment-badge {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ddd;
  padding: 5px;
  border-radius: 15px; }

.path-project .main-container {
  background: unset; }

.path-project h3 {
  font-size: 1.75em; }

.path-project h4 {
  margin-top: 20px; }

.path-project .user-picture {
  width: 75px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px; }
  .path-project .user-picture img {
    border-radius: 100px; }

.path-project .comment-comment-text {
  clear: both; }

.path-project .role-bug {
  font-size: 13px;
  padding: 2px 10px 0;
  position: absolute;
  margin: 3px 0 0 7px;
  border-radius: 15px; }
  .path-project .role-bug.staff-role-bug {
    background-color: #00ddb0;
    color: #000; }

.path-project .update-meta {
  margin-bottom: 20px; }

.path-project .project_page_section {
  background: #fff;
  padding: 0 2em 1em;
  border: 1px solid #eee;
  margin-bottom: 20px; }

.path-project form#project-comment {
  margin-top: 20px; }

.path-project .pf_comment, .path-project .pf_update {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  padding-top: 25px; }
  .path-project .pf_comment .comment-commentor, .path-project .pf_comment .update-commentor, .path-project .pf_update .comment-commentor, .path-project .pf_update .update-commentor {
    display: block; }
  .path-project .pf_comment .comment-date, .path-project .pf_comment .update-date, .path-project .pf_update .comment-date, .path-project .pf_update .update-date {
    font-size: .75em;
    line-height: 14px;
    display: block;
    margin-bottom: 10px; }
  .path-project .pf_comment .comment-comment, .path-project .pf_comment .update-comment, .path-project .pf_update .comment-comment, .path-project .pf_update .update-comment {
    margin: 20px 0;
    display: block; }
  .path-project .pf_comment .comment-reply, .path-project .pf_update .comment-reply {
    display: block;
    text-align: right; }

.path-project .pf_reply_comment {
  border-left: 1px solid #ccc;
  padding-left: 25px; }

.path-project .pf_comment.pf_comment_level_2 {
  margin-left: 25px; }

.path-project .pf_comment.pf_comment_level_3 {
  margin-left: 50px; }

.path-project .pf_comment.pf_comment_level_4 {
  margin-left: 75px; }

.path-project .pf_comment.pf_comment_level_5 {
  margin-left: 100px; }

.path-project .bg-white {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 20px; }

.page-node-type-user-profile .user-image {
  width: 200px;
  float: left;
  margin: 0 20px 20px 0; }

.path-user #block-block-accountregister .field--name-field-button-link a, .path-user #block-accountregister-2 .field--name-field-button-link a {
  background-color: #40739b;
  display: block;
  position: relative;
  padding: 18px 30px;
  line-height: 25px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  max-width: 500px;
  margin: 20px auto; }

.path-user #block-block-accountregister .field--name-field-button-link a:before, .path-user #block-accountregister-2 .field--name-field-button-link a:before {
  background-image: url(../images/icon-facebook.png);
  float: left;
  background-size: 100%;
  content: '';
  display: block;
  height: 25px;
  width: 25px; }

nav#block-anonusermenu {
  margin-right: 20px; 
}

.form-item-project-country-country-code label:after{	
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K);
    -webkit-background-size: 10px 7px;
    background-size: 10px 7px;
    content: "";
    display: inline-block;
    line-height: 1;
    height: 7px;
    width: 10px;
}

.description-resources{
	font-size:15px;
	padding-bottom:10px;
}


/*# sourceMappingURL=style.css.map */