body, body.html {
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	color: #053556;
	font-size: 16px;
}

h2 { font-size: 140%; }

h3 { font-size: 110%; font-weight: bold; }

/* a, a:visited, a:hover { color: #035AA9; } OLD color */
a, a:visited, a:hover { color: #0066CC; }

.gold { color: #ffd51e; }
.clear { clear: both; }

.current-viewport-lg .lg-spacer-2 { height: 2em; }
.current-viewport-lg .lg-spacer-4 { height: 4em; }
.current-viewport-lg .lg-spacer-6 { height: 6em; }

body.homepage {

}


.current-viewport-xs ul { padding: 0 0 0 15px; }


/* --- top background image --- */
.page-background-container {
	position: absolute;
	left: 0px; top: 0px;
	width: 100%;
	height: 612px;
	z-index: 10;
	overflow: hidden;
}
.page-background-container img {  width: 100%; min-width: 1420px; }

body.current-viewport-md .page-background-container { height: 606px; }
body.current-viewport-md .page-background-container img {
	height: 700px;
	position: absolute; right: -130px; top: 61px;
}


.current-viewport-sm .homepage-header { min-height: 400px; height: 100%; }

body.current-viewport-sm .page-background-container img {
	position: relative;
	right: 33%;
	top: 91px;
	z-index: 50;
	width: 100%;
}

body > .container-fluid { z-index: 100; position: relative; }


body.current-viewport-xs .page-background-container img {
	position: absolute; right: -45%; top: 0px;
	height: 100%; z-index: 50;
	min-width: auto; width: auto;
}

body.current-viewport-xs .nav-stripe .logo img { width: 100%; vertical-align: middle; margin-top: 10px; }

.nav-stripe {
	margin-top: 23px;
	background-image: url('/graphics-2016/header-stripe.png');
	background-position: top left;
	background-repeat: repeat-x;
	height: 75px; max-height: 75px; min-height: 75px;
	overflow: hidden;
	color: #fff;
	z-index: 100;
	margin-top: 0px;
}

/*
.has-featured-top .nav-stripe {
	margin-top: 23px;
}
*/

.nav-stripe .contact-us {
	background-image: url('/graphics-2016/contact-us-bg.jpg');
	background-position: top right;
	background-repeat: no-repeat
}
.nav-stripe .contact-us p {
	text-align: right;
	font-size: 120%;
	line-height: 72px;
	margin: 0 0 0 0;
}

.nav-stripe .search {
	padding: 0 1em 0 1em;
	height: 100%;
	position: relative;
	background: transparent url('/graphics-2016/nav-stripe-divider.png') top left no-repeat;
}

#sub-top-nav { position: relative; z-index: 100; }
#sub-top-nav ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 48px;
	float: right; margin-right: -15px;

}
#sub-top-nav ul li { float: left;}
#sub-top-nav ul li a {
	display: block;
	background: transparent url('/graphics-2016/sub-top-nav-bg.png') top left repeat-x;
	line-height: 48px;
	color: #fff;
	padding: 0 1em 0 1em;
	text-transform: uppercase;
  font-size: 16px;
}

.current-viewport-xs .nav-stripe .search, .current-viewport-sm .nav-stripe .search,
.current-viewport-md .search { background: none; }

.search .search-contents {
	padding-right: 80px;
}

.search .gsc-clear-button { display: none; }

.search tbody { border-top: none; }
.search .search-text, body header .gsc-input {
	background-color: #033150;
	background: none;
	border: solid 1px #3d5e78;
	border-radius: 3px;
	width: 100%;
	line-height: 25px;
	margin: 8px 0 0 0;
	border: none;
	color: #333;
}

.search .search-text input[type=text], body header .gsc-input input {
	margin-left: 30px;
	background-color: transparent;
	background: none;
	border: none;
	width: 90%;
}
.current-viewport-md .search .search-text input[type=text] {
	margin-top: 0px;
}

.current-viewport-xs .search-stripe .search-text,
.current-viewport-sm .search-stripe .search-text {
	background-color: transparent;
}

.current-viewport-md .search .search-text .gsc-input {
	margin: 0;
}

.current-viewport-sm .search .search-text .gsc-input,
.current-viewport-xs .search .search-text .gsc-input {
	width: 96%;
	margin-left: 5%;
}

.current-viewport-sm .search-stripe .search-text { margin: 0px 15px 10px 15px }
.current-viewport-xs .search-stripe .search-text { margin: 0px 15px 10px 15px }

.search .submit-search, header .gsc-search-button input {
	position: absolute;
	left: 24px;
	top: 30px;
	height: 16px; width: 16px;
	background: transparent url('/graphics-2016/search-icon.png') top left no-repeat;
	border: none;
	background-color: transparent;
	text-indent: -9999px;
}
.current-viewport-md header .gsc-search-button input { top: 16px; left: 17px; }
.current-viewport-sm header .gsc-search-button input { top: 19px; left: 26px; }
.current-viewport-xs header .gsc-search-button input { top: 19px; left: 26px; }

.nav-stripe .menu-button {
	background: #0d5da4 url('/graphics-2016/nav-stripe-divider.png') top left no-repeat;
	width: 85px; height: 72px;
	position: absolute;
	right: 0px; top: 0px;
	cursor: pointer;
}

.nav-stripe .menu-button.active {
	background: #0d5da4 url('/graphics-2016/menu-button-active.png') top left no-repeat;
}

.current-viewport-sm .menu-button,
.current-viewport-xs .menu-button {
	width: auto;
	padding: 0 1em 0 1em;
}


.nav-stripe .menu-button p {
	padding: 0 0 0 7px;
	line-height: 72px; margin: 0 0 0 0;
}

.nav-stripe .menu-button p .menu-icon {
	margin-right: 2px;
	position: relative;
	top: -1px;
	display: inline-block;
}



ul.social-media {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
ul.social-media > li {
	list-style-type: none;
	display: inline-block;
	margin-right: 8px;
}
ul.social-media > li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('/graphics-2016/social-media-sprites-white.png');
	width: 30px; height: 30px;
	display: inline-block;
}
.homepage-sidebar ul.social-media > li a { background-image: url('/graphics-2016/social-media-sprites.png'); }
ul.social-media > li.facebook a { background-position: 8px 0px; }
ul.social-media > li.twitter a { background-position: -35px 0px; }
ul.social-media > li.youtube a { background-position: -76px 0px; }
ul.social-media > li.google-plus a { background-position: -117px 0px; }
ul.social-media > li.pinterest a { background-position: -158px 0px; }


.menu-dropdown {
	position: absolute;
	right: 0px;
	top: 97px;
	z-index: 150;
	display: none;
}
.menu-dropdown ul { margin: 0 0 0 0; padding: 0 0 2em 0 ; }
.menu-dropdown ul li { list-style-type: none; }
.menu-dropdown ul li a {
	display: block;
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 1em 0 1em;
}
.menu-dropdown ul li a.blue { background-color: #0d5da4; }
.menu-dropdown ul li a.grey, .menu-dropdown ul li.divider, .menu-dropdown ul { background-color: #434343; }
.menu-dropdown ul li.divider span { display: block; height: 1px; border-top: solid 1px #6b6b6b; margin: 0 10px 0 10px; }

.menu-dropdown { top: 74px; }
.has-featured-top .menu-dropdowm { top: 97px; }


.nav-stripe-2 {
	background-image: url('/graphics-2016/header-stripe.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 51px; max-height: 51px; min-height: 51px;
	overflow: hidden;
	color: #fff;
}
.nav-stripe-2 .contact-us p {
	line-height: 51px; margin: 0 0 0 0;
}
.nav-stripe-2 .search-contents { padding-right: 0px; }
.nav-stripe-2 .search .search-text { margin: 5px 0 0 0; height: 36px; }
.nav-stripe-2 .search .submit-search { top: 16px; }


.search-stripe {
	position: relative;
	background-color: #0b4975;
}
.search-stripe .search-contents { margin-right: 15px; padding-right: 0px; }
.search-stripe .search-text {
	background-color: #fff;
	line-height: 30px;
	margin: 5px 15px 5px 15px;
}
.search-stripe .search-text input[type=text] { width: 80%; }
.search-stripe .submit-search {
	background-image: url('/graphics-2016/search-icon-black.png');
	top: 14px;
}

.button-lg {
	border-width: 1px;
	border-style: solid;
	border-color: #c3c3c3;
	padding: 0.5em 0 0.5em;
	text-align: center;
	border-radius: 10px;
	display: block;
	background-color: #efefef;
	text-transform: uppercase;
}

.button {
	border-width: 1px;
	border-style: solid;
	border-color: #c3c3c3;
	padding: 0.5em 1em 0.5em 1em;
	text-align: center;
	border-radius: 7px;
	background-color: #efefef;
	text-transform: uppercase;
	display: inline-block;
	background: #fff url('/graphics-2016/rt-arrow-grey.png') 97% center no-repeat;
  transition: background-color .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
}
.button:hover {
  box-shadow: 0px 0px 3px #888888;
  background-color: #e5ecf9;
  text-decoration: none;
}

.homepage-header {
	position: relative;
	border-bottom: solid 2px #fff;
	min-height: 400px;
}

.homepage-header .visible-xs-block h1 { color: #fff; }
.homepage-header .visible-xs-block .button-lg {
	background-color: #434343;
	border-width: 2px;
	border-color: #fff;
	color: #fff;
	padding: 0.7em 0 0.7em;
	font-size: 120%;
	margin-top: 1em;
}

.homepage-header .big-nav {
	position: relative;
}

.homepage-header .big-nav ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }

.homepage-header .big-nav li  {
}

.homepage-header .big-nav li > a {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

/* -- homepage 'flyout' box -- */
.flyout {
	width: 120%;
	background-color: #053559;
	display: none;
	position: absolute;
	left: 526px; bottom:0px;
	color: #fff;
	min-height: 333px;
}
.flyout .contain { padding: 2em; }
.flyout a { color: #fff; }

.big-nav li:hover .flyout { display: block; }
.big-nav li .col { width: 32%; margin-left: 1%; padding-bottom: 1em; float: left; }


/* --- large viewport settings --- */
body.current-viewport-lg .homepage-header .big-nav li > a {
	background-image: url('/graphics-2016/big-buttons-lg-sprites.png');
	width: 526px; height: 106px;
}

body.current-viewport-lg .homepage-header .big-nav li a.patients-and-families {
	background-position: 0px -340px;
}
body.current-viewport-lg .homepage-header .big-nav li a.healthcare-professionals {
	background-position: 0px -446px;
}
body.current-viewport-lg .homepage-header .big-nav li a.research-scholars {
	background-position: 0px -554px;
	height: 121px;
}
body.current-viewport-lg .homepage-header .big-nav li a.patients-and-families:hover {
	background-position: 0px -1px;
}
body.current-viewport-lg .homepage-header .big-nav li a.healthcare-professionals:hover {
	background-position: 1px -107px;
}
body.current-viewport-lg .homepage-header .big-nav li a.research-scholars:hover {
	background-position: 1px -215px;
}


/* --- medium viewport settings --- */
body.current-viewport-md .homepage-header .big-nav li a {
	background-image: url('/graphics-2016/big-buttons-md-sprites.png?1');
	width: 440px; height: 90px;
}

body.current-viewport-md .homepage-header .big-nav li a.patients-and-families {
	background-position: 0px -284px;
}
body.current-viewport-md .homepage-header .big-nav li a.healthcare-professionals {
	background-position: 0px -374px;
}
body.current-viewport-md .homepage-header .big-nav li a.research-scholars {
	background-position: 0px -464px;
	height: 101px;
}
body.current-viewport-md .homepage-header .big-nav li a.patients-and-families:hover {
	background-position: 0px -1px;
}
body.current-viewport-md .homepage-header .big-nav li a.healthcare-professionals:hover {
	background-position: 1px -90px;
}
body.current-viewport-md .homepage-header .big-nav li a.research-scholars:hover {
	background-position: 1px -180px;
}




#mobile-nav > .row > .col-xs-12 { padding: 0 0 0 0; }

#mobile-nav h3, #content-area .mobile-subnav .header {
	background-color: #0b4975;
	width: 100%; height: 100%;
	margin: 0 0 0 0;
	color: #fff;
	line-height: 38px;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	font-weight: normal;
}

body #content-area .mobile-subnav {
	position: static;
	padding: 0 0 0 0 ;
}
#mobile-nav .small-nav , .mobile-subnav ul { background-color: #0d5da4; }
#mobile-nav ul, .mobile-subnav ul { padding: 0 0 0 0; margin: 0 0 0 0; }

#mobile-nav ul li, .mobile-subnav ul li {
	list-style-type: none;
	line-height: 38px;
	border-bottom: solid 1px #286fae;
	padding: 0 0 0 15px;
}
#mobile-nav ul li:first-child {
	margin-top: 1em;
	border-top: solid 1px #286fae;
}
#mobile-nav ul li a,
.mobile-subnav ul li a {
	color: #fff;
	text-transform: uppercase;
	background: url('/graphics-2016/rt-arrow.png') left center no-repeat;
	padding: 0 0 0 15px;
}


#content-area { background-color: #efefef; }

#content-area .left {
	padding-top: 44px;
	padding-bottom: 2em;
	background-color: #e7e7e7;
	background-image: url('/graphics-2016/content-area-left-bg.png');
	background-position: top left;
	background-repeat: repeat-x;

}

.homepage-sidebar li,
.homepage-sidebar .nav>li>a {
	padding: 0;
	color: #0066CC;
}

.homepage_promo_content .promo-stripe-media > iframe,
.homepage_promo_content .promo-stripe-media > img {
	width: 560px;
	max-width:100%;
	margin: 0 auto;
	display: block;
}

.homepage_promo_stripe {
	padding: 4rem 0;
	border-top: 1px solid #fff;
}
.homepage_promo_stripe:nth-child(even) {
	background-color: #fff;
}
.homepage_promo_cta {
	padding-top: 3rem;
}
.nav_trio_content_block {
	margin-top: 20px;
}
.nav_trio_section {
	padding-bottom: 1rem;
}
.nav_trio_link,
a.nav_trio_link {
	background-color: #0c4a75;
	color: #fff;
	display: flex;
	min-height: 200px;
	flex-direction: column;
	justify-content: space-around;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 1rem;
	text-align: center;
	box-shadow: 0px 0px 10px #888888;
}
.nav_trio_link h1,
.nav_trio_link h2,
.nav_trio_link h3 {
	margin: 0px;
	font-weight: bold;
}

.nav_trio_link:hover {
	text-decoration: none;
	transition: box-shadow .25s ease-in-out;
	cursor: pointer;
	box-shadow: 0px 0px 10px #0066CC;
}

.announcement_banner_block {
	background-color: #ffd51e;
	margin-bottom: 3rem;
}

.event_calendar {
	margin: 2em auto;
	max-width:100%;
	overflow-x: scroll;
}
.event_links {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.event_link.button {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 200px;
	margin: .25rem;
}

#content-area .left .nav li a { padding: 0 0 0 0; }

#content-area .left .nav li.accordion .accordionContent {
	padding: 0 0 1em 1em; font-size: 90%;
}

#content-area .left h2,
#content-area .news > h2,
#content-area .thrive-contents > h2,
#content-area .illuminate-contents > h2
{ margin: 0 0 10px 0; }

#content-area .news, #content-area .blog,
#content-area .news, #content-area .thrive-contents,
#content-area .news, #content-area .illuminate-contents {
	background-color: #efefef;
	background-image: url('/graphics-2016/content-area-right-bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	height: 100%;
	min-height: 300px;
	padding-top: 35px;
}


.current-viewport-sm #content-area .news,
.current-viewport-sm #content-area .blog,
.current-viewport-xs #content-area .news,
.current-viewport-xs #content-area .thrive-content,
.current-viewport-xs #content-area .illuminate-content,
.current-viewport-xs #content-area .blog {
	background-image: url('/graphics-2016/footer-bg-small.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;
	border-top: solid 1px #d9d9d9;
}


#content-area .sidebars ul.menu { padding: 0 0 0 0; margin: 0 0 0 0; }


body.current-viewport-lg #content-area .sidebars ul.menu li,
body.current-viewport-md #content-area .sidebars ul.menu li {
	list-style-type: none;
	padding: 0.4em 0 0.4em 30px;
	border-bottom: solid 1px #295674;
}
#content-area .sidebars {
	padding: 0 0 0 0;
}
#content-area .sidebars .contain {
	padding: 20px 0 3em 0;
	background-color: #063a5d;
}
#content-area .sidebars .below-left-nav {
	padding: 20px 0 3em 30px;
}

body.current-viewport-lg #content-area .sidebars  ul.menu  li.is-expanded ,
body.current-viewport-md #content-area .sidebars  ul.menu  li.is-expanded {
	background-color: #043150;
	border-left: solid 4px #ffd51e;
}

body.current-viewport-lg #content-area .sidebars ul.menu ul.menu  li.is-expanded ,
body.current-viewport-md #content-area .sidebars ul.menu ul.menu  li.is-expanded {
	border-left: none;
}



body.current-viewport-lg #content-area .sidebars  a.active ,
body.current-viewport-md #content-area .sidebars  a.active {
	color: #ffd51e;
}
#content-area .sidebars ul.menu li.is-expanded li {
	border-bottom: none;
	font-size: 90%;
}
body.current-viewport-lg #content-area .sidebars a,
body.current-viewport-md #content-area .sidebars a
{ color: #fff; }

#content-area .sidebars.col-lg-3 .block-menu > ul.menu {
	margin-top: 2em; font-size: 110%;
}
#content-area .sidebars.col-lg-3 ul.menu > li { margin: 5px 0 0 0;  }
#content-area .sidebars.col-lg-3 ul.menu ul.menu { margin: 0 0 0 0; }

#content-area .page-content { padding-bottom: 1em; }


.blog #headlines {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 2em 0 0 0;

}
.blog #headlines li { margin-bottom: 1em;  }
/* .blog #headlines li .title { text-transform: uppercase; } -- disabled 3/3/16 -- */




/* --- event calendar --- */
.view-id-fundraising_events_calendar .view-filters { margin: 24px 0 24px 0; }
.view-id-fundraising_events_calendar .view-content .views-row {
	width: 24%;
	margin: 0 1% 1em 0;
	float: left;
	background-color: #114c75;
	color: #3cafff;
	padding: 0.3em;
	border-radius: 6px;
	min-height: 5em;


}
.view-id-fundraising_events_calendar .view-content .views-field-title { font-weight: bold; }
.view-id-fundraising_events_calendar .view-content .views-field-title a { color: #fff; }

.current-viewport-sm .view-id-fundraising_events_calendar .view-content .views-row { width: 32%; margin: 0 1.3% 1em 0; }
.current-viewport-xs .view-id-fundraising_events_calendar .view-content .views-row { width: 48%; margin: 0 1% 1em 0; }




/* --- physician (individual) listing page --- */

article.node-physician .field-name-field-picture  {
	float: left;
	margin: 0 2em 1em 0;
}




/* --- FOOTER --- */

body.front footer > .row {
	background-color: #fff;
	background-image: url('/graphics-2016/footer-bg.png');
	background-position: top left;
	background-repeat: repeat-x;
}
footer {

	background-color: #efefef;
	/*margin: 0px -15px 0 -15px;*/
	/*padding: 2px 15px 0 15px;*/
}

footer > .row:first-child {
	box-shadow: inset 0px 21px 45px -14px #ccc;
}

footer > .row { padding: 0 0 1em 0; }

footer .blue {
	background-color: #0c4a75;
	color: #fff;
}

footer .yellow-top { border-top: solid 4px #ffd51e; }
footer .blue a {
	color: #3cafff;
}

footer .blue .logos img { display: block; margin-top: 20px; }

footer .health-system ul { list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0; }
footer .health-system ul li {
}
footer .disclaimer { font-size: 80%; padding-top: 20px; }

.current-viewport-xs footer, .current-viewport-sm footer {
	background: none;
	background-color: #fff;
}

footer .button-lg {
	margin: 0.3em  0 0.3em 0;
	color: #053658;
	text-align: left;
	padding: 0.5em 1em 0.5em 1.5em;
	background: #fff url('/graphics-2016/rt-arrow-grey.png') 0.5em center no-repeat;
	font-size: 120%;
}

footer h3 a { font-weight: bold; text-transform: uppercase; }



/* --- LWC/Thrive/Illuminate --- */

#thrive-area #issue-contents .featured-articles,
#thrive-area #issue-contents .web-exclusives,
#illuminate-area #issue-contents .featured-articles,
#illuminate-area #issue-contents .web-exclusives,
.left-image-bullet-list {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#issue-contents h2 a { color: #053556; }

#thrive-area #issue-contents .featured-articles li,
#thrive-area #issue-contents .web-exclusives li,
#illuminate-area #issue-contents .featured-articles li,
#illuminate-area #issue-contents .web-exclusives li,
.left-image-bullet-list li {
	position: relative;
	padding: 7px 0 7px 115px;
	border-bottom: solid 1px #d9d9d9;
	margin: 12px 0 12px 0;
}
.thrive-contents .left-image-bullet-list li,
.illuminate-contents .left-image-bullet-list li {
	padding: 7px 0 7px 0;
}
#thrive-area #issue-contents .web-exclusives li,
#illuminate-area #issue-contents .web-exclusives li
{ padding: 7px 0 7px 0;
}

.page-illuminate #illuminate-area .sidebars .contain {
  background: none;
}

.page-illuminate #illuminate-area .sidebars .views-field-field-cover-image {
  position: static;
  width: 100%;
}

#illuminate-area .sidebars .views-field-field-cover-image img {
  border-radius: 0;
}

#thrive-area #issue-contents .featured-articles li .title,
#thrive-area #issue-contents .web-exclusives li .title,
#illuminate-area #issue-contents .featured-articles li .title,
#illuminate-area #issue-contents .web-exclusives li .title,
.left-image-bullet-list li .title {
	font-weight: bold; font-size: 110%;
}

#thrive-area #issue-contents .featured-articles li img,
#illuminate-area #issue-contents .featured-articles li img,
.left-image-bullet-list li img {
	position: absolute;
	left: 0px; top: 7px;
	border: solid 1px #acacac;
	max-height: 69px;
	max-width: 100px;
}

#lwc-top {
	position: relative;
}

#lwc-top .issue-box {
	font-weight: bold;
	color: #fff;
	font-size: 120%;
	position: absolute;
	right: 1em;
	bottom: 1em;
	text-transform: uppercase;
	text-shadow: 2px 2px  4px #333;
}
#lwc-top .issue-box a { color: #fff; }

#thrive-header,
#illuminate-header {
	background: transparent url('/graphics-2016/black-translucent.png') top left;
	border-radius: 10px;
	padding: 2em;
	display: inline-block;
	margin: 50px 15px 15px 15px;
	color: #fff;
}
.current-viewport-xs #thrive-header,
.current-viewport-sm #thrive-header,
.current-viewport-xs #illuminate-header,
.current-viewport-sm #illuminate-header {
	width: 50%;
	padding: 1em;
	margin: 15px 0 15px 0;
}
.current-viewport-xs #thrive-header img,
.current-viewport-sm #thrive-header img,
.current-viewport-xs #illuminate-header img,
.current-viewport-sm #illuminate-header img {
	width: 100%;
}

#thrive-header img,
#illuminate-header img {
  margin-bottom: 2em;
}

#thrive-header img.award,
#illuminate-header img.award {
  margin: 0 0 5px 0; }
#thrive-header h3,
#thrive-header p,
#illuminate-header h3,
#illuminate-header p {
  margin: 0 0 0 0; }

#thrive-header h3 a,
#illuminate-header h3 a {
  color: #fff; }
.current-viewport-xs #thrive-header img,
.current-viewport-xs #illuminate-header img {
  margin-bottom: 1em; }
.page-living-with-cancer.current-viewport-xs .page-background-container,
.page-living-with-cancer.current-viewport-sm .page-background-container,
.page-illuminate.current-viewport-xs .page-background-container,
.page-illuminate.current-viewport-sm .page-background-container
{
	height: 500px;
}
.page-living-with-cancer.current-viewport-xs .page-background-container img,
.page-living-with-cancer.current-viewport-sm .page-background-container img,
.page-illuminate.current-viewport-xs .page-background-container img,
.page-illuminate.current-viewport-sm .page-background-container img {
	top: 80px;
	height: 83%;
}


body.current-viewport-sm.page-living-with-cancer .page-background-container img,
body.current-viewport-sm.page-illuminate .page-background-container img {
	position: relative;
	right: 33%;
	z-index: 50;
	width: 100%;
	min-width: auto;
	right: 0px;
}


.thriveArchive .thriveIssue,
.illuminateArchive .illuminateIssue {
	position: relative;
	margin-bottom: 2em;
	padding:  0 1em 1em 1em;
	border: solid 1px #d0d0d0;
	border-radius: 10px;
	padding-left: 100px;
	background-color: #fff;
}
.thriveArchive .thriveIssue .coverImage,
.illuminateArchive .illuminateIssue .coverImage {
  position: absolute; left: 14px; top: 15px; }
.thriveArchive .thriveIssue .thriveTitle,
.illuminateArchive .illuminateIssue .illuminateTitle {
  font-weight: bold; text-transform: uppercase; }
.thriveArchive .thriveIssue p.top,
.illuminateArchive .illuminateIssue p.top {
  font-size: 80%; margin: 0 0 0 0; }
.thriveArchive .thriveIssue h4,
.illuminateArchive .illuminateIssue h4 { margin: 0 0 0 0; }

/* --- indiv issue pages --- */
.page-living-with-cancer-thrive .thriveIssue,
.page-illuminate .illuminateIssue{
	position: relative;
	padding-left: 33%;
}
.page-living-with-cancer-thrive  .views-field-field-cover-image,
.page-illuminate  .views-field-field-cover-image {
	position: absolute; top: 10px; left: 10px;
	width: 30%;
}
.page-living-with-cancer-thrive  .views-field-field-cover-image img,
.page-illuminate  .views-field-field-cover-image img {
	width: 100%; height: auto;
	border-radius: 12px;
}

.page-illuminate  .views-field-field-cover-image img {
  max-width: 550px;
}

article .field-name-field-thumbnail { float: left; margin-right: 10px; }
article ul.links.inline { list-style-type: none; }


/*
.captionedimage { float: right; margin-left: 1em; }
.captionedimage img { width: 100%; }
*/
.views-row { margin-bottom: 1em; }

/*
div.calendarbox {
	border: solid 2px #330000;
	font-size: 14px;
	color: navy;
	background-color: #FFF;
	float: center;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width:80%;
}
*/

.views-table td { padding: 7px; }

body.no-sidebars.current-viewport-lg #content-area { background: #efefef; }



/* --- new physicians listing --- */
.view-filters {
	background-color: #f8f8f8;
	border-radius: 10px;
	border-color: #c4c4c4;
	padding: 0.5em 1em 0.5em 1em;
	margin: 24px;
}
.view-id-physician_finder_2016 .views-submit-button input {
	color: #fff;
	background-color: #2492d6;
	border: solid 1px #1562ff;
	border-radius: 5px;
}
.view-id-physician_finder_2016  .view-content .item-list ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
}
.view-id-physician_finder_2016  .view-content .item-list li {
	width: 31%; float: left;
	position: relative;
	background-color: #114c75;
	color: #fff;
	max-height: 140px; height: 140px; overflow: hidden;
	margin-bottom: 1em;
	border: solid 1px #114c75;
}
body.current-viewport-xs .view-physician-finder-2016 .view-content .item-list li,
body.current-viewport-sm .view-physician-finder-2016 .view-content .item-list li {
	width: 97%;
}

.view-physician-finder-2016  .view-content .item-list li:nth-child(3n+1) {
	clear: both;
}
body.current-viewport-sm. view-physician-finder-2016  .view-content .item-list li:nth-child(2n+1) {
	clear: both;
}


.view-physician-finder-2016 .view-content .item-list li .views-field-field-picture {
	position: absolute; left: 0px; top: 0px;
}
.view-physician-finder-2016 .view-content .item-list li .views-field-field-picture img {
	height: 140px; width: 110px;
}

.view-physician-finder-2016  .view-content .item-list li a { color: #fff; }

.view-physician-finder-2016  .view-content .item-list li .views-field-title {
	padding-top: 6px;
	padding-bottom: 1em;
}
.view-physician-finder-2016  .view-content .item-list li .views-field-title,
.view-physician-finder-2016  .view-content .item-list li .views-field-field-specialty,
.view-physician-finder-2016  .view-content .item-list li .views-field-field-related-cancers {
	padding-left: 120px;
	display: block;
	padding-right: 6px;
}


.section-living-with-cancer.page-taxonomy-term .page-content article.first-node {
	border: solid 1px #c1c1c1;
	padding: 1em;
	background-color: #fff;
}
.section-living-with-cancer.page-taxonomy-term .page-content article.first-node h2 {
	margin-top: 0;
}


.section-living-with-cancer .field-name-field-thumbnail.field-type-image {
  display: inline-block;
  float: left;
  margin-right: 12px;
  width: 120px;
}

.section-living-with-cancer .node-living-with-cancer  ul.links,
.section-giving  ul.links
{ display: none; }



.section-living-with-cancer .node-living-with-cancer { margin-bottom: 1em; }

/* -- accordions -- */
.accordionContent {
	display: none;
}
.accordion .trigger {
	cursor: pointer;
}
.accordion, .accordion ul {
	list-style-type: none;
}
.doctor.accordion h3.trigger {
	margin-top: 10px;
}
.doctor.accordion span.trigger {
	display: block;
}
.doctor.accordion .trigger::after {
	content: '+';
	float: right;
}
.doctor.accordion .trigger.open::after {
	content: '-';
}
.doctor input.physicianFinder {
	max-width: 170px;
}
.doctor.accordion {
	background-color: white;
	border: 1px solid #053556;
	padding: 0 10px;
	margin-bottom: 5px;
}
.doctor.accordion p.trigger {
	margin: 5px 0;
}

/* -- old css classes  -- */
div.quotebox {
	border: solid 2px black;
	color: navy;
	background-color: #FFFDED;
	float: right;
	padding: 5px;
	margin: 5px;
	width:  150px;
}


div.calendarbox {
	border: solid 2px #330000;
	color: navy;
	background-color: #FFF;
	float: center;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	width:80%;
}


div.captionedimage {
	background-color: #fff;
	float: right;
	margin: 5px;
	padding: 2px;
	border: solid 1px navy;
	/* max-width: 200px; */
}
.captionedimage img { width: 100%; }

article div.imagecaption {
	font-size: 90%;
	font-weight: bold;
	color: navy;
	padding: 5px;
	width: auto !important;
}


/* --- research main page --- */
#research-top .content {
	position: relative;
	top: -48px;
	overflow: hidden;
	border-bottom: solid 2px #efefef;
}
#research-top .header-image {
	position: absolute;
	right: 15px; top: 0px;
	width: 100%;
	z-index: 20;
}
#research-top .header-text {
	position: relative;
	background: transparent url('/graphics-2016/black-translucent.png') top left;
	border-radius: 10px;
	padding: 2em;
	display: inline-block;
	margin: 15px;
	color: #fff;
	width: 40%;
	z-index: 50;
}

.current-viewport-xs #research-top .header-text { width: 80%; margin: 15px 0 15px 10%; }
#research-top h1 { margin: 0 0 10px 0; }

body.research-main.current-viewport-md #content-area {
	background-image: none;
}
.current-viewport-md #research-top .content {
	box-shadow: 0 0 25px 10px #ccc;
}


/* --- patients and families --- */
body.patients-and-families.no-sidebars  {
	background-color: #efefef;
	background-image: url('/graphics-2016/patients-and-families.jpg');
	background-position: top left;
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

body.patients-and-families.no-sidebars.current-viewport-xs {
	background-attachment: scroll;
	background-position: 0px 100px;
}

body.patients-and-families.no-sidebars #content-area {
	margin-top: 400px;
	background-color: #efefef;
}
body.patients-and-families.no-sidebars.current-viewport-sm #content-area {
	margin-top: 200px;
}

body.patients-and-families.no-sidebars.current-viewport-xs #content-area {
	margin-top: 100px;
}



/* --- healthcare professionals --- */
body.healthcare-professionals.no-sidebars  {
	background-color: #efefef;
	background-image: url('/graphics-2016/for-health-professionals-alt.jpg ');
	background-position: top left;
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

body.healthcare-professionals.no-sidebars.current-viewport-xs {
	background-attachment: scroll;
	background-position: 0px 100px;
}

body.healthcare-professionals.no-sidebars #content-area {
	margin-top: 400px;
	background-color: #efefef;
}
body.healthcare-professionals.no-sidebars.current-viewport-sm #content-area {
	margin-top: 200px;
}

body.healthcare-professionals.no-sidebars.current-viewport-xs #content-area {
	margin-top: 100px;
}



/* --- research scholars --- */
body.research-scholars.no-sidebars  {
	background-color: #efefef;
	background-image: url('/graphics-2016/research-page.jpg');
	background-position: top left;
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

body.research-scholars.no-sidebars.current-viewport-xs {
	background-attachment: scroll;
	background-position: 0px 100px;
}

body.research-scholars.no-sidebars #content-area {
	margin-top: 400px;
	background-color: #efefef;
}
body.research-scholars.no-sidebars.current-viewport-sm #content-area {
	margin-top: 200px;
}

body.research-scholars.no-sidebars.current-viewport-xs #content-area {
	margin-top: 100px;
}

.page-content .floatLeft { float: left; margin-right: 15px; }
.page-content .floatRight { float: right; margin-left: 15px; }
.page-content .clear { clear: both; }



.newsAndEvents .newsHomeItem img { width: 120px; height: auto; float: left; margin-right: 2em; }
.newsAndEvents .views-row { clear: both; margin-bottom: 2em; overflow: hidden; }
.newsAndEvents h3 { font-weight: bold; font-size: 120%; margin: 0 0 10px 0; }
.newsAndEvents .date-display-single { font-size: 80%; }

.node-news-article.view-mode-featured img {
	max-width: 100%;
	display: block;
	margin: 1rem auto;
}

.current-viewport-xs .view-news > .view-content .newsAndEvents { float: none;  }

/* --- Publications block on news and events page --- */
.publications .view-id-publications img {
  width: 100%;
  height: auto;
}

.publications .view-id-publications .views-row {
  width: 100%;
  max-width: 380px;
  padding: 5%;
}


/* --- CANCERS AND TREATMENTS -- (node 1505) --- */
body.page-node-1505 div#content-area.row {
  padding-top: 1em;
  background: transparent url('/graphics/cnt-home-bg.jpg') -90px -10px no-repeat;
}


body.page-node-1505 .indentContent { padding-left: 360px; min-height: 1050px;  }

body.page-node-1505 h1.title { margin-left: 350px; }

body.page-node-1505 .accordion {
 padding: 0 0 0 0;
 width: 100%;
}

body.page-node-1505 .cancerList li { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 90%; }


body.page-node-1505 .accordion > li.active  {
  background: transparent url('/graphics/cnt-accordion-active.png') top left repeat-x;
}
body.page-node-1505 .accordion > li.active .accordionContent {
	display: block;
}
body.page-node-1505 .accordion > li {
  background-image: none; background-color: #fafafa;
  border: solid 1px #cfcfcf;
  border-radius: 10px;
  padding: 0 0 0 0;
}
body.page-node-1505 .accordionContent {
  margin: 0 0 0 0; padding: 0 0 0 1em;
  background: transparent url('/graphics/white-70-transp.png') top left;
}


body.page-node-1505 .accordion h2 { margin: 0 0 0 0; padding-left: 3em; line-height: 50px;   }
body.page-node-1505 .accordion >  li { margin-bottom: 1em; }
body.page-node-1505 .accordion li.active  h2  { color: #fff !important; }

body.page-node-1505 .accordion .trigger .toggle { left: 1em; }

body.page-node-1505 .leftCol { width: 350px; position: absolute; left: 0px; top: 600px;  }

body.page-node-1505 .leftCol .box {
  background-color: #fafafa;
  border: solid 1px #b2b2b2; border-radius: 10px;
  margin: 0 1em 2em 1em;
  font-size: 90%;
}

body.page-node-1505 .leftCol .box h3 {
  font-style: normal; color: #0e3a5b; background-color: #e4e4e4;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 0 0 0 1em; margin: 0 0 0 0; line-height: 45px; border-bottom: solid 1px #cecece;
}
body.page-node-1505 .leftCol .box > .contain {
  padding: 0 .3em 0 .3em;
}
body.page-node-1505 .leftCol ul {
  list-style-type: none;
  margin: 0.6em 0 0.6em;
}
body.page-node-1505 .leftCol ul > li {
  line-height: 100%; margin: 0.5em 0 0.5em 0;
}

body.page-node-1505 h2 {
	border-bottom: solid 1px #e4e4e4;
}

body.page-node-1505.current-viewport-lg .multi-col {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;

	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
}

body.page-node-1505.current-viewport-md .multi-col,
body.page-node-1505.current-viewport-sm .multi-col {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;

	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
}

body.page-node-1505.current-viewport-xs .multi-col {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;

	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;
}




/* -- mobile tweaks - cancers and treatments -- */
body.page-node-1505.current-viewport-xs div#content-area.row {
	background-image: none;
}
body.page-node-1505.current-viewport-xs .indentContent { padding-left: 0px; min-height: 0px; }

body.page-node-1505.current-viewport-xs h1#page-title { margin-left: 0px; }

body.page-node-1505.current-viewport-xs .leftCol {
	width: auto;
	position: relative;
	left: 0px; top: 0px;
}


/* -- landing pages -- */
.landing-page h3 { font-weight: bold; text-transform: uppercase; }



.hilighted-phone {
	background-color: #0c4a75;
	border: solid 1px #ffd51e;
	border-radius: 5px;
	padding: 0.5em 1em 0.5em 1em;
	text-shadow: -1px -1px 0 #666,1px -1px 0 #666,-1px 1px 0 #666,1px 1px 0 #666;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	display: inline-block;
}



/* -- research members -- */
.page-node-488 .members legend {  margin: 0 0 0 0; font-size: 150%; }
.page-node-488 .members ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }


.page-node-488 .members ul li { padding: 0.3em 0 0.3em; }
.page-node-488 .members ul li:nth-child(even) { background-color: #e7e7e7; }
.page-node-488 .members ul li span { width: 32%; margin-right: 1%; display: inline-block; }

.page-node-488 .members ul li:first-child { background-color: #cdcdcd; text-transform: uppercase; }
.page-node-488 .members ul li:first-child strong { width: 29%; margin-right: 1%; display: inline-block; }




.row.sidebar-second {
	background-color: #efefef;
	display: table;
}

.row.sidebar-second .region { display: table-row; padding-top: 2em; }

.row.sidebar-second .region .block {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #efefef;

}

.bottom-regions { background-color: #efefef; padding: 2em 15px 2em 15px; }
.bottom-regions img { max-width: 100%; }




/* -- locations page -- */


/* --- locations main page --- */
.locations-main-page .views-row a h3 {
  margin: 0 0 0.5em 0;
  font-weight: normal;
  font-size: 100%;
}

.locations-main-page .pane-1 { margin-bottom: 1em; }
.locations-main-page .pane-views-locations-list-block-1 { width: 60%; float: right; }

.current-viewport-xs.locations-main-page .pane-views-locations-list-block-1 { width: 100%; float: none; }



.locations-main-page .pane-2 { float: left; width: 48%;  position: relative;  }
.locations-main-page .region-highlighted { display: none; }
.locations-main-page img.locations-pic { position: absolute; right: -15px; top: -20px; width: auto; }

.locations-main-page #locations-list-health-centers,
.locations-main-page #locations-um-center,
.locations-main-page #locations-list-oncology {
  width: 35%;
  margin: 0 3% 20px 0;
  padding: 1%;
  background-color: #f9f9f9;
  border: solid 1px #c3c3c3;
  border-radius: 7px;
}

.current-viewport-xs.locations-main-page #locations-list-health-centers,
.current-viewport-xs.locations-main-page #locations-um-center,
.current-viewport-xs.locations-main-page #locations-list-oncology {
  width: auto;
  margin: 0 3% 20px 0;
  padding: 1%;
  background-color: #f9f9f9;
  border: solid 1px #c3c3c3;
  border-radius: 7px;
}



.locations-main-page #locations-list-health-centers h2,
.locations-main-page #locations-um-center h2,
.locations-main-page #locations-list-oncology h2 {
  margin: 0 0 10px 0;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.locations-main-page #locations-list-health-centers h2 {
  padding-bottom: 223px;
  background-image: url('/graphics/locations-health-centers.jpg');
}
.locations-main-page #locations-um-center h2 {
  padding-bottom: 228px;
  background-image: url('/graphics/locations-um-center.jpg');
}

.locations-main-page #locations-list-oncology h2 {
  padding-bottom: 218px;
  background-image: url('/graphics/locations-radiation-oncology.jpg');
}

.section-locations article.node-physician {
	width: 24%; margin: 0 1% 1em 0; float: left;
}
.section-locations article.node-physician header { text-align: center; }
.section-locations article.node-physician .field-type-image { width: 100%; }
.section-locations article.node-physician .field-type-image .field-item { text-align: center; }
.section-locations article.node-physician .field-type-image img  { margin: auto auto; }
.section-locations article.node-physician ul.links { display: none; }




.page-content .ac-container { clear: both; }



/* -- HOPEFUL QUOTES -- */
.quote-box {
	border-radius: 5px;
	border: solid 1px #819ec9;
	font-size: 110%;
	font-family: 'Times', serif;
	box-shadow: -6px 6px 10px #dedede;
	margin-top: 1.5em;
}
.quote-box .quote {
	border-radius: 5px;
	padding: 7px;
	background-color: #f0f4f6;
	text-align: center;
}
.quote-box .quote p::first-letter {
	font-weight: bold;
	font-size: 150%;
}
.quote-box .attribution {
	border-radius: 0 0 5px 5px;
	padding: 7px;
	background-color: #ebf7ff;
	border-top: solid 1px #a3a6a7;
	font-style: italic;
}

.quote-box.spotlight { position: relative; overflow: hidden; clear: both; margin-bottom: 1em; }
.quote-box.spotlight img.spotlight {
	z-index: 20;
	position: absolute;
	left: 0%; top: 0%;
	width: 100%;
}
.quote-box.spotlight .quote {
	position: relative; z-index: 100;
	font-size: 220%; color: #fff;
	border: none; background-color: transparent;
	text-align: center;
}
.quote-box.spotlight .attribution {
	position: relative; z-index: 100;
	font-size: 200%; color: #fff;
	border: none; background-color: transparent;
	text-align: center;
}

.quote-box.gold .quote,
.quote-box.gold .attribution {
	background-color: #efe7c5;
	color: #333;
}

.quote-box.green .quote,
.quote-box.green .attribution {
	background-color: #effeee;
	color: #333;
}



.quote-box.spotlight img.spotlight.t10 { top: -10%; }
.quote-box.spotlight img.spotlight.t20 { top: -20%; }
.quote-box.spotlight img.spotlight.t30 { top: -30%; }
.quote-box.spotlight img.spotlight.t40 { top: -40%; }
.quote-box .text-shadow {
	text-shadow: 2px 2px 6px #333;
}


#skiptocontent a {
  position: absolute;
  left: 0px; top: 0px;
  z-index: 999;

}

#skiptocontent a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 999;
}


#skiptocontent a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #0d5da4;
  outline: 0;
  -webkit-transition: top .1s ease-in, background .5s linear;
  transition: top .1s ease-in, background .5s linear;
}



/* ---- embedded trials css ---- */

.embedded-clinical-trials ul#trial-controls {
		display: inline-block;
		margin: 0 0 0 0; padding: 10px;
		background-color: #0c4a75;
		border-radius: 7px;
		list-style-type: none;
		width: auto;
	}
.embedded-clinical-trials ul#trial-controls li {
		display: inline-block;
		padding: 7px;
	}

.embedded-clinical-trials #clinical-trial-search-results p {
		margin: 20px 0 20px 20px;
		background-color: #fff;
		padding: 8px;
	}
.embedded-clinical-trials #clinical-trial-search-results p.top {
		background-color: transparent;
		margin-left: 0px;
	}

.embedded-clinical-trials #clinical-trial-search-results .clinical-trial-detail p {
		background-color: transparent;
	}

.embedded-clinical-trials #search-button {
		background-color: #ffcb05;
		border: solid 1px white;
		color: #0c4a75;
		border-radius: 3px;
		padding: 3px 15px;
	}

#clinical-trial-search-results div.quotebox,
.embedded-clinical-trials div.quotebox {
  border: none;
  color: navy;
  background-color: transparent;
  float: none;
  padding: 0;
  margin: 0;
  width:  100%;
}

/*
 * Utility Classes
 */
.pb-2 {
	padding-bottom: 2em;
}

/* Header Top Region & Coronavirus Covid-19 Banner */
.region--header-top {
  background-color:#ffcb05;
  position:relative;
  text-align:center;
  z-index:10000;
}

.region--header-top .inner {
  margin: 0 auto;
  max-width: 1024px;
}

.covid-banner a {
  background: url('../graphics/warning.png') no-repeat;
  background-size: contain;
  background-position: top left;
  color: rgb(12, 63, 113);
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 35px;
}

/*Force hero link to be clickable */
.hero-cta {
  float: right;
  width: 50%;
  background-color: white;
  position: relative;
  top: 200px;
  font-size: 2.75rem;
  line-height: 1.7;
}
@media all and (max-width: 992px) {
  .hero-cta {
    top: 0;
  }
}

.corona-header {
  color: black;
  font-weight:800;
  font-size: 1.45em;
}
.hero-link {
  background-color: #e5e5e5;
  cursor: pointer;
  display: block;
  padding: 20px 20px 20px 30px;
}

.front .page-background-container.hidden-xs {
  background-position: center;
}
@media all and (max-width: 1080px) {
  .front .page-background-container.hidden-xs {
    background-position: 65% 66%;
  }
}

/* ---- media Queries ---- */
@media all and (min-width: 992px) {
	.homepage_promo_content {
		display: flex;
	}
	.homepage_promo_content .promo-stripe-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/*---------- star rating ----------*/
.star-rating, .back-stars, .front-stars {
  display: inline-flex;
}
.star-rating {
  align-items: flex-start;
  font-size: 18px;
  justify-content: left;
}
.back-stars {
  z-index: 1;
  color: black;
  position: relative;
}
.front-stars {
  z-index: -1;
  color: #ffcb04;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all 0.5s;
}