body {
	padding-top: 87px;/* for bootstrap fixed nav */ /* 125px */ /* was 55px but testing says it should be 87px */
	font-family: "futura-100", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.color {
	color: rgba(203 72 96 / 1.0); /* cb4860 */
}

.navbar-default {
	background:#ffffff;
}

.navbar-header:before,
.navbar-header:after {
	display: block;
	content: inherit;
}

.navbar-brand {
	height: auto;
	max-width:200px;
	padding: 20px 15px;/*15px 15px*/
}

.navbar-header {
	float: left;
}

.navbar-nav {
	float: right;
}

.nav>li {
	display: inline-block;
}

.navbar-nav>li>a {
	padding-top: 25px;/* 45px */
	padding-bottom: 25px;/* 45px */
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 30px;/* 50px */
		padding-bottom: 30px;/* 50px */
	}
}

.site-title,
.site-description {
	display:none;
}



/*=============================================================

	GUTTERS ADDED TO GIVE BOOSTRAP AN EDGE TO EDGE OPTION
	
=============================================================*/


/*.container-fluid.full-width {
    padding-left: 0;
    padding-right: 0;
}*/
/*.row.row-no-gutter {
    margin: 0
}*/
.row.row-no-gutter [class*="col-"] {
    padding: 0
}
.img-full-width {
    width: 100.5%;
    height: auto;
}
.has-inner .row.row-no-gutter {
    margin-left: -10px;
    margin-right: -10px;
}
.row.row-no-gutter .inner {
    padding-left: 10px;
    padding-right: 10px;
}

/*=====================END GUTTER BLOCK======================*/

.grid {
	margin:0 auto;
	padding:0;
}

.grid-sizer,
.grid-item {
	width: 50%;
	/*background-color:aqua;*/
}

.grid-item--width2 {
	width: 50%;
	/*background-color:fuchsia;*/
}

img {
	max-width: 100%;
}

.project-page-image {
	padding: 0px;
	width:100%;
}

.grid li.project-page-image img {
	margin:0 auto;
	max-height:550px;
}

@media all and (max-width: 900px) {
	.grid li.project-page-image img {
		max-height:100%;
	}
}


@media all and (max-width: 900px) {
	.grid-item {
		width: 100%;
		/*background-color:aqua;*/
	}
	
	.grid-item--width2 {
		width: 100%;
		/*background-color:fuchsia;*/
	}
	
	.project-page-image {
		padding: 0px;
	}
}

@media (min-width: 768px) {
	.project-page-image {
		padding: 0px 10px 20px 10px;
	}
}

.google-maps {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}



/*===============================================================

				Home Page - Project Image Grid
	
=================================================================*/

@media all and (max-width: 900px) {
	.projects {
		margin-bottom:15px;
	}
	
	li.projects:last-child {
		margin-bottom:0px;
	}
}

figure {
	display: block;
	position: relative;
	overflow: hidden;
}

figcaption {
	position: absolute;
	/*background: rgba(251,251,251,.9);*/
	color: #333333;
	padding: 5px;
	opacity: 1;
	bottom: 0;
	left: 0;
	font-size: 1.5em;
	letter-spacing: 0;
	height: 25%;/* 30% */
	width: 100%;
}

.grid li a,
.grid li img {
	outline: 0;
	border: 0;
	text-decoration: none;
	color: #333333;
	display: block;
	max-width: 100%;
	text-align:center;
}

.grid li figcaption a {
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color:#d34d18;
	background-color:#FFFFFF;
}

.hentry {
	margin:0px;
}



/*===============================================================

			TESTING DIFFERENT SELECT BUTTON STYLES
	
=================================================================*/


/*select,
.button-group {
	width: 100%;
	font-family: "futura-100", sans-serif, Helvetica, Arial;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 24px;
	font-size: 14px;
	font-size: 1.6rem;
	-webkit-appearance: none;
	border: 0;
	display: inline;
	background: transparent;
	cursor: pointer;
	border-radius: initial;
	box-shadow: none;
}*/



.select-arrow {
	background: url(../img/select-arrow.svg) no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 25px;/*15px*/
	height: 25px;/*15px*/
	margin-left: 14px;
	pointer-events: none;
	position: absolute;
	right: 34.5px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

ul {
	margin:0px 0px; /* 12px 0px */
	padding:0;
}

li {
	margin:0;
	padding:0px 0px 8px 8px; /* was 0 */ /* then it was padding:0px 3px 6px 3px; */
	list-style-type: none;
	/*cursor: pointer;*/
}

li:nth-child(even) {
	padding-right:8px;/* 6px */
}

li:nth-child(odd) {
	padding-left:16px; /* 6px */
}

li.category-cushion {
	padding-left:25px;
}


@media all and (max-width: 900px) {
	li {
		margin:0;
		padding:0; /* was 0 */
		list-style-type: none;
		/*cursor: pointer;*/
	}
	
	li:nth-child(even) {
		padding-right:0;
	}
	
	li:nth-child(odd) {
		padding-left:0;
	}
	
	li:nth-child(odd).category-cushion {
		padding-left:25px;
	}
	
	/*.nav>li>a {
		padding-top: 53px;
		padding-right: 10px;
		padding-bottom: 37px;
		padding-left: 10px;
	}*/
}

@media screen and (max-width: 767px) {
	.nav>li>a {
		padding-top: 26px;/*45px*/
		padding-right: 9px;
		padding-bottom: 40 px;
		padding-left: 9px;
	}
}

.grid li.project-page-image,
.grid li.project-page-image:nth-child(even),
.grid li.project-page-image:nth-child(odd) {
	margin:0;
	padding:0px 0px 20px 0px;
	list-style-type: none;
}

.grid li.project-page-image:last-child {
	padding:0px 0px 0px 0px;
}

.new-category li {
	/*padding: 25px;*/
	border-bottom: 1px solid #e7e7e7;
	/*cursor: pointer;*/
}

.new-category li:last-child {
	border-bottom: 0px solid #e7e7e7;
}

.dropdown-menu>li>a {
	padding:25px;
}

.category-cushion {
	padding: 25px;
}

/*.new-category {
	display:inline-block;
}*/


.dropdown-menu {
	position: relative;
	width: 100%;
	
	border: 0px solid rgba(0,0,0,0);
	border-top: 1px solid #e7e7e7;
	box-shadow: 0 0px 0px rgba(0,0,0,0);
	border-radius: 0px;
	
	margin:0px;
	padding:0px;
}

.category-menu-width {
	width:100%;
}

.category-menu-styles {
	width:100%;
}

.main-nav-button {
	display: inline-block;
	padding: 25px 12px 25px 0px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42857143;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	width: 100%;
	background: #FFFFFF;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.btn-group .dropdown-toggle,
.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

/* ==============================

ANIMATION TEST 1

================================= */

/*.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  
}

.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block;
  
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}*/

/* ==============================

ANIMATION TEST 2

================================= */

/*===============================================================


					ACCORDION STYLES
	
	
=================================================================*/


h1.accordion {
	margin:0;
	padding:25px;
	font-family: "futura-100", sans-serif, Helvetica, Arial;
	/*font-size: 14px;*/
	/*font-size: 1.4rem;*/
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 24px;
	/*font-size: 14px;*/
	font-size: 1.6rem;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion,
.accordion-2 {
	/*background-color: #eee;*/
	color: #444;
	cursor: pointer;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-bottom:1px solid #e7e7e7; /* darker grey #515152 */
	/*margin:0px 0px 0px 0px;*/ /*50px 0px 0px 0px*/
}
			
/* Add a background color to the button if it is clicked on (add the .menu-on class with JS), and when you move the mouse over it (hover) */
.menu-on,
.accordion:hover,
.accordion-2:hover {
	/*background-color: #ccc;*/
}
			
/* Style the accordion panel. Note: hidden by default */
.panel {
	/*padding: 0 18px;*/
	background-color: white;
	max-height: 0;
	display:block;/* was display none */
	overflow: hidden;
	transition: max-height 0.4s ease-out, opacity 0.4s ease-in;
	/*border: 1px solid #eee;*/
	margin:0;
	/*padding:0;*/
	opacity:0;
}
			
.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	/*font-size: 1.6rem;*/
	color: #777;
	float: right;
	margin-left: 5px;
}
			
.accordion-2:after {
	content: '\2192'; /* Unicode character for "plus" sign (+) */
	/*font-size: 1.6rem;*/
	color: #777;
	float: right;
	margin-left: 5px;
}
			
.menu-on:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}
			
.grey {
	background:#eeeeee;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin:25px;
	padding:10px;*/
	transition: 0.4s;
}
			
.grey:hover {
	/*box-shadow: 0px 0px 0px grey;*/
}
			
.content {
	/*margin-top:25px;*/
}

.open-me {
	display:block;
}

.close-me {
	display:none;
}





/*===============================================================


				CUSTOM SELECT BUTTON STYLES
	
	
=================================================================*/



/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: "futura-100", sans-serif;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #cccccc;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top:28px;
  right: 25px;
  width: 0;
  height: 0;
  /*border: 6px solid transparent;*/
  border-color: #fff transparent transparent transparent;
  transition: all 0.2s ease;
  
  transform: rotate(45deg);
  /*-webkit-transform: rotate(45deg);*/
  border: 1px solid #333333;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
}

@media all and (max-width: 900px) {
	.select-selected:after {
		right: 25px;
	}
}

@media screen and (max-width: 767px) {
	.select-selected:after {
		right: 15px;
	}
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  /*border-color: #fff;*/ /*transparent transparent #fff transparent*/
  top: 30px;
  padding: 5px;
  transform: rotate(-135deg);
  /*-webkit-transform: rotate(-135deg);*/
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
  	color: #ffffff;
  	/*padding: 8px 14px;*/
  	border: 0px solid transparent;
  	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  	cursor: pointer;
  	
  	margin: 0;
	/*padding: 25px;
	font-family: "futura-100", sans-serif, Helvetica, Arial;
	letter-spacing: 0.5px;
	line-height: 24px;
	font-size: 14px;
	font-size: 1.6rem;*/
	background:#FFFFFF;
}

/* Style items (options): */
.select-items {
  /*position: absolute;*/
  background-color: #cccccc;/*DodgerBlue*/
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1040;/* was 99 */
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}



.arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  /*position: relative;*/
  margin: 0 1rem;
  
	position: absolute;
	right: 34.5px;
}
.arrow span {
  top: 0.5rem;
  position: absolute;
  width: 0.75rem;
  height: 0.1rem;
  background-color: #efefef;
  display: inline-block;
  transition: all 0.2s ease;
}
.arrow span:first-of-type {
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.arrow span:last-of-type {
  right: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.arrow.active span:first-of-type {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.arrow.active span:last-of-type {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.copyright {
	text-align:right;
	border-top: 1px solid #e7e7e7;
	padding:25px 0px;
}

.content-body {
	background-color: #FFF;
	max-width: 992px;
	margin: 0 auto;
}

.space {
	padding: 25px 12px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color:#ffffff;
}

.project-class-title {
	padding: 26px 12px 26px 0px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.42857143;
	text-align: left;
}

.project-information-container > h1 {
	padding: 26px 12px 26px 0px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.42857143;
	text-align: left;
}

.project-information-container > ul {
	/*border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;*/
}

.project-information-container > ul li {
	padding: 12px 0px 12px 0px; /*25px*/
	border-bottom: 0px solid #e7e7e7;
}

.project-information-container > ul li:last-child {
	border-bottom: 0px solid #e7e7e7;
}

.project-information-container > ul.project-details {
	border-top: 0px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.about-details {
	border-bottom: 0px solid #e7e7e7;
}

.about-details li {
	padding: 25px;
	border-bottom: 1px solid #e7e7e7;
}

.about-details li:last-child {
	border-bottom: 0px solid #e7e7e7;
}

.news > .entry-content > h1 {
	padding: 26px 12px 15px 0px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.42857143;
	text-align: left;
}

.news > .entry-content > h2 {
	padding: 15px 12px 15px 0px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42857143;
	text-align: left;
}

.news > .entry-content > h3 {
	padding: 10px 12px 10px 0px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.42857143;
	text-align: left;
}

.news > .entry-content > h4 {
	padding: 10px 12px 10px 0px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42857143;
	text-align: left;
}

.news > p {
	padding-bottom:25px;
}

.news > .entry-content > ul {
	margin:0 0 1.5em 3em;
}

.news > .entry-content > ul > li {
	margin:0;
	padding:0px 0px 6px 0px; /* was 0 */
	list-style-type:square;
}

.news > .entry-content > ul > li:nth-child(even) {
	padding-right:0px 0px 6px 0px;
}

.news > .entry-content > ul > li:nth-child(odd) {
	padding-left:0px 0px 6px 0px;
}

.news > .entry-content > ol {
	margin:0 0 1.5em 3em;
	display: block;
	list-style-type: decimal;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

.news > .entry-content > ol > li {
	margin:0;
	padding:0px 0px 6px 0px; /* was 0 */
	list-style-type: decimal;
}

a {
	color:#e24901;
}

a:visited {
	color:transparent;
}

.btn {
	border-radius:0px;
}

.btn-next-project {
	color:#777777;
	font-size:14px;
	/*background-color: #e24901;
	border-color: #d34d18;*/
	/*padding:10px 14px;*/
}

.btn-next-project:hover {
	color:#333333;
	/*background-color: #d34d18;*/
}

.btn-next-project:visited {
	color:#777777;
}

.gallery-item {
	margin: 3px 0px;
}


/* ============================================================
	
	
		ADD TO LIVE SITE ADDED AFTER THE PHASE TWO REVIEWS
	
	
===============================================================*/


.btn-next-project {
	/*border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;*/
}

.btn-next-project {
	padding: 25px 0px;
	/*border-bottom: 1px solid #e7e7e7;*/
}

.btn-next-project {
	/*border-bottom: 0px solid #e7e7e7;*/
}

.btn-next-project {
	/*border-top: 0px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;*/
}

@media screen and (max-width: 767px) {
	.btn-next-project {
		padding: 0px 0px;
	}	
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	padding: 25px;
	padding:10px 0px;/*10px 14px*/
	/*border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;*/
}

.post-navigation .nav-next h4,
.post-navigation .nav-previous h4 {
	line-height:25px;
}

.site-main .post-navigation {
	margin:0;
	border-bottom: 1px solid #e7e7e7;
}

@media screen and (max-width: 767px) {
	.site-main .post-navigation {
		border-top:1px solid #e7e7e7;
		border-bottom:0px solid #e7e7e7;
	}
		
}
	


/*==================== END STYLES THAT NEED TO BE ADDED TO THE LIVE SITE =========================*/

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color:#e24901;
	background-color:#ffffff;
}

.social-icons {
	max-width:35px;
}

.navbar-default .navbar-nav > li.current_page_parent > a {
	color:#e24901;
}

.caret {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0px;
}


/*===============================================================


				OLD HAMBUGER MENU NOW ARROWS
	
	
=================================================================*/


/*.accordion-arrow {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; }
  
.accordion-arrow:hover {
	opacity: 0.7;
}
    
.accordion-arrow.is-active:hover {
	opacity: 0.7;
}
    
.accordion-arrow.is-active .accordion-arrow-inner,
.accordion-arrow.is-active .accordion-arrow-inner::before,
.accordion-arrow.is-active .accordion-arrow-inner::after {
	background-color: #000;
}

.accordion-arrow-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.accordion-arrow-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
  
.accordion-arrow-inner, .accordion-arrow-inner::before, .accordion-arrow-inner::after {
width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
    
.accordion-arrow-inner::before, .accordion-arrow-inner::after {
	content: "";
	display: block;
}
  
.accordion-arrow-inner::before {
	top: -10px;
}

.accordion-arrow-inner::after {
	bottom: -10px;
}



.accordion-arrow.is-active .accordion-arrow-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.accordion-arrow.is-active .accordion-arrow-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

*/





/*================================================


  /////////// LAZY LOADED GRID IMAGES ///////////
		
		
==================================================*/

/**, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.container {
	margin: 0 auto;
	padding: 0;
	width:960px;
	
	margin: 0 auto;
	padding: 0;
	width:960px;
	margin-top:100px;
	height: auto;
	overflow: auto;
	padding-bottom:60px;
}

.grid {
	list-style: none;
	margin: 0px auto;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 0px;
	width: 50%;
	opacity: 1;
	background: #ffffff;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}

.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	-moz-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}

.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	-moz-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
	to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	to { transform: translateY(0); opacity: 1; }
}*/




/*===============================================================

						MENU DRAWER
	
=================================================================*/


/*.fp-filter-drawer {
	background: #FFFFFF;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2000;
	height: 0;
	overflow: hidden;
	display: none;
}

@media screen and (min-width: 1024px) {
	.fp-filter-drawer {
		display: block;
	}
}

.fp-filter-options-list {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin: 10px 48px 10px;
}

.fp-filter-options-list .fp-filter-set {
	-webkit-flex: 0 0 25%;
	flex: 0 0 25%;
}

.fp-filter-options-list li,
.fp-filter-options-list .fp-list-item {
	line-height: 1;
	padding-left: 0;
	position: static;
}

.fp-filter-options-list .fp-filter-option {
	margin: 40px auto 40px 0;
}

.fp-filter-options-list li,
.fp-filter-options-list .fp-list-item {
	line-height: 1;
	padding-left: 0;
	position: static;
}

.fp-filter-options-list .fp-filter-option .fp-filter-link {
	font-weight: 500;
	opacity: .85;
	transition: opacity .1s;
	line-height: 24px;
}

.fp-filter-options-list li a,
.fp-filter-options-list .fp-list-item a {
	text-decoration: none;
}

.drawer-height {
	height:100%;
	height:200px;
}*/



/*=====================
	
	JS FIDDLE STUFF
	
=======================


/*========================================================================
	
						Material Design Styles
	 
========================================================================*/


/*html {
  font-size: 62.5%;
}
html.text-large {
  font-size: 75%;
}
html.text-small {
  font-size: 50%;
}*/
body {
  font-family: "futura-100", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.display-4 {
  font-size: 112px;
  font-size: 11.2rem;
  line-height: 128px;
  line-height: 12.8rem;
  letter-spacing: -0.1px;
  letter-spacing: -0.01rem;
  font-weight: 100;
  color: #757575;
  text-transform: inherit;
}
.display-3 {
  font-size: 56px;
  font-size: 5.6rem;
  line-height: 84px;
  line-height: 8.4rem;
  letter-spacing: -0.05px;
  letter-spacing: -0.005rem;
  font-weight: 500;
  color: #757575;
  text-transform: inherit;
}
.display-2 {
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 48px;
  line-height: 4.8rem;
  letter-spacing: 0px;
  letter-spacing: 0rem;
  font-weight: 500;
  color: #757575;
  text-transform: inherit;
}
.display-1 {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 40px;
  line-height: 4rem;
  letter-spacing: 0px;
  letter-spacing: 0rem;
  font-weight: 500;
  color: #757575;
  text-transform: inherit;
}
.headline {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
  line-height: 3.2rem;
  letter-spacing: 0px;
  letter-spacing: 0rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0.05px;
  letter-spacing: 0.005rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.subhead-2 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.subhead-1 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.body-2 {
  font-size: 13px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 2.6rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.body-1 {
  font-size: 13px;
  font-size: 1.7rem;/*1.3rem*/
  line-height: 20px;
  line-height: 2.4rem;/*2rem*/
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
p {
  font-size: 14px;
  line-height: 1.75;
  color: #333;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  /*color: #777777;*/
  text-transform: inherit;
}
.caption {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.2px;
  letter-spacing: 0.02rem;
  font-weight: 500;
  color: #757575;
  text-transform: inherit;
}
.label {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.menu {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #212121;
  text-transform: inherit;
}
.button {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.1px;
  letter-spacing: 0.01rem;
  font-weight: 500;
  color: #333;
  /*text-transform: uppercase;*/
}
@media only screen and (max-width: 960px) {
  .subhead-2 {
    font-size: 14px;
    font-size: 1.6rem;
  }
  .subhead-1 {
    font-size: 14px;
    font-size: 1.6rem;
  }
  .body-2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .body-1 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .menu {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.display-4,
.display-3,
.display-2,
.display-1 {
  margin: 0 0 14px 0;
  margin-bottom: 1.4rem;
}
.headline,
.title,
.subhead-2,
.subhead-1,
.body-2,
.body-1,
.caption,
.label,
.menu {
  margin: 0 0 10px 0;
  margin-bottom: 1rem;
}/* .button */











/*========================================================================
	
						NEW TYPOGRAPHY SCALE 	 
	 
========================================================================*/




/* I turned this body 100% off becuase it was making the navigation type too small. Try it again later */
/*body {
  font-size: 100%;
}*/

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

#page {
  font-size: 1em;
  /* equivalent to 14px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 14px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 1.5em;/*2.25em*/
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}

blockquote {
  font-size: 1.25em;
  /* 20px / 14px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 14px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
  
  blockquote p {
	  font-size: 14px;
	  font-weight: 600;
	  line-height: 1.42857143;
  }
}

@media screen and (max-width: 767px) {
	.headline {
		margin: 50px 0 20px 0;
	}
	
	.display-1 {
		margin: 20px 0 14px 0;
	}
}

/*body {
	font-family: "Open Sans";
	line-height: 26px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans";
	font-weight: 500;
}
h1 {
	font-size: 46px;
}
h2 {
	font-size: 44px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 22px;
	line-height: 30px;
}
h6 {
	font-size: 20px;
}*/










/* Common style */
.grid figure {
	/*position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;*/
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 500;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #d1d3d4;
}

figure.effect-honey img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 1;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 72px;/*10px mine was 25%*/
	background: rgba(251,251,251,.9);
	content: '';
	-webkit-transform: translate3d(0,103px,0);
	transform: translate3d(0,103px,0);
	
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 22px 1.5em;/* was 3.25em 1.5em was also 36px 1.5em*/
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
	white-space: normal;
	

}

figure.effect-honey h2 {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}




@media all and (max-width: 1024px) {
	figure.effect-honey figcaption::before {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
	
	figure.effect-honey h2 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	figure.effect-honey h2 {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	figure.effect-honey figcaption::before,
	figure.effect-honey h2 {
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
	}
	
	figure.effect-honey:hover figcaption::before,
	figure.effect-honey:hover h2,
	figure.effect-honey:hover h2 i {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

.navbar-nav>li>.dropdown-menu {
	display:none;
}

.navbar-nav>li>.dropdown-menu>li,
.navbar-nav>li>.dropdown-menu>li>a:focus,
.navbar-nav>li>.dropdown-menu>li>a:hover,
.main-navigation ul li > ul,
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display:none;
}

.main-navigation li ul li {
	display:none;
}

/*.navbar-default .navbar-nav>li.current-menu-item>a,
.navbar-default .navbar-nav>li.current-menu-item>a:focus,
.navbar-default .navbar-nav>li.current-menu-item>a:hover {
	color: #e24901;
}*/

.navbar-default .navbar-nav>li.current-menu-item>a {
	color: rgba(203 72 96 / 1.0);/*color: #777777;*/
	transition: background-color 0.2s ease;
}

.navbar-default .navbar-nav>li.current-menu-item>a:hover {
	color: #333;
	cursor: pointer;	
}

.navbar-default .navbar-nav>li.current-menu-item>a:focus {
	color: rgba(203 72 96 / 1.0);
	transform: scale(0.98); /* Visual click feedback */	
}

.current-menu-ancestor > a,
.current-menu-parent > a {
    color: rgba(203 72 96 / 1.0) !important; /* Replace with your preferred hex color code */
}

.post-password-form {
	width: 1170px;
	margin-right: auto;
	margin-left: auto;
	padding:70px; /*0px 15px*/
}

.post-password-form p {
	margin-bottom: 1.5em;
}

.post-password-form label {
	margin:0px;
	padding:0px;
	
}

.post-password-form input[type="password"] {
background-color: #ffffff;
  color: #777777;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
	border: 1px solid #e7e7e7;
}

.post-password-form input[type="submit"] {
	background-color: #ffffff;
  color: #777777;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
	border: 1px solid #e7e7e7;
}

.post-password-form input:hover[type="submit"] {
	color: #333333;
}

label {
	margin-bottom:0px;
}

.two-column-list{
	display: grid;
  	grid-template-columns: repeat(3, 1fr); /* Creates 2 equal columns */
  	gap: 10px;                            /* Adds space between items */
  	list-style-position: inside;          /* Keeps bullets aligned properly */
	margin:0px 0px;
}

.project-information-container > ul.two-column-list > li:last-child{
	border-bottom:0px solid #e7e7e7;
}

@media screen and (max-width: 767px) {
	.two-column-list{
		display: grid;
  		grid-template-columns: repeat(1, 1fr); /* Creates 2 equal columns */
  		gap: 10px;                            /* Adds space between items */
  		list-style-position: inside;          /* Keeps bullets aligned properly */
	}
	
	.container-fluid.full-width {
		padding-left: 0;
		padding-right: 0;
	}
	.row.row-no-gutter {
    	margin: 0
	}
}