/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 koko-modal-btn > :not(button) {
    display: none !important;
 }

 koko-modal-container h3#modal-title {
    margin-top: 0px;
    margin-bottom: 27px;
    font-size: 24px;
    color: #000;
 }

 .main-inner-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
 }

 koko-modal-container h2 {
    font-size: 48px;
    word-break: break-word;
    line-height: 38px;
    margin: 0;
 }

 
.blurrable {
}

@-webkit-keyframes blur {
    0%  { -webkit-filter: blur(0px); }
    100% { -webkit-filter: blur(8px); }
}

.unblurred {
    -webkit-animation: blur .6s backwards;
}

.blurred {
    -webkit-animation: blur .6s forwards;
    /* filter: blur(8px); */
    /* -webkit-filter: blur(8px); */
  
    /* Full height */
    /* height: 100%; */
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }