@import url('https://fonts.googleapis.com/css?family=Oswald:500,600,700&display=swap');
.js-hero--slick {margin:3rem auto;width:72.5rem;}
.hero2 {position:relative;padding-top:30px;}
.hero h3 {font-family:'Oswald';font-weight:700;font-size:118px;line-height:114px;margin:0px;color:#003388;text-transform:uppercase;}
.hero-content {display:flex;align-items:center;justify-items:center;background-color:#fff;color:#fff;font-weight:700;border-top:6px solid #003388;position:relative;top:-5px;}
.hero .left {min-height:330px;width:22%;background-color:#003388;font-family:"Gotham SSm A","Gotham SSm B";padding:50px 30px;font-size:1.5rem;line-height:2rem;}
.hero .right {width:78%;padding:30px 50px;font-size:16px;background-color:#fff;color:#000;font-weight:400;}
.hero .right h4 {font-size:18px;color:#000;text-transform:uppercase;font-weight:700;margin:0px 0px 1rem 0;}
.hero .button a {color:#000;background-color: #C1CD24;display: inline-block;appearance: none;border-radius: 0;font-size: .90rem;font-weight: 400;margin:1.1rem 0 2.5rem 0;padding: .5rem 1.5rem;border:none;}
.hero .button a:hover {background-color:#000;color:#fff;}

section .hero:nth-of-type(1) h3 {color:#003388;}
section .hero:nth-of-type(1) .left {background-color:#003388;}
section .hero:nth-of-type(1) .hero-content {border-top:6px solid #003388;}

section .hero:nth-of-type(2) h3 {color:#B01C12;}
section .hero:nth-of-type(2) .left {background-color:#B01C12;}
section .hero:nth-of-type(2) .hero-content {border-top:6px solid #B01C12;}

section .hero:nth-of-type(3) h3 {color:#3D8DDD;}
section .hero:nth-of-type(3) .left {background-color:#3D8DDD;}
section .hero:nth-of-type(3) .hero-content {border-top:6px solid #3D8DDD;}

section .hero:nth-of-type(4) h3 {color:#000;}
section .hero:nth-of-type(4) .left {background-color:#000;}
section .hero:nth-of-type(4) .hero-content {border-top:6px solid #000;}

section .hero:nth-of-type(5) h3 {color:#566B0F;}
section .hero:nth-of-type(5) .left {background-color:#566B0F;}
section .hero:nth-of-type(5) .hero-content {border-top:6px solid #566B0F;}

.hero.slick-slide {display:block !important;}
.js-hero--slick ul.slick-dots {margin:0px;padding:0px;list-style-type:none;position: absolute;bottom: 15px;left: 24.7%;width:55rem;}
.js-hero--slick ul.slick-dots li {background:url('/themes/custom/tufts_base/images/default.svg') no-repeat top center;display:inline-block;margin: 0px 1%;padding: 35px 0px 0px 0px;text-transform: uppercase;text-align: center;font-size: 12px;width: 18%;line-height: 14px;}
.js-hero--slick ul.slick-dots li:first-of-type {margin-left:0;}
.js-hero--slick ul.slick-dots li:first-of-type.slick-active, .js-hero--slick ul.slick-dots li:first-of-type:hover {cursor:pointer;background:url('/themes/custom/tufts_base/images/blue.svg') no-repeat top center;}
.js-hero--slick ul.slick-dots li:nth-of-type(2).slick-active, .js-hero--slick ul.slick-dots li:nth-of-type(2):hover {cursor:pointer;background:url('/themes/custom/tufts_base/images/red.svg') no-repeat top center;}
.js-hero--slick ul.slick-dots li:nth-of-type(3).slick-active, .js-hero--slick ul.slick-dots li:nth-of-type(3):hover {cursor:pointer;background:url('/themes/custom/tufts_base/images/light-blue.svg') no-repeat top center;}
.js-hero--slick ul.slick-dots li:nth-of-type(4).slick-active, .js-hero--slick ul.slick-dots li:nth-of-type(4):hover {cursor:pointer;background:url('/themes/custom/tufts_base/images/black.svg') no-repeat top center;}
.js-hero--slick ul.slick-dots li:nth-of-type(5).slick-active, .js-hero--slick ul.slick-dots li:nth-of-type(5):hover {cursor:pointer;background:url('/themes/custom/tufts_base/images/green.svg') no-repeat top center;}
.dots-mob {display:none;}

@media screen and (max-width: 1130px) {
.js-hero--slick ul.slick-dots {width:45rem;}
}

@media screen and (max-width: 64em) {
.js-hero--slick {max-width: 75rem;margin: 0 auto;position: relative;height: 100%;padding: 4rem 1.25rem;max-width:100%;}
.js-hero--slick ul.slick-dots {margin:0px auto;left:0;width:100%;bottom:0px;position:relative;left:0;max-width:100%;}

.hero .left {min-height:330px;width:32%;background-color:#003388;font-family:"Gotham SSm A","Gotham SSm B";padding:50px 30px;font-size:1.5rem;line-height:2rem;}
.hero .right {width:68%;padding:30px 50px;font-size:16px;background-color:#fff;color:#000;font-weight:400;}
.hero h3 {font-size:100px;line-height:101px;}
.hero .left {font-size:1.2rem;min-height:340px;}
}

@media screen and (max-width: 768px) {
.js-hero--slick {padding: 1rem 1.25rem 0rem 1.25rem;}
.hero-content {display:block;top:-5px;}
.hero .left {width:100%;font-size:.8rem;line-height:1.5rem;min-height:unset;padding:15px 30px;}
.hero .right {width:100%;padding:20px 0px 0px 0px;}
.hero h3 {font-size:45px;line-height:50px;}
.js-hero--slick ul.slick-dots {display:block;margin:0px;padding:0px;list-style-type:none;position: relative;top: 0px;right:0px;}
.js-hero--slick ul.slick-dots li {display:block;background:none !important;margin: 10px 0px;padding:0px;text-align: left;width:auto;}
div.dots-mob {position:relative;display:block;max-width:100%;padding-top:10px;text-align:right;}
.dots-mob .parent span {border-bottom:6px solid rgba(100, 100, 105, .4);padding-bottom:5px;min-width:100px;display:inline-block;text-align:left;}
.dots-mob .parent span svg {width: 14px;height: 11px;stroke:#646469;color:#646469;line-height: 37px;position:relative;top:7px;right:0px;float:right;margin-left:20px;}
.js-hero--slick .slick-slide {max-height:600px;}

.dots-mob .parent {color:#000;text-align:left;font-weight:300;text-transform: uppercase;font-size: 12px;max-width:100%;}
.dots-mob ul {margin:0px;padding:0px;list-style-type:none;}
.dots-mob li {margin:0px 0px 0px 0px;padding:0px;list-style-type:none;display:inline-block;position:relative;z-index:999;}
.dots-mob li:hover {text-decoration:none;color:#000;}
.dots-mob li:hover ul.slick-dots li {background-color:transparent;}

.dots-mob .slick-dots {max-width:100%;opacity:0; height:0;overflow:hidden;margin: 0;position: absolute;z-index: 99;padding:15px 0px 0px 0px;left:0px;top:30px;width:200px;}
.dots-mob li ul.slick-dots  {opacity:0;margin: 0;position: relative;z-index: 99;padding-left:0px;}
.dots-mob li:hover > .slick-dots, .dots-mob li:active > .slick-dots {opacity:1; height:auto; }
.dots-mob li:hover > .slick-dots li:hover ul, .dots-mob li:active > .slick-dots li:active ul {height:auto !important;opacity: 1; }

.dots-mob .slick-dots li {list-style-type:none;display:block;text-align:left;padding:0px 10px;float:none;line-height:20px;color:#000;}
}