@import url(site_editor.css);

.roundedimage, img.roundedimage, .moduletablefrontdoor img, .moduletable .frontdoor img, .itemFullText > img {
  box-shadow: none;
}
video.autoPlay {
margin: 0 -25%;
max-width: 150%;
}
@media screen and (max-width: 1024px) {

video {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}
}

body, p, span,
div.itemIntroText, a,
.catItemIntroText,
.tagItemIntroText,
.moduleItemIntrotext,
.moduleItemIntrotext span,
body.home #itemListPrimary .catItemIntroText .itemSubtitle,
body.home #itemListPrimary .tagItemIntroText .itemSubtitle {
	font-family: "ff-meta-serif-web-pro",Arimo,serif !important;
  -webkit-font-smoothing: subpixel-antialiased;
}

body.magFeatures .catItemIntroText .itemSubtitle,
body.magFeatures .tagItemIntroText .itemSubtitle {
  font-size: calc(0.8vmax + 0.5em) !important;
  line-height: 1em;
  min-height: 70px;
  padding: 0.7em 0 0.325em;
  width: 75%;
}

#content a,
#content p,
#content span,
#content div.itemIntroText,
#content div.itemFullText,
#content .catItemIntroText,
#content .tagItemIntroText,
#content .moduleItemIntrotext,
#content .moduleItemIntrotext span {
  font-size: 16px;
  line-height: 1.7em;
  font-weight: 400;
}
#footer div, #footer span, #footer a, #footer span.separator {font-size: 13px;}

h1, h1 a, h1 strong, h1 b, .componentheading,
h2, h2 a, h2 strong, h2 b, .contentheading,
h3, h3 a, h3 strong, h3 b,
h4, h4 a, h4 strong, h4 b,
div.itemHeader h2.itemTitle, #k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h2.tagItemTitle a, div.catItemHeader h2.catItemTitle a, div.tagItemHeader h2.tagItemTitle a, div.itemHeader h3.itemTitle, #k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h3.tagItemTitle a, div.catItemHeader h3.catItemTitle a, div.tagItemHeader h3.tagItemTitle a {
	font-family: "ff-meta-serif-web-pro",Arimo,serif !important;
  -webkit-font-smoothing: antialiased;
  font-weight: 700 !important;
}

h1 {font-size: 28px; padding: 15px 0 7px;}
h2 {font-size: 24px; padding: 15px 0 7px;}
h3 {font-size: 18px; padding: 15px 0 7px;}
h4 {font-size: 14px; padding: 15px 0 7px;}

/*************** Begin Google Custom Search *****/

body.hd div#cse-result {
  margin: 0 auto;
  width: 70%;
}
@media screen and (max-width: 940px) {
body.hd div#cse-result {
  width: 95%;
}
}
#search .gcsBox input[type="text"]:hover,
#search .gcsBox textarea:hover,
#search .gcsBox input[type="text"]:focus,
#search .gcsBox textarea:focus {
  box-shadow: none;
  color: #222222;
}
/*
#search .gcsBox {
    float: right;
    line-height: normal;
    width: 250px;
}
 */
#search .gcsBox input {
    border-radius: inherit;
    margin-top: 1px;
}
#mod_googleSearch_cse .inputbox.gcsBox:focus {
  border-color: #57b195;
}
#search .gcsBox input.inputbox.gcsBox {
  padding: 0.15em;
}
#search .gcsBox .gsc-input {
    padding: 0;
}
#search .gcsBox .gsst_a {
  padding-top: 7px;
}
#search .gcsBox .gsst_a .gscb_a {
  color: #7CA695;
  cursor: pointer;
}
.gsc-completion-container span b {
  font-weight: normal;
}

#cse-result a.gcsc-branding-clickable,
#cse-result a.gcsc-branding-clickable:link,
#cse-result a.gcsc-branding-clickable:visited,
#cse-result a.gcsc-branding-clickable:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none;
  line-height: normal;
}
div#cse-result + div {
  display: none;
}
.googleSearch_cse .inputbox,
.mod_googleSearch_cse.gcsBox .inputbox.gcsBox{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  width: auto !important;
}

#cse-result .gsc-control-cse,
#cse-result .gsc-control-cse .gsc-table-result{
	font-family: "ff-meta-serif-web-pro",Arimo,serif;
}
#cse-result .gsc-control-cse, #cse-result .gsc-control-cse .gsc-table-result {
  font-size: 1em;
  line-height: 140%;
}
#cse-result .gsc-result .gs-title,
#cse-result .gsc-result a.gs-title,
#cse-result .gsc-control-cse .gs-result .gs-title,
#cse-result .gsc-control-cse .gs-result .gs-title *{
  font-size: 18px;
    height: auto;
    text-decoration: none;
}

.gsc-cursor-box.gs-bidi-start-align {
  font-family: proxima-nova, sans-serif;
  font-size: 1.4em;
  text-align: center;
}

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

		body.hd div#cse-result {
			width: 100%;
		}


body.hd .cse .gsc-control-cse, body.hd 0.gsc-control-cse {
	padding: 0;
	width: auto;
}
#search form#mod_googleSearch_cse {
    padding: 0;
}
#search .moduletable.gcsBox {
  float: right;
  height: 54px;
  padding-top: 10px;
  width: 90%;
}
#search .gcsBox input.inputbox.gcsBox {
    clear: both;
    float: left;
}
#search input.button.gcsBox {
  float: left;
  height: 43px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: auto;
}
}
#content .gcsc-branding-text {
  color: #c5c5c5;
  font-size: 12px;
}
img.gcsc-branding-img-noclear {
  opacity: 0.6;
}
/*************** End Google Custom Search *****/
/***** Begin Item Page *****/

body.ribbonFullwidth #whitebox.transparent {width: 100%;}

body.ribbonFullwidth #whitebox.transparent #maincolumn-wide {
  margin: 0 !important;
  padding: 0;
  width: 100%;
}

body.ribbonFullwidth #whitebox.transparent #content {
  clear: both;
  padding: 0;
  width: 100%;
}

body.home .itemList {
  margin: 0 auto;
  max-width: 1590px;
}

/*** BEGIN Legacy Content ***/
.item-page {
  margin: 0 auto !important;
  max-width: 640px;
}
/*** END Legacy Content ***/
.itemView .itemHeader,
.itemList .leading .catItemHeader,
.itemList .leading .tagItemHeader{
  display: inline-block;
  float: none;
  margin: 0 auto;
  max-height: 650px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}

body.home #itemListLeading .catItemImageBlock {
	max-height: none;
}

@media screen and (max-width: 1920px) {
body.home #itemListLeading .catItemImageBlock {
	max-height: 650px;
	max-height: 65vh;
}
}

h2.catItemTitle,
h2.tagItemTitle{
  margin: 0;
  padding: 0;
}

#itemListLeading {background-color: #E3E7DE;}

.itemView .itemHeader h2.itemTitle,
.itemList .leading .catItemHeader h2.catItemTitle a,
.itemList .leading .tagItemHeader h2.tagItemTitle a {
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  bottom: 0;
  color: #fff !important;
  line-height: 0.9em !important;
  padding: 0 0 0.2em;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  transition: text-shadow 0.2s linear;
  vertical-align: bottom;
  width: 100%;
  z-index:1;
}

.itemList .leading .catItemHeader h2.catItemTitle a:hover,
.itemList .leading .tagItemHeader h2.tagItemTitle a:hover {
text-decoration: none;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.itemIntroText div, .itemFullText div,
.itemIntroText h1, .itemFullText h1,
.itemIntroText h2, .itemFullText h2,
.itemIntroText h3, .itemFullText h3,
.itemIntroText h4, .itemFullText h4,
#content div.search {
  margin: 0 auto;
  max-width: 680px;
}

.itemIntroText div, .itemFullText div {
  margin: 0 auto 1.1em;
  width: 80%;
}

.itemIntroText h2.itemTitle {max-width: none;}

.catItemIntroText h2.itemTitle, .tagItemIntroText h2.itemTitle {display: none;}

.itemView .itemImage img {width: 100% !important;}

.itemFullText img {
  border-radius: 3px;
  height: auto;
  max-width: 98%;
}

.itemFullText div.leftWrap,
.itemFullText div.rightWrap{
  margin: 2%;
  width: auto;
}

.itemFullText div.pullquote {
  background-color: rgba(239, 239, 239, 0.7);
  border-color: transparent #888;
  border-radius: 10px;
  border-style: none solid;
  border-width: medium 2px;
  line-height: 1.75em;
  max-width: 50%;
  padding: 4%;
}

/***** Begin JCE Captions *****/

span.wf_caption {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  padding: 0;
  vertical-align: top;
}

span.wf_caption span {
  background-color: transparent !important;
  color: #777777 !important;
  font-family: Arimo,Helvetica,sans-serif !important;
  font-size: 90%;
  font-weight: normal;
  margin: 0.75em auto 0;
  padding: 0.5% 2%;
  text-align: left !important;
  width: 96%;
}

.wf_caption > img {box-shadow: none;}

/***** End JCE Captions *****/
/***** End Item Page *****/

.catItemImageBlock,
.tagItemImageBlock {
  display: inline-block;
  float: none;
  margin: 0 auto;
/*
  max-height: 578px;
 */
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.catItemImage img,
.tagItemImage img {
  width: 100% !important;
}

.catItemIntroText .itemSubtitle,
.tagItemIntroText .itemSubtitle {
  color: #444;
  margin: 0 auto;
  padding: 0.7em 0 0.325em;
  width: 80%;
}


.k2Pagination {
  float: left;
  font-size: 13px;
  margin: 10px auto;
  text-align: center;
  width: 100%;
}
.k2Pagination ul {
  float: none;
  margin: 0 auto;
  max-width: 600px;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.k2Pagination ul li {
	border: medium none;
	clear: none;
	color: #999999;
	display: inline-block;
	float: none;
	font-size: inherit;
	list-style: none outside none;
	margin: 0 5px;
	padding: 0;
	text-decoration: none;
}
.k2Pagination ul li a {
	border: medium none;
	clear: none;
	color: #999999;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 23px !important;
	list-style: none outside none;
	margin: 0 auto;
	padding: 0 1%;
	text-decoration: none;
}
.k2Pagination ul span, .k2Pagination ul .prev > span, .k2Pagination ul .start > span, .k2Pagination ul .next > span, .k2Pagination ul .end > span {
	border: medium none;
	clear: none;
	color: #999999;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 23px !important;
	list-style: none outside none;
	margin: 0 auto;
	padding: 0 1%;
	text-decoration: none;
}
.k2Pagination ul span {color: #000000;}


#content .k2Pagination a.pagenav:hover {
  border: medium none;
}

.fourbox {
  background-color: #fafafa;
  border-left: 1px solid #cccccc;
  box-shadow: none;
  margin-top: -13px;
  width: calc(25% - 1px);
}

.fourbox.first {border-left: medium none;}

.fourbox a {
  color: #444;
  font-family: Arimo,Helvetica,sans-serif !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 30px;
}

.threebox:hover, .fourbox:hover, .fivebox:hover {
  background: none repeat scroll 0 0 #deefdf;
  text-shadow: none;
  transition: background linear 0.4s;
}

#footer.transparent {border-radius: 0;}

#content .search > form {margin-top: 18px;}

#content .search .inputbox, #content .search button {font-size: 16px;}

#epilogue .custom {
  clear: both;
  float: left;
}

#epilogue .custom.addThis {
  background-color: #ffffff;
  margin-bottom: 15px;
}

.addthis_custom_sharing {
  margin: 0 auto 15px;
  text-align: center;
  width: 260px;
}

a.back-to-top {
  bottom: 0;
  font-family: "Arimo",Helvetica,sans-serif !important;
}

body.hd #k2Container.tagView {
  margin: 0 auto;
  max-width: 972px;
}

#k2Container.tagView div.tagItemList div.tagItemView div.tagItemHeader h2.tagItemTitle a {
  border-top: 6px solid #ebebeb;
  display: block;
  font-size: 40px;
  margin: 6px 0 12px;
  padding: 20px 0 12px;
  text-align: center;
  width: 100%;
  display: none;
}
.tagItemView {
  border-bottom: 6px solid #ebebeb;
  padding-bottom: 2em;
}
.tagItemBody {
  margin-top: 2em;
}
.tagItemView:first-of-type {
  margin-top: -2em;
}
@media screen and (max-width: 1024px) {
body, p, span, div.itemIntroText, a, .catItemIntroText, .tagItemIntroText, .moduleItemIntrotext, .moduleItemIntrotext span {
  font-size: 15px;
}

table {margin: 0 auto;}

#content > div {margin: 0;}

#itemListPrimary div.itemContainer {
  height: auto;
  margin-bottom: 0;
}

span.wf_caption span {
  margin: 0.5em auto 1em;
  max-width: none !important;
  padding: 0.5% 5%;
  width: 90%;
}
span.wf_caption,
span.wf_caption > img,
span.wf_caption > *,
span.wf_caption > * > * {
  max-width: 100%;
}

a.back-to-top {
  background-color: rgba(235, 235, 235, 0.6);
  height: 14px;
}
}

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

#content > div {margin: 0;}

.itemFullText div.pullquote {
  max-width: 92%;
  padding: 4%;
}

.itemIntroText div, .itemFullText div {width: 90%;}

#itemListPrimary div.itemContainer {
  clear: right;
  float: none;
  margin: 0 auto;
  text-align: center;
  width: auto;
}

#itemListPrimary .catItemImageBlock, #itemListPrimary .tagItemImageBlock {width: 100%;}

.itemIntroText div, .itemFullText div, .itemIntroText h1, .itemFullText h1, .itemIntroText h2, .itemFullText h2, .itemIntroText h3, .itemFullText h3, .itemIntroText h4, .itemFullText h4 {
  width: 90%;
}

.itemByline {
  font-size: 12px;
  line-height: 1.6em;
}

.itemFullText img {
  border-radius: 0;
}

.itemFullText > div > h2 {
width: 100%;
}

.itemFullText div.leftWrap, .itemFullText div.rightWrap {
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

span.wf_caption {max-width: 100% !important;}

.wf_caption > img {width: 100%;}

.fourbox {
  background: none repeat scroll 0 0 #E7E7E7;
  border: 1px solid #fff !important;
  font-size: 12px;
  width: 49%;
}

}

/* Begin STIGMA STORY POPOVER */

.stigmaPopover > div {
    width: 100% !important;
}

.stigmaPopover .uk-icon-plus-square-o::before {
    content: "+" !important;
}

.stigmaPopover .uk-icon-button {
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    color: #444;
}

@media all and (min-width: 940px) {
.stigmaPopover .uk-position-relative img  {
    max-width: 150%;
    margin: 0 -27%;
}
}
/* End STIGMA STORY POPOVER */

/****************************************** Begin new design 04-17 ******/



#content a, #content p, #content span, #content div.itemIntroText, #content div.itemFullText, #content .catItemIntroText, #content .tagItemIntroText, #content .moduleItemIntrotext, #content .moduleItemIntrotext span {
	font-size: 17px;
	font-weight: 400;
	line-height: 170%;
}
#content a {
	border-bottom: 1px dashed #c8c8c8;
}
#content a:hover {
	background-color: #deefdf;
	border-bottom: 7px solid #deefdf;
	border-top: 9px solid #deefdf;
	text-decoration: none;
}
body.hd div#tray {
	box-shadow: none;
}
b, strong {
	font-weight: 600;
}
#ribbon a, #quicklinks span, #quicklinks a, input, button, select, textarea {
	font-family: "proxima-nova",Arimo,serif !important;
}
body.hd.ribbonFullwidth.home #whitebox, body.hd.home #maincolumn-wide {
	margin: 0 auto;
	max-width: none;
}
body.hd.home .full {
	clear: none;
	float: none;
	margin: 0 auto;
	position: relative;
	width: 85%;
}
body.hd .catItemIntroText .itemSubtitle, body.hd .tagItemIntroText .itemSubtitle {
	font-size: calc(2vmax + 1em);
	padding: 0.7em 0 0.325em;
	width: 85%;
}
.itemSubtitle, .homegrid .itemSubtitle, .itemByline {
	font-family: "proxima-nova",Arimo,serif !important;
	-webkit-hyphens: none;
	hyphens: none;

}
.homegrid .itemSubtitle {
	font-size: calc(0.9vmax + 1em);
	line-height: 110%;
	text-align: center;
}
#itemListLeading .itemByline {
	font-family: "proxima-nova",Arimo,serif !important;
	font-size: 0.9em;
	padding: 0.5em 0 1em;
}
.homegrid .itemByline {
	display: none;
}
#content .itemIntroText .itemSubtitle {
  font-size: calc(0.9vmax + 1.1em);
  margin: 0.25em auto 0.5em;
  max-width: none;
  width: 90%;
}
span.wf_caption span {
	font-family: "proxima-nova",Arimo,serif !important;
	line-height: 135% !important;
}

/*** Begin Features feed **********/
.magFeatures .componentheading,
.tagView .componentheading {
  display: inline-block;
  font-size: calc(2vw + 1em);
  font-size: calc(2vmax + 0.5em);
  font-weight: 300 !important;
  margin: 1em auto 1.2em;
  text-align: center;
  width: 100%;
}

.magFeatures #itemListPrimary .itemContainer {
  clear: right;
  float: left;
  margin: 0 1.5%;
  min-height: 400px;
  width: 30% !important;
}
.magFeatures #itemListPrimary {
    display: block;
    overflow: auto;
}
.itemListView.magFeatures .itemByline {
  font-size: 0.6em;
  line-height: normal;
  min-height: 3em;
}
.itemListView.magFeatures .itemSubtitle {
    font-family: "proxima-nova",arimo,sans-serif;
}

body.magFeatures .itemListView div.catItemHeader {
  display: none;
}

body.magFeatures .primary .catItemIntroText .itemSubtitle {
font-size: 1.2em;
}

/*
.featureSearch {
    margin: 0 auto;
    text-align: center;
}
.featureSearch .inputbox {
    font-size: 1.5em;
    min-width: 200px;
    width: 50%;
}
.featureSearch .button {
    font-size: 1.3em;
    padding: 8px 15px;
}
.featureSearch .k2LiveSearchResults {
  margin: 0 auto;
  min-width: 320px;
  text-align: left;
  width: 58%;
}
.featureSearch ul {margin: 0;}

.featureSearch li {
  background-color: #f2f2f2;
  line-height: 2.5em;
  list-style: outside none none;
  margin: 4px 0;
  padding: 0 2%;
}
.featureSearch li a {
    font-family: proxima-nova !important;
    font-size: 1.5em;
    font-weight: normal;
}
 */

@media screen and (max-width: 1024px) {
.magFeatures #itemListPrimary .itemContainer {
  width: 47% !important;
}
}

@media screen and (max-width: 550px) {
body.magFeatures .catItemIntroText .itemSubtitle, body.magFeatures .tagItemIntroText .itemSubtitle {
  min-height: 0;
  padding: 0.7em 0 0.325em;
  width: 85%;
}
.magFeatures #itemListPrimary .itemContainer {
	margin: 0 1.5% 10px 1.5%;
	min-height: 0;
  width: 97% !important;
}
.itemListView.magFeatures .itemByline {
  min-height: 0;
}
}

/*** End Features feed **********/

q, p, span, blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
/****************************************** End new design 04-17 ******/

/************************* Begin AddThis *****************************/
div.addthisMasonry {
	height: auto;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: inherit;
}
#atftbx p {
    display: none;
    padding: 0;
    height: 0;
}
div.addthisMasonry div#atftbx {
	width: 220px;
	text-align: center;
}
/************************* End AddThis *****************************/

 /********************** BEGIN SPRING 2018 - Power of One **********************/
    
	/* TABLE OF CONTENTS */
	/*
    General Overrides
    How Cancer Advances -- Block
    Mariko Quote and Image -- Block
    Page Accent Elements
    Precision Medicine -- Block
    Pull Quote -- Block
    Pull Quote and Description -- Block
    The Road Ahead -- Block
    */
  
  /***BEGIN NOTES***/
  /*power-of-one-article--container = class applied to div wrapped around the entire article */
  /*powerOfOneFullWidth = class applied to divs, h3s, and h2s to override 680px magazine max-width*/
  /***END Notes ***/
  
  /***BEGIN General Overrides***/
	div.powerOfOneFullWidth,
	h3.powerOfOneFullWidth,
	h2.powerOfOneFullWidth {
		max-width: 100%;
		width: 100%;
	}
	
	.power-of-one-article--container p,
	.power-of-one-article--container h1,
	.power-of-one-article--container h2,
	.power-of-one-article--container h3 {
		font-family: "proxima-nova", Arimo, serif !important;
	}
	/***END General Overrides */
	/***BEGIN How Cancer Advances -- Block */
	
	.howCancerAdvances-block img {
		width: 50%;
		height: auto;
		float: right;
		margin: 1em 2em;
	}
	
	@media all and (max-width:768px) {
		.howCancerAdvances-block img {
			width: 100%;
			float: none;
			margin: 0;
		}
	}
	/***END How Cancer Advances -- Block */
	/***BEGIN Mariko Quote and Image -- Block ***/
	
	.mariko--wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-shadow: 0px 0px 10px #888888;
		        box-shadow: 0px 0px 10px #888888;
		margin: 2em 0 3em;
		background-color: #fafafa;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 400px;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	
	.mariko-image--block {
		width: 30% !important;
		height: 100%;
		overflow: hidden;
		margin-bottom: 0px !important;
		position: relative;
	}
	
	.mariko-background-image {
		background-image: url('images/uabmagazine/spring2018/power-of-one/mariko-nakano.jpg');
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		width: 400px !important;
		position: absolute;
		background-position: -40px;
	}
	
	.mariko-quote-block {
		font-size: 1.2em;
		padding: 0 3em;
		width: 70%;
	}
	
	@media all and (max-width:768px) {
		.mariko-image--block {
			width: 100% !important;
		}
		.mariko-background-image {
			position: initial;
			background-position: 0;
			background-position: 0px -4px !important;
			background-size: cover;
		}
		.mariko--wrapper {
			height: 600px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
		.mariko-quote-block {
			padding: 0px 0em !important;
			width: 90% !important;
		}
	}
	/***END Mariko Quote and Image -- Block ***/
	/***BEGIN Page Accent Elements ***/
	
	.character-line-drawing-1--accent {
		position: absolute;
		background-image: url('images/uabmagazine/spring2018/power-of-one/brush-stroke-and-character-line-drawing-1.png');
		height: 600px;
		width: 100%;
		left: 0;
		background-repeat: no-repeat;
		background-size: contain;
	}
	/*man with pill below neck*/
	
	.character-line-drawing-2--accent {
		position: absolute;
		background-image: url('/uabmagazine/images/uabmagazine/spring2018/power-of-one/brush-stroke-and-character-line-drawing-2.png');
		height: 600px;
		width: 180px;
		left: 0px;
		background-repeat: no-repeat;
		background-size: contain;
		opacity: .9;
	}
	/*head with dna neck*/
	/***END Page Accent Elements ***/
	/***BEGIN Precision Medicine -- Block */
	
	.uk-accordion.precision-container div,
	.uk-accordion.precision-container h3 {
		width: 100%;
		max-width: 1000px;
	}
	/*override to normal div and h3 width*/
	
	.precision-container .uk-accordion-title:before {
		content: '+';
		font-size: 26px;
		color: #444;
	}
	
	.precision-container h3.uk-accordion-title.uk-active:before {
		content: '-';
		margin-bottom: 4px;
	}
	
	.precision-container .uk-accordion-title {
		text-align: center;
		width: 30px !important;
		height: 30px !important;
		border-radius: 100%;
		padding: 0px;
		margin: auto;
	}
	
	.precision-container .uk-margin {
		max-width: 80% !important;
	}
	
	.precision--background-accent {
		position: absolute;
		background-image: url('images/uabmagazine/spring2018/power-of-one/brush-stroke-8.png');
		right: 0px;
		top: 0px;
		width: 300px !important;
		height: 300px;
		background-size: contain;
		opacity: .9;
		z-index: -1;
	}
	
	.precision--wrapper {
		padding: 2em 0;
		background-color: #fafafa;
		-webkit-box-shadow: 0px 0px 10px #888888;
		        box-shadow: 0px 0px 10px #888888;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	
	@media all and (max-width: 768px) {
		.precision-container .uk-margin {
			max-width: 90%;
			margin-left: 0px;
		}
	}
	/***END Precision Medicine */
	/***BEGIN Pull Quote -- Block ***/
	
	.power-of-one-pull-quote--container {
		position: relative;
		margin: 2% 22% 2% 2% !important;
		float: right;
		width: 300px !important;
		border-left: 3px solid #99cc66;
		padding-left: 1%;
		padding-top: 1%;
		padding-bottom: .5%;
	}
	
	.brush-stroke--accent-1 {
		position: absolute;
		background-image: url('/uabmagazine/images/uabmagazine/spring2018/power-of-one/brush-stroke-1.png');
		height: 999px;
		width: 588px !important;
		left: -85px;
		top: -49px;
		background-repeat: no-repeat;
		background-size: contain;
		opacity: .7;
		z-index: -2;
	}
	/*Accent Element for Matt Might Pull Quote and Image */
	
	@media all and (max-width:768px) {
		.power-of-one-pull-quote--container {
			width: 100% !important;
			margin: 1em auto 1.5em !important;
			border-left: none;
			text-align: center;
			z-index: 2;
			max-width: 100% !important;
			background-color: #fafafa;
		}
		.power-of-one-pull-quote--container>p {
			width: 90%;
			margin: 1em auto .5em;
		}
	}
	/***END Pull Quote -- Block ***/
	/***BEGIN Pull Quote and Description -- Block ***/
	
	.power-of-one-pullQuoteBox {
		max-width: 1000px !important;
		background-color: #fafafa;
		margin: 2em auto;
		border-top: 3px solid #99cc66;
		border-bottom: 3px solid #99cc66;
		padding: 2%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	/*pull quote box for pull quote with desciption */
	
	.power-of-one-pullQuote {
		width: 35% !important;
		padding: 1%
	}
	/*pull quote occopying left side of a container in a pull quote with description box */
	
	.power-of-one-pullQuoteDescription {
		width: 65% !important;
		padding: 1% 1% 1% 2%;
		border-left: 2px solid #eee;
	}
	/*pull quote description occupying right side of container in a pull quote with descripiton box*/
	
	.power-of-one-pullQuoteDescription div {
		margin: 0 auto 1.1em !important;
		width: 90% !important;
	}
	/*override to the normal div width*/
	
	@media all and (max-width:768px) {
		.power-of-one-pullQuoteBox {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
		/*changes direction of pull quote with description for mobile */
		.power-of-one-pullQuote {
			width: 90% !important;
		}
		/*override to normal div width*/
		.power-of-one-pullQuoteDescription {
			width: 90% !important;
			border-left: none;
			padding: 1%;
		}
		/*override to normal div width and removes border on pull quote description for mobile */
	}
	/***END Pull Quote and Description -- Block ***/
	/***BEGIN The Road Ahead -- Block ***/
	
	.threeWideFlexBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		margin: 10px;
	}
	
	.threeWideFlexBox>div {
		width: 26%;
		padding: 2%
	}
	
	.brush-stroke--accent-6 {
		position: absolute;
		background-image: url('/uabmagazine/images/uabmagazine/spring2018/power-of-one/brush-stroke-6.png');
		left: -86px;
		bottom: -94px;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: -1;
		width: 700px;
		height: 300px;
		-webkit-transform: rotate(30deg);
		    -ms-transform: rotate(30deg);
		        transform: rotate(30deg);
		opacity: .7;
	}
	/*Accent element for for road ahead block */
	
	@media all and (max-width:768px) {
		.threeWideFlexBox {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
		.threeWideFlexBox>div {
			width: 100%;
		}
	}
	/***END The Road Ahead -- Block ***/
    
    
    /********************** END SPRING 2018 - Power of One **********************/




/***BEGIN FALL 2018 - Destination Innovation ***/

@import url("https://use.typekit.net/qco7vmo.css");
	.mag-full-width-page section p:not(:first-child) {
		text-indent: 15px;
	}
	
	.mag-full-width-page .itemTitle {
		display: none;
	}
	
	body.mag-full-width-page #content,
	body.mag-full-width-page #content h2 {
		width: 100%;
	}
	
	.mag-full-width-page .cursive {
		font-family: ff-market-web, sans-serif !important;
		font-style: normal;
		font-size: 1.5em !important;
		line-height: 120% !important;
	}
	
	.mag-full-width-page .mag--proxima {
		font-family: "proxima-nova", Arimo, serif !important;
	}
	
	.mag-full-width-page .intro-p:before {
		background-image: url(images/uabmagazine/fall-2018/destination-innovation/intro-p.png);
		content: '';
		height: 140px;
		width: 100px;
		float: left;
		background-size: contain;
		display: inline-block;
		top: -1em;
		background-repeat: no-repeat;
		margin-top: 0em;
		margin-left: -100px;
	}
	
	.mag-full-width-page h2 {
		font-family: "proxima-nova", Arimo, serif !important;
		text-transform: uppercase;
		font-size: 20px;
		padding-bottom: 0;
	}
	
	.mag-full-width-page section p:first-child {
		margin-top: 0 !important;
	}
	
	.mag-full-width-page .arrow-down {
		position: relative;
	}
	
	.mag-full-width-page .arrow-down:before {
		content: '';
		position: absolute;
		left: -4em;
		bottom: 0;
		height: 100px;
		background-image: url(images/uabmagazine/fall-2018/destination-innovation/solid-arrow-down.png);
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat
	}
	
	.mag-full-width-page p.contributors {
		font-family: "proxima-nova", Arimo, serif !important;
		text-transform: uppercase;
		font-weight: bold !important;
		text-align: center;
		font-size: .9em !important;
	}
	
	.mag-full-width-page .dottted-l-arrow {
		position: relative;
	}
	
	.mag-full-width-page .dottted-l-arrow:after {
		content: '';
		background-image: url(images/uabmagazine/fall-2018/destination-innovation/dotted-l-line.png);
		display: block;
		height: 120px;
		width: 120px;
		background-size: contain;
		background-repeat: no-repeat;
		margin: 1em auto 0;
	}
	
	@media all and (min-width: 767px) {
		.mag-full-width-page .dottted-l-arrow:after {
			position: absolute;
			bottom: 20px;
			right: -140px;
			margin-bottom: -2em;
			margin-left: -3em;
		}
	}
	
	.mag-full-width-page .innovation-dest-banner {
		width: 100% !important;
		min-width: 100% !important;
	}
	
	@media all and (max-width:767px) {
		.mag-full-width-page .innovation--destop-only {
			display: none !important;
		}
	}
	
	@media all and (min-width:767px) {
		.mag-full-width-page .innovation--mobile-only {
			display: none !important;
		}
	}
	
	.mag-full-width-page .information-access--wrapper {
		width: 80% !important;
	}
	
	.mag-full-width-page .information-access--decoration {
		position: relative;
	}
	
	.mag-full-width-page .information-access--decoration:before {
		content: '';
		background-image: url(images/uabmagazine/fall-2018/destination-innovation/outlined-arrow-down.png);
		position: absolute;
		bottom: 0;
		left: 0;
		height: 120px;
		width: 120px;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: -1em;
		margin-left: -3em;
	}
	
	.mag-full-width-page .information-access--first-item>img {
		display: block;
		width: 100%;
	}
	
	@media all and (min-width:768px) {
		.mag-full-width-page .information-access--wrapper {
			display: flex;
			flex-wrap: wrap;
			max-width: 900px !important;
			margin: 2em auto 4em !important;
			justify-content: center;
			width: 100% !important;
		}
		.mag-full-width-page .information-access--first-item {
			flex: 1 0 62%;
			max-width: 650px !important;
			margin-left: 3em !important;
		}
		.mag-full-width-page .information-access--second-item {
			flex: 1 0 20%;
			align-self: center;
			max-width: 270px !important;
			margin: 1em !important;
		}
		.mag-full-width-page .information-access--decoration:before {
			margin-bottom: -2em;
		}
	}
	
	.mag-full-width-page .ostomy--item-container {
		flex: 1 0 28%;
		margin: 1em !important;
		max-width: 250px;
	}
	
	@media all and (min-width:768px) {
		.mag-full-width-page .ostomy--item-wrapper {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			max-width: 1000px !important;
			width: 100% !important;
		}
	}
	
	.mag-full-width-page .ostomy-item,
	.mag-full-width-page .makeover-item {
		font-size: 1.1em !important;
		line-height: 150% !important;
	}
	
	.mag-full-width-page .ostomy-item:before {
		content: '•';
		margin-left: -10px;
		position: absolute;
	}
	
	@media all and (min-width:768px) {
		.mag-full-width-page .makeover--item-container {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		.mag-full-width-page .makeover--item-column {
			columns: 2 200px;
			column-gap: 3em;
		}
	}
	
	.mag-full-width-page .mag-slideshow-block div {
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
	}
	
	.mag-full-width-page .mag-slideshow-block .uk-slidenav-next,
	.mag-full-width-page .mag-slideshow-block .uk-slidenav-previous {
		display: block;
		color: #fff !important;
		font-size: 2.1em !important;
		background-color: #00aab5;
		border-radius: 50%;
	}
	
	.mag-full-width-page .mag-slideshow-block .uk-slidenav-next:hover,
	.mag-full-width-page .mag-slideshow-block .uk-slidenav-previous:hover {
		background-color: #00aab5 !important;
	}
	
	.mag-full-width-page .mag-slideshow-block .uk-slidenav-position .uk-slidenav {
		margin-top: -70px;
	}


/***END FALL 2018 - Destination Innovation