/*#menu-main-nav {
	display: inline-flex;
    align-items: baseline;
}*/

.tpl-dll-efforts > section.simple-content.padding-sm:nth-of-type(2) {
	padding-top: 60px;
}

.tpl-dll-efforts > section.simple-content.padding-sm:last-of-type {
	padding-bottom: 40px;
}

.tealSection {
	background-color: #24B8BC;
}

.tealSection .section-title {
    margin: 50px 0 65px;
    text-align: center;
    position: relative;
}

.tealSection p a, .tealSection p a:visited {
	color: #ffe23e;
}

.tealSection .effortsDetailsCarousel p a, .tealSection .effortsDetailsCarousel p a:visited {
	color: #24B8BC;
}

.section-content.section-dk.tealSection .section-title, .tealSection p {
	color: white;
}

.tealSection .section-title::after {
    content: '';
    width: 75px;
    height: 10px;
    background-color: #ffe23e;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.page-header.noOverlay::before {
    display: none;
}

.effortsNavCarousel {
	margin-bottom: 2px;
	width: calc(100% - 60px);
	margin-left: 30px;
}

.effortsNavCarousel .carousel-cell {
	width: 210px;
    height: 119px;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	opacity: 0.8;
	margin-left: 1px;
	margin-right: 1px;
}

.effortsNavCarousel .carousel-cell p {
	text-align: center;
    margin: 0 auto;
    padding: 15px 10px;
    font-size: 20px;
    font-family: "Montserrat";
    font-weight: 700;
    line-height: 22px;
	color: #D5D5D5;
    text-transform: uppercase;
}

.effortsNavCarousel .carousel-cell p span {
    font-size: 18px;
}

.effortsNavCarousel .carousel-cell.is-nav-selected {
	opacity: 1;
}

.effortsNavCarousel .carousel-cell.is-nav-selected p {
	color: #283e42;
}

.effortsNavCarousel .carousel-cell.selected {
	opacity: 1;
}

.effortsNavCarousel .carousel-cell.selected p {
	color: #283e42;
}

.flickity-button {
    background: white;
    color: #90BB4C;
}

.flickity-prev-next-button {
    width: 30px;
    border-radius: 0;
    height: 100%;
	z-index: 1;
	top: 0;
    -webkit-transform: none;
            transform: none;
}

.flickity-prev-next-button.next {
    right: -30px;
}

.flickity-prev-next-button.previous {
    left: -30px;
}

.flickity-button:disabled {
	opacity: 1;
}

.flickity-button:disabled svg {
	opacity: 0.3;
}

.flickity-prev-next-button.next::before {
	background: rgb(0,0,0);
    background: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    background: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
	opacity: 0.15;
}

.flickity-prev-next-button.previous::after {
	background: rgb(0,0,0);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	right: -20px;
	width: 20px;
	opacity: 0.15;
}

.effortsDetailsCarousel {
	background: white;
}

.effortsDetailsCarousel .carousel-cell {
	background: white;
	width: 100%;
	padding: 30px 0;
}

.effortsDetailsCarousel .carousel-cell > div:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}

.cellSection {
    margin: 25px 50px;
    border-bottom: 2px solid #D5D5D5;
}

.cellSection h3 {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
    font-size: 28px;
    margin-bottom: 20px;
	display: inline-block;
	width: calc(100% - 68px);
}

.cellSection h3, img.functionsIcon {
	vertical-align: middle;
}

.tealSection .cellSection p {
	color: #283e42;
}

.cellSection ul {
    -webkit-padding-start: 30px;
       -moz-padding-start: 30px;
            padding-inline-start: 30px;
	margin-top: 0;
	list-style: none;
}

.cellSection ul li {
    font-size: 20px;
    line-height: 28px;
    vertical-align: top;
	position: relative;
}

.cellSection ul li::before {
	content: "\25A0";
	color: #FFE23E;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.cellSection ul li.inCommon {
	cursor: pointer;
}

.toolTip {
	position: absolute;
    bottom: 33px;
    left: 5px;
    background: #eaeaea;
    font-size: 0.875rem;
    padding: 8px;
	opacity: 0;
	visibility: none;
	display: none;
	max-width: 200px;
	line-height: 1.2;
}

.toolTip::after {
	content: '\25BC';
	color: #eaeaea;
	bottom: -12px;
    left: 8px;
    position: absolute;
    font-size: 1rem;
    line-height: 1;
	opacity: 0;
	visibility: none;
	display: none;
}

/*.toolTip::before {
	content: 'x';
	font-size: .75rem;
	color: #888;
	position: absolute;
	top: 0;
	right: 3px;
}*/

.cellSection ul li.inCommon:hover .toolTip, .cellSection ul li.inCommon:focus .toolTip, .cellSection ul li.inCommon:hover .toolTip::after, .cellSection ul li.inCommon:focus .toolTip::after {
	opacity: 1;
	visibility: visible;
	display: block;
}

.toolTip.selected, .toolTip.selected::after {
	opacity: 1;
	visibility: visible;
	display: block;
}

.cellSection ::marker {
    color: #FFE23E;
    content: "■ ";
    font-size: 29px;
}

.goalIcon {
	width: 40px;
	margin-right: 10px;
}

.calendarIcon {
	width: 41px;
	margin-right: 10px;
}

.peopleIcon {
	width: 58px;
	margin-right: 10px;
}

.functionsIcon {
	width: 41px;
	margin-right: 10px;
}

.needsIcon {
	width: 30px;
	margin-right: 10px;
}

.timelineGrid {
	margin-left: -50px;
	margin-right: -50px;
	margin-bottom: 42px;
}

.timelineGrid > div {
	padding: 0;
}

.yearBlock div:first-of-type {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    padding: 12px 0;
    border-right: 2px solid #d5d5d5;
    border-top: 2px solid #d5d5d5;
    border-bottom: 2px solid #d5d5d5;
}

.timelineGrid > div.yearBlock:last-of-type div:first-of-type {
	border-right: none;
}

.yearBlock > div:nth-of-type(n + 2) {
    color: #D5D5D5;
    font-size: 20px;
    line-height: 20px;
    padding: 14px 0;
    border-bottom: 2px solid #d5d5d5;
    font-weight: 700;
}

.yearBlock > div.highlighted {
	background: #FFE23E;
	color: white;
}

.yearBlock > div.highlighted.launch {
	color: #283E42;
	padding: 3px 0;
}

.yearBlock > div.highlighted.launch span {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
}

p.mb-0 {
	margin-bottom: 0;
}

.maxWidth {
	max-width: 1200px;
    margin: 0 auto;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#dll-chart > g, #icons > g {
	cursor: pointer;
}

#dll-effort-1:hover rect {
    stroke: #FEE04F;
    stroke-width: 2px;
}

#dll-effort-2:hover rect {
    stroke: #90BB4C;
    stroke-width: 2px;
}

#dll-effort-3:hover rect {
    stroke: #204786;
    stroke-width: 2px;
}

#dll-effort-4:hover rect {
    stroke: #293E42;
    stroke-width: 2px;
}

#dll-effort-5:hover rect {
    stroke: #B93B3B;
    stroke-width: 2px;
}

#dll-effort-6:hover rect {
    stroke: #e09500;
    stroke-width: 2px;
}

#dll-effort-7:hover rect {
    stroke: #dd5fd1;
    stroke-width: 2px;
}

#dll-effort-8:hover rect {
    stroke: #A857AC;
    stroke-width: 2px;
}

#dll-effort-9:hover rect {
    stroke: #1DD98A;
    stroke-width: 2px;
}

#dll-effort-1.yellow rect, #workforce.yellow rect, #parents.yellow rect, #policies.yellow rect, #_x32_020.yellow > g:nth-last-of-type(n + 2) rect {
	fill: #FEE04F;
}

#dll-effort-2.green rect, #workforce.green rect, #parents.green rect, #policies.green rect, #_x32_020.green > g:nth-last-of-type(n + 2) rect {
	fill: #90BB4C;
}

#dll-effort-3.blue rect, #workforce.blue rect, #_x32_021.blue > g rect, #_x32_022.blue > g rect, #_x32_023.blue > g:nth-last-of-type(n + 4) rect {
	fill: #204786;
}

#dll-effort-4.bluegreen rect, #parents.bluegreen rect, #workforce.bluegreen rect, #_x32_020.bluegreen > g:first-of-type rect, #_x32_020.bluegreen > g:nth-of-type(n + 4) rect, #_x32_021.bluegreen > g rect {
	fill: #293E42;
}

#dll-effort-5.red rect, #workforce.red rect, #parents.red rect, #policies.red rect, #_x32_020.red > g rect, #_x32_021.red > g:nth-child(-n + 3) rect {
	fill: #B93B3B;
}

#dll-effort-6.orange rect, #workforce.orange rect, #parents.orange rect, #policies.orange rect, #_x32_020.orange > g:first-of-type rect, #_x32_020.orange > g:nth-of-type(n + 5) rect, #_x32_021.orange > g rect, #_x32_022.orange > g rect {
	fill: #e09500;
}

#dll-effort-7.magenta rect, #workforce.magenta rect, #parents.magenta rect, #policies.magenta rect, #_x32_020.magenta > g rect, #_x32_021.magenta > g:nth-child(-n + 3) rect, #_x32_022.magenta > g rect {
	fill: #dd5fd1;
}

#dll-effort-8.purple rect, #workforce.purple rect, #parents.purple rect, #policies.purple rect, #_x32_020.purple > g rect {
	fill: #A857AC;
}

#dll-effort-9.palegreen rect, #workforce.palegreen rect, #parents.palegreen rect, #policies.palegreen rect, #_x32_020.palegreen > g rect, #_x32_021.palegreen > g rect, #_x32_022.palegreen > g rect {
	fill: #1DD98A;
}

#yellow-lines.grey path, #green-lines.grey path, #blue-lines.grey path, #blue-lines.grey polyline, #bluegreen-lines.grey path, #red-lines.grey path, #purple-lines.grey path, #palegreen-lines.grey path, #orange-lines.grey polyline, #orange-lines.grey line, #magenta-lines.grey polyline {
	stroke: #D5D5D5;
}

#dll-effort-2 path.st11.white, #dll-effort-3 path.st11.white, #dll-effort-4 path.st11.white, #dll-effort-5 path.st11.white, #dll-effort-6 path.st11.white, #dll-effort-7 path.st11.white, #dll-effort-8 path.st11.white, #dll-effort-9 path.st11.white, #workforce path.st11.white, #parents path.st11.white, #policies path.st11.white, #_x32_020 path.st11.white, #_x32_021 path.st11.white, #_x32_022 path.st11.white, #_x32_023 path.st11.white {
	fill: #ffffff;
}

#dll-effort-1.fade rect, #dll-effort-2.fade rect, #dll-effort-3.fade rect, #dll-effort-4.fade rect, #dll-effort-5.fade rect, #dll-effort-6.fade rect, #dll-effort-7.fade rect, #dll-effort-8.fade rect, #dll-effort-9.fade rect, #parents.fade rect, #workforce.fade rect, #policies.fade rect, #_x32_020.fade rect, #_x32_021.fade rect, #_x32_022.fade rect, #_x32_023.fade rect {
	fill: #D5D5D5;
}

#dll-effort-1.fade path.st11, #dll-effort-2.fade path.st11, #dll-effort-3.fade path.st11, #dll-effort-4.fade path.st11, #dll-effort-5.fade path.st11, #dll-effort-6.fade path.st11, #dll-effort-7.fade path.st11, #dll-effort-8.fade path.st11, #dll-effort-9.fade path.st11, #policies.fade path.st11, #parents.fade path.st11, #workforce.fade path.st11, #_x32_020.fade path.st11, #_x32_021.fade path.st11, #_x32_022.fade path.st11, #_x32_023.fade path.st11 {
	opacity: 0.3;
}

/*#workforce:hover rect, #parents:hover rect, #policies:hover rect {
	stroke: #D5D5D5;
    stroke-width: 2px;
}*/

#workforce:hover rect, #parents:hover rect, #policies:hover rect, #_x32_020:hover rect, #_x32_021:hover rect, #_x32_022:hover rect, #_x32_023:hover rect {
	fill: #efefef;
}

#workforce:hover path.st11, #parents:hover path.st11, #policies:hover path.st11 {
	fill: #283E42;
}

#effort01.hide, #effort02.hide {
	display: none;
}

.modalButton {
	margin: -20px auto 40px;
    cursor: pointer;
    display: block;
    width: 152px;
}

.modal {
	background: white;
	padding: 40px 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 600px;
	width: calc(100% - 40px);
	z-index: 101;
	display: none;
}

.modal::before {
    content: 'X';
    position: absolute;
    top: 4px;
    right: 8px;
	color: #888;
	cursor: pointer;
}

.modal p {
	color: #283e42;
	margin-bottom: 0;
	line-height: 1.2;
}

.modal p > span {
	font-size: 1rem;
}

.modalOverlay {
	width: 100%;
    height: 100%;
    background: rgba(52, 48, 48, 0.7);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
	cursor: pointer;
	display: none;
}

.modal.display, .modalOverlay.display {
	display: block;
}

@media (max-width: 767px) {
	.yearBlock {
		margin-bottom: 2px;
	}
	
	.effortsNavCarousel .carousel-cell p, .effortsNavCarousel .carousel-cell p span {
		font-size: 16px;
		line-height: 1.1;
	}
	
	.effortsNavCarousel .carousel-cell {
		width: 180px;
		height: 109px;
	}
}