@charset "UTF-8";
/*
Theme Name: Church at Rocky Peak
Author: PlainJoe Studios
Author URI: https://plainjoestudios.com/
Description: This is a custom developed theme built by PlainJoe Studios for the Church at Rocky Peak.
Requires at least: WordPress 4.9.6
Version: 1.0.0
*/


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

html,body {width:100%; height:100%; margin:0; padding:0; color:#202020; font:400 16px/32px 'Poppins', arial, sans-serif; letter-spacing:.03em; background:#fff;}
header,nav,section,div,article,footer {width:auto; height:auto; margin:0 auto; padding:0; display:block; position:relative;}
input,textarea,select {padding:10px; font:16px/32px 'Poppins'; letter-spacing:.03em; border:0; border-radius:0;}
input::placeholder,textarea::placeholder {color:#aaa;}
ul,ol {margin:0; padding:0 0 0 20px;}
img {max-width:100%; height:auto; display:block;}
a {color:#73825f; text-decoration:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
a:hover {color:#202020;}
p {margin:0 0 20px 0; padding:0;}
h1 {margin:10px 0; padding:0; font:700 34px 'Poppins'; text-transform:uppercase;}
h2 {margin:10px 0; padding:0; font:600 32px 'Poppins'; text-transform:uppercase;}
h3 {margin:10px 0; padding:0; font:600 24px 'Poppins'; text-transform:uppercase;}
h4 {margin:10px 0; padding:0; font:700 20px 'Poppins'; text-transform:uppercase;}
h5 {margin:0; padding:0; font:600 16px 'Poppins';}

::-moz-selection {background:#73825f; color:#fff; text-shadow:none;}
::selection {background:#73825f; color:#fff; text-shadow:none;}

#app {width:100%; min-height:100vh;}


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

	body.logged-in section.header {top:32px;}
	body.logged-in section.menu, body.logged-in section.menu.scroll {top:122px;}
	
	/* header */
	section.header {width:100%; min-height:90px; position:fixed; top:0; left:0; z-index:100;}
		section.header .wrapper {max-width:1280px; padding:20px 80px; display:flex; flex-flow:row nowrap; align-items:center;}
			section.header .wrapper .logo {flex:0 1 auto;}
			section.header .wrapper .logo #logo-anim {display:block; max-width:225px;}
				section.header .wrapper .logo #logo-anim svg {display:block;}
				section.header .wrapper .logo img {max-height:50px;}
				/* section.header .wrapper .logo img.color {opacity:0; visibility:hidden; position:absolute; top:0;} */
				section.header .wrapper .logo svg {width:100%; max-height:50px;}
				/* section.header .wrapper .logo svg.color {opacity:0; visibility:hidden; position:absolute; top:0; left:0;} */
				/* section.header .wrapper .logo svg.hide .text {opacity:0; transform:translate(163.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:translateX(20px);} */
				/* section.header .wrapper .logo svg.hide .peak-right {opacity:0; transform:translateX(-20px);} */
				/* section.header .wrapper .logo svg.hide .chatsworth {opacity:0;} */
				/* section.header .wrapper .logo svg .chatsworth.hide {opacity:0;} */
			section.header .wrapper .menu {text-align:right; display:flex; flex-flow:row nowrap; flex:1 1 auto; justify-content:flex-end;}
				section.header .wrapper .menu ul {margin:0; padding:0; list-style:none;}
					section.header .wrapper .menu ul li {padding:0 20px; font-weight:600; font-size:18px; text-transform:uppercase; vertical-align:middle; display:inline-block;}
						section.header .wrapper .menu ul li a {padding:3px 0; color:#fff; border-top:3px solid transparent; border-bottom:3px solid transparent;}
						section.header .wrapper .menu ul li a:hover {color:#73825f;}
						section.header .wrapper .menu ul li.selected a {border-bottom:3px solid #fff;}
						section.header .wrapper .menu ul li.selected a:hover {border-bottom:3px solid #73825f;}
				section.header .wrapper .menu ul.icons {}
					section.header .wrapper .menu ul.icons li {font-size:26px;}
					section.header .wrapper .menu ul.icons li:last-child {padding-right:0;}
						section.header .wrapper .menu ul.icons li .burger {width:36px; height:26px; cursor:pointer;}
							section.header .wrapper .menu ul.icons li .burger .bar {width:100%; height:6px; background:#fff; position:absolute; top:0; left:0;}
							section.header .wrapper .menu ul.icons li .burger .bar:nth-child(2) {width:29px; top:10px;}
							section.header .wrapper .menu ul.icons li .burger .bar:nth-child(3) {top:20px;}
							section.header .wrapper .menu ul.icons li .burger:hover .bar {background:#73825f;}
						section.header .wrapper .menu ul.icons li .burger.open .bar:nth-child(1) {top:10px; transform:rotate(45deg);}
						section.header .wrapper .menu ul.icons li .burger.open .bar:nth-child(2) {opacity:0;}
						section.header .wrapper .menu ul.icons li .burger.open .bar:nth-child(3) {top:10px; transform:rotate(-45deg);}

			section.header .top-bar {width:100%; height:48px; background:#73825f; color:#fff; overflow:hidden; display:flex; justify-content:space-between; transition:all .25s ease;}
			/* section.header.scroll .top-bar {height:0;} */
			section.header .top-bar::after {content:''; display:block; clear:both;}
				section.header .top-bar .notification {max-width:50%; /*background:#04bbe0;*/ padding:0 10px 0 29px; display:flex; align-items:center; position:relative; margin-left:0; z-index:1;}
				section.header .top-bar .notification::after {content:''; width:0; height:0; border-width:48px 25px 0 0; border-style:solid; border-color:#73825f transparent transparent transparent; position:absolute; left:100%; top:0; z-index:1;}
					section.header .top-bar .notification-txt {font-size:16px; line-height:1; font-weight:900; text-transform:uppercase; text-align:left;}
            section.header .top-bar .notification-txt a {color:#fff;}
				section.header .top-bar .countdown-timer {background:#000; font-size:16px; line-height:1; text-transform:uppercase; margin-right:0; position:relative;}
				section.header .top-bar .countdown-timer::before {content:''; width:0; height:0; border-width:0 0 48px 25px; border-style:solid; border-color:transparent transparent #000 transparent; position:absolute; right:100%; top:0;}
					section.header .top-bar .countdown-timer a {color:#fff; display:block; padding:17px 28px 16px;}
						section.header .top-bar .countdown-timer .live {margin:0; font-size:18px; display:none;}
						section.header .top-bar .countdown-timer .txt {display:inline-block; vertical-align:top; margin:0 12px 0 0;}
						section.header .top-bar .countdown-timer .item {color:#fff; font-weight:700; text-transform:none;}
						section.header .top-bar .countdown-timer .sep {width:1px; height:16px; background:#fff; display:inline-block; vertical-align:top; margin:-1px 8px 0; text-indent:-9999px; overflow:hidden;}
    @media (max-width:1200px) {
      section.header .top-bar .notification {max-width:40%;}
    }
		@media (max-width:980px) {
      section.header .top-bar .notification {max-width:35%;}
        section.header .top-bar .notification-txt {font-size:15px; font-weight:400;}
			section.header .top-bar .countdown-timer {width:55%;}
		}
		@media (max-width:767px) {
			section.header .top-bar .notification {display:none;}
			section.header .top-bar .countdown-timer {width:100%; font-size:14px; text-align:center;}
				section.header .top-bar .countdown-timer a {padding-left:15px; padding-right:15px;}
			section.header .top-bar .countdown-timer .txt {margin-right:6px;}
      section.header .top-bar .countdown-timer .live {padding-top:4px;}
		}
    @media (max-width:460px) {
			section.header .top-bar .countdown-timer a {padding-top:10px;}
			section.header .top-bar .countdown-timer .txt {display:block;}
    }

	/* menu */
	section.menu {width:100%; background:rgba(255,255,255,.98); position:fixed; top:90px; left:0; z-index:100;}
	/* #app.home-page section.menu {top:138px;} */
  /* body.scrolling #app.home-page section.menu {top:88px;} */
		section.menu .wrapper {display:none;}
		section.menu .columns {max-width:1280px; padding:80px; display:flex; flex-flow:row nowrap;}
			section.menu .columns .column {padding:0 40px; font-size:18px; border-right:1px solid #ccc; flex:1 1 auto;}
				section.menu .columns .column .title {padding-bottom:10px; font-weight:600; text-transform:uppercase;}
				section.menu .columns .column .links {display:flex; flex-flow:row nowrap;}
					section.menu .columns .column .links ul {padding:0; line-height:42px; list-style:none;}
						section.menu .columns .column .links ul a {color:#202020;}
						section.menu .columns .column .links ul a:hover {color:#73825f;}
			section.menu .columns .column:first-child {padding-left:0;}
			section.menu .columns .column:last-child {padding-right:0; border-right:0;}
			section.menu .columns .column:nth-child(4) {flex:1 0 360px;}
				section.menu .columns .column:nth-child(4) .links ul {flex:1 0 50%; display:inline-block; vertical-align:top;}
		
		section.menu .mobile {height:calc(100vh - 180px); padding:140px 0 40px 0; background:#4b504b; display:none; overflow:auto;}
			section.menu .mobile ul.links {display:none;}
				section.menu .mobile ul.links .back a {font-size:16px; background:#424642;}
				section.menu .mobile ul.links ul {padding-left:20px;}
					section.menu .mobile ul.links ul li {font-weight:400; text-transform:none;}
			section.menu .mobile > ul {padding:0 0 40px 0 !important;}
			section.menu .mobile ul {margin:0; padding:0; list-style:none;}
				section.menu .mobile ul li {margin:0; padding:10px 0; font-weight:700; font-size:20px; text-transform:uppercase;}
					section.menu .mobile ul li a {padding:10px 40px; color:#fff; display:block; position:relative;}
					section.menu .mobile ul li a .indicator {font-size:20px; position:absolute; right:40px; top:50%; transform:translateY(-50%);}
			section.menu .mobile .info {margin:0 40px; padding:40px 0; color:#fff; font-size:18px; border-top:1px solid rgba(230,230,230,.5);}
				section.menu .mobile .info span {font-weight:700;}
				section.menu .mobile .info a {color:#fff;}
			section.menu .mobile .extra {margin:0 40px; padding:40px 0; color:#fff; border-top:1px solid rgba(230,230,230,.5);}
				section.menu .mobile .extra a {color:#fff;}
					section.menu .mobile .extra .apps {padding-top:20px;}
						section.menu .mobile .extra .apps a {margin-right:10px; display:inline-block;}
						section.menu .mobile .extra .apps a:last-child {margin-right:0;}
						section.menu .mobile .extra .apps img {max-height:40px; display:block;}
    @media (max-width:1200px) {
      /* #app.home-page section.menu {top:178px;} */
    }
    @media (max-width:1020px) {
      /* #app.home-page section.menu {top:90px;} */
      /* body.scrolling #app.home-page section.menu {top:0;} */
    }
    @media (max-width:767px) {
      /* #app.home-page section.menu {top:128px;} */
      /* body.scrolling #app.home-page section.menu {top:0;} */
    }
	
	section.menu-bg {width:100%; height:100%; opacity:0; position:fixed; top:185px; left:0; z-index:98; display:none;}
	section.menu-bg.open {display:block;}
	
	section.menu.scroll {top:90px;}
		section.menu.scroll .columns {padding:40px 80px;}

	/* scroll */
	section.header.scroll {background:#fff; box-shadow:0 0 10px rgba(0,0,0,.25);}
		section.header.scroll .wrapper {padding:20px 80px;}
			section.header.scroll .wrapper .logo #logo-anim svg > g > g > g:nth-child(1) path {fill:#303030;}
			section.header.scroll .wrapper .logo #logo-anim svg > g > g > g:nth-child(2) path {fill:#303030;}
			section.header.scroll .wrapper .logo #logo-anim svg > g > g > g:nth-child(3) path {fill:#748260;}
			section.header.scroll .wrapper .logo #logo-anim svg > g > g > g:nth-child(4) path {fill:#748260;}
			section.header.scroll .wrapper .logo #logo-anim svg > g > g > g:nth-child(5) path {fill:#748260;}
			section.header.scroll .wrapper .logo #logo-anim svg > g > g:nth-child(2) path {fill:#B0946F !important;}
			/* section.header.scroll .wrapper .logo img {opacity:0; visibility:hidden;} */
			/* section.header.scroll .wrapper .logo img.color {opacity:1; visibility:visible;} */
			/* section.header.scroll .wrapper .logo svg {opacity:0; visibility:hidden;} */
			/* section.header.scroll .wrapper .logo svg.color {opacity:1; visibility:visible;} */
			
			section.header.scroll .wrapper .menu ul li a {color:#202020;}
			section.header.scroll .wrapper .menu ul li a:hover {color:#73825f;}
			section.header.scroll .wrapper .menu ul li.selected a {border-bottom:3px solid #202020;}
			section.header.scroll .wrapper .menu ul li.selected a:hover {border-bottom:3px solid #73825f;}
			
			section.header.scroll .wrapper .menu ul.icons li .burger .bar {background:#202020;}
			section.header.scroll .wrapper .menu ul.icons li .burger:hover .bar {background:#73825f;}

	/* search */
	section.search {width:100%; height:100%; background:#e6e6e6; position:fixed; top:0; left:0; z-index:98; opacity:0; visibility:hidden;}
	section.search.open {opacity:1; visibility:initial;}
		section.search .container {max-width:1280px; height:calc(100% - 160px); padding:80px; display:flex; flex-flow:column nowrap; justify-content:center;}
			section.search .container p {margin:10px 0 0 0; font-weight:600; text-align:right; text-transform:uppercase;}
			section.search .container h1 {padding-bottom:20px; text-align:center;}
			section.search .container form {width:100%; position:relative;}
				section.search .container form input {width:100%; padding:5px 0; font-size:20px; text-indent:40px; border:0; border-bottom:1px solid #73825f; background:transparent; outline:none; -webkit-appearance:none;}
				section.search .container form .icon {color:#73825f; font-size:24px; position:absolute; bottom:5px; left:0;}
			section.search .container .close {padding:10px; font-size:30px; line-height:30px; position:absolute; top:70px; right:80px; cursor:pointer;}
			section.search .container .close:hover {color:#73825f;}

	/* searching */
	section.header.searching {background:transparent; box-shadow:none;}
		section.header.searching .wrapper .logo img {opacity:0; visibility:hidden;}
		section.header.searching .wrapper .logo img.color {opacity:1; visibility:visible;}
		section.header.searching .wrapper .logo svg {opacity:0; visibility:hidden;}
		section.header.searching .wrapper .logo svg.color {opacity:1; visibility:visible;}
		section.header.searching .wrapper .menu ul li a {color:#202020;}
		section.header.searching .wrapper .menu ul li a:hover {color:#73825f;}
		section.header.searching .wrapper .menu ul.icons li .burger .bar {background:#202020;}
		section.header.searching .wrapper .menu ul.icons li .burger:hover .bar {background:#73825f;}


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

	/* accordion */
	section.accordion {width:100%; background:#fff url(images/accordion-topo.svg) no-repeat bottom -240px left -160px; background-size:contain; overflow:hidden;}
		section.accordion .wrapper {padding:80px 0;}
			section.accordion .wrapper .content {max-width:860px; padding:0 80px; text-align:center;}
				section.accordion .wrapper .content h1:first-child {padding-bottom:20px;}
			section.accordion .wrapper .accordions {max-width:860px; padding:20px 80px;}
				section.accordion .wrapper .accordions .dots {position:absolute; top:160px; left:-160px;}
				section.accordion .wrapper .accordions .accordion {}
					section.accordion .wrapper .accordions .accordion .desc {padding:20px 0; display:none;}
					section.accordion .wrapper .accordions .accordion .title {padding:20px 20px 20px 0; font-size:20px; border-bottom:2px solid #ccc; cursor:pointer; position:relative;}
					section.accordion .wrapper .accordions .accordion .title.bold {font-weight:700;}
						section.accordion .wrapper .accordions .accordion .title .indicator {width:16px; height:16px; line-height:16px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
						section.accordion .wrapper .accordions .accordion.open .title .indicator {transform:translateY(-50%) rotate(180deg);}
							/* section.accordion .wrapper .accordions .accordion .title .indicator .bar {width:100%; height:4px; background:#4b504b; position:absolute; right:0; top:50%; transform:translateY(-50%);} */
							/* section.accordion .wrapper .accordions .accordion .title .indicator .bar:last-child {transform:translateY(-50%) rotate(90deg);} */
							/* section.accordion .wrapper .accordions .accordion.open .title .indicator .bar:last-child {transform:translateY(-50%) rotate(0deg);} */

	/* app */
	section.app {width:100%; background:url(images/app-swirl.svg) no-repeat bottom 20px right -240px; background-size:contain; overflow:hidden;}
		section.app .wrapper {padding:80px; min-height:360px; z-index:3; display:flex; align-items:center; overflow:hidden;}
			section.app .wrapper .image {flex:1 1 55%; margin:0;}
				section.app .wrapper .image img {margin:0 0 0 auto; position:relative; z-index:2;}
				section.app .wrapper .image .dots {position:absolute; top:50%; right:80px; z-index:1; transform:translateY(-70%);}
			section.app .wrapper .content {flex:1 1 45%;}
				section.app .wrapper .content .container {max-width:460px; margin:0;}
					section.app .wrapper .content .container h1:first-child {padding-bottom:20px;}
					section.app .wrapper .content .container .dots {position:absolute; bottom:-40px; right:-80px; z-index:1;}
					section.app .wrapper .content .container .apps {padding-top:40px; z-index:2;}
						section.app .wrapper .content .container .apps a {margin-right:10px; display:inline-block;}
						section.app .wrapper .content .container .apps a:last-child {margin-right:0;}
						section.app .wrapper .content .container .apps img {max-height:40px; display:block;}

	/* banner */
	section.banner {width:100%; padding-top:35%; overflow:hidden;}
		section.banner .video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
			section.banner .video video {width:100%; min-width:calc(100% + 2px); min-height:calc(100% + 2px); position:absolute; top:calc(50% - 1px); left:calc(50% - 1px); transform:translate(-50%,-50%); object-fit:cover;}
		section.banner .tint {width:100%; height:40%; position:absolute; left:0; z-index:2;}
		section.banner .tint.top {background:linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); top:0;}
		section.banner .tint.bottom {background:linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); bottom:0;}
		section.banner .center-content {max-width:720px; width:calc(100% - 40px); text-align:center; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%);}
			section.banner .center-content h2 {color:#fff;}
			section.banner .center-content p {color:#fff;}
		section.banner .content {width:calc(100% - 160px); max-width:1280px; padding:0 80px 60px 80px; letter-spacing:.1em; position:absolute; bottom:0; left:50%; z-index:4; transform:translateX(-50%); display:flex; flex-flow:row wrap; align-items:center;}
			section.banner .content .title {color:#fff; font-size:30px; text-transform:uppercase; flex:1 1 auto;}
			section.banner .content .title.small {font-weight:700; font-size:16px;}
				section.banner .content .title a {color:#fff; vertical-align:middle;}
				section.banner.messages .content .title a {margin-right: 20px;}
					/* section.banner .content .title a i {font-size:28px; vertical-align:middle;} */
					section.banner .content .title a .icon {width:36px; height:36px; margin:0 10px 0 0; color:#202020; text-align:center; background:#fff; border-radius:36px; display:inline-block;}
						section.banner .content .title a .icon i {font-size:20px; line-height:38px; text-indent:2px;}
						section.banner .content .title a:hover .icon {color:#fff; background:#73825f;}
				section.banner .content .title .bold {font-weight:700;}
			section.banner .content .share {text-transform:uppercase; text-align:right; flex:0 1 220px; display:flex; align-items:center;}
				section.banner .content .share .word {padding-right:5px; color:#fff; font-weight:700; font-size:16px; flex:1 0 auto;}
				section.banner .content .share ul {padding:0; list-style:none; text-align:center;}
					section.banner .content .share ul li {width:36px; height:36px; margin-left:5px; font-size:20px; line-height:36px; display:inline-block;}
						section.banner .content .share ul li a {margin-bottom:0; color:#202020; line-height:36px; background:#fff; border-radius:36px; display:block;}
						section.banner .content .share ul li a:hover {color:#fff; background:#73825f;}
		section.banner .story-content {max-width:840px; width:100%; color:#fff; text-align:center; letter-spacing:.1em; position:absolute; top:calc(50% + 60px); left:50%; z-index:5; transform:translate(-50%,-50%);}
			section.banner .story-content .shadow {width:120%; height:120%; background:rgba(0,0,0,.25); filter:blur(50px); position:absolute; top:-10%; left:-10%; z-index:-1;}
			section.banner .story-content .title {margin:0; padding:0; font:46px 'Poppins'; text-transform:uppercase;}
			section.banner .story-content .sub-title {margin:0; padding:0; font:700 28px 'Poppins'; text-transform:uppercase;}
			section.banner .story-content .play {width:100px; height:100px; color:#fff; font-size:28px; line-height:100px; text-align:center; border-radius:100px; background:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; z-index:4; transform:translate(-50%,-50%); display:flex; align-items:center;}
			section.banner .story-content .play:hover {background:rgba(0,0,0,.75);}
				section.banner .story-content .play img {max-width:30px; width:100%; max-height:30px; height:100%; margin:0 auto;}
	
	section.banner.tall {padding-top:45%;}
	section.banner.stories {padding-top:45%;}
	
		section.banner.full .bg {width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:1;}
		section.banner.full .swiper-container {width:100%; height:100%; position:absolute; top:0; left:0;}

	@media (max-width: 760px) {
		section.banner.messages .title {display: flex; flex-direction: column;}
		section.banner.messages .title a:first-child {margin-bottom: 20px;}
	}
	/* banner-full */
	section.banner-full {width:100%; height:100vh; overflow:hidden;}
		section.banner-full .preloader.hidden {visibility:hidden;}
		section.banner-full .video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
			section.banner-full .video video {min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
		section.banner-full .swiper-slide {height:100vh;}
		section.banner-full .bg {width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:1;}
		section.banner-full .tint {width:100%; height:70%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position:absolute; bottom:0; left:0; z-index:2;}
		section.banner-full .content {width:calc(100% - 160px); max-width:820px; padding:0 80px; text-align:center; position:absolute; top:calc(50% + 60px); left:50%; z-index:3; transform:translate(-50%,-50%);}
			section.banner-full .content h2 {padding-bottom:10px; color:#fff;}
			section.banner-full .content p {color:#fff; font-size:18px;}
			section.banner-full .content .shadow {width:100%; height:150%; background:rgba(0,0,0,.25); filter:blur(50px); position:absolute; top:-25%; left:0; z-index:-1;}

	/* brochure */
	section.brochure {width:100%; overflow:hidden;}
		section.brochure .columns {display:flex;}
			section.brochure .columns .column {min-height:360px; padding:80px; color:#fff; text-align:center; border-right:1px solid #fff; display:flex; align-items:center; flex:1 1 33.3%;}
			section.brochure .columns .column:last-child {border-right:0;}
				section.brochure .columns .column .tint {width:100%; height:100%; background:#2e2e2e; opacity:.85; position:absolute; top:0; left:0; z-index:1;}
				section.brochure .columns .column .wrapper {max-width:540px; z-index:2;}
					section.brochure .columns .column .wrapper .btns a {margin:20px 10px 0 10px;}

	/* bulletin */
	section.bulletin {width:100%; background:#fff url(images/accordion-topo.svg) no-repeat bottom -240px left -160px; overflow:hidden;}
		section.bulletin .wrapper {display:flex; flex-flow:row nowrap;}
			section.bulletin .wrapper .nf-form-content textarea {background:#fff;}
			section.bulletin .wrapper .content {padding:80px; flex:1 1 66.6%; display:flex; align-items:center;}
				section.bulletin .wrapper .content .dots {position:absolute; top:45px; right:-35px;}
				section.bulletin .wrapper .content .container {max-width:740px; text-align:center;}
					section.bulletin .wrapper .content .container h1:first-child {padding-bottom:20px;}
			section.bulletin .wrapper .image {padding:80px; flex:1 1 33.3%; display:flex; align-items:center;}
				section.bulletin .wrapper .image .tint {width:100%; height:100%; background:#4b504b; opacity:.75; position:absolute; top:0; left:0; z-index:1;}
				section.bulletin .wrapper .image .container {max-width:420px; color:#fff; text-align:center; z-index:2;}
					section.bulletin .wrapper .image .container h1:first-child {padding-bottom:20px;}
	
	section.bulletin.dark {background:#4b504b url(images/accordion-topo-dark.svg) no-repeat bottom -240px left -160px;}
		section.bulletin.dark .wrapper .content {color:#fff;}

	/* columns */
	section.columns {width:100%; overflow:hidden;}
		section.columns .wrapper {padding:80px; z-index:3; display:flex; flex-flow:column nowrap; align-items:center;}
			section.columns .wrapper .container {max-width:860px; margin:0 auto; text-align:center;}
				section.columns .wrapper .container h1:first-child {padding-bottom:20px;}
			section.columns .wrapper .columns {width:100%; max-width:1280px; display:flex; flex-flow:row wrap; justify-content:space-between;}
				section.columns .wrapper .columns .column {padding-top:40px; text-align:center; flex:0 1 340px; display:flex; flex-flow:column nowrap;}
					/*section.columns .wrapper .columns .column p {flex:1 0 auto;}*/
					section.columns .wrapper .columns .column h4 {margin:20px 0;}
					section.columns .wrapper .columns .column .image {width:100%; margin-bottom:10px; padding-top:56.25%;}
					section.columns .wrapper .columns .column .icon {width:80px; height:80px; background:#73825f; border-radius:80px; display:flex; align-items:center; justify-content:center;}
						section.columns .wrapper .columns .column .icon img {max-width:50px; max-height:50px;}
					section.columns .wrapper .columns .column .dots {position:absolute; top:15px; left:-40px;}
					section.columns .wrapper .columns .column .border {width:calc(100% + 20px); padding-top:56.25%; position:absolute; top:50px; left:-10px; border:1px solid #e6e6e6;}
					section.columns .wrapper .columns .column .btns a {margin-top:0;}
	
	section.columns.icons {background:#fcfcfc url(images/video-dots.svg) no-repeat top 80px right -180px;}
	section.columns.icons .wrapper {background:url(images/video-dots.svg) no-repeat top 80px left -180px;}
	
	section.columns.images {background:#fff url(images/columns-swirl.svg) no-repeat top 0 right -320px; background-size:auto;}
	section.columns.images .wrapper {background:url(images/columns-topo.svg) no-repeat bottom 0 left -320px; background-size:auto;}
	section.columns.images .wrapper .columns .column p {text-align:left;}
	
	section.columns.green {color:#fff; background:#4b504b;}
	section.columns.green .wrapper .columns .column {padding-top:20px;}
	
	section.columns.green.light {color:#202020; background:#fcfcfc;}
	
	/* essentials */
	section.essentials {width:100%; overflow:hidden; background:#fcfcfc url(images/columns-swirl.svg) no-repeat top 0 right -320px; background-size:auto;}
		section.essentials .wrapper {padding:80px; z-index:3; display:flex; flex-flow:column nowrap; align-items:center; background:url(images/columns-topo.svg) no-repeat bottom 0 left -320px; background-size:auto;}
			section.essentials .wrapper .container {max-width:860px; margin:0 auto; text-align:center;}
				section.essentials .wrapper .container h1:first-child {padding-bottom:20px;}
			section.essentials .wrapper .rows {width:100%; max-width:1280px;}
				section.essentials .wrapper .rows .row {display:flex; flex-flow:row nowrap; align-items:center; padding-top:40px;}
					section.essentials .wrapper .rows .row .image {flex:0 0 25%; padding-top:25%;}
						section.essentials .wrapper .rows .row .image a {width:100%; height:100%; position:absolute; top:0; left:0;}
					section.essentials .wrapper .rows .row .content {flex:1 1 75%; padding-left:50px;}
						section.essentials .wrapper .rows .row .content h4 {margin:0 0 20px 0;}
					section.essentials .wrapper .rows .row .dots {position:absolute; top:15px; left:-40px;}
					section.essentials .wrapper .rows .row .border {width:calc(100% + 20px); padding-top:100%; position:absolute; top:10px; left:-10px; z-index:-1; border:1px solid #e6e6e6;}
					section.essentials .wrapper .rows .row .btns a {margin-top:0;}
	
	section.essentials.right .wrapper .rows .row {flex-flow:row-reverse nowrap;}
		section.essentials.right .wrapper .rows .row .content {padding:0 30px 0 0;}

	/* form */
	section.form {width:100%; background:#fff url(images/form-swirl.svg) no-repeat top 0 right -160px; background-size:auto; overflow:hidden;}
		section.form .wrapper {padding:80px 0; display:flex; flex-flow:row nowrap; overflow:hidden;}
			section.form .wrapper .content {padding:80px; flex:1 1 50%; display:flex;}
				section.form .wrapper .content .dots {position:absolute; top:-25px; right:-35px;}
				section.form .wrapper .content .container {max-width:720px;}
					section.form .wrapper .content .container h1:first-child {padding-bottom:20px;}
			section.form .wrapper .form {padding:40px 80px; color:#fff; background:#4b504b; flex:1 1 50%; display:flex;}
				section.form .wrapper .form .container {width:100%; max-width:720px;}
					section.form .wrapper .form .container h3 {text-indent:10px;}
					section.form .wrapper .form .container p {margin-bottom:0; color:#fff;}

	/* generic-image */
	section.generic-image {width:100%; overflow:hidden;}
		section.generic-image .video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
			section.generic-image .video video {min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
		section.generic-image .tint {width:100%; height:100%; background:rgba(0,0,0,.5); opacity:.75; position:absolute; top:0; left:0; z-index:1;}
		section.generic-image .fade {width:70%; height:100%; background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity:.75; position:absolute; top:0; left:0; z-index:2;}
		section.generic-image .wrapper {padding:80px; min-height:360px; z-index:4; display:flex; align-items:center;}
			section.generic-image .wrapper .container {max-width:540px; margin:0; color:#fff;}
				section.generic-image .wrapper .container h1:first-child {padding-bottom:20px;}
			
	section.generic-image.center .fade {width:100%; background:rgba(0,0,0,.5); left:auto; right:0;}
	section.generic-image.center .wrapper .container {margin:0 auto; text-align:center;}
	
	section.generic-image.right .fade {background:linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); left:auto; right:0;}
	section.generic-image.right .wrapper .container {margin:0 0 0 auto; text-align:right;}
	
	section.generic-image.black .wrapper .container {color:#202020;}

	/* generic-image-opaque */
	section.generic-image-opaque {width:100%; overflow:hidden;}
		section.generic-image-opaque .video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
			section.generic-image-opaque .video video {min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
		section.generic-image-opaque .wrapper {z-index:4; display:flex; flex-flow:row-reverse; align-items:center;}
			section.generic-image-opaque .wrapper .image {flex:1 1 100%; align-self:stretch;}
			section.generic-image-opaque .wrapper .container {max-width:540px; min-height:360px; margin:0; padding:80px; background:rgba(230,230,230,1); display:flex; flex:0 0 auto; flex-flow:column nowrap; justify-content:center;}
				section.generic-image-opaque .wrapper .container h1:first-child {padding-bottom:20px;}
				section.generic-image-opaque .wrapper .container .btns {margin:0;}
	
	section.generic-image-opaque.right .wrapper {flex-flow:row;}
		section.generic-image-opaque.right .wrapper .container {margin:0 0 0 auto;}

	/* generic-text */
	section.generic-text {width:100%; background:url(images/text-swirl-right.svg) no-repeat top 0 right -240px; background-size:auto; overflow:hidden;}
		section.generic-text .wrapper {padding:80px; min-height:360px; display:flex; align-items:center; background:url(images/text-swirl-left.svg) no-repeat bottom 0 left -240px; background-size:auto;}
		section.generic-text.remove-min .wrapper {min-height:initial;}
			section.generic-text .wrapper .container {width:100%; max-width:860px; margin:0 auto; text-align:center;}
				section.generic-text .wrapper .container h1:first-child {padding-bottom:20px;}
				section.generic-text .wrapper .container .story-meta {padding-top:20px; text-align:left;}
					section.generic-text .wrapper .container .story-meta .type {font-weight:600; text-transform:uppercase;}
						section.generic-text .wrapper .container .story-meta .type .icon {width:26px; height:26px; margin-top:-3px; line-height:26px; text-align:center; background:#4b504b; border-radius:26px; display:inline-block; vertical-align:middle;}
							section.generic-text .wrapper .container .story-meta .type .icon img {max-width:12px; max-height:12px; margin:7px auto;}
					section.generic-text .wrapper .container .story-meta .date {}
						section.generic-text .wrapper .container .story-meta .date span {font-weight:600;}
					section.generic-text .wrapper .container .story-meta .keywords {color:#666; font-style:italic;}
						section.generic-text .wrapper .container .story-meta .keywords span {color:#202020; font-weight:600; font-style:initial;}
				section.generic-text .wrapper .container .story-content {padding-top:20px; text-align:left;}
					section.generic-text .wrapper .container .story-content .btns {text-align:center;}
	
	section.generic-text.dark {background:#4b504b url(images/text-swirl-right-dark.svg) no-repeat top 0 right -240px;}
		section.generic-text.dark .wrapper {background:url(images/text-swirl-left-dark.svg) no-repeat bottom 0 left -240px;}
			section.generic-text.dark .wrapper .container {color:#fff;}
	
	section.generic-text .wrapper .container .search-results {text-align:left;}
		section.generic-text .wrapper .container .search-results .result {padding:20px 0; border-bottom:1px solid #73825f;}
		section.generic-text .wrapper .container .search-results .result:last-child {border-bottom:0;}
		section.generic-text .wrapper .container .search-results .result h1 {margin:0; padding:20px 0 0 0;}
		section.generic-text .wrapper .container .search-results .result p {margin-bottom:0;}

	/* group-sliders */
	section.group-sliders {width:100%; overflow:hidden;}
		section.group-sliders .wrapper {display:flex; flex-flow:row-reverse nowrap;}
			section.group-sliders .wrapper .mobile-slides {border-top:1px solid #fff; background:#e6e6e6; display:none;}
				section.group-sliders .wrapper .mobile-slides .slide {}
					section.group-sliders .wrapper .mobile-slides .slide .image {padding-top:56.25%;}
						section.group-sliders .wrapper .mobile-slides .slide .image .tint {width:100%; height:50%; position:absolute; left:0;}
						section.group-sliders .wrapper .mobile-slides .slide .image .tint.top {background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); top:0;}
						section.group-sliders .wrapper .mobile-slides .slide .image .tint.bottom {background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); bottom:0;}
						section.group-sliders .wrapper .mobile-slides .slide .image .title {width:calc(100% - 40px); padding:0 20px; color:#fff; text-align:center; position:absolute; top:calc(50% + 3px); left:0; transform:translateY(-50%);}
						section.group-sliders .wrapper .mobile-slides .slide .image .graphic {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
					section.group-sliders .wrapper .mobile-slides .slide .columns {padding:20px; text-align:center; display:block;}
						section.group-sliders .wrapper .mobile-slides .slide .columns .column {padding-bottom:20px;}
						section.group-sliders .wrapper .mobile-slides .slide .columns .column:last-child {padding-bottom:0;}
							section.group-sliders .wrapper .mobile-slides .slide .columns .column a {color:#73825f; font-weight:700; text-transform:uppercase;}
								section.group-sliders .wrapper .mobile-slides .slide .columns .column a i {margin-left:10px;}
			section.group-sliders .wrapper .slides {border-right:1px solid #fff; flex:1 1 66.6%;}
				section.group-sliders .wrapper .slides .slide {height:100%; color:#fff; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;}
					section.group-sliders .wrapper .slides .slide .tint {width:100%; height:50%; position:absolute; left:0;}
					section.group-sliders .wrapper .slides .slide .tint.top {background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); top:0;}
					section.group-sliders .wrapper .slides .slide .tint.bottom {background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); bottom:0;}
					section.group-sliders .wrapper .slides .slide .title {position:absolute; top:80px; left:80px;}
					section.group-sliders .wrapper .slides .slide .graphic {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
					section.group-sliders .wrapper .slides .slide .columns {width:100%; position:absolute; bottom:80px; left:0; display:flex; flex-flow:row nowrap;}
						section.group-sliders .wrapper .slides .slide .columns .column {min-width:140px; padding:0 20px; flex:1 1 auto;}
						section.group-sliders .wrapper .slides .slide .columns .column:first-child {padding-left:80px;}
						section.group-sliders .wrapper .slides .slide .columns .column:last-child {padding-right:80px;}
						section.group-sliders .wrapper .slides .slide .columns .column h3 {margin-bottom:10px;}
						section.group-sliders .wrapper .slides .slide .columns .column p {margin-bottom:10px; line-height:24px;}
						section.group-sliders .wrapper .slides .slide .columns .column a {color:#fff; font-weight:700; text-transform:uppercase;}
						section.group-sliders .wrapper .slides .slide .columns .column a:hover {color:#73825f;}
							section.group-sliders .wrapper .slides .slide .columns .column a i {margin-left:10px;}
			section.group-sliders .wrapper .groups {flex:1 1 33.3%; display:flex; flex-flow:column nowrap;}
				section.group-sliders .wrapper .groups .group {width:100%; flex:0 0 calc(33.33% - 1px); border-top:1px solid #fff; cursor:pointer;}
				section.group-sliders .wrapper .groups .group:first-child {flex:0 0 calc(33.33%); border-top:0;}
					section.group-sliders .wrapper .groups .group .tint {width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity:.5; position:absolute; top:0; left:0; z-index:1;}
					section.group-sliders .wrapper .groups .group:hover .tint {opacity:0;}
					section.group-sliders .wrapper .groups .group.selected .tint {opacity:0;}
					section.group-sliders .wrapper .groups .group .white {width:100%; height:100%; background:#73825f; opacity:0; position:absolute; top:0; left:0; z-index:2;}
					section.group-sliders .wrapper .groups .group:hover .white {opacity:.8;}
					section.group-sliders .wrapper .groups .group.selected .white {opacity:.8;}
					section.group-sliders .wrapper .groups .group .title {color:#fff; font-weight:700; font-size:16px; text-transform:uppercase; position:absolute; bottom:10px; right:20px; z-index:3;}
			
				section.group-sliders .wrapper .mobile-slides .swiper-container.hidden {display:none;}
				section.group-sliders .wrapper .mobile-slides .swiper-button-prev {width:auto; height:auto; margin:0; padding:10px; top:120px; left:10px; color:#fff; font-size:25px; background:none; transform:translateY(-50%); outline:none;}
				section.group-sliders .wrapper .mobile-slides .swiper-button-next {width:auto; height:auto; margin:0; padding:10px; top:120px; right:10px; color:#fff; font-size:25px; background:none; transform:translateY(-50%); outline:none;}
				section.group-sliders .wrapper .mobile-slides .swiper-pagination {width:100%; top:200px; bottom:auto;}
				section.group-sliders .wrapper .mobile-slides .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px; background:#fff;}
				section.group-sliders .wrapper .slides .swiper-container {padding-top:56.25%;}
				section.group-sliders .wrapper .slides .swiper-container.hidden {visibility:hidden; opacity:0;}
				section.group-sliders .wrapper .slides .swiper-wrapper {width:100%; height:100%; position:absolute; top:0; left:0;}
				section.group-sliders .wrapper .slides .swiper-button-prev {width:auto; height:auto; margin:0; padding:10px; top:50%; left:30px; color:#fff; font-size:25px; background:none; transform:translateY(-50%); outline:none;}
				section.group-sliders .wrapper .slides .swiper-button-next {width:auto; height:auto; margin:0; padding:10px; top:50%; right:30px; color:#fff; font-size:25px; background:none; transform:translateY(-50%); outline:none;}
				section.group-sliders .wrapper .slides .swiper-pagination {width:100%; bottom:20px;}
				section.group-sliders .wrapper .slides .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px; background:#fff;}

	/* image-text */
	section.image-text {width:100%; background:#fff url(images/image-text-swirl.svg) no-repeat top 0 right -160px; background-size:contain; overflow:hidden;}
		section.image-text .wrapper {padding:80px; background:url(images/image-text-swirl.svg) no-repeat bottom 0 left -160px; background-size:contain;}
			section.image-text .wrapper .container {max-width:1280px; min-height:360px; display:flex; flex-flow:row nowrap; align-items:center;}
				section.image-text .wrapper .container .photo {flex:0 0 350px;}
					section.image-text .wrapper .container .photo .image {padding-top:100%; border-radius:50%; z-index:2;}
					section.image-text .wrapper .container .photo .dots {position:absolute; top:50%; right:-25px; z-index:1; transform:translateY(-50%);}
				section.image-text .wrapper .container .content {padding-left:120px; flex:1 1 auto;}
					section.image-text .wrapper .container .content .subtitle {margin:-40px 0 20px 0;}
					section.image-text .wrapper .container .content h1:first-child {padding-bottom:20px;}
	
	section.image-text.right .wrapper .container {flex-flow:row-reverse nowrap;}
		section.image-text.right .wrapper .container .content {padding-left:0; padding-right:120px;}

	/* stories */
	section.stories {width:100%; background:#fff url(images/stories-swirl.svg) no-repeat top 0 right -120px; overflow:hidden;}
		section.stories .wrapper {padding:80px; background:url(images/stories-topo.svg) no-repeat bottom 0 left -160px; background-size:contain;}
			section.stories .wrapper .btns {padding-top:20px;}
			section.stories .wrapper .title {padding-bottom:20px; display:flex; align-items:center;}
				section.stories .wrapper .title h1 {flex:1 1 auto;}
				section.stories .wrapper .title a {color:#73825f; font-weight:700; text-transform:uppercase; flex:0 0 auto;}
					section.stories .wrapper .title a i {margin-left:10px;}
			section.stories .wrapper .container {display:flex;}
				section.stories .wrapper .container .featured {flex:1 1 55%;}
					section.stories .wrapper .container .featured .image {padding-top:56.25%; z-index:2;}
						section.stories .wrapper .container .featured .image .tint {width:100%; height:100%; background:#73825f; opacity:0; position:absolute; top:0; left:0;}
						section.stories .wrapper .container .featured .image .tint:hover {opacity:.7;}
					section.stories .wrapper .container .featured .info {padding-top:20px; text-align:center; z-index:2;}
						section.stories .wrapper .container .featured .info h4 {margin:0 auto; line-height:24px;}
					section.stories .wrapper .container .featured .dots {position:absolute; bottom:40px; left:-25px; z-index:1;}
				section.stories .wrapper .container .more {flex:1 1 45%; display:flex; flex-flow:row wrap;}
					section.stories .wrapper .container .more .story {padding-left:50px; flex:1 1 34%;}
						section.stories .wrapper .container .more .story .border {width:calc(100% + 20px); height:100%; border:1px solid #e6e6e6; position:absolute; top:10px; left:-11px; z-index:1;}
						section.stories .wrapper .container .more .story .image {margin-bottom:10px; padding-top:56.25%; z-index:2;}
							section.stories .wrapper .container .more .story .image .tint {width:100%; height:100%; background:#73825f; opacity:0; position:absolute; top:0; left:0;}
							section.stories .wrapper .container .more .story .image .tint:hover {opacity:.7;}
						section.stories .wrapper .container .more .story .info {padding-top:10px; text-align:center; z-index:2;}
							section.stories .wrapper .container .more .story .info h4 {margin:0 auto; line-height:24px;}
						section.stories .wrapper .container .more .story .dots {position:absolute; top:-25px; left:40px; z-index:1;}

	/* title */
	section.title {width:100%; color:#fff; background:#4b504b; overflow:hidden;}
		section.title .wrapper {padding:40px 80px; text-align:center;}
	
	section.title.light {color:#202020; background:#fcfcfc;}

	/* video */
	section.video {width:100%;}
		section.video .title {padding:80px; background:#4b504b;}
			section.video .title h1 {max-width:40%; color:#fff;}
		section.video .wrapper {width:100%; padding-bottom:120px; background:url(images/video-swirl.svg) no-repeat bottom 0 right -160px; display:flex; flex-flow:row-reverse nowrap;}
		section.video .wrapper.no-title.padding {padding-top:120px;}
		section.video .wrapper.no-title {padding-top:80px;}
			section.video .wrapper.no-title .content {margin-top:-40px; padding-top:0;}
			section.video .wrapper .content {padding:60px 80px; flex:1 1 40%;}
				section.video .wrapper .content h4 {margin-bottom:20px;}
				section.video .wrapper .content h5 {margin-bottom:20px;}
				section.video .wrapper .content p {margin-bottom:0;}
			section.video .wrapper .video {margin-top:-80px; flex:1 1 60%;}
				section.video .wrapper .video .container {width:100%; padding-top:56.25%;}
					section.video .wrapper .video .container .image {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
						section.video .wrapper .video .container .image .tint {width:100%; height:100%; background:#73825f; opacity:0; position:absolute; top:0; left:0; z-index:3;}
						section.video .wrapper .video .container .image:hover .tint {opacity:.7;}
						section.video .wrapper .video .container .image .play {width:100px; height:100px; color:#fff; font-size:28px; line-height:100px; text-align:center; border-radius:100px; background:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; z-index:4; transform:translate(-50%,-50%);}
						section.video .wrapper .video .container .image:hover .play {background:rgba(0,0,0,.75);}
					section.video .wrapper .video .container .dots {position:absolute; bottom:-50px; left:-25px; z-index:1;}
	
	section.video.simple {background:url(images/video-swirl.svg) no-repeat bottom 0 right -160px;}
		section.video.simple .wrapper {max-width:1280px; padding:60px 0; background:transparent;}
			section.video.simple .wrapper .video {margin-top:0;}
			section.video.simple .wrapper .content {padding-top:0; padding-bottom:0;}
	
	section.video.simple.left .wrapper {flex-flow:row nowrap;}


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

	/* stories-archive */
	section.stories-archive {width:100%; background:#fff url(images/stories-swirl.svg) no-repeat top 0 right -120px; background-size:600px;}
		section.stories-archive .wrapper {padding:80px; background:url(images/stories-topo.svg) no-repeat bottom 0 left -120px; background-size:600px;}
			section.stories-archive .wrapper .btns {text-align:center;}
			section.stories-archive .wrapper .loader {display:none;}
				section.stories-archive .wrapper .loader img {max-width:100px; max-height:100px; margin:0 auto;}
			section.stories-archive .wrapper .no-results {text-align:center; display:none;}
			section.stories-archive .wrapper .columns {width:100%; max-width:1280px; display:flex; flex-flow:row wrap;}
				section.stories-archive .wrapper .columns .column {margin:0; padding-top:40px; text-align:left; flex:0 1 33.3%; display:flex; flex-flow:column nowrap;}
				section.stories-archive .wrapper .columns .column.hidden {opacity:0;}
					section.stories-archive .wrapper .columns .column .container {width:calc(100% - 40px);}
					section.stories-archive .wrapper .columns .column .border {width:calc(100% + 20px); padding-top:56.25%; position:absolute; top:10px; left:-10px; border:1px solid #e6e6e6;}
					section.stories-archive .wrapper .columns .column .image {width:100%; margin-bottom:10px; padding-top:56.25%;}
						section.stories-archive .wrapper .columns .column .image .tint {width:100%; height:100%; background:#73825f; opacity:0; position:absolute; top:0; left:0;}
						section.stories-archive .wrapper .columns .column .image .tint:hover {opacity:.7;}
					section.stories-archive .wrapper .columns .column .dots {position:absolute; top:15px; left:-50px;}
					section.stories-archive .wrapper .columns .column .content {width:calc(100% - 50px); min-height:80px; padding:10px 50px 0 0;}
						section.stories-archive .wrapper .columns .column .content h4 {margin-bottom:0;}
						section.stories-archive .wrapper .columns .column .content p {margin:0; padding-top:5px; line-height:20px; flex:1 0 auto;}
						section.stories-archive .wrapper .columns .column .content .btns a {margin-top:0;}
						section.stories-archive .wrapper .columns .column .content .type {width:54px; height:54px; background:#4b504b; border-radius:54px; display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; position:absolute; right:0; top:20px; z-index:4;}
							section.stories-archive .wrapper .columns .column .content .type img {max-width:30px; max-height:30px;}
						section.stories-archive .wrapper .columns .column .content a:hover .type {background:#73825f;}

	/* stories-featured */
	section.stories-featured {width:100%;}
		section.stories-featured .stories {display:flex; flex-flow:row nowrap;}
			section.stories-featured .stories .story {padding-top:18.75%; border-right:1px solid #fff; flex:1 1 33.3%;}
			section.stories-featured .stories .story:last-child {border-right:0;}
				section.stories-featured .stories .story .tint {width:100%; height:100%; background:#1a1a1a; opacity:.3; position:absolute; top:0; left:0; z-index:1;}
				section.stories-featured .stories .story a:hover .tint {background:#73825f; opacity:.7;}
				section.stories-featured .stories .story .gradient {width:100%; height:60%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position:absolute; bottom:0; left:0; z-index:2;}
				section.stories-featured .stories .story .content {width:calc(100% - 110px); padding:30px 80px 30px 30px; color:#fff; position:absolute; bottom:0; left:0; z-index:3;}
					section.stories-featured .stories .story .content h4 {margin-bottom:0;}
					section.stories-featured .stories .story .content .type {width:54px; height:54px; background:#4b504b; border-radius:54px; display:flex; flex-flow:row nowrap; align-items:center; justify-content:center; position:absolute; right:30px; bottom:30px; z-index:4;}
						section.stories-featured .stories .story .content .type img {max-width:30px; max-height:30px;}

	/* stories-filters */
	section.stories-filters {width:100%;}
		section.stories-filters .wrapper {width:100%; border-bottom:1px solid #4b504b;}
			section.stories-filters .wrapper .filters {max-width:1280px; display:flex; flex-flow:row nowrap;}
				section.stories-filters .wrapper .filters .filter {border-right:1px solid #4b504b; flex:1 1 50%;}
				section.stories-filters .wrapper .filters .filter:hover {background:#f7f7f7;}
				section.stories-filters .wrapper .filters .filter:last-child {border-right:0;}
					section.stories-filters .wrapper .filters .filter select {width:100%; padding:20px 40px 20px 70px; font-weight:700; font-size:18px; line-height:20px; text-transform:uppercase; background:url(images/icon-filter.svg) no-repeat left 20px center; background-size:30px; position:relative; z-index:2; cursor:pointer; outline:none; -webkit-appearance:none;}
					section.stories-filters .wrapper .filters .filter .indicator {color:#4b504b; font-size:26px; position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:1;}


/* -------------------- Staff -------------------- */

	/* stories-archive */
	section.stories-archive .wrapper .columns .column .content.staff {width:100%; padding:10px 0 0 0; text-align:center;}
	
	section.stories-archive.staff .wrapper .columns .column {flex:0 1 25%;}
		section.stories-archive.staff .wrapper .columns .column .border {padding-top:120%;}
		section.stories-archive.staff .wrapper .columns .column .image {padding-top:120%;}
		section.stories-archive.staff .wrapper .columns .column .content .icons {font-size:18px;}
			section.stories-archive.staff .wrapper .columns .column .content .icons a {color:#73825f; position:relative;}
			section.stories-archive.staff .wrapper .columns .column .content .icons a:hover {color:#202020;}
			section.stories-archive.staff .wrapper .columns .column .content .icons a .tool-tip {padding:5px 20px; color:#fff; font-size:16px; background:#73825f; visibility:hidden; opacity:0; position:absolute; top:120%; left:50%; z-index:2; transform:translateX(-50%);}
			section.stories-archive.staff .wrapper .columns .column .content .icons a .tool-tip::after {content:''; width:0; height:0; border:3px solid #73825f; position:absolute; top:-3px; left:50%; transform:translateX(-50%) rotate(45deg);}
			section.stories-archive.staff .wrapper .columns .column .content .icons a:hover .tool-tip {visibility:visible; opacity:1;}


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

	/* footer */
	section.footer {width:100%; background:#2e312e;}
		section.footer .wrapper {max-width:1280px; padding:60px 80px; color:#fff; line-height:24px; display:flex; flex-flow:row nowrap;}
			section.footer .wrapper a {color:#fff;}
			section.footer .wrapper a:hover {color:#73825f;}
			section.footer .wrapper .title {font-weight:700; text-transform:uppercase;}
			section.footer .wrapper .info {padding-right:40px; flex:0 1 480px;}
				section.footer .wrapper .info .logo {padding-bottom:20px;}
				section.footer .wrapper .info .columns {display:flex;}
					section.footer .wrapper .info .columns .column {flex:1 1 auto;}
			section.footer .wrapper .links {padding:0 60px; flex:1 1 200px;}
				section.footer .wrapper .links .title {padding-bottom:10px;}
				section.footer .wrapper .links ul {margin:0; padding:0; line-height:32px; list-style:none;}
		section.footer .wrapper .extra {flex:0 1 300px;}
			section.footer .wrapper .extra .title {padding-bottom:10px;}
			section.footer .wrapper .extra ul {margin:0; padding:0 0 20px 0; line-height:32px; list-style:none;}
				section.footer .wrapper .extra ul li {margin:0 10px 0 0; font-size:32px; display:inline-block;}
			section.footer .wrapper .extra .apps {}
				section.footer .wrapper .extra .apps a {margin-right:10px; display:inline-block;}
				section.footer .wrapper .extra .apps a:last-child {margin-right:0;}
				section.footer .wrapper .extra .apps img {max-height:40px; display:block;}

	/* sub-footer */
	section.sub-footer {width:100%; background:#1f211f;}
		section.sub-footer .wrapper {max-width:1280px; padding:10px 80px; color:#575857; font-weight:600; font-size:14px; text-transform:uppercase; display:flex; flex-flow:row wrap;}
			section.sub-footer .wrapper .copyright {flex:1 0 auto;}
			section.sub-footer .wrapper .designer {flex:1 0 auto; text-align:right;}
				section.sub-footer .wrapper .designer a {color:#575857;}
				section.sub-footer .wrapper .designer a:hover {color:#fff;}

	/* weekly-update */
	section.weekly-update {width:100%; background:#4b504b; overflow:hidden;}
		section.weekly-update .wrapper {max-width:1280px; padding:40px 80px; display:flex; flex-flow:row nowrap; align-items:center;}
			section.weekly-update .wrapper .name {text-align:left; flex:0 1 280px;}
				section.weekly-update .wrapper .name .title {color:#fff; font-weight:600; font-size:46px; letter-spacing:.05em;}
				section.weekly-update .wrapper .name .subtitle {color:#fff; font-weight:600; font-size:21px; letter-spacing:.2em;}
			section.weekly-update .wrapper .form {flex:1 1 auto;}
				section.weekly-update .wrapper .form form {display:flex; flex-flow:row nowrap; justify-content:space-between;}
					section.weekly-update .wrapper .form form .input {margin:0; width:100%;}
						section.weekly-update .wrapper .form form .input input {width:calc(100% - 40px); border:2px solid #fff; -webkit-appearance:none;}
					section.weekly-update .wrapper .form form .submit {}
						section.weekly-update .wrapper .form form .submit input {min-width:200px; padding:10px 20px; color:#fff; font-weight:600; text-transform:uppercase; text-align:center; background:transparent; border:2px solid #73825f; border-radius:3px;}
						section.weekly-update .wrapper .form form .submit input:hover {background:#73825f; cursor:pointer;}


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

	/* Buttons */
	.btns {font-weight:700; font-size:16px; text-transform:uppercase;}
		.btns a {min-width:160px; margin:20px 20px 0 0; padding:10px 20px; color:#fff; text-align:center; border:2px solid #73825f; border-radius:3px; display:inline-block;}
		.btns a:hover {background:#73825f;}
		.btns a:last-child {margin-right:0;}
		.btns a:first-child {margin-left:0;}

	.btns.green a {color:#73825f;}
	.btns.green a:hover {color:#fff;}
	.btns.center {display:flex; justify-content:center;}

	/* Transitions */
	.trans {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
	.trans-slow {-webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;}
	.trans-slower {-webkit-transition:all .9s ease; -moz-transition:all .9s ease; transition:all .9s ease;}

	/* Preloaders */
	.preloader {width:100%; height:100%; background:#1f211f; position:absolute; top:0; left:0; z-index:3;}
	.preloader.hidden {opacity:0;}
		.preloader img {max-width:100px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
		.preloader img.spin {animation-name:spin; animation-duration:1.5s; animation-iteration-count:infinite; animation-delay:0s;}
		.preloader img.hidden {display:none;}
		@keyframes spin {
			0% {transform:translate(-50%,-50%) rotate(0deg);}
			100% {transform:translate(-50%,-50%) rotate(360deg);}
		}

	/* PJS Media Manager */
	.pjs-mm-video {padding-top:180px !important; color:#fff; background:#4b504b !important;}
		.pjs-mm-video .bg {width:100%; height:100%; opacity:.25; position:absolute;	top:0; left:0; z-index:1; filter:blur(10px);}
		.pjs-mm-video .wrapper {z-index:2;}

	.pjs-mm-archive .wrapper .btns a {color:#73825f;}
	.pjs-mm-archive .wrapper .btns a:hover {color:#fff;}

	.pjs-mm-related .wrapper .btns a {color:#73825f;}
	.pjs-mm-related .wrapper .btns a:hover {color:#fff;}

	.plyr__control--overlaid {background:#73825f !important;}
	.plyr--full-ui input[type=range] {color:#73825f !important;}
	.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {background:#73825f !important;}
	.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {background:#73825f !important;}

	/* Ninja Forms */
	.nf-form-fields-required {display:none;}
	.ninja-forms-req-symbol {display:none;}

	.nf-form-layout .nf-form-content {padding:0;}
	.nf-multi-cell .nf-form-content .nf-cell {padding:0 10px;}
	.nf-form-content .file_upload-container {text-align:left;}
	.nf-form-content .nf-field .field-wrap .nf-field-label {width:100%; text-align:left;}
	.nf-form-content .nf-field .field-wrap .nf-field-label label {font-weight:600; font-size:16px;}
	.nf-form-content .nf-field .field-wrap .nf-field-description {width:100%; text-align:left;}
	.nf-form-content .nf-field .nf-field-element textarea {max-width:100%; max-height:160px; color:#202020;}
	.nf-form-content .nf-field .nf-field-element input[type="tel"] {color:#202020; border:1px solid #dcdcdc; background:#fff;}
	.nf-form-content .nf-field .nf-field-element input[type="text"] {color:#202020; border:1px solid #dcdcdc; background:#fff;}
	.nf-form-content .nf-field .nf-field-element input[type="email"] {color:#202020; border:1px solid #dcdcdc; background:#fff;}
	.nf-form-content .nf-field .nf-field-element input[type="button"] {min-width:200px; height:auto; padding:10px 20px; color:#73825f; font-weight:700; font-size:16px; line-height:32px; text-transform:uppercase; text-align:center; border:2px solid #73825f; border-radius:3px; background:transparent; transition:all .3s ease;}
	.nf-form-content .nf-field .nf-field-element input[type="button"]:hover {color:#fff; background:#73825f; cursor:pointer;}
	.nf-form-content .nf-field .nf-field-element button {min-width:200px; height:auto; padding:10px 20px; color:#73825f; font-weight:700; font-size:16px; line-height:32px; text-transform:uppercase; text-align:center; border:2px solid #73825f; border-radius:3px; background:transparent; transition:all .3s ease;}
	.nf-form-content .nf-field .nf-field-element button:hover {color:#fff; background:#73825f; cursor:pointer;}
	.nf-form-content .nf-field .checkbox-wrap {display:block !important;}
	
	section.bulletin.dark .nf-form-content .nf-field .nf-field-element input[type="button"] {color:#fff;}
	
	#nf-form-18-cont .nf-response-msg {color:#fff;}
	#nf-form-18-cont .nf-form-content .nf-field-container {margin-bottom:0;}
	#nf-form-18-cont .nf-form-content .nf-field-container .nf-field .nf-field-element input[type="button"] {margin-top:-2px; color:#fff;}

	section.form .nf-form-content .nf-field .nf-field-element input[type="button"] {color:#fff;}
	
	.popup  {padding:30px !important; visibility: hidden; position: fixed;}
	.popup .image {max-width: 800px;}
	.popup .buttons {justify-content: center; margin-top: 10px;}
	.popup .btns.green {margin: 0 10px;}

	.password-protected {text-align: center; padding: 50px 0;}
	.password-protected p:first-child{font-size: 20px;}
	.password-protected input {border: solid 1px gray;}