/*===============================
  ===============================
  ======== Starter Styles =======
  ===============================
  ===============================*/

/*===============================
    Sola Normalize
  ===============================*/

	* {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	html {
		overflow-x: hidden;
	}
	
	img {
		max-width: 100%;
		display: block;
		height: auto;
	}
	
	button,
	[role="button"] {
		cursor: pointer;
	}
	
	button {
		background-color: transparent;
		padding: 0;
		border-width: 0;
		border-style: 0;
		border-color: transparent;
	}
	
	button:focus {
		outline: none;
	}
	
	a {
		color: inherit;
		text-decoration: none;
	}
	
	ul,
	ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	/*===============================
			Sola Utility Classes
		===============================*/
	
	a.cover-link {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		position: absolute;
		z-index: 1;
	}
	
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
		border: 0
	}
	
	.color-overlay {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #0097CE; /*Change this line if project requires different color or gradient*/
		background-color: var(--primary); /*Change this line if project requires different color or gradient*/
		content: " ";
		position: absolute;
		z-index: 0;
		opacity: .3;
	}
	
	.background-image-wrapper {
		/*The element containing this class also needs a height set. You can target the element or add a sibling class. Height can be set by padding, min-height, or height, depending upon specific case. The element containing this class needs an <img> with the class .background-image.*/
		position: relative;
		overflow: hidden;
	}
	
	img.background-image {
		/*The parent of the <img> needs to have the .background-image-wrapper class as well as a height set (can be set by padding, min-height, or height, depending upon specific case*/
		-webkit-transform: scale(1);
		        transform: scale(1);
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -2;
	}
	
	img.background-image.paralax {
		position: fixed;
		z-index: -2;
	}
	
	.gradient-overlay {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&1+15,0.8+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,1)),color-stop(15%, rgba(247,247,247,1)),to(rgba(247,247,247,0.8)));
		background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(247,247,247,1) 15%,rgba(247,247,247,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ccf7f7f7',GradientType=0 ); /* IE6-9 */
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		position: absolute;
		z-index: 0;
		opacity: .9;
	}
	
	.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		border: 0;
	}
	
	.embed-responsive {
		position: relative;
		display: block;
		height: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.embed-responsive-16by9 {
		padding-bottom: 56.25%;
	}
	
	@media (max-width: 767px) {
	
		.hide-mobile {
			display: none;
		}
	
	}
	
	@media (min-width: 768px) {
	
		.show-mobile {
			display: none;
		}
	
	}
	
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	@media (min-width: 768px) {
	
		.container {
			padding-left: 30px;
			padding-right: 30px;
		}
	
	}
	
	@media (min-width: 1100px) {
	
		.container {
			width: 1100px;
			margin: 0 auto;
			position: relative;
		}
	
	}
	
	body {
		overflow: hidden;
		position: relative;
	}
	
	/*===============================
			Font Icon
		===============================*/
	
	@font-face {
		font-family: 'sjg-icons';
		src:  url('../fonts/sjg-icons.eot?y1n224');
		src:  url('../fonts/sjg-icons.eot?y1n224#iefix') format('embedded-opentype'),
			url('../fonts/sjg-icons.ttf?y1n224') format('truetype'),
			url('../fonts/sjg-icons.woff?y1n224') format('woff'),
			url('../fonts/sjg-icons.svg?y1n224#sjg-icons') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	[class^="icon-"], [class*=" icon-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'sjg-icons' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.icon-arrow-right:before {
		content: "\e900";
	}
	.icon-close:before {
		content: "\e901";
	}
	.icon-minus:before {
		content: "\e902";
	}
	.icon-play-circle:before {
		content: "\e903";
	}
	.icon-plus:before {
		content: "\e904";
	}
	.icon-twitter:before {
		content: "\e905";
	}
	.icon-facebook:before {
		content: "\e906";
	}
	.icon-email:before {
		content: "\e907";
	}
	.icon-link:before {
		content: "\e908";
	}
	
	/*===============================
			Color Variables for <head>
		===============================*/
	
	:root {
		--primary: #0097CE;
	}
	
	/*===============================
			Remaining Variables
		===============================*/
	
	:root {
		/*Greys*/
		--grey: #434343;
		--grey-dark: #1B1B1B;
		--grey-light: #F7F7F7;
	}
	
	/*===============================
			Must Style
		===============================*/
	
	*::-moz-selection /*Can adjust values as needed. This changes highlighted text. */ {
		background-color: #434343;
		color: #F7F7F7;
	}
	
	*::selection /*Can adjust values as needed. This changes highlighted text. */ {
		background-color: #434343;
		color: #F7F7F7;
	}
	
	/*===============================
		===============================
		============ Home =============
		===============================
		===============================*/
	
	/*===============================
			Navbar
		===============================*/
	
	/* ======= Navbar - Mobile+ ======= */
	
	/* Navbar Style */
	
	#navbar {
		background-color: #F7F7F7;
		position: relative;
		-webkit-transition: background-color .5s;
		transition: background-color .5s;
		z-index: 1;
	}
	
	#navbar > .navbar-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	/* JS Menu Button */
	
	#primary-menu-button {
		width: 36px;
		height: 24px;
		position: relative;	
		z-index: 1;
	}
	
	#primary-menu-button:focus {
		opacity: .75;
	}
	
	#primary-menu-button .dot {
		width: 4px;
		height: 4px;
		border-radius: 4px;
		background-color: #434343;
		content: " ";
		display: block;
		position: absolute;
	}
	
	#primary-menu-button .dot:nth-child(1) {
		top: 4px;
		left: 4px;
	}
	
	#primary-menu-button .dot:nth-child(2) {
		top: 4px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	
	#primary-menu-button .dot:nth-child(3) {
		top: 4px;
		right: 4px;
	}
	
	#primary-menu-button .dot:nth-child(4) {
		bottom: 4px;
		right: 4px;
	}
	
	#primary-menu-button .dot:nth-child(5) {
		bottom: 4px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	
	#primary-menu-button .dot:nth-child(6) {
		bottom: 4px;
		left: 4px;
	}
	
	/* Logo */
	
	#navbar .logo {
		/*If user does not provide logo, then the text of the  title of their site will go in the <a> element in place of the <img>, so be sure to style to a plain text (non-image) logo*/
		font-family: 'Playfair Display', serif;
		font-size: 16px;
		text-decoration: none;
		color: #434343;
		font-weight: 900;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		z-index: 110; /*Keeps logo visible when main menu expanded */
	}
	
	.logo img {
		max-width: 63px;
		max-height: 23px;
	}
	
	/* Buttons */
	
	.button {
		border: 3px #434343 solid;
		border-radius: 30px;
		color: #434343;
		font-family: 'Josefin Sans', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
		padding: 6px 15px 2px 15px;
		background-position: center;
		-webkit-transition: background 0.8s,
								color 0.25s,
								border 0.25s;
		transition: background 0.8s,
								color 0.25s,
								border 0.25s;
	}
	
	.button:focus,
	.button:hover {
		border: 3px transparent solid;
		background: #434343 radial-gradient(circle, #434343 1%, #1B1B1B 1%) center/15000%;
		color: #ffffff;
	}
	
	.button:active {
		background-color: #fff;
		background-size: 100%;
		-webkit-transition: background 0s;
		transition: background 0s;
	}
	
	.button.primary-color {
		border-color: #0097CE;
		border-color: var(--primary);
		color: #0097CE;
		color: var(--primary);
	}
	
	.button.primary-color:focus,
	.button.primary-color:hover {
		border: 3px transparent solid;
		background: #0097CE radial-gradient(circle, transparent 1%, #0097CE 1%) center/15000%;
		background: var(--primary) radial-gradient(circle, transparent 1%, var(--primary) 1%) center/15000%;
		color: #ffffff;
	}
	
	.button.primary-color:active {
		background-color: #fff;
		background-size: 100%;
		-webkit-transition: background 0s;
		transition: background 0s;
	}
	
	.button.ghost {
		border-color: transparent;
		background-position: center;
		-webkit-transition: background 0.8s,
								color 0.25s,
								border 0.25s;
		transition: background 0.8s,
								color 0.25s,
								border 0.25s;
	}
	
	.button.ghost:focus,
	.button.ghost:hover {
		background: #EEEEEE radial-gradient(circle, transparent 1%, #EEEEEE 1%) center/15000%;
		color: #434343;
	}
	
	.button.ghost:active {
		background-color: #fff;
		background-size: 100%;
		-webkit-transition: background 0s;
		transition: background 0s;
	}
	
	#navbar .form-button {
		z-index: 110;
	}
	
	/* ======= Navbar - Tablet+ ======= */
	
	@media (min-width: 768px) {
		
		/* Navbar Style */
	
		#navbar > .navbar-content {
			height: 70px;
			padding-top: 7px;
			padding-bottom: 7px;
		}
	
		/* JS Menu Button */
	
		#primary-menu-button {
			position: absolute;
			right: 27px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			        transform: translateY(-50%);
		}
	
		/* Logo */
	
		#navbar .logo {
			/*Normalizing*/
			position: relative;
			top: initial;
			left: initial;
			-webkit-transform: none;
			        transform: none;
			-ms-flex-item-align: stretch;
			    align-self: stretch;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
	
		.logo img {
			max-width: 75px;
			max-height: 30px;
		}
	
		/*Buttons*/
	
		#navbar .primary-color {
			margin-right: 40px;
		}
	
		.on-page-nav {
			font-family: 'Josefin Sans', sans-serif;
			font-weight: 700;
			text-transform: uppercase;
			font-size: 11px;
			letter-spacing: .05rem;
			-ms-flex-item-align: stretch;
			    align-self: stretch;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
	
		.on-page-nav > a {
			margin-right: 1.25rem;
			-ms-flex-item-align: stretch;
			    align-self: stretch;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			opacity: .75;
			color: #434343;
			-webkit-transition: color .25s, opacity .25s;
			transition: color .25s, opacity .25s;
		}
	
		.on-page-nav > a:last-child {
			margin-right: 0px;
		}
	
		.on-page-nav > a:hover,
		.on-page-nav > a:focus {
			opacity: 1;
		}
	
		.on-page-nav > a:active {
			color: #0097CE;
			color: var(--primary);
		}
	
	}
	
	@media (min-width: 890px) {

		.on-page-nav > a {
			margin-right: 2.25rem;
		}
	
	}
	
	/* Raman Changes for Navbar*/
	/* ======= Navbar - Tablet+ ======= */
	
	@media (min-width: 992px) {
	
		#navbar .primary-color {
			margin-right: 72px;
		}

		.on-page-nav {
			font-size: 13px;
		}
	
	}
	
	
	/*===============================
			Banner
		===============================*/
	
	/* ======= Banner - Mobile+ ======= */
	
	/* Banner */
	
	#banner {
		background-color: #F7F7F7;
		height: calc(100vh - 88px);
		color: #434343;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
	}
	
	/* Banner Content */
	
	#banner > .banner-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-left: 30px;
		z-index: 1;
	}
	
	.banner-content::before {
		background: url('../png/dot-black.png');
		width: 22px;
		height: 100%;
		content: " ";
		background-size: 6px;
		display: block;
		margin-left: -30px;
		position: absolute;
		opacity: .15;
		left: 0;
		top: 0;
	}
	
	#banner h1 {
		font-family: 'Playfair Display', serif;
		font-weight: 700;
		font-size: 35px;
		width: 100%;
		margin-top: 12px;
		line-height: 1.4;
	}
	
	#banner > .banner-content > span {
		width: 100%;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 3px;
		line-height: 1.3;
	}
	
	#banner h1 > span {
		color: #0097CE;
		color: var(--primary);
	}
	
	#banner > .banner-content > .button {
		font-size: 10px;
		margin-right: 10px;
	}
	
	/* Accent Letter */
	
	.banner-accent-letter {
		position: absolute;
		bottom: -120px;
		right: -40px;
	}
	
	.banner-accent-letter > span {
		font-family: 'Playfair Display', serif;
		font-weight: 900;
		font-size: 350px;
		color: #0097CE;
		color: var(--primary);
		opacity: .1;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	/* ======= Banner - Large Mobile+ ======= */
	@media (min-width: 480px) {
	
		/* Banner Content */
	
		#banner > .banner-content > .button {
			font-size: 14px;
		}
	
	}
	
	/* ======= Banner - Tablet+ ======= */
	
	@media (min-width: 768px) {
	
		/* Banner */
	
		#banner {
			height: calc(100vh - 140px);
		}
	
		/* Banner Content */
	
		#banner > .banner-content {
			margin-left: 48px;
			padding-right: 25%;
		}
	
		.banner-content::before {
			margin-left: -54px;
			width: 72px;
		}
	
		#banner h1 {
			font-size: 45px;
			line-height: 1.3;
		}
	
		#banner > .banner-content > span {
			font-size: 14px;
		}
	
		/* Accent Letter */
	
		.banner-accent-letter::before {
			background: url('../png/dot-black.png');
			width: 90%;
			height: 40%;
			content: " ";
			background-size: 6px;
			position: absolute;
			opacity: .15;
			bottom: 120px;
			right: 40px;
		}
	
		.banner-accent-letter > span {
			opacity: 1;
			position: relative;
		}
	
	}
	
	/* ======= Banner - Desktop+ ======= */
	
	@media (min-width: 992px) {
	
		/* Banner Content */
	
		#banner > .banner-content {
			padding-right: 50%;
		}
	
		/* Accent Letter */
	
		.banner-accent-letter {
			position: absolute;
			bottom: -275px;
			right: -100px;
		}
	
		.banner-accent-letter::before {
			bottom: 275px;
			right: 100px;
		}
	
		.banner-accent-letter > span {
			font-size: 820px;
		}
	
	}
	
	/* ======= Banner - Large Desktop+ ======= */
	@media (min-width: 1200px) {
	
		/* Banner Content */
	
		.banner-content::before {
			width: 200%;
			right: calc(100% - 10px);
			left: initial;
		}
	
		#banner > .banner-content {
			margin-left: auto;
			padding-right: 40%;
		}
	
	}
	
	/*===============================
			Primary Menu
		===============================*/
	
	/* ======= Primary Menu - Mobile+ ======= */
	
	/* Open/Close Styling */
	
	#primary-menu /*For the Menu*/ {
		background: #ffffff;
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transition: visibility 0s .5s, opacity .5s  0s, height 0s .5s;
		transition: visibility 0s .5s, opacity .5s  0s, height 0s .5s;
		visibility: hidden;
		opacity: 0;
		height: 0px;
	}
	
	.js-open-primary-menu #primary-menu {
		visibility: visible;
		opacity: 1;
		-webkit-transition: visibility 0s 0s, opacity .5s 0s;
		transition: visibility 0s 0s, opacity .5s 0s;
		height: 100%;
	}
	
	#primary-menu #primary-menu-close-button {
		font-size: 30px;
		top: 0px;
		left: 6px;
		position: absolute;
		color: #434343;
		background-color: transparent;
		z-index: 10;
		width: 44px;
		height: 44px;
		-webkit-transition: background-color .5s;
		transition: background-color .5s;
	}
	
	.js-open-primary-menu #primary-menu #primary-menu-close-button {
		background-color: #ffffff;
	}
	
	#primary-menu #primary-menu-close-button > i {
		position: absolute;
		left:  50%;
		top:  50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	
	/* Menu Item Styling */
	
	#primary-menu .menu-items {
		margin-top: 20vw;
		position: relative;
		margin-left: 30px;
	}
	
	#primary-menu .menu-items::before {
		background: url('../png/dot-black.png');
		width: 22px;
		height: 100%;
		content: " ";
		background-size: 6px;
		display: block;
		position: absolute;
		opacity: .15;
		left: -40px;
		top: 0;
	}
	
	#primary-menu .menu-items a {
		-webkit-transition: opacity .25s, color .25s;
		transition: opacity .25s, color .25s;
	}
	
	#primary-menu .menu-items a:hover,
	#primary-menu .menu-items a:focus {
		opacity: .75;
	}
	
	#primary-menu .menu-items a:active {
		color: #0097CE;
		color: var(--primary);
		opacity: 1;
	}
	
	#primary-menu .menu-items > li > a {
		font-family: 'Playfair Display', serif;
		font-weight: 700;
		font-size: 30px;
		line-height: 1.2;
		color: #434343;
	}
	
	#primary-menu .menu-items > li > a::after {
		content: ".";
		color: #0097CE;
		color: var(--primary);
	}
	
	#primary-menu .menu-items li {
		margin: 22px 0;
	}
	
	#primary-menu .menu-items > li:first-child {
		margin-top: 0px;
	}
	
	#primary-menu .menu-items > li:last-child {
		margin-bottom: 0px;
	}
	
	#primary-menu .menu-items > li > ul > li > a {
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		font-style: italic;
		font-size: 24px;
		line-height: 1.2;
		color: #434343;
	}
	
	#primary-menu .menu-items > li > ul {
		margin-left: 30px;
	}
	
	/* ======= Primary Menu - Tablet+ ======= */
	@media (min-width: 768px) {
	
		/* Open/Close Styling */
	
		#primary-menu #primary-menu-close-button {
			top: 0;
			left: initial;
			right: 10px;
			width: 70px;
			height: 70px;
		}
	
		#primary-menu #primary-menu-close-button > i {
			position: absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
		}
	
		/* Menu Item Styling */
	
		#primary-menu .menu-items {
			margin-left: 55px;
		}
	
		#primary-menu .menu-items::before {
			left: -85px;
			width: 64px;
		}
	
		#primary-menu .menu-items li {
			margin: 28px 0;
		}
		
		#primary-menu .menu-items > li > a {
			font-size: 45px;
			line-height: 1.4;
		}
		
		#primary-menu .menu-items > li > ul > li > a {
			font-size: 35px;
			line-height: 1.4;
		}
	
	}
	/* ======= Primary Menu - Desktop+ ======= */
	@media (min-width: 992px) {
	
		#primary-menu .menu-items {
			margin-top: 0;
		}
	
		.menu-padding-on-992-up {
			padding-top: 180px;
		}
	
		#primary-menu .menu-items::before {
			width: 200%;
			right: calc(100% + 20px);
			left: initial;
		}
	
	}
	
	/* ======= Primary Menu - Large Desktop+ ======= */
	@media (min-width: 1200px) {
	
		#primary-menu .menu-items {
			margin-left: 0;
		}
	
	}
	
	/*===============================
			Form Popover
		===============================*/
		
	/* ======= Form Popover - Mobile+ ======= */
	
	#form-popover {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ffffff;
		z-index: 210;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .5s, visibility 0s .5s;
		transition: opacity .5s, visibility 0s .5s;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
	
	#form-popover #form-popover-close-button {
		font-size: 30px;
		position: absolute;
		color: #434343;
		width: 36px;
		height: 32px;
		top: 7px;
		left: 10px;
	}
	
	.js-open-form #form-popover {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity .5s, visibility 0s 0s;
		transition: opacity .5s, visibility 0s 0s;
	}

	#form-popover .stretch {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
		height: 100%;
	}
	
	/* ======= Form Popover - Tablet+ ======= */
	@media (min-width: 768px) {
	
		#form-popover #form-popover-close-button {
			position: absolute;
			width: 70px;
			height: 70px;
			top: 2px;
			right: 10px;
			left: initial;
		}
	
		#form-popover .stretch /*Make form close button in container*/ {
			width: 1100px;
		}
	
	}

/*===============================
		Popover Form Field Styles
	===============================*/
	
/* ======= Popover Form Field Styles - Mobile+ ======= */

.gform_wrapper {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #797979 !important;
	margin-top: 50px !important;
	padding: 0 10px;
}

.gform_wrapper .top_label .gfield_label {
	display: none !important;
}

.signature-form .signature-form-header {
	margin-top: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.signature-form .signature-form-header .form-logo {
	position: relative;
	height: 40px;
	width: 100px;
}

.signature-form .signature-form-header .form-logo::before {
	background: url(../png/dot-black.png);
	width: 34px;
	height: 34px;
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .15;
	right: 100%;
	top: calc(50% - 2px);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.signature-form .signature-form-header img {
	width: 75px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/* Radio Checkboxes */

input[type=checkbox], 
input[type=radio] {
	display: none !important;
}


input[type="checkbox"] + label, 
input[type="radio"] + label {
	padding-left: 24px !important;
	position: relative;
	min-height: 18px;
}

input[type="checkbox"] + label {
	padding-left: 30px !important;
}

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
	font-weight: 400 !important;
	color: #0097CE;
	color: var(--primary);
}

input[type="radio"] + label:before {
	content: '';
	background-color: transparent;
	border: transparent solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #797979;
	box-shadow: 0px 0px 0px 3px #797979;
	border-radius: 20px;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 0;
	top: 1px;
}

input[type="radio"]:checked + label::before {
	content: '';
	background-color: #0097CE;
	background-color: var(--primary);
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #0097CE;
	box-shadow: 0px 0px 0px 3px #0097CE;
	-webkit-box-shadow: 0px 0px 0px 3px var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary);
	border-radius: 20px;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 0;
	top: 1px;
}

input[type="checkbox"] + label:before {
	content: '';
	background-color: transparent;
	border: transparent solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #797979;
	box-shadow: 0px 0px 0px 3px #797979;
	border-radius: 20px;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 3px;
	top: 3px;
}

input[type="checkbox"]:checked + label::before {
	content: '';
	background-color: #0097CE;
	background-color: var(--primary);
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 0px 3px #0097CE;
	box-shadow: 0px 0px 0px 3px var#0097CE;
	-webkit-box-shadow: 0px 0px 0px 3px var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary);
	border-radius: 20px;
	height: 14px;
	width: 14px;
	position: absolute;
	left: 3px;
	top: 3px;
}

.gform_wrapper li.gf_list_inline ul.gfield_checkbox li, 
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
	width: auto!important;
	float: none!important;
	margin: 0 8px 10px 0;
	display: -moz-inline-stack;
	display: inline-block;
	margin-left: 15px !important;
}

.gform_wrapper li.gf_list_inline ul.gfield_checkbox li:first-child, 
.gform_wrapper li.gf_list_inline ul.gfield_radio li:first-child {
	margin-left: 0px !important;
}

[type=color], 
[type=date], 
[type=datetime-local], 
[type=datetime], 
[type=email], 
[type=month], 
[type=number], 
[type=password], 
[type=search], 
[type=tel], 
[type=text], 
[type=time], 
[type=url], 
[type=week], 
textarea {
	border: transparent solid 0px;
	border-bottom: 1px solid #797979;
	margin-top: 3px;
	border-radius: 0px;
}

[type=color]:focus, 
[type=date]:focus, 
[type=datetime-local]:focus, 
[type=datetime]:focus, 
[type=email]:focus, 
[type=month]:focus, 
[type=number]:focus, 
[type=password]:focus, 
[type=search]:focus, 
[type=tel]:focus, 
[type=text]:focus, 
[type=time]:focus, 
[type=url]:focus, 
[type=week]:focus, 
textarea:focus {
	outline: none;
	border-bottom: #0097CE 1px solid;
	border-bottom: var(--primary) 1px solid;
	-webkit-box-shadow: 0px 0px 10px 1px #0097CE;
	box-shadow: 0px 1px 0px 0px #0097CE;
	-webkit-box-shadow: 0px 0px 10px 1px var(--primary);
	box-shadow: 0px 1px 0px 0px var(--primary);
	border-radius: 0px;
}

::-webkit-input-placeholder { color:#797979; text-transform: uppercase;}
:-moz-placeholder { opacity: 1; color:#797979; text-transform: uppercase;} /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#797979; text-transform: uppercase;} /* firefox 19+ */
:-ms-input-placeholder { color:#797979; text-transform: uppercase;} /* ie */
input:-moz-placeholder { color:#797979; text-transform: uppercase;}

:focus::-webkit-input-placeholder { color:#0097CE; text-transform: uppercase;}
:focus::-webkit-input-placeholder { color:var(--primary); text-transform: uppercase;}
:-moz-placeholder { opacity: 1; color:#0097CE; text-transform: uppercase;} /* Firefox 18- */
:-moz-placeholder { opacity: 1; color:var(--primary); text-transform: uppercase;} /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#0097CE; text-transform: uppercase;} /* firefox 19+ */
::-moz-placeholder { opacity: 1; color:var(--primary); text-transform: uppercase;} /* firefox 19+ */
:-ms-input-placeholder { color:#0097CE; text-transform: uppercase;} /* ie */
:-ms-input-placeholder { color:var(--primary); text-transform: uppercase;} /* ie */
input:-moz-placeholder { color:#0097CE; text-transform: uppercase;}
input:-moz-placeholder { color:var(--primary); text-transform: uppercase;}

.gform_wrapper .top_label li.gfield.gf_left_half, 
.gform_wrapper .top_label li.gfield.gf_right_half {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 16px;
	float: none;
}
	
.gform_wrapper .top_label li.gfield.gf_right_half {
	padding-right: 0px !important;
}

.ginput_container_checkbox {
	margin-top: 40px !important;
}

.gform_button {
	padding: 4px 15px 0px 15px !important;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-position: center;
	border: #0097CE solid 3px;
	border: var(--primary) solid 3px;
	color: #0097CE;
	color: var(--primary);
	width: initial  !important;
}
		
.gform_button:focus,
.gform_button:hover {
	border: 3px transparent solid;
	background: #0097CE radial-gradient(circle, transparent 1%, #0097CE 1%) center/15000%;
	background: var(--primary) radial-gradient(circle, transparent 1%, var(--primary) 1%) center/15000%;
	color: #ffffff;
}

.gform_button:active {
	background-color: #fff;
	background-size: 100%;
	-webkit-transition: background 0s;
	transition: background 0s;
}

.gform_wrapper .gform_footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#field_1_13 {
	margin-top: 30px;
}

@media (min-width: 641px) {

	.gform_wrapper .top_label li.gfield.gf_right_half {
		padding-right: 16px !important;

	}

	[type=color], 
	[type=date], 
	[type=datetime-local], 
	[type=datetime], 
	[type=email], 
	[type=month], 
	[type=number], 
	[type=password], 
	[type=search], 
	[type=tel], 
	[type=text], 
	[type=time], 
	[type=url], 
	[type=week], 
	textarea {
		margin-top: 25px !important;

	}

}

/* Confirmation Message*/

.gform_confirmation_message {
	padding: 20px;
}

.gform_confirmation_message,
.gform_confirmation_message p {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	line-height: 1.7;
	
}

.gform_confirmation_message h2 {
	font-family: 'Playfair Display', serif;
	font-size: 35px;
	color: #434343;
	font-weight: 700;
	line-height: 1.3;
	margin: 50px 0;
	position: relative;
	margin-bottom: 20px;
}

.gform_confirmation_message h2::after {
	content: "!";
	color: #0097CE;
	color: var(--primary);
}

.gform_confirmation_message h2::before {
	background: url(../png/dot-black.png);
	width: 22px;
	height: calc(100% + 24px);
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .15;
	margin-left: -30px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}


.gform_confirmation_message span {
	border-bottom: #0097CE solid 3px;
	border-bottom: var(--primary) solid 3px;
	line-height: 0;
	display: inline-b
}

.confirmation-styles {
	max-width: 500px !important;
}

/*Setup Ajax Spinner*/

.gform_footer {
  position: relative !important;
}

.gform_ajax_spinner {
  position: absolute !important;
  width: 50px !important;
  height: auto !important;
  top: 9px !important;
  right: 20% !important;
}

@media (min-width: 730px) {

	.gform_confirmation_message h2 {
		padding-left: 20px;
	}

	.gform_confirmation_message h2::before {
		background: url(../png/dot-black.png);
		width: 200%;
		height: calc(100% + 24px);
		content: " ";
		background-size: 6px;
		position: absolute;
		opacity: .15;
		margin-left: 0;
		left: initial;
		right: 100%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

}
	
/*===============================
		Scroll Nav
	===============================*/

/* ======= Scroll Nav - Mobile+ ======= */

/* Default Scroll Nav */

#scroll-nav {
	height: 44px;
	position: relative;
	z-index: 50;
	background-color: transparent;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

#scroll-nav.sticky {
	background-color: #434343;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

#scroll-nav > .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	height: 44px;
}

#scroll-nav a {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #434343;
	text-transform: uppercase;
	font-size: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	opacity: .75;
	-webkit-transition: color .5s, opacity .5s;
	transition: color .5s, opacity .5s;
	padding-top: 3px;/*Fix font alignment*/
}

#scroll-nav.sticky a {
	opacity: 1;
	color: #ffffff;
}

#scroll-nav .logo {
	display: none;
}

.scroll-button {
	display: none;
}

section:focus,
header:focus {
	outline: none;
}
	
/* ======= Scroll Nav - Large Mobile+ ======= */
@media (min-width: 350px) {

	#scroll-nav a {
		font-size: 9px;
	}

}

/* ======= Scroll Nav - Large Mobile+ ======= */
@media (min-width: 480px) {

	#scroll-nav.sticky .logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.sticky .scroll-button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.sticky .scroll-button > .button {
		border-color: #ffffff;
		color: #ffffff;
	}

	.sticky .scroll-button > .button:hover,
	.sticky .scroll-button > .button:focus {
		border: 3px transparent solid;
		background: #fff radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
		color: #434343;
	}

	.sticky .scroll-button > .button:active {
		background-color: #434343;
			background-size: 100%;
			-webkit-transition: background 0s;
			transition: background 0s;
	}

	#scroll-nav a {
		font-size: 10px;
	}

}
/* ======= Scroll Nav - Tablet+ ======= */
@media (min-width: 768px) {

	#scroll-nav {
		display: none;
		position: fixed;
		background-color: #0097CE;
		background-color: var(--primary);
		height: 70px;
	}

	#scroll-nav > .container {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		height: 70px;
	}

	#scroll-nav.sticky a {
		opacity: 1;
		color: #ffffff;
		font-size: 11px;
		letter-spacing: .025rem;
	}

}

/*===============================
		Home - Section: Introduction
	===============================*/

/* ======= Section: Introduction - Mobile+ ======= */

.introduction-section {
	margin-top: -44px;
	padding: 100px 20px;
	background: #ffffff;
}

.introduction-section.scroll-margin {
	margin-top: 0;
}

/* Section Title */

#home > body > section > div > header {
	position: relative;
}

#home > body > section > div > header::before {
	background: url('../png/dot-black.png');
	width: 22px;
	height: calc(100% + 24px);
	content: " ";
	background-size: 6px;
	margin-left: -30px;
	position: absolute;
	opacity: .15;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

#home > body > section > div > header > h1 {
	font-family: 'Playfair Display', serif;
	font-size: 35px;
	color: #434343;
	font-weight: 700;
	line-height: 1.3;
	margin: 50px 0;
}

#home > body > section > div > header > h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}

/* Intro Content */

.introduction-section-content {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	color: #1B1B1B;
	line-height: 1.7;
	font-size: 16px;
}

.introduction-section-content strong,
.introduction-section-content b {
	font-weight: 700;
}

.introduction-section-content em,
.introduction-section-content i {
	font-weight: 400;
	font-style: italic;
}

.introduction-section-content a {
	color: #0097CE;
	color: var(--primary);
	border-bottom: 1px dashed #0097CE;
	border-bottom: 1px dashed var(--primary);
	-webkit-transition: color .5s, opacity .5s;
	transition: color .5s, opacity .5s;
}

.introduction-section-content a:hover,
.introduction-section-content a:focus {
	opacity: .75;
}

.introduction-section-content a:active {
	color: #434343;
}

.introduction-section-content > *:first-child:first-letter {
	color: #434343;
	float: left;
	font-family: 'Playfair Display', serif;
	font-size: 75px;
	line-height: 60px;
	padding-right: 8px;
	font-weight: 900;
}

.introduction-section-content > * {
	margin: 30px 0;
	position: relative;
}

.introduction-section-content > *:first-child::after {
	font-size: 150px;
	line-height: 0;
	font-weight: 900;
	font-family: 'Playfair Display', serif;
	content: "&";
	position: absolute;
	color: #434343;
	opacity: .05;
	left: 0;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/* ======= Section: Introduction - Tablet+ ======= */
@media (min-width: 768px) {
	
	.introduction-section {
		margin-top: 0;
		padding: 100px 20px 150px;
	}

	/* Section Title */

	#home > body > section > div > header::before {
		background: url('../png/dot-black.png');
		width: 200%;
		background-size: 6px;
		left: initial;
		right: calc(100% + 10px);
		height: calc(100% + 60px);
	}

	#home > body > section > div > header > h1 {
		font-size: 45px;
	}

	/* Intro Content */

	.introduction-section-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin-top: 100px;
		font-size: 18px;
		line-height: 1.8;
	}

	.introduction-section-content > *:first-child:first-letter {
		color: #434343;
		float: left;
		font-family: 'Playfair Display', serif;
		font-size: 100px;
		line-height: 80px;
		padding-right: 12px;
		font-weight: 900;
	}

	.introduction-section-content > * {
		padding: 40px;
	}

	.introduction-section-content > *:first-child {
		border: 3px #F7F7F7 solid;
		border-radius: 5px;
		width: 45%;
		margin-bottom: 100px;
	}

	.introduction-section-content > *:first-child::after {
		font-size: 200px;
		left: initial;
		line-height: 1;
		right: 10px;
		bottom: 10px;
		-webkit-transform: none;
		        transform: none;
	}

	.introduction-section-content > *:last-child {
		border: 3px #F7F7F7 solid;
		background-color: #F7F7F7;
		border-radius: 5px;
		margin-right: 15px;
		width: 45%;
		margin-top: 100px;
	}

}

/* ======= Section: Introduction - Large Desktop+ ======= */

@media (min-width: 1200px) {

	#home > body > section > div > header::before {
		right: calc(100% + 30px);
	}

}

/*===============================
		Home - Section: Affirmations & Denials
	===============================*/

/* ======= Section: Affirmations & Denials - Mobile+ ======= */

.affirmations-and-denials-section {
	background: #F7F7F7;
	padding: 80px 20px 50px;
	position: relative;
}

/* Arrow */

#home > body > section.affirmations-and-denials-section::before {
	background: url('../svg/arrow.svg');
	width: 134px;
	height: 140px;
	content: " ";
	background-size: 134px, 140px;
	margin: 0;
	position: absolute;
	opacity: .15;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/* Remove Heading's ::before */

#home > body > section.affirmations-and-denials-section > div > header::before {
	width: 0px;
	height: 0px;
}

#home > body > section.affirmations-and-denials-section > div > header {
	text-align: center;
}

/* Affirmation & Denial Article Slider */

.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	-webkit-transition: height .5s;
	transition: height .5s;
}

.carousel-item {
	position: relative;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	transition: -webkit-transform 0.6s ease;
	-webkit-transition: -webkit-transform 0.6s ease;
	transition: transform 0.6s ease;
	transition: transform 0.6s ease, -webkit-transform 0.6s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: block;
}

.carousel-item-next,
.carousel-item-prev {
	position: absolute;
	top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-next.carousel-item-left,
	.carousel-item-prev.carousel-item-right {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.carousel-item-next,
.active.carousel-item-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-next,
	.active.carousel-item-right {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.carousel-item-prev,
.active.carousel-item-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
	.carousel-item-prev,
	.active.carousel-item-left {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.carousel-control-prev {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#article-switch-nav > button {
	border: 3px solid #434343;
	height: 27px;
	font-size: 24px;
	padding: 0 10px;
	border-radius: 30px;
	background-position: center;
	-webkit-transition: background 0.8s, border 0.25s;
	transition: background 0.8s, border 0.25s;
	margin: 0 10px;
}

#article-switch-nav > button:focus,
#article-switch-nav > button:hover {
	border: 3px transparent solid;
	background: #434343 radial-gradient(circle, #434343 1%, #1B1B1B 1%) center/15000%;
}

.carousel-control-prev span [class^="icon-"], 
.carousel-control-prev span [class*=" icon-"],
.carousel-control-next span [class^="icon-"], 
.carousel-control-next span [class*=" icon-"] {
	line-height: 0;
	color: #434343;
	-webkit-transition: color .5s;
	transition: color .5s;
}

.carousel-control-prev:hover span [class^="icon-"], 
.carousel-control-prev:hover span [class*=" icon-"],
.carousel-control-next:hover span [class^="icon-"], 
.carousel-control-next:hover span [class*=" icon-"],
.carousel-control-prev:focus span [class^="icon-"], 
.carousel-control-prev:focus span [class*=" icon-"],
.carousel-control-next:focus span [class^="icon-"], 
.carousel-control-next:focus span [class*=" icon-"] {
	color: #fff;
}

#article-switch-nav > button:active,
#article-switch-nav > button:active {
	background-color: #fff;
	background-size: 100%;
	-webkit-transition: background 0s;
	transition: background 0s;
}

.button:active {
	background-color: #fff;
	background-size: 100%;
	-webkit-transition: background 0s;
	transition: background 0s;
}

.carousel-control-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#article-switch-nav {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.carousel-indicators {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.carousel-indicators button {
	width: 15px;
	height: 15px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.carousel-indicators button::after {
	content: " ";
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 10px;
	background-color: transparent;
	border: 3px solid #434343;
	transition: background-color .5s, border .5s, box-shadow .5s, -webkit-box-shadow .5s;
}

.carousel-indicators button:hover::after,
.carousel-indicators button:focus::after {
	background-color: #434343;
}

.carousel-indicators button.active::after {
	border: 3px solid #0097CE;
	border: 3px solid var(--primary);
	background-color: #0097CE;
	background-color: var(--primary);
}

/* Slider Articles */

.statement-article-content {
	margin: 40px 0;
	z-index: 1;
	position: relative;
}

.carousel-item h1 {
	background-color: #0097CE;
	background-color: var(--primary);
	width: 80px;
	height: 80px;
	border-radius: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	font-size: 22px;
	border: 3px solid #F7F7F7;
	-webkit-box-shadow: 0px 0px 0px 3px #0097CE;
	box-shadow: 0px 0px 0px 3px #0097CE;
	-webkit-box-shadow: 0px 0px 0px 3px var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary);
	margin: 0 auto 40px;
	font-family: 'Playfair Display', serif;
	line-height: 1;
}

.carousel-item.addendum h1 {
	background-color: initial;
	width: auto;
	height: 80px;
	border-radius: initial;
	color: #0097CE;
	color: var(--primary);
	font-size: 30px;
	border: 3px solid transparent;
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px 0px transparent;
}

.carousel-item {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #1B1B1B;
	line-height: 1.5;
}

.carousel-item h3 {
	color: #0097CE;
	color: var(--primary);
	font-size: 30px;
	text-align: center;
	font-family: 'Playfair Display', serif;
}

.carousel-item b,
.carousel-item strong {
	font-weight: 900;
}

.carousel-item i,
.carousel-item em {
	font-weight: 400;
	font-style: italic;
}

.carousel-item a {
	-webkit-transition: color .5s, border-bottom .5s, opacity .5s;
	transition: color .5s, border-bottom .5s, opacity .5s;
	color: #0097CE;
	color: var(--primary);
	border-bottom: 2px solid #0097CE;
	border-bottom: 2px solid var(--primary);
}

.carousel-item a:hover,
.carousel-item a:focus {
	text-decoration: none;
	color: #434343;
	border-bottom: 2px solid #434343;
}

.carousel-item a:active {
	opacity: .75;
}

.carousel-item > p > span.highlight {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #0097CE;
	color: var(--primary);
	text-transform: uppercase;
}

.carousel-item ul {
	margin: 2px 0 2px 15px;
	line-height: 1.5;
}

.carousel-item ul > li {
	position: relative;
	padding: 2px 0 2px 15px;
}

.carousel-item ul > li::before {
	content: " ";
	width: 4px;
	height: 4px;
	border-radius: 20px;
	border: 3px solid #434343;
	position: absolute;
	top: 10px;
	left: 0;
}

.carousel-item ol {
	counter-reset: item;
	margin: 2px 0 2px 15px;
	line-height: 1.5;
}

.carousel-item ol > li {
	counter-increment: step-counter;
	margin: 2px 0 2px;
	line-height: 1.5;
	position: relative;
	padding: 2px 0 2px 0;	
	
}

.carousel-item ol > li::before {
		counter-increment: item;
		content: counter(item)". ";
		font-family: 'Playfair Display', serif;
		color: #434343;
		font-weight: 700;
		margin-right: 5px;
}

.carousel-item ol > li > ol > li::before {
	content: counter(item, lower-alpha)". ";
	font-size: 100%;
}

.carousel-item li:last-child {
	padding-bottom: 0px;
}

.carousel-item footer {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	font-style: italic;
	color: #434343;
	opacity: .5;
	letter-spacing: 0.025rem;
}

.carousel-item footer a {
	color: #434343;
	border-bottom: 1px dotted #434343;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.carousel-item footer a:hover,
.carousel-item footer a:focus {
	color: #434343;
	border-bottom: 1px dotted #434343;
	opacity: .75;
}

/* Big Roman Numeral Design Accent */

.big-number {
	position: absolute;
	top: calc(50% + 75px);
	right: 0;
	transform: translate(50%, -50%);
	color: #000000;
	opacity: .05;
	font-size: 400px;
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	z-index: 0;
}

/* Affirmation & Denial Sign Button */

.affirmations-and-denials-section .button {
	margin: 60px auto 10px;
	display: block;
}

/* ======= Section: Affirmations & Denials - Large Mobile+ ======= */

@media (min-width: 480px) {

	/* Affirmation & Denial Article Slider */

	.carousel-indicators button {
		width: 30px;
		height: 30px;
		margin: 1px;
	}

}
/* ======= Section: Affirmations & Denials - Tablet+ ======= */
@media (min-width: 768px) {

	/* Affirmation & Denial Article Slider */

	.carousel-indicators button {
		width: 27px;
		height: 27px;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 8px;
	}

	.carousel-indicators button::after {
		content: " ";
		top: 0;
		left: 0;
		width: 18px;
		height: 18px;
		border-radius: 40px;
		border: 2px #F7F7F7 solid;
		-webkit-transition: background-color .5s, border .5s;
		transition: background-color .5s, border .5s;
		-webkit-box-shadow: 0px 0px 0px 3px #434343;
		box-shadow: 0px 0px 0px 3px #434343;
	}

	.carousel-indicators button:hover::after,
	.carousel-indicators button:focus::after {
		background-color: #434343;
	}

	.carousel-indicators button.active::after {
		border: 2px #F7F7F7 solid;
		background-color: #0097CE;
		background-color: var(--primary);
		-webkit-box-shadow: 0px 0px 0px 3px #0097CE;
		box-shadow: 0px 0px 0px 3px #0097CE;
		-webkit-box-shadow: 0px 0px 0px 3px var(--primary);
		box-shadow: 0px 0px 0px 3px var(--primary);
	}

	/* Slider Articles */

	.statement-article-content {
		margin: 75px auto;
		max-width: 600px;
		display: block;
	}

	.carousel-item {
		font-size: 18px;
		line-height: 1.7;
	}

	.carousel-item footer {
		font-size: 14px;
		margin-top: 15px;
	}

	.affirmations-and-denials-section {
		padding: 80px 20px 100px;
	}
	
}

@media (min-width: 1200px) {

	.big-number {
		opacity: .1;
	}

}

/*===============================
		Home - Section: Signers
	===============================*/

/* ======= Home - Section: Signers - Mobile+ ======= */

/* Section title */

.signers-section {
	padding: 100px 20px;
	background: #ffffff;
}

#home > body > .signers-section > div > header > h1 {
	margin: 50px 0 10px 0;
}

#home > body > .signers-section > div > header {
	margin-bottom: 70px;
}

.header-note {
	margin: 0;
	font-family: 'Playfair Display', serif;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	color: #434343;
}

.signers-section header span {
	font-weight: 700;
	font-style: normal;
	color: #0097CE;
	color: var(--primary);
}

#home > body > .signers-section > div > header > .button {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* Signer List */

.signers-section h2,
.resources-section .resource-articles-content > header > h2,
.resources-section .resource-videos-content > header > h2 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 400;
	color: #434343;
	position: relative;
	margin-left: -10px;
	z-index: 1;
}

.signers-section h2 span,
.resources-section .resource-articles-content > header > h2 span,
.resources-section .resource-videos-content > header > h2 span {
	position: relative;
}

.signers-section h2 span::before,
.resources-section .resource-articles-content > header > h2 span::before,
.resources-section .resource-videos-content > header > h2 span::before {
	background-color: #0097CE;
	background-color: var(--primary);
	height: 35%;
	width: calc(100% + 10px);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: -5px;
	z-index: -1;
	opacity: .2;
}

.signer-list {
	height: 400px;
	width: calc(100% + 60px);
	margin-left: -30px;
	position: relative;
	margin-bottom: 50px;
}

.signer-list:last-of-type {
	margin-bottom: 20px;
}

.signer-list::before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	height: 100%;
	width: 30px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.signer-list::after {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	height: 100%;
	width: 30px;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
}

.scroll-wrapper {
	overflow: hidden;
	height: 100%;
}

/*To hide scrollbar - Mandatory*/
.hide-scroll-bar {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;/*This setting allows the padding to be added to the width, rather than subtracted from the width*/
	height: 100%;
	overflow: auto;
	padding-right: 40px; /*This hides the scroll bar on the right. The value is higher than needed in order to hide the scrolbar on all devices*/
	padding-bottom: 40px; /*This hides the scroll bar on the bottom (if there is one). The value is higher than needed in order to hide the scrolbar on all devices*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#home .signer-list article {
	width: calc(100% - 100px);
	height: 25%;
	margin-right: 20px;
	margin-left: 30px;
}

#home .signer-list article h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 16px;
	color: #434343;
	line-height: 1.3;
	margin: 8px 0;
}

#home .signer-list article p {
	margin: 8px 0;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	color: #434343;
	opacity: .6;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.3;
}

#home .signer-list article h1 span {
	font-weight: 700;
	font-style: normal;
	color: #0097CE;
	color: var(--primary);
}

/* Signer Section Buttons */

.signers-section .container footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.signers-section .container footer .button {
	margin: 10px;
}

/* ======= Home - Section: Signers - Special Size ======= */

@media (min-width: 400px) {

	#home .signer-list article {
		width: 42%;
		margin-right: 10px;
		margin-left: 10px;
	}

	.hide-scroll-bar {
		padding-left: 20px;
	}

}

/* ======= Home - Section: Signers - Tablet+ ======= */

@media (min-width: 768px) {

	#home > body > .signers-section > div > header {
		margin-bottom: 100px;
	}

	/* Signer List */

	.signers-section h2,
	.resources-section .resource-articles-content > header > h2,
	.resources-section .resource-videos-content > header > h2 {
		font-size: 35px;
	}

	.signer-list {
		height: initial;
		width: initial;
		margin-left: initial;
		position: relative;
		margin-top: 50px;
	}

	.signer-list::before {
		display: none;
	}

	.signer-list::after {
		display: none;
	}

	.scroll-wrapper {
		overflow: initial;
	}

	/*To hide scrollbar - Mandatory*/
	.hide-scroll-bar {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: initial;
		padding-right: 0; /*This hides the scroll bar on the right. The value is higher than needed in order to hide the scrolbar on all devices*/
		padding-bottom: 0; /*This hides the scroll bar on the bottom (if there is one). The value is higher than needed in order to hide the scrolbar on all devices*/
		padding-left: 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}

	#home .signer-list article {
		width: 33%;
		height: initial;
		margin-right: 0;
		margin-left: 0;
		padding: 0 20px 10px;
	}

	.signer-list:last-of-type {
		margin-bottom: 70px;
	}

	/* Signer Section Buttons */

	.signers-section .container footer {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

}

/* ======= Home - Section: Signers - Desktop+ ======= */

@media (min-width: 992px) {

	/* Signer List */

	#home .signer-list article {
		width: 25%;
	}

	#home .signer-list article h1 {
		font-size: 20px;
	}
	
	#home .signer-list article p {
		font-size: 14px;
	}

}

/*===============================
		Home - Section: CTA
	===============================*/

/* ======= Home - Section: CTA - Mobile+ ======= */

.cta-section {
	position: relative;
}

.cta-section .cta-section-content {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-style: italic;
	font-size: 30px;
	color: #434343;
	text-align: center;
	line-height: 1.3;
	padding: 100px 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
	z-index: 1;
}

.cta-section .cta-section-content > * {
	max-width: 375px;
}

.cta-section .cta-section-content .button {
	margin-top: 20px;
}

/* ======= Home - Section: CTA - Tablet+ ======= */

@media (min-width: 768px) {

	.cta-section .cta-section-content {
		padding: 110px 0;
	}

	.cta-section .cta-section-content > * {
		max-width: 525px;
	}

	.cta-section .cta-section-content {
		font-size: 40px;
	}

}

/*===============================
		Home - Section: Resources
	===============================*/

/* ======= Home - Section: Resources - Mobile+ ======= */

.resources-section {
	padding: 100px 20px 60px;
	background-color: #F7F7F7;
}

.resources-section > .container > header {
	margin-bottom: 70px;
}

/* Sub-Headings */

.resources-section .resource-articles-content > header,
.resources-section .resource-videos-content > header {
	position: relative;
}

.resources-section .resource-articles-content > header > .button,
.resources-section .resource-videos-content > header > .button {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 1;
}

.resource-articles-content,
.resource-videos-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.resource-articles-content > .button,
.resource-videos-content > .button {
	-ms-flex-item-align: center;
	    align-self: center;
	margin: 40px 0 0;
}


/* Recent Items Sub-Section & Mobile Slider*/

.recent-items {
	height: 360px;
	width: calc(100% + 60px);
	margin-left: -30px;
	position: relative;
}

.recent-items .hide-scroll-bar {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.recent-items article {
	position: relative;
	height: 330px;
	background-color: #fff;
	border-radius: 5px;
	padding: 15px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16);
	margin-right: 20px;
	margin-top: 12px;
	width: 70%;
	min-width: 70%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	transition: box-shadow .5s, -webkit-box-shadow .5s, opacity .5s;
}

.recent-items article:hover,
.recent-items article:focus {
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
}

.recent-items article:active {
	opacity: .75;
}

.recent-items article:first-child {
	margin-left: 20px;
}

.spacer {
	min-width: 1px;
	height: 1px;
	margin-left: -1px;
}

.recent-items article .background-image-wrapper {
	width: 100%;
	height: 40%;
	z-index: 1;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.recent-items article:hover .background-image-wrapper > img.background-image {
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}

.recent-items article .title-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: calc(60% - 15px);
}

.recent-items article h1 {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 900;
	color: #434343;
	line-height: 1.5;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	margin: 0;
}

.recent-items article .author,
.recent-items article .date,
.recent-items article .topic {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	color: #434343;
	text-transform: uppercase;
	letter-spacing: .025rem;
	font-size: 12px;
	letter-spacing: 1px;
}

.recent-items article .date {
	margin-bottom: 7px;
}

.recent-items article .author {
	margin-bottom: 2px;
}

.recent-items article .topic {
	font-size: 10px;
	letter-spacing: 2px;
	font-weight: 600;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	margin-top: auto;
	position: relative;
	padding-left: 15px;
}

.recent-items article .topic::before {
	background: url(../png/dot-black.png);
	width: 12px;
	height: 12px;
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .5;
	left: 0;
	top: calc(50% - 1px);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.video-sub-section {
	background-color: #EFEFEF;
	padding: 60px 20px 100px;
}

/* Video Play Icon */

.resource-videos-content .background-image-wrapper i {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 36px;
	opacity: .75;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.resource-videos-content article:hover .background-image-wrapper i {
	opacity: 1;
}

/* ======= Home - Section: Resources - Special Phone Size ======= */

@media (min-width: 400px) {

	.recent-items article {
		width: 60%;
		min-width: 60%;
	}

}

/* ======= Home - Section: Resources - Large Mobile+ ======= */
@media (min-width: 650px) {

	.recent-items article {
		width: 38%;
		min-width: 38%;
	}

}

/* ======= Home - Section: Resources - Tablet+ ======= */
@media (min-width: 768px) {

	.resources-section {
		padding: 100px 20px;
	}

	/* Recent Items Sub-Section & Mobile Slider*/

	.recent-items /*Normalize scroll-wrapper's container*/ {
		height: initial;
		width: 100%;
		margin-left: 0;
		margin-top: 35px; /*Space under sub-heading*/
		position: relative;
		height: 590px;
	}

	.recent-items .hide-scroll-bar /*Normalize for article and video resources*/ {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.recent-items article /*Normalize for article and video resources*/ {
		margin-right: 0;
		margin-top: 0;
		width: initial;
		width: calc(50% - 15px);
		min-width: initial;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}

	.resource-articles-content .recent-items article:nth-child(1) {
		margin-left: 0;
		height: 300px;
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
		margin: 0 15px 15px 0;
	}

	.resource-articles-content .recent-items article:nth-child(2) {
		height: 200px;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin: 0 0 15px 15px;
	}

	.resource-articles-content .recent-items article:nth-child(3) {
		margin-left: 0;
		height: 200px;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin: 15px 15px 0 0;
	}

	.resource-articles-content .recent-items article:nth-child(4) {
		height: 300px;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		margin: 15px 0 0 15px;
	}

	.recent-items article:nth-child(1) .background-image-wrapper,
	.recent-items article:nth-child(4) .background-image-wrapper {
		width: 50%;
		height: 100%;
	}

	.recent-items article:nth-child(2) .background-image-wrapper,
	.recent-items article:nth-child(3) .background-image-wrapper {
		width: 40%;
		height: 100%;
	}

	/*Tablet Title & Meta*/ 

	.recent-items article:nth-child(1) .title-meta,
	.recent-items article:nth-child(4) .title-meta {
		width: calc(50% - 15px);
		height: 100%;
	}

	.recent-items article:nth-child(2) .title-meta,
	.recent-items article:nth-child(3) .title-meta {
		width: calc(60% - 15px);
		height: 100%;
	}

	.recent-items article .title-meta {
		height: 100%;
		width: 50%;
	}
	
	.recent-items article .date {	
		margin-bottom: 2px;
	}
	
	.recent-items article .author {
		margin-top: 8px;
		margin-bottom: 0;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	
	.recent-items article .topic {
		font-size: 12px;
		letter-spacing: 3px;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		margin-top: initial;
		margin-bottom: auto;
		padding-left: 12px;
		height: 36px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	.recent-items article .topic::before {
		background: url(../png/dot-black.png);
		width: 24px;
		height: 36px;
		content: " ";
		background-size: 6px;
		position: absolute;
		opacity: .15;
		left: 0;
		top: calc(50% - 1px);
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

	/* Tablet - Recent Sub-Resource Videos */

	.resource-videos-content .recent-items {
		height: auto;
		width: 100%;
	}

	.resource-videos-content .recent-items .hide-scroll-bar {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.resource-videos-content .recent-items article {
		margin-bottom: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		min-height: 350px;
	}

	.resource-videos-content .recent-items article:first-child {
		margin-left: 0;
	}

	.resource-videos-content .recent-items article .background-image-wrapper {
		width: 100%;
		height: 56.25%;
	}

	.resource-videos-content .recent-items article .title-meta {
		height: calc(43.75% - 15px);
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
		padding-bottom: 36px;
	}

	.resource-videos-content .recent-items article .title-meta h1 {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-top: 5px;
	}

	.resource-videos-content .recent-items article .date {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		width: 30%;
		text-align: right;
	}

	.resource-videos-content .recent-items article .author {
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
		width: 70%;
		margin-top: 0;
		margin-bottom: 2px;
	}

	.resource-videos-content .recent-items article .topic {
		position: absolute;
		bottom: 15px;
		left: 15px;
		width: 100%;
	}

	.resource-videos-content > .button {
		margin: 60px 0 0;
	}

}
/* ======= Home - Section: Resources - Desktop+ ======= */
@media (min-width: 992px) {

	.recent-items article h1 {
		font-size: 20px;
	}
	
	.recent-items article .date {
		font-size: 14px;
		margin-bottom: 2px;
	}
	
	.recent-items article .author {
		font-size: 14px;
	}

}
/* ======= Home - Section: Resources - Large Desktop+ ======= */
@media (min-width: 1200px) {

	.recent-items article h1 {
		font-size: 24px;
	}

}

/*===============================
		Home: Footer - by Raman 
	===============================*/

/* ======= Footer - Mobile+ ======= */

.footer {
	padding: 70px 0 50px;
	position: relative;
	background-color: #ffffff;
}

.footer::before {
	background: url(../png/dot-black.png);
	width: calc(100% - 60px);
	max-width: 900px;
	height: 24px;
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .15;
	left: 50%;
	top: 50px;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.footer > .container > *:last-child {
	margin-bottom: 0;
}

/* Footer-Logo */

.footer-logo {
	/*If user does not provide logo, then the text of the  title of their site will go in the <a> element in place of the <img>, so be sure to style to a plain text (non-image) logo*/
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	text-decoration: none;
	color: #434343;
	font-weight: 900;
	padding: 10px 0;
	margin: 50px auto;
	width: 77px;
	display: block;
}

.footer-logo img {
	width: 77px;
	height: 27px;
}

/* Footer Nav */

.footer-nav {
	margin: 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.footer-nav a { 
	font-size: 13px;
	font-weight: 600;
	color: #0097CE;
	color: var(--primary);
	text-transform: uppercase;
	line-height: 1.2;
	padding: 10px;
	font-family: 'Josefin Sans', sans-serif;
	-webkit-transition: opacity .5s, color .5s;
	transition: opacity .5s, color .5s;
}

.footer-nav a:hover,
.footer-nav a:focus {
	opacity: .75;
}

.footer-nav a:active {
	color: #434343;
}

.footer-nav > button {
	margin: 10px 0;
} 

/* Copyright & Credit */

.copy-credit {
	margin: 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: rgba(67, 67, 67, .5);
	line-height: 1.2;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.01rem;
}

.footer-bar {
	display: none;
}

.copyright {
	margin-bottom: 14px;
}

.credit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: color .25s;
	transition: color .25s;
}

.credit > a {
	margin-left: 5px;
	padding-top: 4px;
	opacity: .5;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.credit > a:hover,
.credit > a:focus {
	opacity: 1;
}

.credit > a:active {
	opacity: .75;
}

svg.solasites-logo {
	width: 110px;
}

.logo-sola,
.logo-sites {
	fill: #434343;
}

.logo-sites,
.logo-icon-bottom {
	opacity: .6;
}

.logo-icon-top,
.logo-icon-bottom {
	fill: #0097CE;
	fill: var(--primary);
}

/* ======= Home:  - Tablet+ ======= */

@media (min-width: 768px) {

	.footer {
		padding: 120px 0 100px;
	}

	/* Footer Nav */

	.footer-nav {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.footer-nav a {
		margin: 10px;
	}

	.footer-nav > button {
		margin: 10px;
	}
	
	/* Copyright & Credit */
	
	.copy-credit {
		margin: 100px 0;
		line-height: 1.5;
		font-size: 16px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.copy-credit > span {
		padding: 0;
	}

	.credit > a {
		margin-left: 6px;
		padding-top: 6px;
	}

	.copyright {
		margin: 0;
	}
	
	.footer-bar {
		display: block;
		margin: 0 5px;
	}
	
}


/*===============================
	===============================
	=========== Page ==============
	========= by Raman ============
	===============================*/

/*===============================
	Page: Page-Banner
	===============================*/

/* ======= Page: Banner - Mobile+ ======= */

.page #navbar {
	background-color: initial;
}

.page-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	z-index: -1;
	min-height: 220px;
	margin-top: -45px;
}

.page-content > img {
	position: fixed;
}

.page-content > .color-overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+100&1+0,0.8+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(247,247,247,1)),to(rgba(247,247,247,0.8)));
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(247,247,247,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ccf7f7f7',GradientType=0 ); /* IE6-9 */
	opacity: .9;
	/*Change this line if project requires different color or gradient*/
}

.page-header {
	position: relative;
	margin-left: 30px;
	z-index: 3;
}

.page-header::before {
	background: url(../png/dot-black.png);
	width: 22px;
	height: 100%;
	content: " ";
	background-size: 6px;
	margin-left: -30px;
	position: absolute;
	opacity: .15;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.page-header > h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 35px;
	width: 100%;
	line-height: 1.4;
	position: relative;
}

.page-header > h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}


/* ======= Page: Banner - Tablet+ ======= */

@media (min-width: 768px) {

	/* Banner Content */

	.page-content {
		min-height: 320px;
		margin-top: -80px;
	}

	.page-header {
		margin-left: 65px;
		padding-right: 25%;
	}

	.page-header::before {
		width: 200%;
		background-size: 6px;
		left: initial;
		right: calc(100% + 10px);
	}

	.page-header > h1 {
		font-size: 45px;
		line-height: 1.3;
		padding-right: 25%;
		padding-left: 10px;
	}

}

/* ======= Page: Banner - Desktop+ ======= */

@media (min-width: 992px) {

	/* Banner Content */
	
	.page-content {
		min-height: 400px;
		margin-top: -70px;
	}

	.page-header {
		margin-left: 75px;
	}

}

/* ======= Page: Banner - Desktop+ ======= */

@media (min-width: 1200px) {

	.page-header {
		margin: auto;
	}

}

/*===============================
	Page: Entry Content
	===============================*/

/* ======= Page: Entry Content - Mobile+ ======= */

.general-content {
	background-color: #fff;
	padding: 20px;
}

.entry-content {
	position: relative;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	line-height: 1.5;
	color: #434343;
	font-weight: 700;
	z-index: 0;
	position: relative;
	font-family: 'Playfair Display', serif;
}

.entry-content h2 span,
.entry-content h3 span,
.entry-content h4 span,
.entry-content h5 span,
.entry-content h6 span {
	position: relative;
}

.entry-content h2 span::after,
.entry-content h3 span::after,
.entry-content h4 span::after,
.entry-content h5 span::after,
.entry-content h6 span::after {
	background-color: #0097CE;
	background-color: var(--primary);
	height: 35%;
	width: calc(100% + 10px);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: -5px;
	z-index: -1;
	opacity: .2;
}

.entry-content h2 {
	font-size: 25px;
}

.entry-content h3 {
	font-size: 23px;
}

.entry-content h4 {
	font-family: 22px;
	font-style: italic;
}

.entry-content h5 {
	font-family: 20px;
	font-style: italic;
}

.entry-content h6 {
	font-family: 18px;
	font-style: italic;
}

.entry-content p {
	font-size: 16px;
	line-height: 1.5;
	color: #434343;
	font-family: 'Lato', sans-serif;
}

.entry-content ul {
	font-size: 16px;
	line-height: 1.5;
	padding: 4px 0;
	font-family: 'Lato', sans-serif;
}

.entry-content ul li {
	color: #434343;
	line-height: 1.5;
	position: relative;
	padding: 2px 0 2px 15px;
}

.entry-content ul li::before{
	content: " ";
	width: 4px;
	height: 4px;
	border-radius: 20px;
	border: #0097CE;
	border: 3px solid var(--primary);
	position: absolute;
	left: 0;
	margin-top: 10px;
}

.entry-content ol {
	counter-reset: item;
	font-size: 16px;
	line-height: 1.5;
	padding: 4px 0;
	font-family: 'Lato', sans-serif;
}

.entry-content ol li::before {
	counter-increment: item;
	content: counter(item)". ";
	font-family: 'Playfair Display', serif;
	color: var(--primary);
	font-weight: 700;
	margin-right: 5px;
}

.entry-content ol li {
	color: #434343;
	line-height: 1.5;
	position: relative;
	counter-reset: step-counter;
	padding: 2px 0 2px 15px;
}

.entry-content ol > li > ol > li::before {
	content: counter(item, lower-alpha)". ";
	font-size: 100%;
}

.entry-content blockquote {
	padding-left: 10px;
}

.entry-content blockquote > p {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	position: relative;
}

.entry-content blockquote > p::before {
	background: url(../png/dot-black.png);
	width: 30px;
	height: 100%;
	content: " ";
	background-size: 6px;
	display: block;
	margin-left: -50px;
	position: absolute;
	opacity: .15;
	left: 0;
	top: 0;
}


.entry-content a {
	color: #0097CE;
	color: var(--primary);
	border-bottom: 2px solid var(--primary);
	-webkit-transition: color .5s, border-bottom .5s;
	transition: color .5s, border-bottom .5s;
}

.entry-content a:hover, 
.entry-content a:focus {
	text-decoration: none;
	color: #434343;
	-webkit-transition: color .5s, border-bottom .5s;
	transition: color .5s, border-bottom .5s;
	border-bottom: 2px solid #434343;
}

.entry-content a:active {
	opacity: .75;
}

.entry-content strong {
	color: #434343;
}

.entry-content em {
	color: #434343;
}

.entry-content img,
.entry-content figure {
	max-width: 100%;
	height: auto;
	margin: 0 0 1rem;
}

.entry-content img.alignright,
.entry-content a img.alignright,
.entry-content figure.alignright {
	float: right; 
	margin: 0 0 1rem 1rem;
}

.entry-content img.alignleft,
.entry-content a img.alignleft,
.entry-content figure.alignleft {
		float: left; 
		margin: 0 1rem 1rem 0;
}

.entry-content img.aligncenter,
.entry-content a img.aligncenter,
.entry-content figure.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.entry-content figcaption {
	text-align: left; /*Decide text-align left or center */
	color: #6C6C6C;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.8;
	font-family: 'Playfair Display', serif;
}

.entry-content figcaption a {
	color: #0097CE;
	color: var(--primary);
	-webkit-transition: color .5s;
	transition: color .5s;
}

.entry-content figcaption a:hover {
	text-decoration: none;
	color: #434343;
	-webkit-transition: color .5s, border-bottom .5s;
	transition: color .5s, border-bottom .5s;
	border-bottom: 2px solid #434343;
}

.entry-content figcaption a:active {
	opacity: .75;
}

.entry-content figcaption strong {
	color: #434343;
}

.entry-content iframe {
	max-width: 100%;
	height: auto;
	margin: 0 0 1rem;
}

/* ======= Page: Entry Content - Tablet+ ======= */

@media (min-width: 768px) {

	.general-content {
		padding: 40px 30px;
	}
	
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		line-height: 1.6;
	}

	.entry-content h2 {
		font-size: 36px;
	}

	.entry-content h3 {
		font-size: 34px;
	}

	.entry-content h4 {
		font-size: 32px;
	}

	.entry-content h5 {
		font-size: 26px;
	}

	.entry-content h6 {
		font-size: 20px;
	}

	.entry-content p {
		font-size: 18px;
	}

	.entry-content ul,
	.entry-content ol {
		font-size: 18px;
		padding: 8px 0;
	}
	
	.entry-content ul li,
	.entry-content ol li {
		padding: 4px 0 4px 25px;
	}

	.entry-content img.alignright,
	.entry-content a img.alignright,
	.entry-content figure.alignright {
		margin: 0 0 1rem 1.5rem;
	}
	
	.entry-content img.alignleft,
	.entry-content a img.alignleft,
	.entry-content figure.alignleft {
		float: left; 
		margin: 0 1.5rem 1rem 0;
	}

	.entry-content figcaption {
		font-size: 14px;
	}

}

/* ======= Page: Entry Content - Desktop+ ======= */
	
@media (min-width: 992px) {

	.general-content > div {
		max-width: 900px;
		padding: 0;
		margin: auto;
	}

	.entry-content h2 {
		font-size: 45px;
	}

	.entry-content h3 {
		font-size: 35px;
	}

	.entry-content h4 {
		font-size: 30px;
	}

	.entry-content h5 {
		font-size: 26px;
	}

	.entry-content h6 {
		font-size: 22px;
	}

	.entry-content ul,
	.entry-content ol {
		padding: 10px 0;
	}

	.entry-content ul li,
	.entry-content ol li {
		padding: 5px 0 5px 30px;
	}

	.entry-content blockquote {
		padding-left: 10px;
	}
	
	.entry-content blockquote p {
		padding-left: 20px;
	}
	.entry-content blockquote > p::before {
		width: 50px;
	}
	
	.entry-content img.alignright,
	.entry-content a img.alignright,
	.entry-content figure.alignright {
		margin: 0 0 1rem 2rem;
	}
	
	.entry-content img.alignleft,
	.entry-content a img.alignleft,
	.entry-content figure.alignleft {
		float: left; 
		margin: 0 2rem 1rem 0;
	}

}

/*===============================
	===============================
	Error
	===============================
	===============================*/

/*===============================
		Error 
	===============================*/

/* ======= Error - Mobile+ ======= */

.error {
	background-color: #F7F7F7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 30px 0;
	min-height: 70vh;
}

.error-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-left: 30px;
	z-index: 1;
}

.error-content::before {
	background: url(../png/dot-black.png);
	width: 22px;
	height: 100%;
	content: " ";
	background-size: 6px;
	display: block;
	margin-left: -30px;
	position: absolute;
	opacity: .15;
	left: 0;
	top: 0;
}

.error-content > h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 35px;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 10px;
	line-height: 1.4;
	color: #434343;
}

.error-content h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}

.error-content p {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 20px;
	width: 100%;
	margin: 0 0 15px;
	line-height: 1.6;
	color: #434343;
}

.error-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 12px;
}

.error-links > a {
	margin: 8px 0;
	text-align: center;
}

/* ======= Error - Tablet+ ======= */

@media (min-width: 768px) {

	.error {
		padding: 50px 0;
	}

	.error-content {
		margin-left: 48px;
	}

	.error-content::before {
		margin-left: -54px;
		width: 72px;
	}

	.error-content h1 {
		font-size: 45px;
		margin-top: 35px;
	}

	.error-content p {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.error-links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin-bottom: 50px;
	}

	.error-links > a {
		margin: 0 8px;
	}

	.error-links > a:first-child {
		margin-left: 0;
	}

	.error-links > a:last-child {
		margin-right: 0;
	}

}

/* ======= Error - Large Desktop+ ======= */
@media (min-width: 1200px) {

	.error {
		padding: 70px 0;
	}

	.error-content {
		margin-left: auto;
	}

	.error-content::before {
		width: 200%;
		right: calc(100% - 10px);
		left: initial;
	}

	.error-content h1 {
		font-size: 50px;
		margin-top: 50px;
	}

	.error-content p {
		font-size: 35px;
		margin-bottom: 30px;
	}

	.error-links {
		margin-bottom: 90px;
	}

	.error-links > a {
		margin: 0 12px;
	}

}

/*============================= 
	=============================
	Signers
	=============================
	=============================*/

/*===============================
		Signers 
	===============================*/

/* =======Signers - Mobile+ ======= */

/* Signer Head */

.signer #navbar {
	background-color: initial;
}

.signers-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 70px 0 70px 30px;
	position: relative;
}

.signers-head::before {
	background: url(../png/dot-black.png);
	width: 22px;
	height: calc(100% + 40px);
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .15;
	margin-left: -30px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.signers-head > h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 35px;
	width: 100%;
	margin: 0 0 10px 0;
	line-height: 1.4;
	position: relative;
}

.signers-head > h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}

.header-note > span {
	font-weight: 700;
	font-style: normal;
	color: #0097CE;
	color: var(--primary);
}

.signer-accent-letter {
	position: absolute;
	right: -40px;
	top: 160px;
}

.signer-accent-letter > span {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 350px;
	color: #1B1B1B;
	opacity: .1;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

/* End Signer Head */

/* Signer Content */

.signers-content-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	padding-bottom: 50px;
	grid-gap: 5px;
}

.signers-content-list article h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 16px;
	color: #434343;
	line-height: 1.3;
	margin: 8px 0;
	text-transform: uppercase;
}

.signers-content-list article p {
	margin: 8px 0;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	color: #434343;
	opacity: .6;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.3;
}

/* End Signer Content */

/* =======Signers - Tablet+ ======= */

@media (min-width: 445px) {

	.signers-content-list {
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 8px;
	}

}

/* =======Signers - Tablet+ ======= */

@media (min-width: 768px) {

	/* Signer Head */

	.signers-head {
		margin: 120px 0 120px 48px;
	}

	.signers-head::before {
		width: 200%;
		background-size: 6px;
		left: initial;
		right: calc(100% - 15px);
	}

	.signers-head > h1 {
		font-size: 45px;
		line-height: 1.3;
	}

	.signer-accent-letter {
		position: absolute;
		right: -80px;
		top: 140px;
	}

	.signer-accent-letter > span {
		font-size: 650px;
	}

	.signers-head > .button {
		position: absolute;
		right: 30px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		z-index: 5;
	}

	/* End Signer Head */

	/* Signer Content */

	.signers-content-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
		padding-bottom: 80px;
	}

	/* End Signer Content */

}

/* ======= Signers - Desktop+ ======= */

@media (min-width: 992px) {

	/* Signer Head */

	.signer-accent-letter {
		position: absolute;
		right: -80px;
		top: 100px;
	}

	.signer-accent-letter > span {
		font-size: 850px;
	}

	/* End Signer Head */

	/* Signer Content */

	.signers-content-list {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		padding-bottom: 100px;
	}
	
	/* End Signer Content */

}

/* ======= Signers - Desktop+ ======= */

@media (min-width: 1200px) {

	.signers-head {
		margin: 120px auto;
	}

}


/*===============================
	===============================
	Article
	===============================
	===============================*/

/*===============================
		Article 
	===============================*/

/* ======= Article - Mobile+ ======= */

#article > header {
	background-color: #F7F7F7;
}

.article {
	padding: 20px;
}

.article-head {
	padding: 0;
}

.article-head > h2 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 26px;
	color: #434343;
	z-index: 1;
}

.article-head > h2 span {
	position: relative;
	z-index: 0;
}

.article-head > h2 span::after {
	background-color: #0097CE;
	background-color: var(--primary);
	height: 35%;
	width: calc(100% + 10px);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: -5px;
	opacity: .2;
	z-index: -1;
}

.article-head > h1 {
	font-family: 'Playfair Display', serif;
	font-size: 35px;
	line-height: 1.3;
	font-weight: 900;
	color: #434343;
	margin-bottom: 10px;
}

.article-head > h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}

.share-bar {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;  
	-ms-flex-align: center;  
	align-items: center;
}

.share-bar > a,
.share-bar > button {
	height: 30px;
  width: 30px;
  border: 3px solid #434343;
  border-radius: 30px;
  position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 5px;
	font-size: 10px;
	color: #434343;
	-webkit-transition: color .25s,
							background-color .25s,
							border-color .25s;
	transition: color .25s,
							background-color .25s,
							border-color .25s;
}

.share-bar > a > i,
.share-bar > button > i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.share-bar > a:hover,
.share-bar > a:focus,
.share-bar > button:hover,
.share-bar > button:focus {
	background-color: #434343;
	color: #fff;
}

.share-bar > a:active,
.share-bar > button:active {
	background-color: #0097CE;
	background-color: var(--primary);
	border-color: #0097CE;
	border-color: var(--primary);
}

.share-bar > .link,
.share-bar > .facebook {
	font-size: 12px;
}

.share-bar > .copied {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
	padding-top: 3px;
}

.share-bar.js-show-copied > .copied {
	opacity: 1;
}

.article-tag > span {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 5px 15px;
	font-size: 16px;
	color: #434343;
	letter-spacing: 4px;
	line-height: 1.4;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
}

.article-tag > span::before {
	background: url(../png/dot-black.png);
	width: 22px;
	height: 100%;
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .15;
	left: 0;
}

.article-tag > p {
	font-size: 14px;
	color: #434343;
	font-weight: 400;
	margin: 15px 0 0;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
}

.article-wrapper {
  position: relative;
  padding: 0 10px;
}

.article-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -3;
  width: 100%;
  height: 80%;
  background-color: #F7F7F7;
}

.article-wrapper > div {
  height: 250px;
  position: relative;
}

/* Author-Bio */

.author-bio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: 40px 20px;
	padding: 20px;
	background-color: #F7F7F7;
}

.author-wrapper {
	z-index: 0;
	-ms-flex-item-align: center;
	    align-self: center;
	margin: 20px;
}

.author-wrapper > div {
	width: 70px;
	height: 70px;
	border-radius: 100%;
}

.author-content > h2 {
	font-family: 'Playfair Display', serif;
	margin: 0;
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	color: #434343;
	z-index: 1;
}

.author-content > h2 span {
	position: relative;
}

.author-content > h2 span::after {
	background-color: #0097CE;
	background-color: var(--primary);
	height: 35%;
	width: calc(100% + 10px);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: -5px;
	opacity: .2;
}

.author-content > h1 {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	line-height: 1.3;
	margin: 6px 0;
	font-weight: 400;
	color: #434343;
}

.author-content > p {
	font-size: 14px;
	color: #434343;
	line-height: 1.5;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}

.author-content > p a {
	color: #0097CE;
	color: var(--primary);
	-webkit-transition: color .25s;
	transition: color .25s;
	border-bottom: 1px solid #0097CE;
	border-bottom: 1px solid var(--primary);
}

.author-content > p a:hover {
	color: #434343;
	color: #434343;
	border-bottom: 1px solid #434343;
	-webkit-transition: color .25s, border-bottom .25s;
	transition: color .25s, border-bottom .25s;
}

.author-content > p a:active {
	opacity: .75;
}

/* End-Author-Bio */

/* ======= Article - Tablet+ ======= */

@media (min-width: 768px) {

	.article {
		padding: 30px 30px 10px;
	}
	
	.article-head {
		padding: 0 60px;
	}
	
	.article-head > h2 {
		font-size: 30px;
	}
	
	.article-head > h2 span {
		position: relative;
	}
	
	.article-head > h1 {
		font-size: 45px;
	}
	
	.article-tag {
		position: relative;
		padding: 20px 0 0;
	}

	.article-tag > span {
		padding: 10px 15px;
		width: 20%;
	}
	
	.article-tag > span::before {
		width: 30px;
	}
	
	.article-tag > p {
		font-size: 16px;
		margin: 0;
		position: absolute;
		right: 0;
		top: 50%;
		z-index: 1;
	}
  
  .article-wrapper {
    padding: 0 30px;
  }

	.article-wrapper > div {
    height: 350px;
	}

  .article-wrapper::after {
    height: 50%;
  }

	/* Author-Bio */

	.author-bio {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin: 80px;
		padding: 25px;
	}

	.author-wrapper {
		-ms-flex-preferred-size: 20%;
		    flex-basis: 20%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0;
		padding-right: 15px;
	}

	.author-content {
		-ms-flex-preferred-size: 80%;
		    flex-basis: 80%;
	}

	.author-content > h2 {
		font-size: 13px;
	}

	.author-content > h1 {
		font-size: 22px;
		margin: 10px 0;
	}

	.author-content > p {
		font-size: 16px;
	}

	/* End-Author-Bio */

}

/* ======= Article - Desktop+ ======= */

@media (min-width: 992px) {

	#article .general-content > div {
		max-width: 840px;
	}

	.article {
		padding: 50px 0 0;
		max-width: 900px;
		margin: auto;
	}
	
	.article-head {
		padding: 0 60px;
	}
	
	.article-head > h2 {
		font-size: 35px;
	}
	
	.article-head > h1 {
		font-size: 45px;
	}
	
	.article-tag {
		padding: 20px 0;
	}

	.article-tag > span {
		width: 20%;
	}
	
	.article-tag > span::before {
		width: 30px;
	}
  
  .article-wrapper  {
    padding: 0;
  }

	.article-wrapper > div {
    height: 470px;
    max-width: 900px;
    margin: auto;
	}

	/* Author-Bio */

	.author-bio {
		max-width: 840px;
		margin: 100px auto;
		padding: 30px;
	}

	.author-content > h2 {
		font-size: 14px;
	}

	.author-content > h1 {
		font-size: 26px;
	}

	/* End-Author-Bio */
	
}


/*===============================
	===============================
	Video
	===============================
	===============================*/

/*===============================
	Video  
	===============================*/

/* ======= Video - Mobile+ ======= */

.video #navbar {
	background-color: #1B1B1B;
}

.video #primary-menu-button .dot {
	background-color: #fff;
}

#video > header {
	background-color: #1B1B1B;
}

.video-content {
	padding: 20px;
}

.video-head {
	padding: 0 20px;
}

.video-head > h2 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 26px;
	color: #fff;
	z-index: 1;
}

.video-head > h2 span {
	position: relative;
	z-index: 0;
}

.video-head > h2 span::after {
	background-color: #0097CE;
	background-color: var(--primary);
	height: 35%;
	width: calc(100% + 10px);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: -5px;
	opacity: .2;
	z-index: -1;
}

.video-head > h1 {
	font-family: 'Playfair Display', serif;
	font-size: 35px;
	line-height: 1.3;
	font-weight: 900;
	color: #fff;
	margin-bottom: 10px;
}

.video-head > h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}

.video-head .share-bar > .copied {
  color: #fff;
}

.video-tag > span {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 5px 15px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 4px;
	line-height: 1.4;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
}

.video-tag > span::before {
	background: url(../png/dot-white.png);
	width: 22px;
	height: 100%;
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .15;
	left: 0;
}

.video-tag > p {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin: 15px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
}

.video-container {
  position: relative;
  padding: 0 10px;
}

.video-container::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 80%;
  background-color: #1B1B1B;
}

.video-container > div {
	position: relative;
	height: 220px;
}


/* ======= Video - Tablet+ ======= */

@media (min-width: 768px) {

	.video .on-page-nav > a {
		color: #fff;
	}

	.video-content {
		padding: 30px;
	}
	
	.video-head {
		padding: 0 60px;
	}
	
	.video-head > h2 {
		font-size: 30px;
	}
	
	.video-head > h1 {
		font-size: 45px;
	}
	
	.video-tag {
		position: relative;
		padding: 20px 0;
	}

	.video-tag > span {
		padding: 10px 15px;
		width: 20%;
	}
	
	.video-tag > span::before {
		width: 30px;
	}
	
	.video-tag > p {
		font-size: 16px;
		margin: 0;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		z-index: 1;
	}
	
	.video-container {
		padding: 0 30px;
	}

  .video-container::after {
    height: 50%;
  }

  .video-container > div {
		height: 320px;
  }

}
	
/* ======= Article - Desktop+ ======= */
	
@media (min-width: 992px) {

	#video .general-content > div {
		max-width: 840px;
	}

	.video-content {
		padding: 50px 0;
		width: 900px;
		margin: auto;
	}
	
	.video-head {
		padding: 0 60px;
	}
	
	.video-head > h2 {
		font-size: 35px;
	}
	
	.video-head > h1 {
		font-size: 45px;
	}
	
	.video-tag {
		padding: 20px 0;
	}

	.video-tag > span {
		width: 20%;
	}
	
	.video-tag > span::before {
		width: 30px;
	}
	
	.video-container {
    padding: 0;
	}

  .video-container > div {
    height: 470px;
    max-width: 900px;
    margin: auto;
    padding: 0;
  }
  
}

/*===============================
  ===============================
  == Videos & Article Archive ===
  ===============================
  ===============================*/

/*===============================
    Videos & Article Archive Header
  ===============================*/

/* ======= Videos & Article Archive Header - Mobile+ ======= */

#archive-page {
	background-color: #F7F7F7;
}

#archive-page > main {
	padding: 20px 10px 70px;
}

#archive-page > main > header {
	position: relative;
	margin-bottom: 50px;
	padding-left: 25px;
}

#archive-page > main > header::before {
	background: url(../png/dot-black.png);
  width: 22px;
  height: calc(100% + 24px);
  content: " ";
  background-size: 6px;
  margin-left: -10px;
  position: absolute;
  opacity: .15;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#archive-page > main > header h1 {
	font-family: 'Playfair Display', serif;
	font-size: 35px;
	color: #434343;
	font-weight: 700;
	line-height: 1.3;
	margin: 50px 0;
}

#archive-page > main > header > h1::after {
	content: ".";
	color: #0097CE;
	color: var(--primary);
}

#archive-page > main > article {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	transition: box-shadow .5s, -webkit-box-shadow .5s, opacity .5s;
	margin-bottom: 30px;
}

#archive-page > main > article:hover,
#archive-page > main > article:focus {
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.25);
}

#archive-page > main > article:active {
	opacity: .75;
}

#archive-page > main > article .background-image-wrapper {
	height: 0;
	padding-bottom: 56.25%;
	z-index: 1;
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	border-radius: 5px;
	position: relative;
	color: #fff;
}

#archive-page > main > article:hover .background-image-wrapper > img.background-image {
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}

#archive-page > main > article .background-image-wrapper i {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 36px;
	opacity: .75;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

#archive-page > main > article:hover .background-image-wrapper i {
	opacity: 1;
}

#archive-page > main > article .title-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 10px;
}

#archive-page > main > article .title-meta h1 {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	color: #434343;
	font-size: 18px;
	width: 100%;
	margin: 10px 0;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

#archive-page > main > article .title-meta .topic,
#archive-page > main > article .title-meta .date,
#archive-page > main > article .title-meta .author {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	color: #434343;
	text-transform: uppercase;
	letter-spacing: .025rem;
	font-size: 12px;
	letter-spacing: 1px;
}

#archive-page > main > article .title-meta .author {
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	width: calc(60% - 5px);
}

#archive-page > main > article .title-meta .date {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	width: calc(40% - 5px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

#archive-page > main > article .title-meta .topic {
	width: 100%;
	font-size: 10px;
	letter-spacing: 2px;
	font-weight: 600;
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	margin-top: 15px;
	position: relative;
	padding-left: 15px;
}

#archive-page > main > article .title-meta .topic::before {
	background: url(../png/dot-black.png);
	width: 12px;
	height: 12px;
	content: " ";
	background-size: 6px;
	position: absolute;
	opacity: .5;
	left: 0;
	top: calc(50% - 1px);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* ======= Videos & Article Archive - Large Mobile+ ======= */

@media (min-width: 480px) {

	#archive-page > main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		padding: 70px 10px;
	}

	#archive-page > main > header {
		width: 100%;
	}

	#archive-page > main > header h1 {
		margin: 10px 0;
	}

	#archive-page > main > article {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}

}

/* ======= Videos & Article Archive - X-Large Mobile+ ======= */

@media (min-width: 600px) {

	#archive-page > main {
		padding: 100px 30px;
	}

	#archive-page > main > header {
		margin-left: -20px;
	}

	#archive-page > main > article {
		width: calc(50% - 15px);
		margin-bottom: 30px;
	}

}

/* ======= Videos & Article Archive - Tablet+ ======= */

@media (min-width: 768px) {

	#archive-page > main {
		padding: 100px 50px;
	}

	#archive-page > main > header {
		margin-left: -20px;
		margin-bottom: 100px;
	}

	#archive-page > main > header::before {
		width: 34px;
		margin-left: -30px;
	}

	#archive-page > main > header h1 {
		font-size: 50px;
	}

	#archive-page > main > article {
		width: calc(50% - 25px);
		margin-bottom: 50px;
		padding: 15px;
	}
  
  /* #archive-page > main > article:nth-child(even) {
    height: 350px;
  }

  #archive-page > main > article:nth-child(even) .background-image-wrapper {
    height: 350px;
  }
  
  #archive-page > main > article:nth-child(odd) { 
    height: 260px;
  }

  #archive-page > main > article:nth-child(odd) .background-image-wrapper { 
    height: 260px;
  } */
  
  /* #archive-page > main > article:nth-child(2) {
    order: 0;
  }

  #archive-page > main > article:nth-child(3) {
    order: 1;
  }

  #archive-page > main > article:nth-child(4) {
    order: 4;
  }

  #archive-page > main > article:nth-child(5) {
    order: 3;
  }

  #archive-page > main > article:nth-child(6) { 
    order: 4;
  }


  #archive-page > main > article:nth-child(7) { 
    order: 5;
  }

  #archive-page > main > article:nth-child(8) { 
    order: 6;
  }

  #archive-page > main > article:nth-child(9) { 
    order: 7;
  } */


	#archive-page > main > article .title-meta {
		margin-top: 15px;
		height: 100%;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
		padding-bottom: 50px;
	}

	#archive-page > main > article .title-meta h1 {
		font-size: 24px;
		margin: 10px 0;
		line-height: 1.4;
	}

	#archive-page > main > article .title-meta .topic,
	#archive-page > main > article .title-meta .author,
	#archive-page > main > article .title-meta .date {
		font-size: 14px;
	}

	#archive-page > main > article .title-meta .topic {
		margin: 15px 0 10px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#archive-page > main > article .title-meta .topic::before {
		background: url(../png/dot-black.png);
		width: 24px;
		height: 36px;
		content: " ";
		background-size: 6px;
		position: absolute;
		opacity: .15;
		left: 0;
		top: calc(50% - 1px);
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

}

/* ======= Videos & Article Archive - 1100 Desktop+ ======= */

@media (min-width: 1100px) {

	#archive-page > main > header::before {
		width: 34px;
		margin-left: -30px;
		width: 200%;
		left: initial;
		right: 100%;
	}

	#archive-page > main > header {
		margin-left: -30px;
		padding-left: 35px;
	}	

}
/* ======= Videos & Article Archive - Large Desktop+ ======= */

@media (min-width: 1200px) {

	#archive-page > main {
		padding: 150px 0px;
	}

	#archive-page > main > header {
		margin-bottom: 120px;
	}

}

/*===============================
    Video / Article Pagination
  ===============================*/

/* ======= Video / Article Pagination - Mobile+ ======= */

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 60px auto 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
}

/*Change 14-08-2018*/
.pagination .prev i {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.pagination .previous-page i {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.pagination a {
	padding: 3px 5px 0;
	margin: 0 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 50px;
	min-width: 25px;
  height: 25px;
	position: relative;
	border: 2px #F7F7F7 solid;
	color: #434343;
	-webkit-box-shadow: 0px 0px 0px 3px #434343;
	box-shadow: 0px 0px 0px 3px #434343;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	opacity: 1;
	background-position: center;
	transition: background 0.8s,
							color 0.25s,
							box-shadow .25s,
							-webkit-box-shadow .25s,
							opacity .25s;
}

.pagination a:focus,
.pagination a:hover {
	color: #fff;
	background: #434343 radial-gradient(circle, #434343 1%, #1B1B1B 1%) center/15000%;
	color: #ffffff;
}

.pagination a:active {
	background-color: #fff;
	background-size: 100%;
	-webkit-transition: background 0s;
	transition: background 0s;
}

.pagination a.current {
	border: 2px #F7F7F7 solid;
	color: #fff;
	-webkit-box-shadow: 0px 0px 0px 3px #0097CE;
	box-shadow: 0px 0px 0px 3px #0097CE;
	background: #0097CE;
	-webkit-box-shadow: 0px 0px 0px 3px var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary);
	background: var(--primary);
}

.pagination a.current:focus,
.pagination a.current:hover {
	opacity: .75;
}

.pagination a.current:active {
	opacity: .9;
}

.pagination a.current span {
    color: #fff;
    font-size: 16px;
    padding-top: 6px;
}

/*change 14-08-2018*/
.pagination .next.page-numbers {
	font-size: 24px;
	padding: 1px 10px 0;
}
/*change 14-08-2018*/
.pagination .prev.page-numbers {
	font-size: 24px;
	padding: 0 10px 1px;
}

.pagination .next-page {
	font-size: 24px;
	padding: 1px 10px 0;
}

.pagination .previous-page {
	font-size: 24px;
	padding: 0 10px 1px;
}

.pagination span {
	color: #434343;
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: -7px;
}


/* ======= Video / Article Pagination - Large Mobile+ ======= */
@media (min-width: 480px) {

	.pagination {
		margin: 50px auto 0;
	}

	.pagination a {
		margin: 0 10px;
	}

}

/* ======= Video / Article Pagination - Desktop+ ======= */
@media (min-width: 992px) {
	
	.pagination {
		margin: 90px auto 0;
	}

	.pagination a {
		margin: 0 15px;
		font-size: 16px;
		padding: 3px 3px 0;
	}

}

/*===============================
    Home / Incorrect Form 
    Raman CSS Style
  ===============================*/

/* ======= Home / Incorrect Form - Mobile+ ======= */

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 5px 4px 5px 0 !important;
}

.signature-form .gform_wrapper div.validation_error {
  display: none !important;
}

.gfield.gfield_error.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible {background-color: transparent;border-top: 0px transparent !important;border-bottom: 0px transparent !important;padding-bottom: 0px !important;padding-top: 0 !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;margin: 0 !important;margin-bottom: 0 !important;padding: 0 !important;}

.gfield.gfield_error.gf_left_half.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible {
	padding-right: 16px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 8px !important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper li.gfield_error textarea {
  border: 0px solid transparent !important;
  outline: none !important;
  border-bottom: #CE0000 1px solid !important;
  -webkit-box-shadow: 0px 0px 10px 1px #CE0000 !important;
  box-shadow: 0px 1px 0px 0px #CE0000 !important;
  border-radius: 0px !important;
}

.gfield_error ::-webkit-input-placeholder { color:#CE0000; text-transform: uppercase;}
.gfield_error :-moz-placeholder { opacity: 1; color:#CE0000; text-transform: uppercase;} /* Firefox 18- */
.gfield_error ::-moz-placeholder { opacity: 1; color:#CE0000; text-transform: uppercase;} /* firefox 19+ */
.gfield_error :-ms-input-placeholder { color:#CE0000; text-transform: uppercase;} /* ie */
.gfield_error .gfield_error input:-moz-placeholder { color:#CE0000; text-transform: uppercase;}

.gfield {
	position: relative;
}

.gform_wrapper .field_description_below .gfield_description {
  padding: 0px !important;
  font-size: 9px !important;
  color: #CE0000;
  position: absolute !important;
  font-weight: 400;
  letter-spacing: .025rem;
  left: 0;
  bottom: -13px;
  opacity: .45;
}

body .gform_wrapper ul li.gfield {
  margin-top: 0 !important;
}

.gform_wrapper.gf_browser_chrome .gfield_error input[type=email], 
.gform_wrapper.gf_browser_chrome .gfield_error input[type=number], 
.gform_wrapper.gf_browser_chrome .gfield_error input[type=password], 
.gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], 
.gform_wrapper.gf_browser_chrome .gfield_error input[type=text], 
.gform_wrapper.gf_browser_chrome .gfield_error input[type=url], 
.gform_wrapper.gf_browser_chrome .gfield_error select, 
.gform_wrapper.gf_browser_chrome .gfield_error textarea, 
.gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] {
	border-bottom: 0px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container_checkbox {
  margin-top: 40px !important;
}


.gform_wrapper .gfield_error ul.gfield_checkbox li label {
	color: #CE0000 !important;
}

.gform_wrapper .gfield_error ul.gfield_checkbox li label::before {
  -webkit-box-shadow: 0px 0px 0px 3px #CE0000;
  box-shadow: 0px 0px 0px 3px #CE0000;
}

.gfield_error input[type="checkbox"]:checked + label::before {
	background-color: #CE0000;
}

#field_1_17 .gfield_description.validation_message {
	padding-left: 30px !important;
}