/* *************************************************** */

/* MACLEAN'S - Custom Styling */

/* *************************************************** */


.wf-loading h1, .wf-loading h2, .wf-loading p,
.wf-loading input {
/* styles to use when web fonts are loading */
    visibility: hidden;
}

.wf-active h1, .wf-active h2, .wf-active p,
.wf-active input {
/* styles to use when web fonts are active */
    visibility: visible;
}

.wf-inactive {
/* styles to use when web fonts are inactive */
}





/* =================================================== */
/* HEADER */
/* =================================================== */

/* MINI HEADER */
.user_menu_wrapper {
    background-color: #111;
    border-bottom: solid 1px #484951;
    padding: 12px;
    font-size:14px;
    color:#bbb;
    line-height: 14px;
}
.user_menu_wrapper .container { position:relative; }

.user_menu_wrapper .user_menu {
    float: right;
    text-align: left;
}
.user_menu_wrapper li {
    line-height: 11px;
    padding-top: 1px;
 }
.user_menu_wrapper li  {
    letter-spacing: 0.1em;
    font-weight: 400;
    font-size: 11px;
 }


.user_menu.header_cta_text {
    font-family: 'TradeGothicBold';
    text-transform: uppercase;
    color: white;

    float: left;
 }
 .user_menu.header_cta_text span {
     color: red;
 }



/* MAIN NAV HEADER */
/* --------------------------------------- */
/* Transparent Top Header */
#main-header {
    position:relative;
    background-color: transparent !important;
    z-index: 3;
}
.bndwgt__issuepage_top_wrapper {
    margin-top: -80px;
    padding: 110px 0 60px 0;
    z-index: 2;
}
.bnd_browseissues_top_wrapper {
    padding-top: 130px;
    margin-top: -80px;
}

/* --------------------------------------- */

#main-header .main_nav_logo {
    width:200px;
    height:50px;
    background-image: url('../images/macleans-logo-white.png');
    background-position: center center;
    font-size:0;
}

#main-header #mblmenu_toggle {
    left: initial;
    right: -8px;
    top: 25px;
    font-size: 2.3em;
    color: #fff;
}

ul.site_menu { padding-top: 5px; }
ul.site_menu li { padding: 0 30px; }
ul.site_menu li:last-child { padding-right: 0; }
ul.site_menu li a {
    color:#fff;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-size: 1.6em;
    line-height: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    padding-bottom:2px;
}
ul.site_menu li a:hover {
    color:#fff;
    border-bottom: solid 3px #fff;
}

.page_home .nav_welcome,
.page_browse .nav_issues,
.page_issue .nav_issues,
.page_featured .nav_featured,
.page_search .nav_search {
    border-bottom:solid 3px #cc0000;
}



/* --------------------------------------- */
@media only screen and (max-width: 1200px) {
    ul.site_menu li { padding: 0 14px; }
    ul.site_menu li a { font-size: 1.5em; }
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {

    ul.site_menu li { padding: 0 12px; }
    ul.site_menu li a { font-size: 1.3em; }

    .user_menu_wrapper li.user_menu_1 .user_loggedin {
    /* display: none; */ }

}
/* --------------------------------------- */
@media only screen and (max-width: 740px) {

    #main-header .main_nav_logo, #main-header .logo { position: absolute; left: 0; }
    #main-header .main_nav_logo { margin: 1px 0 0 -3px; }

    .partner_ribbon { padding: 0 10px 0 20px; }
    .partner_ribbon span { font-size: 9px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 680px) {

    .user_menu_wrapper .user_menu { text-align: left; }

    #main-header .main_nav_logo, #main-header .logo {
        left: 50%;
        margin-left: -100px;
    }
    #main-header #mblmenu_toggle { display:block; }
    .main_nav { display: none; }
}
/* --------------------------------------- */
@media only screen and (max-width: 640px) {

    .user_menu_wrapper li.user_menu_1 { padding-left: 0px;}

}
/* --------------------------------------- */
@media only screen and (max-width: 580px) {
    .user_menu_wrapper li.user_menu_2 { border-right:none 0; }
    .user_menu_wrapper li .link_aw100 { display: none; }
}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {
    .partner_ribbon { padding: 0 0 0 10px; }
    .partner_logo { width:150px; background: transparent url("../images/partner_logo_boeing_tagline.svg") no-repeat scroll 0 4px / 150px auto; }
    .partner_ribbon span { display: none; }

    #main-header .main_nav_logo {
        left: 50%;
        margin-left: -100px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 439px) {
    #main-header { height: 120px; }
    .user_menu_wrapper { display: block; }

}
/* --------------------------------------- */
@media only screen and (max-width: 360px) {
    /* .user_menu_wrapper li.user_menu_1 { border-right:none 0; }
    .user_menu_wrapper li.user_menu_2 { display:none; } */

    .bnd_mobile_menu ul.site_menu li a {
        font-size: 1.6em;
        line-height: 2em;
    }
}

/* =================================================== */





/* =================================================== */
/* MOBILE MENU */
/* =================================================== */
.bnd_mobile_menu ul.user_menu li {
    padding: 10px 0;
    color: #aaa;
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em !important;
}
.bnd_mobile_menu ul.user_menu li a { }
.bnd_mobile_menu ul.user_menu li a:hover {
    color: #ddd;
}







/* =================================================== */
/* TOP ISSUE MODULE */
/* =================================================== */

.bndwgt__issuebkd_overlay {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

h1.header.bndwgt__issuetitle_main, h1.header.bndwgt__issuetitle {
    font-size: 2.3em;
    border-bottom: solid 5px #f9f9f9;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    font-weight: 700;
    color: #f9f9f9 !important;
    padding: 10px 0 20px 0;
}
.page_issue .bndwgt__day::after {
    content: ''; /* ', ' */
    font-weight: 100;
}
.socials.topmain { top: -5px; }
.socials .ui.circular.button {
    background-color: transparent;
    border: solid 2px #f9f9f9;
    color: #fff;
}

/* top main butons */
.bndwgt__issuepage_top .ui.button {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.bndwgt__issuepage_top .button.red {
    background-color: #D71722;
    border: solid 2px #D71722;
}
.bndwgt__issuepage_top .button.red:hover {
    background-color: #D71722;
    border: solid 2px #fff;
}
.bndwgt__issuepage_top .button.gold {
    background-color: #77777c;
    color: #fff;
    border: solid 2px #77777c;
}
.bndwgt__issuepage_top .button.gold:hover {
    background-color: #77777c;
    border: solid 2px #fff;
}


/* TOP FEATURED STORIES */
.topFeatureText {
    margin: 8px 0 0 10px;
}
.topFeatureText .tpc_title {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.topFeatureText .tpc_title a {
    color: #fff;
}
.topFeatureText .tpc_section {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    letter-spacing: 0.15em;
    font-size: 0.83em;
    border: none 0;
    color: #fff;
    background-color: #9999a7;
    padding: 2px 7px;
}
.topFeatureText .tpc_date,
.topFeatureText .tpc_byline {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    letter-spacing: 0.02em;
}
.topFeatureText .tpc_byline .author {
    letter-spacing: 0.02em;
    font-weight: 400;
}

/* ---------------------- */
@media only screen and (max-width: 439px) {
    .topFeatureText { padding: 0 30px 10px 30px; }
}
/* ---------------------- */










/* =================================================== */
/* TOC DROPDOWN */
/* =================================================== */
#issue_toc {
    border-top: solid 8px #99999a;
}
.toc_dropdown.ui.selection.dropdown {
    border: none 0; /* 2px solid #777; */
    border-radius: 0;
}
.toc_dropdown.ui.selection.dropdown.active:hover, .toc_dropdown.ui.selection.dropdown.active:hover .menu {
    border-color: #777;
}

.bnd_mobilemenu_toggle.icon.big { color: #111; }
.bnd_mobilemenu_toggle.icon.big:hover { color: #333; }
.bnd_browseissues_nav .bnd_mobilemenu_toggle.icon.big { color: #aaa; }
.bnd_browseissues_nav .bnd_mobilemenu_toggle.icon.big:hover { color: #ccc; }

.toc_dropdown h1.ui.header {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    letter-spacing: -0.02em;
    text-transform: none;
}
.toc_dropdown h1.ui.header .sub.header {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    letter-spacing: 0;
    color: #888;
    text-transform: uppercase;
    font-weight: 300;
}

.toc_dropdown h1.ui.header  span {
    font-size: 100%;
}

.ui.menu .ui.dropdown .menu>.item {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
}
.fixed .toc_dropdown.ui.selection.dropdown {
    border: 2px solid #fff;
}


/* --------------------------------------- */
.bndwgt_page_nav .page_nav_title::before {
    font-family: 'franklin-gothic-urw-cond','TradeGothicCond',Helvetica,Arial,sans-serif;
    color: #EF2E39;
}
.bndwgt_page_nav .page_nav_info {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
}
.bndwgt_page_nav .page_nav_title span { font-weight: 700; }

/* =================================================== */





/* =================================================== */
/* TOC TEXT */
/* =================================================== */
.bndwgt.featured {
    background-color: #ddd;
}
.bndwgt.featured .bndwgt_bkd_overlay {
    background-color: #fafafa;
}


.bndwgt__text .tpc_title {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    letter-spacing: -0.01em;
    font-weight: 700;
    text-transform: uppercase;
}
.bndwgt__text .tpc_title a {
    color: #222;
}
.featured .bndwgt__text .tpc_title {
    /* font-size: 3rem; */
}

.bndwgt__text .tpc_deck {
    font-family: 'calluna', 'Georgia', serif;
    font-weight: 300;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.multi_article .bndwgt__text .tpc_deck {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.bndwgt__text .tpc_section {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
    letter-spacing: 0.2em;
    background-color: #9999a7;
    color: #fff;
    border: none 0;
    margin: 0;
    padding: 3px 10px;
    font-size: 14px;
}
.bndwgt__text .bndwgt__text_label { display: none !important; opacity:0; }
.bndwgt__text .toc_item__byline {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    letter-spacing: 0.02em;
}
.bndwgt__text .toc_item__byline .author {
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* hide reading time from TOC */
.topFeatureText .tpc_byline .read_time,
.bndwgt__text .toc_item__byline .read_time {
    display: none;
}

.bndwgt__text p,
.bndwgt__text .teaser {
    font-family: 'calluna', 'Georgia', serif;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.4;
}

.bndwgt__text .teaser,
.multi_article .bndwgt__text .teaser {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 4em;
  /* Fallback for non-webkit */
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bndwgt.advertisement .bndwgt__text .tpc_title {
    font-size: 1.1em;
    font-weight: 600;
    font-family: 'gotham_web', 'Lato', sans-serif;
}

.bndwgt__page-number {
    font-family: 'calluna', Georgia, serif;
    font-weight: 100;
    font-size: 16px;
}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .bndwgt__text .tpc_deck {
        font-size: 18px;
    }
}
/* --------------------------------------- */
/* =================================================== */











/* =================================================== */
/* ISSUES - BROWSE BY COVER */
/* =================================================== */

/* TOP COVER HEADER IMAGES */
.bnd_browseissues_top_bkd {
    background:linear-gradient(rgba(11, 11, 16, 0),rgba(44, 44, 44, 0)),
    no-repeat center right 25%/cover
    url('../images/issues_banner_2010s.jpg');
    opacity:0.9 !important;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein { from { opacity: 0; } to { opacity: 0.9; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 0.9; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 0.9; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 0.9; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 0.9; } }


.bnd_browseissues_top_wrapper.the2010s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 30, 40, 0.3),rgba(14, 24, 44, 0.9)),
    no-repeat top 62% center/cover
    url('../images/banners/mc_banner_2010c.jpg');
}
.bnd_browseissues_top_wrapper.the2000s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 30, 40, 0.6),rgba(14, 34, 44, 0.1)),
    no-repeat top 25% center/cover
    url('../images/banners/mc_banner_2000.jpg');
}
.bnd_browseissues_top_wrapper.the1990s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 30, 40, 0.9),rgba(44, 44, 44, 0.1)),
    no-repeat top 38% center/cover
    url('../images/banners/mc_banner_1990.jpg');
}


.bnd_browseissues_top_wrapper.the1980s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 11, 16, 0.4),rgba(4, 24, 44, 0.4)),
    no-repeat top 30% center/cover
    url('../images/banners/mc_banner_1980.jpg');
}
.bnd_browseissues_top_wrapper.the1970s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 11, 16, 0.5),rgba(44, 44, 44, 0.1)),
    no-repeat top 44% center/cover
    url('../images/banners/mc_banner_1970.jpg');
}
.bnd_browseissues_top_wrapper.the1960s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 11, 16, 0.6),rgba(44, 44, 44, 0.1)),
    no-repeat center top 20%/cover
    url('../images/banners/mc_banner_1960.jpg');
}


.bnd_browseissues_top_wrapper.the1950s .bnd_browseissues_top_bkd {
    /* http://macleansarchive.azurewebsites.net/image/spread/19590523/1/0  queen */
    background: linear-gradient(rgba(11, 11, 16, 0.2),rgba(4, 34, 44, 0.8)),
    no-repeat center top 26%/cover
    url('../images/banners/mc_banner_1950.jpg');
}
.bnd_browseissues_top_wrapper.the1940s .bnd_browseissues_top_bkd {
    /* http://macleansarchive.azurewebsites.net/image/spread/19491115/1/0 1949 dude */
    background: linear-gradient(rgba(11, 11, 16, 0.2),rgba(34, 34, 44, 0.1)),
    no-repeat center top 30%/cover
    url('../images/banners/mc_banner_1940.jpg');
}
.bnd_browseissues_top_wrapper.the1930s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 11, 16, 0.9),rgba(44, 44, 44, 0.1)),
    no-repeat top 20% center/cover
    url('../images/banners/mc_banner_1930.jpg'); /* 19381101   45 */
}


.bnd_browseissues_top_wrapper.the1920s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(50, 30, 100, 0.7),rgba(44, 4, 24, 0.4)),
    no-repeat top 25% center/cover
    url('../images/banners/mc_banner_1920.jpg');
}
.bnd_browseissues_top_wrapper.the1910s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 11, 16, 0.2),rgba(54, 4, 44, 0.6)),
    no-repeat top 20% center/cover
    url('../images/banners/mc_banner_1910.jpg');
}
.bnd_browseissues_top_wrapper.the1900s .bnd_browseissues_top_bkd {
    background: linear-gradient(rgba(11, 11, 16, 0.2),rgba(44, 4, 4, 0.5)),
    no-repeat top 40% center/cover
    url('../images/banners/mc_banner_1900.jpg');
}


/* TOP COVER LOGO IMAGES */
.macleans_billboard_logo {
    font-size: 0;
    text-indent: -9999px;
    background-image: url('../images/logos/macleans_logo_2010.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 400px;
    height: 134px;
    margin: 0 auto 16px auto;
    border-bottom: solid 3px #fff;
}
.bnd_browseissues_top_wrapper.the1900s .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1910s.year1910 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1908.png');
    background-position: top center;
    height: 170px;
}

.bnd_browseissues_top_wrapper.the1910s.year1911 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1910s.year1912 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1910s.year1913 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1910s.year1914 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1914.png');
    background-position: center center;
    height: 120px;
}

.bnd_browseissues_top_wrapper.the1910s .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1920s .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1919.png');
    background-position: top center;
    height: 150px;
}


.bnd_browseissues_top_wrapper.the1930s.year1930 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1919.png');
    background-position: top center;
    height: 150px;
}
.bnd_browseissues_top_wrapper.the1930s .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1940s .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1939.png');
    height: 115px;
}


.bnd_browseissues_top_wrapper.the1940s.year1943 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1940s.year1944 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1940s.year1945 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1940s.year1946 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1940.png');
}
.bnd_browseissues_top_wrapper.the1940s.year1947 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1940s.year1948 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1940s.year1949 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1950s.year1950 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1947.png');
}


.bnd_browseissues_top_wrapper.the1950s.year1951 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1950s.year1952 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1950s.year1953 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1953.png');
}

.bnd_browseissues_top_wrapper.the1950s .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1960 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1961 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1962 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1963 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1964 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1961.png');
}

.bnd_browseissues_top_wrapper.the1960s .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1965.png');
}

.bnd_browseissues_top_wrapper.the1960s.year1967 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1968 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1960s.year1969 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1969.png');
}


.bnd_browseissues_top_wrapper.the1970s .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1973.png');
}
.bnd_browseissues_top_wrapper.the1970s.year1976 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1970s.year1977 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1970s.year1978 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1976.png');
}


.bnd_browseissues_top_wrapper.the1970s.year1979 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1980s.year1980 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1980s.year1981 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1980s.year1982 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1979.png');
    margin: 0 auto;
    border-bottom: none;
}
.bnd_browseissues_top_wrapper.the1980s .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1987.png');
}


.bnd_browseissues_top_wrapper.the1990s .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1994.png');
    background-position: top center;
    height: 156px;
}
.bnd_browseissues_top_wrapper.the1990s.year1996 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1990s.year1997 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1990s.year1998 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the1990s.year1999 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_1996.svg');
    background-position: center center;
    height: 134px;
}

.bnd_browseissues_top_wrapper.the2000s.year2000 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the2000s.year2001 .macleans_billboard_logo,
.bnd_browseissues_top_wrapper.the2000s.year2002 .macleans_billboard_logo {
    background-image: url('../images/logos/macleans_logo_2001.png');
}





/* ---------------------- */
@media only screen and (max-width: 991px) {
    .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1930s.year1938 .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1930s.year1939 .macleans_billboard_logo {
        width: 280px;
        height: 90px;
    }
    .bnd_browseissues_top_wrapper.the1910s .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1920s .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1930s .macleans_billboard_logo {
        height: 115px;
    }
    .bnd_browseissues_top_wrapper.the1900s .macleans_billboard_logo {
        height: 124px;
    }
}
/* ---------------------- */
@media only screen and (max-width: 480px) {
    .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1930s.year1938 .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1930s.year1939 .macleans_billboard_logo {
        width: 230px;
        height: 80px;
    }
    .bnd_browseissues_top_wrapper.the1910s .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1920s .macleans_billboard_logo,
    .bnd_browseissues_top_wrapper.the1930s .macleans_billboard_logo {
        height: 96px;
    }
    .bnd_browseissues_top_wrapper.the1900s .macleans_billboard_logo {
        height: 104px;
    }
}
/* ---------------------- */





.bnd_browseissues_loader.ui.large {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-size: 0.9em;
}

.bnd_browseissues_top {
    margin: 20px auto 70px auto;
    max-width: 800px;
}

.bnd_browseissues_top_wrapper h1 {
    display: inline-block;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 900;
    letter-spacing: -0.02em;
    font-size: 7em;
    text-transform: uppercase;
    line-height: 80%;
    margin: 0;

    font-size: 12.5rem;
    letter-spacing: -0.04em;
    text-transform: none;
}
.bnd_browseissues_top_wrapper h1 span.sizeDoubler {

}

/* .bnd_browseissues_top_wrapper.the1950s h1 { color:#BBAA83; } */

.bnd_browseissues_top_wrapper h3 {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 15px auto 10px auto;
    color:#ddd;
}
.bnd_browseissues_top_wrapper h3 .headline {
    font-size: 158%;
    display: block;
    color: #fff;
    padding: 5px;
}

.bnd_browseissues_nav .browse_button {
    padding: 10px 15px;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicBold', Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #777;
    font-size: 110%;
}
.bnd_browseissues_nav .browse_button:hover {
    background-color: #888;
}

.bnd_browseissues_nav ul li a {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicBold', Arial, sans-serif;
    font-weight: 500;
    color: #999;
    font-size: 1.4em;
}
.bnd_browseissues_nav ul li a:hover,
.bnd_browseissues_nav ul li a:focus,
.bnd_browseissues_nav ul li a.selected {
    color: #dfdfdf;
    border-bottom: solid 2px #dfdfdf;
}

h1.bnd_browseissues_title_year {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicBold', Arial, sans-serif;
    font-weight: 700;
    color: #66666d;
    border-top: 6px solid #77777e;
    font-size: 9em;
    line-height: 1.2em;
}



.bnd_browseissues_wrapper .ui.cards .card .content .header {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicBold', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #444656;
}
.bnd_browseissues_wrapper .ui.cards .card .content .header span {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicBold', Arial, sans-serif;
    font-weight: 600;
    font-size: 1.8em;
    letter-spacing: 0;
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .bnd_browseissues_top { margin: 0 auto 30px auto; }
    .bnd_browseissues_top_wrapper h1 { font-size: 9em; }
    .bnd_browseissues_top_wrapper h3 { font-size: 0.75em; }
}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {
    .bnd_browseissues_top_wrapper h1 { font-size: 6em; }
    .bnd_browseissues_top_wrapper h3 { font-size: 0.6em; margin: 5px auto 15px auto; }
}
/* --------------------------------------- */
@media only screen and (max-width: 360px) {
}
/* --------------------------------------- */










/* =================================================== */
/* DECADES MODAL IMAGERY */
/* =================================================== */

.matrix-cell {
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    color: #777;
}
.matrix-cell:hover {
    color: #fff;
}

.matrix-cell-content {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicBold', Arial, sans-serif;
    font-weight: 700;
    line-height: 10px; /* if no prehead */
}
.matrix-cell.featured .matrix-cell-content {
    font-size: 3vw;
    line-height: 0.85em;
    text-transform: uppercase;
}
.matrix-cell-content .prehead { display: none; }
.matrix-cell.featured .matrix-cell-content .prehead { display: block; }



.matrix-cell .decade_image,
.matrix-cell:hover .decade_image {
    background-repeat: no-repeat;
    background-size:cover !important;
    opacity: 0.16;
}
.matrix-cell:hover .decade_image {
    opacity: 0.4;
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.the2010s .decade_image {
    background-image:url('../images/banners/mc_thumb_2010d.jpg');
    background-position: top 40% center;
}

.the2000s .decade_image {
    background-image:url('../images/banners/mc_thumb_2000.jpg');
    background-position: top 25% center;
}

.the1990s .decade_image {
    background-image:url('../images/banners/mc_thumb_1990.jpg');
    background-position: top 38% center;
}


.the1980s .decade_image {
    background-image:url('../images/banners/mc_thumb_1980.jpg');
    background-position: top 30% center;
}
.the1970s .decade_image {
    background-image:url('../images/banners/mc_thumb_1970.jpg');
    background-position: top 50% center;
}
.the1960s .decade_image {
    background-image:url('../images/banners/mc_thumb_1960.jpg');
    background-position: top 33% center;
}


.the1950s .decade_image {
    background-image: url('../images/banners/mc_thumb_1950.jpg');
    background-position: top 20% right;
}
.the1940s .decade_image {
    background-image:url('../images/banners/mc_thumb_1940.jpg');
    background-position: top 31% center;
}
.the1930s .decade_image  {
    background-image:url('../images/banners/mc_thumb_1930.jpg');
    background-position: top 18% center;
}


.the1920s .decade_image {
    background-image:url('../images/banners/mc_thumb_1920.jpg');
    background-position: top 23% center;
}
.the1910s .decade_image {
    background-image:url('../images/banners/mc_thumb_1910.jpg');
    background-position: top 21% center;
}
.the1900s .decade_image {
    background-image:url('../images/banners/mc_thumb_1900.jpg');
    background-position: top 40% center;
}

.matrix-cell.the1970s:hover .decade_image,
.matrix-cell.the1960s:hover .decade_image,
.matrix-cell.the1950s:hover .decade_image,
.matrix-cell.the1940s:hover .decade_image { opacity:0.5; }














/* =================================================== */
/* FOOTER */
/* =================================================== */
.bnd_page_footer.ui.inverted.footer {
    background-color: #111;
    border-bottom: solid 12px #555;
}
.bnd_page_footer_billboard h1 {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1em;
    text-transform: uppercase;
    color: #999;  /* b9a761 */
}

.bnd_page_footer_billboard h3 {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    margin-top: 0;
}
.bnd_page_footer .bnd_divider {
    max-width: 100%;
    height: 1px;
    opacity: 0.5;
    background-color: #888;
}
.bnd_page_footer.ui.inverted.footer ul.site_menu { padding: 30px 10px 20px 20px; }

.bnd_page_footer .user_menu li {
    border-left: solid 1px #666;
    text-transform: uppercase;
    padding: 3px 10px;
    font-size: 0.7em;
    color: #999;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.bnd_page_footer .footer_logo_macleans {
    display: block;
    font-size: 0;
    text-indent: -9999px;
    background-image: url('../images/macleans-logo-white.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 130px auto;
    width: 130px;
    height: 40px;
    margin: 0 auto;
}
.bnd_page_footer .footer_logo_rogersmedia {
    display: block;
    font-size: 0;
    text-indent: -9999px;
    background-image: url('../images/RogersMediaPublishing-logo-white.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 280px auto;
    width: 280px;
    height: 50px;
    margin: 0 auto;
    float: left
}
.bnd_page_footer .footer_meta {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color: #999;
    padding: 30px 10px 60px 10px;
}

.bnd_page_footer .footer_right {
    float: right;
    line-height: 50px;
}
.bnd_page_footer .footer_right a {
    color: #aaa;
    margin: 0 0 0 8px;
}
.bnd_page_footer .footer_right a:hover {
    color: #ddd;
    text-decoration: underline;
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bnd_page_footer .footer_logo_rogersmedia {
        background-size: 260px auto;
        width: 260px;
        height: 44px;
        margin: 0 auto;
        float: none;
    }
    .bnd_page_footer .footer_right {
        float: none;
        line-height: 1;
    }
    .bnd_page_footer .footer_right a {
        margin: 0 5px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 360px) {
}
/* --------------------------------------- */






/* =================================================== */
/* LOGIN */
/* =================================================== */

/* LOGIN PAGE */
.page_login .bnd_login_content {
    background-color: #444;
    background: linear-gradient(rgba(22, 22, 22, 0.5),rgba(11, 11, 11, 0.4)),
    no-repeat center center/cover
    url('../images/macleans-collage.jpg');  /* url('../images/banners/mc_banner_1970.jpg') */
    text-align: center;
}


/* MODAL LOGIN */
.bnd_login { }

.bnd_login_content {
    min-height:70%;
    margin-top:-80px;
    padding-top:calc(60px + 5%);
    padding-bottom: 10px;
}

.bnd_login_content .form_wrapper {
    max-width:520px;
    text-transform: uppercase;
    color:#ddd;
    margin:0 auto;
    background-color:rgba(0,10,10,0.5);
    padding:40px 80px;
}
.bnd_login_content .form_wrapper .ui.form .field { text-transform: none; }
.bnd_login_content .form_wrapper .ui.form .field > label { color: #ddd; }
.bnd_login_content .form_wrapper .ui.form input[type=checkbox] { vertical-align: middle; }

.bnd_login_content .form_wrapper input {
    padding: 15px 10px !important;
    text-align: center;
}
.bnd_login_content .button.bnd_login {
    width:100%;
    background-color: transparent;
    color:#fff;
    text-transform:uppercase;
    font-family: 'franklin-gothic-urw-cond','TradeGothicCond',Helvetica,Arial,sans-serif;
    letter-spacing: 0.2em;
    font-size: 120%;
    padding: 18px;
    font-weight: 500;
    border: solid 2px #fff;
    border-radius: 0;
}
.bnd_login_forgot {
    display:block; text-align:center;
    letter-spacing: 0.1em; font-weight:600;
    color:#aabbcc; font-size:75%;
    margin-top:18px;
}


.bnd_login_forgot:hover { color:#fff; text-decoration: underline}

.bnd_login_content ul.error_list {
    margin: 0 0 13px 0;
    padding: 0;
    list-style: none;
}
.bnd_login_content ul.error_list li {
    color: #fd5;
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: none;
}
.bnd_login_content ul.error_list li a {
    text-decoration: underline;
}

/* loading form */
.bnd_login_content .ui.loading.form:before {
    background: rgba(0,10,10,.5);
}
.bnd_login_content .ui.loading.form:after {
    border-color: #ccc rgba(80,80,80,.4) rgba(0,0,0,.1);
}

/* --------------------------------------- */
@media only screen and (max-width: 439px) {
    .bnd_login_content .form_wrapper { padding: 30px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 360px) {
    .bnd_login_content .form_wrapper { padding: 10px; }
}
/* --------------------------------------- */




/* =================================================== */
/* POPUP SUBSCRIBE MODAL */
/* =================================================== */

.mc_login_iframe {
    border: 0px none !important;
    width: 100%;
    height: 50vh;
    min-height: 600px;
}

/* Hide our modal content (if 3rd party iframe)
.bnd_subscribe_popup.ui.modal .content {
    display: none !important;
    opacity: 0;
}
*/

.ui.dimmer {
    background-color: rgba(228,226,224,0.8);
}
.bnd_subscribe_popup.ui.modal {
    border: 10px solid #fff;
    border-radius: 0px;
}
.bnd_subscribe_popup.ui.modal .content {
    background-color: #222;
    padding:3rem !important;
    border-radius: 0;
}
.bnd_subscribe_popup.ui.modal .content {
    background: linear-gradient(rgba(22, 22, 22, 0.4),rgba(11, 11, 11, 0.4)),
    no-repeat center center/cover
    url('../images/macleans-collage.jpg');  /* url('../images/banners/mc_banner_1970.jpg') */
    text-align: center;
}

.bnd_subscribe_popup.ui.modal .bnd_subscribe_popup_logo {
    position: relative;
    font-size: 0px;
    text-indent: -9999px;
    background-image: url('../images/macleans-archives-logo-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 290px auto;
    width: 290px;
    height: 70px;
    margin: 0px auto 10px auto;
}

.bnd_subscribe_popup.ui.modal a {
    color:#eee;
}
.bnd_subscribe_popup.ui.modal h1 {
    display: inline-block;
    border-top: solid 2px #eee;
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 6.5em;
    color: #b9a761;
    text-transform: uppercase;
    line-height: 1em;
    padding: 10px 0 0 0;
    margin: 6px 0 0 0;
}

.bnd_subscribe_popup.ui.modal .bnd_subscribe_link .bnd_subscribe_info {
    display: block;
    font-family: 'franklin-gothic-urw-cond','TradeGothicCond',Helvetica,Arial,sans-serif;
    font-weight: 300;
    font-size: 1.15em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.75em;
    margin: 0 auto 30px auto;
}
.bnd_subscribe_popup.ui.modal .bnd_subscribe_link .bnd_subscribe_tease {
    display: block;
    text-transform: none;
    letter-spacing: 0.05em;
    font-size: 1.3em;
    padding-top: 10px;
}

.bnd_subscribe_popup.ui.modal .bnd_subscribe_pretease {
    background-color: rgba(0,0,0,0.4);
    padding: 20px 40px;
    margin: 10px 40px;
    font-weight: 300;
    font-size:1em !important;
}
.bnd_subscribe_popup.ui.modal .bnd_subscribe_pretease a {
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;

    background-color: rgba(255,30,30,0.05);
    padding: 3px;
    white-space: nowrap;
}
.bnd_subscribe_popup.ui.modal .bnd_subscribe_pretease a:hover {
    background-color: rgba(255,30,30,0.2);
}



.bnd_subscribe_link.bnd_promobox {
    display:block;
    border: solid 5px #D71722;
    background-color: #D71722;
    padding:1rem;
    text-transform: uppercase;
    text-align: center;
}
.bnd_subscribe_link.bnd_promobox:hover {
    cursor: pointer;
    background-color: #D71722;
}


.bnd_subscribe_link.bnd_promobox h2,
.bnd_subscribe_link.bnd_promobox h3,
.bnd_subscribe_link.bnd_promobox h4 {
    font-family: 'franklin-gothic-urw-cond','TradeGothicCond',Helvetica,Arial,sans-serif;
    margin:0;
    padding:1px 0;
}
.bnd_subscribe_link.bnd_promobox h2 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 2.3em;
    font-weight: 500;
    line-height: 0.9;
}
.bnd_subscribe_link.bnd_promobox:hover h2 { color:#fff; }

.bnd_subscribe_link.bnd_promobox  {
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    margin: 0;
    letter-spacing: .43em;
    font-weight: 500;
}


.bnd_subscribe_link.bnd_promobox h3 {
    font-size:0.9rem;
    letter-spacing: 0.2em;
}
.bnd_subscribe_link.bnd_promobox h4 {
    font-size:0.7rem;
    letter-spacing: 0.3em;
    color: #bbb;
    font-weight: 400;
}


.bnd_login_join_head {
    color: #ddd;
    margin-bottom: 0;
}
.page_login .bnd_login_join,
.bnd_subscribe_popup.ui.modal .bnd_login_join {
    text-transform: uppercase;
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 1.2em;
    color: #fff;
    border: solid 3px #fff;
    display: inline-block;
    clear: both;
    margin: 20px 0px;
    padding: 10px 70px;
    text-decoration: none;
}
.page_login .bnd_login_join,
.bnd_subscribe_popup.ui.modal .bnd_login_content .bnd_login_join {
    background-color: #D71722;
    border-color: #D71722;
}
.page_login .bnd_login_join:hover,
.bnd_subscribe_popup.ui.modal .bnd_login_join:hover {
    color: #fff;
    background-color: #D71722;
    border-color: #D71722;
    cursor: pointer;
}
.page_login .bnd_login_join .smaller,
.bnd_subscribe_popup.ui.modal .bnd_login_join .smaller  {
    font-size:70%;
    display:block;
}
.bnd_subscribe_popup.ui.modal .bnd_login_content .bnd_login_join {
    margin-top: 10px;
}

.bnd_subscribe_popup.ui.modal .bnd_subscribe_ftr {
    color: #aaa;
    font-size: 12px;
}

.bnd_subscribe_popup.ui.modal .bnd_subscribe_ftr span {
    display: block;
    margin: 4px 0;
}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bnd_subscribe_popup.ui.modal {
        width: 80%;
        margin: 0px 0px 0px -40%;
    }

    .bnd_subscribe_popup.ui.modal h1 { font-size:3.3em; }
    .bnd_subscribe_popup.ui.modal .bnd_subscribe_link .bnd_subscribe_info { font-size:1.1rem; }

}
/* --------------------------------------- */
@media only screen and (max-width: 640px) {

    .bnd_subscribe_popup.ui.modal .content { padding:2rem !important; }
    .bnd_subscribe_popup.ui.modal h1 { font-size:3em; }

    .bnd_subscribe_link.bnd_promobox { font-size: 0; }
    .bnd_subscribe_link.bnd_promobox h2,
    .bnd_subscribe_link.bnd_promobox h3,
    .bnd_subscribe_link.bnd_promobox h4 { padding:3px 0; }
    .bnd_subscribe_link.bnd_promobox h2 { font-size: 1.3rem; }
    .bnd_subscribe_link.bnd_promobox h3 { font-size:0.7rem; }
    .bnd_subscribe_link.bnd_promobox h4 { font-size:0.6rem; }


    .bnd_subscribe_popup.ui.modal .bnd_subscribe_popup_logo {
        background-size: 220px auto;
        width: 220px;
        height: 60px;
    }
    .page_login .bnd_login_join,
    .bnd_subscribe_popup.ui.modal .bnd_login_join {
        display: block;
        padding: 15px 20px;
    }
    .bnd_subscribe_popup.ui.modal .bnd_login_join .go_login_desktop_text { display: none; }

}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {
    .bnd_subscribe_popup.ui.modal .bnd_subscribe_popup_logo {
        background-size: 180px auto;
        width: 180px;
        height: 40px;
        margin-bottom: 20px;
    }
    .bnd_subscribe_popup.ui.modal .bnd_subscribe_tease {
        font-size: 1.15em;
    }
    .bnd_subscribe_popup.ui.modal .bnd_subscribe_pretease {
        padding: 30px;
        margin: 10px auto;
    }
    .bnd_subscribe_popup.ui.modal .bnd_subscribe_pretease a {
        white-space: normal;
    }

}
/* --------------------------------------------------- */











/* =================================================== */
/* HOME LANDING SLIDER / FEATURED PAGE SLIDER */
/* =================================================== */

body.page_home { background-color: #09151e; }

#full-width-slider {
  width: 100%;
  color: #000;
}
.fullWidth {
  /* max-width: 1400px; */
  margin:0 auto;
  margin-top: -80px;
  overflow: hidden;
}


.aw-banner-100years {
    position:absolute;
    bottom:11%;
    width:100%;
    height:45%;
    max-height:280px;
    background-color: rgba(0,0,0,0.5);
}
.aw-banner-100years-inner {
    margin:0 auto;
    height:100%;
    width:80%;
    max-width: 750px;
    background-image: url('../images/aw-100years-lockup.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bnd_topic_header_wrapper {
    position:absolute;
    bottom:0;
    width:100%;
    padding:50px 0;
    background-color: rgba(0,0,0,0.5);

    background-color: rgba(36,76,107,0.55);
}
.bnd_topic_header_wrapper  h1 {
    font-family: 'gotham_web';
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: -0.01em;
    color: #fff;
    font-size: 4em;
    line-height:1em;
    margin:0;
}
.bnd_topic_header_wrapper h3 {
    display: inline-block;
    border: solid 2px #c0ac82;
    font-size: 0.9em;
    padding:8px 16px;
    color:#c0ac82 ;
    text-transform: uppercase;
    font-family: 'TradeGothicCond';
    font-weight:normal;
    letter-spacing: 0.2em;

    background-color: rgba(11,16,32,0.6);
}
/* --------------------------------------- */
@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
}
/* --------------------------------------- */
@media screen and (min-width:960px) and (min-height:1000px) {
    .bnd_billboard_tall.heroSlider .rsOverflow,
    .bnd_billboard_tall.royalSlider.heroSlider {
        height: 660px !important;
    }
}
/* --------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 800px) {
    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 450px !important;
    }
    .bnd_topic_header_wrapper  .container { text-align:center; }
    .bnd_topic_header_wrapper  h1 {
        font-size: 3em;
    }
}
/* =================================================== */






/* =================================================== */
/* FEATURED PAGE / MODULE CONTENT PAGES */
/* =================================================== */

.bnd_module_superwrapper.ui.grid {
    margin-top: 20px;
    padding-bottom: 60px; }

.bnd_module_superwrapper .bnd_browseissues {
    padding-bottom:10px;
}

.bnd_module_box {
    clear: both;
    float: none;
    overflow: hidden;
    margin-bottom: 15px;
}
.bnd_module { }


.bnd_module_superwrapper h2.bnd_module_title {
    font-family: 'gotham_web';
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: -0.01em;
    color: #444656;
    font-size: 2.1em;
    line-height:1em;
    padding: 10px 0;
    border-bottom: solid 3px #444656;
}

.bnd_module_button {
    font-family: 'TradeGothicCond';
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.1em;
    color: #444656;
    letter-spacing: 0.01em;
    padding: 8px 14px;
    border: solid 2px #444656;
    float:right;
}
.bnd_module_button:hover {
    color:#fff;
    background-color: #444656;
}


#featured-issues .card .meta {
    font-family: 'TradeGothicBold';
    text-transform: uppercase;
    color: #333;
}
#featured-issues .card .header {
    font-family: 'gotham_web';
    font-weight: 700;
    /* color: #ccc; */
    font-size: 1.2em;
}

#featured-ads .card .meta {
    font-family: 'TradeGothicCond';
    text-transform: uppercase;
    font-size:0.8em;
    letter-spacing: 0.02em;
        color: rgba(0,0,0,.6);
}
#featured-ads .card .header {
    font-family: 'gotham_web';
    font-weight: 700;
    font-size: 1.15em;
    letter-spacing: -0.02em;
}


#article_list.ui.items>.item .meta {
    font-family: 'TradeGothicBold';
    text-transform: uppercase;
    color: #444545;
}
#article_list.ui.items>.item .meta span { border-bottom: solid 2px; }
#article_list.ui.items>.item .meta span.label {
    font-size: 0.25em;
    padding: 3px 8px;
    border: none 0;
    font-weight: 600;
    background-color: #d40;
    color: #fff;
    line-height: 0;
    margin: 0px 6px 2px 0;
    display: inline-block;
}

#article_list.ui.items>.item>.content>.header:not(.ui) {
    font-family: 'gotham_web';
    letter-spacing: -0.02em;
    font-weight: 700;
    margin-top: 0.5em;
    color: #444545;
    line-height: 1.2em;
}
#article_list.ui.items>.item>.content>a.header:hover {
    color: #090909;
    text-decoration: underline;
}
#article_list.ui.items>.item>.content>.description {
    margin-top: 0.1em;
}
#article_list.ui.items>.item .extra {
    color: rgba(0,0,0,.6);
    font-family: 'TradeGothicCond';
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.02em;
}



/* --------------------------------------- */
@media only screen and (min-width: 992px) {
    #article_list.ui.items>.item:nth-of-type(1n+6),
    #featured-issues .card:nth-of-type(1n+4),
    #featured-ads .card:nth-of-type(1n+4) { display: none; }
}


/* --------------------------------------- */
@media only screen and (max-width: 991px) and (min-width: 768px) {
    #article_list.ui.items>.item>.image:not(.ui) { width: 100px; }

    #featured-ads .card .header { font-size: .9em; }

    #article_list.ui.items>.item:nth-of-type(1n+7),
    #featured-issues .card:nth-of-type(1n+7),
    #featured-ads .card:nth-of-type(1n+7) { display: none; }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bnd_module_superwrapper h2.bnd_module_title { text-align:center; }

    #article_list.ui.items>.item>.image, .ui.items>.item>.image>img {
        max-height: 200px!important;
    }
    #article_list.ui.items>.item>.image+.content {
        padding: 1.5em 0 0;
        text-align: center;
        font-size: 110%;
    }
    #article_list.ui.items>.item>.content>.header:not(.ui) { font-size:1.5em; line-height: 1.4em; }

    #featured-ads .card .header { font-size: 1em; }

    #article_list.ui.items>.item:nth-of-type(1n+5),
    #featured-issues .card:nth-of-type(1n+7),
    #featured-ads .card:nth-of-type(1n+7) { display: none; }

}
/* --------------------------------------- */
@media only screen and (max-width: 580px) {

    #featured-ads .card .header { font-size: .9em; }

}
/* --------------------------------------- */
@media only screen and (max-width: 360px) {
}
/* --------------------------------------- */
/* =================================================== */






















/* =================================================== */
/* SEARCH MODULE LAYOUT (Landing) - TEMP */
/* =================================================== */
.modals.dimmer .bnd_search_module.ui.scrolling.modal,
.bnd_search_module.ui {
    margin:0 !important;
}
.bnd_search_module.ui {
    width:100% !important;
    min-height: auto;
    padding: 100px 40px 200px 40px;
    border-radius:0 !important;
    background-color: rgba(27,28,31,0.95); /* #1b1c1d */
    background-color: #09151e;
    background: linear-gradient(rgba(22, 28, 35, 0.95),rgba(44, 44, 50, 0.98)), 
                no-repeat top 40% center/cover url('../images/banners/mc_banner_19730101.jpg');
}

.bnd_search_module form.search_large {
    height: 160px;
    width: 100%;
    position: relative;
    margin-top:-35px;
}

.bnd_search_module input.input_large,
.bnd_search_module button.button_large {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    font-weight: 600;
    font-size: 7em;
    color: #fff;
    letter-spacing: -0.02em;
    border: none;
    background: transparent;
}
.bnd_search_module input.input_large {
    width: 100%;
    height: 100%;
    padding: 0 160px 0 0;
    color: #fff;
}
.bnd_search_module input::-webkit-input-placeholder { color: #eee; }
.bnd_search_module input:-moz-placeholder { /* Firefox 18- */ color: #eee; }
.bnd_search_module input::-moz-placeholder {  /* Firefox 19+ */ color: #eee; }
.bnd_search_module input:-ms-input-placeholder { color: #eee; }


.bnd_search_module button.button_large  {
    position: absolute;
    width: 160px;
    height: 160px;
    overflow: hidden;
    right: 0;
    top: 0;
    border: none;
    color:#ddd;
    height: 2.4em;
}
.bnd_search_module button.button_large:hover { color:#fff; }

.bnd_search_module .popular_searches { }

h3.search_form_head {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 700;
    color:#ccc;
    text-transform: uppercase;
    text-align: left;
    padding: 0;
    margin: 40px 0 15px 0;
    font-size: 1.1em;
}

.bnd_search_module .popular_searches button,
.bnd_search_module .popular_searches a {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 700;
    color:#aaa;
    background-color: rgba(255,255,255,0.06);
    padding:22px 60px;
    border: none;
    font-size: 1.1em;
    line-height: 1em;
    margin: 3px;
    display: inline-block;
}
.bnd_search_module .popular_searches button.button_featured_search {
    background-color: rgba(255,255,255,0.1);
    width:100%;
    font-size: 1.6em;
    padding:26px 60px;
}
.bnd_search_module .popular_searches button:hover {
    color:#fff;
    background-color: rgba(255,255,255,0.2);
}



/* --------------------------------------- */
@media only screen and (max-width: 991px) {

    .bnd_search_module .popular_searches { text-align: center; }

    .bnd_search_module input.input_large,
    .bnd_search_module button.button_large { font-size: 6em; }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bnd_search_module input.input_large { padding: 0 140px 0 0; }
    .bnd_search_module button.button_large { width: 140px; }

    .bnd_search_module input.input_large,
    .bnd_search_module button.button_large { font-size: 5em; }

    .bnd_search_module .popular_searches button,
    .bnd_search_module .popular_searches a { padding:22px 80px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 680px) {
    .bnd_search_module .popular_searches button,
    .bnd_search_module .popular_searches a { width: 100%; padding:22px 50px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 580px) {

    .bnd_search_module .ui.container { margin:0 !important; }

    .bnd_search_module form.search_large { height: 120px; margin-top:-20px; }
    .bnd_search_module input.input_large { padding: 0 80px 0 0; }
    .bnd_search_module button.button_large { width: 80px; height: 120px; }

    .bnd_search_module input.input_large,
    .bnd_search_module button.button_large { font-size: 3.5em; }
}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {

    .bnd_search_module.ui { padding: 15px 30px; }

    h3.search_form_head { font-size:0.95em; }
    h3.search_form_head .icon { display:none; }

    .bnd_search_module form.search_large { height: 80px;}
    .bnd_search_module input.input_large { padding: 0 80px 0 0; }
    .bnd_search_module button.button_large { width: 80px; height: 80px; }

    .bnd_search_module input.input_large,
    .bnd_search_module button.button_large { font-size: 2.8em; }

}
/* --------------------------------------------------- */



/* ---------------------------------------- */
/* SEARCH OVERLAY MENU - needs to stay in main theme css */
/* ---------------------------------------- */
.bnd_search_overlay.ui.modal {
    background-color: #111;
    border-top: solid 10px #dc1b1b;
    background: linear-gradient(rgba(22, 28, 35, 0.95),rgba(44, 44, 50, 0.98)), no-repeat top 40% center/cover url('../images/banners/mc_banner_19730101.jpg')
}
.bnd_search_overlay input.input_large, .bnd_search_overlay button.button_large {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.bnd_search_overlay input::-webkit-input-placeholder { color: #ddd; }
.bnd_search_overlay input:-moz-placeholder { /* Firefox 18- */ color: #ddd; }
.bnd_search_overlay input::-moz-placeholder {  /* Firefox 19+ */ color: #ddd; }
.bnd_search_overlay input:-ms-input-placeholder { color: #ddd; }
.bnd_search_overlay button.button_large {
    color: #ddd;
}

h3.search_form_head {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 500;
    letter-spacing: 0.15em;
    color: #999;
}
.bnd_search_overlay .popular_searches button {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    color: #ddd;
    background-color: rgba(255,255,255,0.15);
    font-weight: 500;
    font-size: 1.3em;
}
.bnd_search_overlay .popular_searches button:hover {
    background-color: rgba(255,255,255,0.3);
}
/* --------------------------------------------------- */









/* ---------------------------------------- */
/* TOC ARTICLE TEXT - OVERLAY MODAL TEXT */
/* ---------------------------------------- */
.ui.modal .content.bndwgt__text  .bndwgt__info h1.bndwgt__headline {
    font-size: 4em;
}
.ui.modal .content.bndwgt__text .bndwgt__info h3.bndwgt__subhead {
    font-family: 'calluna', Georgia, serif;
    font-weight: 300;
    font-style: italic;
    font-size: 40px;
    line-height: 1.3;
    background: transparent;
    color: #222;
    text-transform: none;
    letter-spacing: 0;
}

.bndwgt__info .bndwgt__section, .bndwgt__info .bndwgt__meta {
    font-size: 16px;
}

.ui.modal .content.bndwgt__text,
.ui.modal .content.bndwgt__text p {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'calluna', Georgia, serif;
}
.ui.modal .content.bndwgt__text p:first-of-type { padding-top:12px; }


.ui.modal .content.bndwgt__text .drop,
.ui.modal .content.bndwgt__text p .drop {
    font-family: 'calluna', Georgia, serif;
}

.ui.modal .content.bndwgt__text blockquote,
.ui.modal .content.bndwgt__text blockquote p {
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.15;
}
.ui.modal .content.bndwgt__text blockquote.alternate,
.ui.modal .content.bndwgt__text blockquote.alternate p {
    font-family: 'calluna', Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 46px;
}

.ui.modal .content.bndwgt__text blockquote { padding:3rem; margin: 0.6em 0; }




/* VISUALLY DISABLE SPREAD WIDGET OVERLAY */
.ui.modal .content.bndwgt__text .bndwgt.widget-spread, /* HIDE THE FULL SPREAD WIDGET?? */
.ui.modal .content.bndwgt__text .bndwgt.widget-spread .bndwgt__pgfx-shine.bndwgt__hilite .bndwgt__icon,
.ui.modal .content.bndwgt__text .bndwgt.widget-spread .bndwgt__pagenum_cta {
    opacity: 0 !important;
    display: none !important;
    visibility: hidden !important;
}
.ui.modal .content.bndwgt__text .bndwgt__slide .bndwgt__slide-link {
    cursor: default !important;
}
.ui.modal .content.bndwgt__text .bndwgt__slide:hover .bndwgt__hilite {
    background-color: rgba(255,255,255,0) !important
}

/* Hide 'view pages' button */
/* .bndvwr__btm-bar .bndvwr__button_custom,
.bndwgt__plain_text_outer_header .bndvwr__button_custom, //Viewer 'View Text" button '
.bndwgt__plain_text_closebutton {
    opacity: 0;
}
*/

/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .ui.modal .content.bndwgt__text  .bndwgt__info h1.bndwgt__headline { font-size: 3em; }
    .ui.modal .content.bndwgt__text .bndwgt__info h3.bndwgt__subhead { font-size: 32px; }

    .ui.modal .content.bndwgt__text,
    .ui.modal .content.bndwgt__text p {
        font-size: 20px;
        line-height: 1.5;
    }
    .ui.modal .content.bndwgt__text blockquote,
    .ui.modal .content.bndwgt__text blockquote p { font-size: 42px; }
    .ui.modal .content.bndwgt__text blockquote.alternate,
    .ui.modal .content.bndwgt__text blockquote.alternate p { font-size: 38px; }
}
/* --------------------------------------- */
@media only screen and (max-width: 440px) {
    .ui.modal .content.bndwgt__text  .bndwgt__info h1.bndwgt__headline { font-size: 2.5em; }
    .ui.modal .content.bndwgt__text .bndwgt__info h3.bndwgt__subhead { font-size: 26px; }
    .bndwgt__info .bndwgt__section, .bndwgt__info .bndwgt__meta { font-size: 13px; }

    .ui.modal .content.bndwgt__text,
    .ui.modal .content.bndwgt__text p {
        font-size: 18px;
        line-height: 1.4;
    }
    .ui.modal .content.bndwgt__text blockquote,
    .ui.modal .content.bndwgt__text blockquote p { font-size: 36px; }
    .ui.modal .content.bndwgt__text blockquote.alternate,
    .ui.modal .content.bndwgt__text blockquote.alternate p { font-size: 30px; }


}
/* --------------------------------------- */









/* --------------------------------------- */
/* BOOKMARKS - MACLEAN'S */
/* --------------------------------------- */

.bkm_mdl_content h3.bkm_mdl_header {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    text-transform: uppercase;
}
.bkm_mdl_addnew_wrap h3.bkm_mdl_header {
    font-size: 1.1em;
}
.bkm_mdl_content .ui.input input {
    font-family: 'franklin-gothic-urw', sans-serif;
    font-size: 1.05em;
}
.bkm_mdl_list_wrap ul li {
    font-size: 1em;
    font-family: 'franklin-gothic-urw', sans-serif;
}
.bkm_mdl_addnew_btn.ui.labeled.icon.button {
    font-family: 'franklin-gothic-urw', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    background-color: #eee;
    background-image: none;
    text-transform: uppercase;
    color: #444;
    letter-spacing: 0.02em;
}
.bkm_mdl_manage_link {
    color: #222;
    font-size: 1em;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 500;
}
.bkm_mdl_manage_link:hover {
    color: #222;
    text-decoration: underline;
}
.bkm_mdl_btn_done.ui.button,
.bkm_slide_viewlink.ui.button {
    background-color: #333;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    text-transform: uppercase;;
    font-weight: normal;
    color: #fff;
    font-size: 100%;
    margin-right: 0;
    margin-top: 10px;
}







/* --------------------------------------- */
/* NEW MOBILE STYLE FOR ARTICLES - TESTING */
@media only screen and (max-width: 670px) {
    .article_list_wrapper .ui.grid .bndwgt {
        padding: 15px 30px;
    }
    .article_list_wrapper .bndwgt .bndwgt__slide,
    .article_list_wrapper .bndwgt.featured .bndwgt__slide {
        width: 33%;
        max-width: 33%;
        float: left;
    }
    .multi_article .bndwgt__text_wrapper,
    .bndwgt__text,
    .bndwgt.featured .bndwgt__text,
    .bndwgt.featured:not(.multi_article) .bndwgt__text {
        width: 65%;
        text-align: left;
        padding: 0 0 0 15px;
        float: right;
    }
    .bndwgt.multi_article .bndwgt__text,
    .bndwgt.featured.multi_article .bndwgt__text {
        width: 100%;
        padding: 0 0 15px 0;
        text-align: left;
    }
    .bndwgt__text .tpc_section {
        padding: 2px 7px;
        font-size: 10px;
    }
    .bndwgt__text .tpc_title,
    .featured .bndwgt__text .tpc_title {
        font-size: 1.6em;
        margin-top: 0;
    }
    .multi_article .bndwgt__text .tpc_deck,
    .bndwgt__text .tpc_deck {
        font-size: 15px;
        margin-bottom: 0;
    }
    .bndwgt__text .toc_item__byline {
        font-size: 0.8em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {
    .multi_article .bndwgt__text_wrapper,
    .bndwgt__text,
    .bndwgt.featured .bndwgt__text,
    .bndwgt.featured:not(.multi_article) .bndwgt__text {
        padding: 0 0 0 10px;
    }
    .multi_article .bndwgt__text .tpc_deck,
    .bndwgt__text .tpc_deck {
        display: none;
    }

    .bndwgt__text .bndwgt_article_trigger { height:30px; }
}
/* --------------------------------------- */
















/* ---------------------------------------- */
/* SINGLE ARTICLE PAGES */
/* ---------------------------------------- */
.bnd_artpg_hero_wrap {
    border-bottom: solid 8px #99999a;
}

/* ---------------------------------------- */
/* STICKY ARTICLE HEADER */
/* ---------------------------------------- */
.bnd_artpg_fixedhead h3.bndwgt__headline {
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    font-size: 1.7em;
}
.bnd_artpg_fixedhead h3.bndwgt__headline .bndwgt__meta {
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.2em;
}
.bnd_artpg_fixedhead h3.bndwgt__headline .bndwgt__meta .bndwgt__author {
    font-weight: 600;
}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {

}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bnd_artpg_fixedhead h3.bndwgt__headline {
        font-size: 1.4em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 680px) {

}
/* ---------------------------------------- */
/* ---------------------------------------- */




/* ---------------------------------------- */
/* READING PROGRESS/POSITION INDICATOR */
/* ---------------------------------------- */
.read_progress_wrap {
    background-color: #f9f9f9;
}
.read_progress {
    background-color: #dd2229;
}
/* ---------------------------------------- */







/* SINGLE ARTICLE - Top of Page content */
.page_article .bndwgt__info .bndwgt__section {
    font-family: 'museo-sans-condensed', 'TradeGothicBold', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    display: inline-block;
    margin: 0 0 10px 0;
    background: none;
    color: #222;
}
.page_article .bnd_artpg_hero_wrap .bndwgt__info .bndwgt__section {
    color: #fff;
    border-bottom-color: #fff;
}
.page_article .bnd_artpg_hero_wrap .bndwgt__info h3.bndwgt__subhead {
    display: none;
    height: 0;
    overflow: hidden;
}






/* content */
.page_article .bndwgt__info .bndwgt__section {
    /*font-family: 'pt-sans-narrow', 'TradeGothicCond',sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    display: inline-block;
    margin: 0 0 10px 0;
    padding:0 0 10px 0;
    background: none;
    color: #222;
    border-bottom: solid 2px rgb(166, 5, 5);*/
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
    letter-spacing: 0.2em;
    background-color: #9999a7;
    color: #fff;
    border: none 0;
    margin: 0;
    padding: 3px 10px;
    font-size: 14px;
}
.page_article .bnd_artpg_hero_wrap .bndwgt__info .bndwgt__section {
    color: #fff;
}


.bndwgt__info .bndwgt__meta  {

}

body.page_article .bnd_article_cta a.user_login {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    letter-spacing: 0.07em;
    font-weight: 500;
}
















/* ---------------------------------------- */
/* SINGLE ARTICLE SIDEBAR / SUBSTORY */
/* ---------------------------------------- */

.sbar_cover h4 {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    background-color: #dd2229;
}
.sbar_cover:hover h4 {
    background-color: #E75859;
}

h1.sbar_module_title {
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 200;
    color: #82828e;
    letter-spacing: 0.05em;
}


ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_title {
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25em;
    margin: 7px 0;
    color: #222;
}

ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_date, 
ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_byline {
    font-size: 11px;
}
ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_byline {
    font-family: Georgia;
    text-transform: capitalize;
    font-style: italic,
}
ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_byline span {
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    text-transform: uppercase;
    color: #444;
    letter-spacing: 0.15em
}

ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_date {
    text-transform: uppercase;
    color: #222;
    letter-spacing: 0.08em;
}


.article_substory ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_date {
    font-weight: 400;
}
.article_substory ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_title {
    font-size: 1.6em;
    margin: 13px 0 5px 0;
}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .article_substory ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_title {
        font-size: 1.3em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .article_substory ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_title {
        font-size: 1.2em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 680px) {
    ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_title {
        font-size: 1.45em;
    }
    ul.storypage--sidebar_list li.bndwgt .topFeatureText .tpc_date {
        font-size: 12px;
        font-weight: 400;
    }
}


/* --------------------------------------- */
/* ---------------------------------------- */

















/* SINGLE ARTICLE CTA */

/* SHARED ARTICLE HEADER / FOOTER */
body.page_shared .user_menu_wrapper {
    background-color: #eee;
    border-bottom: solid 1px #484951;
    color: #333;
}
body.page_shared .user_menu_wrapper li a {
    color: #333;
}
body.page_shared .user_menu_wrapper li a:hover {
    color: #000;
}
body.page_shared .user_menu_wrapper .promohead {
    float: left;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'museo-sans-condensed', 'TradeGothicBold', sans-serif;
    font-size: 12px;
    letter-spacing: 0.15em;
}
body.page_shared .user_menu_wrapper .promohead span {
    font-weight: 600;
    color: #999;
    padding: 4px 8px;
    border-left: solid 1px #aaa;
    margin-left: 4px;
}

body.page_shared #main-header .menunav {
    display: none !important;
    opacity: 0 !important;
}
body.page_shared .bnd_page_footer.ui.inverted.footer {
    margin-bottom: 170px;
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {

}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {

}
/* --------------------------------------- */
@media only screen and (max-width: 680px) {
    body.page_shared .user_menu_wrapper .promohead {
        display: none;
        opacity: 0;
        height: 0;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {
}
/* ---------------------------------------- */
/* ---------------------------------------- */




/* SHARED ARTICLE SIDEBAR CTA */
.shared_sidebar_cta {

}

.shared_sidebar_cta {
    background-color: rgba(0,0,0,0.95);
    background: linear-gradient(rgba(30, 30, 40, 0.5),rgba(30, 30, 40, 0.7)),
                no-repeat center center/cover
                url('../images/macleans-collage.jpg');
    color: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.shared_sidebar_cta h3.promohead {
    padding: 20px 0 20px 0;
    margin: 0 auto;
    font-family: 'TradeGothicCond', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 23px;
    line-height: 1.3;
}
.shared_sidebar_cta h3.promohead.promologo {
    background-image: url('../images/macleans-logo-white.png');
    background-position: 50% 8px;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 70px 0 20px 0;
}
.shared_sidebar_cta h3.promohead a {
    color: #ff3740;
    white-space: nowrap;
    font-weight: 600;
}
.shared_sidebar_cta h3.promohead span.promodeck {
    display: block;
    letter-spacing: 0.15em;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 100;

    border-top: solid 1px #777;
    border-bottom: solid 1px #777;
    padding: 15px;
    margin-top: 11px;
}
.shared_sidebar_cta h3.promohead span strong {
    font-weight: 600;
}
.shared_sidebar_cta h3.promohead span.promodeck .wider {
    white-space: nowrap;
    padding: 0 15px;
}
.shared_sidebar_cta ul {
    margin: 0;
    padding: 0 15px 30px 15px;
    list-style: none;;
    text-align: center;
}
.shared_sidebar_cta ul li {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    line-height: 1.2;
    padding: 10px 0;
    border-bottom: dotted 1px #664433;
    font-weight: 300;
    letter-spacing: 0.06em;
    font-size: 0.95em;
    color: #ddd;
}




/* SHARED ARTICLE SUBSTORY CTA */
.shared_substory_cta {

}
.shared_substory_cta h3.promohead {
    padding: 0;
    margin: 0 auto 20px auto;
    font-family: 'Calluna';
    font-weight: 400;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    color: #222;
}
.shared_substory_cta h3.promohead a {
    color: #ff3f00;
    white-space: nowrap;
}
.shared_substory_cta h3.promohead span.promodeck {
    display: block;
    letter-spacing: 0.15em;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 100;
    border-top: solid 1px #444;
    padding: 20px;
    margin-top: 30px;
}
.shared_substory_cta h3.promohead span strong {
    font-weight: 600;
}
.shared_substory_cta h3.promohead span.promodeck .wider {
    padding: 0 15px;
}
/* for sidebar */
.bondi_article_sidebar .shared_substory_cta {
    background-color: #d8e1e2; /* beige #efebe2; */
}
.bondi_article_sidebar .shared_substory_cta h3.promohead {
    background-image: url('../images/macleans-logo-white.png');
    background-position: 50% 38px;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 106px 30px 38px 30px;
    font-size: 24px;
    line-height: 1.1;
}
.bondi_article_sidebar .shared_substory_cta h3.promohead a {
    line-height: 2;
    display: block;
}
.shared_substory_cta h3.promohead span.promodeck {
    margin-top: 10px;
    border-bottom: solid 1px #444;
}



.shared_substory_cta.only-mobile {
    display: none;
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .shared_substory_cta.only-mobile {
        display: block;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .shared_substory_cta.only-mobile span strong {
        white-space: nowrap;
    }
}
/* --------------------------------------- */


/* HIDE SIDEBAR ELEMENTS IF LOGGE DOUT */
body.logged_out .bondi_article_sidebar .sbar_module_wrap.related_like,
body.logged_out .bondi_article_sidebar .sbar_module_wrap.related_author {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    height: 0;
}













/* --------------------------------------- */
/* SHARED ARTICLE CTA */
/* --------------------------------------- */

.cta_inner {
    max-width: 1310px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 20px;
}

.shared_footer_cta_basic {
    width: 100%;
    height: 44px;
    line-height: 44px;
    position: fixed;
    bottom: 0;
    font-family: 'TradeGothicCond',Helvetica,Arial,sans-serif;
    font-weight: 200;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background-color: #515156; /*  bluegray #515156 #33333f */
    color: #fff;
    padding: 0;
    text-align: center;
}
.shared_footer_cta_basic .cta_inner {
    padding: 0 40px 0 20px;
}
.shared_footer_cta_basic .bkd_bunny {
    width: 100%;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 200px;
    opacity: 0.15;
}

.shared_footer_cta_basic .cta_basic_content {
    position: relative;
    z-index: 10;
}
.shared_footer_cta_basic strong {
    font-weight: 600;
}
.shared_footer_cta_basic span.link {
    background-color: #dd2229;
    color: #fff;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 0;
    margin-left: 5px;
}
.shared_footer_cta_basic .user_login,
.shared_footer_cta_basic span.link {
    cursor: pointer;
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .shared_footer_cta_basic span.hider {
        display: none;
    }
}
/* --------------------------------------- */



/* PRIMARY LOWER CTA */
.shared_footer_cta_primary {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;

    width: 100%;
    height: 180px;

    margin-left: 0;
    background-color: rgba(0,0,0,0.95);
    background: linear-gradient(rgba(30, 30, 40, 0.95),rgba(30, 30, 40, 0.7)),
                no-repeat top 45% center/cover
                url('../images/macleans-collage.jpg');
    color: #fff;

    padding: 0;
    /* box-shadow: 0 0px 30px rgba(0,0,0,0.4); */


}
.shared_footer_cta_primary h3.promohead {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 40px 20px 15px 20px;
    margin: 0 auto 20px auto;
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 30px;
    line-height: 1.1;
}
.shared_footer_cta_primary h3.promohead a {
    background-color: #dd2229;
    color: #fff;
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    letter-spacing: 0;
    font-size: 70%;
    padding: 6px 13px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}
.shared_footer_cta_primary h3.promohead span.promodeck {
    display: block;
    letter-spacing: 0.1em;
    font-family: 'franklin-gothic-urw-comp','TradeGothicCond',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    font-weight: 200;

    border-top: solid 1px #777;
    padding: 12px;
    margin-top: 11px;
}
.shared_footer_cta_primary h3.promohead span strong {
    font-weight: 600;
}
.shared_footer_cta_primary h3.promohead span.promodeck .wider {
    white-space: nowrap;
    padding: 0 15px;
}




.shared_footer_cta_secondary {
    width: 200px;
    height: 0;
    display: none;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    opacity: 0.9;
    color: #fff;
    font-family: 'museo-sans-condensed', 'TradeGothicBold', sans-serif;
    background-color: #ff3f00;
}



/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .shared_footer_cta_primary h3.promohead {
        font-size: 27px;
    }
    .shared_footer_cta_primary h3.promohead span.promodeck {
        font-size: 12px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .shared_footer_cta_primary h3.promohead {
        font-size: 24px;
    }
    .shared_footer_cta_primary h3.promohead span.promodeck {
        font-size: 11px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 680px) {

    .shared_footer_cta_primary h3.promohead span.promodeck .wider {
        display: none;
    }

}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {
    .shared_footer_cta_primary {
        height: 160px;
    }
    .shared_footer_cta_primary h3.promohead {
        font-size: 20px;
        line-height: 1.2;
    }
    .shared_footer_cta_primary h3.promohead span.promodeck {
        display: none;
    }
}
/* ---------------------------------------- */
/* ---------------------------------------- */


/* ---------------------------------------- */
/* LOWER CTA VIEWER VERSION */
/* ---------------------------------------- */
.shared_footer_cta_primary.bndvwr_cta {
    display: block;
    position: absolute;;
    bottom: unset;
    left: 0;
    z-index: 0;
    height: 150px;
    box-shadow: 0 0px 30px rgba(0,0,0,0.4);
}
#freeIssueCTA.shared_footer_cta_primary.bndvwr_cta {
    top: -195px;
}
.bndvwr__thumbstrip.viewing_thumbs #freeIssueCTA.shared_footer_cta_primary.bndvwr_cta  {
    top: -150px;
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    #freeIssueCTA.shared_footer_cta_primary.bndvwr_cta h3.promohead span.promodeck {
        display: none;
    }
}
/* ---------------------------------------- */










































.bnd_landing_slider {
    width: 100%;
    margin-top: -80px;
}
.bnd_landing_slider .bnd_slide {
    width: 100%;
}


/* ---------------------------------------- */
/* (alpha version) LANDING PAGE */
/* ---------------------------------------- */
.royalSlider {
    width: 100%;
    height: 1075px;
    margin-top: -80px;
}
.rsOverflow {
    width: 100%;
    height: 100%;
}

.rsDefault .rsBullets {
    background: transparent;
}

@media only screen and (max-width: 1200px) {
    .royalSlider {
        height: 960px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .royalSlider {
        height: 800px;
    }
}

@media only screen and (max-width: 767px) {
    .royalSlider {
        height: 710px;
    }
}

@media only screen and (max-width: 439px) {
    .royalSlider {
        height: 690px;
    }
}








.bnd_landing_slider .bndwgt__issuepage_top {
    z-index: 4500;
    position: relative;
    margin-top: -70px;
}

@media only screen and (min-width: 991px) {
    .bnd_landing_slider .bndwgt__issuepage_top.ui.two.column .column.lefter {
        width: 35%;
    }
    .bnd_landing_slider .bndwgt__issuepage_top.ui.two.column .column.righter {
        width: 65%;
    }
    .bnd_landing_slider .bndwgt__issuepage_top_wrapper .bndwgt {
        padding: 17px 0;
    }
    .bnd_landing_slider .bndwgt__issuepage_top_wrapper .bndwgt__slide {
        width: 170px;
        max-width: 170px;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .bnd_landing_slider .bndwgt__issuepage_top_wrapper .bndwgt__slide {
        width: 130px;
        min-width: 130px;
    }
}

@media only screen and (max-width: 439px) {

    .bnd_landing_slider .bndwgt__issuepage_top.ui.two.column .column.lefter {
        width: 70% !important;
        margin: 0 auto !important;
    }
}


.bnd_landing_slider .bndwgt__issuepage_top .button.red {
    background-color: #d02525;
    border: solid 2px #fff;
}
.bnd_landing_slider .bndwgt__issuepage_top .button.gold {
    background-color: #A6816E;
    border: solid 2px #fff;
}


.landing_featured_issues {
    width: 100%;
    max-width: 1400px;
    margin: 10px auto 60px auto;
    overflow: hidden;
}
.landing_featured_issues a {
    position: relative;
    display: block;
    width: 24.5%;
    margin: 0.25%;
    float: left;
    line-height: 0;
    text-decoration: none;
    font-size: 0;
}
.landing_featured_issues a:hover {
    /* opacity: 0.6; */
}
.landing_featured_issues a img {
    background-size: cover;
    width: 100%;
}

.landing_featured_issues a.row2 {
    width: 12%;
}
.landing_featured_issues a.row2:nth-child(5) {
    clear: both !important;
}
/* --------------------------------------- */
@media only screen and (max-width: 640px) {
    .landing_featured_issues a {
        width: 49%;
    }
    .landing_featured_issues a.row2 {
        width: 24%;
    }
}
/* --------------------------------------- */

















/* --------------------------------------- */
/* BEGIN LANDING PAGE */
/* --------------------------------------- */
.lndg_carousel_allwrap {
    width: 100%;
    margin-top: -80px;
    padding-top: 90px;
    background-color: #222;
}

.lndg_carousel_allwrap_bkd {
    position: absolute;
    top: 0;
    width: 100%;
    height: 500px;

    background: linear-gradient(rgba(22, 30, 37, 0.5),rgba(44, 50, 55, 0.2)),
    no-repeat top 38% center/cover
    url('../images/banners/mc_banner_1960.jpg');
}
body.page_home .lndg_carousel_allwrap_bkd {
    background: linear-gradient(rgba(22, 30, 37, 0.5),rgba(44, 50, 55, 0.2)),
    no-repeat top 38% center/cover
    url('../images/banners/mc_banner_1960.jpg');
}

body.bkm_page.bkm_landing .lndg_carousel_allwrap_bkd,
body.bkm_single_collection_page .lndg_carousel_allwrap_bkd {
    position: absolute;
    top: 0;
    width: 100%;
    height: 500px;

    background: linear-gradient(rgba(22, 30, 37, 0.5),rgba(44, 50, 55, 0.2)),
    no-repeat top 15% left 50%/cover
    url('../images/banners/vogue_archive_banner_4_1200.jpg');
}



/* --------------------------------------- */
@media only screen and (max-width: 1100px) {
    .lndg_carousel_allwrap_bkd {
        height: 420px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    /* .lndg_carousel_allwrap_bkd {
        height: 360px;
    } */
}
/* --------------------------------------- */
@media only screen and (max-width: 540px) {
    /* .lndg_carousel_allwrap_bkd {
        height: 300px;
    } */
}





/* --------------------------------------- */
/* LANDING SLIDER COVER STRIP */
/* --------------------------------------- */
.lndg_carousel_strip {
    padding: 4px 0;
    background-color: rgba(255,255,255,0.95);
    overflow: hidden;
    position: relative;

    /* interesting
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    */
}
.lndg_carousel_strip .strip_cell {
    height: auto;
    width: auto; /* 140px */
    padding: 4px;
    margin: 0;
    font-size: 0;
    line-height: 0;
    border: none;
    position: absolute;
    top: 0;
}
.lndg_carousel_strip .strip_cell img {
    width: auto;
    height: 180px;
    background-size: 100% 100%;
    margin: 0;
}

.lndg_carousel_strip .strip_cell.is-nav-selected {
    background: #fff;
    opacity: 1;
}
.lndg_carousel_strip .strip_cell.is-nav-selected img {
    opacity: 0.9;
}

.lndg_carousel_strip .strip_cell_label {
    position: absolute;
    display: block;
    z-index: 2;
    bottom: 4px;
    background-color: red;
    color: #fff;
    width: calc(100% - 8px);
    padding: 5px;
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 12px;
}
.lndg_carousel_strip .strip_cell_label.latest {
}

/* --------------------------------------- */
@media only screen and (max-width: 1500px) {
    .lndg_carousel_strip .strip_cell {
        width: auto;
    }
    .lndg_carousel_strip .strip_cell img {
        height: 180px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 1100px) {
    .lndg_carousel_strip .strip_cell {
        width: auto;
    }
    .lndg_carousel_strip .strip_cell img {
        height: 160px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .lndg_carousel_strip .strip_cell {
        width: auto;
    }
    .lndg_carousel_strip .strip_cell img {
        height: 140px;
    }
    .lndg_carousel_strip .strip_cell_label {
        padding: 4px;
        font-size: 11px;
        line-height: 11px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .lndg_carousel_strip .strip_cell {
        width: auto;
    }
    .lndg_carousel_strip .strip_cell img {
        height: 120px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 540px) {
    .lndg_carousel_strip .strip_cell {
        padding: 2px;
        width: auto;
    }
    .lndg_carousel_strip .strip_cell img {
        height: 100px;
    }
    .lndg_carousel_strip .strip_cell_label {
        bottom: 2px;
        width: calc(100% - 4px);
        padding: 4px;
        font-size: 10px;
        line-height: 10px;
    }
}

/* --------------------------------------- */
@media only screen and (max-width: 380px) {
    .lndg_carousel_strip .strip_cell {
        width: auto;
    }
    .lndg_carousel_strip .strip_cell img {
        height: 90px;
    }
    .lndg_carousel_strip .strip_cell_label {
        padding: 3px;
        font-size: 9px;
        line-height: 9px;
    }
}
/* --------------------------------------- */
/* --------------------------------------- */










/* --------------------------------------- */
/* LANDING SLIDER MAIN */
/* --------------------------------------- */
.lndg_carousel_main {
    position: relative;
    overflow: hidden;
    background-color: #FAFAFA;
    /* margin-bottom: 40px; */
}

.lndg_carousel_main .main_cell {
    position: absolute;
    top: 0;
    width: 75%;
    min-width: 600px;
    max-width: 1200px;
    margin: 0;
    background-color: #eee;
    padding-bottom: 30px;
}

.lndg_carousel_main .main_cell:not(.is-selected) {
    opacity: 0.5;
    pointer-events: none;
    /*
    -webkit-filter: blur(4px);
    filter: blur(4px); */
}
.lndg_carousel_main .main_cell.is-selected {
    background-color: #fff;
    opacity: 1;
}



/* --------------------------------------- */
@media only screen and (min-width: 1500px) {
    .lndg_carousel_main .main_cell {
        width: 60%;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .lndg_carousel_main .main_cell {
        width: 100%;
        min-width: 100%;
    }
}






/* CUSTOM SLIDES */
.main_cell_bkd {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
/*    border-top: solid 10px #cca676; */
}

.main_cell.brand_slide {
    max-width: 100%;
}

.main_cell.cell_fullwidth {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
}




.lndg_carousel_main .main_cell.cell_headline {
    background-color: transparent;
}
.main_cell.cell_headline .landing__headline_box {
    color: #fff;
    background-color: transparent;
}
.main_cell.cell_headline .landing__headline_box.inverted {
    background-color: #fff;
    color: #111;
}

.main_cell.cell_headline .bndwgt {
    width: 60%;
    max-width: 400px;
    margin: 0 auto;

}
.main_cell.cell_fullwidth .bndwgt__slide {
    float: none;
    width: 400px;
    max-width: 400px;
    margin: 0 5px;
    margin-bottom: 30px !important;

    border-bottom: 0 none;
}





/* promo button */
.main_cell .ui.button,
.landing__headline_box .ui.button,

.bndvwr__top-bar .ui.button {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    font-weight: 200;
    letter-spacing: 0.05em;
    border-radius: 0;
    margin-top: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.3em;
}

.landing__headline_box .ui.button,
.bndvwr__top-bar .ui.button  {
    display: inline-block;
    width: auto;
}
.bndvwr__top-bar .ui.button {
    float: right;
    margin-top: 0;
}
.main_cell.cell_headline .ui.button  {
    display: block;
    max-width: 60%;
    margin: 40px auto;
}


.main_cell .ui.button.red,
.landing__headline_box .ui.button.red {
    background-color: #d02525;
    border: solid 2px #fff;
}
.main_cell .ui.button.red:hover,
.landing__headline_box .ui.button.red:hover {
    background-color: #ec2929;
}
.main_cell .ui.button.gold,
.landing__headline_box .ui.button.gold,

.bndvwr__top-bar .ui.button.gold{
    background-color: #55555d;
    border: solid 2px #fff;
}
.main_cell .ui.button.gold:hover,
.landing__headline_box .ui.button.gold:hover {
    background-color: #dd2229;
}

.bndvwr__top-bar .ui.button.gold:hover {
    background-color: #cca28d;
}







/* --------------------------------------- */
/* LANDING SLIDE CONTENT */
/* --------------------------------------- */


/* MAIN HEADLNE BOX */
.landing__headline_box {
    position:relative;

    width:100%;
    text-align:center;

    padding: 100px 30px;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    margin-top: -30px;
}

.page_issue .landing__headline_box {
    position: relative;
    z-index: 0;
    width: 100%;
    text-align: center;
    padding: 100px 30px 270px 30px;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    margin-top: -110px;
}
.landing__headline_box.promo_footer {
    background-color: #FFF;
    padding: 100px 30px;
    margin-top: 0;
    clear: both;
    float: none;
}
.landing__headline_box.search_module {
    padding: 100px 30px;
    background-color: transparent;
    margin-top: 0;
    z-index: 0;
}

.bndwgt__plain_text_wrapper .landing__headline_box  {
    padding: 0 30px 80px 30px;
    margin-top: 0;
}


.main_cell .landing__headline_box {
    background-color: rgba(0,0,0,0.3) ;
    color: #fff;

    margin-top: 0;
    padding: 80px 30px;
}


.landing__headline_box.page_top_head {
    color: #fff;
    background-color: transparent;
    padding: 30px 30px;
}



.landing__headline_box h1,
.landing__headline_box h2 {
    font-family: 'franklin-gothic-urw-cond', 'TradeGothicCond', sans-serif;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.landing__headline_box h1 {
    font-size: 6.5em;
    letter-spacing: -0.01em;
}
.landing__headline_box h2 {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.35em;
}

.landing__headline_box a,
.landing__headline_box h1 span ,
.landing__headline_box h2 span {
    color: #f0d299;
}

.landing__headline_box h3 {
    font-family: 'Savoy', serif;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-size: 18px;
    width: 80%;
    max-width: 1180px;
    margin: 30px auto 20px auto;
}

.landing__headline_box h3.headline_info {
    letter-spacing: 0.1em;
    max-width: 80%;
    margin: 20px auto;
    border-top: solid 1px #555;
    border-bottom: solid 1px #666;
    background-color: rgba(0,0,0,0.5);
    padding: 19px;
}

.landing__headline_box h3.head_top {
    background-image: url('../images/bunny-icon.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding: 50px 0 30px 0;
    border-bottom: solid 1px #fff;
    max-width: 70%;
    margin: -30px auto 20px auto;
}



@media only screen and (max-width: 1100px) {
    .landing__headline_box h1 {
        font-size: 5em;
    }
    .landing__headline_box h2 {
        font-size: 22px;
    }
    .landing__headline_box h3 {
        font-size: 17px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .landing__headline_box h1 {
        font-size: 56px;
    }
    .landing__headline_box h2 {
        font-size: 20px;
    }
    .landing__headline_box h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .landing__headline_box.search_module {
        padding: 60px 30px;
    }
    .landing__headline_box h1 {
        font-size: 48px;
    }
    .landing__headline_box h2 {
        font-size: 18px;
    }
    .landing__headline_box h3 {
        display: none;
        font-size: 14px;
        letter-spacing: 0.2em;
    }
}

@media only screen and (max-width: 439px) {
    .landing__headline_box {
        padding: 80px 30px 80px 30px;
    }
    .landing__headline_box.search_module {
        padding: 50px 20px;
    }
    .landing__headline_box h1 {
        font-size: 30px;
    }
    .landing__headline_box h2 {
        font-size: 13px;
        margin-top: 5px;
    }
    .landing__headline_box h3 {
        display: none;
        font-size: 12px;
        margin: 20px 0 0 0;
    }
}









/* SLIDER ISSUE CONTENTS */
.lndg_slide_hdr {
    display: none;

    width: 100%;
    padding: 20px;
    background-color: #ceb493; /* #cca676 */
    border-top: solid 10px #000;
}

.lndg_slide_hdr h1 {
    font-family: 'RabbitSlab', Georgia, serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}
.lndg_slide_hdr h1 span {
    font-family: 'museo-sans-condensed';
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-size: 18px;
    margin-left: 20px;
}
.lndg_slide_hdr h1 span.label {
    font-family: 'museo-sans-condensed';
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-size: 18px;
    margin-right: 20px;

    background-color: rgba(0,0,0,0.2);
    color: #fff;
    padding: 5px 20px
}





/* MAIN COLUMNS */
.lndg_slide_col {
    float: left;
    padding: 20px;
}
.lndg_slide_col.coverbox {
    width: 35%;
}
.lndg_slide_col.contentbox {
    width: 65%;
    padding-left: 0;
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {

}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {

}
/* --------------------------------------- */
@media only screen and (max-width: 540px) {

}

/* --------------------------------------- */
@media only screen and (max-width: 480px) {
    .lndg_slide_col {
        float: none;
    }
    .lndg_slide_col.coverbox {
        width: 100%;
        padding-bottom: 0;
    }
    .lndg_slide_col.contentbox {
        width: 100%;
        padding-left: 20px;
    }


    .flickity-prev-next-button {
        display: none;
    }
}
/* --------------------------------------- */
/* --------------------------------------- */





.covers_module_wrapper {
    background-color: #fff;
}

.lndg_slide_col .bndwgt__issuecover_main_wrapper {
    position: relative;
    line-height: 0;
}
.lndg_slide_col .bndwgt__issuecover_main {
    border: none 0;
}




/* Cover Image and Cover Overlay */
.bndwgt__issuecover_main_wrapper .coverbox_overlay,
.landing_featured_issues a .coverbox_overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40,50,60,0.75);
    overflow: hidden;
    display: block;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25em;
    color: #fff;
    line-height: 1;
    font-size: 18px;
    font-weight: 100;
    padding-top: 56%;
}
.bndwgt__issuecover_main_wrapper .coverbox_overlay span,
.landing_featured_issues a .coverbox_overlay span {
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    font-size: 44px;
    display: block;
    letter-spacing: 0.02em;
    margin-right: 6px;
    padding-top: 2px;
}
.bndwgt__issuecover_main_wrapper .coverbox_overlay b,
.landing_featured_issues a .coverbox_overlay b {
    display: none;
    opacity: 0;
}
.bndwgt__issuecover_main_wrapper .coverbox_overlay:hover,
.landing_featured_issues a:hover .coverbox_overlay {
    opacity: 1;
}

.landing_featured_issues a.row2 .coverbox_overlay {
    font-size: 12px;
}
.landing_featured_issues a.row2 .coverbox_overlay span {
    font-size: 30px;
}

/* --------------------------------------- */
@media only screen and (max-width: 1100px) {
    .bndwgt__issuecover_main_wrapper .coverbox_overlay {
        font-size: 14px;
    }
    .bndwgt__issuecover_main_wrapper .coverbox_overlay span {
        font-size: 36px;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bndwgt__issuecover_main_wrapper .coverbox_overlay {
        font-size: 12px;
    }
    .bndwgt__issuecover_main_wrapper .coverbox_overlay span {
        font-size: 26px;
        margin-right: 5px;
    }
    .landing_featured_issues a.row2 .coverbox_overlay {
        font-size: 10px;
    }
    .landing_featured_issues a.row2 .coverbox_overlay span {
        font-size: 20px;
    }
}

/* --------------------------------------- */
@media only screen and (max-width: 480px) {

    .lndg_slide_col .bndwgt__issuecover_main_wrapper {
        width: 50%;
    }

    .bndwgt__issuecover_main_wrapper .coverbox_overlay {
        background-color: rgba(85, 85, 92, 0.75);
        opacity: 1;
        left: 100%;
    }
}
/* --------------------------------------- */




.lndg_slide_col .lndg_slide_label {
    position: absolute;
    display: block;
    z-index: 2;
    bottom: 4px;
    background-color: red;
    color: #fff;
    width: calc(100% - 8px);
    padding: 5px;
    font-family: 'museo-sans-condensed', 'TradeGothicCond', sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 12px;
}




.lndg_slide_col ul.lndg_slide_article_list {
    width: 100%;
    padding: 0;
    margin: 0;
}
.lndg_slide_col ul.lndg_slide_article_list li {
    list-style: none;
    margin: 0;
    overflow: hidden;

    padding: 10px 0;
    border-bottom: dotted 1px #aaa;
}
.lndg_slide_col ul.lndg_slide_article_list li:first-child {
    border-top: dotted 1px #aaa;
}

.lndg_slide_col ul.lndg_slide_article_list li .topFeatureText {
    width: 60%;
}



.lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide {
    margin: 5px;
    margin-bottom: 5px !important;
}
.lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide,
.lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide img {
    max-width: 150px;
    min-width: 150px;
    height: auto;
}

.lndg_slide_col ul.lndg_slide_article_list .tpc_title {
    font-family: 'franklin-gothic-urw-comp', 'TradeGothicCond', sans-serif;
    font-size: 1.7em;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #222;
    margin: 10px 0 5px 0;
}

.lndg_slide_col ul.lndg_slide_article_list .topFeatureText .tpc_byline {
    color: #555;
}
.lndg_slide_col ul.lndg_slide_article_list .topFeatureText .tpc_byline .author {
    font-weight: 400;
    font-size: 92%;
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}


/* --------------------------------------- */
@media only screen and (min-width: 1500px) {
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide,
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide img {
        max-width: 170px;
        min-width: 170px;
    }
    .lndg_slide_col ul.lndg_slide_article_list .tpc_title {
        font-size: 1.8em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 1100px) {
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide,
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide img {
        max-width: 140px;
        min-width: 140px;
    }
    .lndg_slide_col ul.lndg_slide_article_list .tpc_title {
        font-size: 1.5em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 991px) {
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide,
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide img {
        max-width: 130px;
        min-width: 130px;
    }
    .lndg_slide_col ul.lndg_slide_article_list .tpc_title {
        font-size: 1.4em;
    }
    .lndg_slide_col ul.lndg_slide_article_list h3 {
        font-size: 0.7em;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide,
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide img {
        max-width: 110px;
        min-width: 110px;
    }

    .lndg_slide_col ul.lndg_slide_article_list li .topFeatureText {
        width: 56%;
    }
    .lndg_slide_col ul.lndg_slide_article_list .tpc_title {
        font-size: 1.1em;
    }

    .lndg_slide_col ul.lndg_slide_article_list h4 {
        display: none;
    }
}
/* --------------------------------------- */
@media only screen and (max-width: 480px) {

}
/* --------------------------------------- */
@media only screen and (max-width: 439px) {
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide,
    .lndg_slide_col ul.lndg_slide_article_list .bndwgt__slide img {
        max-width: 100px;
        min-width: 100px;
    }
    .lndg_slide_col ul.lndg_slide_article_list li .topFeatureText {
        width: 56%;
        text-align: left;
        padding: 0;
    }
}
/* --------------------------------------- */
/* --------------------------------------- */

/* END LANDING PAGE */