/*Subscribe callout*/
.subscribe-callout{padding:10px; background-image: url('/shared/media/mke-brand-map-dark-sm.png'); opacity: .8; background-position: -250px -200px; background-repeat: no-repeat;  color: #fff;} 
.subscribe-callout a{color: #fff;}
.subscribe-hed {margin-bottom: 25px;}
.subscribe-hed span {padding-bottom: 5px; border-bottom: 4px solid #fff;}
.subscribe-button{padding: 5px; color: #0a32a0; text-align: center; font-size: 18px; background-color: #009bff; color: #fff; border-radius: 3px;}
.subscribe-button a:hover{color: #fff; text-decoration: none;}


/*mobile navigation (optional)*/
#chapter-nav-mob-menu {background-color: #333;color: #fff;padding: 2px 8px;border-radius: 3px;position: fixed;right: 5px;top: 45px;font-size: 22px;z-index: 100;display: none;}
#chapter-nav-mob {display: none;z-index: 101;position: fixed;top: 0px;left: 0px;color: #fff;background-color: #333;width: 100%;}
#chapter-nav-mob nav {margin-top: 40px;margin-left: 10px;padding-bottom: 10px;}
#chapter-nav-mob nav .title {font-family: 'Unify Sans', Tahoma, sans-serif; font-weight: 400; font-size: 25px;margin-bottom: 5px;}
#chapter-nav-mob nav .fa-window-close {float: right;padding-top: 10px;padding-right: 10px;font-size: 26px;}
#chapter-nav-mob nav ul {list-style: none;padding-left: 10px;}
#chapter-nav-mob nav a {color: #fff;}
#chapter-nav-mob nav li {font-size: 18px;margin-bottom: 5px;}
#chapter-nav-mob.show {display: block;}

@media screen and (max-width: 992px) {
#chapter-nav-mob-menu {display: inline-block;}
}

/* unavailable links */
#unavailable{opacity: .6;}
#unavailable a {color: #ccc;}
#unavailable:hover{cursor: not-allowed; text-decoration: none;}


/*social byline/timestamp combo for mobile*/
.mjs-social {padding:10px;line-height:40px; font-size: 24px;}
.mjs-social .mjs-social-icons {font-size:20px;color:#0A3E80;float:right; display: inline;}
.mjs-social a{color:#0A3E80}
.fa-twitter, .fa-facebook, .fa-comment{margin: 10px;}

/* Gernal article and headline styles */ 
.mjs-article p{font-family: 'Unify Serif', Georgia, serif; font-size: 18px; padding: 10px; max-width: 750px; line-height: 30px;}
.mjs-article p strong{font-family: 'Unify Serif', Georgia, serif; font-weight:700;}
.mjs-article ul{font-family: 'Unify Sans', Tahoma, sans-serif; line-height: 1.4; font-size: 18px;}
.mjs-timestamp{color: #ac4136;font-family: 'Unify Sans', Tahoma, sans-serif;font-size: 14px;margin: 10px;}
.mjs-kicker {text-transform: uppercase; font-size: 13px; color: #636363; text-align: center; font-family:'Unify Sans', Tahoma, sans-serif; font-weight: 400; margin-top: 30px; margin-bottom: 20px;}
.mjs-lead-media {width: 100%; border: 0px; padding: 0 0 !important;}
.mjs-lead-media-mob {display: none;}
.mjs-split-top{border-bottom: 1px solid #ccc; padding-right: 0 !important;}
.mjs-split-headline{margin: 5% 10%; padding-top: 25%; text-align: center; background-color: rgba(255, 255, 255, 0.9);}
.mjs-headline {font-family: 'Unify Sans', Tahoma, sans-serif; font-weight: 700; font-size: 72px; line-height: 70px; margin-bottom:20px; text-align: center;}
.mjs-deck{font-family: 'Unify Sans', Tahoma, sans-serif; color: #969696; text-align: center;     max-width: 1024px;margin: 2% auto;font-size: 20px; padding-bottom:20px;}
.mjs-credit {text-align: right; margin: 5px; text-transform: uppercase; color: #000; font-size: 10px;}
.mjs-cutline {font-size: 13px; margin: 10px 5px; color: #636363;}
.mjs-subhead{padding-left: 1%; }
.mjs-byline {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-family: 'Unify Serif', Georgia, serif; font-style: italic; font-size: 16px; margin: 10px; padding: 5px; text-align: center;}
.mjs-refer{border-top:6px solid #0A3E80;border-bottom: 1px solid #636363;}
.mjs-refer ul{line-height: 25px; font-size: 15px; list-style-type: square; color: #636363;font-style: italic;margin-left: -20px;}
.mjs-refer-title{font-family: 'Unify Sans', Tahoma, sans-serif; font-weight: 400; text-transform: uppercase;border-bottom: 1px solid #636363;padding: 0 0 10px 0; font-size: 22px}

/*section breaks with images*/
.mjs-section-break{margin: 4em 0 4em 0;}
.mjs-section-break span img {margin: 0 20px; width: 5%;}
.mjs-section-break-lines {line-height: .2;text-align: center;}
.mjs-section-break-lines span {display: inline-block;position: relative; font-size: 30px;}
.mjs-section-break-lines span:before,
.mjs-section-break-lines span:after {content: "";position: absolute;height: 5px;top: 0;width: 50%;}
.mjs-section-break-lines span:before {right: 100%;margin-right: 15px;}
.mjs-section-break-lines span:after {left: 100%;margin-left: 15px;}
.mjs-section-break-mob{display: none;}

/*section breaks using colored bar*/
.mjs-section-break-color{margin: 15% 25%; width: 50%;height: 10px; background-color: #9a5757;}



/*embeds - left*/
.mjs-article .mjs-embed-left{float:left; margin: 3% 3% 3% 0; margin-left: -20%; width: 50%; height: auto;}
.mjs-embed-left-mob {display: none;}
/*embeds - right*/
.mjs-article .mjs-embed-right{float:right; margin: 3% 0 3% 3%; margin-right: -20%; width: 50%; height: auto;}
.mjs-embed-right-mob {display: none;}
/*embeds - full*/
.mjs-embed-full {margin: 0 auto; padding-bottom: 30px; overflow: hidden; max-width: 1200px;}
.mjs-embed-full img{margin: 5px 0; width: 100%}
.mjs-embed-full-sm { display: none;}
/*embeds - sizes*/
.embed-40{width: 40%;}
.embed-50{width: 50%;}
.embed-60{width: 60%;} 

/*==================*/
/*??????????????????*/
/*==================*/
.mjs-sidebar{background-color: #d9d9d9; max-width: 1200px; padding: 50px;}

/*nerdbox -- (Ex. Act 10 - teacher bios) */
.mjs-nerdbox{background-color: #636363; padding: 20px;}
.mjs-nerdbox p{color:#f4f4f4; font-size: 14px; font-family: 'Unify Sans', Tahoma , sans-serif; font-weight:400; line-height: 20px; letter-spacing: 1px; padding: 3px;}
.mjs-nerdbox span {color:#f4f4f4; font-size: 16px; font-family: 'Unify Sans', Tahoma, sans-serif; font-weight: 900;}
.mjs-nerdbox a{color: #f4f4f4; text-decoration: underline;}
.mjs-nerdbox h3{color: #f4f4f4; letter-spacing: 1px;}
.mjs-nerdbox-mob{display: none;}

/*ligtbox*/
.mjs-lightbox-grid {margin-left: 2%;border-left: 10px solid #636363; padding-left: 10px; font-size: 22px;}
.mjs-lightbox {display: none;position: fixed;z-index: 999;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: rgba(0,0,0,0.8);}
.mjs-lightbox .mjs-img {max-width: 40%;max-height: 60%;margin-top: 5%;}
.mjs-lightbox:target {outline: none;display: block;}

/* In text related links */
.mjs-related-link{margin: 4% 0; margin-left: 2%; border-left: 5px solid #636363; font-size: 22px; padding-left: 10px;}
.mjs-mobile-right{float: right; padding: 10px; margin:10px; border-top: 2px solid #1373c0; background-color: #f7f7f7;}
.mjs-mobile-left{float: left; padding: 10px; margin:10px; border-top: 2px solid #1373c0; background-color: #f7f7f7;}


/* Document hover */
.mjs-document:hover{border: 2px solid #ff0;}


/* tweetables */
.mjs-tweet-text,
.mjs-tweet-text:hover,
.mjs-tweet-text:visited,
.mjs-tweet-text:focus,
.mjs-tweet-text:active {text-decoration: none; color: #333; vertical-align: middle;}
.mjs-tweet-text:hover {background-color: #fcf8e3;}
.mjs-tweet-text .fa-twitter {vertical-align:middle; position:relative; top:-2px; font-size: 20px; color: #1da1f2; margin: 0;}

/*text background image*/
.background-img {position: absolute;overflow-x: hidden;left: 0;z-index: -2;opacity: 0.08;}
.background-img2  {top: 6000px;position: absolute;overflow-x: hidden;right: 0;z-index: -2;opacity: 0.08;}
.background-img3 {margin-top: -1000px;position: absolute;overflow-x: hidden;right: 0;z-index: -2;width: 100%;opacity: 0.08;}

/*DropCap option*/
.mjs-drop > p:first-child:first-letter {color: #9a5757;float: left;font-family: 'Unify Sans', Tahoma, sans-serif;font-size: 75px;line-height: 60px;padding-top: 4px;padding-right: 8px;padding-left: 3px;}

/* image overlay styles */
/* headline overlay styles */

.grid figure {position: relative;overflow: hidden;width: 100%;background: #3085a3;text-align: center;cursor: pointer}
.grid figure img {position: relative;display: block;max-width: 100%;opacity: .9;height: auto;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 75%);background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 75%)}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none}
.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0}
.grid figure h3 {word-spacing: .1em;font-weight: 400;letter-spacing: 1px;font-family: 'Unify Sans', Tahoma, sans-serif}
.grid figure h3,
.grid figure p {margin: 0}
.grid figure p {letter-spacing: 1px;font-size: 72.5%}
figure.effect-headline-mjs figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 75%);background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 75%);content: '';opacity: 0;-webkit-transform: translate3d(0, 50%, 0);transform: translate3d(0, 50%, 0)}
figure.effect-headline-mjs h3 {position: relative;top: 50%; left: 0;width: 100%;color: #fff;-webkit-transition: -webkit-transform 0.35s, color .35s;-webkit-transition: color .35s, -webkit-transform 0.35s;transition: color .35s, -webkit-transform 0.35s;transition: transform 0.35s, color .35s;transition: transform 0.35s, color .35s, -webkit-transform 0.35s;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0)}
figure.effect-headline-mjs h3 a {color: #fff}
figure.effect-headline-mjs figcaption::before,
figure.effect-headline-mjs p {-webkit-transition: opacity 0.35s, -webkit-transform .35s;transition: opacity 0.35s, -webkit-transform .35s;transition: opacity 0.35s, transform .35s;transition: opacity 0.35s, transform .35s, -webkit-transform .35s}
figure.effect-headline-mjs p {position: relative;bottom: -60%;left: 0;padding: 2em;width: 100%;opacity: 0;-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}
figure.effect-headline-mjs:hover h3 {color: #fff;-webkit-transform: translate3d(0, -40%, 0) translate3d(0, -30px, 0);transform: translate3d(0, -40%, 0) translate3d(0, -30px, 0)}
figure.effect-headline-mjs:hover figcaption::before,
figure.effect-headline-mjs:hover p {opacity: 1;color: #fff;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
figure.effect-headline-mjs:hover a {color: #fff}


/* split headline breakpoints */ 
@media (max-width : 1350px) {
    .mjs-split-top{}
    .mjs-split-headline{padding-top: 15%;}
}

@media (max-width : 1160px) {
    .mjs-split-headline{padding-top: 5%;}
    .mjs-headline {font-size: 58px; line-height: 50px;}
}

/* interactive breakpoint */
@media (max-width : 992px) {
    .mjs-embed-full {margin: 20px auto; padding: 0; overflow: auto;}
    .mjs-headline {font-size: 36px; line-height: 32px;}
    .mjs-deck{font-size: 16px;}
    #hide-this{display: none;}
}

/* Extra Small Devices, Phones */ 
@media (max-width : 770px) {
    .mjs-social {font-size: 13px;display:inline; padding:10px;line-height:1.4;}
    .mjs-social .mjs-social-icons {display: none; /*font-size:16px;color:#0A3E80;float:right;*/}
    .mjs-social a{color:#0A3E80}
    .mjs-social-byline {display: none;}
    .mjs-social{margin-bottom: 40px;}
    .mjs-split-top {display: none;}
    .mjs-related-link {display: none;}
    .mjs-related-text {display: none;}
    .mjs-lead-media-mob {display: inline;}
    .mjs-headline {font-size: 32px; line-height: 35px; text-align: center;}
    .mjs-deck {font-size: 20px; text-transform: none; line-height: 26px; margin-bottom: 10px;}
    .mjs-timestamp {font-size: 13px;}
    .mjs-embed-left, .mjs-embed-right {display: none;}
    .mjs-embed-left-mob, .mjs-embed-right-mob {display: inline; width: 100%; margin: 3% !important;}
    .mjs-sidebar{font-family: 'Unify Sans', Tahoma, sans-serif; font-weight: 400; padding: 30px;}
    .mjs-nerdbox {display: none;}
    .mjs-nerdbox-mob {font-family: 'Unify Sans', Tahoma, sans-serif; font-weight: 400; background-color: #636363; color:#f4f4f4; font-size: 14px; display: inline;padding: 15px; margin: 10px 0;}
    .mjs-mid-media { display: none; }
    .mjs-embed-full-sm { display: inline;}
    
    /*section break*/
    .mjs-section-break {display: none;}
    .mjs-section-break-lines {display: none;}
    .mjs-section-break-mob{display: inline; text-align: center; margin:50px 0; font-family: 'Unify Sans', Tahoma, sans-serif; padding: 10px;}
    .mjs-section-break-mob span img {margin: 0 10px; width: 20%;}

    /*ligtbox*/
    .mjs-lightbox .mjs-img {max-width: 80%;max-height: 100%;margin-top: 15%;}
    .mjs-author-card img {display: none;}
    .mjs-footer {margin-top: 5%;}
    .mjs-author-bio {font-size: 14px;}
    .mjs-footer-logo {margin-left: 2%;}
    .mjs-footer-menu {margin-top: 15%;}

}

/* ads */
#btf-wide-1 {
    margin: 20px 0;
    text-align: center;
}
#atf-poster-1, 
#btf-poster-2,
#btf-poster-1 {
    float: right;
    margin: 10px 0 10px 40px;
}
@media(max-width:730px) {
    #btf-wide-1 {
        margin: 20px -15px;
    }
    #atf-poster-1,
    #btf-poster-1,
    #btf-poster-2 {
        float: none;
        margin: 10px -15px 10px -15px;
        text-align: center;
    }
}