/* Common */
.social-nav li a img {
	border: none;
	max-width: 34px;
}
.interior--content img{
	border:3px solid #fff;
	max-width:100%;
}
hr {
    border-color: #70757c;
}
figcaption {
    font-size: 16px;
    font-style: italic;
    line-height: 1.3em;
    color: #323232;
    background: #fff;
    padding: 5px 8px 8px;
}
big {font-size: 1.35em;line-height: 1.3em;}

a.pageflip {
	display: block;
	position: relative;
	margin: 0 0 20px
}
a.pageflip:before {
	content: '';
	position: absolute;
	z-index: 2;
	background-image: url(../../img/page-flip.png);
	background-size: cover;
	right: 0;
	bottom: 0;
	width: 43px;
	height: 54px;
	transition: all .2s ease;
}
a.pageflip:hover:before {
	width: 72px;
	height: 85px;
}
a.pageflip:after {
	content: '';
	position: absolute;
	background-image: url(../../img/issue-shadow.png);
	background-size: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	top: 100%;
	left: 0;
	right: 0;
	height: 40px;
}

/* Publications */
.pdf-container-publications {
    position: relative;
    /*padding-bottom: 100%;*/
	padding-bottom: 64%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.pdf-container-publications iframe,
.pdf-container-publications object,
.pdf-container-publications embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
@media screen and (max-width: 1024px) {
	.pdf-container-publications {
		position: relative;
		padding-bottom: 120%;
	}
}

/* Video Page, responsive table */
@media screen and (max-width: 730px) {
	.responsive-video-table table {
		width: 320px!important;
	}
	.responsive-video-table .table-heading {
		font-size: 26px!important;
	}
	.responsive-video-table .table-subheading {
		font-size: 18px!important;
	}
	.responsive-video-table iframe {
		width: 310px;
	    height: 186px;
	}
	.responsive-video-table .logo-table img {
		width: 230px;
	}
	.responsive-video-table table .editor-button-container {
		padding: 0!important;
	}
	.responsive-video-table table .editor-button-container table table td {
		padding: 14px 20px!important;
	}
	.responsive-video-table .spacer-base {
		display: none;
	}
}

/* Video Container */
.video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* PDF Container */
.pdf-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.pdf-container iframe,
.pdf-container object,
.pdf-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}

/* issues */
.issues-wrapper {}
.issues-wrapper .slick-slide {
	padding: 0 5px;
}
.issues-wrapper .slick-slide a {
	display: block;
	line-height: 1em;
}
.issues-wrapper .slick-slide .cover {
	display: block;
	position: relative;
	width: 100%;
	height: 145px;
	background: #fff;
	margin: 0 0 10px;
}
.issues-wrapper .slick-slide .cover:after,
.issues-wrapper .slick-slide .cover:before {
	content: '';
	position: absolute;
}
.issues-wrapper .slick-slide .cover:after {
	background-image: url(../../img/page-flip.png);
	background-size: cover;
	right: 0;
	bottom: 0;
	width: 23px;
	height: 34px;
	transition: all .2s ease;
}
.issues-wrapper .slick-slide .cover:hover:after {
	width: 32px;
	height: 45px;
}
.issues-wrapper .slick-slide .cover:before {
	background-image: url(../../img/issue-shadow.png);
	background-size: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	top: 100%;
	left: 0;
	right: 0;
	height: 40px;
}
.issues-wrapper .slick-slide .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: none;
}
.issues-wrapper .slick-slide .title {
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	text-align: center;
}
@media (max-width: 1380px) {
	.issues-wrapper .slick-slide .cover {
		height: 195px;
		margin: 0 0 15px;
	}
}
@media (max-width: 1200px) {
	.issues-wrapper .slick-slide .cover {
		height: 23vw;
		margin: 0 0 20px;
	}
}
@media (max-width: 991px) {
	.issues-wrapper .slick-slide .cover {
		height: 39vw;
	}
}
@media (max-width: 680px) {
	.issues-wrapper .slick-slide .cover {
		height: 58vw;
	}
}

/* Grid */
.featuring-grid {
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.f-grid-item .modal-title {
    font-family: 'Droid Serif', serif!important;
    text-transform: none!important;
}
.f-grid-item .modal-footer {
    margin: 10px 0 0!important;
    border: none!important;
}
.f-grid-item {
    width: 25%;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    position: relative;
    height: auto !important;
    margin-bottom: 30px;
}
.f-grid-item:nth-child(1),
.f-grid-item:nth-child(2),
.f-grid-item:nth-child(3) {
    width: 33.3%;
}
.contribute-grid .f-grid-item {
    width: 33.3%;
}
.f-grid-item > a {
    text-decoration: none!important;
}
.f-grid-item .image-holder {
    position: relative;
    display: block;
    padding-bottom: 80%;
    border: 5px solid #fff;
}
.f-grid-item .image-holder .bnn-img {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    background-position: center;
    background-size: cover;
    opacity: 1;
    transition: opacity 250ms ease;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    -o-transition: opacity 250ms ease;
}
.f-grid-item>a:hover .image-holder .bnn-img {
    opacity: .6;
}
.f-grid-item .info {
	display: block;
	font-family: 'Droid Serif', sans-serif;
	font-size: 22px;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: center;
	padding: 15px;
	text-decoration: none!important;
}
.f-grid-item .heading {
    font-family: 'PT Serif', serif;
    display: block;
    color: #222;
    text-transform: none;
    text-decoration: none!important;
    margin: 0;
    font-size: 32px;
}
.f-grid-item .subheading {
    display: block;
    font-size: 87%;
    color: #777;
    font-style: italic;
    text-transform: none;
    text-decoration: none!important;
}
.f-grid-item>a:hover .heading,
.f-grid-item>a:hover .subheading{
    color: #00a503
}
@media (max-width: 991px) {
	.f-grid-item {
	    width: 33.3333%;
	}
	.f-grid-item .heading {
		font-size: 28px
	}
}
@media (max-width: 768px) {
	.f-grid-item,
	.contribute-grid .f-grid-item {
	    width: 50%;
	}
	.f-grid-item .heading {
		font-size: 22px
	}
}
@media (max-width: 480px) {
	.f-grid-item,
	.contribute-grid .f-grid-item {
	    width: 100%;
	}
	.f-grid-item .subheading {
		font-size: 14px
	}
	.f-grid-item .heading {
		font-size: 18px
	}
}

/* List */
.list {}
    .list--inline {
		padding: 0;
		margin: 0 0 30px;
		list-style: none;
	}
    .list--inline li:not(:last-child) {margin-right: 15px;}
    .list--inline li {
        display: inline-block;
    }
	.list--unstyled {
		list-style: none;
		margin: 0 0 30px;
		padding: 0;
	}
	.list--unstyled li:not(:last-child) {margin-right: 0;}
	.list--unstyled li { margin: 0; }

/* Home top */
.video-banner {
    position: relative;
    max-height: 653px;
    height: 550px;
    width: 100%;
    overflow: hidden;
}
    .video-banner:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /* background-color: rgb(0 0 0 / 43%); */
    }
    .video-banner .video-banner__background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    }
        .video-banner .video-banner__background img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .video-banner .video-banner__background video {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: auto;
        }
@media (max-width: 1400px) {
	.video-banner {
	    height: 357px;
	}
}
@media (max-width: 1200px) {
	.video-banner {
	    height: 245px;
	}
		.video-banner .video-banner__background video {
			height: 100%;
			width: auto;
		}
}
@media (max-width: 768px) {
	.video-banner {
	    height: 171px;
	}
		.video-banner .video-banner__content {
			right: unset;
			left: 15px;
			top: unset;
			bottom: 100px;
			transform: none;
		}
}

/* ===  Slider Wrapper === */
.slider-wrapper > div > div:not(.slick-list) {
	width: 300px;
	display: inline-block;
}
.slider-wrapper > div > div:not(.slick-list, :nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4)) {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider-wrapper.single-right-arrow,
.slider-wrapper.double-right-arrow {
	position: relative;
	overflow: hidden;
	padding: 0 15% 0 10px;
}
.slider-wrapper.single-right-arrow:before,
.slider-wrapper.single-right-arrow:after {
	content: '';
	position: absolute;
	z-index: 2;
	display: block;
	right: 0;
	top: 0;
	bottom: 0;
	width: 180px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf2fa+0,edf2fa+100&0+0,0.89+57,1+89 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgb(237 242 250) 57%,rgb(237 242 250) 89%,rgb(237 242 250) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.89+57,1+89 
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.89) 57%,rgba(255,255,255,1) 89%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slider-wrapper.single-right-arrow:before {
	right: unset;
	left: 0;
	transform: rotate(180deg)
}
	.slider-wrapper.single-right-arrow .next-slide,
	.slider-wrapper.single-right-arrow .prev-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 3;
		top: 50%;
		right: 10px;
		width: 40px;
		height: 40px;
		background: #5db85b;
		color: #fff;
		font-size: 21px;
		border-radius: 4px;
		transition: all .3s ease;
		text-align: center;
	}
	.slider-wrapper.single-right-arrow .prev-slide {
		left: 10px;
		right: unset;
	}
	.slider-wrapper.single-right-arrow .next-slide:hover,
	.slider-wrapper.single-right-arrow .prev-slide:hover { background: #01713d; }
	.slider-wrapper.single-right-arrow .slick-list { overflow: visible }
	.slider-wrapper.single-right-arrow .slick-slide {padding: 0 12px;}
	.slider-wrapper.double-right-arrow:before,
	.slider-wrapper.double-right-arrow:after {
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		right: 0;
		top: 0;
		bottom: 0;
		width: 180px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf2fa+0,edf2fa+100&0+0,0.89+57,1+89 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgb(237 242 250) 57%,rgb(237 242 250) 89%,rgb(237 242 250) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.89+57,1+89 
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.89) 57%,rgba(255,255,255,1) 89%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.slider-wrapper.double-right-arrow:after {
		right: unset;
		left: 0;
		transform: rotateY(180deg);
	}
	.slider-wrapper.double-right-arrow .next-slide,
    .slider-wrapper.double-right-arrow .prev-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 2;
		top: 50%;
		right: 10px;
		width: 40px;
		height: 40px;
		background: #5db85b;
		color: #fff;
		font-size: 21px;
		line-height: 1em;
		border-radius: 4px;
		transition: all .3s ease;
		text-align: center;
	}
	.slider-wrapper.double-right-arrow .prev-slide {
		right: unset;
		left: 10px;
	}
	.slider-wrapper.double-right-arrow .next-slide:hover,
    .slider-wrapper.double-right-arrow .prev-slide:hover { background: #01713d; }
	.slider-wrapper.double-right-arrow .slick-list { overflow: visible }
	.slider-wrapper.double-right-arrow .slick-slide {padding: 0 12px;}
@media (max-width: 768px) {
	.slider-wrapper.single-right-arrow,
	.slider-wrapper.double-right-arrow {
		padding: 0 10px;
	}
	.slider-wrapper.single-right-arrow:before,
	.slider-wrapper.single-right-arrow:after,
	.slider-wrapper.double-right-arrow:before,
	.slider-wrapper.double-right-arrow:after{
		display: none;
	}
	.slider-wrapper.single-right-arrow .next-slide, 
	.slider-wrapper.single-right-arrow .prev-slide,
	.slider-wrapper.double-right-arrow .next-slide, 
	.slider-wrapper.double-right-arrow .prev-slide {
		width: 26px;
		height: 26px;
		font-size: 12px;
	}
}

/* === Title Image Grid === */
.title-image-grid {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	padding: 40px 10px;
}
	.title-image-grid > .title-image-block {
		width: 19%;
		margin: 0 .5%;
		padding-bottom: 13%;
		margin-bottom: 60px;
	}

	.title-image-grid > .title-image-block:nth-child(1),
	.title-image-grid > .title-image-block:nth-child(2),
	.title-image-grid > .title-image-block:nth-child(3),
	.title-image-grid > .title-image-block:nth-child(4) { width: 24% }
@media (max-width: 1200px) {
	.title-image-grid > .title-image-block:nth-child(1),
	.title-image-grid > .title-image-block:nth-child(2),
	.title-image-grid > .title-image-block:nth-child(3),
	.title-image-grid > .title-image-block:nth-child(4) { width: 32% }
	.title-image-grid > .title-image-block {width: 32%; padding-bottom: 22%;}
}
@media (max-width: 600px) {
	.title-image-grid > .title-image-block:nth-child(1),
	.title-image-grid > .title-image-block:nth-child(2),
	.title-image-grid > .title-image-block:nth-child(3),
	.title-image-grid > .title-image-block:nth-child(4) { width: 49% }
	.title-image-grid > .title-image-block {width: 49% ;padding-bottom: 32%;}
	.title-image-grid > .title-image-block:last-child { width: 99%; ;padding-bottom: 52%; }
}

/* === Title Image Blocks === */
.title-image-block {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 73%;
	margin-bottom: 39px;
	opacity: 0;
}
	.-ready .title-image-block {
		opacity: 1;
		animation: fadeInUp .4s both;
		animation-delay: calc( var(--order) * 100ms );
	}
	.title-image-block picture {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
	}
		.title-image-block picture img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
	.title-image-block .title-image-block__title {
		position: absolute;
		z-index: 2;
		top: 100%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
		transition: all .3s ease;
	}
	.title-image-block:hover .title-image-block__title {
		transform: translateY(-120%);
		background: #fff;
	}
		.title-image-block .title-image-block__title span {
			font-family: 'Oswald', sans-serif;
			text-transform: uppercase;
			background: #5db85b;
			color: #fff;
			font-size: 20px;
			line-height: 1em;
			padding: 17px;
			display: inline-block;
			transition: all .3s ease;
		}
		.title-image-block:hover .title-image-block__title span { background: #fff; color: #333 }
@media (max-width: 1400px) {
	.title-image-block .title-image-block__title span { font-size: 18px }
}
@media (max-width: 991px) {
	.title-image-block .title-image-block__title span { font-size: 16px }
}
@media (max-width: 480px) {
	.title-image-grid > .title-image-block {
		margin-bottom: 30px
	}
	.title-image-block .title-image-block__title span {font-size: 14px;padding: 10px;}
}

/* === Basic Section === */
.basic-section {
	padding: 40px 0;
	/* background: #fff; */
}
	.basic-section .main__content {
		opacity: 0
	}
	.basic-section.-ready .main__content {
		opacity: 1;
		animation: fadeInUp .4s both;
	}

/* === Side Image Section === */
.side-image-section {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	position: relative;
}
	.side-image-section > div {
	    width: 50%;
	    position: relative;
		opacity: 0;
	}
	.side-image-section.-ready > div {
		opacity: 1;
		animation: fadeInLeft .4s both;
	}
	.side-image-section.-ready > div:last-child {
		animation: fadeInRight .4s both;
	}
	.side-image-section .side-image-section__info {
	    padding: 20px 4vw;
	}
	.side-image-section .side-image-section__info.article-sided {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.side-image-section .side-image-section__info h2 {
			margin-bottom: 40px;
		}
		.side-image-section .side-image-section__info .btn {
			margin-top: 20px;
		}
		.side-image-section .side-image-section__info.article-sided > div {
			width: 65%;
			padding: 0 20px;
		}
		.side-image-section .side-image-section__info.article-sided .article-sided__column {
			width: 35%;
			padding: 0;
			text-align: center;
		}
		.side-image-section .article-sided .article-sided__column .link-img {
			display: block;
			position: relative;
			transform: rotate(3deg);
		}
		.side-image-section .article-sided .article-sided__column .link-img:after,
		.side-image-section .article-sided .article-sided__column .link-img:before {
			content: '';
			position: absolute;
		}
		.side-image-section .article-sided .article-sided__column .link-img:after {
			background-image: url(../../img/page-flip.png);
			background-size: cover;
			right: 0;
			bottom: 0;
			width: 53px;
			height: 64px;
			transition: all .2s ease;
		}
		.side-image-section .article-sided .article-sided__column .link-img:hover:after {
			width: 72px;
			height: 85px;
		}
		.side-image-section .article-sided .article-sided__column .link-img:before {
			background-image: url(../../img/issue-shadow.png);
			background-size: top center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			top: 100%;
			left: 0;
			right: 0;
			height: 40px;
		}
		.side-image-section .article-sided .article-sided__column picture,
		.side-image-section .article-sided .article-sided__column img {
			display: block;
			width: 100%;
		}
		.side-image-section .side-image-section__info.article-sided .article-sided__column .link-img img {
		    transform: scale(1);
		    transition: all .2s ease;
		}
		.side-image-section .side-image-section__info.article-sided .article-sided__column .link-img:hover img {}
	.side-image-section .side-image-section__bnn {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.side-image-section .side-image-section__bnn picture,
		.side-image-section .side-image-section__bnn img {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			background: #000;
		}
		.side-image-section .side-image-section__bnn.video-link img {/* object-fit: contain; */}
        .side-image-section .side-image-section__bnn.video-link .video-container {
			width: 100%;
			height: auto;
			background: #000000;
			/* padding: 0; */
		}
			.side-image-section .side-image-section__bnn.video-link .video-container iframe {
				width: 100%;
				height: 100%;
			}
		.side-image-section .side-image-section__video__title {
			position: absolute;
			z-index: 2;
			left: 15px;
			bottom: 10px;
			color: #fff;
			text-shadow: 0 0 5px #000;
			font-size: 22px;
		}
		/*
		.side-image-section .side-image-section__bnn.video-link:after {
			content: '\f144';
			font-family: 'Font Awesome 6 Pro';
			position: absolute;
			right: 17px;
			bottom: 15px;
			color: #fff;
			font-size: 70px;
			line-height: 1em;
			font-weight: 200;
		}*/
	.side-image-section .main__content {
		opacity: 0
	}
	.side-image-section.-ready .main__content {
		opacity: 1;
		animation: fadeInUp .4s both;
	}
@media (max-width: 1200px) {
	.side-image-section {
		display: flex;
		flex-direction: column;
	}
	.side-image-section > div {
		width: 100%;
	}
	.side-image-section .side-image-section__bnn { height: 62vw; }
}
@media (max-width: 991px) {
	.side-image-section .side-image-section__info h2 {
		margin-bottom: 20px;
	}
}
@media (max-width: 768px) {
	.side-image-section .side-image-section__info.article-sided {
		flex-direction: column;
		gap: 40px
	}
	.side-image-section .side-image-section__info.article-sided > div {
		width: 80%
	}
}
@media (max-width: 480px) {
	.side-image-section .side-image-section__info.article-sided > div {
		width: 100%
	}
	.side-image-section .side-image-section__info.article-sided .article-sided__column {
		width: 60%
	}
}

/* === About === */
.about-section { background-color: #eae8db }
	.about-section.side-image-section .side-image-section__info {
	    padding: 5vw 4vw;
	}

/* ===  The Club === */
.the-club {
	padding: 60px 0 40px;
	text-align: center;
}
	.the-club .main__content {
		opacity: 0;
	}
	.the-club.-ready .main__content {
		opacity: 1;
		animation: fadeInUp .4s both;
	}
    .the-club #mobile { display: none }
	.the-club svg {
		max-width: 920px
	}
	.the-club .title-image-slider {
		margin: 50px 0;
	}
		.the-club .slick-slide .title-image-block { margin: 0; }
    .the-club .list h2 { font-size: 30px; }
	.the-club .list h3 { font-size: 18px; font-weight: 600; }
	.the-club .list {
		text-align: left;
	}
@media (min-width: 768px) {
	.the-club .list {
		display: flex;
		flex-wrap: wrap;
		margin: 30px -15px 0;
	}
		.the-club .list ul {
			/* list-style: none; */
			padding-left: 27px;
		}
		.the-club .list > div {
			position: relative;
			width: 33.3333%;
			padding: 0 0 0 2.5vw;
		}
		.the-club .list > div:not(:last-child) {
			padding-right: 1.5vw;
		}
		.the-club .list > div:not(:last-child):after {
			content: '';
			position: absolute;
			top: 30px;
			bottom: 10px;
			width: 1px;
			right: -1vw;
			background: #9ba5b6;
		}
	.the-club .list li,
	.the-club .list p {
		font-size: 23px;
		line-height: 1.3em;
	}
}
@media (max-width: 1200px) {
	.the-club .list h2 {
	    font-size: 21px;
	    margin: 0 0 5px;
	}
	.the-club .list li,
	.the-club .list p {
		font-size: 15px;
		line-height: 1.4em;
		margin: 0 0 9px;
	}
	.the-club .list li {
		margin: 0 0 3px;
	}
	.the-club .list h3 {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.the-club {
		padding: 20px 0 40px;
		text-align: center;
	}
	.the-club .main__content {
		padding-bottom: 0;
	}
	.the-club #desktop { display: none }
	.the-club #mobile {display: block;margin: 0 0 40px;}
	.the-club .title-image-slider {
	    margin: 10px 0 20px;
	}
}

/* === News Section === */
.news-section {
    padding: 40px 0;
    background: #ecf1ba;
}
	.news-section .main__content {
		opacity: 0;
		padding-bottom: 0;
		text-align: center;
		max-width: 1600px;
	}
	.news-section.-ready .main__content {
		opacity: 1;
		animation: fadeInUp .4s both;
	}
	.news-section .news-image-slider {margin: 50px 6vw 20px;}
	.news-section .slider-wrapper.single-right-arrow:before,
	.news-section .slider-wrapper.single-right-arrow:after {
		background: linear-gradient(to right,  rgba(237,242,250,0) 0%,rgb(236 241 186) 57%,rgb(236 241 186) 89%,rgb(236 241 186) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.news-image-block {
		display: flex;
		flex-wrap: wrap;
		min-height: 157px;
		border: solid 2px #d4db8f;
		border-radius: 6px;
		position: relative;
		padding-left: 40%;
		opacity: 0;
		overflow: hidden;
		transition: all .3s ease;
		transform: scale(1);
	}
	.-ready .news-image-block {
		opacity: 1;
		animation: fadeInUp .4s both;
		animation-delay: calc( var(--order) * 100ms );
	}
	.news-image-block:hover {
		opacity: .8!important;
		transform: scale(1.03)!important;
	}
		.news-image-block picture {
			width: 41%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
			.news-image-block picture img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 4px 0 0 4px;
			}
		.news-image-block .news-image-block__content {
			width: 100%;
			padding: 10px 10px 0 20px;
			background: #fff;
		}
		.news-image-block .news-image-block__content .news-image-block__content__title {
		    display: block;
		    font-family: 'Oswald', sans-serif;
		    font-size: 18px;
		    line-height: 1.1em;
		    color: #01713d;
		    margin: 0 0 10px;
		}
		.news-image-block .news-image-block__content .news-image-block__content__date {
			color: #acacac;
			font-size: 14px;
		}
		.news-image-block .news-image-block__content span {
		    display: block;
		    font-family: 'Oswald', sans-serif;
		    color: #6f6f6f;
		    font-size: 16px;
		    line-height: 1.2em;
		    margin-bottom: 7px;
		}
@media (max-width: 1200px) {
	.news-image-block .news-image-block__content a { font-size: 18px; }
	.news-image-block .news-image-block__content span { font-size: 15px; }
}
@media (max-width: 991px) {
	.news-image-block .news-image-block__content a { font-size: 16px; }
	.news-image-block .news-image-block__content span { font-size: 14px; }
}
@media (max-width: 490px) {
	.news-image-block {
		flex-direction: column;
		padding: 0;
	}
	.news-image-block picture {
		position: relative;
		width: 100%;
	}
	.news-image-block picture img { border-radius: 0; }
	.news-image-block .news-image-block__content { padding: 15px; }
}

/* === Medalists Section === */
.medalists-section {
	padding: 40px 0 0;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf8ec+0,ffffff+100 */
	background: linear-gradient(to top,  rgb(250 248 236) 0%,rgb(237 242 250) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	.medalists-section .main__content {
		opacity: 0
	}
	.medalists-section.-ready .main__content {
		opacity: 1;
		animation: fadeInUp .4s both;
	}
	.medalists-section .medalists-slider {
		margin: 50px 0 80px;
	}
	.medalists-section .medalist-block {
	    padding: 0 20px;
		opacity: 0;
	}
	.medalists-section .slider-wrapper.single-right-arrow:before {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf8ec+0,faf8ec+100&0+0,0.89+57,1+89 */
		background: linear-gradient(to right,  rgba(250,248,236,0) 0%,rgba(250,248,236,0.89) 57%,rgba(250,248,236,1) 89%,rgba(250,248,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.-ready .medalist-block {
		opacity: 1;
		animation: fadeInUp .4s both;
		animation-delay: calc( var(--order) * 100ms );
	}
		.medalists-section .medalist-block picture {
			display: block;
			width: 100%;
			padding-bottom: 100%;
			position: relative;
			border-radius: 50%;
		}
			.medalists-section .medalist-block picture img {
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 50%;
				box-shadow: 0 5px 7px rgb(0 0 0 / 44%);
				opacity: 0;
				transform: rotateY(0);
				transition: all .3s ease;
				background-color: #f4f4ea;
			}
			.medalists-section .medalist-block picture img:first-child {
				object-fit: contain;
			}
			.medalists-section .medalist-block:hover picture img {
				opacity: 1;
				transform: rotateY(180deg);
			}
			.medalists-section .medalist-block picture img:last-child {
				opacity: 1;
				transform: rotateY(180deg);
			}
			.medalists-section .medalist-block:hover picture img:last-child {
				opacity: 0;
				transform: rotateY(0);
			}
		.medalists-section .medalist-block .medalist-block__info {
		    box-shadow: 0 6px 6px rgb(0 0 0 / 17%);
		    padding: 140px 15px 40px;
		    border-bottom: solid 8px #5cb85c;
		    width: 83%;
		    margin: -100px auto 0;
		    background: #fff;
		}
			.medalists-section .medalist-block .medalist-block__info .medalist-block__name {
				display: block;
				font-family: 'Oswald', sans-serif;
				text-transform: uppercase;
				color: #5cb85c;
				font-size: 18px;
				margin: 0 0 30px;
			}
			.medalists-section .medalist-block .medalist-block__info .medalist-block__title {
				display: block;
				font-size: 14px;
				color: #666;
			}
@media (max-width: 768px) {
	.medalists-section .medalists-slider {
		margin: 10px 0 40px;
	}
}

/* === Providing Sectionn === */
.providing-section {
	padding: 40px 0 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf8ec+0,ffffff+100 */
	background: linear-gradient(to top,  rgb(250 248 236) 0%,rgb(237 242 250) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* === Poty === */
.poty-section {background-color: #eff2bb;position: relative;}
	.poty-section .slider-wrapper {
		padding: 0 0;
	}
	.poty-section .slider-wrapper.double-right-arrow:before,
	.poty-section .slider-wrapper.double-right-arrow:after {
		width: 120px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(239 242 187) 57%, rgb(239 242 187) 89%, rgb(239 242 187) 100%);
		background: transparent;
	}
	.poty-section .slider-wrapper.double-right-arrow .slick-slide { padding: 0; }
    .poty-section .side-image-section {
		min-height: 540px;
	}
	.poty-section .side-image-section:before {
		content: '';
		display: block;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 253px;
		padding-bottom: 16%;
		background-image: url(../images/horticulture-award.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;

	}
	.poty-section .side-image-section__info {
		padding-right: 150px
	}
@media (max-width: 1200px) {
	.poty-section .side-image-section:before {
		transform: none;
		left: unset;
		top: unset;
		right: 10px;
		bottom: 10px;
		width: 150px;
		padding-bottom: 150px;
	}
	.poty-section .side-image-section__info {
		padding-right: 20px;
		padding-left: 80px;
	}
}
@media (max-width: 1200px) {
	.poty-section .side-image-section {
		flex-direction: row;
	}
	.poty-section .side-image-section:before {
		right: 10px;
		bottom: 10px;
		width: 100px;
		padding-bottom: 100px;
	}
	.poty-section .side-image-section__info {
		padding-right: 20px;
		padding-left: 60px;
	}
	.poty-section .side-image-section__info { width: 70% }
	.poty-section .side-image-section__bnn { width: 30%; height: auto; }
}
@media (max-width: 620px) {
	.poty-section .side-image-section {
		flex-direction: column-reverse;
		padding: 0 0 20px
	}
	.poty-section .side-image-section:before {
		bottom: unset;
		top: 10px
	}
	.poty-section .side-image-section__info { 
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
	.poty-section .side-image-section__bnn {width: 100%;height: 68vw;}
	.poty-section .slider-wrapper.double-right-arrow .next-slide, 
	.poty-section .slider-wrapper.double-right-arrow .prev-slide {
		top: 69.5vw;
	}
}

/* === Scholarships === */
.scholarship-section { background-color: #faf8ec; }

/* === Publications === */
.publications-section { 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf8ec+0,ffffff+100 */
	background: linear-gradient(to top,  rgb(250 248 236) 0%,rgb(237 242 250) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding-bottom: 0;
	background: #fff;
}
.publications-section .slider-wrapper.single-right-arrow:before,
.publications-section .slider-wrapper.single-right-arrow:after {
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgb(255 255 255) 57%,rgb(255 255 255) 89%,rgb(255 255 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	.publications-slider { margin: 50px 0 40px }
	.publications-block {
		opacity: 0;
		display: block;
		width: auto;
		max-width: 300px;
	}
	.-ready .publications-block {
		opacity: 1;
		animation: fadeInUp .4s both;
		animation-delay: calc( var(--order) * 100ms );
	}
		.publications-block picture {
		    display: block;
		    width: auto;
		}
			.publications-block picture img {
			    display: block;
			    width: 100%;
			    height: 100%;
			    object-fit: contain;
			    max-height: 320px;
			    background: rgb(255 255 255 / 59%);
			}
			.publications-block .publications-block__title {
			    display: block;
			    font-family: 'Oswald', sans-serif;
			    color: #01713d;
			    font-size: 20px;
			    margin-top: 10px;
			}
			.publications-block .publications-block__date {
				display: block;
				font-family: 'Oswald', sans-serif;
				color: #6d6d6d;
				font-size: 18px;
				margin-top: 2px;
			}
			.publications-block .publications-block__location {
				display: block;
				font-family: 'Oswald', sans-serif;
				color: #6d6d6d;
				font-size: 16px;
				margin-top: 2px;
			}
	.publications-block.bnn-image {}
		.publications-block.bnn-image picture {}
			.publications-block.bnn-image picture img {
			    max-height: 420px;
			}
@media (max-width: 1200px) {
	.publications-block picture img { max-height: 260px }
	.publications-block.bnn-image picture img { max-height: 320px; }
}
@media (max-width: 768px) {
	.publications-block .publications-block__title { font-size: 16px }
	.publications-block .publications-block__date { font-size: 14px }
	.publications-block .publications-block__location { font-size: 13px }
	.publications-block picture img { max-height: 200px }
	.publications-block.bnn-image picture img { max-height: 280px; }
}
@media (max-width: 440px) {
	.publications-block picture img { max-height: 140px }
	.publications-block.bnn-image picture img { max-height: 160px; }
}

/* == Covers grid == */
.covers-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 40px -2vw 0;
	overflow: hidden;
}
.covers-grid > div {
	width: 33.3333%;
	padding: 0 2vw;
	margin: 0 0 30px;
}
.covers-grid.grid-small > div { width: 16.6666%; }
.covers-grid > div a { 
	position: relative;
	display: block; 
	opacity: 1;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}
.covers-grid > div a:hover {opacity: .6;text-decoration: none;}
.covers-grid > div a .cover {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 129%;
}
.covers-grid.grid-small > div a .cover:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 60px;
	width: 60px;
	background-image: url(../../img/page-flip.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.covers-grid.grid-small > div a:hover .cover:before {
	height: 80px;
	width: 80px;
}
.covers-grid > div a .cover:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 4vw;
	background-image: url(../../img/issue-shadow.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.covers-grid > div a .cover img {position: absolute;width: 100%;height: 100%;object-fit: cover;border: none;}
.covers-grid > div a .title {
	font-family: 'Oswald', sans-serif;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #282828;
	margin: 20px 0 0;
	left: 0;
	right: 0;
}


/* === Footer === */
footer {
	position: relative;
	overflow: hidden;
	padding: 40px 0 60px;
}
	footer:before,
	footer:after {
		content: '';
		display: block;
		position: absolute;
		top: 0; bottom: 0;
		width: 50%;
		background-size: cover;
	}
	footer:before {
		background-image: url(../images/bnn-footer-left.png);
		right: 50%;
		margin-right: 563px;
	}
	footer:after {
		background-image: url(../images/bnn-footer-right.png);
		left: 50%;
		margin-left: 563px;
	}
	footer .main__content {
		display: flex;
		flex-wrap: wrap;
		opacity: 0;
	}
	footer.-ready .main__content {
		opacity: 1;
		animation: fadeInUp .4s both;
	}

	footer .main__content .footer__left {
		width: 26%;
	}
		footer .social-nav {
		    margin-top: 20px;
		}
			footer .social-nav li {
				font-size: 33px;
			}
			footer .social-nav li:not(:last-child) { margin-right: 32px; }
				footer .social-nav li a {
					color: #06894c;
				}
				footer .social-nav li a:hover {
					color: #5ab557;
				}
				footer .main__content .footer__left img { 
					display: block; 
					max-width: 100%;
					margin-bottom: 20px;
				}
				footer .main__content .footer__left p {
					font-size: 14px;
					line-height: 1.8em;
					color: #333;
				}
	footer .main__content .footer__right {
		width: 74%;
		padding-left: 20px;
		padding-top: 32px;
	}
		footer .main__content .footer-nav[role="navigation"] {
			display: flex;
		}
			footer .main__content .footer-nav[role="navigation"] > div {
				padding: 0 10px;
			}
			footer .main__content .footer-nav[role="navigation"] > div:nth-child(4) { width: 180px }
				footer .main__content .footer__right h3 {
					font-size: 18px;
					color: #333;
					margin: 0 0 18px;
				}
				footer .main__content .footer-nav[role="navigation"] li {
					margin-bottom: 18px;
					text-transform: capitalize;
				}
				footer nav:not(.social-nav) li {
					font-size: 16px;
				}
		footer .main__content .footer-info {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		footer .main__content .footer-info ul {margin-left: 25px;}
@media (max-width: 991px) {
	footer .main__content .footer-nav[role="navigation"] {
		flex-wrap: wrap;
	}
		footer .main__content .footer-nav[role="navigation"] > div {
			width: 50%;
		}
		footer .main__content .footer-nav[role="navigation"] > div:last-child {
			width: 100%;
		}
		footer .social-nav li:not(:last-child) { margin-right: 10px }
}
@media (max-width: 700px) {
	footer .main__content {
		flex-direction: column-reverse;
	}
	footer .main__content .footer-info { flex-direction: column }
	footer .main__content > div {padding: 0 0!important;width: 100%!important;}
	footer .main__content .footer__left { text-align: center }
	footer .main__content .footer__left img {margin: 20px auto;max-width: 200px;}
	footer .main__content .footer__right h3 { font-size: 18px }
	footer .main__content .footer-nav[role="navigation"] li {
		margin-bottom: 7px;
	}
}
@media (max-width: 680px) {
	footer .main__content .footer-nav[role="navigation"] > div {
		width: 100%;
	}
}

:target {
	scroll-margin-top: 100px;
}