balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

style.scss (2260B)


      1 @import "../variable";
      2 .challenge-popup-wrapper {
      3     height: 500px;
      4     border-radius: 10px;
      5 }
      6 .challenge-popup-header {
      7     width: 100%;
      8     height: 212px;
      9     border-top-left-radius: 8px;
     10     border-top-right-radius: 8px;
     11 }
     12 
     13 .challenge-popup-header-congrats {
     14     background-position: center;
     15     background-size: cover;
     16 }
     17 
     18 .challenge-popup-header-contact {
     19     background-position: center;
     20     background-size: auto 75%;
     21     background-color: #eee;
     22     background-repeat: no-repeat;
     23 }
     24 
     25 .challenge-popup-content {
     26     padding: 30px 40px;
     27     -webkit-font-smoothing: antialiased;
     28 }
     29 
     30 .challenge-popup-content h3 {
     31     color: $primary-color;
     32     margin: 0 0 20px;
     33     font-size: 24px;
     34     font-family: "Helvetica Neue";
     35     font-weight: 500;
     36 }
     37 
     38 .challenge-popup-content p {
     39     font-size: 16px;
     40     margin: 0 0 22px;
     41 }
     42 
     43 .challenge-popup-content b {
     44     font-weight: 500;
     45 }
     46 
     47 .challenge-popup-content .challenge-contact-message {
     48     box-shadow: none;
     49     resize: none;
     50     margin-bottom: 21px;
     51     width: 100%;
     52     min-height: 175px;
     53 }
     54 
     55 .challenge-popup-content label {
     56     font-size: 13.8px;
     57     display: block;
     58     margin-bottom: 23px;
     59 }
     60 
     61 .challenge-popup-content input[type="checkbox"] {
     62     margin-right: 8px;
     63 }
     64 
     65 .challenge-popup-content .rating-stars {
     66     color: #fdb72c;
     67     font-size: 18px;
     68     font-weight: bold;
     69 }
     70 
     71 .challenge-popup-close .fa-times {
     72     font-size: 20px;
     73     color: #777;
     74     float: right;
     75     margin: 15px;
     76     border-radius: 50%;
     77     cursor: pointer;
     78 }
     79 
     80 .challenge-popup-btn {
     81     display: inline-block;
     82     border-radius: 2px;
     83     cursor: pointer;
     84     text-decoration: none;
     85     text-align: center;
     86     vertical-align: middle;
     87     white-space: nowrap;
     88     box-shadow: none;
     89     font-size: 15px;
     90     font-weight: 600;
     91     padding: 14px 25px;
     92     border: 1px solid $border-color;
     93     background-color: $primary-color;
     94     color: #fff;
     95 
     96     &:hover {
     97         border: 1px solid $border-hover-color;
     98         background-color: $hover-color;
     99         color: #fff;
    100     }
    101 
    102     .dashicons-external {
    103         margin-left: 6px;
    104     }
    105 }
    106 
    107 .challenge-popup-content.challenge-contact {
    108     p {
    109         font-size: 14px;
    110     }
    111     textarea {
    112         margin-bottom: 10px;
    113     }
    114     label {
    115         font-size: 13px;
    116         margin-bottom: 15px;
    117     }
    118 }