@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;
}