.covid-popup {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: auto;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(245, 226, 201, 0.9);
    transition: width 0.3s, visibility 0.3s ease,opacity 0.3s ease, height 0.3s;
    -webkit-transition: width 0.3s, visibility 0.3s ease,opacity 0.3s ease, height 0.3s;
    padding: 40px 0;
    box-sizing: border-box;
    border-top: 1px solid #eaeaea;
}

body.page-template-stay-inspired .covid-popup {
   display: none !important;
}

.covid-popup.covidpoup {
    opacity: 1;
    visibility: visible;    
}

.covid-popup.covidpoup .container {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    max-width: 1170px;
}
.closebtn-cp {
    background: url(/application/themes/grootbos/images/close-icon.png) no-repeat;
    height: 33px;
    width: 33px;
    background-repeat: no-repeat;
    background-size: cover;
    right: 15px !important;
    top: 15px !important;
    position: absolute;
    cursor: pointer;
    display: block;
}
/*.closebtn-cp {
    background: url(images/icons-sprite.png) no-repeat -94px -8px !important;
    width: 45px !important;
    height: 45px !important;
    right: 15px !important;
    top: 15px !important;
    position: absolute;
    cursor: pointer;
    display: block;
}*/

.covid-popup h2,
.inspiredctnt-section h2 {
    padding-left: 0;
     padding-right: 0;
}

.covid-popup h2,
.covid-popup p {
    color: #000;
    text-align: left;
}
.covid-popup h2:before,
.covid-popup h2:after,
.inspiredctnt-section h2:before,
.inspiredctnt-section h2:after {
    display: none;
}

.link-cp{ padding:15px 30px; font-size:16px; line-height:20px; display: inline-block !important; text-transform:uppercase; -webkit-transform: translateZ(0); transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background:#336531; color:#fff;}
    /*.link-cp:before {background: #25282a; color:#fff; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0);   -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }*/
.link-cp:hover, .vieblog-btn2:focus, .vieblog-btn2:active {color: #fff; border-color:#336531;}
.btn.link-cp:hover{color: #336531; border-color:#336531;}
.link-cp:hover:before, .vieblog-btn2:focus:before, .vieblog-btn2:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);}

.smallctnt-container {
    max-width: 1170px;
    width: 95%;
    margin: 0 auto;
}

.covid-popup.covidpoup .container {
    max-height: 75vh;
    overflow: auto;
    padding-top: 20px;
}

@media(max-width: 1023px) {

    /*popup*/
    .covid-popup {
        padding: 30px 0;
    }

    .covid-popup h2 {
        font-size: 30px;
    }

}

@media(max-width: 767px) {

    /*popup*/

    .covid-popup.covidpoup .container {
        text-align: center;
    }

    .covid-popup h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .covid-popup h2, 
    .covid-popup p {
        text-align: center;
    }

    .closebtn-cp {
        background: url(/application/themes/grootbos/images/close-icon.png) no-repeat;
        background-repeat: no-repeat;
        background-size: cover;
        height: 30px !important;
        right: 10px !important;
        top: 10px !important;
        width: 30px !important;
    }

    .link-cp {
        padding: 11px 25px;
        font-size: 14px;
        line-height: 20px;
    }

}

@media(max-width: 640px) {

    /*popup*/

    .covid-popup {
        padding: 25px 0;
    }

    .covid-popup h2 {
        font-size: 22px;
        line-height: 30px;
    }
}