.sticky-menu {
  position: fixed;
  width: 100%;
  z-index: 3;
}
.field--name-field-campaign-image, .field--name-field-main-campaign, .field--name-field-cover-campaign, .field--name-field-description, .field--name-field-view-order, .field--name-field-campaign-type, .field--name-field-overlay-cover {
  display:none;
}
.field--name-field-campaign-id, .field--name-field-thank-you-content, .field--name-field-thank-you-page-title-, .field--name-field-content-for-one-off-paymen, .field--name-field-content-for-monthly-paymen, .field--name-field-thank-you-page-banner {
  display:none;
}
.wp-btn-back-to-campaign {
  margin: 15px 0 40px
}
.btn-back-to-campaign-img {
  float: left;
  margin-top: 5px;
}
.btn-back-to-campaign {
  margin:5px 20px;
  font-size: 15px;
}

.page-node-type-campaign .content{
  margin-top:0px !important;
}
.banner-desktop {
  display:block;
}
.banner-mobile {
  display:none;
}
#wp-top-content {
  position:relative;
}
.campaign-image {
  max-height:550px;
  overflow:hidden;
}

.page-node-type-campaign .layout-container {
  max-width: 1110px;
}

.campaign-image .gradien-overlay {
  width:100%;
  height:100%;
  /*background:#000;*/
  /*opacity:0.1;*/
  position: absolute;
  background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,.90) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.90)));
  background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.90) 100%);
  background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.90) 100%);
  background: -ms-linear-gradient(top,transparent 0,rgba(0,0,0,.90) 100%);
  background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.90) 100%);
}
.campaign-image .overlay {
  width:100%;
  height:100%;
  position: absolute;
  background:#000;
  opacity:0.1;
}

.campaign-image img {
  width:100%;
  margin-top:-40px;
}
.campaign-field {
  position:absolute;
  top:0px;
  width:100%;
}

.featured-top{
  padding: unset !important;
}

.campaign-field .layout-main {
  margin-top:155px;
}
.field__item {
  font-family: 'Proxima Nova Rg';
}
.campaign-field h1 {
  /*font-size:50px;*/
  color:#fff;
  width:50%;
  font-family: 'Proxima Nova Rg';
  /*font-family: 'Arimo'; */
  font-style: normal;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0.5px;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left:50px;
}

.main-content .campaign_description {
  width:50%;
  margin-left:50px;
  color: rgba(255, 255, 255, 0.8);
  font-size:16px;
}

#block-bartikunhcr-page-title {
  display:none;
}
.node__meta {
  display:none;
}
.page-node-type-campaign .node__content {
  margin-top:50px;
  width: 61%;
}
.field--name-body H1 {
  font-size:1.757em;
}
.page-node-type-campaign .node__content ul, .page-node-type-campaign .node__content ol {
  margin:0 0 0 15px;
  padding:0;
}
.page-node-type-campaign .node__content ul li {
  /*list-style:none;*/
  /*display:block;*/
}
.page-node-type-campaign .node__content ul li, .page-node-type-campaign .node__content ol li {
  /*padding: 7px 15px;*/
  /*border-radius:6px;*/
  /*color:#0072BC;*/
  /*background:#e4F1F9;*/
  /*margin-bottom: 7px;*/
  /*font-size: 16px;*/
}
.field--name-body {
  font-size:16px;
}
.page-node-type-campaign .node__content .field--name-body img {
  width:100%;
}
.page-node-type-campaign .node__content {
  font-size:16px;
}
blockquote {
  border:0;
  font-size:30px;
  background: transparent;
}
.field--name-field-list-campaign {
  display:none;
}


/*Price List */
.field--name-field-price-list {
    margin-bottom: 50px;
}
.field--name-field-price-list .field__label {
  display:none;
}
.paragraph--type--price-list {
    display: block;
    min-height: 80px;
    padding: 30px 28px;
    border-radius: 6px;
    color: #0072BC;
    background: #e4F1F9;
    margin-bottom: 10px;
    position: relative;
}
.field--name-field-icon {
    position: absolute;
    top: 30%;
}
.field--name-field-icon img {
  max-width:40px;
}
.field--name-field-deskripsi {
    margin-left: 60px;
}

#block-bartikunhcr-disclaimer {
  position:relative;
  margin-top:100px;
  padding:0 60px;
  width:60%;
  z-index: 2;
}

#block-bartikunhcr-disclaimer p:nth-child(1), #block-bartikunhcr-disclaimer p:nth-child(2), #block-bartikunhcr-disclaimer p:nth-child(3) {
  text-align:center;
}
#block-bartikunhcr-disclaimer p:last-child {
  font-size:12px;
}


#block-footercontent p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1px;
  margin-top:0px;
}

/*Desktop PC*/
@media (min-width:1451px) { 
  .campaign-image img {
    margin-top:-150px;
  }
}

/* different techniques for iPad screening */
@media only screen and (min-width:981px) and (max-width:1100px) { 
  .page-node-type-campaign .node__content {
    width: 55%;
  }
}

/* @media (max-width:801px) { */
@media (max-width:980px) { 
  
  .block-donate.block-mydata-block {
    z-index: 3 !important;
  }

  .banner-desktop {
      display:none;
  }
  .banner-mobile {
    display:block;
    min-height: 550px;
    object-fit: cover;
  }
  
  #wp-top-content {
    min-height:230px;
  }
  .campaign-image img {
    margin-top:-10px;
  }
  .paragraph--type--price-list {
    position: relative;
    padding: 17px 15px;
  }
  .paragraph--type--price-list .field--name-field-icon {
    position: absolute;
    top: 40%;
  }
  .paragraph--type--price-list .field--name-field-deskripsi {
    margin-left:50px;
  }
  .form-donasi {
    padding: 0 10px;
    margin-top: 20px !important;
    background: #e6e6e6;
    padding: 10px;
    background: #3330;
    border: 0;
    box-shadow: none !important;
  }
  .form-donasi p {
    display:none;
  }
  .form-donasi .form div {
    display:none;
  }
  .page-node-type-campaign .node__content {
    width:100%;
    font-size:16px;
  }
  blockquote {
  font-size:25px;
  }
  .campaign-field h1 {
    font-size: 30px;
    text-align:center;
    width: auto;
    line-height: 40px;
    margin: 200px 100px 50px;
  }
  .campaign-field .layout-main {
    margin-top:10px;
  }
  
  element.style {
      width: 100%;
  }
  .region-header .block:not(.site-branding) {
      clear: right;
      margin: 0 0 1em;
      font-size: 0.857em;
  }
  .block-mydata-block {
      font-family: "proxima-nova";
  }
  .block-detail-campaign {
      top: 485px;
  }
  .main-content .campaign_description {
    width: 100%;
    margin-left: 0px;
    padding: 0 10px;
    text-align: center;
  }
  #block-bartikunhcr-disclaimer {
    margin-top:50px;
    padding:0 10px;
    width: 100%;
  }
  .wp-btn-back-to-campaign {
    margin: 15px 0 0px;
  }
}


/* Small Device*/
@media (max-width:542px) { 
  .campaign-field h1 {
    font-size: 30px;
    text-align:center;
    width: auto;
    line-height: 40px;
    margin: 120px 8px 50px;
  }
}