/* ==========================================================================
  Description: CMH stylesheet 
  Author: Matthew McKern
  Release date: 09/19/16
  Revision History: Revised By    Revised On:
                       Someone         02/17/007
  ========================================================================== */

/* temp navigation */
	.navSequence { display: none; position: fixed; height: 40px; width: 100%; background: rgba(235,235,255,.8); border-bottom: 1px solid #000; }

/* Main blue = #164d8d */

/* ==========================================================================
    Global
    ========================================================================== */

	html { width: 100%; height: 100%; margin: 0; padding: 0; color: #606A6A; overflow-x: hidden; font-size: 62.5%; /*For rems*/ letter-spacing: -0.01em; }

	body { margin: 0; font-family: 'Open sans', sans-serif; color: #414141; font-weight: 400; font-size: 20px; font-size: 2rem; line-height: 160%; background: #fff }
	a { text-decoration: none; color: #468bcc; }
	a:hover { text-decoration: none !important; color: initial; }
	a:hover btn-group { text-decoration: none !important; }
	a:focus { outline: none !important; text-decoration: none !important; }
	a:visited { text-decoration: none !important; }
	a:btn { text-decoration: none !important; }
	h1 { font-size: 22px; font-size: 2.2rem; font-weight: 400; }
	h2 { font-size: 20px; font-size: 2.0rem; color: #164d8d; font-weight: 400; }
	h3 { font-weight: 600; color: #6ca0d6; font-size: 30px; font-size: 3rem; margin: 0 0 8px 0; }
	ul { margin: 0; padding: 0; }
	.twoCol > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.threeCol > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.content { width: 80%; margin: 0 10%;  }
	.wrapper { max-width: 1280px; width: 80%; margin: 0 auto; }

  	.imagePositionLeft { background-position: top left !important; }
  	.imagePositionRight { background-position: top right !important; }

	.SA article.noAside { width: 100% }
	.SA aside.noAside { display: none }

/* ==========================================================================
    Header
    ========================================================================== */

	header { position: fixed; top: 0; width: 100%; max-width: 100%; height: 130px; background: #fff; z-index: 1000; border-bottom: 1px solid #ddd; }
	.header { position: absolute; z-index: 1000 }
	a.logoLink { display: block; /* width: 20%; */ height: auto; margin: 15px 0 0 20px; z-index: 1000; }
	a.logoLink img { width: 268px; }

/* ==========================================================================
    Nav
    ========================================================================== */

	nav { display: table; table-layout: fixed; position: absolute; width: 100%; top: 0; left: 0; margin-top: -400px; /* height: 130px; */ height: 100%;
		background-color: #d5e8f4; transition: all .5s; overflow: -moz-scrollbars-none; overflow-y: scroll; scroll-behavior: touch; -ms-overflow-style: none;  }
	nav.a:focus { color: #458ccb; }
	nav.active { height: 130px; margin-top: 0; transition: all .5s; }
	nav.mobileActive { display: block; position: fixed; top: 130px; max-height: calc(100% - 130px) }
	nav::-webkit-scrollbar { width: 0 !important }
	nav li.over > .subnav.col-md-6 { position: absolute; height: 420px; left: 70px; }
	nav li.over .subnav .subnav { position: initial; height: auto; }
	nav ul { z-index: 4 !important; width: 100%; }
	nav li { display: table-cell; text-align: center; padding: 0 25px; box-sizing: border-box; }
	nav li.parent { break-inside: avoid; position: relative; }
	nav a { color: #fff; display: block; position: relative; font-size: 16px; font-size: 1.6rem; font-weight: 600; display: block; top: 48px; 
		color: #004b8d; line-height: 1.1; padding: 42px 0; z-index: 5 }
	nav ul li > a:hover { color: #468bcc !important; }
	nav li > a:before {
		content: ""; position: absolute; left: 0; width: 100%; height: 4px; bottom: 18px;
		background-color: #004b8d; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
	nav li > a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
	nav li ul { background: #999 }
    ul.subnav ul.subnav { padding-left: 0; }
      .subNavWrap { width: 80%; margin: 0 auto; }
      .ulCol { float: left; width: 25%; }
	nav ul li:first-of-type.twoCol.parent li.parent a { font-weight: 800; color: #0e4c8f;  }
	nav ul ul { display: block; position: absolute; left: -9999px; width: 350px; padding: 20px 20px 30px 20px; list-style: none; top: 130px; 
		/* margin: 0 0 0 -70px; */ background: #e9f0f4; font-weight: 400; box-shadow: 0 10px 8px 8px rgba(0, 0, 0, 0.2); 
		 z-index: 2 !important; 
		-webkit-padding-start: 0; }
	nav ul li > ul { margin-left: -70px }
	nav li:hover > ul { left: 0 }
	nav ul li:nth-child(1) > ul { margin-left: 0 }
	nav ul li:nth-child(1) > ul ul { margin-left: 0 }
	nav ul ul li { padding: 0; box-shadow: none; width: 95%; /* margin-left: 20px; */ color: #478bc9; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */  
	  page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ display: inline-block; text-align: left; /*width: 80%;*/ 
	  min-width: 300px; }
	nav ul ul li:hover { box-shadow: none; background: none; }
	nav ul ul li a { color: #458ccb !important; padding: 6px 15px 6px 2px; margin: 2px 7px 0 7px; text-transform: none; font-weight: 400;
		 font-size: 18px; font-size: 1.7rem; box-shadow: none; opacity: 1; top: 0; line-height: 120%; }/* transition: all 1s; */
	nav ul ul li a:hover { color: #fff !important; padding-left: 15px; background-color: #478bc9; box-shadow: none; opacity: 1; 
	  transition: padding 1s; }
	nav ul ul ul li a:hover { color: #fff !important; }
	nav ul ul li > a:before, nav ul ul ul li > a:before { display: none; }
	nav .twoCol > ul { /* left: 70px; */ width: 840px; padding-left: 50px; padding-right: 70px; }	
	.parent { clear: both; }
	li.secnav { display: table; break-inside: avoid; width: 80%; }
	.noBreak { break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; }
	.alignRight { left: initial; right: 0; }
	nav ul ul ul { display: block; position: static; margin: 0; z-index: 10; width: 100%; padding: 0 2px 5px 20px; box-shadow: none; 
		border-radius: 0; border-bottom: 4px solid #42a3b3; border-top: 0; }
	nav ul ul ul li { display: -webkit-box; margin-left: 20px; /* background: #e1ecf2; */ }
	nav ul ul ul li a { margin-top: 4px; /* font-size: 16px; font-size: 1.6rem; */ font-weight: 400 !important; display: inline-block; 
		line-height: 160%; }
	nav ul ul li > a:before, nav ul ul ul li > a:before { display: none; }
	nav ul ul, nav ul ul li, nav ul ul ul, nav ul ul ul li, { column-break-inside: avoid; break-inside: avoid; }
	nav ul ul ul, nav ul ul ul li  { border: none; }
	nav ul ul ul a { font-weight: 400; }

	span.sectionHeader { font-weight: 700; color: #164d8d; width: 100%; display: block; text-align: left; }
	.oneCol ul.subnav { width: 20%; padding: 20px; min-width: 420px; }

	.topBar { width: 80%; position: fixed; right: 0; top: 0; z-index: 4; height: 130px; }

	.noLink > a { color: #0e4c8f !important; }
	.noLink > a:hover { background: none; padding-left: 2px; color: #0e4c8f !important; }

/* individual nav heights for multiple columns ------------------ */
	.patientsNav > ul { height: 446px; }
	/* .servicesNav > ul { height: 500px; } */

/* ==========================================================================
    Rightside Nav 
    ========================================================================== */

 /*  #navRightSide { position: absolute; z-index: 3; right: 20px; top: 45px } */
	#navRightSide { float: right; margin-right: 20px; margin-top: 45px }
	#navRightSide .menuSearch { display: none; position: absolute; right: 80px; font-size: 22px; 
		font-size: 2.2rem; }
	#navRightSide a, #mobileMenu { float: right; display: block; text-align: center; padding: 2px; width: 40px; height: 40px; 
		border-radius: 5px; margin-left: 10px; background-position: center; color: #0e4c8f !important; text-decoration: none; 
		font-size: 26px; font-size: 2.6rem; }
	#navRightSide a:hover, #mobileMenu:hover { background: #9dc2ed; transition: background .7s; }
	#navRightSide a span { margin-left: 15px; }
	#mobileMenu { float: right; }
	#mobileMenu a { border-radius: 0; }
	#navRightSide #mobileMenu a { background: url('/media/1057/iconmobilenav.png') no-repeat; background-size: cover; 
		width: 27px; height: 22px; margin: 5px 4px 0 4px; transition: none; overflow: visible }
	#navRightSide #mobileMenu.closeBtn a { background-image: url('/media/1055/icon-closebtn.png'); background-size: 80%; 
		background-position: center; transition: none; }

/* ==========================================================================
    Search Overlay 
    ========================================================================== */

	#searchArea { max-width: 512px; width: 70%; margin: 150px auto; zoom: 1.5 }
	nav .menuSearch { position: absolute; top: 45px; right: 40px; font-size: 20px; font-size: 2rem; }
	nav li > a.menuSearch:before { display: none; }
	.searchOverLay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #e8f0f3; /*zoom: 2;*/ display: none; z-index: 10; }
	#searchButtonClose { background: #05538a; border: solid 1px #fff; border-radius: 40px; width: 40px; height: 40px; display: block; cursor: pointer; 
		margin: 50px auto;  transition: background .5s; }
	#searchButtonClose:before, #searchButtonClose:after { content: ''; display: block; background: #fff; width: 30px; height: 2px; margin: 50%; left: -15px; 
		position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	#searchButtonClose:before { top: -1px; }
	#searchButtonClose:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -57%; }
	#searchButtonClose:hover { background: #fff; top: 45px; }
	#searchButtonClose:hover:before, #searchButtonClose:hover:after { background: #d0f2f5; transition: background .5s; }
	#searchTextArea { margin: 0 auto; }
	#searchTextArea > span { font-size: 30px; font-size: 3rem; color: #05538a; margin-left: 64px; }
	.textCycle { height: 55px; }
	input.search { text-align: center; background: transparent; border: 0; outline: 0; margin: 30px 0 0 0px; color: #05538a;
		font-size: 30px; font-size: 3rem; width: 100%; border: solid #05538a; border-width: 0 0 1px 0; } 
	button#searchGoButton { margin-top: 50px; margin-bottom: 50px; width: 70px; margin-left: calc(50% - 35px); margin-right: calc(50% - 35px); 
		background: transparent; border-radius: 10px; border: solid 1px #acc0d5; padding: 4px 10px; 
		color: #05538a; transition: background .5s; font-size: 16px; font-size: 1.6rem; font-family: 'Open sans', sans-serif; }
	button#searchGoButton:hover { background: #fff; color: #05538a; transition: background .5s; }
	button#searchGoButton:focus { outline: none }

/* ==========================================================================
    Banner 
    ========================================================================== */

  #banner { margin-top: 130px; /* top: 130px; */ position: relative; height: 615px; }
  #banner { left: 0; width: 100%; z-index: 1; }
  #bannerInside {  margin-top: 130px; width: 100%; height: 500px; background-size: cover; margin-bottom: 40px;  }

/* rotator ---------- */
  #rotatingContent { width: 100%; }
  #rotatingContentInside { width: 65%; }
  #rotatingContent .promo { display: none; width: 100%; height: 615px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; }

  .imagePositionLeft { background-position: top left !important; }
  .imagePositionRight { background-position: top right !important; }

  .CS_cntrls { position: absolute; z-index: 2; }
  #rotatingContent .CS_dots { text-align: center; top: 415px !important; width: 100% !important;   }
  .CS_dots a { display: inline-block; font-size: 0; height: 7px; width: 40px; border-radius: 10px; overflow: hidden; text-align: center; margin-right: 10px; 
        opacity: .5; background: #ddd; transition: all .5s; }
  
  #rotatingContentInside .CS_dots { top: 420px !important; }
  .CS_dots a.CS_current { background: #fff; opacity: .8; transition: all .5s; }
  .CS_dots a:hover { background: #fff; opacity: 1; transition: all .5s; }

  .promoTextLeft, .promoTextRight { position: absolute; text-align: left; bottom: 0; width: 100%; box-sizing: border-box; height: 162px; 
    padding: 35px 20px 17px 0; background: rgba(255,255,255,.9);}
  .promoTextLeft h2, .promoTextRight h2, .promoTextLeft p, .promoTextRight p { color: #164d8d;  margin: 0 30% 0 5%; }
  .promoTextLeft h2, .promoTextRight h2 { font-size: 60px; font-size: 6rem; font-weight: 200; line-height: 36px; }
  .promoTextLeft p, .promoTextRight p { font-weight: 400; line-height: 120%; margin-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 140%; }
  .promoTextLeft a, .promoTextRight a { font-weight: 800; color: #164d8d; display: inline-block; transition: all .3s; }
  .promoTextLeft a:hover, .promoTextRight a:hover { color: #468bcc; transition: all .3s; }

  #ERwaitTime { width: 28%; height: 162px; box-sizing: border-box; background: #478bc9; position: absolute; bottom: 0; right: 0; z-index: 30; }
  #ERwaitTime .content { margin: 5px 30px 5px 5px; background: url('/media/1036/bgerwaittime.png') no-repeat; background-size: 120px; 
      width: calc(100% - 35px); height: calc(100% - 10px); background-position: 20px; }

  #erWaitTimeTxt { color: #fff; float: right; margin: 20px 30px 0 0; font-size: 40px; font-size: 4rem; text-shadow: 0 0 10px rgba(0,0,0,.7); text-align: right; }
  #erWaitTimeTxt span { color: #95c4f9; }
    
  #erContainer { float: right; margin: 32px 26px 20px; font-family: Verdana, sans-serif; }
  #erContainer img, #time-box { float: left; }
  #time-box { margin-left: 10px; }
  .time { font-size: 50px; font-size: 5rem; font-weight: bold; color: #fff; line-height: 40px; float: left; width: 36%; padding-top: 50px; 
	  text-align: center; }
  .time-text { color: #002864; font-size: 24px; font-size: 2.4rem; line-height: 110%; font-weight: 800; text-align: center; margin: 20px 30px 0 0; width: 50%; float: right; clear: both; }
  .time-error { float: right; width: calc(42% - 100px); font-size: 18px; font-size: 1.8rem; color: #fff; text-decoration: none; font-weight: 600; clear: right; }
  .time-error h2 { margin: 0; text-align: center; }
  .time-error span { margin: 0; font-size: 10px; font-size: 1rem; text-align: center; }
  .erLink { font-size: 16px; font-size: 1.6rem; color: #fff; text-decoration: none; font-weight: 600; float: right; clear: right; width: 50%; text-align: center; margin-right: 30px; }

/* end rotator ---------- */

/* ==========================================================================
    Main
  ========================================================================== */

  main {  }

  /* strips - shared attributes */

  #strip1, #strip2, #strip3, #strip4, #strip5, footer { width: 100%; float: left; clear: both; }

	/* .inside.content { margin-top: 150px; } */

/* ==========================================================================
    Strip 1
  ========================================================================== */

	#strip1 { margin-top: 20px; background: #fff; }

	#successStoriesRotator { width: 100%; height: 320px; float: left; margin: 50px 50px 50px 0; }
	#successStoriesRotator .imgContainer { width: 340px; height: 300px; float: left; }
	#successStoriesRotator1, #successStoriesRotator2, #successStoriesRotator3 { display: none; width: 100%; height: 320px; position: absolute; left: 0;}
	#successStoriesRotator1 .imgContainer { background: url('/media/1066/imgsuccessstories1.jpg'); background-size: cover; background-repeat: no-repeat; }
	#successStoriesRotator2 .imgContainer { background: url('/media/1067/imgsuccessstories2.jpg'); background-size: cover; background-repeat: no-repeat; }
	#successStoriesRotator3 .imgContainer { background: url('/media/1068/imgsuccessstories3.jpg'); background-size: cover; background-repeat: no-repeat; }
	#strip1 .CS_dots { width: 340px !important; top: 265px !important; text-align: center; max-height: 40px; }
	#strip1 .CS_dots a { color: #000 !important; }
	.successStoriesText { float: left; clear: right; height: 450px; width: calc(100% - 400px); margin-left: 30px; padding-top: 60px; }
	.successStoriesText h2 { font-size: 40px; font-size: 4rem; font-weight: 400; margin: 0; }
	.successStoriesText p { font-weight: 400; font-size: 16px; font-size: 1.6rem; line-height: 150%; margin-top: 15px; }
	.successStoriesText a { font-weight: 800; color: #164d8d; display: inline-block; }
	.successStoriesText a:hover { color: #468bcc; text-decoration: underline; transition: all .3s; }
	a.btnFacebook img { width: 150px; opacity: 1; transition: opacity .5s; }
	a.btnFacebook img:hover { opacity: .7; transition: opacity .5s; }

/* ==========================================================================
    Strip 2
  ========================================================================== */

	#strip2 { background: #e0e8ed; padding-top: 40px; }
	#strip2 h2 { font-size: 30px; font-size: 3rem; margin-bottom: 0; }
	#strip2 p { margin-top: 10px; }
	#strip2 .promoContainer { display: block; width: 46%; float: left; min-height: 400px; background-repeat: no-repeat; }
	#strip2 .findPhysician { margin-right: 6%; background-image: url('/media/1038/bgfind-a-physician.png'); background-size: 250px; background-position: 100% 100%; }
	#strip2 .enewsletter { background-image: url('/media/1035/bgenewsletter.png'); background-size: 230px; background-position: 100% 20%; }

/* margin: 0 0 8px 0; */
	#strip2 option,
	#strip2 input,
	#strip2 select,
	#strip2 .btn,
	div.dropdown { box-sizing: border-box; font-family: 'Open sans', sans-serif; width: 60%; padding: 8px 16px; 
     line-height: 140%; color: #fff; font-size: 12px; font-size: 1.6rem; border: none; transition: background-color .3s; }

	input#emailBtn { width: 100% !important; }
	div.dropdown { max-height: 40px; padding: 0; }

	#strip2 input { background: #468bcc; margin-bottom: 8px }
	#strip2 .btn, div.dropdown { background: #164d8d; font-weight: 400; }

	#strip2 select {cursor: pointer; -moz-appearance: none;-webkit-appearance: none; }
	div.dropdown { overflow: hidden; background: #164d8d url('/media/1003/dropdowniconsm.png') right no-repeat; width: 60%;
      background-size: auto 100% ; /* vertical-align: center; */ box-sizing: border-box; }
	#strip2 .dropdown input { background: transparent; margin-bottom: 0; }
	#strip2 .dropdown select { width: 110% !important; background: none; } 
	@-moz-document url-prefix() {
		#strip2 select { padding-top: 0; }
		#strip2 option, #strip2 .dropdown select option { padding-top: 0; }
	}
	#strip2 option { font-size: 20px; font-size: 2rem; line-height: 120%; color: #164d8d; width: 100% } 
	#strip2 .btn { display: block; text-align: center; border-radius: 0; transition: background-color .3s; width: 60% !important; }
	#strip2 input, .dropdown { transition: background-color .3s; }
	div.dropdown select:hover { background: #fff }
	@-moz-document url-prefix() { 
	  div.dropdown select:hover option {
		background: #fff; color: #164d8d
	  }
	}

/* ==========================================================================
    Strip 3 & Strip 4
  ========================================================================== */
	
	#strip3, #strip4 { min-height: 350px }
	#strip3 { background: #478bc9; background-image: url('/media/1037/bgevents.png'); }
	#strip3 .content, #strip4 .content { margin-top: 40px; margin-bottom: 40px; /* display: flex; */ display: block }
	#strip4 { background: #0066ae; background-image: url('/media/1039/bghealthinfo.png'); }
	#strip3, #strip4 { background-repeat: no-repeat; background-position: 20% 40px; background-size: 230px; }
	#strip3 .twoCol, #strip4 .twoCol { width: calc(90% - 390px); padding-right: 0; max-width: initial; }
	#strip3 .sectionHeader, #strip4 .sectionHeader { max-width: 300px; margin-right: 190px; }
	#strip3 .sectionHeader, #strip4 .sectionHeader, #strip3 .events, #strip4 .stories { display: block; float: left; }
	#strip3 h2, #strip4 h2 { color: #fff; font-weight: 700; font-size: 55px; font-size: 5.5rem; line-height: 110%; }
	#strip3 .btn, #strip4 .btn { display: block; padding: 10px 30px; }
	#strip3 ul, #strip3 li, #strip4 ul, #strip4 li { list-style: none; margin: 0; padding: 0; }
	#strip3 li, #strip4 li { margin-bottom: 50px; break-inside: avoid; }
	.eventsBtn, .healthInfoBtn { padding: 20px 60px; text-align: center; color: #fff; font-weight: 600; display: inline-block; }
	.eventsBtn { background: #9bc0e2; transition: all .6s; }
	.eventsBtn:hover { background: #62b0ff; color: #fff !important; transition: all .6s; }
	.healthInfoBtn { background: #4598da; transition: all .6s; }
	.healthInfoBtn:hover { background: #62b0ff; color: #fff !important; transition: all .6s; }
	#strip3 h3, #strip4 h3, #strip3 p, #strip4 p { margin: 0; color: #fff; }
	#strip3 h3, #strip4 h3 { font-weight: 700; }
	.events, .stories { margin: 40px 0; }

/* ==========================================================================
    Strip 5
  ========================================================================== */

	#strip5 { height: 510px; position: relative; border-top: 1px solid #0066ae; max-width: 100%; overflow: hidden }
	.mapContainer, #gglMap { width: 100%; height: 510px }
	.mapContainer { overflow: hidden; max-width: 100% }
	.footerWrapper { position: absolute; top: 0; left: 0; z-index: 3; height: 510px; width: 100%; }

	#mapOverlay { position: absolute; margin-left: 0; width: 100%; height: 510px; z-index: 2; background:rgb(255,255,255); 
		background: transparent\6; background:rgba(255,255,255,0.6); zoom: 1; }

	#closeMapHolder { position: absolute; opacity: 0; z-index: 3; text-align: right; top: 50px; position: absolute; right: 10px; }
	a#closeMap, .location-button { color: #fff; background: #4598da; padding: 30px; text-decoration: none; line-height: 100%; font-weight: 800; } 
	a#closeMap { padding: 2px 1px 0 1px; display: block; width: 25px; height: 25px; text-align: center; }

	.location-button { color: #fff; height: 160px; width: 160px; text-align: center; display: block; border-radius: 100px; 
		transition: background-color .3s; }
	.location-button:hover, a#closeMap:hover, location-button:visited, a#closeMap:visited { transition: background-color .3s; background: #62b0ff; color: #fff !important; }
	#strip5 .verticalContainer { width: 150px; height: 150px; margin-left: auto; margin-right: auto; margin-top: 170px; }
	#strip5 .vertical { margin-top: 25%; height: 50%; }

/* ==========================================================================
    Footer
  ========================================================================== */

	footer { background: #004990; text-align: center; color: #fff; padding: 30px 0; }
	footer .content { display: ; }
	footer a { color: #8bbeec; padding: 4px 10px 6px 10px; transition: background .6s; }
	footer a.social { border-radius: 12px; margin-left: 22px; width: 40px; height: 41px; display: inline-block; padding: 0; overflow: hidden; transition: all .6s; }
	footer a.social:hover { background: none; box-shadow: inset 0 0 10px rgba(255,255,255, 1), 0 0 25px rgba(255,255,255, 1); transition: all .6s; }
	footer a:hover { background: #006eb8; color: #fff !important; transition: all .6s; }
	footer a img { transition: all .6s; }
	footer a.social:first-of-type { margin-left: 0; }
	footer a img:hover { background-color: none; }
	footer p { margin: 4px 0; }
	footer .rowOne { width: 100%; display: table; }
	footer br { display: none; }
	.socialMediaContainer { margin-top: 10px; }
	.pipe { margin: 0 15px; }
	.socialMediaContainer { width: 100%; display: table; }

/* ==========================================================================
   Accordion
   ========================================================================== */

/* Accordion Resets ----------*/
	
	.ui-widget { font-family: 'Open sans', sans-serif; } 
    .ui-accordion .ui-accordion-content { border: 0; /* sets indent for child content > */ padding: 0 0 0 40px; color: #7c7c7c; }
    .ui-widget-content a { color: #000; border: 0; }
    .ui-accordion .ui-accordion-icons { padding-left: 0; margin-left: 20px; }
    footer .ui-state-default .ui-icon { background: none; }
    .ui-accordion .ui-accordion-content { padding: 0 0 0 20px; border: 0; }
	.ui-state-default .ui-icon { display: none; }

/* Accordion Styles ----------*/

	.accordion { width: 90%; margin: 0px 20px; position: relative; z-index: 2; background: none; }
   	.ui-accordion-header { display: block; cursor: pointer; background: none; }
    .ui-accordion-header:hover { cursor: pointer; }
    .ui-accordion-header:focus { outline: none; }
	.ui-accordion-header-icon { display: block; float: left; width: 12px; height: 14px; margin-right: 10px; }

    .ui-accordion-header.ui-accordion-header-active:before { background: url('/media/1244/minus.png'); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
	.ui-accordion-header:before, a.nonAccordion:before { content: ''; display: block; background: url('/media/1245/plus.png'); width: 15px; height: 15px; 
		position: absolute; margin: 2px 0 0 -40px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
	
	/* .ui-icon-triangle-1-e:before { content: "+" }
	.ui-icon-triangle-1-s:before { content: "-" } */
	.ui-accordion-content p { margin-top: 0; }
	.ui-accordion-content-active table { width: 400px; }
	.ui-accordion-content-active table tr { border-top: 3px solid #fff; }
	.ui-accordion-content-active table tr td { background-color: #999; padding: 4px 8px; }
	.ui-accordion-content-active table tr td + td { border-left: 3px solid #fff; text-align: right; width: 20%; }
	.ui-accordion-content th { padding-top: 7px; }

	.accordion h3 { font-family: 'Open sans', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: 400; background: none; border: 0; color: #0e4c8f; font-weight: 600; }
	.accordion div ul { margin: 0 0 20px 20px; padding: 0; }
	.accordion div ul li { list-style: none; }
	.accordion div ul li a { color: #b29f44; font-weight: 400; }
	.accordion div ul li a:hover { color: #d3c16c; }
	.ui-icon { display: none; }
	a.nonAccordion { color: #000; font-size: 22px; font-size: 2.2rem font-weight: 400; text-decoration: none; }
	a.nonAccordion:before { background: url('/media/1247/footerlinkglyph.png'); margin: 4px 0 0 -21px; }

/* Rotating Words Set Up -----------*/

.textCycle { display: inline-block; }
   .textCycle span { position: absolute; opacity: 0; /* overflow: hidden; */ color: #999; font-size: 48px; font-size: 4.8rem; font-weight: 400; margin-left: 10px;
   -webkit-animation: rotateWord 15s infinite linear 0s;
       -ms-animation: rotateWord 15s infinite linear 0s;
            animation: rotateWord 15s infinite linear 0s; }

.textCycle span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
         -ms-animation-delay: 3s; 
             animation-delay: 3s; 
}
.textCycle span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
         -ms-animation-delay: 6s; 
             animation-delay: 6s; 
}
.textCycle span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
         -ms-animation-delay: 9s; 
             animation-delay: 9s; 
}
.textCycle span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
         -ms-animation-delay: 12s; 
             animation-delay: 12s; 
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(5px); }
    5% { opacity: 1; -webkit-transform: translateY(25px);}
    17% { opacity: 1; -webkit-transform: translateY(25px); }
    20% { opacity: 0; -webkit-transform: translateY(45px); }
    80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(5px); }
    5% { opacity: 1; -ms-transform: translateY(25px);}
    17% { opacity: 1; -ms-transform: translateY(25px); }
    20% { opacity: 0; -ms-transform: translateY(45px); }
    80% { opacity: 0; }
   100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); }
    5% { opacity: 1; -webkit-transform: translateY(25px); transform: translateY(25px);}
    17% { opacity: 1; -webkit-transform: translateY(25px); transform: translateY(25px); }
    20% { opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px); }
    80% { opacity: 0; }
   100% { opacity: 0; }
}

/* ==========================================================================
    Inide page structure
    ========================================================================== */

	main.inside.content { width: 70%; margin: 50px 15%; top: 600px; overflow-x: hidden }
	.insideColLeft { width: 65%; margin-right: 5%; padding-bottom: 50px; float: left; }
	.insideColRight { width: 30%; float: left; padding-bottom: 50px; }
	.careerBtn { display: inline-block; background-color: #4598da; background-size: 50px; background-position: 15px 10px;  
		margin-right: 10px; color: #fff; height: 90px; text-align: right; padding: 30px 15px 0 90px; line-height: 1.1;
		background-image: url(/media/1461/bgfind-a-physician-transparent.png); background-repeat: no-repeat; 
		transition: background-color 0.5s }
	.careerBtn:hover { background-color: #62b0ff; color: #fff }

/* ==========================================================================
    Article
    ========================================================================== */

	article h1 { font-weight: 400; color: #164d8d; font-size: 60px; font-size: 6rem; margin: 0 0 30px 0; line-height: 103%; }
	article h3 { font-weight: 600; color: #6ca0d6; font-size: 30px; font-size: 3rem; margin: 0 0 8px 0; }
	article h4 { font-weight: 700; color: #333; font-size: 18px; font-size: 1.8rem; }
	article p, article ul, article ol { color: #333; font-family: 'Open sans', sans-serif; 
		font-weight: 400; font-size: 18px; font-size: 1.8rem; margin: 0 0 24px 0; line-height: 180%; }
	article p a, article ul li a { color: #164d8d /* !important */; text-decoration: none; font-weight: 800; /* text-transform: uppercase; */ }
	article p a:hover, article ul li a:hover { color: #468bcc /* !important */; text-decoration: underline; transition: all .3s; }
	article ul, .SA ul { margin-left: 20px; list-style: none; }
	article ul li { padding: 0; margin-left: 0; }
	article ul li:before, .SA ul li:before { content: "\f111"; font-family: FontAwesome; color: #8fc2e9; font-size: 50%; padding: 0 25px 0 0; vertical-align: 15%; }
	.SA .pagination li:before { content:"" }

	#leaders .ui-accordion-content p { display: inline-block; padding: 10px; text-align: center; width: 24%; vertical-align: top; }

/* ==========================================================================
    Related links column
    ========================================================================== */

  .insideColRight h2 { font-weight: 600; color: #164d8d; font-size: 28px; font-size: 2.8rem; margin-bottom: 6px; }
  .insideColRight ul { margin: 0; padding: 0; list-style: none; }
  .insideColRight ul li { margin: 0; padding: 0; }
  .insideColRight ul li a { display: table; font-size: 20px; font-size: 2rem; font-weight: 400; color: #164d8d; padding: 5px 10px 5px 0; 
     margin-bottom: 3px; line-height: 120%; transition: all 1s; }
  .insideColRight ul li a:hover { background: #164d8d; color: #fff; padding: 5px 10px; transition: all 1s; text-decoration: none; border-radius: 5px; }
  .insideColRight p { font-size: 18px; font-size: 1.8rem; line-height: 160%;}
  .insideColRight p a { color: #164d8d; }

/* ==========================================================================
    Site map
    ========================================================================== */

	.sitemap { padding-bottom: 40px }
	.sitemap ul a { color: #468bcc; display: block; font-weight: 600; padding: 4px 8px 4px 2px; transition: .5s all; display: table; margin-bottom: 2px; break-inside: avoid; }
	.sitemap ul ul a { font-weight: 400; }
	.sitemap ul li:before { display: none }
	.sitemap a:hover { padding: 4px 8px; color: #fff !important; background: #468bcc;  }

/* ==========================================================================
   IE 8
   ========================================================================== */

	.ie8 .container { width: 1080px; margin: auto; }
	.ie8 .inside.content { margin-top: 160px }
	.ie8 article { width: 740px; float: left; }
	.ie8 aside { width: 300px; float: right; }
	.ie8 .col-sm-1, .ie8 .col-md-1 { width: 8.333%; float: left; }
	.ie8 .col-sm-2, .ie8 .col-md-2 { width: 16.666%; float: left; }
	.ie8 .col-sm-3, .ie8 .col-md-3 { width: 25%; float: left; }
	.ie8 .col-sm-4, .ie8 .col-md-4 { width: 33.333%; float: left; }
	.ie8 .col-sm-5, .ie8 .col-md-5 { width: 41.666%; float: left; }
	.ie8 .col-sm-6, .ie8 .col-md-6 { width: 50%; float: left; }
	.ie8 .col-sm-7, .ie8 .col-md-7 { width: 58.333%; float: left; }
	.ie8 .col-sm-8, .ie8 .col-md-8 { width: 66.666%; float: left; }
	.ie8 .col-sm-9, .ie8 .col-md-9 { width: 75%; float: left; }
	.ie8 .col-sm-10, .ie8 .col-md-10 { width: 83.333%; float: left; }
	.ie8 .col-sm-11, .ie8 .col-md-11 { width: 91.666%; float: left; }
	.ie8 .col-sm-12, .ie8 .col-md-12 { width: 100%; float: left; }

/* ==========================================================================
  Media Queries for Responsive Design.
  ========================================================================== */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
}

@media only screen and (max-width: 1800px) {
	#banner { height: 555px; }
   #rotatingContent .promo { height: 555px; background-size: cover; }
   #rotatingContent .CS_dots { text-align: center; top: 360px !important; }
   .time-text { font-size: 20px; font-size: 2rem; margin-top: 30px; }
   .erLink { font-size: 16px; font-size: 1.6rem; }
}

@media only screen and (max-width: 1700px) {
  a.logoLink img { width: 228px; }
  #searchTextArea > span { margin-left: 44px; }
  #strip3 .sectionHeader, #strip4 .sectionHeader { margin-right: 100px; }
  #strip3 .twoCol, #strip4 .twoCol { width: calc(90% - 300px); }
}

@media only screen and (max-width: 1650px) {
  nav li { padding: 0 20px; }
   .time-text { font-size: 18px; font-size: 1.8rem; }
   .erLink { font-size: 16px; font-size: 1.6rem; }
   #bannerInside { height: 450px; }
   .successStoriesText p, #strip2 p, #strip3 p, #strip4 p, footer, article p, article ol, 
	article ul, .insideColRight p 
	{ font-size: 18px; font-size: 1.8rem; line-height: 160%; }
   main.inside { margin-top: 570px; }
	nav .twoCol > ul { margin-left: -300px }
}

@media only screen and (max-width: 1500px) {
    body { font-size: 18px; font-size: 1.8rem; }
   .time { font-size: 36px; font-size: 3.6rem; }
	.ie8 #navRightSide .menuSearch { right: 100px }
}

@media only screen and (max-width: 1440px) {
    body { font-size: 18px; font-size: 1.8rem; }
  .content { width: 86%; margin: 0 7%; }
	nav a { font-size: 15px; font-size: 1.5rem; padding: 43px 0; }
  
  #rotatingContent .promo { background-size: cover; }
  .promoTextLeft h2, .promoTextRight h2 { font-size: 42px; font-size: 4.2rem; }
  .promoTextLeft p, .promoTextRight p { font-size: 18px; font-size: 1.8rem; }
  .topBar { width: 79%; }
  .time { font-size: 32px; font-size: 3.2rem; width: 38%; }
  .time-text { font-size: 18px; font-size: 1.8rem; margin-top: 35px; }
  #strip3 .sectionHeader, #strip4 .sectionHeader { margin-right: 120px; }
  #strip3 h2, #strip4 h2 { font-size: 40px; font-size: 4.0rem; }
  #strip3 h3, #strip4 h3 { font-size: 18px; font-size: 1.8rem; line-height: 130%; }
  #strip3 .twoCol, #strip4 .twoCol { width: calc(90% - 320px); }
  .successStoriesText h2 { font-size: 36px; font-size: 3.6rem; }
  article h1 { font-size: 40px; font-size: 4rem; }
  footer a.social { border-radius: 10px; width: 35px; height: 35px; }
  footer a.social img { width: 35px; height: 35px; }
}

@media only screen and (max-width: 1350px) {
  nav li { padding: 0 12px; }
	nav	.twoCol > ul { margin-left: -350px }
  .promoTextLeft h2, .promoTextRight h2 { font-size: 42px; font-size: 4.2rem; }
  .time-text { margin-right: 10px; }
  .erLink { margin-right: 10px; }
  #ERwaitTime .content { background-size: 105px; }
	nav ul li:nth-child(1) > ul { margin-left: -17px }
  #strip3 .events, #strip4 .stories { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; 
    -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; } 
  .eventsBtn, .healthInfoBtn { padding: 15px 40px; }
	.careerBtn { width: 100%; margin-bottom: 10px; font-size: 25px; font-size: 2.5rem; font-size: 2vw; text-align: left }
}

@media only screen and (max-width: 1300px) {
  a.logoLink img { width: 200px; margin-top: 0px; }
  #searchTextArea > span { font-size: 30px;  font-size: 3rem; margin-left: 24px; }
  nav li { padding: 0 10px; }
  nav ul ul li { padding: 0; }
	nav ul li:nth-child(1) > ul { margin-left: -25px }
	nav ul li:nth-child(3) > ul { margin-left: -140px }
	nav ul li:nth-child(6) > ul { margin-left: -105px }
  .successStoriesText { padding-top: 25px; }
}

@media only screen and (max-width: 1250px) {
	nav li { padding: 0 11px; }
	nav ul li:nth-child(1) > ul { margin-left: -11px }
	nav ul li:nth-child(3) > ul { margin-left: -190px }
	nav a { font-size: 14px; font-size: 1.4rem }
	.time { font-size: 36px; font-size: 3.6rem; }
	.time-text { font-size: 18px; font-size: 1.8rem; }
	.erLink { font-size: 14px; font-size: 1.4rem; }
	#ERwaitTime .content { background-size: 100px; background-position: 12px; }
	#bannerInside { height: 420px; }
	main.inside { margin-top: 540px; }
	#strip1 { margin-top: 15px; }
	#strip3 li, #strip4 li { margin-bottom: 20px; }
	#strip3, #strip4 { background-size: 200px; }
	#strip3 .sectionHeader, #strip4 .sectionHeader { margin-right: 40px; }
}

@media only screen and (max-width: 1200px) {
  .content { width: 90%; margin: 0 5%; }
  header { height: 110px; }
	.SA { margin-top: 100px }
  .topBar { width: 78%; height: 110px }
  nav.active { height: 110px; }
	nav a { top: 38px }
	nav ul li:nth-child(1) > ul { margin-left: -11px }
	nav ul ul { top: 110px }
  #navRightSide { margin-top: 35px; } 
  #navRightSide .menuSearch { position: initial; }
	nav ul li:nth-child(6) > ul { margin-left: -150px }
  nav .menuSearch { top: 25px; }
  #banner, #bannerInside { margin-top: 110px; /* top: 110px */ }
	#banner { height: 477px;  }
  #rotatingContent .promo { /* background-size: 100%; */ background-size: cover; height: 477px; overflow: /* visible; */ }
  #rotatingContent .CS_dots { top: 280px !important; }
  .promoTextLeft, .promoTextRight { padding-top: 20px; font-size: 12px; font-size: 1.2rem; background-color: #eee; }
  .promoTextLeft p, .promoTextRight p { font-size: 16px; font-size: 1.6rem; }
  .time { font-size: 32px; font-size: 3.2rem; }
  #strip1 { /* margin-top: 130px; */ }
  .successStoriesText p, #strip2 p, #strip3 p, #strip4 p, footer { font-size: 18px; font-size: 1.8rem; }
  .successStoriesText { width: calc(100% - 370px); }
  #strip3 .twoCol, #strip4 .twoCol { width: calc(90% - 330px); }
  #strip3 li, #strip4 li { margin-bottom: 35px; }
  #strip3, #strip4 { background-position: 20% 90px; }
  #strip5, .mapContainer, #mapOverlay { height: 400px; }
  #strip5 .verticalContainer { margin-top: 130px; }
}

@media only screen and (max-width: 1100px) {
	.topBar { width: 100%; }
	nav { display: none; font-size: 20px; font-size: 2rem; top: 95px; margin-top: 0; }
	nav.active { height: 100% }
	nav.mobileActive { top: 95px; background: none } /* was covering entire screen */
	nav ul { background: #d5e8f4 }
	nav ul li > ul { margin-left: 0 !important } /* removes individual positioning from dropdown state */
	nav ul li { text-align: center; display: block; padding: 0 0 6px 0; border-bottom: 1px solid #ddecf7; }
	nav ul li a { font-family: 'Open sans', sans-serif; padding: 12px 0; display: table; 
		/* text-transform: uppercase; */ color: #0a377e; font-weight: 400; top: 0; line-height: 120%; 
		font-size: 18rem; font-size: 1.8rem; font-family: 'Open sans', sans-serif; width: initial; 
		margin: 0 auto; }
	nav ul li a:before { display: none; }
	.subnav li, .subnav li li, .subnav li li li { text-align: center; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
	.oneCol > ul.subnav { padding: 0; }
	.twoCol > ul.subnav { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-left: 0; margin-left: 0px; width: auto; -webkit-column-gap: 0; 
		-moz-column-gap: 0; column-gap: 0; padding-right: 0 }
	.oneCol > ul.subnav { padding-left: 0; margin-left: 0; }
	nav .menuSearch { display: none; }
	nav ul li.parent { position: initial; }
	nav ul ul { display: none; top: 45px; box-shadow: none; float: none; position: static; width: 100%; }
	nav li.over .subnav { display: block; }
	nav ul ul li { display: block; border-bottom: 1px solid #fff; width: 100%; font-size: 14px; 
		font-size: 1.4rem; padding-right: 0; margin-left: 0; margin-right: 0; border-bottom: 1px solid #d3e6f5; }
	nav ul li ul li a, nav ul ul ul a { display: table; padding: 6px; }
	nav ul li ul li a:hover, nav ul ul ul a:hover { padding: 6px; }
	span.sectionHeader { text-align: center; }
	nav ul li ul li { width: 100%; left: 0; margin-left: 0; }
	nav ul li ul li a, nav ul ul ul li a { color: #0a377e !important; font-size: 16px; font-size: 1.6rem; }
	nav ul li ul li ul li { display: table; margin-left: 0; }
	nav ul li ul li ul li a { font-size: 14px; font-size: 1.4rem; font-weight: 400 !important; }
	nav ul ul, nav ul ul ul { margin: 0; padding: 2px 0; background-color: #fff; }
	nav ul ul li { padding: 0; margin: 1px 0 0 0; background-color: #fff; }
	nav ul ul ul li { background: #e1ecf2; }
	nav ul li a, nav ul li a:hover, nav ul ul li a, nav ul ul li a:hover,
	nav ul ul ul li a, nav ul ul ul li a:hover, ul.subnav.twoCol a, ul.subnav.oneCol a 
    	{ margin: 0; display: table; border-radius: 0; line-height: 100%; margin-left: auto; margin-right: auto; }
	nav ul ul li a:hover, nav ul ul ul li a:hover { background: #478bc9 !important; }
	nav ul li a { display: table; text-transform: uppercase; font-family: 'Open sans', sans-serif; width: initial; 
		margin: 0 auto; }
	nav ul li a:before { display: none; }
	nav ul ul li { width: 100%; font-size: 14px; font-size: 1.4rem; padding-right: 0; margin-left: 0; margin-right: 0; border-bottom: 1px solid #d3e6f5; }
	nav ul ul { float: none; position: static; width: 100%; }
	nav ul ul, nav ul ul ul { margin: 0; padding: 2px 0; background-color: #fff; }
	nav ul ul li { padding: 0; margin: 1px 0 0 0; background-color: #fff; }
	nav ul ul ul li { background: #e1ecf2; }
	nav ul li a, nav ul li a:hover, nav ul ul li a, nav ul ul li a:hover,
	nav ul ul ul li a, nav ul ul ul li a:hover, ul.subnav.twoCol a, ul.subnav.oneCol a 
		{ margin: 0; display: table; line-height: 100%; width: 100%; margin-left: auto; margin-right: auto; }
	nav ul ul li a:hover, nav ul ul ul li a:hover { background: #478bc9 !important; }
	nav ul li { padding: 0; }
	nav ul li a { font-size: 14px; font-size: 1.4rem; }
	nav ul li a:before { bottom: -5px; }
	nav, nav ul, nav ul ul, nav ul ul ul, nav ul li, nav ul ul li, nav ul ul ul li, nav ul li a, nav ul ul li a, nav ul ul ul li a, nav .subnav, nav .subnav .subnav, 
	.oneCol ul.subnav
		{ width: 100% !important; max-width: 100% !important; min-width: initial !important; }
	.subnav li, .subnav li li, .subnav li li li { text-align: center; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
	.oneCol > ul.subnav { padding: 0; }
	ul.subnav { margin-top: 8px; }

	#navRightSide .menuSearch { display: block; }
	.time { font-size: 26px; font-size: 2.6rem; }
	#rotatingContent .promo { background-size: cover; }
	.successStoriesText { width: calc(100% - 380px); }
	.successStoriesText h2 { font-size: 32px; font-size: 3.2rem; }
	.successStoriesText p { font-size: 18px; font-size: 1.8rem; }
	#bannerInside { height: 400px; }
	main.inside { margin-top: 520px; }
	#strip2 .findPhysician { background-size: 230px; }
	#strip3, #strip4 { background-size: 280px; /* min-height: initial; */ }
	#strip3 .sectionHeader, #strip4 .sectionHeader { max-width: 350px; width: 350px; margin-right: 50px; }
	#strip3 .twoCol, #strip4 .twoCol { width: calc(90% - 380px); }
	#strip3, #strip4 { background-size: 210px; }
	#strip3 h2, #strip4 h2 { font-size: 30px; font-size: 3rem; }
}

@media only screen and (max-width: 1050px) {
  #searchTextArea > span { margin-left: 0; }
  .time { font-size: 24px; font-size: 2.4rem; }
  #ERwaitTime .content { background-size: 85px; }
  #rotatingContent .promo { background-size: cover; }
  #successStoriesRotator .imgContainer { width: 300px; }
  #strip1 .CS_dots { width: 300px !important; }
  footer a.social { border-radius: 9px; width: 30px; height: 30px; }
  footer a.social img { width: 30px; height: 30px; }
	/* change threeCol to two columns */
	.threeCol > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.careerBtn { font-size: 3vw }
}

@media only screen and (max-width: 1000px) {
	#strip3, #strip4 { background-position: 10% 40px; /* background-size: 270px; */ padding-bottom: 40px }
	#strip3 { background-image: url('/media/1089/bgevents-dark.png'); }
	#strip4 { background-image: url('/media/1090/bghealthinfo-dark.png'); }
	#strip3 .sectionHeader, #strip4 .sectionHeader, #strip3 .events, #strip4 .stories 
	{ max-width: initial; width: 100%; /* margin: 100px 0 0; */ margin: 0; 
		float: left !important; clear: both }
	#strip3 li, #strip4 li { margin-bottom: 20px; }
	.eventsBtn, .healthInfoBtn { float: right; margin-top: -90px; font-size: 16px; font-size: 1.6rem; 
		padding: 0; width: 80px; height: 80px; border-radius: 40px; line-height: 80px; position: absolute; right: 50px; }
}

@media only screen and (max-width: 950px) {
	#searchTextArea > span { font-size: 22px; font-size: 2.2rem; }
	#rotatingContent .promo { background-size: 100%; }
	.successStoriesText { height: auto; padding-top: 0; /* overflow: -moz-scrollbars-none; overflow-y: scroll; scroll-behavior: touch; -ms-overflow-style: none; */ }
	.successStoriesText h2 { font-size: 28px; font-size: 2.8rem; }
	.successStoriesText p { font-size: 17px; font-size: 1.7rem; }
}

@media only screen and (max-width: 900px) {
	header { height: 90px; }
	nav.mobileActive { top: 90px; max-height: calc(100% - 72px) } /* was 90, to match height of header */
	#navRightSide { margin-top: 32px }
	#banner, #bannerInside { margin-top: 90px; /* top: 95px; */ }
	#banner { background: #eee; height: 470px !important; }
	.inside.content { margin-top: 40px; }
	a.logoLink { margin-top: 10px; }
	a.logoLink img { width: 200px; }
	.topBar { width: 100%; }
	#rotatingContent .promo { height: 370px; background-size: cover; }
	.successStoriesText p, #strip2 p, #strip3 p, #strip4 p, footer { font-size: 16px; font-size: 1.6rem; }
	.CS_dots { top: 325px !important; }
	.promoTextLeft, .promoTextRight { top: 0; width: 270px; height: 100%; border-radius: 0; padding: 15px 10px 20px 10px; }
	.promoTextLeft h2, .promoTextRight h2 { font-size: 32px; font-size: 3.2rem; margin-right: 0; }
	.promoTextLeft p, .promoTextRight p { font-size: 18px; font-size: 1.8rem; line-height: 125%; margin-top: 8px; margin-right: 0; }
	.promoTextLeft { left: 0; padding: 20px 15px 20px 20px; }
	.promoTextRight { right: 0; padding: 20px 20px 20px 15px; }
	#rotatingContent .CS_dots { top: 330px !important; }
	#ERwaitTime { width: 100%; height: 150px; position: absolute; bottom: 0; right: 0; z-index: 30; }
	#ERwaitTime .content { width: 90%; height: 100%; margin: 0 5%; background-size: 120px; background-position: 15px 15px; }
	#time-box { width: 100%; }
	.time-text { width: 75%; font-size: 24px; font-size: 2.4rem; margin: 50px 0 0 0; /* font-weight: 600; */ }
	.time { width: 25%; font-size: 40px; font-size: 4rem; padding-top: 50px;  text-align: left }
	.erLink { width: 75%; margin: 0; font-size: 18px; font-size: 1.8rem; }
	div.dropdown, #strip2 option, #strip2 input, #strip2 select, #strip2 .btn { width: 80% !important; }
	#strip1 { /* margin-top: 115px; */ }
	#strip2 .promoContainer { min-height: 340px; padding-top: 70px; }
	#strip2 .findPhysician { background-size: 200px; background-position: 100% 40%; }
	#strip2 .enewsletter { background-size: 200px; background-position: 100% 20%; }
	#strip5, .mapContainer, #mapOverlay, .footerWrapper { height: 320px; }
	#strip5 .verticalContainer { margin-top: 85px; }
	.insideColLeft, .insideColRight { width: 100%; }
	.insideColRight h2 { font-size: 24px; font-size: 2.4rem; }
	.successStoriesText p, #strip2 p, #strip3 p, #strip4 p, footer, article p, article ol, 
		article ul, .insideColRight p { font-size: 16px; font-size: 1.6rem; line-height: 180% }
	.location-button { width: 130px; height: 130px; margin-top: 15%; font-size: 16px; font-size: 1.6rem; }
}

@media only screen and (max-width: 850px) {
  #bannerInside { height: 250px; margin-top: 90px; /* top: 90px; */ }
	.inside.content { margin-top: 20px; }
	#searchTextArea > span { font-size: 22px; font-size: 2.2rem; }
	.textCycle span { font-size: 38px; font-size: 3.8rem; }
	#navRightSide #mobileMenu a { width: 26px; height: 23px; margin-top: 4px; }
	.time-text { width: 65%; }
	.erLink { width: 65%; }
	.menuSearch i.fa { font-size: 20px; font-size: 2rem; }
	.successStoriesText p, #strip2 p, #strip3 p, #strip4 p, footer 
		{ font-size: 14px; font-size: 1.4rem; line-height: 1.5 }
	main.inside { margin-top: 320px; }
	article h1 { font-size: 32px; font-size: 3.2rem; }
	article h3 { font-size: 24px; font-size: 2.4rem; }
	article p, article ol, article ul, .insideColRight p { font-size: 15px; font-size: 1.5rem; font-weight: 400 }
	.accordion h3 { font-size: 16px; font-size: 1.6rem; }
	.patientsNav > ul, .servicesNav > ul { height: initial }
}

@media only screen and (max-width: 800px) {
  #mapArea iframe { width: 100%; height: 50%; margin: 0; }
  #mapArea { margin-top: 20px; max-width: 90%; width: 90%; }
  header { height: 90px; }
  nav.mobileActive { top: 90px; height: calc(100% - 90px); }
  #banner { /*top: 90px;*/ height: 650px !important; }
  #rotatingContent { height: 530px !important; }
  #rotatingContent .promo { height: 370px; /* background-size: 100%; overflow: visible; */ }
  .promoTextLeft, .promoTextRight { top: 370px; width: 100%; height: 160px; background: rgba(230,230,230,1); }
  #rotatingContent .CS_dots { top: 330px !important; }
  #navRightSide a, #mobileMenu { width: 37px; height: 37px; }
  #navRightSide a { margin: 0; padding-top: 0; }
  .menuSearch { margin-top: -7px; }
  #mobileMenu { margin-left: 0; }
	#ERwaitTime .content { background-position: 12px 15px; }
  /* .time-text { font-size: 32px; font-size: 3.2rem; } */
  .erLink { font-size: 14px; font-size: 1.4rem; }
  #strip1 { /* margin-top: 110px; */ }
  .successStoriesText h2 { font-size: 30px; font-size: 3rem; }
  #strip2 h2 { font-size: 30px; font-size: 3rem; }
  #strip2 p { font-size: 14px; font-size: 1.4rem; }
  #strip2 input, #strip2 select, #strip2 .btn, div.dropdown { font-size: 14px; font-size: 1.4rem; }
  #strip3 h2, #strip4 h2 { font-size: 28px; font-size: 2.8rem; }
  #strip3 ul, #strip4 ul { width: 100%; }
	#strip3 .sectionHeader, #strip4 .sectionHeader
  .insideColLeft, .insideColRight { padding-bottom: 30px; }
  .insideColRight ul li a { font-size: 18px; font-size: 1.8rem; }
}

@media only screen and (max-width: 750px) {
  nav ul li { padding: 0 }
  #strip1 { height: initial; }
  #successStoriesRotator { min-height: 520px; }
  .successStoriesText { width: 90%; clear: both; margin-left: 0; padding-top: 25px }
  #strip3 h2, #strip4 h2 { font-size: 28px; font-size: 2.8rem; }
  .eventsBtn, .healthInfoBtn { font-size: 14px; font-size: 1.4rem; }
  footer { padding-top: 10px; font-size: 18px; font-size: 1.8rem; }
  footer br { display: block; }
  .breaker { display: none; }
	#successStoriesRotator .imgContainer { height: 250px; width: 250px; margin-left: calc(50% - 125px);  margin-right: calc(50% - 125px); }
	#strip1 .CS_dots { top: 215px !important; width: 250px !important; margin-left: calc(50% - 125px); margin-right: calc(50% - 125px); }
	.CS_dots a { width: 20px; }
	
	#leaders .ui-accordion-content p { width: 30%; }

@media only screen and (max-width: 725px) {
	nav ul li { padding: 0 9px; }
	nav ul li a { font-size: 16px; font-size: 1.6rem; }
	button#searchGoButton { margin-left: calc(50% - 36px); margin-right: calc(50% - 36px); }
	#rotating-content { background-color: #e6e6e6 }
  #strip2 h2 { font-size: 28px; font-size: 2.8rem; }
  /* .time-text { font-size: 20px; font-size: 2rem; } */
  #strip3 h2, #strip4 h2 { font-size: 28px; font-size: 2.8rem; }
  #strip3 h3, #strip4 h3 { font-size: 16px; font-size: 1.6rem; }
  .eventsBtn, .healthInfoBtn { right: 20px; }
}

@media only screen and (max-width: 650px) {
  .textCycle, #searchTextArea span { display: none; }
  #banner { /* height: 580px !important; */ height: 620px }
	nav ul li:first-of-type.twoCol.parent li.parent a { font-weight: 400; }
  #rotatingContent { height: 530px !important; background-color: #e6e6e6 }
  #rotatingContent .CS_dots { top: 285px !important; }
  #rotatingContent .promo { height: 320px; background-size-x: 100%; }
	.CS_dots a { width: 20px; }
  .promoTextLeft, .promoTextRight { top: 320px; }
  nav ul li { padding: 0 7px; }    
  /* #strip1 { margin-top: 730px; } */
  #strip2 h2 { font-size: 22px; font-size: 2.2rem; }
  footer { font-size: 18px; font-size: 1.8rem; }
  footer a { color: #8bbeec; padding: 4px 4px 6px 4px; }
  .pipe { display: none }
}

@media only screen and (max-width: 600px) {
  #banner { height: 560px !important; }
  nav ul { background: #c6e2f7; }
  /* nav ul li { display: block; padding: 0 0 6px 0; border-bottom: 1px solid #ddecf7; } */
  .subnav li, .subnav li li, .subnav li li li { text-align: center; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
  .oneCol > ul.subnav { padding: 0; }
  ul.subnav { margin-top: 8px; }

  #rotatingContent { height: 430px !important; }
  #rotatingContent .promo { height: 270px; background-size-x: 100%; }
  .promoTextLeft, .promoTextRight { top: 270px; }
  #rotatingContent .CS_dots { top: 230px !important; }
  .promoTextLeft h2, .promoTextRight h2 { font-size: 24px; font-size: 2.4rem; }
  .promoTextLeft p, .promoTextRight p { font-size: 14px; font-size: 1.4rem; }
  .time-text { font-size: 18px; font-size: 1.8rem; }
  #strip1 { /* margin-top: 220px; */ /* margin-top: 65px */ }
  #strip2 { height: initial; padding: 0 0 30px 0; }
  #strip2 .promoContainer { width: 90%; min-height: 150px; }
  #strip2 .findPhysician, #strip2 .enewsletter { width: 100%; margin-right: 0; }
  #strip2 .findPhysician { background-position: 100% 0; background-size: 130px; }
  #strip2 .enewsletter { background-size: 150px; }
  #strip2 .enewsletter h2 { margin-top: 90px; }
  #strip2 div.dropdown, #strip2 option, #strip2 input, #strip2 select, #strip2 .btn { width: 100% !important; }
  .successStoriesText h2 { font-size: 28px; font-size: 2.8rem; }
	/* change threeCol to one column */
	.threeCol > ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
}

@media only screen and (max-width: 550px) {
  nav ul li { padding: 0  }
  #strip3 h2, #strip4 h2 { font-size: 28px; font-size: 2.8rem; }
  #strip3 h3, #strip4 h3 { font-size: 14px; font-size: 1.4rem; }
  #strip3, #strip4 { background-position: 80% 40px; background-size: 200px; }
  footer { font-size: 14px; font-size: 1.4rem; }
	.sitemap.twoCol > ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; 
		-webkit-column-gap:0; -moz-column-gap: 0; column-gap: 0; }
	
	#leaders .ui-accordion-content p { width: 48%; }
}

@media only screen and (max-width: 500px) {
  .topBar { height: initial; }
  a.logoLink { margin-top: 15px; }
  a.logoLink img { width: 150px; }
  #navRightSide { margin-right: 20px; }
  .promoTextLeft p, .promoTextRight p { font-size: 14px; font-size: 1.4rem; }
	.time-text { margin-top: 40px }
	#strip3 .twoCol ul, #strip4 .twoCol ul {  -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; 
    -webkit-column-gap: 0 !important; -moz-column-gap: 0 !important; column-gap: 0 !important; }
	#successStoriesRotator { min-height: 495px; margin-bottom: 20px }
}

@media only screen and (max-width: 450px) {
	#searchArea { zoom: 1 }
	.promoTextLeft, .promoTextRight { top: 230px; height: 430px; }
	.promoTextLeft h2, .promoTextRight h2, .successStoriesText h2 { font-size: 24px; font-size: 2.4rem; }
	#successStoriesRotator .imgContainer, #successStoriesRotator1, #successStoriesRotator2, #successStoriesRotator3 { height: 250px; }
	#successStoriesRotator .imgContainer { width: 100%; margin-left: 0; margin-right: 0 }
	#strip1 .CS_dots { top: 215px !important; }
	#rotatingContent .promo { height: 230px; }
	#rotatingContent .CS_dots { top: 185px !important; }
	#strip3 h2, #strip4 h2 { font-size: 26px; font-size: 2.6rem; }
	#strip3 ul, #strip4 ul { width: 100%; }
	#strip2 .enewsletter { background-position: 100% 30%; }
	.eventsBtn, .healthInfoBtn { width: 50%; height: initial; width: initial; line-height: 100%; float: initial; display: inline-block; position: initial; margin: 0; padding: 7px 20px;
		margin-bottom: 15px; border-radius: 20px;  }
	#strip2 .findPhysician, #strip2 .enewsletter, #strip3 .sectionHeader { width: 100% }
	div.dropdown, #strip2 option, #strip2 input, #strip2 select, #strip2 .btn { width: 100% !important; }
	#strip2 .findPhysician { background-position: 100% 10% }
	.successStoriesText p, #strip2 p, #strip3 p, #strip4 p, footer 
		{ font-size: 12px; font-size: 1.2rem; line-height: 1.4 }
	.careerBtn { font-size: 18px; font-size: 1.8rem; }
}

@media only screen and (max-height: 500px) {
	#searchTextArea span, #searchTextArea .textCycle { display: none; height: 0 }
	#searchButtonClose  { margin: 10px auto }
	#searchArea { margin: 70px auto 20px auto }
	button#searchGoButton { margin-top: 10px; margin-left: calc(50% - 32px); margin-right: calc(50% - 32px) }
}

@media only screen and (max-height: 340px) {
	#searchArea input.search { margin: 10px 0 0 0  }
	button#searchGoButton { margin-top: 5px; font-size: 12px; font-size: 1.2rem; padding: 2px 10px }
    footer .rowOne p .pipe:nth-child(2) { display: none }
}

@media screen and (min-width : 732px) and (max-width : 412px) and (orientation :landscape) {
	.promoTextLeft, .promoTextRight { height: 180px }	
	#banner { height: 660px !important; }
	.pipe { display: none }
}

@media only screen and (max-width: 376px) {
	.topbBar, header, .navSequence, .navSequence div, .topBar, nav, nav ul, nav ul ul, nav ul ul ul  
	{ max-width: 375px !important }	
}


/* ==========================================================================
  Print styles
  ========================================================================== */


@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}

@media print { 
	
	header { position: absolute; }
    *, *:before, *:after { background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important; }
	
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: none !important; }
    img[src]:after { content: none !important; }
    pre, blockquote { border: 1px solid #999;  page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    
    article h1 { font-size: 3rem; font-weight: 400; }
    article p, .enewsSubscribe p, .enewsSubscribe input, .insideColRight p { font-size: 1.2rem; margin: 5px 0; }
    div.enewsSubscribe { display: none; }
    
    p, h2, h3 { orphans: 3;  widows: 3; }
    h2, h3 { page-break-after: avoid; }
	h1 { font-size: 3rem !important }
	h2 { font-size: 2.2rem !important }
	h3 { font-size: 2rem !important }
	h4 { font-size: 1.8rem !important }
    #banner, #insideBannerContainer, #strip5, #strip6, footer { display: none; }
    article, .insideColLeft, .insideColRight { width: 100%; float: left, clear: both; padding: 0; text-align: left; }
	
	header, nav, #banner, #bannerInside { display: none }
	.inside.content { margin-top: 0 }
	
}

/*
 ________
|   __|__| 
|  |__   | Coffey
|_____|  | Communications, Inc.
|__|_____|