@media only screen and (min-width: 1141px) {
    main.main-no-cta .main-content {max-width: 100% !important;}
	main .side-nav {width: 100% !important; padding-left: 0px !important; padding-right: 0px !important;}
	.side-nav-menu {display: block !important;}
	.side-nav .side-nav-menu-list {display: none; background: white;}
    .side-nav-menu-list {margin-top: 0px !important;}
}



main .side-nav {margin-top: 15px;}
main .main-content {width: 100% !important; min-width: 100%;}
main .main-content {overflow: hidden;}

footer {background: white;}
.news-date {display: none;}

.main-bg {position: fixed; width: 100%; height: calc(100vh - 60px); top: 60px; left: 0px; z-index: -100; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("https://www.iup.edu/news-events/images/larkin-research/forest.jpg"); transition: .25s; transition-property: opacity;}
	.main-bg.trigger-main {background-image: url("https://www.iup.edu/news-events/images/larkin-research/forest.jpg") !important;}
	.main-bg.trigger-solar {background-image: url("https://www.iup.edu/news-events/images/larkin-research/solar-panels.jpg") !important;}
	.main-bg.trigger-forest {background-image: url("https://www.iup.edu/news-events/images/larkin-research/coffee-beans.jpg") !important;}
	.main-bg.trigger-birds {background-image: url("https://www.iup.edu/news-events/images/larkin-research/bird-yellow.jpg") !important;}
	.main-bg.trigger-honduras {background-image: url("https://www.iup.edu/news-events/images/larkin-research/forest-dark.jpg") !important;}
	.main-bg.trigger-information {background-image: url("https://www.iup.edu/news-events/images/larkin-research/forest.jpg") !important;}


main .main-content h1 {line-height: 68px !important;}
main .main-content h1, .main-content h2 {text-align: center;}
main .main-content h1 {font-size: 66px !important; line-height: 92px; color: white !important; margin-top: calc(50vh - 280px); margin-bottom: calc(50vh - 280px) !important; text-shadow: #000 0px 0 30px;}
main .main-content h2 {width: 100% !important; padding: 120px 0 50px; color: white; font-size: 36px; text-shadow: #000 0px 0 10px;}


main .top-intro {margin-bottom: 30px;}
main .top-intro p {margin-top: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; padding-top: 8px !important;}
main .top-intro .introduction {padding-bottom: 1px !important;}
main .top-intro p:last-child {padding-bottom: 10px !important;}


main > .container p {background: rgba(256,256,256,.9); padding: 15px; margin-bottom: 30px;}


.top-icons {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 150px;}
	.top-icons a {text-decoration: none; font-weight: bold; font-size: 17px; display: block; position: relative; background: rgba(256,256,256,.9); margin: 0 10px; border-radius: 100%; width: 130px; height: 130px; text-align: center;}
	.top-icons a > img {display: block; width: 110px !important; height: 110px; margin: 10px;}
	.top-icons a span {width: 100%; display: block; padding: 10px 0; text-transform: uppercase; text-shadow: #000 0px 0 5px; position: absolute; top: 0px; left: 0px; transition: .25s; opacity: 0; color: white; line-height: 20px; white-space: nowrap; display: flex; justify-content: center; pointer-events: none;}
	.top-icons a:hover span {opacity: 1; top: 132px;}



.information-icons {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 150px;}
	.information-icons a {text-decoration: none; font-weight: bold; font-size: 17px; display: block; position: relative; background: rgba(256,256,256,.9); margin: 0 24px 100px; border-radius: 100%; width: 180px; height: 180px; text-align: center;}
	.information-icons a > img {display: block; width: 140px !important; height: 140px; margin: 20px; border-radius: 100%;}
	.information-icons a span {width: 100%; display: block; padding: 10px 0; text-transform: uppercase; text-shadow: #000 0px 0 5px; position: absolute; top: 0px; left: 0px; transition: .25s; opacity: 0; color: white; line-height: 20px; white-space: nowrap; display: flex; justify-content: center;}
	.information-icons a:hover span {opacity: 1; top: 182px;}









.trigger-scroll-fade {transition: 2s; opacity: 0; margin: 0 0 30px; padding: 15px;}
.trigger-scroll-fade-active {opacity: 1 !important;}

.trigger-gray-box {background: rgba(256,256,256,.9); max-height: 0px; overflow: hidden;}
.trigger-gray-box.trigger-scroll-fade-active {max-height: 1000px;}







.row-carboncredits > div:nth-child(2) > div:nth-child(1) {margin-top: 8px;}
.row-carboncredits > div:nth-child(2) > div:nth-child(1) .caption {background: transparent; margin-bottom: 0px;}



.row-carboncredits-2 {margin-top: 100px;}

.row-carboncredits-2 > div:nth-child(2) {margin-top: 0px;}
.row-carboncredits-2 > div:nth-child(1) img {padding: 20px 15px 40px;}
.row-carboncredits-2 > div:nth-child(2) > div:nth-child(1) {margin-top: 8px;}
.row-carboncredits-2 > div:nth-child(2) > div:nth-child(1) p {background: transparent; margin-bottom: 0px; padding-bottom: 0px;}
.row-carboncredits-2 > div:nth-child(2) > div:nth-child(1) p:last-child {margin-top: -5px; font-style: italic;}
.row-carboncredits-2 > div:nth-child(2) > div {margin-left: 25px; left: -10px; transform: translateX(-750px); overflow: visible;}
.row-carboncredits-2 > div:nth-child(2) > div.trigger-scroll-fade-active {transform: translateX(0px);}
.row-carboncredits-2 > div:nth-child(2) > div:before {content: ""; position: absolute; top: 50%; left: -51px; margin-top: -30px; width: 26px; height: 26px; border: 26px solid transparent; border-right: 25px solid rgba(256,256,256,.9);}





.row-cafe > div:nth-child(2) > div {margin-top: 8px;}
.row-cafe .trigger-gray-box h3 {margin-top: 0px; margin-bottom: 15px;}
.row-cafe .trigger-gray-box p {width: 100%; background: transparent; margin: 0 !important; padding-bottom: 0px;}






.main-content .row.row-cafe h3 {padding: 0 15px 0; width: 100%; margin-bottom: 5px;}
.row-cafe > div:nth-child(2) {display: flex;}
.row-cafe > div:nth-child(2) > div {width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.main-content .row.row-cafe .video-container {margin: 0 15px 0 !important; width: 100%; padding-bottom: calc(56.25% - 42px);}





.main-content .row.row-cafe2 {margin-top: 65px !important; margin-bottom: 60px !important;}
.row-cafe2 > div:nth-child(1) {z-index: 10;}
.row-cafe2 > div:nth-child(2) {z-index: 5; display: flex; align-items: center; position: relative;}
.row-cafe2 > div:nth-child(2) > div {margin-left: 25px; left: -10px; transform: translateX(-750px); overflow: visible;}
.row-cafe2 > div:nth-child(2) > div.trigger-scroll-fade-active {transform: translateX(0px);}
.row-cafe2 > div:nth-child(2) > div:before {content: ""; position: absolute; top: 50%; left: -51px; margin-top: -30px; width: 26px; height: 26px; border: 26px solid transparent; border-right: 25px solid rgba(256,256,256,.9);}

.row-cafe2 .trigger-gray-box h3 {padding: 0 15px;}
.row-cafe2 .trigger-gray-box p {width: 100%; background: transparent; margin: 0 !important; padding-bottom: 0px;}




.row-cafe3 .caption {margin-bottom: 0px; padding: 0px; background: transparent;}

.row-cafe3 > div:nth-child(1) .row {margin-top: -25px !important; margin-bottom: -5px !important;}
.row-cafe3 > div:nth-child(1) .trigger-scroll-fade {margin-top: 58px !important; margin-bottom: 58px !important;}

.row-cafe3 > div:nth-child(2) {margin-top: 8px;}
.row-cafe3 > div:nth-child(2) div {margin-left: 15px; overflow: visible; position: relative; margin-bottom: 45px; display: block !important; transform: translateX(750px);}
.row-cafe3 > div:nth-child(2) div.trigger-scroll-fade-active {transform: translateX(0px);}
.row-cafe3 > div:nth-child(2) div:after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -26px; width: 26px; height: 26px; border: 26px solid transparent; border-top: 25px solid rgba(256,256,256,.9);}
.row-cafe3 > div:nth-child(2) div:last-child:after {display: none; margin-bottom: 0px !important;}



.main-content .row.row-birds {margin-top: -15px !important; margin-bottom: -5px !important;}
.row-birds > div:nth-child(2) {display: flex; position: relative;}
.row-birds > div:nth-child(2) > div {display: flex; flex-wrap: wrap; align-items: center; margin-left: 25px;}
.row-birds > div:nth-child(2) > div h4 {padding: 0 12px;}
.row-birds > div:nth-child(2) > div:before {content: ""; position: absolute; top: 50%; left: -11px; margin-top: -36px; width: 26px; height: 26px; border: 26px solid transparent; border-right: 25px solid rgba(256,256,256,.9);}
.row-birds .trigger-gray-box p {width: 100%; background: transparent; margin: 0 !important; padding-bottom: 0px;}




.row-honduras > div:nth-child(1) p:nth-child(1) {margin-bottom: 86px !important;}
.row-honduras > div:nth-child(1) .row div:nth-child(1) div {margin-top: 8px;}

.row-honduras > div:nth-child(2) > div {margin-top: 8px; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}

.row-honduras > div:nth-child(2) > div img {margin-right: 20px; max-width: 248px;}
.row-honduras > div:nth-child(2) > div > div p {position: relative;}
.row-honduras > div:nth-child(2) div div h4 {padding: 0; margin-top: 0px;}
.row-honduras > div:nth-child(2) div div p {background: transparent; margin-bottom: 0px;}
.row-honduras > div:nth-child(2) .caption {padding: 0px;}


.row-honduras .fab-quote p:nth-child(2) {position: relative; padding: 4px 25px 0 !important; line-height: 19px; font-size: 14px;}
.row-honduras .fab-quote {opacity: 0; transition: .5s; min-width: 257px; max-width: 257px;}
.row-honduras .trigger-scroll-fade-active .fab-quote {transition-delay: 1s; opacity: 1;}
.row-honduras .fab-quote p:nth-child(2):before {content: "“"; position: absolute; top: 32px; left: -10px; color: #9e1b32; font-size: 82px; opacity: .8;}
.row-honduras .fab-quote p:nth-child(2):after {content: "”"; position: absolute; bottom: -26px; right: -10px; color: #9e1b32; font-size: 82px; opacity: .8;}
.row-honduras > div:nth-child(2) div p:nth-child(3) {font-weight: bold; padding: 0px 20px 0;}


.row-honduras2 > div:nth-child(1) {margin-top: 8px;}
.row-honduras2 > div:nth-child(1) p.caption {padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background: transparent; margin: 0px;;}



.permissions {background: transparent !important; color: white; font-family: Lato, sans-serif !important; text-align: center;  text-shadow: #000 0px 0 10px;}



@media only screen and (max-width: 1156px) {
.row-honduras > div:nth-child(2) > div img {margin-right: 20px; max-width: 100%;}
.row-honduras .fab-quote {opacity: 0; transition: .5s; min-width: 257px; max-width: 100%; margin-top: 20px;}
}


@media only screen and (max-width: 768px) {
    main .main-content h1 {font-size: 48px !important; line-height: 60px;}
    .main-bg {height: calc(100vh - 52px); top: 52px;}
    .top-icons {margin-bottom: 50px;}
    .top-icons a {margin: 0 100px 100px;}
    .top-icons a span {opacity: 1; top: 132px; display: flex; justify-content: center;}
    .main-bg.trigger-birds {background-position: center right;}
    
    
    .information-icons a {margin: 0 100px 100px;}
    .information-icons a span {opacity: 1; top: 182px;}
    
    .trigger-gray-box {max-height: 1000px;}
    
    
    
    
    .row-carboncredits-2 > div:nth-child(1) img {padding: 0px; margin: 15px auto; width: 100%; max-width: 360px;}
    .row-carboncredits-2 > div:nth-child(2) > div {margin-left: 0px; margin-top: 0px !important;}
    .row-carboncredits-2 > div:nth-child(2) > div:before {content: ""; position: absolute; top: -21px; left: 50%; margin-left: -36px; width: 26px; height: 26px; border: 26px solid transparent; border-bottom: 25px solid rgba(256,256,256,.9);}
    
    
    
    .row-cafe2 > div:nth-child(1) > div {opacity: 1 !important;}
    .row-cafe2 > div:nth-child(2) > div:before {margin-top: -43px;}
    
    
    
    
    
    .row-birds > div:nth-child(2) > div {margin-left: 0px; margin-top: 7px;}
	.row-birds > div:nth-child(2) > div:before {content: ""; position: absolute; top: -8px; left: 50%; margin-left: -36px; width: 26px; height: 26px; border: 26px solid transparent; border-bottom: 25px solid rgba(256,256,256,.9);}
    
    .row-cafe2 > div:nth-child(2) > div {margin-left: 0px; margin-top: 7px;}
	.row-cafe2 > div:nth-child(2) > div:before {content: ""; position: absolute; top: -8px; left: 50%; margin-left: -36px; width: 26px; height: 26px; border: 26px solid transparent; border-bottom: 25px solid rgba(256,256,256,.9);}
    
    
    
    .row-cafe3 > div:nth-child(1) .row .col-md-6:nth-child(1) .trigger-scroll-fade {margin-bottom: 0px !important;}
    .row-cafe3 > div:nth-child(2) div {margin-left: 0px;}
    
    
}