@charset "utf-8";
/* CSS Document */
/* Printer friendly css document */

/*
@media print {
#topTabs, #navBar, #footer, #toolbar, #rightPod, .footerCopyright, .lastUpdated, .leftNav, .skipToContent,  {
	display: none;
}
}* {border:1px solid #000;}
*/

/* Clean up the body and html tags */
body,html {
	background-color: #ffffff;
	background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 100%;*/
	font-size: 12pt;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

/* Let's hide some elements */
iframe, #leftNavContainer, #topTabs, #navBar, #navBarShadow, #footer, #toolbar, .leftNav, .skipToContent, #toolbar, #toolbar-tools, .infoTicker, .infoTickerLeft-inthenews, .infoTickerLeft-newsandevents, #colorbox, #_atssh, #infobubble, fancybox-wrap, #js-alerts-wrapper {
	display: none !important;
}
#pageHeader {
	width: auto;
	top: 0;
}
#pageHeader img {
	display: none;
}
.sectionTitle {
	margin: 0pt;
}
/*td.tdTop.padL10  {
	display: none;
}
.footerCopyright {
	margin-top: 25px;
	border-top: 1px solid #000000;
}
.lastUpdated {
	float: right;
}*/
/* Let's show some elements */
.printLogo {
	display: block;
	margin-bottom: 20pt;
}
#flashcontent {
	display: block !important; /* This will show header text that is hidden instead of image banners */
}

/* Let's modify some elements */
p {
	margin:0;
	padding:0;
	line-height: 130%;
}
h1 {
	font-size:150%;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-weight:bold;
}
h1.sectionTitle {
	font-size: 14pt;
	/*font-size: 170%;*/
	color: #000000;
	padding: 0pt;
	margin: 0pt 0pt 10pt 0pt;
	/*font-weight:bold;
	height:40px;*/
}
h2 {
	font-size:140%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}
h3 {
	font-size:130%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	display:inline;
}
h4{
	font-size:120%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}
h5 {
	text-transform:capitalize;
	font-size:110%;
	color:#604D25;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight:bold;
}
h6 {
	font-size:110%;
	color:#604D25;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
}

/* right in page related pods and sibling pods */
div.padPod { padding:0px; } /* was 10px */
div.padPodGoo { padding:20px; }
#rightPodPlaceholder{float:right;width:189px;padding:0px;margin: 0px;display:none;}
div.rightPod {float: right; width: 189px; padding: 0px; }
div.rightPod hr{
padding:0px;margin:5px 0px 5px 0px;
}
div.rightPod div.innerRight{
border-color:#cec9ad;
border-style:solid;
border-width:1px;
padding:10px;
margin: 0px 0px 10px 10px;
}
div.rightPod div.innerRight p{
padding:0px 0px 4px 0px;
}

div.rightPod div.innerRight ul{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 1px 0px; /*needs 1px bottom apparently for IE glitch?*/
}
div.rightPod div.innerRight ul li{
margin:0px;
padding-bottom:5px;
line-height:105%;
}
div.primaryPod203 {
	border:	1px solid #8f0505;
	background: #EDE9D4;
	width: 203px;
	padding-bottom:10px;
}
div.primaryPod203 h1 {
	font-size:13px;
	/*text-transform:uppercase;*/
	letter-spacing: 0px;
	color: #ffffff;
	background-color:#8f0505;
	width: 203px;
	line-height: 24px;
	text-indent: 10px;
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	font-family:Arial Narrow,Arial, Helvetica;
	padding:0px;
}
div.primaryPod203 p{
	padding: 0px 10px 5px 10px;
}
div.primaryPod243 {
	border: 1px solid #8f0505;
	background: #EDE9D4;
	width: 243px;
	padding-bottom:10px;
}
div.primaryPod243 h1 {
	font-size:13px;
	/*text-transform:uppercase;*/
	letter-spacing: 0px;
	color: #ffffff;
	background-color: #8f0505;
	width: 243px;
	line-height: 24px;
	text-indent: 10px;
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	font-family:Arial Narrow,Arial, Helvetica;
	padding:0px;
}
div.primaryPod243 p{
	padding: 0px 10px 4px 10px;
}
#masterContainer, div.margin10, #contentContainer {
	margin:0;
	width: auto;
	padding: 0;
	height: 0;
}
.clearFloat {
	clear: both;
}
/* FAD styles */
.videoProfile, .fadResources, .fadLearnMore {
	display: none;
}
#onecol {
	page-break-after: avoid;
}
#twocol1 {
	width: 30%;
	float: left;
	word-wrap: break-word;
	margin: 0;
}
#twocol2 {
	display: none;
}
#twocol3 {
	float: right;
	width: 70%;
	word-wrap: break-word;
	overflow: visible;
}
.fadOurServices a {
	text-decoration: none;
	color: #000000;
}
#flir-dpi-div-test {
	display: none;
}


/* home page print styles */
#pageHeader,
#toolbarWrapper,
#bannerwidget,
.home_right_column,
.home_right_column + br,
h1.newsTickerHeader,
.newsTickerHeader,
#newsTicker,
#newsTickerRight,
.newsTickerEnd,
#rightPodPlaceholder {
  display: none !important;
}

#contentContainer.width-reset-home-pg {
  margin: 0px !important;
  padding: 0px !important;
}

/* END style overwrite */
.home_uwhealth {
    margin: 20px;
}

.skipnav {
	display:none;
}

/* =================================  NEWS PANELS */
/* wrap all panels in flex container */
.panel-group {
  /* flex parent */
  border-top:1px solid #333;
  padding-top:30px;
  margin-top: 30px;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}

/* .news-primary = COLUMN 1 */
.panel-group>.news-primary {
  /* flex grow shrink basis; */
  flex: 2 1 auto;
}

/* .news-secondary = column 2 */
.panel-group>.news-secondary {
  /* flex grow shrink basis; */
  flex: 1 1 auto;
}

.panel-group img {
	display: none;
}


/* DEFAULT PANEL CONTENT STYLING FOR TEXT, LINKS, IMAGES */
.panel-content {
  position: relative;
}


/* style spans inside links - pat strips out block level elements in links */
.panel-title, .panel-text {
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.panel-title {
  padding-right: 5px;
  font-family: "Verdana", Arial Narrow, sans-serif;
  color:#fff;
  font-weight: bold;
  /*fallback*/
  font-size:14px; /*to match mockup - how text breaks/proportionality */
  line-height: 1.3em;
}

/* to match mockup line break */
.news-primary .panel-title {
  font-size:15px;
  padding-right:20px;
}

.panel-text {
  color:#333;
  font-size: 12px; /*to match mockup */
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top:.5em;
}


.news-secondary img {
  display:none;
}


#visit-tools {
    padding:21px 11px;
}

#visit-tools div {
  /* to make columns for each div */
  font-size: 14px;
  flex: 1 1 auto;
}

#visit-tools h2 {
    font-family: "BebasRegular", sans-serif;
    font-weight: 500;
    margin-bottom:3px;
}
#visit-tools p {
    font-family: "Verdana", Arial Narrow, sans-serif;
}


#visit-tools a {
  text-decoration: none;
}

#visit-tools a:hover {
  text-decoration: underline;
}


/* =================================  BELOW FOLD SECTIONS */


#action-tools div,
#visit-tools {
  display: flex;
  flex-direction: row;
}



section#action-tools {
  padding-top: 10px;
}


#action-tools a {
  margin: 0px 10px;
}


#visit-tools div {
  text-decoration: none;
  flex-basis: 256px;
  justify-content: space-between;
  justify-content: space-evenly;
}

#action-tools a {
    flex-basis: 256px;
    justify-content: space-between;
    justify-content: space-evenly;  /* not widely supported */
}

/* ====================================== TYPOGRAPHY & ARROWS IN TOOLS SECTIONS == */

/* BEGIN SHARED TYPOGRAPHIC STYLES */
#action-tools .tool-title,
#action-tools .tool-navtext {
    font-family: "BebasRegular", sans-serif;
}

.tool-title {
  font-size: 16px;
  color: #5f82a3;
}

.tool-navtext {
  color: #063B6D; /*Darker blue */

  font-size: 17px;
  font-weight: bold;
}


div .icon-block {
	align-items: left;
}

/* remove icons from dom to resolve spacing for print */
.icon-mychart-login,
.icon-care-anywhere,
.icon-new-patients {
	display:none;
}



/* STYLE CONTENT/FLEX CHILDREN */
#action-tools a {
  text-decoration: none;
  padding-bottom: 1rem;
  display: block;
  border: 1px solid #e7e2c5;
}

#action-tools a:hover {
  transition: 1s ease;
  background-color: #e7e2c5;
}

#action-tools a img {
  /* use flex item? */
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

#action-tools span {
  padding-left: 1rem;
    text-transform: capitalize;
  text-transform: uppercase;
  letter-spacing: .04rem;
  /*text-indent: 10px;*/
  align-items: left;
}

#member-tools {
	display:none;
}
