/*
Theme Name: Axiom
Theme URI: http://underscores.me/
Author: John Christenbury
Author URI: http://johnchristenburycreative.com
Description: Axiom Architecture 2023
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: axiom
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Axiom is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Axiom is built utilizing the Bootstrap framework http://getbootstrap.com

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
# Navbar
# Body
# Typography
# Carousel
# Overlay
# Utilities
# Projects
# Word Break
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	## Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

body.error404 {
	background: url('../../../wp-content/uploads/2017/01/404-bg.jpg') no-repeat;
	background-size: cover;
}

body.error404 h1, body.error404 p {
	color: #f7f7f7;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/

body.home .navbar { 
	/* background: rgba(181, 180, 177, 0.0); 
	background: rgb(181, 180, 177); */
	 z-index: 9999;
 }

body:not(.home) .navbar {
	background: rgba(255, 255, 255, 1);
	background: rgb(255, 255, 255);
	border-bottom: none;
}

.navbar img.large-logo {
	width: 250px;
	height: auto;
}

.navbar-brand {
	padding: 0;
}

body.home #open .glyphicon {
	font-size: 21px;
	color: #FFF;
}
.glyphicon {
	font-size: 21px;
	color: #888;
}

#close .show .glyphicon-remove {
	color: #888;
}

.hide {
	display: none;
}

.show {
	display: inline-block;
}

.translucent-nav {
	background: rgba(255, 255, 255, 0.5);
}

.opaque-nav {
	background: rgba(255, 255, 255, 1);
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

body {
	padding-top: 225px;
}

body.home {
	padding-top: 0;
}

body.home .title-body, body.single-projects .title-body, body.single-post .title-body, body.archive .title-body {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 19px;
	color: #393631;
}

body p, p, article p {
	text-align: justify;
	word-break: keep-all !important;
	margin-bottom: 31px;
	-webkit-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
	/* border:1px solid #900; */
}

blockquote {
	color: #ccc4b1;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 40px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	;
	border: none;
}

blockquote p {
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	/* .employees {
		border: 12px solid rgb(111, 111, 111);  Test Style 
	} */

	.employees .designation-small {
		color: #666;
		font-weight: normal;
		font-size: 6px;
		margin-top: 0;
		text-transform: uppercase;
	}

	.employees .name-small {
		/* color: #393631; */
		color: #666;
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
}
  
.employees .name-small {
	color: #393631;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.employees .designation-small {
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	margin-top: 0;
	text-transform: uppercase;
}

a.projectBack {
	text-transform: uppercase;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #a09f9f;
}

body.page-partners p .quote {
	text-align: left;
	color: #ccc4b1;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 21px;
}

body.page-partners .source {
	text-align: left;
	font-size: .7em;
	display: inline-block;
	color: #bdbdbd;
}

body.page-partners .alignleft {
	margin-right: .7em;
}

body.page-partners h2 {
	line-height: 1;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

body.page-partners h3 {
	line-height: 1;
	font-weight: normal;
	color: #9f9f9f;
	margin-top: 5px;
}

body.single-post h1 {
	text-align: left;
	color: #ccc4b1;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 38px;
}


body.archive h1, body.single-post h1, body.single-post a {
	color: #7A330C;
}

.paragraph-wrapper {
	/* border:1px solid #900; */
	margin-right:10px;
}

body.archive a {
	color: #999;
}

body.page-people .principals a.thumbnail:hover {
	color: #7A330C;
	border:1px solid #7A330C;
}

a {
	color: #7A330C; 
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.nf-form-cont {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 21px;
	color: #999;
	padding: 4px 0;
	text-align: left;
}

.nf-form-cont input[type="text"], .nf-form-cont input[type="email"], .nf-form-cont textarea {
	padding: 5px;
}

.nf-response-msg {
	text-align: center;
}


body.page-news h2 a, body.page-news a {
	color: #7A330C;
}


.meta-header {
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	margin-bottom: 5px;
	color: #7A330C;
}
.meta {
	font-size: .9em;
	line-height: 1em;
	margin-bottom: 25px;
}

.meta-text {
	/* line-height: 1em; */
	/* margin-bottom: 10px; */
	text-align: left;
	color: #9F9F9F;
}

hr.bottom {
	margin-top: 0px;
}

p.site-info {
	text-align: center;
	font-size: .6em;
	color: #c1c1c1;
}



.meta-header-small {
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: .9em;
	margin-bottom: 5px;
	color: #7A330C;
	text-align: center;
}

.meta-text-small {
	font-size: .7em;
	line-height: .9em;
	margin-bottom: 5px;
	margin-top: 0;
	text-align: center;
	color: #9F9F9F;
}

/*--------------------------------------------------------------
# Filter Buttons
--------------------------------------------------------------*/
.btn-filter:hover, .btn-filter:focus, .btn-filter:active, .btn-filter.active, .open .dropdown-toggle.btn-filter {
	color: #000000;
	background-color: #b5b4b1;
	border-color: #6c6b69;
}

.btn-filter:active, .btn-filter.active, .open .dropdown-toggle.btn-filter {
	background-image: none;
}

 
.btn-filter .badge { 
  color: #FFFFFF; 
  background-color: #000000; 
}
*/

.btn:focus {
	outline: none;
}

/*--------------------------------------------------------------
# Project Thumb Overlays
--------------------------------------------------------------*/

/* .grid-item { width: 200px; } */

.effects .img {
	position: relative;
	overflow: hidden;
}

.effects .img img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

.thumbnail {
	margin-bottom: 0;
}

.aligned-row {
	display: flex;
	flex-flow: row wrap;
  
	&::before {
	  display: block;
	}
  }

.thumb-overlay {
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.9);
	overflow: hidden;
	transition: all 0.5s;
}

.thumb-overlay-content {
	width: 90%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.thumb-overlay-content h3 {
	font-size: 20px;
}

.thumb-overlay-content p.projectCity {
	font-size: 16px;
}

.project-item {
	margin-bottom: 20px;
}

.thumb-overlay-content .hr {
	border-top: 1px solid #8c8b8b;
	width: 90%;
}

.projectItemWrapper {
	cursor: pointer;
}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */

.effects .thumb-overlay {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}

.effects .img.hover .thumb-overlay {
	height: 100%;
}

/*--------------------------------------------------------------
# Carousels
--------------------------------------------------------------*/

.full-screen {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

/*if you don't want the indicators or/and the controls*/

.carousel-indicators, .carousel-control {
	display: none;
}

/* Project Specific Carousel */

.bxslider {
	z-index: 1;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner>.item.next, .carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner>.item.prev, .carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner>.item.next.left, .carousel-fade .carousel-inner>.item.prev.right, .carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/*--------------------------------------------------------------
# Overlay
--------------------------------------------------------------*/

/* The Overlay (background) */

body.home .overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 0%;
	width: 100%;
	position: fixed;
	/* Stay in place */
	z-index: 2;
	/* Sit on top */
	left: 0;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(255, 255, 255, 1) 100%);
	overflow-x: hidden;
	/* Disable horizontal scroll */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	overflow-y: scroll;
	/* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}




body:not(.home) .overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 0%;
	width: 100%;
	position: fixed;
	/* Stay in place */
	z-index: 2;
	/* Sit on top */
	left: 0;
	top: 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(255, 255, 255, 1) 100%);
	overflow-x: hidden;
	/* Disable horizontal scroll */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	overflow-y: scroll;
	/* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}

/* Position the content inside the overlay */

/* The navigation links inside the overlay */

/* Position the close button (top right corner) */

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */


/*--------------------------------------------------------------
# Contact Styles
--------------------------------------------------------------*/
.page-contact h2 {
	text-align: center;
	color: #393631;
	text-transform: uppercase;;
}

.page-contact .contact-info {
	text-align: center;
}

.address-div {
	margin-top: 24px;
}

.page-contact .contact-info p.address-div {
	text-align: center;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

.top-5 {
	margin-top: 5px;
}

.top-10 {
	margin-top: 10px;
}

.top-51 {
	margin-top: 15px;
}

.top-20 {
	margin-top: 20px;
}

.top-25 {
	margin-top: 25px;
}

.top-50 {
	margin-top: 50px;
}

.bottom-5 {
	margin-bottom: 5px;
}

.bottom-10 {
	margin-bottom: 10px;
}

.bottom-15 {
	margin-bottom: 15px;
}

.bottom-20 {
	margin-bottom: 20px;
}

.bottom-25 {
	margin-bottom: 25px;
}

.bottom-30 {
	margin-bottom: 30px;
}

.bottom-50 {
	margin-bottom: 50px;
}

.left-5 {
	margin-left: 5px;
}

.left-12 {
	margin-left: 12px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.display-flex-center {
    display:flex;
    align-items:center;
}

/*--------------------------------------------------------------
# All Projects
--------------------------------------------------------------*/

.project img.wp-post-image {
	margin-bottom: 0;
}

/*
.project .project-filter .btn {
	margin-right: 6px;
}
*/

.project-filter {
	margin-top: 10px;
	margin-bottom: 18px;
}

#filters button.active {
	z-index: 1;
}

h1.entry-title, h3 {
	-webkit-hyphens: none;
	hyphens: none;
}

/*--------------------------------------------------------------
## Word Break
--------------------------------------------------------------*/

#primary, #secondary {
	/* -ms-word-break: break-all; */
	/* Careful, this breaks the word wherever it is without a hyphen */
	/* overflow-wrap: break-word; */
	/* word-wrap: break-word; */
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}


.no-break {
	display: inline-block;
	} 

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
}

.widget ul {
	list-style: none;
	padding-left: 5px;
}

/* Make sure select elements fit in widgets. */

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

/* .sticky {} */

.hentry {
	margin: 0 0 1.8em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.8em;
}

.byline, .updated {
	display: none;
}

.single .byline, .group-blog .byline {
	display: inline;
}

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

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed, iframe, object, img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Principal Styles
--------------------------------------------------------------*/

.name-small {
	color: #393631;
	font-weight: bold;
	font-size: 18px;margin-bottom: 0;
	text-transform: uppercase;
}


.name-large {
	color: #000;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 0;
	text-transform: uppercase;
	margin-top: 0;
	padding-top: 0;
	line-height: 24px;
}

.name-small a {
	color: #000;
}

.designation-small {
	color: #666;
	font-weight: normal;
	font-size: 15px;
	margin-top: 0;
	text-transform: uppercase;
}

.designation-large {
	color: #666;
	font-weight: normal;
	font-size: 21px;
	margin-top: 0;
	text-transform: uppercase;
}


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

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

/*==========  Mobile First Method  ==========*/

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

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
	.navbar {
		height: 90px;
		line-height: 90px;
	}

	#navContainer {
		top:38px;
	}

	.navbar img.visible-xs.visible-sm.visible-md {
		width: 115px;
		height: auto;
	}

	.title-body {
		display: none;
	}
	.small-header {
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 25px;
		margin-bottom: 15px;
		margin-top: 0;
		text-transform: uppercase;
		text-align: center;
		color: #9d9c9a;
		z-index: 9999;
		margin-bottom: 0px;
		margin-top: 7px;
		line-height: 1.2;
	}
	.top-partner-row {
		margin-top: 0;
		padding-top: 0;
	}
	blockquote p {
		text-align: left;
	}
	blockquote {
		color: #ccc4b1;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 20px;
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border: none;
	}
	body {
		padding-top: 100px;
	}
	.row {
		margin: 0 5px;
	}
	.overlay-content {
		position: relative;
		top: 15%;
		/* 16% from the top */
		width: 100%;
		/* 100% width */
		text-align: right;
		/* Centered text/links */
		margin-top: 0px;
		/* previous iteration: 30px top margin to avoid conflict with the close button on smaller screens */
	}
	.studio-H3, .projects-H3, .misc-H3 {
		text-align: right;
	}
	ul.studioMenu li, ul.projectsMenu li, ul.miscMenu li {
		padding-left: 0;
		margin-left: 0;
		text-align: right;
	}
	ul.studioMenu, .studioMenu li a, ul.projectsMenu, .projectsMenu li a, ul.miscMenu, .miscMenu li a   {
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 400;
		font-size: 18px;
		color: #fff;
		padding: 4px 0;
		text-align: right;
		line-height: 2;
		text-transform: uppercase;
	}

	/* remove caret on first item of dropdown menu */
	a.dropdown-toggle span.caret {display:none; }

	.projectBackBtnDiv {
		text-align: center;
		padding-bottom: 10px;
	}
	.galleryLink {
		text-align: center;
	}
	.project-filter {
		text-align: center;
	}
	.studio-menu-div h3, .studio-menu-div .studioMenu ul li a {
		text-align: right;
	}
	.projects-menu-div h3, .projects-menu-div .projectsMenu ul li a {
		text-align: right;
	}
	.misc-menu-div h3, .miscs-menu-div .miscMenu ul li a {
		text-align: right;
	}
	.address-div {
		text-align: center;
	}
	.address-div p {
		text-align: center;
	}
	.news-wrapper, .news-wrapper .date, .news-wrapper .title, .news-wrapper .readmore, .news-wrapper h3 {
		text-align: left;
	}
}

/* End Custom, iPhone Retina */

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

/* Extra Small Devices, Phones */

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

@media only screen and (min-width: 480px) {
	.navbar {
		height: 90px;
	}

	#navContainer {
		top:38px;
	}

	blockquote p {
		text-align: left;
		padding-top: 10px;
	}
	.row {
		margin: 0 5px;
	}
	.title-body {
		display: block;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 21px;
		margin-bottom: 15px;
		margin-top: 0;
		text-transform: uppercase;
		text-align: center;
		color: #9d9c9a;
		z-index: 9999;
		line-height: 1;
	}
	.small-header {
		display: none;
	}
	blockquote p {
		text-align: left;
	}
	blockquote {
		color: #ccc4b1;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 23px;
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border: none;
	}
	.overlay-content {
		position: relative;
		top: 14%;
		/* 16% from the top */
		width: 100%;
		/* 100% width */
		text-align: right;
		/* Centered text/links */
		margin-top: 0px;
		/* 30px top margin to avoid conflict with the close button on smaller screens */
	}
	.projectBackBtnDiv {
		text-align: center;
		padding-bottom: 10px;
	}
	.galleryLink {
		text-align: center;
	}
	.project-filter {
		text-align: center;
	}
	.studio-menu-div h3, .studio-menu-div .studioMenu ul li a {
		text-align: right;
	}
	.projects-menu-div h3, .projects-menu-div .projectsMenu ul li a {
		text-align: right;
	}
	.misc-menu-div h3, .misc-menu-div .miscMenu ul li a {
		text-align: right;
	}
	.address-div {
		text-align: center;
	}
	.address-div p {
		text-align: center;
	}
	.news-wrapper, .news-wrapper .date, .news-wrapper .title, .news-wrapper .readmore, .news-wrapper h3 {
		text-align: center;
	}
}

/* end 480 */

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

/* Small Devices, Tablets */

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

@media only screen and (min-width: 768px) {
	.navbar {
		height: 90px;
		line-height: 90px;
	}
	#navContainer {
		top:30px;
	}

	blockquote p {
		text-align: left;
	}
	blockquote {
		color: #ccc4b1;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 900;
		font-size: 25px;
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border: none;
	}
	.title-body {
		display: block;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 28px;
		margin-bottom: 20px;
		margin-top: 0;
		text-transform: uppercase;
		text-align: center;
		color: #9d9c9a;
		z-index: 9999;
		line-height: 1;
	}
	.small-header {
		display: none;
	}
	.projectBackBtnDiv {
		text-align: right;
		padding-bottom: 20px;
	}
	.galleryLink {
		text-align: right;
	}
	.project-filter {
		text-align: center;
	}
	.studio-menu-div h3, .studio-menu-div .studioMenu ul li a {
		text-align: right;
	}
	.projects-menu-div h3, .projects-menu-div .projectsMenu ul li a {
		text-align: right;
	}
	.misc-menu-div h3, .misc-menu-div .miscMenu ul li a {
		text-align: right;
	}
	.socialMediaMenu li a {
		text-align: right;
	}
	.address-div {
		text-align: center;
	}
	.address-div p {
		text-align: center;
	}
	.news-wrapper, .news-wrapper .date, .news-wrapper .title, .news-wrapper .readmore, .news-wrapper h3 {
		text-align: left;
	}
}


/* ============================================================ */
	
	/* New Menu Styles 768px */

/* ============================================================ */
/* Base Styles */
#cssmenu {
	text-align: right;
}
ul.menuContainer {
	text-align: right;
	padding-left: 0;
}
/* #cssmenu, */
body.home #cssmenu ul a {color:#888;}
body:not(.home) #cssmenu ul a {color: #888;}
#cssmenu ul li.header a span {
	font-weight: bold;
}
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border:none; 
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	position: relative;
	padding-left:0;
}
#cssmenu > ul > li:first-child > a {
	padding: 0px;
	margin: 0px;
}
#cssmenu > ul > li:first-child > a > span {
	padding: 0px;
	margin: 0px;
}
#cssmenu > ul > li > a {
	font-size: 1em;
	display: block;
	border-top: none;
}
#cssmenu > ul > li > a > span {
	display: block;
	margin: 0px;
}
#cssmenu > ul > li > a:hover {
	text-decoration: none;
}
/* Sub menu */
#cssmenu ul ul {
	display: none;
	background: none;
	margin-bottom: 20px;
}
#cssmenu ul ul li {
	padding: 0;
	margin: 0;
	border-top: none;
	background: none;
}
#cssmenu ul ul li:last-child {
	border-bottom: none;
}
#cssmenu ul ul a {
	display: block;
	font-size: 1em;
	font-weight: normal;
}
body.home #cssmenu ul ul a {color:#888;}
body:not(.home) #cssmenu ul ul a {color: #888;}

/* end 768 */

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

/* Medium Devices, Desktops */

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

@media only screen and (min-width: 992px) {
	.navbar {
		height: 90px;
		line-height: 90px;
		margin-bottom: 0;
	}

	#navContainer {
		top:40px;
	}

	blockquote p {
		text-align: center;
	}
	blockquote {
		color: #ccc4b1;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 40px;
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border: none;
	}
	.title-body {
		display: block;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 30px;
		margin-bottom: 25px;
		margin-top: 0;
		text-transform: uppercase;
		text-align: center;
		color: #9d9c9a;
		z-index: 9999;
		line-height: 1;
	}
	.small-header {
		display: none;
	}
	.projectBackBtnDiv {
		text-align: right;
		padding-bottom: 20px;
	}
	.galleryLink {
		text-align: right;
	}
	.project-filter {
		text-align: right;
	}
	.studio-menu-div h3, .studio-menu-div .studioMenu ul li a {
		text-align: right;
	}
	.projects-menu-div h3, .projects-menu-div .projectsMenu ul li a {
		text-align: right;
	}
	.misc-menu-div h3, .misc-menu-div .miscMenu ul li a {
		text-align: right;
	}
	.address-div {
		text-align: center;
	}
	.address-div p {
		text-align: center;
	}
	.news-wrapper, .news-wrapper .date, .news-wrapper .title, .news-wrapper .readmore {
		text-align: left;
	}

}

/* ============================================================ */
	
	/* New Menu Styles 992px */

/* ============================================================ */
/* Base Styles */
#cssmenu {
	text-align: right;
}
ul.menuContainer {
	text-align: right;
	padding-left: 0;
}
/* #cssmenu, */
body.home #cssmenu ul a {color:#888;}
body:not(.home) #cssmenu ul a {color: #888;}
#cssmenu ul li.header a span {
	font-weight: bold;
}
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border:none; 
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	position: relative;
	padding-left:0;
}
#cssmenu > ul > li:first-child > a {
	padding: 0px;
	margin: 0px;
}
#cssmenu > ul > li:first-child > a > span {
	padding: 0px;
	margin: 0px;
}
#cssmenu > ul > li > a {
	font-size: 1em;
	display: block;
	border-top: none;
}
#cssmenu > ul > li > a > span {
	display: block;
	margin: 0px;
}
#cssmenu > ul > li > a:hover {
	text-decoration: none;
}
/* Sub menu */
#cssmenu ul ul {
	display: none;
	background: none;
	margin-bottom: 20px;
}
#cssmenu ul ul li {
	padding: 0;
	margin: 0;
	border-top: none;
	background: none;
}
#cssmenu ul ul li:last-child {
	border-bottom: none;
}
#cssmenu ul ul a {
	display: block;
	font-size: 1em;
	font-weight: normal;
}
body.home #cssmenu ul ul a {color:#888;}
body:not(.home) #cssmenu ul ul a {color: #888;}

/* end 992px */

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

/* Large Devices, Wide Screens */

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

@media only screen and (min-width: 1200px) {
	.navbar {
		height: 180px;
		line-height: 180px;
		margin-bottom: 0;
	}
	
	/* Look at adding pointer events or some other css/js solution to help click through the container div to the menu so it can be aligned properly. */
	.site-header .container {
		width: 95%; 
	}
	
	#navContainer {
		top:78px;
	}

	blockquote p {
		text-align: center;
	}
	blockquote {
		color: #ccc4b1;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 40px;
		text-align: left;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border: none;
	}
	body {
		padding-top: 200px;
	}
	.title-body {
		font-family: 'Lato', Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-size: 48px;
		margin-bottom: 25px;
		margin-top: 0;
		text-transform: uppercase;
		text-align: center;
		color: #9d9c9a;
		z-index: 9999;
		line-height: 1;
	}
	.small-header {
		display: none;
	}
	.overlay-content {
		position: relative;
		top: 3.5%;
		/* 25% from the top */
		width: 95%;
		/* 95% width */
		text-align: right;
		/* Centered text/links */
		margin-top: 30px;
		/* 30px top margin to avoid conflict with the close button on smaller screens */
	}
	body.single {
		padding-top: 225px;
	}
	.projectBackBtnDiv {
		text-align: right;
		padding-bottom: 20px;
	}
	.galleryLink {
		text-align: right;
	}
	.project-filter {
		text-align: right;
	}
	.address-div {
		text-align: center;
	}
	.address-div p {
		text-align: center;
	}
	.news-wrapper, .news-wrapper .date, .news-wrapper .title, .news-wrapper .readmore {
		text-align: left;
	}	
/* ============================================================ */
	
	/* New Menu Styles */

/* ============================================================ */
/* Base Styles */
#cssmenu {
	text-align: right;
}
ul.menuContainer {
	text-align: right;
}
/* #cssmenu, */
body.home #cssmenu ul a {color:#888;}
body:not(.home) #cssmenu ul a {color: #888;}
#cssmenu ul li.header a span {
	font-weight: bold;
}
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border:none; 
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 2em;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	position: relative;
}
#cssmenu > ul > li:first-child > a {
	padding: 0px;
	margin: 0px;
}
#cssmenu > ul > li:first-child > a > span {
	padding: 0px;
	margin: 0px;
}
#cssmenu > ul > li > a {
	font-size: 1em;
	display: block;
	border-top: none;
}
#cssmenu > ul > li > a > span {
	display: block;
	margin: 0px;
}
#cssmenu > ul > li > a:hover {
	text-decoration: none;
}
/* Sub menu */
#cssmenu ul ul {
	display: none;
	background: none;
	margin-bottom: 20px;
}
#cssmenu ul ul li {
	padding: 0;
	margin: 0;
	border-top: none;
	background: none;
}
#cssmenu ul ul li:last-child {
	border-bottom: none;
}
#cssmenu ul ul a {
	/* padding: 10px 10px 10px 25px; */
	display: block;
	font-size: 1em;
	font-weight: normal;
}
body.home #cssmenu ul ul a {color:#888;}
body:not(.home) #cssmenu ul ul a {color: #888;}

}