/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.ads_container {display: inline-block}
.bio-ad-block {padding: 0!important}
.bio-ad.mobile {display: none}
.bio-ad .adspot-title {display: block;margin-bottom: 6px;font-size: .625rem;}
.bio-ad .disclaimer-left .adspot-title {text-align: left;}
.bio-ad .disclaimer-right .adspot-title {text-align: right;padding-right: 10em;}
.bio-ad .disclaimer-center .adspot-title {text-align: center;}
.bio-ad .disclaimer-show-false {display: none;}
.bio-ad-block code, .bio-ad-block .helper-text {display: none;}
.show-ad .bio-ad-block {width: 100%;border: 2px solid red; height:  30px;display: table;padding: 10px;}
.show-ad .bio-ad-block:after {content: 'Click here to copy class path: ' attr(data-helper-text)}
.show-ad .bio-ad-block code {background: black;color: #fff;padding: 5px 10px;display: block}
.show-ad .bio-ad-block .helper-text {display: block;}

.code-block.ai-close-fit {width: 100%;margin: 0 auto;box-shadow: 0 0 16px 0 rgb(0, 0, 0, 0.2);background-color: rgba(255,255,255,0.7);padding-top: 15px;}
.code-block.ai-close-fit .ai-attributes {width: 728px;position: relative;margin: 0 auto;}
.code-block.ai-close-fit .ai-attributes .ai-close-button {display: inline;}
.code-block.ai-close-fit .ads_container {width: 728px;margin: 0 auto}

.bio-ad-block.mobile-pop-up {display: none;}

@media only screen and (max-width: 768px) {
    .ads_container {display: inline}
    .bio-ad.mobile {display: block;}
    .code-block.ai-close-fit {
        margin: 0 auto;
        box-shadow: 5px -4px 7px 1px #00000094;
        padding: 15px 15px 0 0;
    }

    .code-block.ai-close-fit .ai-attributes {
        width:auto;
        position:relative;
        margin:0 auto;
    }

    .code-block.ai-close-fit .ai-attributes .ai-close-button {
        display: inline
    }

    .code-block.ai-close-fit .ads_container {
        width: 100vw;
        margin: 0 auto;
    }
    .bio-ad-block.mobile-pop-up.visible {
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.9);
        position: fixed;
        top: 0;
        z-index: 9999;
    }
    .bio-ad-block.mobile-pop-up.visible .code-block {
        margin: 50% auto!important;
        display: block!important;
    }
    .bio-ad-block.mobile-pop-up.visible .close-button {
        position: absolute;
        right: 10px;
        top: 10px;
        display: inline-block;
        width: 24px;
        height: 24px;
        background: url(/wp-content/plugins/ad-inserter-pro/css/images/close-button.png) no-repeat center center;
    }
}