@import url(master.css?v=020725);


/* === override site header === */
#wrapper {margin-top:0;}
header {background-color:transparent; box-shadow:none; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0) 95%);}
.deptTitle a {color:#fff;}
.hlogo a:hover, .hlogo a:focus, .deptTitle a:hover, .deptTitle a:focus, #hicon.mm-active, #hicon a:hover, #hicon a:focus{background-color:transparent; filter: drop-shadow(1px 1px 5px #000000); transform: scale(1.05); /*background-color:rgba(0,0,0,.25); text-shadow: 0 0 6px rgba(0,0,0,.9); */}
#hicon.mm-active, #hicon a:hover, #hicon a:focus{filter: drop-shadow(1px 1px 2px #000000) drop-shadow(1px 1px 2px #000000);}
header.nav-bg {background-color:rgba(0,0,0,.55); /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40), 0 2px 10px 0 rgba(0, 0, 0, 0.36);*/}
#hicon {background-color:transparent;}
#hicon a #nw-icon-svg {-webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);}


/* ===== hero panel ===== */
.hero-headline.headline-v22 b, .hero-headline.headline-v22 strong, .majors-headline.headline-v22 b, .majors-headline.headline-v22 strong {white-space:nowrap;}
.main-hero {position:relative; width:100%; background-color:#fff; padding-bottom:50px; overflow:hidden;}
.main-hero {background-image:url('../images/bg-belltower.webp'); background-repeat:no-repeat; background-position:top -60px right -300px; padding-top:100px;}
.main-hero.left {background-image:url('../images/bg-turret.webp'); background-repeat:no-repeat; background-position:bottom -120px left -100px; }
.main-hero .inner {max-width:1400px;}
.hero-green {background-color:#006747; color:#fff;}
.hero-white {background-color:#fff; color:#000;}

.hero-img {height:auto; min-height:560px; overflow: hidden;}
/*.hero-br .hero-img::after{content:''; position:absolute; bottom:0; right:460px; width:300px; height:35%; background:rgb(255,255,255,0.65); clip-path: polygon(45% 0%, 100% 0%, 55% 100%, 0% 100%); z-index:1;}*/
.hero-no-caption .hero-img::before{content:''; position:absolute; bottom:50px; left:0px; width:250px; height:80px; background:#00B2E3; clip-path: polygon(0% 0%, 60% 100%, 0% 100%); z-index:1;}
.main-hero img {width:100%; height:100%; object-fit:cover; object-position:center; }



.hero-caption-bg {position:absolute; width:600px; color:#000; background-color:#fff; padding:40px 20px; z-index:10;}
.hero-br .hero-caption-bg::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#003b70; z-index:1; width:20px; height:100%; }
.hero-br .hero-caption-bg {bottom:100px; right:-80px;  text-align:left; padding-right:160px;}
.hero-br .hero-caption {width:calc(100% - 35px); padding-left:35px; text-align:left;}


/* hero left style */
.main-hero.left .hero-br .hero-caption-bg {padding-left:160px; padding-right:0; left:-80px;}
.main-hero.left .hero-br .hero-caption {padding-left:0; text-align:right; width:calc(100% - 55px);}
.main-hero.left .hero-br .hero-caption-bg::after {right:0; left:unset;}
.main-hero.left .hero-br .subtext-v22 {padding-right:0; padding-left:8%;}

/* hero editorial style */ 
.hero-editorial .main-hero img {height:auto;}
.hero-editorial .hero-img {height:auto; min-height:0;}
.hero-editorial .hero-caption-bg {display:none;}
.hero-editorial .hero-caption {text-align:center !important;}
.hero-editorial .hero-headline, .hero-editorial .hero-tagline {display: none;}
.hero-editorial .hero-caption a.btn {width:100%; max-width:250px; display:inline-block;}
.hero-editorial .hero-img a picture img {transition: all .2s ease-in-out;}
.hero-editorial .hero-img a:hover picture img {transform: scale(1.025);}


/* ===== action panel ===== */
/*.main-action {position:relative; background-color:#00B2E3; padding-bottom:50px; }
.main-action .inner {background-color:#003B70; transform: skew(-25deg,0deg); width:90%;}
*/
.action-links-bar {transform: translate(0, -50%); background-color: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12); max-width: 1200px; margin: 0 auto;}
.main-action .nav-list {margin:0; display:flex; flex-direction:row;}
.main-action a.btn {padding-top:2em; padding-bottom:2em; text-align:center;}
.main-action a.btn:hover::after, .main-action a.btn:focus::after {width: 101%;}
.main-action .nav-list li a.btn {margin:0; width:100%;}
.main-action .nav-list li {display:flex; width:33.3333%;}


/*
.action-links-bar {display:flex; padding:30px; justify-content: center; background-color:#fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12); max-width:1200px; margin:0 auto; }
.action-links-btn {display:inline-table;}
.action-links-btn a {display:table-cell; vertical-align:middle; color:#fff; font-size:1em; font-family: "roboto-condensed", "Arial Narrow Bold" , Arial, sans-serif;  text-transform:uppercase; text-decoration:none;  font-weight:700; transform: skew(-25deg,0deg);}
.action-links-btn a:hover {color:#003B70;}
.action-links-text {display:inline-block; padding:0 2rem; transform: skew(25deg,0deg);}
.action-links-btn a:hover::after {width:calc(100% + 4px) !important; top:-4px; padding:5px 0;}
.action-links-btn a::after {position:absolute; content:''; transition: all .2s; background-color:#fff;  left:0; top:-1px; z-index:-1; width:2px; height:100%; height:25px;}
.action-links-btn:first-child a:link::after {width:0;}

.action-links-btn a {
  display:table-cell; vertical-align:middle; color: #fff; font-family: "roboto-condensed", "Arial Narrow Bold" , Arial, sans-serif; font-weight:700; text-transform:uppercase; text-decoration:none; font-size:1em; transform: skew(-25deg,0deg); box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}
.action-links-btn a:hover {
  box-shadow: inset 400px 0 0 0 #fff; color:#003B70;
}
*/


/* ===== WELCOME VIDEO PANEL ===== */
/* --- static image overlay --- */
.main-welcome.static .inner {background-position:top center; background-repeat:no-repeat; background-size:cover; 	display:block; 	min-height:unset; height:auto; padding-top:46%;}
.welcome-caption {width:calc(100% - 2em); margin:0 auto; padding:1em; bottom:80px; position:absolute; display:block; text-align:center;}
.welcome-caption p {margin-top:50px;}
.welcome-caption a.btn {transform:scale(1.3);}
.welcome-caption-inner img {max-width:660px; width:60%; height:auto;}


/* --- video --- */
.welcome-media {width:100%; height:100%; position:relative; overflow:hidden; }
.main-welcome .inner {display:flex; flex-direction:row; min-height:720px; height:100vh; max-width:none; max-height: calc(100vw * .45); position:relative; background:#fff; overflow-x:hidden;}
.welcome-media::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; /* background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,.65) 95%);background: linear-gradient(black, rgba(0, 0, 0, 0));*/}
.main-welcome .inner::before {display:none;}
.welcome-title {clear:both; position:absolute; width:100%; /*top:50%; transform: translateY(-50%); bottom: 300px;*/ bottom:20px; font-size:  10vw; /*5.375rem;*/ filter: drop-shadow(2px 2px 2px #000000); color: transparent; -webkit-text-stroke-width: 4px; -webkit-text-stroke-color: #fff; text-align: center; font-weight:bold; opacity:0.9; display:none;}
.welcome-title:after {content: ""; display: inline-block; width: 100%;}


.video-container {display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.welcome-media video {width:100%; height:100%; object-fit:cover; object-position: 0 0; position:relative; top:auto; left:auto; transform:none; min-height:100%; min-width:100%;}


/*
.welcome-cutout-bg {width:400px; background-color:#016948; overflow:hidden;}
.welcome-cutout-bg::before {content:""; background-color:#016948; width:33%; height:100%; transform: skew(-25deg); position:absolute; top:0; right:100px; z-index:10;}
.welcome-cutout {position:relative; bottom:0; z-index:20; overflow:hidden;}
.welcome-cutout img {width:760px; height:auto; position:relative; left:-150px;}
.welcome-caption {position:absolute; z-index:40; bottom:120px; right:50px; width:460px; color:#fff;}
.welcome-headline b, .welcome-headline strong {color:#fff;}
.welcome-btn {margin-top:1em;}
.main-welcome .inner::before{content:''; position:absolute; bottom:0px; right:0px; width:250px; height:80px; background:#D6EFF8; clip-path: polygon(40% 100%, 100% 0%, 100% 100%); z-index:1000;}
*/


/*
#video-controls {font-style:italic; font-size:12px; color:#fff; text-shadow: 0px 0px 8px #000000, 0px 0px 8px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000; position:absolute; left:20px; bottom:20px; z-index:1800;}
*/
#video-controls {position:absolute; max-width:1200px; margin:0 auto; text-align:right; left:0; right:0; bottom:60px; z-index:1800;}

#video-controls p {display:inline;}
#video-controls .audio-text {position:relative; top:-12px;}
#video-controls button {display:inline; background:none; border:none; opacity:0.8;}
#video-controls button:hover, #video-controls button:focus {opacity:1;}
#video-controls button svg {fill:#fff; width:42px; height:42px; filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, 1));}
.hidden #video-controls button svg {fill:#666; filter:none;}





/* ===== MAJOR SEARCH PANEL ===== */
.main-majors {position:relative; padding-top:50px; background: linear-gradient(to bottom,  #D6EFF8 0%,#D6EFF8 60%,#fff 60%,#fff 100%);}
.main-majors .inner {position:relative; z-index:2000;}
.main-majors::before{content:''; position:absolute; top:60%; left:0px; width:250px; height:80px; background:#D6EFF8; clip-path: polygon(0% 0%, 60% 0%, 0% 100%); z-index:1000;}
.main-majors .flex-col {background-color:#fff !important;}
.majors-headline {margin-bottom:1em;}
.majors-subtext {padding-right:0;}
.majors-subtext.subtext-v22 {display:inline-block;}
.majors-subtext.subtext-v22 a, .majors-subtext.subtext-v22 a:visited {color:#0066CC;}
.majors-subtext.subtext-v22 a:hover, .majors-subtext.subtext-v22 a:focus {color:#009460;}
.majors-intro {width:calc(50% - 6em); padding:3em;}
.main-majors .majors-search {margin-top:0;}
.main-majors .majors-search .ui.search {position:relative; top:auto; left:auto;}
.main-majors .search-browse {margin-top:0; text-align:center; font-size:1em; font-family:"roboto", Arial, sans-serif;}
.main-majors .search-browse b, .main-majors .search-browse strong {color:#009460; text-transform:uppercase; font-size: 1.2em;}
.main-majors .search-browse ul {display:inline-block; padding-inline-start: 0px; }
.main-majors .search-browse li {display:inline-block; list-style-type:none; padding:0 0.5em;} 
.main-majors .search-browse li a, .main-majors .search-browse li a:visited {color:#0066CC; text-decoration:none; font-weight:bold; line-height: 2em;}
.main-majors .search-browse li a:hover, .main-majors .search-browse li a:focus {text-decoration:underline; color:#009460;}
.majors-top10 {width:calc(50% - 4em); margin-left:4em;}
.majors-list h3.greenbar {margin-top:0 !important; font-weight:900 !important; font-family:"roboto" !important; letter-spacing:2px;}
.majors-list-inner {padding:1em; font-family:"roboto", Arial, sans-serif; display:flex;}
.majors-list ol {flex:calc(48% - 35px); /*margin-left:35px;*/ display:inline-block;}
.majors-list li {padding:0.4em; font-size:0.95em;}
.majors-list li a, .majors-list li a:visited {color:#0066CC;}
.majors-list li a:hover, .majors-list li a:focus {color:#009460;}
.majors-img {position:absolute; bottom:0;}
.majors-img img {display:block;}

#search {box-sizing: border-box; background-image: url('../../v2019/images/btn-search.png'); background-position: calc(100% - 14px) 10px; background-repeat: no-repeat; padding: 14px 20px 12px 20px;}
#search:focus {outline: 3px solid #ddd;}
.search-container {position: relative; display: inline-block; width:100%; min-height:55px;}
.search-results{position: absolute; min-width: 230px; overflow: auto; z-index: 1; width:100%;}
.search-results a {color: black; padding: 12px 16px; text-decoration: none; display: none; background-color:#e1e1e1;}
.search-container a:hover {background-color: #33A980;}
.ui.search {position: absolute; top: 70px;}
  .ui.search > .prompt {margin: 0em; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-shadow: none; font-style: normal; font-weight: normal; line-height: 2em; padding: 0.67857143em 1em; font-size: 2em; background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87);}
  .ui.search .prompt, #contentum .ui.search .prompt {background: transparent; border: none; border-bottom: 3px solid #006747; font-size: 20px; width:100%;}
.ui.search .prompt ~ .search.icon {cursor: pointer;}



/* ===== IMPACT PROMO PANEL ===== */
.main-impact .inner {max-width:none;}
.impact-img {width:60%;}
.impact-content {width:32%; padding-right:8%;}
.impact-img {position:relative; z-index:0;}
.impact-img::after {content:''; position:absolute; top:0; right:20px; width:20px; height:100%; background-color:#00B2E3; z-index:1; transform: skew(-25deg); transform-origin:top left;}
.impact-img img {width:calc(100% - 2em); clip-path: polygon(0% 0%, 100% 0%, 69% 100%,  0% 100%); display:block;}

.impact-content {display:inline-flex;flex-direction:column;justify-content:center; line-height:2em;}
.impact-headline b, .impact-headline strong {font-size:1.5em; line-height:1.2em; padding-bottom:0.2em;}
.impact-subtext-inner {font-size:1.3em;}
.impact-btn {margin-top:3em;}


/* -------------- impact (rotator) --------------- */
.cycle-slideshow .impact-slide.flex-row {display:flex !important; width:100% !important;}
.cycle-slideshow .impact-btn a.btn::after, .cycle-slideshow .impact-btn a.button::after {-webkit-transition:none !important; transition:none !important;}
.cycle-nav a:hover {filter:contrast(10%);}
.cycle-nav {position:absolute; z-index:200; text-align:center; padding:1em; bottom:0; left:0; width:calc(100% - 2em);}
.cycle-nav a {margin:0 .25em; width:3em; height:3em; display:inline-block; background-color:#006747; font-style:normal; display:inline-block; background-image:url(https://www.nwmissouri.edu/layout/v2022/images/svg/btn-pagenav.png); background-size:1.5em; background-repeat:no-repeat; background-position:center; filter:contrast(70%); transform:rotate(90deg); transition:transform .2s ease-in-out;}
.cycle-nav #next {transform:rotate(270deg);}
.cycle-slideshow .sidebyside-feature-container {width:100%; background-color:#fff; display:flex !important;}





/* ===== BY THE NUMBERS PANEL ===== */
.main-facts {position:relative; padding:2rem 0; background-position:center top; background-size:cover;}
.main-facts .inner::before{content:''; position:absolute; top:0px; right:0px; width:250px; height:80px; background:#fff; clip-path: polygon(40% 0%, 100% 0%, 100% 100%); z-index:1000;}

.facts-content {text-align:center; width:calc(100% - 4em); padding:2em; font-family:roboto, sans-serif; margin:0 auto; position:relative;}
.facts-content h2 {text-transform:uppercase; color:#fff;}
.facts-content h2 b, .facts-content h2 strong {display:inline-block; color:#A4CE60;}
.facts-row {margin-top:3rem; margin-bottom:3rem;}
.facts-subtext {font-size:2rem; color:#fff; letter-spacing: .2rem;}
.facts-headline {color:#fff; font-family:"circe-slab-b", Georgia, serif; font-style:normal; line-height:1.5em;}
.facts-headline i, .facts-headline em {font-family:roboto, sans-serif; font-size:1.1em;}
.facts-btn {max-width:350px; margin:1em auto 0 auto;}
.facts-item.flex-col {width:calc(25% - 2em); padding:1em;}
.facts-item {font-family:'roboto'; font-size:1.3em; color:#fff; text-transform:uppercase;}
.facts-number {display:block; font-weight:900; font-size:3em; line-height:1.3em;}
.facts-item:nth-of-type(3n+1) .facts-number {color:#00B2E2;}
.facts-item:nth-of-type(3n+2) .facts-number {color:#009460;}
.facts-item:nth-of-type(3n+3) .facts-number {color:#A1CE5F;}



/* ===== NEWS & EVENTS PANEL ===== */
.main-media {position:relative; padding-bottom:5rem;}
.main-media::before{content:''; position:absolute; bottom:0px; right:0px; width:250px; height:80px; background:#003B70; clip-path: polygon(40% 100%, 100% 0%, 100% 100%); z-index:1000;}
.main-media h2 {padding:0.3em 0; font-family:"circe-slab-b", Georgia, serif; font-size:3em; color:#006747;}
.main-media .nav-list {margin-top:2em; text-align:right;}
.news-feature {position:relative;}
.news-feature a {color:#fff; font-family:"circe-slab-b", Georgia, serif; font-weight:normal !important; font-size:1.6em; line-height:1.25em;}
/*.news-image .news-tag {position:absolute; top:0; left:0;}*/
.news-headline {width:calc(100% - 2em); padding:1em; position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.65);}
.news-feature a .news-headline {height:25%; transition: cubic-bezier(.23,1,.32,1) all .4s;}
.news-feature a:hover .news-headline {height:40%;}
.news-feature a .news-headline::before {content:""; width:40px; height:2px; background-color:#009460; position:absolute; transition: cubic-bezier(.23,1,.32,1) all .4s;}
.news-feature a:hover .news-headline::before {width:80%; }
.news-headline h3 {margin:0.8em 0; padding:0; /*padding:0.8em 0 0 0;*/ font-weight:normal;}
.news-headline h3 p.headline {margin:0;}
.news-caption {display:none; font-family:roboto; font-size:0.7em; line-height:1.5em; /*margin-top:1em;*/}
.news-feature a:hover .news-caption {display:block;}
.news-image img {display:block;}
.news-tag {background-color:#000; color:#fff; padding:5px 15px; text-transform:uppercase; font-family: "roboto-condensed", "Arial Narrow Bold" , Arial, sans-serif; font-weight:700; font-style:normal; display:block; text-align:center; font-size:0.85em;}
.news-sub {clear:both; padding-top:1em;}
.news-sub ul {padding:0;}
.news-sub li {list-style:none; display:table-row;}
.main-media .td {display:table-cell; border-bottom:1px solid #e1e1e1;}
.main-media .td:nth-of-type(2n) {padding: 1em 0 1em 20px;}
.news-sub li a {font-family:"circe-slab-b", Georgia, serif; color:#006747; font-weight:normal !important; font-size:1.4em; line-height:1.2em;}
.news-sub li a:hover, .news-sub li a:focus {color:#000; text-decoration:none !important;}


.media-events {padding-left:10%; width:40%;}
#calendar-rss, .calendar-rss {width:100%; min-height:50px; margin:0 auto; list-style:none; padding:0; padding-bottom: 2em !important; border-bottom: 1px solid #e1e1e1;
margin-bottom: 2em;}
.event-item {padding:2em 0; margin-bottom:2em; /*border-bottom:1px solid #e1e1e1;*/}
.event-item:first-of-type {padding-top:0;}
a .event-item {color:#000; font-weight:normal; display:table-row;}
.event-date {display:block;  background-color:#fff; border:6px solid #fff; padding:8px 10px 12px 10px; text-align:center; width:45px; height:45px; transition: all .25s;}
a:hover .event-date, a:focus .event-date {text-decoration:none;}
.event-date .month {font-family: "roboto-condensed", "Arial Narrow Bold" , Arial, sans-serif; font-size:12px; text-transform:uppercase; line-height:14px; padding-bottom:7px; font-weight:700; width:45px; margin-left:-6px;}
.event-date .day {font-family:roboto; font-size:36px; font-weight:bold;}
#calendar-rss:nth-of-type(3n+1) .event-date, .calendar-rss:nth-of-type(3n+1) .event-date {border-color:#00B2E2;}
#calendar-rss:nth-of-type(3n+2) .event-date, .calendar-rss:nth-of-type(3n+2) .event-date {border-color:#009460;}
#calendar-rss:nth-of-type(3n+3) .event-date, .calendar-rss:nth-of-type(3n+3) .event-date {border-color:#A1CE5F;}
.event-details {display:table-cell; padding-left:20px; vertical-align:top;}
#calendar-rss:nth-of-type(3n+1) a:hover .event-date, .calendar-rss:nth-of-type(3n+1) a:hover .event-date {background-color:#00B2E2;}
#calendar-rss:nth-of-type(3n+2) a:hover .event-date, .calendar-rss:nth-of-type(3n+2) a:hover .event-date {background-color:#009460;}
#calendar-rss:nth-of-type(3n+3) a:hover .event-date, .calendar-rss:nth-of-type(3n+3) a:hover .event-date {background-color:#A1CE5F;}
.hh-events a b, .hh-events a:visited b {color:#006747; font-family: "circe-slab-b", Georgia, serif; font-size: 1.4em; line-height: 1.2em;}
a:hover .event-item. a:focus .event-item {text-decoration:none;}
a:hover .event-item .event-details b, a:focus .event-item .event-details b {color:#000;}
/*a:hover .event-item .event-details, a:focus .event-item .event-details {text-decoration:underline;}*/



/* ===== INSTAGRAM FEED PANEL ===== */
.main-social {background-color:#003B70;}
.main-social .inner {max-width:none;}
.main-social .flex-row {max-width:1400px; margin:0 auto; padding:2em 0; }
.main-social .subtext-v22 {padding-right:0; color:#fff; font-style:italic; font-size:1.4em; width:60%;}


.main-social .headline-v22 {font-style:normal !important; color:#fff; font-weight:bold; text-align:right; width:40%;}
.col-lg:nth-of-type(1n+11){display:none;}
.ig {width:100%; height:100%;  background-color:#003B70;}
.ig-rollover {font-size:14px; line-height:20px; color:#fff; position:absolute; top:0; width:100%; height:100%; display:table; opacity:0; text-align:center; }
.ig a {display:block; font-weight:normal !important;}
#instafeed a:hover .ig-rollover, #instafeed a:focus .ig-rollover {opacity:1;}
.ig-img {width:100%; padding-top:100%; background-position:center top !important; background-size:cover !important;}
.social-row .ig:hover .ig-img, .social-row .ig a:focus .ig-img {opacity:0.2;}
.ig-info {display:table-cell; padding:1em; vertical-align:middle !important;}
.ig-stat {display:block;margin-top:10px; font-family:"roboto", Verdana, sans-serif; font-size:16px; font-weight:bold; line-height:18px;}
.ig-stat img {position:relative; top:5px; margin:2px;}
.ig-stat img:last-of-type {margin-left:20px;}

.img-fluid {max-width:100%; height:auto;}
.row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; /*margin-right:-15px; margin-left:-15px;*/}
.col-lg {float:left; position:relative; width:20%; min-height:1px; /*padding-right:15px; padding-left:15px;*/}




/* ===== RESPONSIVE CODE ====== */

	
	
	
@media (max-width:1400px) {
/*.welcome-cutout-bg::before {right:200px;}*/
.main-hero, .main-hero.left {background:none; background-color:#D6EFF8;}
.main-hero {padding-top:0; padding-bottom:0;}
.hero-img {height:560px;}
.hero-caption-bg {width:540px; bottom:50px !important;}
.hero-br .hero-caption-bg {padding-right:20px; right:0; }
.main-hero.left .hero-br .hero-caption-bg {padding-left:20px; left:0;}
.main-hero.left .hero-br .hero-caption {text-align:left;}
.hero-br .subtext-v22, .main-hero.left .hero-br .subtext-v22 {padding-right:0; padding-left:0;}

.main-media .inner {width:calc(100% - 4em);}
.news-feature a {font-size:1.4em;}
.news-feature a:hover .news-headline {height:65%;}
.main-social .social-header {width:calc(100% - 4em);}

}
	
@media (max-width:1200px) {
	.welcome-media {width:100%;}
	#video-controls {right:25px; bottom:25px;}
	.action-links-bar {transform:none;}
	
	.hero-headline b {font-size:2.4em; /*1.4em; line-height:1.5em;*/}
	.hero-headline {font-size: 1.8em; line-height:1.5em;}
	.hero-caption-bg {width:480px; padding:20px; }
	.hero-subtext {font-size:1.05em; line-height:1.5em;}
	
	.main-welcome.static .inner {padding-top:52%;}
	
	/*.hero-caption-bg {width:360px; padding:20px 40px;}*/
	/*.hero-br .hero-caption {width:calc(100% - 50px); padding-left:50px;}*/
	/*.hero-br {clip-path: polygon(0% 20%, 10% 0%, 100% 0%, 100% 80%, 90% 100%, 0% 100%);}*/
	/*
	.welcome-cutout-bg {display:none;}
	.welcome-caption {width:60%; right:0; bottom:0; background-color:rgba(0,103,71,0.9); padding:2em;}
	.welcome-caption .headline-v22 b, .welcome-caption .headline-v22 strong {display:inline-block; font-size:2.4em;}
	*/
	
	.majors-intro {width:calc(55% - 6em);}
	.majors-top10 {width:calc(45% - 4em); /*padding-left:15px;*/}
	.majors-headline b, .majors-headline strong {font-size:2.4em;}
	/*.majors-img {display:none;}*/
	.majors-list ol {display:block; width: calc(100% - 35px);}
	
	.impact-headline b, .impact-headline strong {font-size:1em !important;}
	.impact-subtext-inner {font-size:1.1em;}
	.impact-btn {margin-top:1.5em;}
	.main-media .nav-list li {display:block; padding-bottom:10px;}
	.main-media .nav-list li a {width:calc(100% - 4.2em); text-align:center;}
	.main-social .subtext-v22 {display:none;}
	.main-social .headline-v22 {width:100%; text-align:center;}
	.col-lg:nth-of-type(1n+7) {display:none;}
	.col-lg {width:33.33%;}
	
	
}

@media (max-width: 1000px) {
	/*
	.hero-caption-bg {width:360px; padding:20px 40px;}
	.hero-br .hero-caption {width:calc(100% - 50px); padding-left:50px;}
	.hero-headline {font-size:1.4em; line-height:1.5em;}
	.hero-caption-bg {width:480px; }
	*/
	/*.hero-br {clip-path: polygon(0% 20%, 10% 0%, 100% 0%, 100% 80%, 90% 100%, 0% 100%);}*/
	
}

/* full width / mobile */
@media (max-width:967px) {
	.main-welcome .inner {display:flex; min-height:540px; height:100vh;}
	/*.welcome-media {padding-bottom:56.25%;}*/
	.welcome-media .video-container {position:absolute; top:0; left:0; width:100%; height:100%;}
	.welcome-media video {object-position:center;}
	/*.welcome-caption {width:calc(100% - 4em); clear:both; position:relative; bottom:auto; right:auto; background-color:rgba(0,103,71,1); padding:3em 2em; text-align:center;}*/
	
	.welcome-caption-inner img {width:50%; }
    .welcome-caption a.btn {transform:scale(1.15);}
    .welcome-caption p {margin-top:20px;}
    .welcome-caption {bottom:0px;}
	
	
	
	.majors-intro {width:calc(100% - 10em); margin:0 auto;}
	.majors-top10 {flex:calc(100% - 4em); margin:0 auto; /*display:none;*/}
	.majors-img {display:none;}
	.majors-list ol {width: calc(48% - 35px); /*margin-left: 35px;*/ display: inline-block;}
	.majors-headline b, .majors-headline strong {display:inline-block;}
	.majors-headline b, .welcome-caption .headline-v22 b, .majors-headline strong, .welcome-caption strong, .cta-headline b, .cta-headline strong { font-size: 2em; }
	
	.impact-img {width:100%; background-color:#00B2E3; max-height:400px; overflow-y:hidden;}
	.impact-img img {width:100%;}
	.impact-content {width:96%; padding:3em 2em; text-align:center;}
	.cycle-nav {position:relative;}
	
	.media-news, .media-events {width:100%;}
	.media-events {padding-left:0;}
	.news-feature a {font-size:1.65em;}
	.news-feature a:hover .news-headline {height:50%;}
	.event-item:nth-of-type(1n+5) {display:none;}
	
	.main-facts {background-position:20% top;}
	.main-facts .inner::before {display:none;}
	.facts-item.flex-col {display:block; width:calc(100% - 2em);}

	.col-lg:nth-of-type(1n+5) {display:none;}
	.col-lg {width:50%;}
	
	.hero-img {height:642px; max-height:none;}
	.hero-caption-bg {width:calc(92% - 40px); padding:20px; bottom:20px !important;}
	.hero-br .hero-caption-bg {right:4%; transform:none; padding-right:20px;}
	.hero-caption {/*transform:none; */ text-align:left !important;}
	.hero-caption .headline-v22 b {display:inline; font-size:2em;}
	.hero-caption .headline-v22 {font-size:1.8em;}
	
	
	.hero-editorial .subtext-v22 {font-size:1.5em;}
	.hero-editorial .subtext-v22 a.btn {font-size:0.8em;}
	/*.subtext-v22, */.hero-br.left .subtext-v22 {padding-right:0; padding-left:0;}
	.hero-br.left .hero-caption-bg {padding:20px; left:unset;}
	
	.main-action .nav-list {display:block;}
	.main-action .nav-list li {width:100%; margin-bottom:0;}
	.main-action a.btn {padding-top:1.25em; padding-bottom:1.25em;  line-height:unset !important;}
	
	/*
	.main-action .inner {transform:none; width:92%;}
	.action-links-bar {display:block; transform:none; padding-top:18px;}
	.action-links-btn {display:block; height:29px;  margin:20px 0;}
	.action-links-btn a {display:block; width:100%; padding-top:10px; padding-bottom:10px; }
	.action-links-text {display:block; width:calc(100% - 2rem);}
	.action-links-btn a::after {width:0;}
	*/
}





/* edge-to-edge and swap in vertical images */
@media (max-width:600px) {
    
    
    .main-welcome.static .inner {padding-top:130%;}
    .welcome-caption-inner img {width:90%;}
    .welcome-caption a.btn {display:inline-block;}
    .welcome-caption p {margin-top:35px;}
    .welcome-caption {bottom:10px;}
    
	.hero-br .hero-caption {width:calc(100% - 20px); padding-left:20px;}
	.hero-br {right:0; }
	.hero-br .hero-caption-bg {bottom: 20px;}
	.hero-caption .headline-v22 b {display:block;}
	
	
	/* hero editorial style */ 
    .hero-editorial .hero-caption-bg::after {display:none;}
    .hero-editorial .hero-caption-bg {display:block; bottom:0 !important; background-color:transparent; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,100)); color:#fff; width:calc(100% - 40px); right:auto; border-bottom:30px solid #000;}
    .hero-editorial .hero-caption-bg .hero-caption-bg::after {display:none;}
    .hero-editorial .hero-caption {text-align:center; width:100%; padding-left:0;}
    .hero-editorial .hero-caption .headline-v22 b {color:#fff;}
	
	.news-feature a:hover .news-headline {height:65%; text-decoration:none !important;}
	.news-feature a:hover {text-decoration:none !important;}
	.news-headline {position:relative; background-color: rgba(0,0,0,1);}
	.news-headline .news-caption, .news-feature a:hover .news-caption {display:none;}
	.news-sub li a {font-size:1.2em;}
	.col-lg:nth-of-type(1n+4) {display:none;}
	.col-lg {width:100%;}
	.majors-intro, .majors-top10 {width:calc(100% - 4em); padding:2em;}
	.majors-top10 {padding:0;}
	
	/*
	.majors-headline b, .welcome-caption b, .majors-headline strong, .welcome-caption strong, .cta-headline b, .cta-headline strong { font-size: 1.8em; }
	*/
}
@media (max-width:480px) {
    .main-hero.left, .main-hero .left, .main-hero.right, .main-hero .right {margin: 0 !important;}
    .majors-list ol {margin-left: 15px; padding-left: 5px;}
}