/*
SASS for UT Health
Version: 1.0
Author: ECM
LM 20160819: Removed sourceMappingURL comment from bottom of file
*/
/* --------------------------------------- VARIABLES ----------------------------------------*/
/* corrections for WCA AA color contrast */
/* Header Styles */
#topBar { background-color: #e21511; color: white; font-weight: 700; padding: 5px 0; font-size: 13px; }

#topBar a { color: white; text-transform: uppercase; }

@media (max-width: 640px) { #topBar span { text-align: center; display: block; } }

#header { position: relative; }

#header .branding { padding: 25px 0; }

#header .branding .left .logolink img { max-width: 400px; width: 100%; display: block; }

#header .branding .right .listing { padding-top: 15px; padding-bottom: 15px; border-right: 1px solid #dededf; display: block; }

#header .branding .right .listing a { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #3a3939; display: block; }

#header .branding .right .listing a img { margin-right: 10px; }

#header .branding .right hr { margin: 5px 0; }

#header .branding .right i { color: yellow; font-size: 40px; }

@media (max-width: 1135px) { #header .branding { padding-bottom: 8px; } }

@media (max-width: 1024px) { #header .branding a { display: block; text-align: center; } }

@media (max-width: 640px) { #header .branding .listing hr { display: none; }
  #header .branding .listing a { float: right; display: inline; }
  #header .branding .listing span { display: none; } }

/* navigation */
#mainNav { color: white; padding: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

#mainNav .top-bar { background-color: #24367c; }

#mainNav .top-bar .title-area { background-color: transparent; display: none; }

#mainNav .top-bar .top-bar-section ul > li > a { font-size: 16px; text-transform: uppercase; }

#mainNav .top-bar .top-bar-section ul .dropdown { background: #24367c; }

#mainNav .top-bar .top-bar-section ul .dropdown .title.back.js-generated { display: none; }

#mainNav .top-bar .top-bar-section ul .dropdown .title.back.js-generated a { display: block; font-size: 10px; text-transform: uppercase; font-weight: 300; }

#mainNav .top-bar .top-bar-section ul .dropdown .title.back.js-generated a:before { content: " < "; display: inline-block; color: white; text-indent: normal; margin-right: 3px; }

#mainNav .top-bar.expanded { background: #24367c; }

#mainNav .top-bar.expanded .top-bar-section ul li, #mainNav .top-bar.expanded .top-bar-section ul a { background: #24367c; }

@media (max-width: 640px) { #mainNav .top-bar .title-area { display: block; }
  #mainNav .top-bar-section ul .dropdown .title.back.js-generated { display: block !important; } }

@media (max-width: 1160px) { #mainNav .top-bar .top-bar-section ul > li { background: #24367c; }
  #mainNav .top-bar .top-bar-section ul > li.has-dropdown > a:after { margin-top: -10px; }
  #mainNav .top-bar .top-bar-section ul > li > a { font-size: 13px; background: #24367c; line-height: 2.5em; height: auto; }
  #mainNav.fixed { background: #24367c; }
  #mainNav.fixed .top-bar .top-bar-section ul { float: right !important; } }

@media only screen and (min-width: 40.063em) { #mainNav { position: relative; z-index: 99; }
  #mainNav .top-bar { height: auto; }
  #mainNav .top-bar .top-bar-section ul { text-align: center; float: none !important; display: block; }
  #mainNav .top-bar .top-bar-section ul > li { background: #24367c; display: inline-block; float: none !important; }}

@media only screen and (min-width: 1161px) { #mainNav { background-color: #24367c; width: 100%; height: auto; }
  /*#mainNav.homeNav:not(.fixed) { position: absolute; bottom: -95px; height: 95px; background-color: rgba(36, 53, 123, 0.8); }*/
  #mainNav .top-bar-section .has-dropdown > a:after { margin-top: 22px; }
  #mainNav .top-bar { background-color: transparent; }
  #mainNav .top-bar .title-area { display: none; }
  #mainNav .top-bar-section > ul > li > a { height: 95px; line-height: 95px; border-right: 1px solid #dededf; }
  #mainNav .top-bar-section > ul > li:first-child > a { border-left: 1px solid #dededf; }
  #mainNav .top-bar-section > ul li, #mainNav .top-bar-section > ul a { background: transparent !important; }
  #mainNav.fixed .top-bar-section > ul > li > a { height: auto; line-height: 45px; }
  #mainNav.fixed .top-bar-section > ul > li > a:after { margin-top: -2.5px; } }

/* Home page styles */
/* Home page */
#heroSlider img { display: block; width: 100%; }

#heroSlider .homeSlider .slick-slide { padding-bottom: 30px; background-size: cover; background-position: top center; min-height: 550px; }

#heroSlider .homeSlider .slick-arrow { z-index: 2; }

#heroSlider .homeSlider .slick-dots { bottom: 5px; }

#heroSlider .homeSlider .slick-dots li button { text-indent: -9999px; }

#heroSlider .homeSlider .slick-dots li button:before { border-radius: 5px; height: 10px; width: 10px; background: white; border: 1px solid #3a3939; opacity: 1; }

#heroSlider .homeSlider .slick-dots li.slick-active button:before { background: #3a3939; }

#heroSlider .homeSlider .slideText { margin-top: 200px; text-align: center; }

#heroSlider .homeSlider .slideText h2 { display: inline-block; background: #2071a1; height: auto; border-radius: 30px; color: white; font-weight: 400; font-size: 35px; padding: 0 35px; }

#heroSlider .homeSlider .slideText h2 b { font-weight: 900; font-size: 40px; }

#heroSlider .homeSlider .slideText p { font-size: 20px; font-weight: 300; }

#heroSlider .homeSlider .slideText.white p { color: white; }

@media (max-width: 1024px) { #heroSlider .homeSlider .slick-slide { xx_height: 500px; }
  #heroSlider .homeSlider .slideText { margin-top: 90px; max-width: 600px; float: none; margin-left: auto; margin-right: auto; }
  #heroSlider .homeSlider .slideText h2 { font-size: 25px; }
  #heroSlider .homeSlider .slideText h2 b { font-size: 30px; }
  #heroSlider .homeSlider .slideText p { display: block; background-color: rgba(255, 255, 255, 0.7); font-size: 18px; padding: 10px; }
  #heroSlider .homeSlider .slideText.white p { background-color: rgba(0, 0, 0, 0.3); } }

#featureIcons { padding-top: 20px; }

#featureIcons .wrapper { max-width: 990px; }

@media (max-width: 1024px) { #featureIcons .wrapper { max-width: 700px; } }

@media (max-width: 640px) { #featureIcons .wrapper { max-width: 500px; } }

.iconBlocks li { margin-top: 25px; margin-bottom: 25px; text-align: center!important; padding-bottom: 0; }

.iconBlocks .iconWrap { display: block; width: 92px; height: 92px; background-color: red; border-radius: 46px; text-align: center; line-height: 90px; margin: 0 auto; }

.iconBlocks .iconWrap i { color: white; font-size: 2.250em; }

.iconBlocks span { color: #aa0f0d; margin: 20px auto 0; display: block; font-size: 17px; text-transform: uppercase; font-weight: 700; }

.iconBlocks li a:hover .iconWrap { background-color: white; background: white; border: 2px solid #2071a1; }

.iconBlocks li a:hover .iconWrap i { color: #2071a1; }

.iconBlocks li a:hover span { color: #2071a1; }

@media (max-width: 640px) { .iconBlocks li { margin-top: 10px; margin-bottom: 10px; } }

#location .text { padding-top: 40px; color: white; }

#location h2 { color: white; font-size: 2.063em; }

#location p { font-weight: 300; font-size: 1.250em; }

#location .mapWrap { padding-top: 25px; }

#location .usMap { position: relative; margin: 20px auto; width: 557px; height: 344px; }

#location .usMap .link { position: absolute; display: block; width: 28px; height: 28px; border-radius: 24px; background: white; border: 3px solid #e21511; text-transform: uppercase; color: #e21511; text-align: center; font-size: 12px; line-height: 23px; }

#location .usMap .link:hover, #location .usMap .link.hover { background-color: #e21511; color: white; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

#location .usMap .mn { left: 330px; top: 74px; }

#location .usMap .ca { left: 0; top: 118px; }

#location .usMap .in { left: 373px; top: 139px; }

#location .usMap .ky { left: 390px; top: 167px; }

#location .usMap .tx { left: 266px; top: 280px; }

#location .usMap .fl { left: 438px; top: 279px; }

#location .usMap .fl2 { left: 467px; top: 307px; }

@media (max-width: 560px) { #location .box { bottom: auto; }
  #location .mapWrap { display: none; }
  #location h2 { font-size:1.7em; }
  #location p { font-size:1em; } }

@media (max-width: 1024px) { #location { background-size: cover; } }


@media only screen and (min-width: 64.063em) { #location .text { padding-right: 30px; }
  #location .box { position: relative; bottom: -30px; } }

@media (max-width: 640px) { #location .box { padding: 10px; }
  #location .box h3 { font-size: 18px; text-align: center; }
  #location .box ul li a { font-size: 14px; }
  #location .box ul li:before { margin-right: 5px; } }

/*-------------------
   Typography
--------------------*/
.ff1, #mainNav .top-bar .top-bar-section ul > li > a, body, .headingTraits, h1, h2, h3, h4, h5 { font-family: 'Lato', sans-serif!important; font-weight: 400; }

/*body { font-size: 16px; color: #3a3939; }*/

.headingTraits, h1, h2, h3, h4, h5 { margin-top: 0!important; color: #aa0f0d; display: block; clear: both; text-transform: none; letter-spacing: normal; font-weight: 700; margin-bottom: .6em!important; }

/* Bold */
h1 { line-height: 1.6em; font-weight: 900; text-transform: uppercase; }

/* Black */
h2 { font-size: 1.4em; font-weight: 300; text-transform: uppercase; }

/* Black */
h3 { font-size: 1.2em!important; font-weight: 300; }

/* Light */
/* Bold */
p { font-size: 1.1em; line-height: 1.4; }

b, strong { font-weight: 800; }

.subheader { color: #3a3939; }

.textShadow { text-shadow: 1px 1px 0 #515151; }

.text-dark { color: #515151; }

.text-blue { color: #24367c; }

.button { background-color: #e21511!important; font-size: 15px; text-transform: uppercase; font-weight: 700; border-radius: 1000px; white-space:nowrap; }

.button.rightPlus:after { content: "+"; margin-left: 8px; }

.button.leftPlus:before { content: "+"; margin-right: 8px; }

.button:hover { background-color: #aa0f0d!important; }

.button.success, .button.blue { background-color: #2071a1; }

.button.success:hover, .button.blue:hover { background-color: #24367c; }

img.center { margin: 0 auto; display: block; max-width: 100%; }

/* foundation core overrides to pass WCAG AA color contrast */
.breadcrumbs > .unavailable, .breadcrumbs > .unavailable a { color: #3a3939; }

ul.pagination li a, ul.pagination li button { color: #3a3939; }

.sub-nav dd a, .sub-nav dt a, .sub-nav li a { color: #3a3939; }

.sub-nav dd, .sub-nav dt, .sub-nav li { color: #3a3939; }

.alert-box.success { background-color: #32804e; }

.alert-box { background-color: #007298; }

ul.pagination li.current a, ul.pagination li.current button { background-color: #007298; }

a { color: #007298; }

ul.pagination li.unavailable a, ul.pagination li.unavailable button { color: #3a3939; }

.sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a { background: #007298; }

.alert-box .close { color: white; opacity: 1; }

.alert-box.secondary .close { color: black; }

.breadcrumbs > * a { color: #007298; }

.alert-box.alert { background: #c72a0e; }

/* -----------------------------------------------------------------------------------
   Custom helper classes also act like variables use "@extend" on a selector
-----------------------------------------------------------------------------------*/
.wrapper { max-width: 1300px!important; }

.row { max-width: 1300px!important; }

.row.full { max-width: 100%; }

.pRelative { position: relative !important; display: block; }

.imgBlock { display: block; width: 100%; border: 2px solid #24367c; }

.redGradientBG, .iconBlocks .iconWrap { background: #f35956; /* Old browsers */ background: -moz-linear-gradient(top, #f35956 0%, #bd2325 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f35956 0%, #bd2325 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f35956 0%, #bd2325 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35956', endColorstr='#bd2325',GradientType=0 ); /* IE6-9 */ }

img.center { display: block; margin: 0 auto; }

/* --------------------------------------
   DOM
-----------------------------------------*/
#content { padding: 55px 0 30px; font-family: 'Lato', sans-serif!important; }
#content a {text-decoration: underline;}

#content .headingLine { margin-bottom: 2.3rem; }

#content .smallWrap, #content article { max-width: 1165px; margin: 0 auto; }

#content article { padding: 20px 0; display: block; overflow: hidden; }

#content .pageTitle { font-size: 2.1em!important; margin-bottom: 0; }

#content h2, #content h3, #content h4 { color: #3a3939; }

#content h2 { margin-bottom: 0; }
#content h2 {font-size:1.4em!important; font-weight:300!important;}

#content .alert-box { max-width: 700px; margin-left: auto; margin-right: auto; }

#content .button.alert { background-color: #aa0f0d; }

#content section.withSidebar { border-top: 1px solid #dededf; }

#content section.withSidebar .primary { padding-top: 30px; padding-bottom: 20px; overflow: hidden; }

#content section.withSidebar .sidebar { padding-top: 30px; padding-bottom: 20px; border-top: 1px solid #dededf; }

#content section.withSidebar .sidebar .wrap { margin: 0 auto; max-width: 300px; }

#content section.withSidebar .sidebar ul { margin: 0; list-style-type: none; }

#content section.withSidebar .sidebar .button { width: 100%; }
#content img {border-radius:0.8em!important;} 

@media only screen and (min-width: 40.063em) { #content section.withSidebar .primary, #content section.withSidebar .sidebar { padding-top: 40px; }
  #content section.withSidebar .sidebar { border-left: 1px solid #dededf; border-top: none; } }

.paddedSection { padding: 50px 0; }

#map { margin-bottom: 60px; }

#map .map-responsive { overflow: hidden; xx_padding-bottom: 56.25%; position: relative; height: 450px; }

#map .map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

@media (max-width: 1024px) { #map .map-responsive { height: 300px; } }

@media (max-width: 640px) { #map .map-responsive { height: 200px; } }

.maptext h2, .maptext h3 { margin-bottom: 14px; }

.maptext h2 { font-size: 20px; }

.maptext p, .maptext span { font-size: 0.9rem; }

.maptext h3 { font-size: 0.9rem; font-weight: 800; text-transform: uppercase; }

.maptext .grey { color: #3a3939; }

.maptext .grey h2 { color: #3a3939; }

.maptext .red { color: #aa0f0d; }

.maptext .location { padding-bottom: 25px; overflow: visible; height: 300px; }

.maptext .location h3 { margin-bottom: 8px; }

.maptext .location ul { list-style-type: none; display: block; margin-left: 0; padding: 0; }

.maptext .location ul li { display: block; min-height: 27px; position: relative; padding-left: 30px; }

.maptext .location ul li > i { position: absolute; display: block; background-color: #aa0f0d; color: white; width: 24px; height: 24px; border-radius: 12px; text-align: center; line-height: 24px; left: 0; top: 0; font-size: 13px; }

.maptext .location a { color: #3a3939; }

.maptext .location a:hover { color: #2071a1; }

.maptext .location:hover ul li i { background-color: #2071a1; }

.maptext .location:hover ul li i.icon-www { background-color: #aa0f0d !important; }

.maptext .location:hover h3 { color: #2071a1 !important; }

@media (max-width: 1024px) { .maptext .location { padding-bottom: 15px; } }

@media (max-width: 640px) { .maptext.heading h2, .maptext.heading h3, .maptext.heading p { text-align: center !important; margin-bottom: 8px; }
  .maptext .location { height: auto; }
  .maptext .location h3, .maptext .location p, .maptext .location ul li { text-align: center; }
  .maptext .location ul li i { position: relative; display: inline-block; margin-right: 10px; opacity: 0.4; } }

#optin { padding: 35px 0 25px; border-top: 9px solid #aa0f0d; }

#optin .wrap { max-width: 1200px; text-align: center; float: none; margin: 0 auto; }

#optin h2 { display: inline-block; color: #24367c;; font-weight: 300; font-size: 2.813em; margin-right: 10px; }

#optin h2 strong { color: #2071a1!important; font-weight: 900!important; }

#optin .button { margin: 0; top: -10px; }

@media only screen and (max-width: 560px) { #optin h2 { font-size:2em; } }

#footer { background-color: #e6e6e6; }

#footer .column { padding-top: 35px; }

#footer h3 { text-transform: uppercase; font-weight: 800; font-size: 15px; }

#footer ul.ql { display: block; margin: 0; overflow: hidden; }

#footer ul.ql li { display: block; width: 33%; float: left; position: relative; }

#footer ul.ql li a { color: #3a3939; font-size: 14px; padding-left: 16px; display: block; }

#footer ul.ql li:hover a { color: #aa0f0d; text-decoration: underline; }

#footer ul.ql li:before { content: ">"; display: inline-block; margin-right: 10px; color: #aa0f0d; position: absolute; line-height: 1.4; }

#footer .copyright img { margin-top: 20px; }

#footer .copyright p { font-size: 12px; font-style: italic; }

@media (max-width: 1024px) { #footer ul.ql li { width: 50%; } }

@media only screen and (min-width: 40.063em) { #footer .copyright p { margin-left: -15px; margin-right: -15px; }
  #footer .copyright hr { border-color: #cacacb; } }

/*------------------------------------------------
  Repeating Sections
-------------------------------------------------*/
/* box */
.box { padding: 16px; background: white; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; }

.box h3 { text-transform: uppercase; font-weight: 800; font-size: 20px; }

.box ul { display: block; margin: 0; overflow: hidden; }

.box ul li { display: block; width: 50%; float: left; position: relative; }

.box ul li a { color: #3a3939; font-size: 14px; padding-left: 16px; display: block; }

.box ul li:hover a { color: #aa0f0d; text-decoration: underline; }

.box ul li:before { content: "+"; display: inline-block; margin-right: 10px; color: #aa0f0d; position: absolute; line-height: 1.4; }