/* old dupe stylesheet - set for deletion when ready */

/* =================================================== */
/* BONDI WIDGETS / EMBEDDED base css */
/* =================================================== */

/* get rid of system borders */
a:active, select { outline:none !important; }
:focus {
  -moz-outline-style:none !important;
  outline-style:none !important;
}



/* =================================================== */
/* WIDGET INFO BOX title, byline, etc */
/* =================================================== */
.bndwgt__container * { box-sizing:border-box; }

.bndwgt__info-wrapper {
	width:100%;
}
.bndwgt__info {
	margin:0 auto;
	padding:20px;
	text-align:center;
}





/* =================================================== */
/* WIDGET SWIPER MAIN ELEMENTS */
/* =================================================== */
.bndwgt__swiper-wrapper {
	width: 100%;
	max-width:100% !important;
	height:auto;
	white-space: nowrap;
	line-height:0;
	padding: 18px 10px 10px 10px;
	background: #666;

	text-align:center;
	-webkit-overflow-scrolling: touch;
}

.bndwgt__swiper-strip { }

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

.bndwgt__slide {
	position:relative;
	display:inline-block;
	margin-bottom:30px !important;
}
.widget-page .bndwgt__slide {
	width: 18%;
	max-width: 25%;
	margin: 0px 1%;
}
.widget-spread .bndwgt__slide { width:320px; max-width:320px; }

/*  need a fix for end item .bndwgt__slide:last-child { margin-right:100px;} */


.bndwgt__slide .bndwgt__slide-link { text-decoration:none !important; cursor:pointer; display:block;}


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











.bndwgt__slide img {
	background-color:#555;
	image-rendering: initial;
	width:100%;
	height:auto;
	min-height:90px;
}
.widget-page .bndwgt__slide img {
	box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}




/* =================================================== */
/* SPREAD PAGES SHADOW FX */
/* =================================================== */
.widget-spread.bndwgt__pagefx .bndwgt__slide { margin:10px 12px; }
.bndwgt__pagefx .bndwgt__slide .bndwgt__slide-link { overflow:visible !important; }

.bndwgt__pagefx .bndwgt__pgfx-top, .bndwgt__pagefx .bndwgt__pgfx-btm, .bndwgt__pagefx .bndwgt__pgfx-left,
.bndwgt__pagefx .bndwgt__pgfx-right { position: absolute; background-repeat:no-repeat; pointer-events: none !important; }

/* TOP / BTM spreads fx */
.bndwgt__pagefx .bndwgt__pgfx-top,
.bndwgt__pagefx .bndwgt__pgfx-btm {
  width:100%;
  background-size: 100% auto;
  box-sizing:content-box;
  padding:0 3%;
	left:-3%;
}
.bndwgt__pagefx .bndwgt__pgfx-top {
  background-image: url('images/spread-pagefx-top.png');
  background-position: bottom center;
	height:8%;
	top:-8%;
}
.bndwgt__pagefx .bndwgt__pgfx-btm {
  background-image: url('images/spread-pagefx-btm.png');
  background-position: top center;
	height:14%;
	bottom:-14%;
}

/* LEFT / RIGHT spreads fx */
.bndwgt__pagefx .bndwgt__pgfx-left,
.bndwgt__pagefx .bndwgt__pgfx-right {
  background-size: 100% 100%;
  height:100%;
  width:3%;
  top:0;
}
.bndwgt__pagefx .bndwgt__pgfx-left {
  background-image: url('images/spread-pagefx-left.png');
  background-position: top right;
  left:-3%;
}
.bndwgt__pagefx .bndwgt__pgfx-right {
  background-image: url('images/spread-pagefx-right.png');
  background-position: top left;
	background-size: 112% 100%;
  right:-3%;
}

/* L/R SHINE spreads fx */
.bndwgt__slide .bndwgt__pgfx-shine,
.bndwgt__slide .bndwgt__hilite {
	display: block;
  position: absolute;
  top: 0;
	left:0;
  width: 100%;
  height: 100% ; /* calc(100% - 25px) TEMP FIX */
}

.bndwgt__slide .bndwgt__pgfx-shine {
	background-image: url('images/spread-folio.png');
	background-position: center center;
	background-size: cover;
	-webkit-background-size:cover;
}

.bndwgt__slide .bndwgt__hilite {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.bndwgt__slide:hover .bndwgt__hilite {
	background-color: rgba(255,255,255,0.6)
}

.bndwgt__slide .bndwgt__icon {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #bbb !important;
    border-radius: 0;
    color: #333;
    font-size: 1em;
    width: auto;
}
.bndwgt__slide:hover .bndwgt__icon { opacity:1; }

.featured .bndwgt__slide .bndwgt__icon { font-size: 1.25em; }


/* enfold temp fix */
.bndwgt__slide .image-overlay {
	display:none !important;
}

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



/* PAGE NUMBERS */
.bndwgt__page-number {
	position:absolute;
	display:block;
	width:100%;
	bottom: -29px;
	height:20px;
	line-height:20px;
	margin-top:8px;
	color:#eee;
    font-family: 'calluna', Georgia, serif;
	font-size:20px;
	text-align: center;
}
.bndwgt__page-number .pageL { padding-right:10px; }
.bndwgt__page-number .pageR { padding-left:10px; }

.bndwgt__with-numbers .bndwgt__slide {
	margin-bottom:30px !important;
}


.bndwgt__pagenum_cta {
    position: absolute;
    font-size: 12px;
    width: 100%;
    bottom: -43px;
    color: #555;
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

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





/* --------------------------------------------------- */
/* SLIDE TEXT TRIGGER */
/* --------------------------------------------------- */
.bndwgt__slide .bndwgt__slide_alt_trigger {
    /* font-family: 'graphik', 'graphik_web'; Esquire */
    font-family: 'franklin-gothic-urw-comp',sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    color: #111;
    text-align: center;
    display: block;

    font-size: 1em;
    letter-spacing: 0.2em;

    bottom: -2em;
    position: absolute;
    width: 100%;
    opacity: 0.5;
}

.bndwgt__slide .bndwgt__slide_alt_trigger,
.bndwgt__slide .bndwgt__slide_alt_trigger span {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bndwgt__slide:hover .bndwgt__slide_alt_trigger { opacity:1; }
.bndwgt__slide:hover .bndwgt__slide_alt_trigger span { border-bottom:solid 1px #111; }

/* hide this from the 'cover box' module */
.bndwgt__spreadsizer .bndwgt__slide .bndwgt__slide_alt_trigger  {
    display: none !important;
    visibility: hidden !important;
    opacity: 0;
}

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

    .bndwgt__slide .bndwgt__slide_alt_trigger {
        bottom: -1.7em;
        font-size: 0.8em;
    }

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







/* =================================================== */
/* PREVIEW LAYOUT */
/* =================================================== */

.bndwgt__info-wrapper,
.bndwgt__article_preview .bndwgt__info-wrapper { display:none; }


.bndwgt__info-wrapper.temp_class,
.bndwgt__article_preview .bndwgt__info-wrapper.temp_class { display:block; }


.bndwgt__swiper-wrapper,
.bndwgt__article_preview .bndwgt__swiper-wrapper { background: transparent; }

.bndwgt__article_preview .bndwgt__slide { display: none; }
.bndwgt__article_preview .bndwgt__slide:first-child { display: inline-block; }


.widget-spread.bndwgt__pagefx .bndwgt__slide { margin: 10px 1.6%; }
.widget-spread .bndwgt__slide { width: 30%; max-width:100%; }



.bndwgt__article_preview .widget-spread.bndwgt__pagefx .bndwgt__slide,
.bndwgt__single_slide .widget-spread.bndwgt__pagefx .bndwgt__slide  { margin: 10px auto 4.6em auto !important; }

.bndwgt__article_preview .bndwgt__slide .bndwgt__slide-link { cursor: default; pointer-events: none; }
.bndwgt__article_preview .bndwgt__page-number,
.bndwgt__single_slide .bndwgt__page-number { display:none; }
.bndwgt__article_preview .bndwgt__hilite { background-color: transparent !important; }

.bndwgt__page-number { color: #555; }

.bndwgt__article_preview .widget-spread .bndwgt__slide,
.bndwgt__single_slide .widget-spread .bndwgt__slide { width:100%; max-width:960px; }

.bndwgt__article_preview .widget-page .bndwgt__slide,
.bndwgt__single_slide .widget-page .bndwgt__slide { width:100%; max-width:520px; }


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






/* =================================================== */
/* RESPONSIVE CLASSES */
/* =================================================== */

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

	.bndwgt__slide { }
	.widget-spread .bndwgt__slide {  }
}
/* --------------------------------------- */
@media only screen and (max-width: 960px) {

	.widget-page .bndwgt__slide {
		width: 22%;
		max-width: 22%;
		margin: 0 1.5%;
	}

	.widget-spread.bndwgt__pagefx .bndwgt__slide { margin: 10px 1.5%; }
	.widget-spread .bndwgt__slide { width:47%;}

	.bndwgt__article_preview .widget-spread.bndwgt__pagefx .bndwgt__slide {
		margin: 10px 4%;
		width: 92%;
	}
	.bndwgt__article_preview .widget-page .bndwgt__slide {
	    width: 88%;
	    margin: 0 6%;
	}

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

	.widget-page .bndwgt__slide {
		width: 30%;
		max-width: 30%;
		margin: 0px 1.5%;
	}
    .bndwgt__article_preview .widget-spread.bndwgt__pagefx .bndwgt__slide,
    .bndwgt__single_slide .widget-spread.bndwgt__pagefx .bndwgt__slide  { margin: 10px auto 2em auto !important; }

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

	.widget-spread.bndwgt__pagefx .bndwgt__slide { margin: 10px 10% !important; }
	.widget-spread .bndwgt__slide { width:80%;}

	.bndwgt__article_preview .bndwgt { }

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





















/* TEMP LOCATION FOR EMBEDDED TEXT STYLES */

/* =================================================== */
/* TOC LIST TEXT ITEMS */
/* =================================================== */
.bndwgt__text_wrapper { }

.bndwgt__text {
  float:left;
  width: 70%;
  padding:10px 0 0 20px;
}
.storyLeft .bndwgt__text  {
  text-align:right;
}

.bndwgt__text .tpc_section {
    font-family: 'alegreya_sans', 'Trebuchet MS', sans-serif;
    font-size:1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border-bottom: solid 2px #333;
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
}
.storyLeft .bndwgt__text  h3 {
    margin-right:-3vw;
    margin-left: -6vw;
    width:auto;
}

.bndwgt__text .bndwgt__text_label {
  font-size: 0.9rem;
  padding: 5px 11px 3px 11px;
  border: none 0;
  font-weight: 600;
  background-color: #d40;
  color: #fff;
}
.bndwgt__text .bndwgt__text_label.editorpick {
  background-color: #d40;
  color: #fff;
}
.bndwgt__text .bndwgt__text_label.awardwinner {
    background-color: #BBAA83;
    color: #fff;
}


.bndwgt__text .tpc_title {
    font-family: 'granger', 'granger_web','alegreya_sans', sans-serif;
    font-size:2.9rem; /* 3.1rem */
    margin: 12px 0 0 0;
    /* letter-spacing: -0.02em; */
    font-weight: 700; /* 900 */
    padding: 10px 0;
    line-height: 105%;
}
.bndwgt__text .tpc_title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.featured .bndwgt__text .tpc_title {
  font-size:3.5rem; /* 3.9rem */
}

.bndwgt__text .tpc_deck,
.bndwgt__text .tpc_deck {
    font-size:1.3rem;
    font-family: 'granger', 'granger_web','alegreya_sans', sans-serif;
    font-weight:300;
    margin: 0 0 10px 0;
}
.bndwgt__text p {
  font-size:1.15em;
  line-height:1.4em;
  font-family: 'granger', 'granger_web', Georgia, serif;
  font-weight: 300;
  display:block;
  position: relative;
}
.bndwgt__text p.teaser { }

.bndwgt__text .toc_item__byline {
    font-family: 'alegreya_sans', 'Trebuchet MS', sans-serif;
    font-weight:400;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.8em;
    margin: 0.3em;
    /* text-transform: uppercase; */
    letter-spacing: 0.1em;
}
.bndwgt__text .toc_item__byline .author {
    font-style: normal;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    padding-left: 1px;
    margin-right: 7px;
}
.bndwgt__text .toc_item__byline .read_time {
    font-style: normal;
    padding-left: 10px;
    margin-right: 7px;
    border-left: solid 1px #aaa;
}


.bndwgt__text blockquote {
  font-family: 'alegreya_sans', sans-serif;
  font-size:2vw;
  line-height: 120%;
  margin: 0.7em 0 0 0;
  /* letter-spacing: -0.02em; */
  font-weight: 900;
  padding: 10px 0;
}






/* temp fixes */
.ui.modal > .content {
    border: 0 none;
}
.ui.modal .content.bndwgt__text blockquote {
    border: 0 none;
}






/* =================================================== */
/* ARTICLE PLAIN TEXT VIEW - MODAL */
/* =================================================== */


/* ARTICLE MODAL OUTER HEADER */
.bndwgt__plain_text_outer_header {
    display:none;
    opacity:0;
    position:fixed;
    bottom: 0px !important;
    width:100%;
    height: 45px;
    background-color: rgba(33,33,33, 0.9) !important;
    color:#eee;
    margin: 0px;
    padding: 0px 3px;
    z-index:100000;
    text-align:right;
    box-sizing: border-box;
}


.bndwgt__plain_text_outer_header i.icon {
    font-size: 1.5em;
    cursor: pointer;
}
.bndvwr__textopen .bndwgt__plain_text_outer_header {
    display:block !important;
    opacity:1 !important;
}
.bndwgt__plain_text_wrapper .close.icon {
    display: none;
    opacity: 0;
}
/* --------------------------------------- */
@media only screen and (max-width: 767px) {
    .bndwgt__plain_text_wrapper.ui.modal .content.bndwgt__text { /* margin-top: 30px; */ }
}
/* --------------------------------------- */



.bndwgt_article_trigger {
    display: inline-block;
    background: #f0f0f0;
    border: solid 1px #aab;
    color: #556;
    padding: 4px 10px 2px 10px;
    font-style: normal;
    letter-spacing: 0.05em;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 85%;
}

.bndwgt_article_trigger:focus,
.bndwgt_article_trigger:hover {
    background: #333;
    border: solid 1px #333;
    color: #fff;
}
.bndwgt_article_trigger:active {
    background: #111;
    border-color: #111;
}

.ui.dimmer {
    background-color: #fff; /* f0f0f0 */
    z-index: 16000; /* adjust as needed */
    /*
    background-image: url('../images/layout/modal_dimmer_x.png');
    background-repeat:no-repeat;
    background-position: right 20px top 10px; */
}
/*
.ui.dimmer:before {
    content:"Done Reading...";
    color:#aaa;
    position:absolute;
    right:0;
    top:0;
}
*/

.ui.modal>:first-child:not(.icon),
.ui.modal>:last-child {
    border-radius:0;
}

.viewer-open .ui.dimmer {
    background-color: rgba(255,255,255,0.9); /* f0f0f0 */
}

.bndwgt__plain_text_wrapper.ui.modal {
    background:#fff;
    box-shadow: none !important;
}

.ui.modal #closebutton.close {
    color: rgba(0, 0, 0, 0.87) !important;
    font-size:1.6rem;
    background-color: rgba(0,0,0,0.1);
    top: .2em !important;
    right: .4em !important;
    width: 42px;
    height: 42px;
    border-radius: 2px;
}

.ui.modal > .content {
    line-height: 1.6;
    padding: 3rem;
    background: transparent;
}
.bndwgt__plain_text_wrapper.ui.modal .actions {
    background: transparent;
    border-top: 0 none;
    margin-bottom: 50px;
}

.ui.modal .content.bndwgt__text.ui.loading {
    /* height:90vh; max-height: 90vh; */
    min-height:90vh;
}

.ui.modal .content.bndwgt__text {
    overflow:hidden;
    text-align:left;
    box-sizing: border-box;
}


/* ARTICLE PLAIN TEXT VIEW HEAD */
.bndwgt__article_head { }
.ui.modal .content.bndwgt__text .bndwgt__article_head h3 { font-size: 1rem; }
.ui.modal .content.bndwgt__text .bndwgt__article_head h3.bndwgt__text_label.editorpick { font-size: 0.85rem;  }
.ui.modal .content.bndwgt__text .bndwgt__article_head h1 { font-size: 3.6rem; }
.ui.modal .content.bndwgt__text .bndwgt__article_head h1:hover { text-decoration:none !important; cursor: default; }
.ui.modal .content.bndwgt__text .bndwgt__article_head h2.deck {
    font-size: 1.9rem;
    font-weight: 300;
    margin: 0 0 10px 0;
}
.ui.modal .content.bndwgt__text .bndwgt__article_head h4 { margin: 20px 0 50px 0; }


/* ARTICLE PLAIN TEXT - MODAL VIEW BODY */
/* .ui.modal .content.bndwgt__text .toc_item__byline:not(:first-of-type)  */
.bndwgt__article_body { }

.ui.modal .content.bndwgt__text .bndwgt__article_body .section_break { margin-top: 6em; }

.ui.modal .content.bndwgt__text .bndwgt__article_body h2,
.ui.modal .content.bndwgt__text .bndwgt__article_body h3,
.ui.modal .content.bndwgt__text .bndwgt__article_body h4 {
    font-family: 'granger', 'granger_web', 'alegreya_sans', sans-serif;
    margin: 2em 0 10px 0;
    font-style: normal;
    letter-spacing: 0.05em;
}
.ui.modal .content.bndwgt__text .bndwgt__article_body h2 {
    font-size:2.1em;
    font-weight: 500;
}
.ui.modal .content.bndwgt__text .bndwgt__article_body h2 {
    font-size:1.7em;
}
.ui.modal .content.bndwgt__text .bndwgt__article_body h4 {
    font-size:1.5em;
}


.ui.modal .content.bndwgt__text p { margin: 0 0 1em 0; }

.ui.modal .content.bndwgt__text,
.ui.modal .content.bndwgt__text p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 300;
    font-family: 'granger', 'granger_web', 'alegreya_sans', sans-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 {
    float: left;
    color: #111;
    font-size: 134px;
    line-height: 94px;
    font-weight:300;
    padding-top:0;
    padding-right: 8px;
    padding-bottom: 2px;
    font-family: 'granger', 'granger_web', 'alegreya_sans', sans-serif;
}

.ui.modal .content.bndwgt__text blockquote,
.ui.modal .content.bndwgt__text blockquote p {
    font-family: 'granger', 'granger_web', 'alegreya_sans', sans-serif;
    font-weight:700;
    font-size:2.5rem;
    line-height: 1.1em;
}
.ui.modal .content.bndwgt__text blockquote p { padding:0; margin:0; }
.ui.modal .content.bndwgt__text blockquote {
    padding:3rem;
}
.ui.modal .content.bndwgt__text blockquote h4 {
    font-size:0.9rem;
    font-style: normal;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    padding-left: 1px;
    margin-bottom:0;
}

.ui.modal .content.bndwgt__text img { width:100%; max-width:100%; height: auto; }



/* --------------------------------------------------- */
/* CLASSICS-ONLY CSS */
.bndwgt__text b,
.bndwgt__text strong { font-weight: bold; }
.bndwgt__text i,
.bndwgt__text em { font-style: italic; }

.bndwgt__text sup { vertical-align: super; font-size: 75%; }
.bndwgt__text sub { vertical-align: sub; font-size: 75%;}

.bndwgt__text .tpc_section { font-size: 1em; }
.bndwgt__text .bndwgt__text_label { font-size: 0.8em; }

.ui.modal .content.bndwgt__text .tpc_title { font-size: 3.4rem; }
.ui.modal .content.bndwgt__text .tpc_deck {
    font-size: 1.6rem;
    line-height: 1.3em;
}
.ui.modal .content.bndwgt__text .drop,
.ui.modal .content.bndwgt__text p .drop { padding-top: 14px; }

.bndvwr__counter { font-family: 'Lato', 'Trebuchet MS', sans-serif; }

.bndwgt__plain_text_wrapper .actions .ui.button {
    letter-spacing: 0.05em;
    font-family: 'Lato', 'Trebuchet MS', sans-serif;
}
/* --------------------------------------------------- */




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

    .ui.modal .content.bndwgt__text .bndwgt__article_head h1 { font-size: 2.6rem; }
    .ui.modal .content.bndwgt__text .bndwgt__article_head h2.deck { font-size: 1.4rem; }

    .ui.modal .content.bndwgt__text,
    .ui.modal .content.bndwgt__text p {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }
    .ui.modal .content.bndwgt__text .drop,
    .ui.modal .content.bndwgt__text p .drop {
        font-size: 120px;
        line-height: 80px;
    }

    .ui.modal .content.bndwgt__text blockquote,
    .ui.modal .content.bndwgt__text blockquote p { font-size: 1.9rem; }


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









/* delete when done */
.bndvwr__btm-bar .bndwgt_article_trigger {
    display: inline-block;
    background: rgba(33, 33, 33, 0.9);
    border: solid 1px #333;
    color: #ddd;
    margin-top:8px;
    font-size:10px;
}


/* VIEWER CUSTOM BUTTONS */
.bndwgt_article_textlink_wrapper {

}
.bndwgt_article_textlink {
	margin: 0 auto;
    display: block;
    border: 0;
    background-color: transparent;
    font-size: 1.6em;
}
.bndwgt_article_textlink:hover {
	text-decoration: underline;
}








/* =================================================== */
/* BONDI EMBEDDED ARTICLE (full wrap) */
/* =================================================== */
.bndwgt__bondi_article_embed {
    font-size: 100%;
}
/* --------------------------------------- */


/* =================================================== */
/* EMBEDDED ARTICLE LINKTAB   */
/* =================================================== */
.bndwgt__linktab_wrap {
    position: fixed;
    bottom: 80px;
    right: -20px;
    margin-top: 0px;
    width: 80px;
    background-color: #333;
    padding: 10px;
    border-radius: 2px;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.bndwgt__linktab_wrap:hover {
    background-color: #f8f8f8;
}
.bndwgt__linktab_wrap a {
    font-family: 'franklin-gothic-urw-cond',sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #bbb;
    line-height: 1;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    box-shadow: none;
    display: block;
    width: 40px;
}
.bndwgt__linktab_wrap:hover a {
    color: #222;
}
.bndwgt__linktab_wrap a .linktab_icon {
    background-image: url('../../../libs/bondiviewer/bondi-widgets/images/bndwgt_magazine_icon_white.png');
    background-size: 36px auto;
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    opacity: 0.8;
}
.bndwgt__linktab_wrap:hover a .linktab_icon {
    opacity: 1;
    background-image: url('../../../libs/bondiviewer/bondi-widgets/images/bndwgt_magazine_icon.png');
}


.bndwgt__linktab_wrap.tab_visible {
  visibility: visible;
  opacity: 1;
}
.bndwgt__linktab_wrap.tab_fade {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /* opacity: .5; */
}

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

    .bndwgt__linktab_wrap {
        bottom: 40px; /* 0 is preferable but no go thanks to iOS bottom bar! */
        margin-top: 0;
        width: 80px;
        padding: 8px 13px;
    }

    .bndwgt__linktab_wrap a {
        font-size: 11px;
        width: 35px;
    }
    .bndwgt__linktab_wrap a .linktab_icon {
        background-size: 26px auto;
        width: 34px;
        height: 24px;
    }
    .bndwgt__linktab_wrap a span { display: none; }
}
/* --------------------------------------- */
@media only screen and (max-width: 540px) {

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





/* =================================================== */
/* EMBEDDED ARTICLE TITLEBOX  */
/* =================================================== */

.bndwgt__title_box {
    max-width: 1200px;
    margin: 0 auto;
}

.bndwgt__title_box .bndwgt__info {
    /* text-align: left; */
    padding: 20px 0;
}

.bndwgt__info h1.bndwgt__headline {
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    margin: 0;
    font-size: 5em;
    font-size: 80px;
}
.bndwgt__info h3.bndwgt__subhead {
    font-family: 'calluna', serif;
    font-weight: 300;
    /* font-style: italic; */
    line-height: 1.5;
    margin: 10px 0 20px 0;
    font-size: 2em;
    font-size: 32px;
}

.bndwgt__info .bndwgt__section,
.bndwgt__info .bndwgt__meta {
    font-style: normal;
    font-family: 'franklin-gothic-urw-comp',sans-serif;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-size: 15px;
}
.bndwgt__info .bndwgt__section {
    background-color: #9999a7;
    color: #fff;
    padding: 5px 14px;
    margin: 10px auto;
    display: inline-block;
    line-height: 1;
    text-align: center;
}

.bndwgt__info .bndwgt__author {
    font-weight: 600;
}





/* =================================================== */
/* EMBEDDED ARTICLE COVERBOX  */
/* =================================================== */

.bndwgt__container.bndwgt__metabox_wrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto 120px auto;
}
.bndwgt__container.bndwgt__metabox_wrap.bndwgt__nocover {
    margin-bottom: 10px;
}

.bndwgt__coverbox_wrap {
    float: left;
    width: 30%;
    padding: 40px 0 0 0;
    position: relative;
    z-index: 50;
}
.bndwgt__coverbox { }

.bndwgt__coverbox a.bndwgt__slide {
    width: 100%;
    max-width: 100%;
    font-size: 0;
    line-height: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    transform: rotate(-10deg);
}
.bndwgt__coverbox a.bndwgt__slide:hover {
    cursor: pointer;
    -moz-transform: rotate(-15deg) scale(1.08);
    -webkit-transform: rotate(-15deg) scale(1.08);
    -o-transform: rotate(-15deg) scale(1.08);
    -ms-transform: rotate(-15deg) scale(1.08);
    transform: rotate(-15deg) scale(1.08);
}

.bndwgt__coverbox .bndwgt__cover {
    width: 100%;
    height: auto;
    box-shadow: 0 3px 8px rgba(0,0,0,0.4);
}

.bndwgt__coverbox a.bndwgt__slide .bndwgt__hilite {
    background-position: 105%;
    opacity: 0.8;
}
.bndwgt__coverbox a.bndwgt__slide:hover .bndwgt__hilite {
    opacity: 1;
}
.bndwgt__coverbox a.bndwgt__slide .bndwgt__hilite span {
    text-align: center;
    font-family: 'franklin-gothic-urw-cond',sans-serif;
    font-weight: 300;
    letter-spacing: 0.02rem;
    font-size: 13px;
    display: block;
    color: #fff;
    background: #333;
    padding: 20px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0;
}
.bndwgt__coverbox a.bndwgt__slide:hover .bndwgt__hilite span {
    opacity: 1;
}




.bndwgt__spreadsizer {
    float: left;
    width:68%;
    position: relative;
    z-index: 100;
}


.bndwgt__buttonbox_wrap {
    position: relative;
    width: 100%;
    clear: both;
    float: none;
}
.bndwgt__buttonbox {
    background-color: #f2f2f2;
    border: solid 1px #dadada;
    padding: 90px 20px 20px;
    position: absolute;
    top: -85px;
    z-index: 10;
    width: 100%;
    overflow: hidden;
}
.bndwgt__buttonbox .buttonbox_left {
    width: 30%;
    float: left;
}
.bndwgt__buttonbox .buttonbox_right {
    width: 70%;
    float: left;
}

.bndwgt__buttonbox .bndwgt__datebox {
    float: left;
    width: 100%;
    padding: 5px;
    text-decoration: none;
    border: 0px none;
    box-shadow: none;
    text-align: center;
    color: #333;
    margin-top: -35px;
    font-family: 'calluna', Georgia, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
}
.bndwgt__buttonbox .bndwgt__datebox:hover {
    color: #666;
}

.bndwgt__meta .bndwgt__day::after {
    content: ', ';
}

.bndwgt__buttonbox .bndwgt__year {
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    font-weight: 600;
    display: block;
    font-size: 46px;
    line-height: 28px;
    font-style: normal;
}


.bndwgt__buttonbox a.bndwgt__linkbutton {
    font-family: 'franklin-gothic-urw-cond',sans-serif;
    font-weight: 500;
    letter-spacing: 0.02rem;
    line-height: 1;
    text-transform: uppercase;
    color: #292929;
    white-space: nowrap;
    text-align: center;
    font-size: 0.8em;
    text-decoration: none;

    background: #FFF;
    border: solid 2px #292929;
    border-radius: 0;
    box-shadow: none;

    padding: 0.9em 1em;
    margin: 0 !important;
    display: inline-block;
    float: left;
    width: 50%;
}
.bndwgt__buttonbox a.bndwgt__linkbutton.reversed {
    color: #FFF;
    background: #292929;
}
.bndwgt__buttonbox a.bndwgt__linkbutton:hover {
    color: #FFF;
    background: #dc1b1b;
    border: solid 2px #dc1b1b;
}



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

}
/* --------------------------------------- */
@media only screen and (max-width: 540px) {
    .bndwgt__container.bndwgt__metabox_wrap {
        margin-bottom: 90px;
    }
    .bndwgt__buttonbox {
        background-color: transparent;
        border: none 0;
        padding: 90px 0px 0px;
    }
    .bndwgt__buttonbox .buttonbox_left {
        width: 100%;
        float: none;
        display: none;
    }
    .bndwgt__buttonbox .buttonbox_right {
        width: 100%;
        float: none;
    }
    .bndwgt__buttonbox .bndwgt__datebox { display: none; }

    .bndwgt__buttonbox a.bndwgt__linkbutton {
        font-size: 0.8em;
        padding: 1em 0.5em;
    }
    .bndwgt__buttonbox a.bndwgt__linkbutton span { display: none; }

    .bndwgt__coverbox a.bndwgt__slide .bndwgt__hilite span {
        font-size: 10px;
        padding: 15px 8px;
    }

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

    .bndwgt__buttonbox {
        padding: 105px 0px 0px;
    }

    .bndwgt__spreadsizer {
        float: none;
        width: 75%;
        position: absolute;
        z-index: 100;
        right: -6px;
        top: 3px;
    }
}
/* --------------------------------------- */








/* =================================================== */
/* EMBEDDED ARTICLE BODY (INLINE TEXT STYLES) */
/* =================================================== */

/* *** fine-tuned for MACLEANS - need single publisher themes... *** */



.bndwgt__article_body.bndwgt__inline_text {
    max-width: 1200px;
    margin: 0 auto;
}

.bndwgt__article_body.bndwgt__inline_text,
.bndwgt__article_body.bndwgt__inline_text p {
    font-family: 'calluna', Georgia, serif;
    line-height: 1.75;
    font-weight: 300;

    font-size: 1.4rem;
    font-size: 22px;
}
.bndwgt__article_body.bndwgt__inline_text p {
    margin: 1.4em 0;
}

.bndwgt__article_body.bndwgt__inline_text .drop,
.bndwgt__article_body.bndwgt__inline_text p .drop {
    float: left;
    font-family: 'calluna', serif;
    color: #111;
    font-weight: 300;
    padding: 0 8px 0 0;
    font-size: 9rem;
    line-height: 6.5rem;
    font-size: 142px;
    line-height: 108px;
}
.bndwgt__article_body.bndwgt__inline_text .drop.alternate,
.bndwgt__article_body.bndwgt__inline_text p .drop.alternate {
    font-family: 'franklin-gothic-urw-comp',sans-serif;
    font-weight: 700;
    padding: 0 8px 0 0;
    font-size: 8.8rem;
    line-height: 6.7rem;
    font-size: 146px;
    line-height: 104px;
}


.bndwgt__article_body.bndwgt__inline_text hr {
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin: 1.6em 0;
}

.bndwgt__article_body.bndwgt__inline_text h1 {
    font-family: 'franklin-gothic-urw-comp', sans-serif;
    font-weight: 700;
    font-size: 3em;
    line-height: 1;
    padding: 0;
    margin: 1.2em 0 .2em 0;
}
.bndwgt__article_body.bndwgt__inline_text h2 {
    font-family: 'calluna', Georgia, serif;
    font-size: 1.7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.13em;
}
.bndwgt__article_body.bndwgt__inline_text h2 {
    font-family: 'calluna', Georgia, serif;
    font-size: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.13em;
}
.bndwgt__article_body.bndwgt__inline_text h4 {
    font-family: 'calluna', Georgia, serif;
    font-size: .95em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.13em;
}





.bndwgt__article_body.bndwgt__inline_text blockquote,
.bndwgt__article_body.bndwgt__inline_text blockquote p {
    color: #111;
    font-family: 'franklin-gothic-urw-comp',sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
    margin: 1.4em 0;
    padding: 0 1em 0 1.4em;
    border: none 0;
    border-left: solid 5px;
    font-size: 3rem;
    font-size: 48px;
}
.bndwgt__article_body.bndwgt__inline_text blockquote.alternate,
.bndwgt__article_body.bndwgt__inline_text blockquote.alternate p {
    font-family: 'calluna', Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 2.4rem;
    font-size: 40px;
}
.bndwgt__article_body.bndwgt__inline_text blockquote::before {
    content: '';
    font-size: 0;
}
.bndwgt__article_body.bndwgt__inline_text blockquote p { padding:0; margin:0; }


.bndwgt__article_body.bndwgt__inline_text ul {
    margin: 0;
}

.bndwgt__article_body.bndwgt__inline_text table {
    font-family: 'franklin-gothic-urw-cond',sans-serif;
    font-size: 0.9em;
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}
.bndwgt__article_body.bndwgt__inline_text table caption {
    font-family: 'franklin-gothic-urw-comp',sans-serif;
    font-size: 2em;
    font-weight: 700;
}
.bndwgt__article_body.bndwgt__inline_text table th {
    font-weight: 700;
    text-transform: uppercase;
}



.bndwgt__article_body.bndwgt__inline_text .floatedimage,
.bndwgt__article_body.bndwgt__inline_text .floatedimage.left  {
    display: block;
    float: left;
    max-width: 40%;
    margin: 0px 20px 20px 0px;
    padding: 10px 10px 10px 0px;
}
.bndwgt__article_body.bndwgt__inline_text .floatedimage.right {
    float: right;
    margin: 0px 0px 20px 20px;
    padding: 10px 0px 10px 10px;
}
.bndwgt__article_body.bndwgt__inline_text img { }

.bndwgt__article_body.bndwgt__inline_text .floatedimage.thirty { max-width: 30%; }
.bndwgt__article_body.bndwgt__inline_text .floatedimage.forty { max-width: 40%; }
.bndwgt__article_body.bndwgt__inline_text .floatedimage.fifty { max-width: 50%; }
.bndwgt__article_body.bndwgt__inline_text .floatedimage.sixty { max-width: 60%; }


.bndwgt__article_body.bndwgt__inline_text .caption {
    font-family: 'franklin-gothic-urw-cond', sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-style: italic;
    /* background-color: #f3f3f3; */
    width: 100%;
    display: block;
    padding: 15px;
    border-bottom: solid 1px #ccc;
}



.bndwgt__article_body.bndwgt__inline_text .bndwgt__swiper-wrapper {
    max-width: 960px !important;
    margin: 0 auto 2.8em auto;
}
.bndwgt__article_body.bndwgt__inline_text .widget-spread .bndwgt__slide,
.bndwgt__single_slide  .bndwgt__spreadsizer .widget-spread .bndwgt__slide {
    width: 100%;
    max-width:100%;
    margin: 10px auto !important;
}


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

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

    .bndwgt__article_body.bndwgt__inline_text blockquote,
    .bndwgt__article_body.bndwgt__inline_text blockquote p {
        font-size: 2.6rem;
        border: none 0;
        border-top: solid 4px;
        border-bottom: solid 4px;
        margin: 40px auto !important;
        text-align: center;
        padding: 40px 20px;
    }
    .bndwgt__article_body.bndwgt__inline_text blockquote.alternate,
    .bndwgt__article_body.bndwgt__inline_text blockquote.alternate p { font-size: 2rem; }

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

    .bndwgt__info h1.bndwgt__headline {
        font-size: 3.5em;
        font-size: 56px;
    }
    .bndwgt__info h3.bndwgt__subhead {
        font-size: 1.5em;
        font-size: 24px;
    }
    .bndwgt__info .bndwgt__section,
    .bndwgt__info .bndwgt__meta {
        font-size: 0.75rem;
        font-size: 12px;
    }

    .bndwgt__article_body.bndwgt__inline_text blockquote,
    .bndwgt__article_body.bndwgt__inline_text blockquote p {
        font-size:2rem;
        font-size: 32px;
    }
    .bndwgt__article_body.bndwgt__inline_text blockquote.alternate,
    .bndwgt__article_body.bndwgt__inline_text blockquote.alternate p {
        font-size: 1.6rem;
        font-size: 26px;
    }

    .bndwgt__article_body.bndwgt__inline_text table {
        font-size: 0.75em;
        font-size: 12px;
    }
    .bndwgt__article_body.bndwgt__inline_text table caption {
        font-size: 1.8em;
    }

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

    .bndwgt__info h1.bndwgt__headline {
        font-size: 3em;
        font-size: 48px;
    }
    .bndwgt__info h3.bndwgt__subhead {
        font-size: 1.3em;
        font-size: 22px;
    }

    .bndwgt__article_body.bndwgt__inline_text,
    .bndwgt__article_body.bndwgt__inline_text p {
        line-height: 1.65;
        font-size: 1.1rem;
        font-size: 17px;
    }

    .bndwgt__article_body.bndwgt__inline_text blockquote,
    .bndwgt__article_body.bndwgt__inline_text blockquote p {
        font-size:1.8rem;
        font-size: 29px;
    }

    .bndwgt__article_body.bndwgt__inline_text .floatedimage {
        float: none !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
    }

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

    .bndwgt__article_body.bndwgt__inline_text .drop,
    .bndwgt__article_body.bndwgt__inline_text p .drop {
        padding-right: 5px;
        font-size: 6.3rem;
        line-height: 5rem;
        font-size: 102px;
        line-height: 80px;
    }

    .bndwgt__article_body.bndwgt__inline_text .drop.alternate,
    .bndwgt__article_body.bndwgt__inline_text p .drop.alternate {
        font-size: 6.6rem;
        line-height: 4.8rem;
        font-size: 106px;
        line-height: 76px;
    }

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









/* =================================================== */
/* VIEWER CUSTOM BUTTONS */
/* =================================================== */

/* VIEWER CUSTOM BUTTONS */
.bndwgt_article_textlink_wrapper { }
.bndwgt_article_textlink {
    margin: 0px auto !important;
    display: block !important;
    background-color: transparent !important;
    font-size: 1.6rem !important;
    font-weight: 500;
    width: auto;
    border: 0px none;
}
.bndwgt_article_textlink:hover { text-decoration: underline; }

.bndvwr__button.bndvwr__textview { display: none; }



.bndvwr__btm-bar .bndvwr__button_custom,
.bndwgt__plain_text_outer_header .bndvwr__button_custom {
    display: inline-block;
	color: #ddd; /* gold #c6bea8 */
	font-weight: 500;
    margin-top:6px !important;
	height: 33px;
    font-size:11px;
    padding: 6px 12px;
    line-height: 19px;
    font-style: normal;
    letter-spacing: 0.05em;
    border-radius: 3px;
    background: rgba(33, 33, 33, 0.9) !important;
    border: solid 1px #333;
    font-family: 'Lato', 'Lucida Grande', sans-serif;
    text-decoration: none;
}

.bndvwr__btm-bar .bndvwr__button_custom strong,
.bndwgt__plain_text_outer_header .bndvwr__button_custom strong {
	text-transform: uppercase;
	color: #ddd;
}


.bndvwr__btm-bar .bndvwr__button_custom:focus,
.bndvwr__btm-bar .bndvwr__button_custom:hover,
.bndwgt__plain_text_outer_header .bndvwr__button_custom:focus,
.bndwgt__plain_text_outer_header .bndvwr__button_custom:hover, {
    background: #222; /* 847f6f  333 */
    border: solid 1px #333 !important;
    color: #fff;
    cursor: pointer;
}
.bndvwr__btm-bar .bndvwr__button_custom:active,
.bndwgt__plain_text_outer_header .bndvwr__button_custom:active {
    background: #111;
    border-color: #111;
}



.bndvwr__btm-bar .bndvwr__button_custom .bndvwr__btn_wide { }
.bndvwr__btm-bar .bndvwr__button_custom .bndvwr__btn_thin ,
.bndwgt__plain_text_outer_header .bndvwr__button_custom .bndvwr__btn_thin { display: none; }


.bndvwr__btm-bar .bndvwr__button_custom.btn_issue {
	margin-left: 4px;
}

.bndvwr__btm-bar .bndvwr__button_custom.btn_text,
.bndwgt__plain_text_outer_header .bndvwr__button_custom.btn_page { float:right; }

.loading.bndvwr__button_custom,
.loading.bndvwr__button_custom strong {
	color: transparent !important;
}

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

	.bndwgt_article_textlink { font-size: 1.3em; }

	.bndvwr__btm-bar .bndvwr__button_custom .bndvwr__btn_wide,
	.bndwgt__plain_text_outer_header .bndvwr__button_custom .bndvwr__btn_wide { display: none; }
	.bndvwr__btm-bar .bndvwr__button_custom .bndvwr__btn_thin,
	.bndwgt__plain_text_outer_header .bndvwr__button_custom .bndvwr__btn_thin { display: block; }
}
/* --------------------------------------------------- */