/* -------------------- Settings -------------------- */

@media (max-width:1020px) {
	h1 {font-size:28px;}
	h2 {font-size:26px;}
	h3 {font-size:22px;}
}

@media (max-width:760px) {
	h1 {font-size:24px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
}


/* -------------------- Header -------------------- */

@media (max-width:1200px) {
	/* header */
	section.header .wrapper {padding:40px;}
		section.header .wrapper .menu ul li {padding:0 15px;}
	
	/* menu */
	section.menu {top:145px;}
	section.menu .columns {padding:40px;}
		section.menu .columns .column {padding:0 30px;}
		section.menu .columns .column:nth-child(4) {flex:1 0 300px;}
			section.menu .columns .column:nth-child(4) .links ul:first-child {padding-right:20px;}
	
	/* search */
	section.search .container {height:calc(100% - 80px); padding:40px;}
		section.search .container .close {top:40px; right:40px;}
	
	/* scroll */
	section.header.scroll .wrapper {padding:20px 40px;}
	section.menu.scroll {top:0;}
		section.menu.scroll .columns {padding:40px;}
		section.menu.scroll .mobile {height:calc(100vh - 140px); padding:100px 0 40px 0;}
}

@media (max-width:1020px) {
	/* header */
	section.header .wrapper .menu ul.nav {display:none;}
	
	/* menu */
	section.menu {top:0; z-index:99;}
		section.menu .columns {display:none;}
		section.menu .mobile {display:block;}
	
	/* menuing */
	section.header.menuing {background:#4b504b;}
	section.header.scroll.menuing {background:#fff;}
}

@media (max-width:760px) {
	/* header */
	section.header .wrapper {padding:20px;}
		section.header .wrapper .logo {flex:0 1 200px;}
			section.header .wrapper .logo svg.hide .text {opacity:0; transform:translate(183.278px, 363.188px);}
			section.header .wrapper .logo svg.hide .peak-top {opacity:0; transform:translateY(-20px);}
			section.header .wrapper .logo svg.hide .peak-left {opacity:0; transform:translate(20px, -10.598);}
			section.header .wrapper .logo svg.hide .peak-right {opacity:0; transform:translate(-20px, -12.257px);}
		section.header .wrapper .menu ul.nav {display:none;}
			section.header .wrapper .menu ul li {padding:0 10px;}
			/* section.header .wrapper .menu ul.icons li {padding-left:0;} */
	
	/* menu */
	section.menu {top:0;}
		section.menu .mobile {height:calc(100vh - 140px); padding:100px 0 40px 0;}
			section.menu .mobile > ul {padding:0 0 20px 0 !important;}
			section.menu .mobile .info {margin:0 20px; padding:20px 0;}
			section.menu .mobile .extra {margin:0 20px; padding:20px 0 80px 0;}
	
	/* search */
	section.search .container {height:calc(100% - 40px); padding:20px;}
		section.search .container .close {top:20px; right:20px;}
		section.search .container p {font-size:14px;}
	
	/* scroll */
	section.menu.scroll {top:0;}
		section.menu .mobile ul li {padding:5px 0;}
			section.menu .mobile ul li a {padding:5px 20px;}
	section.header.scroll {min-height:85px;}
		section.header.scroll .wrapper {padding:20px;}
			section.header.scroll .wrapper .logo img {max-height:45px;}
}


/* -------------------- Panels -------------------- */

@media (max-width:1200px) {
	/* accordion */
	section.accordion .wrapper {padding:40px 0;}
		section.accordion .wrapper .content {padding:0 40px;}
		section.accordion .wrapper .accordions {padding:20px 40px;}
			section.accordion .wrapper .accordions .accordion .desc {padding:20px 0 0 0;}
	
	/* app */
	section.app .wrapper {padding:40px;}
	
	/* banner */
	section.banner .content {width:calc(100% - 80px); padding:0 40px 40px 40px;}
	section.banner .story-content {top:calc(50% + 40px);}
	
	/* banner-full */
	section.banner-full .content {width:calc(100% - 80px); padding:0 40px; top:calc(50% + 40px);}
	
	/* brochure */
	section.brochure .columns .column {padding:40px;}
		section.brochure .columns .column .wrapper .btns a {margin:20px 0 0 0;}
	
	/* bulletin */
	section.bulletin .wrapper .content {padding:40px;}
	section.bulletin .wrapper .image {padding:40px;}
	
	/* columns */
	section.columns .wrapper {padding:40px;}
		section.columns .wrapper .columns .column {flex:0 1 300px;}
	
	/* form */
	section.form .wrapper {padding:40px 0;}
		section.form .wrapper .content {padding:40px;}
		section.form .wrapper .form {padding:40px;}
	
	/* generic-image */
	section.generic-image .wrapper {min-height:320px; padding:40px;}
	
	/* generic-image-opaque */
	section.generic-image-opaque .wrapper .container {min-height:320px; padding:40px;}
	
	/* generic-text */
	section.generic-text .wrapper {min-height:320px; padding:40px;}
	section.generic-text.remove-min .wrapper {min-height:initial;}
	
	/* group-sliders */
	section.group-sliders .wrapper .slides .slide .title {top:40px; left:40px;}
	section.group-sliders .wrapper .slides .slide .columns {bottom:40px;}
		section.group-sliders .wrapper .slides .slide .columns .column {padding:0 15px;}
		section.group-sliders .wrapper .slides .slide .columns .column:first-child {padding-left:40px;}
		section.group-sliders .wrapper .slides .slide .columns .column:last-child {padding-right:40px;}
	section.group-sliders .wrapper .slides .swiper-button-prev {left:0;}
	section.group-sliders .wrapper .slides .swiper-button-next {right:0;}
	section.group-sliders .wrapper .slides .swiper-pagination {bottom:7px;}
	
	/* image-text */
	section.image-text .wrapper {padding:40px;}
		section.image-text .wrapper .container .content {padding-left:80px;}
		section.image-text.right .wrapper .container .content {padding-right:80px;}
	
	/* stories */
	section.stories .wrapper {padding:40px;}
		section.stories .wrapper .container .more .story {padding-left:40px;}
	
	/* title */
	section.title .wrapper {padding:40px;}
	
	/* video */
	section.video .title {padding:40px;}
		section.video .title h1 {max-width:45%;}
	section.video .wrapper {padding-bottom:40px;}
		section.video .wrapper .content {padding:40px;}
		section.video .wrapper .video {margin-top:-40px;}
}

@media (max-width:1020px) {
	/* app */
	section.app .wrapper .image {flex:1 1 50%;}
	section.app .wrapper .content {flex:1 1 50%;}
	
	/* banner */
	section.banner {padding-top:45%;}
	section.banner.tall {padding-top:55%;}
	section.banner.full {padding-top:130%;}
	section.banner.stories {padding-top:60%;}
		section.banner .content .title {font-size:26px;}
		section.banner .story-content .title {font-size:36px;}
		section.banner .story-content .sub-title {font-size:26px;}
		section.banner .story-content .shadow {width:100%; height:100%; top:0; left:0;}
	
	/* brochure */
	section.brochure .columns {flex-flow:column nowrap;}
		section.brochure .columns .column {width:calc(100% - 80px); border-right:0; border-bottom:1px solid #fff; flex:1 1 100%;}
		section.brochure .columns .column:last-child {border-bottom:0;}
			section.brochure .columns .column .wrapper {max-width:100%;}
				section.brochure .columns .column .wrapper .btns a {margin:20px 10px 0 10px;}
	
	/* columns */
	section.columns .wrapper .columns .column {flex:0 1 360px;}
	
	/* generic-image-opaque */
	section.generic-image-opaque .wrapper .container {max-width:320px;}
	
	/* stories */
	section.stories .wrapper .container {display:block;}
		section.stories .wrapper .container .featured {flex:none;}
		section.stories .wrapper .container .more {padding-top:20px; flex:none; justify-content:space-between;}
			section.stories .wrapper .container .more .story {margin:0; padding:20px 0 0 0; flex:0 1 300px;}
	
	/* group-sliders */
	section.group-sliders .wrapper {display:block;}
	section.group-sliders .wrapper .slides {border-right:0; flex:none;}
	section.group-sliders .wrapper .groups {border-top:1px solid #fff; flex-flow:row nowrap; flex:none;}
		section.group-sliders .wrapper .groups .group {padding-top:18.25%; border-top:0; border-right:1px solid #fff; flex:1 0 calc(33.33% - 1px);}
		section.group-sliders .wrapper .groups .group:last-child {border-right:0;}
	
	/* image-text */
	section.image-text .wrapper .container .photo {flex:0 0 300px;}
	section.image-text .wrapper .container .content {padding-left:40px;}
	section.image-text.right .wrapper .container .content {padding-right:40px;}
}

@media (max-width:760px) {
	/* accordion */
	section.accordion .wrapper .content {padding:0 20px;}
	section.accordion .wrapper .accordions {padding:0 20px;}
	
	/* app */
	section.app .wrapper {padding:40px 20px; display:block;}
	
	/* banner */
	section.banner {padding-top:55%;}
	section.banner.full {padding-top:100vh;}
	section.banner.stories {padding-top:100%;}
	section.banner .center-content .btns a {margin-right:0;}
	section.banner .content {width:calc(100% - 40px); padding:0 20px 20px 20px;}
		section.banner .content .title {font-size:20px;}
		section.banner .content .share {display:none;}
	section.banner .story-content {top:50%;}
		section.banner .story-content .play {width:60px; height:60px;}
			section.banner .story-content .play img {max-width:20px; max-height:20px;}
	
	/* banner-full */
	section.banner-full .content {width:calc(100% - 40px); padding:0 20px;}
		section.banner-full .content .btns a {margin:20px 0 0 0;}
	
	/* brochure */
	section.brochure .columns .column {width:calc(100% - 40px); padding:40px 20px;}
	
	/* bulletin */
	section.bulletin .wrapper {flex-flow:row wrap;}
		section.bulletin .wrapper .content {padding:40px 20px;}
			section.bulletin .wrapper .content .container {text-align:left;}
		section.bulletin .wrapper .image {padding:40px 20px;}
			section.bulletin .wrapper .image .container {max-width:100%;}
	
	/* columns */
	section.columns.icons {background:#fcfcfc url(../images/video-dots.svg) no-repeat top 80px right -205px;}
		section.columns.icons .wrapper {background:url(../images/video-dots.svg) no-repeat top 80px left -205px;}
		section.columns .wrapper {padding:40px 20px;}
	
	/* essentials */
	section.essentials .wrapper {padding:40px;}
		section.essentials .wrapper .rows .row {flex-flow:row wrap;}
			section.essentials .wrapper .rows .row .image {flex:1 1 100%; padding-top:100%;}
			section.essentials .wrapper .rows .row .content {flex:1 1 100%; padding:10px 0 0 0;}
				section.essentials .wrapper .rows .row .content h4 {margin:20px 0;}
	
	section.essentials.right .wrapper .rows .row {flex-flow:row wrap;}
		section.essentials.right .wrapper .rows .row .content {padding:10px 0 0 0;}
	
	/* form */
	section.form .wrapper {padding:0; flex-flow:row wrap;}
		section.form .wrapper .content {padding:40px 20px;}
			section.form .wrapper .content .dots {right:-60px;}
		section.form .wrapper .form {padding:40px 20px;}
	
	/* generic-image */
	section.generic-image .fade {width:100%;}
	section.generic-image .wrapper {padding:40px 20px;}
	
	/* generic-image-opaque */
	section.generic-image-opaque {background:#e6e6e6 !important;}
	section.generic-image-opaque .wrapper {flex-flow:row-reverse wrap;}
	section.generic-image-opaque .wrapper .image {padding-top:56.25%;}
	section.generic-image-opaque .wrapper .container {max-width:100%; padding:40px 20px; flex:1 1 auto;}
	section.generic-image-opaque.mobile-odd .wrapper .container {color:#fff; background:rgba(0,0,0,.7);}
	section.generic-image-opaque.mobile-odd .wrapper .container .btns.green a {color:#fff;}
	section.generic-image-opaque.right .wrapper {flex-flow:row wrap;}
	
	/* generic-text */
	section.generic-text {background-size:contain;}
		section.generic-text .wrapper {padding:40px 20px; background-size:contain;}
			section.generic-text .wrapper .btns a {margin-right:0;}
	
	/* group-sliders */
	section.group-sliders .wrapper .mobile-slides {display:block;}
	section.group-sliders .wrapper .slides {display:none;}
	section.group-sliders .wrapper .groups .group .title {font-size:14px; line-height:20px; top:10px; left:10px; bottom:auto; right:auto;}
	section.group-sliders .wrapper .groups .group .tint {background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
	
	/* image-text */
	section.image-text .wrapper {padding:40px 20px;}
		section.image-text .wrapper .container {flex-flow:row wrap;}
			section.image-text .wrapper .container .photo {flex:1 1 100%;}
			section.image-text .wrapper .container .content {padding-left:0; padding-top:20px;}
		section.image-text.right .wrapper .container {flex-flow:row wrap;}
			section.image-text.right .wrapper .container .photo {flex:1 1 100%;}
			section.image-text.right .wrapper .container .content {padding-right:0; padding-top:20px;}
	
	/* stories */
	section.stories .wrapper {padding:40px 20px;}
		section.stories .wrapper .container .more .story {flex:0 1 100%;}
	
	/* title */
	section.title .wrapper {padding:40px 20px;}
	
	/* video */
	section.video .title {padding:40px 20px;}
		section.video .title h1 {max-width:100%;}
	section.video .wrapper {padding-bottom:0; display:block; flex-flow:initial;}
	section.video .wrapper.no-title {padding-top:0px;}
		section.video .wrapper.no-title .content {margin-top:0;}
		section.video .wrapper .content {padding:40px 20px; z-index:2;}
		section.video .wrapper .video {margin-top:0;}
			section.video .wrapper .video .container .dots {bottom:-25px;}
			section.video .wrapper .video .container .image .play {width:60px; height:60px; font-size:24px; line-height:60px;}
	
	section.video.simple .wrapper {padding-top:0;}
		section.video.simple .wrapper .content {padding-top:20px;}
	section.video.simple .wrapper .video .container .dots {display:none;}
	
	section.video.simple.left .wrapper .content {padding-right:0;}
	section.video.simple.right .wrapper .content {padding-left:0;}
}

@media (max-width:380px) {
	/* group-sliders */
	section.group-sliders .wrapper .mobile-slides .swiper-button-prev {top:110px;}
	section.group-sliders .wrapper .mobile-slides .swiper-button-next {top:110px;}
	section.group-sliders .wrapper .mobile-slides .swiper-pagination {top:170px;}
}


/* -------------------- Stories -------------------- */

@media (max-width:1200px) {
	/* stories-archive */
	section.stories-archive .wrapper {padding:40px;}
	
	section.stories-archive.staff .wrapper .columns .column {flex:0 1 33.3%;}
	
	/* stories-featured */
	section.stories-featured .stories .story .content {width:calc(100% - 90px); padding:20px 70px 20px 20px;}
		section.stories-featured .stories .story .content .type {bottom:20px; right:20px;}
}

@media (max-width:1020px) {
	/* stories-archive */
	section.stories-archive .wrapper .loader img {max-width:60px; max-height:60px;}
	section.stories-archive .wrapper .columns .column {flex:0 1 50%;}
	
	section.stories-filters.watch .wrapper .filters .filter select {padding:20px 40px 20px 60px; font-size:16px;}
}

@media (max-width:760px) {
	/* stories-archive */
	section.stories-archive .wrapper {padding:40px 20px;}
		section.stories-archive .wrapper .columns .column {flex:1 1 100%;}
	
	section.stories-archive.staff .wrapper .columns .column {flex:0 1 100%;}
	
	/* stories-featured */
	section.stories-featured .stories {flex-flow:row wrap;}
		section.stories-featured .stories .story {padding-top:56.25%; border-top:1px solid #fff; border-right:0; flex:1 1 100%;}
	
	/* stories-filters */
	section.stories-filters .wrapper .filters .filter select {padding:20px 40px 20px 20px; font-size:16px; white-space:initial; background:transparent;}
	section.stories-filters .wrapper .filters .filter .indicator {font-size:20px; right:10px;}
	
	section.stories-filters.watch .wrapper .filters {flex-flow:row wrap;}
		section.stories-filters.watch .wrapper .filters .filter {border-right:0; border-bottom:1px solid #4b504b; flex:1 1 100%;}
		section.stories-filters.watch .wrapper .filters .filter:last-child {border-bottom:0;}
			section.stories-filters.watch .wrapper .filters .filter select {padding:20px;}
}


/* -------------------- Footer -------------------- */

@media (max-width:1200px) {
	/* footer */
	section.footer .wrapper {padding:40px;}
		section.footer .wrapper .info {padding-right:20px;}
		section.footer .wrapper .links {padding:0 40px;}
	
	/* sub-footer */
	section.sub-footer .wrapper {padding:10px 40px;}
	
	/* weekly-update */
	section.weekly-update .wrapper {padding:40px;}
		section.weekly-update .wrapper .form form .submit input {min-width:160px;}
}

@media (max-width:1020px) {
	/* footer */
	section.footer .wrapper {flex-flow:row wrap;}
		section.footer .wrapper .info {padding-right:0; padding-bottom:20px; flex:1 1 100%;}
			section.footer .wrapper .info .logo {padding-bottom:40px;}
				section.footer .wrapper .info .logo img {margin:0 auto;}
			section.footer .wrapper .info .columns .column {flex:1 1 50%;}
		section.footer .wrapper .links {padding:0; flex:1 1 50%;}
		section.footer .wrapper .extra {padding:0; flex:1 1 50%;}
	
	/* weekly-update */
	section.weekly-update .wrapper {display:block;}
		section.weekly-update .wrapper .name {padding-bottom:20px; text-align:center;}
}

@media (max-width:760px) {
	/* footer */
	section.footer .wrapper {padding:40px 20px;}
		section.footer .wrapper .links {padding-bottom:20px; flex:1 1 100%;}
		section.footer .wrapper .extra {flex:1 1 100%;}
			section.footer .wrapper .info .columns {display:block;}
	
	/* sub-footer */
	section.sub-footer .wrapper {padding:10px 20px;}
		section.sub-footer .wrapper .copyright {text-align:center; flex:1 0 100%;}
		section.sub-footer .wrapper .designer {text-align:center; flex:1 0 100%;}
	
	/* weekly-update */
	section.weekly-update .wrapper {padding:40px 20px;}
		section.weekly-update .wrapper .form form {flex-flow:row wrap;}
			section.weekly-update .wrapper .form form .input {padding-bottom:20px;}
			section.weekly-update .wrapper .form form .input input {width:calc(100% - 24px);}
}


/* -------------------- Miscellaneous -------------------- */

@media (max-width:1020px) {
	/* Preloaders */
	.preloader img {max-width:60px;}
	
	/* PJS Media Manager */
	.pjs-mm-video {padding-top:140px !important;}
	.pjs-mm-archive .wrapper .loader {height:60px;}
}

@media (max-width:760px) {
	/* PJS Media Manager */
	.pjs-mm-video {padding-top:100px !important;}
	
	/* Ninja Forms */
	.nf-multi-cell .nf-form-content .nf-cell {padding:0;}
}