@import url("https://use.fontawesome.com/releases/v6.7.2/css/all.css");@import url("/ClientCSS/NWS/Themes.ReFlex.Core/theme.css");@import url("/ClientCSS/MDSoc/Themes.ReFlex.MDS2021/vars.css");/***********************************************************************************************
 *
 * This stylesheet provides site specific styling. Anything needing to show in the workstation
 * must be defined here or through an import here.
 *
 ***********************************************************************************************/


/*
   All variables are defined in /ClientCSS/NWS/Themes.ReFlex.Core/var.css
   To override variables, add a vars.css to the same folder as this file and uncomment the import below.
   Then add any variables you need to override from /ClientCSS/NWS/Themes.ReFlex.Core/vars.css or any new variables
   you wish to define specific to your site.  IMPORTANT: var.css import should be last import.
*/


/*
  Breakpoints must be defined in every CSS as they depend on Titan CMS variable replacements
*/
.titanBody {
    --breakpoint-phone: 600px;
    --breakpoint-tablet: 768px;
    --breakpoint-tablet-landscape: 1024px;
    --breakpoint-desktop: 1200px;
	--breakpoint-widescreen: 1600px;
}

/* CSS Styles for Workstation */
.Button, .Circles, .FloatLeft, .FloatRight, .FeatureImage,
.FeatureText, .FeatureTextOverlay, .FeatureOverlay, .TitleText,
.Float25, .Float33, .Float50, .Float66, .Float75,
.Flex20, .Flex25, .Flex33, .Flex50, .Flex66, .Flex75,
.StripeDark, .StripeLight, .StripeMedium, .StripeFlexDefault, .StripeFlexLight, .StripeNoTopMargin,
.emphasis,.RoadmapCard, .CourseCard,
.TagBar {}

.StripeDefault, .StripeNoTopMargin {background:var(--color-white);}
.StripeLight, .StripeFlexLight {background:var(--color-light); color:var(--color-text-dark);}
.TitanStripe {overflow:hidden;}
.TitanStripe.StripeNoTopMargin {padding:0 0 5rem;}
.siteBounds + #centerZone > .TitanStripe:first-child {padding-top:0;}

#topZone {padding-bottom: 2rem;}
#topZone .titleArea.siteBounds{margin-top: 3rem;}
#titleBarContainer h1 {margin-bottom:0;}
h1:first-child:last-child {margin-bottom: 1.8rem;}

/* theme.css overrides */
.TitanBlock input.filterTrigger:checked + div h3 ~ fieldset,
.TitanBlock input.filterTrigger:checked + div h3 ~ div fieldset {padding-right: 0;}
.TitanBlock input.filterTrigger:checked + div h3 ~ fieldset:last-of-type,
.TitanBlock input.filterTrigger:checked + div h3 ~ div fieldset:last-of-type {margin-bottom: 1rem;}
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div .filterClose {right:0;}
.TitanBlock input.filterTrigger + div a.resetAll {display: none;}
.TitanBlock input.filterTrigger:checked + div a.resetAll {display: block;}
.TitanBlock.Aggregation .TwoCol > .item:last-child {margin-bottom: 20px;}
@media(min-width: 768px) {
	.TitanBlock input.filterTrigger + div a.resetAll {display: block;}
    .Aggregation .image .otherStuff,.ColOne .image .otherStuff,.TOCBlock .image .otherStuff,.tocList .image .otherStuff {
        width: 67%;
    }
}

/* HEADER UPDATES */
#utilityArea {background: var(--color-brand-primary);padding: 1rem 0;}
#utilityArea nav.utility {margin-top: 10px;}
#utilityArea .siteBounds {display: flex;justify-content: space-between;align-items: center;}
@media (min-width:1200px) {
	#utilityArea .utilityWrapper,
	#utilityArea nav.utility {margin: 0;}
	.titanBody nav.utility li {padding: 10px 2rem 7px 0;}
	.titanBody nav.utility li {padding-right: 2rem;margin-right:2rem;border-right:1px solid var(--color-light);}
	.titanBody nav.utility li:last-child {border: 0;}
}
.titanBody nav.utility a {color: var(--color-white);}
.utilityWrapper > div.TitanBlock {float: left;margin: 0 1rem 0 0;}
.searchArea {background: var(--color-white);border-radius: 50px;padding: 0 1rem;}
.searchBar ::-webkit-input-placeholder {color: var(--color-text-medium);}
.searchBar ::-moz-placeholder {color: var(--color-text-medium);opacity: 1;}
.searchBar :-ms-input-placeholder {color: var(--color-text-medium);}
.searchBar :-moz-placeholder {color: var(--color-text-medium);}
.searchArea input[type="text"] {color: var(--color-text-medium);}
.searchArea input.search {color: var(--color-text-dark);}

/* WELCOME */
div#Welcome {height: 33px;padding-top: 1rem;}
.loggedIn p.text {margin: 0;text-align: right;}
span.logout {margin-left: 1rem;}
#headerArea,#pageTools {background: var(--color-white);border-bottom: 3px solid #af2626;}
#headerArea {height: 130px;}
#logoArea {margin: -10px 0 0;}
.sticky #logoArea img {
    height: initial;
    min-height: initial;
}
#logoArea img {max-height: 100px;}

/* FIXED HEADER */
@media (max-width:1199px) {
    .titanBody .FeatureText,
	.titanBody:has(input.filterTrigger:checked) #headerArea:not(.sticky),
	#headerArea:not(.sticky) #navArea,
	#headerArea:not(.sticky) #navArea > label {
		z-index: initial;
	}
}
@media (min-width:1200px) {
	#headerArea:not(.sticky) {height: 183px;}
	#headerArea:not(.sticky) #logoArea {margin: -20px 0 0;}	
	.sticky div#Welcome,
	.sticky #logoArea {display:none;}
	.sticky #navArea nav.top {margin-top: 0;}
	.sticky #navArea nav.top .menu > li.navLast > a,
	.sticky #navArea nav.top .menu > li.navLast > a:hover,
	.sticky #navArea nav.top .menu > li.navLast > a:focus,
	.sticky #navArea nav.top .menu > li.navLast > a:active,
	.sticky #navArea nav.top .menu > li.navLast:hover > a:hover,
	.sticky #navArea nav.top .menu > li.navLast:hover > a:focus,
	.sticky #navArea nav.top .menu > li.navLast:hover > a:active {
		padding: 0;
		background: none;
		color: var(--color-brand-primary);
		border: 0;
	}
	.sticky #navArea nav.top .menu > li.navLast > a:hover,
	.sticky #navArea nav.top .menu > li.navLast > a:focus,
	.sticky #navArea nav.top .menu > li.navLast > a:active,
	.sticky #navArea nav.top .menu > li.navLast:hover > a:hover,
	.sticky #navArea nav.top .menu > li.navLast:hover > a:focus,
	.sticky #navArea nav.top .menu > li.navLast:hover > a:active {
		text-decoration: underline;
	}
	.sticky #navArea nav.top .menu > li > ul {top:44px;}	
	#headerArea.sticky {-webkit-animation-name: none;animation-name: none;}
}

/* NAV UPDATES */
#navOpener:checked ~ #navArea {background: var(--color-light);}
#navArea {top: 35px;}
#navArea nav.top .menu > li.navLast > a {
	font-weight: var(--fontweight-regular);
}
#navArea nav.top .menu > li.navLast > a::before {
	content: '\f007';
	font-family: var(--fontfamily-secondary);
	font-weight: bold;
	margin-right: 1rem;
}
@media (min-width:1200px) {
	#navOpener:checked ~ #navArea, #navArea {top: 3px;min-width: 1175px;}
	#navArea nav a {color: var(--color-text-dark);}
	#navOpener:checked ~ #navArea nav.top, #navArea nav.top {margin-top: 10px;}
	#navArea nav.top .menu > li > ul {background: var(--color-light);border: 1px solid var(--color-light);}
	#navArea nav.top .menu > li:hover > a.hasChild::after {border-bottom: 15px solid var(--color-light);}
	#navArea nav.top .menu > li > a {font-weight: bold;}
	.sticky #navArea nav.top .menu > li > a {padding: 10px 22px 8px;}
	#navArea nav a.current,
	#navArea nav.top .menu > li ul li a:hover,
	#navArea nav.top .menu > li ul li a:focus,
	#navArea nav.top .menu > li ul li a:active {color: var(--color-brand-primary-hover);}
	#navArea nav.top .menu > li > a span.arrow{display: none;}
	/* MYMDS BUTTON */
	#navArea nav.top .menu > li.navLast {
	    margin-left: 2rem;
	}
	#navArea nav.top .menu > li.navLast > a {
		display: inline-block;
		padding: 6px 20px;
		background: var(--color-brand-primary);
		border-radius: 4px;
		color: var(--color-white);
		text-align: center;
		transition: all 0.1s ease;
		text-decoration: none;
		cursor: pointer;
		border: 2px solid var(--color-brand-primary);
	}
	#navArea nav.top .menu > li:hover > a:hover,
	#navArea nav.top .menu > li:hover > a:focus,
	#navArea nav.top .menu > li:hover > a:active {
		text-decoration: underline;
	}
	#navArea nav.top .menu > li.navLast:hover > a:hover,
	#navArea nav.top .menu > li.navLast:hover > a:focus,
	#navArea nav.top .menu > li.navLast:hover > a:active {
		text-decoration: none;
		border-color: var(--color-brand-primary);
		background: var(--color-white);
		color: var(--color-brand-primary);
	}
}


/* MOBILE NAV UPDATES */
#navOpener:checked ~ #navArea div.navInner  {background: var(--color-light);}
#navOpener:checked ~ #navArea div.navInner a{color: var(--color-text-dark);}
#navOpener:checked ~ #navArea div.navInner li.navLast a {
    color: var(--color-white);
    background: var(--color-brand-primary);
}
#navOpener:checked ~ #navArea #navButton {background: var(--color-brand-primary);}
@media(max-width: 1024px){
	#navArea nav a.current{ background: var(--color-light-medium);}
	#navArea nav a:hover,
	#navArea nav a:focus,
	#navArea nav a:active {background: var(--color-light)}
}

/* MOBILE SOCIAL */
#navArea .socialLinks {display: none;}
#navOpener:checked ~ #navArea .socialLinks {display: block;}
#navOpener:checked ~ #navArea .socialLinks a {color: var(--color-white) !important; background: var(--color-dark);}

@media (min-width:1200px) {
	#navOpener:checked ~ #navArea div.navInner  {background: initial;}
	#navOpener:checked ~ #navArea .socialLinks {display: none;}
}
.socialLinks ul,
ul.socialLinks {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.socialLinks a {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: var(--color-white);
}
.socialLinks .fa.fa-youtube-play::before {
    content: "\f167";
}
.socialLinks .fa,
.socialLinks .fab,
.socialLinks .fa-brands {
	font-size: 2.5rem;
	font-family: var(--fontfamily-brands);
}
.socialLinks li {
    margin-right: 5px;
}
.utilityWrapper .socialLinks li {
    border-right: 1px solid var(--color-black-shadow);
    padding-right: 5px;
}
.utilityWrapper .socialLinks li:last-child {
    border-right: 0;
}
#navArea .socialLinks,
#navArea .socialLinks li {
	margin: 1rem;
	padding: 0;
}
#footerArea .socialLinks a:hover,
#navArea .socialLinks a,
#utilityArea .socialLinks a:hover,
#utilityArea .socialLinks a:focus,
#utilityArea .socialLinks a:active {
	background-color: var(--color-white);
	color: var(--color-brand-primary);
	border-radius: 4px;
}
#navArea .socialLinks a:hover,
#navArea .socialLinks a:focus,
#navArea .socialLinks a:active {
	background-color:var(--color-light);
}

#utilityArea .languageArea .disclaimer .disclaimer {
	display:none;
	/* hide until supporting css arrives */
}

/* PAGETOOLS */
#pageTools .siteBounds {display: flex;align-items: center;height: 6rem;}
#pageTools nav.breadcrumb {margin: 0 2rem 0 0;}
#pageTools nav.tools {display: flex;align-items: center;margin: 0 0 0 auto;float: none;}
#pageTools nav.tools ul, nav.tools ul li {float: none;display: flex;}
#pageTools nav.tools li {padding: 0;}
#pageTools nav.tools a {vertical-align: middle;color: var(--color-medium);}
#pageTools nav.tools .TitanBlock.Freeform {min-width:45px;}
#pageTools nav.tools .TitanBlock {margin: 0 2rem 0 1rem;font-weight: var(--fontweight-bold);}

/* PAGE TOOLS ICONS */
.print a::before,
.email a::before{
	font-family: var(--fontfamily-secondary);
	margin-right:.8rem;
	font-weight:bold;
	font-size:var(--fontsize-secondary);
	color: var(--color-white);
	background: var(--color-medium);
	padding: 5px 6px;
	border-radius: 4px;
	text-align: center;
	line-height: 1;
}
.print a::before{content: "\f02f";}
.email a::before{content: "\f0e0";}

/* HERO ZONE */
#heroZone {
	 background: var(--color-brand-primary);
}
#heroZone .TitanStripe:last-child {
    border-bottom: 1px solid var(--color-white);
    margin-bottom: 3px;
}
.home #heroZone .FeatureImage {
	min-height: 0;
}
.emphasis {color: var(--color-brand-primary);font-weight: 600;}
.titanBody .FeatureImage img {object-position: 72%;}
.titanBody .TitleText.FeatureText h1::after {
	content: "";
	width: 50px;
	height: 3px;
	background: var(--color-white);
	position: relative;
	display: block;
	margin-top: 3px;
}
.FeatureTextStyle2 .wrapper br {
	line-height: 1rem;
}
.FeatureTextStyle2 .wrapper {
    background-color: transparent;
    padding: 0;
    width: auto;
    margin-bottom: 0;
}
@media (min-width:768px) {
	.FeatureTextStyle2 .wrapper {
		width: 75%;
		padding: 25px;
		background: rgba(0,0,0,.6);
		margin-bottom: 0;
	}
}
span[class*="Button"] + span[class*="Button"] {
	margin-left: 1.5rem;
}
@media (min-width:768px) {
	.FeatureImage.FeatureOverlay::before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		opacity: 1;
		background: rgba(0,0,0,.5);
	}
	.titanBody .TitleText.FeatureText {
		padding-right: 20%;
		font-size: 2rem;
		line-height: 1.6;
	}
	.titanBody .TitleText.FeatureText h1 {
		margin-bottom: 2rem;
		font-size: 3.6rem;
	}
}
@media (min-width:1200px) {
	.titanBody .FeatureImage img {
		object-position: initial;
	}
	.FeatureImage.FeatureOverlay::before {
		background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.4) 60%, transparent 90%);
	}
	.titanBody .TitleText.FeatureText {
		padding-right: 30%;
	}
}
@media (min-width:1600px) {
	.titanBody .TitleText.FeatureText {
		padding-right: 20%;
	}
}

/* FOOTER UPDATES */
#footerArea {background:var(--color-light-medium);}
.bottomContent {background: var(--color-medium-light) url(/ClientCSS/images/mds/shadow.png) no-repeat center top;border-top: 3px solid var(--color-brand-primary);color: var(--color-text-dark);}
.titanBody .bottomContent a {color: var(--color-brand-primary);text-decoration: none;}
.titanBody .bottomContent a:hover,
.titanBody .bottomContent a:focus,
.titanBody .bottomContent a:active {color: var(--color-brand-primary);text-decoration: underline;}
#footerArea ul {padding: 0;list-style: none;}
#footerArea .bottomContent p {margin-bottom: 12px;}
#footerArea .bottomContent p.h4 {margin-bottom: 6px;}
#footerArea .copyright {text-align: center;padding:2rem 0;}
#footerArea .poweredBy {display: none;}
nav.bottom ul {font-size: var(--fontsize-primary);}
@media (min-width: 600px) {
	#footerArea nav.bottom {float: right;}
}
@media (min-width:768px) {
	#footerArea nav.bottom ul li {padding-right: 2rem;margin-right:2rem;border-right:1px solid var(--color-medium);}
	#footerArea nav.bottom ul li:last-child {border: 0;}
	nav.bottom ul {font-size: var(--fontsize-secondary);}
}

/* FLEX BLOCKS */
@media (min-width:768px) {
	.TitanStripe.StripeMYMDS .siteBounds,
	.TitanStripe[class*="StripeFlex"] .siteBounds {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.Flex20, .Flex25, .Flex33, .Flex50, .Flex66, .Flex75 {flex-basis:47.45%;}
	.TitanStripe.StripeMYMDS .siteBounds > div:not([class*="Flex"]),
	.TitanStripe[class*="StripeFlex"] .siteBounds > div:not([class*="Flex"]),
	.CourseDetail section	{
		flex-basis: 100%;
	}
}
@media (min-width:1200px) {
	.Flex20 {flex-basis:16.8%;}
	.Flex25 {flex-basis:21.72%;}
	.Flex33 {flex-basis:30.30%;}
	.Flex50 {flex-basis:47.45%;}
	.Flex66 {flex-basis:64.60%;}
	.Flex75 {flex-basis:73.20%;}
}

/* IMAGE BACKGROUNDS ON STRIPES */
.TitanStripe.StripeMyFavorites,
.TitanStripe.StripeResources,
.TitanStripe.StripeWelcome {
	min-height: 500px;
	border-bottom: 4px solid var(--color-brand-primary);
}
.TitanStripe.StripeMYMDS {
	border-bottom: 4px solid var(--color-brand-primary);
	padding: 0;
}
.TitanStripe.StripeResources {
	border-top: 4px solid var(--color-brand-primary);
}

/* StripeMYMDS */
.TitanStripe.StripeMYMDS .Flex50,
.TitanStripe.StripeMYMDS .Flex50:not(.SharePage) p {
	margin-bottom: 0;
}
.TitanStripe.StripeMYMDS .Flex50:first-child p,
.TitanStripe.StripeMYMDS .Flex50:first-child p img {
    object-fit: cover;
    height: 100%;
}
.TitanStripe.StripeMYMDS .Flex50.SharePage {
	padding: 3rem;
}
.MyMDSWrapper > h4 {
	margin-bottom: 3rem;
}
.MyMDSWrapper > div h4 {
	margin-bottom: 5px;
}
.MyMDSWrapper > div h4::after {
    content: "";
    width: 2rem;
    height: 2px;
    display: block;
    position: relative;
    background: var(--color-brand-primary);
    margin-top: 5px;
}
.MyMDSWrapper > div {
	margin-bottom: 4rem;
	padding-left: 6rem;
	position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 1rem;
}
.MyMDSWrapper > div::before {
    content: "";
    width: 4rem;
    height: 4rem;
    display: block;
    position: absolute;
    left: 0;
	top: 0;
	background: url(/MDS-Files1/Education-Roadmap/icons/UserCheck.png) no-repeat center / 100%
}
.MyMDSWrapper > div#memberType::before {
	background-image: url(/MDS-Files1/Education-Roadmap/icons/UserCheck.png);
}
.MyMDSWrapper > div#memberSince::before {
	background-image: url(/MDS-Files1/Education-Roadmap/icons/Clock.png);
}
.MyMDSWrapper > div#memberExpires::before {
	background-image: url(/MDS-Files1/Education-Roadmap/icons/Calendar2.png);
}
.MyMDSWrapper > div#regionalSection::before {
	background-image: url(/MDS-Files1/Education-Roadmap/icons/Globe.png);
}
.MyMDSWrapper > div#memberCommittees::before {
	background: url(/MDS-Files1/Education-Roadmap/icons/User.png) no-repeat center / auto 100%;
}
.MyMDSWrapper > div#memberCommittees p {
    margin-bottom: 5px;
	line-height: 1.2;
}
@media (min-width:768px) {
	.TitanStripe.StripeMYMDS .siteBounds {
		max-width: none;
		padding: 0 5% 0 0;
	}
	.TitanStripe.StripeMYMDS .Flex50.SharePage {
		padding: 5rem 0;
	}
}
@media (min-width:1024px) {
	div#memberCommittees > div {
		column-count: 2;
		column-gap: 2rem;
	}
}
@media (min-width:1200px) {
	.TitanStripe.StripeMYMDS .Flex50.SharePage {
		padding: 5rem;
	}
	.MyMDSWrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.MyMDSWrapper > h3:first-child,
	.MyMDSWrapper > h4 {
		flex-basis: 100%;
	}
	.MyMDSWrapper > div {
		flex-basis: 46%;
	}
	.MyMDSWrapper > div#memberCommittees {
		flex-basis: 100%;
	}
	div#memberCommittees > div {
		column-count: 3;
	}
}

/* FILTER PANEL STYLES */
.TitanBlock input.filterTrigger:checked + div .closeFilter {
    margin: 1rem;
}
div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {
	background: var(--color-white);
	border-color: var(--color-light);
	border-top: 4px solid var(--color-brand-primary);
	padding: 15px 0;
}
.titanBody .TitanBlock input.filterTrigger + div input.date.form-control,
.titanBody div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div input.date.form-control {
	border-radius: 20px 0 0 20px;
}
.titanBody .TitanBlock input.filterTrigger + div input,
.titanBody div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div input {
	background: var(--color-white);
	border-radius: 20px;
    padding: 5px 15px 6px;
}
.TitanBlock .inputs div {
	padding: 0;
}
@media (min-width:1200px) {
	.TitanBlock input.filterTrigger + div,
	div:not(.mainBody) > .TitanBlock input.filterTrigger:checked + div {
		background: var(--color-light);
		border-color: var(--color-light);
		border-top: 4px solid var(--color-brand-primary);
	}
	.TitanBlock fieldset div.head h4 {
		font-weight: var(--fontweight-bold);
		font-size: var(--fontsize-primary);
		line-height: var(--lineheight-titanBody);
	}
}

/* TITAN CALENDAR WIDGET */
.DataFilter2 .calendar thead th {
	font-weight: var(--fontweight-bold);
}
.DataFilter2 .calendar thead .caption th {
	padding: 0;
	font-size: var(--fontsize-primary);
}
.DataFilter2 .calendar thead .caption th:not(.monthHeader) {
	font-size: 3rem;
    line-height: 1;
    padding-bottom: 5px;
}
.DataFilter2 .arrow:hover, .DataFilter2 .dblarrow:hover,
.DataFilter2 .arrow:focus, .DataFilter2 .dblarrow:focus,
.DataFilter2 .arrow:active, .DataFilter2 .dblarrow:active {
	background: var(--color-white);
}
.DataFilter2 table td, .DatePicker table td {
    color: var(--color-text-dark);
}
.DataFilter2 table td {
    background: var(--color-light);
}
.DataFilter2 td.hasEvent, .DatePicker td.hasEvent {
    background: var(--color-brand-primary);
	color: var(--color-white);
}
.DataFilter2 td.selectedDate,
.DataFilter2 td.selectedDate.hasEvent,
.DatePicker td.selectedDate,
.DatePicker td.selectedDate.hasEvent,
.DataFilter2 td.selected.selectedDate,
.DataFilter2 td.selected.selectedDate.hasEvent {
    background: var(--color-medium);
	color: var(--color-white);
}

/* EVENTS ADD-IN OVERRIDE STYLES - will come in first and need to be more specific to override */
.titanBody .TitanBlock p.dataInfo,
.titanBody p.dataInfo + p.dataInfo {
    border: 0!important;
	padding: 0!important;
	margin: 0!important;
}
.titanBody p.dataInfo + p.teaser,
.titanBody p.dataInfo + p.linkText {
	margin-top: 12px!important;
}
.DataList .DataListing div.ColOne div.item, 
.DataList .DataListing div.ColTwo, 
.DataList .DataListing div.ColThree, 
.DataList .DataListing div.ColFour, 
.DataList .DataListing div.ColFive {
    border-bottom: 1px solid #ddd!important;
}

/* COMMENTING */
.Commenting {
    margin: 0 auto;
    padding: 0 5%;
    clear: both;
}
.Commenting .commentForm {
	background-color: var(--color-light);
	border-style: solid;
	border-color: var(--color-brand-primary);
	border-width: 3px 0 0 0;
    padding: 20px 20px 0;
    margin-bottom: 5rem;
}
.titanBody .Commenting input:not([type="submit"]):not([type="button"]),
.titanBody .Commenting textarea,
.titanBody .Commenting select {
	border:1px solid var(--color-medium-light);
	background: var(--color-white);
}
@media screen and (min-width: 715px) {
	.titanBody .Commenting input:not([type="submit"]):not([type="button"]),
	.titanBody .Commenting textarea,
	.titanBody .Commenting select {
        min-width: 50%;
    }
}
@media (min-width:1200px) {
    .Commenting {
        max-width: 1175px;
        padding: 0;
    }
}

/* SIDE COLUMN UPDATES */
aside.side > .TitanBlock {
	background-color: var(--color-light);
	border-style: solid;
	border-color: var(--color-brand-primary);
	border-width: 3px 0 0 0;
}
aside.side .TitanBlock > .TitanBlock {
    border: none;
    padding: 0;
}

/* FROM OLD THEME */
.image_left,.image_right {
    display: block;
    float: none;
    margin: 0
}

@media screen and (min-width: 715px) {
    .image_left {
        float:left;
        margin: 5px 10px 10px 0
    }

    .image_right {
        float: right;
        margin: 5px 0 10px 10px
    }
}

.note {
    display: inline-block
}

/* hide/show based on breakpoint */
.hidePhone{display:none;}
@media screen and (min-width:715px)and (max-width:977px){
	.hideTablet{display:none;}
	.hidePhone{display:block;}
}
@media screen and (min-width:978px){
	.hideDesktop{display:none;}
	.hidePhone{display:block;}
}

/* float blocks */
	@media screen and (min-width:715px)and (max-width:969px){
		.Float50{float:left;width:47%;}
		.Float50 + .Float50{float:left;}
	}
	@media screen and (min-width:970px){
		.Float50.CenterZone,
		.Float50{float:left;width:47%;}

		
		.Float50.CenterZone + .Float50.CenterZone,
		.Float50 + .Float50{float:left;}
		

		.FloatLeft80{float:left;width:80%}
		.FloatRight20{clear:none;float:right;width:18%}
		.FloatLeft60{float:left;width:58%}
		.FloatRight40{clear:none;float:right;width:38%}
		.FloatRight60{clear:none;float:right;width:58%}
		.FloatRight70{clear:none;float:right;width:65%}
		.FloatLeft70{clear:none;float:left;width:65%}
		.FloatLeft40{float:left;width:38%}
		.FloatLeft30{clear:none;float:left;margin-right:1%;width:32%}
		.FloatRight30{clear:none;float:right;margin-left:1%;width:32%}
	}

/* custom calendar */
	.MDSEvents  .calendarCallOut .head,
	.MDSEvents  .calendarCallOut .uses,
	.MDSEvents  .calendarCallOut .inputs div{display:none;}
	div.MDSEvents  div.CalendarFilter2 {display:none;margin:0;padding:0;}
	div.MDSEvents  div.CalendarFilter2 fieldset .inputs{margin:0;padding:0;}
	.MDSEvents  div.CalendarFilter2 .inputs div + div{display:block;float:left;clear:none;margin:0 5px 0 0;padding:0;}
	.MDSEvents  div.CalendarFilter2 .inputs div + div + div{padding:0 0 0 5px;}
	.MDSEvents  h2{padding-bottom:5px;padding-top:4px;}
	div.MDSEvents .event {overflow:hidden}
	div.MDSEvents .otherStuff .summary{overflow:hidden;width:75%;float:left;padding-right:10px}
	div.MDSEvents .otherStuff  h4{clear:both;margin-bottom:8px}
	div.MDSEvents .otherStuff .description{float:right;width:20%;text-align:right}
	div.Calendar.MDSEvents{float:right;width: 100%;}
	div.Calendar.MDSEvents .OneCol{overflow:hidden;}
	div.Calendar.MDSEvents .OneCol .event{padding:5px 10px 1px 10px;}
	div.Calendar.MDSEvents .OneCol .event.Sponsored{padding:5px 10px 5px 10px;}
	.note .Sponsored{display:inline-block;height:15px;margin-right:5px;margin-bottom:-4px;width:30px;}
	div.Calendar.MDSEvents .January + .January h2,
	div.Calendar.MDSEvents .February + .February h2,
	div.Calendar.MDSEvents .March + .March h2,
	div.Calendar.MDSEvents .April + .April h2,
	div.Calendar.MDSEvents .May  + .May h2,
	div.Calendar.MDSEvents .June  + .June h2,
	div.Calendar.MDSEvents .July  + .July h2,
	div.Calendar.MDSEvents .August + .August h2,
	div.Calendar.MDSEvents .September + .September h2,
	div.Calendar.MDSEvents .October + .October h2,
	div.Calendar.MDSEvents .November + .November h2,
	div.Calendar.MDSEvents .December + .December h2{display:none;}
	div.Calendar.MDSEvents div.CalendarResults .data label{clear:both;float:left;width:auto;}
	div.Calendar.MDSEvents div.CalendarResults .data label + span,
	div.Calendar.MDSEvents div.CalendarResults .data label + a{clear:both;float:left;}
	.Calendar.MDSEvents + .Calendar.MDSEvents{display:none;}
	.Freeform.MDSEvents p{clear:both;}
	.Freeform.MDSEvents ul{margin:0 0 5px 0;padding:0;list-style:none;overflow:hidden;}
	.Freeform.MDSEvents ul li{float:left;margin:0;padding:0 5px;}

	@media screen and (min-width:520px){
		div.MDSEvents .otherStuff .date{float:left}
	}
	@media screen and (min-width:715px){
		.MDSEvents  h2{clear:none;float:left;padding-bottom:0;width:15%;}
		div.Calendar.MDSEvents .OneCol .event{clear:none;float:right;width:80%;}
		div.Calendar.MDSEvents div.CalendarResults .data label{clear:none;width:90px;}
		div.Calendar.MDSEvents div.CalendarResults .data label + span,
		div.Calendar.MDSEvents div.CalendarResults .data label + a{clear:none;margin:0;padding:0;width:auto;}
	}

/* === old FAQ styles from blocks.css === */
	/* question area */
	/* 'a[name] ~ ul' is scoping for quesitons list at the top of standard FAQ style */
	div.FAQ a[name] ~ ul{list-style:none;margin:0;padding:0;}
	div.FAQ a[name] ~ ul li{padding-bottom:20px;}

	/* answer area */
	div.FAQ dl{margin:0;padding:0;}
	div.FAQ dl dt{border-top:1px solid #ccc;font-weight:var(--fontweight-bold);padding-top:10px;padding-bottom:5px;}
	div.FAQ div.titan_faq_q dl dt{border:0;}/* wkst only */
	div.FAQ dl dd{margin:0;overflow:hidden;}
	.IE6 div.FAQ dl dd{height:1%;}
	div.FAQ dl dd ul{list-style:disc;margin-bottom:12px;}
	div.FAQ dl dd ul li{padding-bottom:0;}
	div.FAQ dl dd a.ToTop{clear:both;float:left;}
	div.FAQ div.titan_faq_q dl dt{padding-top:0;}/* wkst only */

/* === old PHOTO BLOCK styles from blocks.css === */
	/* === PHOTO BLOCK === */
	div.PhotoBlock div.filmstrip{}
	div.PhotoBlock div.filmstrip div h3{color:#555;font-size:11px;font-weight:var(--fontweight-bold);padding-left:5px;}
	div.PhotoBlock div.filmstrip img{cursor:pointer;float:left;margin:5px;}
	div.PhotoBlock div.filmstrip div.webImages{float:left;width:330px;}
	div.PhotoBlock div.filmstrip div.leftArrow,
	div.PhotoBlock div.filmstrip div.rightArrow{color:#fff;font-size:0;line-height:50;cursor:pointer;float:left;height:20px;margin-top:45px;width:20px;}
	div.PhotoBlock div.filmstrip div.rightArrow + div{display:none;}
	div.PhotoBlock div.filmstrip div.leftArrow{background:url('/ClientCSS/images/btnPrevNextArrows.gif') no-repeat left top;}
	div.PhotoBlock div.filmstrip div.rightArrow{background:url('/ClientCSS/images/btnPrevNextArrows.gif') no-repeat right top;}
	div.PhotoBlock div.filmstrip div.leftArrow:hover{background-position:left bottom;}
	div.PhotoBlock div.filmstrip div.rightArrow:hover{background-position:right bottom;}
	div.PhotoBlock div.filmstrip div.thumbnails{border:1px solid #ddd;float:left;height:400px;margin-left:70px;overflow-y:scroll;width:187px;clear:none;}

/* custom calendar */
	/* === CALENDAR from Blocks.css=== */
	#rightZone div.Calendar{background:transparent;border:0;}

	div.Calendar div.CalendarResults {clear:both;}

	div.Calendar div.CalendarResults div.data h3{clear:both;padding-bottom:15px;}/* date range */

	div.Calendar div.CalendarResults div.data .otherStuff{overflow:hidden;}

	div.Calendar div.CalendarResults .data span,
	div.SegmentedSearch div.SearchResults .EventRL span{display:block;margin:2px 0;}

	div.Calendar div.CalendarResults div.data span.startDate,
	div.Calendar div.CalendarResults div.data span.startTime,
	div.Calendar div.CalendarResults div.data span.location,
	div.Calendar div.CalendarResults div.data span.sponsor,
	div.Calendar div.CalendarResults div.data span.contact,
	div.Calendar div.CalendarResults div.data span.email,
	div.Calendar div.CalendarResults div.data span.web,
	div.Calendar div.CalendarResults div.data span.attachment,
	div.Calendar div.CalendarResults div.data span.Description,
	div.Calendar div.CalendarResults div.data span.customField1,
	div.Calendar div.CalendarResults div.data span.customField2,
	div.Calendar div.CalendarResults div.data span.customField3,
	div.Calendar div.CalendarResults div.data span.customField4,
	div.Calendar div.CalendarResults div.data span.customField5,
	div.Calendar div.CalendarResults div.data span.linkText,
	div.Calendar div.CalendarResults div.data div.Description,
	div.Calendar div.CalendarResults div.data p{clear:both;}

	div.Calendar div.CalendarResults div.data span.allDayEvent{margin-left:4px;}

	#centerZone div.Calendar div.CalendarResults div.data span.startTime,
	div.Calendar div.CalendarResults div.data span.endTime,
	div.Calendar div.CalendarResults div.data span.allDayEvent,
	#centerZone div.Calendar div.CalendarResults div.data span.startDate {float:left;}

	div.Calendar div.CalendarResults div.data span.attachment,
	div.Calendar div.CalendarResults div.data div.Description,
	div.Calendar div.CalendarResults div.data p.teaser{padding-top:5px;}

	div.Calendar div.CalendarResults div.data label{float:left;width:90px;}

	div.CalendarResults div.data .averageRating span,
	div.CalendarResults div.data .linkComments span{display:inline;margin:0;}
	div.CalendarResults div.data .averageRating .label{padding-right:4px;}
	.MDSEvents  .calendarCallOut .head,
	.MDSEvents  .calendarCallOut .uses,
	.MDSEvents  .calendarCallOut .inputs div{display:none;}
	div.MDSEvents  div.CalendarFilter2 {display:none;margin:0;padding:0;}
	div.MDSEvents  div.CalendarFilter2 fieldset .inputs{margin:0;padding:0;}
	.MDSEvents  div.CalendarFilter2 .inputs div + div{display:block;float:left;clear:none;margin:0 5px 0 0;padding:0;}
	.MDSEvents  div.CalendarFilter2 .inputs div + div + div{padding:0 0 0 5px;}
	.MDSEvents  h2{padding-bottom:5px;padding-top:4px;}
	div.MDSEvents .event {overflow:hidden}
	div.MDSEvents .otherStuff .summary{overflow:hidden;width:75%;float:left;padding-right:10px}
	div.MDSEvents .otherStuff .date{}
	div.MDSEvents .otherStuff  h4{clear:both;margin-bottom:8px}
	div.MDSEvents .otherStuff   .description{float:right;width:20%;text-align:right}
	div.Calendar.MDSEvents{float:right;}
	div.Calendar.MDSEvents .OneCol{overflow:hidden;}
	div.Calendar.MDSEvents .OneCol .event{padding:5px 10px 1px 10px;}
	div.Calendar.MDSEvents .OneCol .event.Sponsored{padding:5px 10px 5px 10px;}
	.note .Sponsored{display:inline-block;height:15px;margin-right:5px;margin-bottom:-4px;width:30px;}
	div.Calendar.MDSEvents .January + .January h2,
	div.Calendar.MDSEvents .February + .February h2,
	div.Calendar.MDSEvents .March + .March h2,
	div.Calendar.MDSEvents .April + .April h2,
	div.Calendar.MDSEvents .May  + .May h2,
	div.Calendar.MDSEvents .June  + .June h2,
	div.Calendar.MDSEvents .July  + .July h2,
	div.Calendar.MDSEvents .August + .August h2,
	div.Calendar.MDSEvents .September + .September h2,
	div.Calendar.MDSEvents .October + .October h2,
	div.Calendar.MDSEvents .November + .November h2,
	div.Calendar.MDSEvents .December + .December h2{display:none;}
	div.Calendar.MDSEvents div.CalendarResults .data label{clear:both;float:left;width:auto;}
	div.Calendar.MDSEvents div.CalendarResults .data label + span,
	div.Calendar.MDSEvents div.CalendarResults .data label + a{clear:both;float:left;}
	.Calendar.MDSEvents + .Calendar.MDSEvents{display:none;}
	.Freeform.MDSEvents p{clear:both;}
	.Freeform.MDSEvents ul{margin:0 0 5px 0;padding:0;list-style:none;overflow:hidden;}
	.Freeform.MDSEvents ul li{float:left;margin:0;padding:0 5px;}

	@media screen and (min-width:520px){
		div.MDSEvents .otherStuff .date{float:left}
	}
	@media screen and (min-width:715px){
		.MDSEvents  h2{clear:none;float:left;padding-bottom:0;width:15%;}
		div.Calendar.MDSEvents .OneCol .event{clear:none;float:right;width:80%;}
		div.Calendar.MDSEvents div.CalendarResults .data label{clear:none;width:90px;}
		div.Calendar.MDSEvents div.CalendarResults .data label + span,
		div.Calendar.MDSEvents div.CalendarResults .data label + a{clear:none;margin:0;padding:0;width:auto;}
	}
	.MDSEvents  h2{background: url("images/mds/h3border.png") repeat-x bottom center;}
	div.Calendar.MDSEvents   .event.Sponsored,
	.note .Sponsored{background:#eee;}
	.note .Sponsored{border:1px solid #ddd;}
	.Freeform.MDSEvents ul li{background:0;}
	.Freeform.MDSEvents ul li + li{background:url('/ClientCSS/images/mds/filterdivider.gif') no-repeat left 3px;}

	@media screen and (min-width:715px){
		.MDSEvents  h2{background:0;}
	}

/* form */
	.FormEditor p{float:none;clear:both;}

/* ToggleBlock FAQ */
/* ToggleContent - Freeform */
	div.Freeform.ToggleContent h6{margin-top:8px;float:left;}
	div.Freeform.ToggleContent p{margin-left:11px;}
	div.Freeform.ToggleContent p.instructions{display:block;margin:0;overflow:hidden;}
	div.Freeform.ToggleContent p.instructions span.note{float:left;width:75%}
	div.Freeform.ToggleContent p.instructions span.close{float:right;}
	div.Freeform.ToggleContent h5{clear:both;margin-top:10px;}
	div.Freeform.ToggleContent h6,
	div.Freeform.ToggleContent p{margin-bottom:4px;clear:both;}
	div.Freeform.ToggleContent h6 {overflow:hidden;}
	div.Freeform.ToggleContent h6 i {float:left;position:relative;}
	div.Freeform.ToggleContent h6 span{}
	@media screen and (min-width:715px){
		div.Freeform.ToggleContent p.instructions span.note,
		div.Freeform.ToggleContent p.instructions span.close{float:none;width:auto;}
	}

/* ToggleContent - Freeform */
	div.Freeform.ToggleContent h6.open i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}

/* slider jquery */
	#sliderWrapper .Aggregation{margin:0;padding:15px 0;}
	#sliderWrapper span.left,
	#sliderWrapper span.right{display:none;}
	#sliderWrapper .image .teaserImage{float:none;}
	#sliderWrapper  h3{margin:0 0 10px 0;}
	#sliderWrapper .image{clear:none;margin:7px 2%;height:auto;width:100%;max-width:255px;padding:1.75% 2% 0 2.5%;}
	#sliderWrapper .info{margin:0 0 5px 0;}
	#sliderWrapper .info p{clear:both;margin-bottom:0;}
	@media screen and (min-width:651px){
		#sliderWrapper .image{float:left;height:245px;width:45%;}
		#sliderWrapper .info{height:150px;}
	}
	@media screen and (min-width:978px){
		#sliderWrapper .Aggregation{overflow:visible;width:99%;padding-bottom:30px;}
		#sliderWrapper .data{position:relative;}
		#sliderWrapper span.left,
		#sliderWrapper span.right{display:block;position:absolute;top:40%;}
		#sliderWrapper span.left{left:5px;}
		#sliderWrapper span.right{right:0;}
		#sliderWrapper span a{display:inline-block;height:43px;width:24px;}
		#sliderWrapper .cycle-slideshow{margin:0 30px;}
		#sliderWrapper .image{float:none;margin:0 15px 0 10px;padding:4px 3px 0 6px;width:255px!important;}
		#sliderWrapper .cycle-slideshow .cycle-carousel-wrap{position:absolute!important;}
		#sliderWrapper .image .teaserImage{float:none;display:inline-block;padding:0;}
		#sliderWrapper  h3{margin:10px 15px 5px 38px;}
		.Safari #sliderWrapper .info{position:relative;}
		.Safari #sliderWrapper .info p{height:35px!important;position:absolute;top:35px;left:0;}
	}
	@media screen and (min-width:1032px){
		#sliderWrapper .Aggregation{width:100%;}
		#sliderWrapper span.left{left:-30px;}
		#sliderWrapper span.right{right:-30px;}
		#sliderWrapper .cycle-slideshow{margin:0 10px;}
		#sliderWrapper .image{margin:0 40px 0 10px;}
		#sliderWrapper  h3{margin:10px 0 5px 20px;}
	}

/* amazon */
	.AmazonBooks{margin-bottom:20px;}
	.AmazonBooks div{width:auto;float:left;clear:none;margin:0 40px 10px 0;}
	.AmazonBooks div div{float:none;margin:0;}

/* officers datalist */
.DataList.Officers .DataListing{float:none;width:100%}
div.DataList.Officers .DataListing div.ColTwo div.item{float:none;width:100%;}
.DataList.Officers .DataListing div{margin-bottom:0;}
div.DataList.Officers .DataListing div.ColTwo div div {margin-bottom:5px;}
.member-email-label{margin-right:5px;}
div.DataList.Officers .DataListing div.ColTwo .teaserImage{margin-right:10px;}
.DataList.Officers .DataListing .ColTwo{border:0;}
@media screen and (min-width:715px){
	div.DataList.Officers .DataListing div.ColTwo div.item{float:left;width:47%;}
	div.DataList.Officers .DataListing div.ColTwo div.item + div.item{float:right;}
}

/* social media - follow and add this */
.social .addthis_button{color:#7e7e71}
.social .addthis_button:hover,.social .addthis_button:focus,.social .addthis_button:active{color:#AF2626}

/* Blog Template Commenting Layout Customizations*/
	.blogTemplate div.Commenting{border-top:1px solid rgb(51,51,51);}
	.blogTemplate div.Commenting div.commentForm{margin:2rem 0;}
	.blogTemplate div.Commenting div.commentForm,
	.blogTemplate div.Commenting div.thankYouForm{background-color:rgba(255,255,255,1);border:none;box-shadow:none;}
	.blogTemplate .commentForm input[type="text"],
	.blogTemplate .commentForm textarea{
	    height: 16px;
		padding: 19px;
		width: 100%;
		color: rgb(121, 121, 121);
		background-color: rgb(245, 245, 245);
		border: 0 none;
		max-width: 100%;
		outline: medium none;
		vertical-align: middle;
	}
	.blogTemplate .commentForm textarea{
	    display: block;
		height: 150px;
	}

	.blogTemplate div.Commenting .comments.featured {
		background-color: rgba(223, 223, 223, 0.4);
		border-bottom: 1px solid rgb(255, 255, 255);
		border-radius:8px;
		box-shadow: 0 1px 3px rgb(204, 204, 204);
		padding: 2rem;
	}
	.blogTemplate div.comments:not(.featured) div.OneCol > div {background:rgb(255,255,255);border-radius:12px;}
	.blogTemplate div.comments:not(.featured) div.OneCol > div {background:rgba(221, 221, 221, .1);}
	.blogTemplate div.comments:not(.featured) div.OneCol > div.altRow {background:rgba(221, 221, 221, .3);}
	.blogTemplate div.comments div.OneCol div div.user {float:none;font-size:1.4rem;line-height:1.4rem;color:rgb(68,​ 68,​ 68);}

/* Blog Template Commenting Styles */
	.blogTemplate .Commenting h3 {font-family: "Lato",sans-serif;}
	.blogTemplate div.Commenting .comments{margin: 20px 0 3rem;padding:0 0 0 20px;}
	.blogTemplate div.comments div.OneCol > div {position:relative;padding:2rem;margin:0 0 1rem 150px;overflow:visible;}
	.blogTemplate div.comments div.OneCol > div .user .value::after {font-family:'FontAwesome';content:"\f054";margin-left:1rem;font-size: 1rem;}
	.blogTemplate div.comments div.OneCol > div .user, div.comments div.OneCol > div .date, div.comments div.OneCol > div .time {position:absolute;left:-150px;width:150px;top:2.25rem;}
	.blogTemplate div.comments div.OneCol > div .date {top:5.5rem;}
	.blogTemplate div.comments div.OneCol > div .time {top:7rem;}


	/* HIDDEN ON DISPLAY, AVAILABLE TO SCREEN READERS */
	.titanBody .sr-only {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  padding: 0;
	  margin: -1px;
	  overflow: hidden;
	  clip: rect(0,0,0,0);
	  border: 0;
	}

/* iframes and videos */
div.DataDetail .video iframe,
div.Freeform .video iframe,
div.Freeform iframe#video-player {
    margin: 10px 0;
    min-height: 300px
}

div.DataDetail .video,
div.Freeform .video {
    display: block;
    overflow: hidden;
}

/* Aggregation Card Class*/
.AggregationCard {
	margin:0;
	padding-top:30px;
	padding-bottom:30px;
}
.AggregationCard .OneCol {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-left:-15px;
	margin-right:-15px;
}
.AggregationCard .item {
	width:100%;
	padding:15px;
	margin:0;
}
.AggregationCard .itemInner {
	background-color:#deded7;
	display:flex;
	flex-direction:column;
	margin:0;
}
.AggregationCard.Aggregation a.teaserImage {
	margin:0 !important;
	float:none !important;
    max-width: none;
    padding: 0;
}
.AggregationCard .teaserImage img {
	display:flex;
	width:100%;
}
.AggregationCard .otherStuff {
	border-top:10px solid #af2626;
	padding:30px;
	width:100%;
}
.AggregationCard.Aggregation .image .otherStuff {
    border-top: 10px solid #af2626;
    padding: 30px;
    width: 100%;
    max-width: none;
    float: none;
}
.AggregationCard .otherStuff h4 {
	font-size:1.8rem;
	line-height:1.4;
	margin-bottom:15px;
}
.AggregationCard .otherStuff p {
	margin-bottom:15px;
}
.AggregationCard .courseDate {
	display:flex;
	margin-bottom:15px;
}
.AggregationCardFilterHidden .AggregationFilter2 {display:none;}

/* region colors */
.AggregationCard .otherStuff.PanAmerican {border-color:#0F8484;;}
.AggregationCard .otherStuff.PanAmerican .linkText a {background-color:#0F8484;}
.AggregationCard .otherStuff.PanAmerican .linkText a:active {background-color:var(--color-text-dark);}
.AggregationCard .otherStuff.European {border-color:rgba(55, 120, 82, 1);}
.AggregationCard .otherStuff.European .linkText a:active {background-color:var(--color-text-dark);}
.AggregationCard .otherStuff.Africa {border-color:rgba(140, 73, 117, 1);}
.AggregationCard .otherStuff.Africa .linkText a:active {background-color:var(--color-text-dark);}
.AggregationCard .otherStuff.AsiaOceanian {border-color:rgba(37, 107, 164, 1);}
.AggregationCard .otherStuff.AsiaOceanian .linkText a:active {background-color:var(--color-text-dark);}

@media screen and (min-width: 500px){
	.AggregationCard .item {
		width:50%;
	}
}
@media screen and (min-width: 768px){
	.AggregationCard .item {
		width:33.333%;
	}
}
@media screen and (min-width: 1200px){
	.AggregationCard.ThreeWide .item {
		width:33.333%;
	}
	.AggregationCard.FourWide .item {
		width:25%;
	}
}

/* Regional Section */
.titanBody .RegionalSectionList {}
.titanBody .RegionalSectionList ul {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:0;
}
.titanBody .RegionalSectionList li{
	background-color:#deded7;
	display:block;
	padding:15px;
	text-align:center;
	width:50%;
}
.titanBody .RegionalSectionList [class*="region"] h1,
.titanBody .RegionalSectionList [class*="region"] h2,
.titanBody .RegionalSectionList [class*="region"] h3,
.titanBody .RegionalSectionList [class*="region"] h4,
.titanBody .RegionalSectionList [class*="region"] h5,
.titanBody .RegionalSectionList [class*="region"] h6 {
	color:white;
	padding-top:7px;
	padding-bottom:7px;
}
.titanBody .RegionalSectionList .region1 h5 {background-color:#0F8484;}
.titanBody .RegionalSectionList .region2 h5 {background-color:#377852;}
.titanBody .RegionalSectionList .region3 h5 {background-color:#8c4975;}
.titanBody .RegionalSectionList .region4 h5 {background-color:#256ba4;}

.titanBody .RegionalSectionList a {
	color:#444;
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	text-decoration:none;
}
.titanBody .RegionalSectionList a::before {
	content: '\f105';
    font-family: var(--fontfamily-secondary);
	font-weight: bold;
    font-size: 1.6rem;
    margin-right: 5px;
}

.titanBody .RegionalSectionList .region1:hover {background-color:#0F8484;}
.titanBody .RegionalSectionList .region2:hover {background-color:#377852;}
.titanBody .RegionalSectionList .region3:hover {background-color:#8c4975;}
.titanBody .RegionalSectionList .region4:hover {background-color:#256ba4;}

.titanBody .RegionalSectionList li:hover {
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.titanBody .RegionalSectionList li:hover,
.titanBody .RegionalSectionList li:hover h1,
.titanBody .RegionalSectionList li:hover h2,
.titanBody .RegionalSectionList li:hover h3,
.titanBody .RegionalSectionList li:hover h4,
.titanBody .RegionalSectionList li:hover h5,
.titanBody .RegionalSectionList li:hover h6,
.titanBody .RegionalSectionList li:hover a {color:white;}

#Region-Africa [class*="cls"] {fill:rgba(140, 73, 117, 1);cursor:pointer;}
#Region-European [class*="cls"] {fill:rgba(55, 120, 82, 1);cursor:pointer;}
#Region-PanAmerican [class*="cls"] {fill:#0F8484;cursor:pointer;}
#Region-AsianOceanian [class*="cls"] {fill:rgba(37, 107, 164, 1);cursor:pointer;}

#Region-Africa.active,
#Region-European.active,
#Region-PanAmerican.active,
#Region-AsianOceanian.active {}

#Region-Africa.inactive [class*="cls"],
#Region-European.inactive [class*="cls"],
#Region-PanAmerican.inactive [class*="cls"],
#Region-AsianOceanian.inactive [class*="cls"]{fill:rgba(222, 222, 215, 1);}

@media screen and (min-width: 768px){
	.titanBody .RegionalSectionList ul li{
		border-left:2px solid #ccc;
		border-right:2px solid #ccc;
		width:25%;
	}
	.titanBody .RegionalSectionList ul li:first-of-type {
		border-left:none;
	}
	.titanBody .RegionalSectionList ul li:last-of-type {
		border-right:none;
	}
}
.titanBody .HideBlock {display:none;}

/* MDS LEAP 2019 Table */
.LeapTable table {
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	border-collapse:collapse;
	display:flex;
}
.LeapTable table tbody,
.LeapTable table tr {
	width:100%;
}
.LeapTable table tr {}
.LeapTable table td {
	border-bottom:1px solid #acacac;
	border-right:1px solid #acacac;
	padding:10px 15px;
	text-align:center;
	display: table-cell;
    vertical-align: middle;
}
.LeapTable table td:nth-child(3){
	text-align:left;
}
.LeapTable table td:first-child {
	border-left:1px solid #acacac;
}
.LeapTable .activities td {
	background-color:#fffabd;
}
.LeapTable .videos td {
	background-color:#eeeeee;
}
.LeapTable .activities td:last-child,
.LeapTable .videos td:last-child{background-color:transparent;}

.LeapTable .rowColor0 {background-color:#333;color:white;}
.LeapTable .rowColor1 {background-color:#92d050;color:white;}
.LeapTable .rowColor2 {background-color:#00b0f0;color:white;}
.LeapTable .rowColor3 {background-color:#00b050;color:white;}
.LeapTable .rowColor4 {background-color:#c00000;color:white;}
.LeapTable .rowColor5 {background-color:#ed7d31;color:white;}
.LeapTable .rowColor6 {background-color:#7030a0;color:white;}

.LeapTable table tr.spanrow td {
	border:none;
}
.LeapTable table tr.spanrow.borderTop td {
	border-top:1px solid #acacac;
}
.LeapTable table tr.spanrow.borderBot td {
	border-bottom:1px solid #acacac;
}
.LeapTable table tr.spanrow.borderTop.borderBot td {
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
}
.tableKey {
	display:flex;
	margin-bottom:30px;
}
.tableKey span {
	display:flex;
	align-items:center;
	margin-right:10px;
}
.tableKey span .keyActivities,
.tableKey span .keyVideos {
	border: 1px solid #acacac;
	display: inline-block;
	width: 30px;
    height: 30px;
}
.tableKey span .keyActivities {background-color: #fffabd;}
.tableKey span .keyVideos {background-color:#eeeeee;}

@media screen and (max-width:1100px){
	.LeapTable {
		overflow-x:auto;
	}
}

/* arrow anchors */
	.arrow a{background:url('/ClientCSS/images/mds/beigearrow.png') no-repeat 0 3px;padding-left:15px;}

#scrollTop {
    bottom: 20px;
    right: 165px;
}
#footerArea {
    position: relative;
    padding-bottom: 40px;
}
.SliderActive .StripeSlider .TitanBlock.FeatureText {
    align-items: flex-start;
}



/* MEGA MENU */
@media (min-width:1200px) {
	#navArea nav.top .menu > li.hasMegaMenu > .megaMenu {
		max-height: 95vh!important;
		padding: 0 10px 10px;
	}
	#navArea nav.top .menu > li.hasMegaMenu:hover > a.hasChild::after,
	.titanBody.Android #navArea nav.top .menu > li.hasMegaMenu.open > ul, 
	.titanBody:not(.Android) #navArea nav.top .menu > li.hasMegaMenu:hover > ul, 
	.titanBody:not(.Android) #navArea nav.top .menu > li.hasMegaMenu:focus > ul, 
	.titanBody:not(.Android) #navArea nav.top .menu > li.hasMegaMenu:active > ul {
		display: none!important;
	}
	.megaMenu {background:none !important;display:flex;box-shadow:none !important;top:initial; }
	.sticky .megaMenu {top:initial;}
	.megaMenu .siteBounds{display:flex;position:relative;background:var(--color-white);padding:0 !important;position:relative;justify-content:stretch;min-height: 350px;box-shadow: 0 5px 5px var(--color-black-shadow);}
	.megaMenu .siteBound * {
		z-index: 1;
		position: relative;
	}
	#navArea nav.top .menu > li.hasMegaMenu:hover > a, 
	#navArea nav.top .menu > li.hasMegaMenu:focus > a, 
	#navArea nav.top .menu > li.hasMegaMenu:active > a {
		box-shadow: inset 0 -4px 0 0 var(--color-brand-primary);
	}
	#navArea nav.top .menu > li.hasMegaMenu > .megaMenu .siteBounds .TitanBlock:not(.Mega-Menu-Image) {
		padding: 3rem;
		flex:1;
		max-width: 25%;
	}
	.titanBody #navArea nav .megaMenu .Links ul li > a {
		font-weight: bold;
		font-size: 2.2rem;
		padding: 1rem 2rem;
		border: 1px solid transparent;
		border-width: 1px 0;
	}
	.titanBody #navArea nav .megaMenu .Links > ul > li > a:last-child {
		border: 1px solid rgb(205,205,205);
		border-width: 1px 0;
		border-top-color: transparent
	}
	.titanBody #navArea nav .megaMenu .Links ul ul {
		border-bottom: 1px solid rgb(205,205,205);
		padding: 0 0 1rem 2rem;
		margin: 0;
	}
	.titanBody #navArea nav .megaMenu .Links ul ul ul {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.titanBody #navArea nav .megaMenu .Links ul ul li a {
		font-weight: bold;
		font-size: 1.8rem;
		color: var(--color-brand-primary);
		padding: .5rem 1rem;
	}
	.titanBody #navArea nav .megaMenu .Links ul li:hover > a,
	.titanBody #navArea nav .megaMenu .Links ul li:hover > em > a {
		background: var(--color-light);
		border-color: rgb(205,205,205);
	}
	.titanBody #navArea nav .megaMenu .Links ul ul li:first-child:hover > a,
	.titanBody #navArea nav .megaMenu .Links ul ul li:first-child:hover > em > a {
		border-top-color: transparent;
	}

	/* MEGA MENU - Image Section */
	.megaMenu .Mega-Menu-Image{width:50%;padding:0;border:0;position:relative;overflow:hidden;min-height:100%;}
	.megaMenu .Mega-Menu-Image > p{margin:0;display:flex;align-items:center;justify-content:center;height:100%;position:relative;}
	.megaMenu .Mega-Menu-Image > p img{width:auto;min-width:100%;position:absolute;top:0;min-height: 100%;}
	.megaMenu .Mega-Menu-Text{position:absolute;right:0px;bottom:0px;width:100%;display:flex;padding:50px 30px 30px 30px;align-items:flex-end;justify-content: space-between;}
	.megaMenu .Mega-Menu-Text p{z-index:2;}
	.megaMenu .Mega-Menu-Text::before,
	.megaMenu .Mega-Menu-Text::after{content:'';width:100%;height:100%;position:absolute;bottom:0;left:0;background: linear-gradient(0deg, var(--color-black) 0%, transparent 100%);}
	.megaMenu .Mega-Menu-Text .Text{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding-right:3rem;z-index:2;color: var(--color-white);max-width: 275px;}
	.megaMenu .Mega-Menu-Text .Text p:first-of-type{font-size:2.4rem;}

	/* MEGA MENU - Departments */
	.megaMenu .Departments p{display:flex;position:relative;padding-left:40px;align-items:center;border-bottom:1px solid #eaf3f5;}
	.megaMenu .Departments p:last-child{border:0;}
	.megaMenu .Departments p a{color:var(--color-brand-six) !important;font-size:1.9rem !important;font-weight:normal !important;padding-right:0!important;}
	.megaMenu .Departments p img{position:absolute;left:0;}
	.megaMenu .Departments p span{}
}



.totalItemsDisplay.videoLibrary .totalResults + nav {
	flex-basis: 100%;
}
/* VIDEOS DATA DETAIL */
.authors {
	margin-top: 1rem;
}
.Highlights h4 {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    line-height: 1.3;
    font-weight: var(--fontweight-bold);
}