_contest.scss 4.6 KB


.green-block{
  margin: 60px 0px;
  padding: 40px 125px;
  background-color: #EEF8EF;
  display: flex;  
  align-items: center;
  p{
      color: #000;
  }
  @media only screen and (max-width: 1260px) {
      padding: 40px 20px;
  }
  .wp-block-group__inner-container{
    max-width: 100%;
  }
  .wp-block-column:nth-of-type(2) {
      display: flex;  
      align-items: center;
  }



.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
  border: 0px solid #c4c4c4 !important;
  background: #fff  !important;
}
.nf-form-content input[type=button]:not(.nf-fu-fileinput-button){
  text-transform: uppercase;
  background-color: #183668;
  background:#183668;
  color: #fff !important;
  border-radius: 0px;

}
.nf-form-content input[type=button]:not(.nf-fu-fileinput-button):hover{
  background-color: #132C55;
  background:#132C55;
  font-weight: bold;
}

.nf-fu-fileinput-button{
  all: unset;
  width: calc(100% - 24px ) !important;
  background-color: #fff !important;
  color: #000 !important;
  text-transform: none;
  span{
      vertical-align: super;
      width: calc(100% - 100px);
      display: inline-block;
      font-size: 16px;
      text-transform: none;
  }
}
.nf-fu-fileinput-button:before{
  height: 56px;
  width: 74px;
  display: inline-block;
  margin-right: 20px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74.148' height='56.023' viewBox='0 0 74.148 56.023'%3E%3Cpath id='Path_12' data-name='Path 12' d='M264.869 343.06A4.969 4.969 0 0 0 259.926 348V394.14a4.969 4.969 0 0 0 4.943 4.943h64.262a4.969 4.969 0 0 0 4.943-4.943V348a4.969 4.969 0 0 0-4.943-4.943Zm0 3.3h64.262A1.609 1.609 0 0 1 330.779 348v39.391l-14.443-15.808a1.672 1.672 0 0 0-2.42 0L302.124 384.1l-17.069-19.078a1.638 1.638 0 0 0-2.446-.026l-19.387 20.828V348a1.609 1.609 0 0 1 1.648-1.648Zm37.9 8.238a6.591 6.591 0 1 0 6.591 6.591 6.616 6.616 0 0 0-6.591-6.591Zm0 3.3a3.3 3.3 0 1 1-3.3 3.3A3.271 3.271 0 0 1 302.767 357.89Zm-18.975 10.685 24.356 27.213H264.87a1.609 1.609 0 0 1-1.648-1.648v-3.476ZM315.1 375.14l15.679 17.146v1.854a1.609 1.609 0 0 1-1.648 1.648H312.576l-8.238-9.217Z' transform='translate(-259.926 -343.06)' fill='%231a3668'/%3E%3C/svg%3E");
}
.file_upload-container{
  margin-top: -25px;
}
.nf-fu-progress,
.nf-form-fields-required{
  display: none;
}
.like-you{
display: flex;    
background-color: #1A3668;
height: 423px;
align-items: center;
width: 100%;
@media only screen and (max-width: 756px) {
  height: 200px;
}
p{
  color:#fff;
  font-size: 28px;
  line-height: 36px;
  @media only screen and (max-width: 756px) {
      font-size: 20px;
  }
  strong{
      font-weight: 400;
      line-height: 46px;
      border-bottom: 2px solid #3EAF49;
  }
}
}
}




#wpdcom{
  max-width: unset !important;
}
#comments{
  margin: 0px;
  max-width: unset;
}


.btn-close{
  float:right;
}
.modal-content{
  border-radius: 0px !important;
}
.modal-content{
  background-color:transparent;
  border-width:0px !important ;
}
.modal-content  .btn-close{
  opacity: 1;
  margin-right: -20px;
  margin-top: -20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.828' height='22.828' viewBox='0 0 22.828 22.828'%3E%3Cg id='btn_close_modal' data-name='btn_close modal' transform='translate(1.414 1.414)'%3E%3Cline id='Line_14' data-name='Line 14' x2='28.284' transform='translate(0) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_15' data-name='Line 15' x2='28.284' transform='translate(20 0) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

.contest_cap{
  color:#fff;
  font-size:20px;
  margin-top:-40px;
  margin-left:20px;
  -webkit-text-stroke: 1px;
  text-shadow:
  -1px -1px 0 #000,
   0   -1px 0 #000,
   1px -1px 0 #000,
   1px  0   0 #000,
   1px  1px 0 #000,
   0    1px 0 #000,
  -1px  1px 0 #000,
  -1px  0   0 #000;
 }
.contest_name{
  color:#fff;
  font-size:20px;
  top:40px;
  position: relative;
  margin-left:20px;
  -webkit-text-stroke: 1px;
  text-shadow:
  -1px -1px 0 #000,
   0   -1px 0 #000,
   1px -1px 0 #000,
   1px  0   0 #000,
   1px  1px 0 #000,
   0    1px 0 #000,
  -1px  1px 0 #000,
  -1px  0   0 #000;
  }
.body-content {
    margin: auto;
    width: auto;
    text-align: center;
    padding: 20px;
    img{
      max-height: 700px;
    }
}
.nf-response-msg{
  vertical-align: middle;
  height: 400px;
  h3{
    margin: 0;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
  }
}