/* Color Tokens */

.primary {
	color: #CE0000; /* $primary */
}

.secondary {
	color: #F2E679; /* $secondary */
}

.tertiary {
	color: #7C7A78; /* $tertiary */
}

.dark {
	color: #373535; /* $dark */
}

.light {
	color: #FFFFFF; /* $light */
}

/* End Color Tokens */

/* Instagram - Corporate Home Page */

section.instagram-area {
	text-align: center;
	padding-top: 0;
}

section.instagram-area .container {
	overflow: hidden;
	position: relative;
}

section.instagram-area.tips, section.instagram-area.category {
	padding-bottom: 0;
}

section.instagram-area .main {
	border-top: solid 0.125em #DFDFDF;
	padding-top: 3em;
}

.local section.instagram-area .main {
	border-top: none;
	padding-top: 1.5em;
}

section.instagram-area.category .main {
	border-bottom: solid .25em #7C7A78;
	padding-bottom: 3em;
}

section.instagram-area.tips .main, section.instagram-area.category .main {
	border-top: none;
}

section.instagram-area.tips.service .main {
	padding-top: 1em;
}

section.instagram-area.local header h2 {
	margin-bottom: 1em;
}

section.instagram-area header p {
	margin-top: .25em;
	font-size: 1.25em;
}

.instagram-area .instagram-feed {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	display: -ms-flexbox;
	display: flex;
	padding-top: 1em;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.list-scroller.instagram-area .instagram-feed {
	transition: transform 0.5s ease;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
}

.no-flexbox .instagram-area .instagram-feed {
	display: block;
	overflow: hidden;
}

.instagram-area.list-scroller .instagram-feed .image, .instagram-area .instagram-feed .image {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 31%;
	background-color: transparent;
	position: relative;
	margin-bottom: 1.75em;
	cursor: pointer;
}

.no-flexbox .instagram-area .instagram-feed .image {
	float: left;
	margin: 0 0.5%;
}

.instagram-area .instagram-feed .image.alt {
	background-color: #FFFFFF;
	padding: 0.313rem;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.instagram-area.local .instagram-feed .image {
	width: 23%;
	-ms-flex: 0 1 23%;
	flex: 0 1 23%;
}

.list-scroller.instagram-area.local .instagram-feed .image, .list-scroller.instagram-area .instagram-feed .image {
	padding: 0 1.125em;
}

.instagram-area.tips .instagram-feed .image, .instagram-area.category .instagram-feed .image {
	width: 15.5%;
	margin-bottom: 1em;
}

.instagram-area .instagram-feed .image div, .instagram-area .instagram-feed .image a.homelink {
	width: 100%;
	background-size: cover;
	position: relative;
	opacity: 1;
	cursor: pointer;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -ms-flexbox;
	display: flex;
	transition: .5s;
}

.instagram-area .instagram-feed .image div img, .instagram-area .instagram-feed .image a.homelink img {
	width: 100%;
	background-size: cover;
	position: relative;
	opacity: 1;
	cursor: pointer;
	transition: .5s;
	background-color: #000000;
	height: 0;
	padding-bottom: 100%;
}

.instagram-area .instagram-feed .image:hover div, .instagram-area .instagram-feed .image:hover a.homelink {
	opacity: 1;
}

.instagram-area .instagram-feed .image.alt div, .instagram-area .instagram-feed .image.alt a.homelink {
	opacity: 1;
}

.instagram-area:not(.local) .instagram-feed .image div:before, .instagram-area:not(.local) .instagram-feed .image a.homelink:before {
	display: none;
}

.instagram-area .instagram-feed .image div:before, .instagram-area .instagram-feed .image a.homelink:before {
	content: '\e806';
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	background-image: none;
	transition: .5s;
	background-color: rgba(0,0,0,0.3);
	font-family: 'fontello'!important;
	padding: 0.25em 0.5em;
	color: #FFFFFF;
	font-size: 2em;
	z-index: 2;
	pointer-events: none;
	display: block;
}

.instagram-area .instagram-feed .image:hover div:before, .instagram-area .instagram-feed .image:hover a.homelink:before {
	opacity: 1;
	background-color: #000000;
}

.instagram-area .instagram-feed .image.alt div:before, .instagram-area .instagram-feed .image.alt a.homelink:before {
	display: none;
}

.instagram-area .instagram-feed .image h3 {
	margin: 1em 0 0 0;
	color: #373535; /* $dark */
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.125em;
	pointer-events: none;
	text-align: left;
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	padding: 0 50% 0 0;
}

.instagram-area .instagram-feed.nopointer .image h3:after {
	display: none;
}

.instagram-area.local-work-portfolio .instagram-feed .image h3 {
	font-size: 0.75em;
}

.instagram-area .instagram-feed .image h3:after {
	content: 'VIEW';
	position: absolute;
	bottom: 0;
	font-size: 1em;
	right: 0;
	margin: 0;
	border-radius: 0;
	border: none;
	width: auto;
	height: auto;
	line-height: 1;
	left: auto;
	color: #CE0000; /* $primary */
	font-family: 'Open Sans', sans-serif;
	transition: 0.5s ease;
}

.instagram-area .instagram-feed .image:hover h3:after {
	color: #373535; /* $dark */
}

.instagram-area .instagram-feed .image .caption {
	word-break: break-all;
}

.instagram-area .instagram-feed .image .caption span.more {
	display: none;
}

.instagram-area .instagram-feed .image .caption.moretext span.more {
	display: inline-block;
}

.instagram-area .instagram-feed .image .caption.moretext:hover span.more {
	color: #CE0000; /* $primary */
}

.hidden-form {
	display: none;
}

.cms-edit-layout .hidden-form {
	display: block;
}

.cms-edit-layout .hidden-form * {
	display: none;
}

.cms-edit-layout .tech-tip:before {
	content: 'Hidden Module - 'attr(data-tech);
}

.list-scroller.instagram-area .scroll-nav {
}

.list-scroller.instagram-area .scroll-nav span {
	position: absolute;
	top: 25%;
	font-size: 3em;
	color: #CE0000; /* $primary */
	cursor: pointer;
	display: block;
	transition: 0.5s ease;
	transform_: translateY(-40%);
	height: 50%;
	padding: 1.5em 0.6em;
	opacity: 0;
	visibility: hidden;
}

.list-scroller.instagram-area.tips .scroll-nav span {
	top: 33%;
}

.list-scroller.instagram-area .scroll-nav span:before {
	font-family: 'icomoon-ult'!important;
	position: absolute;
	left: 0;
}

.list-scroller.instagram-area .scroll-nav span icon {
	display: block;
}

.list-scroller.instagram-area .scroll-nav span:hover {
	color: #7C7A78; /* $tertiary */
}

.list-scroller.instagram-area .scroll-nav span.prev {
	left: -1em;
	opacity_: 1;
	visibility_: visible;
}

.list-scroller.instagram-area .scroll-nav span.prev:before {
	content: '\e9a4';
}

.list-scroller.instagram-area.active .scroll-nav span.prev {
	opacity: 1;
	visibility: visible;
}

.list-scroller.instagram-area.active.start .scroll-nav span.prev {
	opacity: 0;
	visibility: hidden;
}

.list-scroller.instagram-area.active.end .scroll-nav span.prev {
	opacity: 1;
	visibility: visible;
}

.list-scroller.instagram-area .scroll-nav span.next {
	right: -1em;
	opacity_: 1;
	visibility_: visible;
}

.list-scroller.instagram-area.active .scroll-nav span.next {
	visibility: visible;
	opacity: 1;
}

.list-scroller.instagram-area.active.start .scroll-nav span.next {
	opacity: 1;
	visibility: visible;
}

.list-scroller.instagram-area.active.end .scroll-nav span.next {
	opacity: 0;
	visibility: hidden;
}

.list-scroller.instagram-area .scroll-nav span.next:before {
	content: '\e9e3';
}

/* End Instagram - Corporate Home Page */

/* Local Work Portfolio Grid */

.instagram-area.local-work-portfolio .instagram-feed {
	display: block;
	overflow: hidden;
	position: relative;
	min-height: 75em;
}

.instagram-area.local-work-portfolio .instagram-feed .image {
	position: absolute;
	width: 31.3%;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(1), .instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 6) {
	width: 64.6%;
	-ms-flex: 0 1 64.6%;
	flex: 0 1 64.6%;
	position: relative;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(1) {
	float: left;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 6) {
	float: right;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 2), .instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 3) {
	right: 0;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 3) {
	top: 25%;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 4), .instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 5) {
	left: 0;
	bottom: 0;
	top: auto;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 4) {
	bottom: auto;
	top: 50.6%;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 5) {
	bottom: 0;
	top: auto;
}

.instagram-area.local-work-portfolio .instagram-feed.total4 .image:nth-child(4), .instagram-area.local-work-portfolio .instagram-feed.total5 .image:nth-child(4) {
	position: relative;
	float: right;
	clear: both;
	width: 64.6%;
}

.instagram-area.local-work-portfolio .instagram-feed.total5 .image:nth-child(5) {
	width: 31.3%;
	position: absolute;
	bottom: auto;
	top: 54.9%;
}

.instagram-area.local-work-portfolio .instagram-feed .image div {
	border: 1px solid #434141;
}

.instagram-area.local-work-portfolio .instagram-feed .image div img {
	//padding-bottom: 85.6%;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(1) div img, .instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 6) div img {
	//padding-bottom: 100%;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(1) h3, .instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 6) h3 {
	font-size: 1.125em;
}

.instagram-area .instagram-feed .image p {
	display_: none;
	font-size: 0.75em;
	margin-top: 0;
}

.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(1) p, .instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 6) p {
	font-size: 1em;
}

.photo .filter select {
	font-weight: bold;
	font-style: italic;
	color: #CE0000; /* $primary */
}

/* End Local Work Portfolio Grid */

/* Responsive 1000px */

@media (max-width: 1000px) {
	.instagram-area.local-work-portfolio .instagram-feed {
		min-height: 62em;
	}
}

/* End Responsive 1000px */

/* Responsive 800px */

@media (max-width: 800px) {
	.instagram-area.local-work-portfolio .instagram-feed {
		display: -ms-flexbox;
		display: flex;
		min-height: 0;
	}

	.instagram-area.local-work-portfolio .instagram-feed .image {
		width: 31.3%!important;
	}

	.instagram-area .instagram-feed .image:nth-child(5), .instagram-area .instagram-feed .image:nth-child(6) {
		display: block;
	}

	.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(1) {
		float: none;
	}

	.instagram-area.local-work-portfolio .instagram-feed .image:nth-child(n + 6) {
		float: none;
	}

	.instagram-area.local-work-portfolio .instagram-feed.total4 .image:nth-child(4), .instagram-area.local-work-portfolio .instagram-feed.total5 .image:nth-child(4) {
		float: none;
		clear: none;
	}

	.instagram-area.local-work-portfolio .instagram-feed .image, .instagram-area.local-work-portfolio .instagram-feed.total5 .image:nth-child(5) {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		-ms-flex: 0 1 31.3%!important;
		flex: 0 1 31.3%!important;
	}

	.instagram-area.local-work-portfolio .instagram-feed .image div {
		//padding-bottom: 100%;
	}

	.instagram-area .instagram-feed .image h3 {
		font-size: 2.11vw!important;
	}

	.instagram-area .instagram-feed .image p {
		display: none;
	}

	.instagram-area .instagram-feed .image div:before, .instagram-area .instagram-feed .image a.homelink:before {
		font-size: 1em;
	}
}

/* End Responsive 800px */

/* Responsive 600px */

@media (max-width: 600px) {
	.instagram-area.local-work-portfolio .instagram-feed .image, .instagram-area.local-work-portfolio .instagram-feed.total5 .image:nth-child(5) {
		width: 48%!important;
		-ms-flex: 0 1 48%!important;
		flex: 0 1 48%!important;
	}

	.instagram-area .instagram-feed .image h3 {
		font-size: 3vw!important;
	}

	.instagram-area .instagram-feed .image, .instagram-area.local-work-portfolio .instagram-feed.total5 .image:nth-child(5) {
		width: 48%;
	}

	.instagram-area.list-scroller {
		display: none;
	}
}

/* End Responsive 600px */