body.one-time-fixed-body #one-time-fixed {
    display: block;
    position: fixed;
    height: auto;
    min-height: 40px;
    top: 0;
    width: 100%;
    padding: 8px 30px;
    background: #342d58;
    font-size: 16px;
    font-family: 'Crimson Text', serif;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    z-index: 9999
}

/*
Improve looks on iPad (w=768px)

 */
@media (min-width: 765px) and (max-width: 770px) {
    body.one-time-fixed-body div#one-time-fixed {
        padding: 8px 90px;
    }
}

/*

Now, when admin bar is present:
this break is introduced by wp's admin css:
 */


@media (max-width: 780px) {
    body.one-time-fixed-body.admin-bar div#one-time-fixed {
        top: 46px !important
    }

    body.one-time-fixed-body.admin-bar nav.navbar.navbar-fixed-top {
        top: 106px!important;
    }
}

@media (min-width: 781px) {
    body.one-time-fixed-body.admin-bar div#one-time-fixed {
        top: 32px !important
    }

    body.one-time-fixed-body.admin-bar nav.navbar.navbar-fixed-top {
        top: 72px!important;
    }
}


body.one-time-fixed-body #one-time-fixed-close {
    background-image: url(https://www.thepennyhoarder.com/wp-content/themes/pennyhoarder/assets/images/x.png);
    background-size: contain;
    display: block;
    position: absolute;
    height: 12px;
    width: 12px;
    cursor: pointer;
    top: 13px;
    right: 15px
}


/*
body classes:
for non-admin:
body.one-time-fixed-body {
    top: 110px !important
}

for admin:
body.admin-bar.one-time-fixed-body {
    top: 110px !important
}

*/


/*
navbar w/o body.admin-bar and with admin bar, plus body container top margin:
 */
@media (max-width: 333px) {
    body.one-time-fixed-body nav.navbar.navbar-fixed-top {
        top: 105px;
    }

    /*  with admin-bar: */
    body.admin-bar.one-time-fixed-body nav.navbar.navbar-fixed-top {
        top: 151px!important;
    }

    body.one-time-fixed-body #one-time-fixed-close {
        top: 46px;
    }

    /*
    move body down if the message is active:
    */
    body.one-time-fixed-body .page-container.one-time-fixed{
        margin-top: 105px;
    }
}

@media (min-width: 334px) and (max-width: 467px) {
    body.one-time-fixed-body nav.navbar.navbar-fixed-top {
        top: 83px;
    }

    /*  with admin-bar: */
    body.one-time-fixed-body.admin-bar nav.navbar.navbar-fixed-top {
        top: 128px!important;
    }

    body.one-time-fixed-body #one-time-fixed-close {
        top: 35px;
    }

    /*
    move body down if the message is active:
    */
    body.one-time-fixed-body .page-container.one-time-fixed{
        margin-top: 83px;
    }
}

@media (min-width: 468px) and (max-width: 827px) {
    body.one-time-fixed-body nav.navbar.navbar-fixed-top {
        top: 60px;
    }
    body.one-time-fixed-body #one-time-fixed-close {
        top: 24px
    }

    /*
    move body down if the message is active:
    */
    body.one-time-fixed-body .page-container.one-time-fixed{
        margin-top: 60px;
    }
}

@media (min-width: 828px) {
    body.one-time-fixed-body nav.navbar.navbar-fixed-top {
        top: 40px;
    }
    body.one-time-fixed-body #one-time-fixed-close {
        top: 13px
    }

    /*
    move body down if the message is active:
    */
    body.one-time-fixed-body .page-container.one-time-fixed{
        margin-top: 40px;
    }
}




#one-time-fixed a {
    text-decoration: none;
    color: #FFF
}
#one-time-fixed #one-time-link , #one-time-fixed #cta-banner-inner a{
    text-decoration: underline;
    padding-bottom: 0px
}
#one-time-fixed a:hover {
    text-decoration: none
}


.single-post-content iframe {
    max-width: 100%
}

/*
ADDED BY GORAN:
 */

#cta-banner-inner > * {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#cta-banner-inner {
    display: none;
}

#cta-one-time-content #cta-banner-inner {
    display: block;
}