/* Hero Slideshow */
.hero-slideshow {background:var(--color-dark-gray); color:#fff; position:relative;}
.hero-slideshow .slide.slick-slide {display:flex;}
.hero-slideshow .slide .image {flex:0 0 600px; display:flex; flex-direction:column; justify-content:flex-end;}
.hero-slideshow .slide .image img {display:block; width:100%; height:auto;}
.hero-slideshow .slide .content {flex:0 0 calc(100% - 600px); display:flex; flex-direction:column; justify-content:center; padding:50px;}
.hero-slideshow .slide .content h1 {font-size:60px; font-weight:800; line-height:1.2em; margin-bottom:32px; text-transform:uppercase;}
.hero-slideshow .slide .content .copy p {line-height:2em;}
.hero-slideshow .slick-dots {position:absolute; bottom:0; left:0; padding:10px 50px; list-style:none; display:flex;}
.hero-slideshow .slick-dots li {margin:0 2px;}
.hero-slideshow .slick-dots li button {width:10px; height:10px; border-radius:10px; text-indent:-100vw; border:1px solid;}
.hero-slideshow .slick-dots li.slick-active button {background:#fff;}
@media (max-width:1080px) {
	.hero-slideshow .slide.slick-slide {display:block;}
	.hero-slideshow .slide .image {max-width:600px; margin:0 auto;}
}
@media (max-width:700px) {
	.hero-slideshow .slide .content {padding:20px;}
	.hero-slideshow .slide .content h1 {font-size:32px; margin-bottom:14px;}
	.hero-slideshow .slick-dots {padding:10px 20px;}
}




/* Gray Background */
.gray-bg {background:var(--color-light-gray);}




/* Trending Now */
.trending-now {background:transparent url('assets/trend-line-top.svg') no-repeat; background-position:calc(100% - 331px) 0; padding:75px 0 0; position:relative;}
.trending-now h2 {font-size:40px; font-weight:800; color:var(--color-blue); text-transform:uppercase; margin-bottom:24px; margin-top:25px;}
.trending-now .copy {margin-bottom:50px;}
.trending-now .content {display:flex;}
.trending-now .content .highlighted {list-style:none; flex:0 0 50%; display:flex; flex-wrap:wrap;}
.trending-now .content .highlighted li {flex:0 0 calc(50% - 50px); margin-bottom:50px;}
.trending-now .content .highlighted li:nth-child(odd) {margin-right:50px;}
.trending-now .content .highlighted li a.thumbnail {display:block; text-decoration:none; padding-bottom:145%; position:relative; background:#fff;}
.trending-now .content .highlighted li a.thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.trending-now .content .highlighted li h3 a {display:block; padding:15px; background:var(--color-blue); color:#fff; text-decoration:none;}
.trending-now .content .highlighted li h3 {margin-bottom:10px;}
.trending-now .content .highlighted li p {font-style:italic;}
.trending-now .content .links {list-style:none; flex:0 0 50%;}
.trending-now .content .links li {margin-bottom:40px;}
.trending-now .content .links li:last-child {margin-bottom:0;}
.trending-now .content .links li a {display:block; text-decoration:none;}
.trending-now .content .links li a {display:flex;}
.trending-now .content .links li a .icon {flex:0 0 33px; margin-right:10px;}
.trending-now .content .links li a .title-date span {display:block;}
.trending-now .content .links li a .title-date span.title {font-weight:700; margin-bottom:10px;}
@media (max-width:1080px) {
	.trending-now {background-position:calc(100% - 52.9vw) 0;}
	.trending-now {padding-top:100px;}
}
@media (max-width:810px){
	.trending-now {background-position:calc(100% - 53.7vw) 0;}
}
@media (max-width:700px) {
	.trending-now {background-position:calc(100% - 54.4vw) 0;}
	.trending-now .content {display:block;}
	.trending-now .content .highlighted {margin-bottom:50px;}
	.trending-now .content .highlighted li {flex-basis:calc(50% - 10px);}
	.trending-now .content .highlighted li:nth-child(odd) {margin-right:20px;}
}



/* Interactive Map */
.interactive-map {background:transparent url('assets/map-globe-line.svg') no-repeat; background-position:calc(100% - 10vw) -50px; padding:275px 0 50px; position:relative;}
.interactive-map h2 {font-size:40px; font-weight:800; color:var(--color-blue); text-transform:uppercase; margin-bottom:24px; margin-top:-120px;}
.interactive-map .copy {margin-bottom:50px;}
.interactive-map .map-region-selector {
	font-weight:800; text-transform:uppercase; background:#fff; border:1px solid #383838; padding:10px; font-size:16px;
	position:absolute; top:200px; right:360px;
}
.interactive-map .google-map-wrapper {position:relative; padding-bottom:56%; border:2px solid #383838; border-radius:40px; overflow:hidden;}
.interactive-map .google-map-wrapper .google-map {background:#fff; position:absolute; top:0; left:0; width:100%; height:100%;}
.interactive-map .legend {list-style:none; display:flex; flex-wrap:wrap; justify-content:flex-end; margin-top:20px;}
.interactive-map .legend li {margin:0 0 10px 30px;}
.interactive-map .legend li .dot {width:18px; height:18px; border-radius:18px; display:inline-block; vertical-align:bottom; margin-right:10px;}
.interactive-map .legend li .dot.primary {background:var(--color-red);}
.interactive-map .legend li .dot.satellite {background:var(--color-blue);}
.interactive-map .legend li .label {display:inline-block; font-weight:700; text-transform:uppercase;}
@media (max-width:1080px) {
	.interactive-map {background-position:calc(100% + 1vw) -50px;}
	.interactive-map .map-region-selector {right:160px;}
}
@media (max-width:820px) {
	.interactive-map {background-position:calc(100% + 15vw) -50px;}
	.interactive-map .map-region-selector {right:80px;}
	.interactive-map h2, .interactive-map .copy {max-width:500px;}
}
@media (max-width:700px) {
	.interactive-map {padding:50px 0;}
	.interactive-map {background-position:calc(100% + 35vw) 200px;}
	.interactive-map h2 {margin-top:0;}
	.interactive-map .copy {margin-bottom:100px;}
	.interactive-map .map-region-selector {margin:0 auto 20px; display:block; position:relative; top:0; right:0;}
	.interactive-map .google-map-wrapper {padding-bottom:150%;}
	.interactive-map .legend {justify-content:center; position:relative; z-index:3;}
	.interactive-map .legend li {margin:0; background:var(--color-light-gray);}
	.interactive-map .legend li .dot {width:12px; height:12px; border-radius:12px;}
	.interactive-map .legend li .label {font-size:12px;}
}



/* Client Toolkit */
.client-toolkit {position:relative; margin-top:-100px; padding-top:175px; z-index:0;}
.client-toolkit .bg-image {position:absolute; top:0; left:0; background:url('assets/phone.svg') no-repeat; width:100%; height:100%; background-position:15vw 0;}
.client-toolkit .wrapper {background:var(--color-dark-gray); color:#fff; padding:100px 0;}
.client-toolkit .wrapper .inner {position:relative; z-index:2;}
.client-toolkit .wrapper .headline {padding-left:60%; margin-bottom:100px;}
.client-toolkit .wrapper .headline h2 {font-size:40px; font-weight:800; margin-bottom:15px; text-transform:uppercase;}
.client-toolkit .wrapper .resources {list-style:none; display:flex; flex-wrap:wrap; justify-content:center; margin:-20px;}
.client-toolkit .wrapper .resources li {margin:25px; flex:0 0 calc(25% - 50px); background:var(--color-blue);}
.client-toolkit .wrapper .resources li a {display:block; text-decoration:none;}
.client-toolkit .wrapper .resources li a .thumbnail {position:relative; padding-bottom:56%; background:#fff;}
.client-toolkit .wrapper .resources li a .thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.client-toolkit .wrapper .resources li a h3 {padding:15px; font-weight:600; text-align:center; line-height:1.2em; text-transform:uppercase;}
.client-toolkit .wrapper .button-wrapper {text-align:center; margin-top:100px;}
@media (max-width:1445px) {
	.client-toolkit .bg-image {background-position:5vw 0;}
}
@media (max-width:1135px) {
	.client-toolkit .bg-image {background-position:0 0;}
}
@media (max-width:1080px) {
	.client-toolkit .wrapper .headline {padding-left:30%; text-align:right;}
	.client-toolkit .wrapper .headline h2, .client-toolkit .wrapper .headline .copy {background:var(--color-dark-gray); display:inline-block;}
	.client-toolkit .wrapper .headline .copy {padding:10px;}
}
@media (max-width:810px) {
	.client-toolkit .wrapper .resources li {flex-basis:calc(33.33% - 50px);}
}
@media (max-width:700px) {
	.client-toolkit .bg-image {background-position:-60px 0;}
	.client-toolkit .wrapper {padding-top:270px;}
	.client-toolkit .wrapper .resources li {flex-basis:calc(50% - 20px); margin:10px;}
	.client-toolkit .wrapper .headline {padding:0; text-align:center;}
	.client-toolkit .wrapper .headline h2 {padding:20px;}
}