/**
 * 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;
     }
 }
 
 .bio-comment-thread {
     margin: 32px 0;
     text-align: center
 }
 
 .bio-comment-thread__toggle {
     display: block;
     margin: 0 auto;
     padding: 8px 0;
     font-size: 1.125rem;
     border: 0;
     color: #212121;
     background-color: #fff;
 }
 
 .bio-comments--hidden {
     display: none;
 }
 
 .bio-comment-thread__toggle:active {
     color: #002029
 }
 
 .bio-comment-thread__icon {
     display: inline-block;
     vertical-align: middle;
     -webkit-transition: -webkit-transform .3s;
     transition: -webkit-transform .3s;
     transition: transform .3s;
     transition: transform .3s, -webkit-transform .3s;
     width: 16px;
     height: 16px;
     line-height: 1.15;
 }

 .bio-comment-thread__icon svg {
    vertical-align: unset;
 }
 
 .bio-comment-thread__toggle--open .bio-comment-thread__icon {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)
 }