/**
 * All custom CSS modifications should be kept in this file. When updating move this file
 * from the old installation to the updated one. This will preserve all your CSS customisations.
 *
 * This file gets included last, so any CSS rule written below will override a previously declared one.
 *
 * Add your CSS modifications below:
 */

 h1 {
 	font-weight: 400!important;
 }

 h2 {
 	font-size: 13px;
 	color: #333333;
 	margin-bottom: 10px;
 	line-height: 1;
 }

 h3 {
 	font-size: 13px;
 	color: #9c8f82;
 	margin-bottom: 5px;
 }
 h6 {
 	font-size: 12px;
 	color: #878787;
 }
 h1, h2, h3, h4, h5, h6 {
	 letter-spacing: 0.05em;
 }

p a {
    opacity: 1.0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

p a:hover {
    opacity: 0.3;
}

.site-navigation .active > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a, .site-navigation .active .current-fluxus-project-type-ancestor > a {
	color: #9c8f82;
}

.landing-page, .landing-page-02 {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eeece9;
}

.landing-page img, .landing-page-02 img {
	width: 120%;
	height: auto;
	margin: auto;
	margin-left: -10%;
	display: block;
	overflow:hidden;
}

.portfolio-grid-2 {
    height: 100%;
    opacity: 0;
    width: 100%;
}

.sidebar {
	border: 0;
}

.horizontal-page #header {
	
	border:0;
	padding: 0;
	height: 60px;

}

.postid-802 .projects, .postid-834 .projects, .postid-770 .projects {
	
	margin-left: 0px; 
	border-top: 1px solid #9c8f82; 
	padding: 20px 0;

}

.projects, .projects img {
	max-width: 100%;
	height:auto;
}

.column {
	margin: 0px;
	padding-bottom: 20px;

}

figcaption {
    color: #aaaaaa;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.05em;
    padding: 0 20px 0 0;
    text-transform: none;
	max-width: 420px;
	width: 100%;
}


/*fixes column falling below*/
.entry-summary > br {
	display: none;
}

.column br {
	display: ;
}

p:empty {
	display: none;
}

.grid-project {
	overflow: hidden;        
}
.excerpt {
	color: #878787;
    letter-spacing: 0.03em;
	font-size: 12px !important;
	line-height: 1.5;
}
#mobilenav {
	background: #1d1509;
	width: 320px;
	dispplay: none;
}

#mobilenav nav {
	padding-top: 60px;
	dispplay: none;
}

#mobilenav nav a {
	color: #878787;
	margin: 0px 20px;
	border-bottom: solid 1px #383838; 
	border-top: 0; 
	text-shadow: none;
	padding: 5px 0px; 
	letter-spacing: 0.05em;
}
#mobilenav nav a:hover {
    background: none;
	color: #fff;
}
#mobilenav nav .practice-nav {
    margin-top: 40px;
}

#mobilenav nav a.active {
    background: none;
    border-top-color: none;
    box-shadow: none;
    color: #fff;
}

#mobilenav .btn-open {
	width: 20px;
	background: url(images/menu_icon.png) no-repeat center;
	font-size: 0;
	right: -35px;
	dispplay: none !important;
}

#mobilenav.opened .btn-open{
	right: 20px;
}

.nav-tip #key-right.flash,
.nav-tip #key-left.flash {
	background-color: #FFF;
}

.primary-navigation,.secondary-navigation {
    padding: 0 0 10px 0;
	margin: auto 20px auto 15px;
	width: 90%;
}
.secondary-navigation {
    margin: 50px 0 0 0;
	float: none;
}


/*PORTFOLIO GRID (HOME) PAGE*/

.portfolio-grid .text-entry {
	background-color: none;
	background-image: none;
	background-repeat:repeat;
}

.portfolio-grid .entry-summary {
	margin: 0;
	color: #838379;
}

.archive .landing-page{
	left: -2600px;
}



.with-landing #main{

	margin-top: 20px;
  border-top: 0;
	
}


/*PRACTICE PAGE*/


.page-id-82 {
	background: #ffffff;
}


/*width fix*/

/*.page-id-82 .site-content {
	width: auto;
}

.page-id-82 .horizontal-content  {
	width: auto;
}*/

/*anchor link fix*/
.page-id-82 .horizontal-item article, .single .horizontal-item article {
	margin-top: -75px;
	padding-top: 75px;
}

.page-id-82 .entry-summary, .single-post .entry-summary, .page-id-1619 .entry-summary {
	color: #888888;
}
.page-id-82 a, .single-post .entry-summary a {
	color: #888888;
}
.page-id-82 .site-navigation a {
	color: #aaaaaa;
}

.page-id-82 .site-navigation .current-menu-item > a {
	color: #9c8f82;
}

.page-id-82 h1, .single-post .entry-title h1 {
	color: #9c8f82;
	font-size: 13px !important;
}

.page-id-82 span {
	color: #c7b8a0;
}
.page-id-79 nav span {
	color: #c7b8a0;
}

.page-id-1619 h1 {
    display: none;
}

.page-id-1619 a {
    color: #888888;
}

.page-id-82 strong, .postid-99 strong {
	color: #333333;
	font-weight: 400;
}


hr {
	border:0;
	border-top: 1px solid #CCC;
	margin: 10px 0;
}

/*DATES ON AWARDS POST*/

.page-id-82 .post-99 span,
.page-id-82 .post-876 span {
	margin-left: -60px;
	margin-right: 30px;
}

.page-id-82 .post-99 h3,
.page-id-82 .post-876 h3,
.postid-99 h3 {
	margin-left: -60px;
	margin-right: 30px;
	float: left;
}

.page-id-82 .post-99 hr,
.page-id-82 .post-876 hr,
.postid-99 hr {
	margin-left: -60px;
	width: 240px;
}

.page-id-82 .post-99 .column,
.page-id-82 .post-876 .column {
	padding-left: 50px;
	margin-right: 15px;
	width: 180px;
	text-align: left;
}

.postid-99 .column {
	padding-left: 50px;
	margin-right: 15px;
	width: 180px;
	text-align: left;
}


.horizontal-posts .post {
	width: auto;
}


.page-id-82 .entry-header, .single-post .entry-header {
	
	padding-top: 22px;
	background-color:transparent;
}

.entry-summary {
	font-size: 12px!important;
}

.page-id-82 .entry-summary, .single-post .entry-summary {
	width: auto;
	text-align: left;
	padding-top: 20px;
	margin: 0 10px;
}

.page-id-82 .entry-summary p, .single-post .entry-summary p, .page-id-1619 p {
	margin-bottom: 15px;
	letter-spacing:0.05em;
	padding-bottom: 0px;
}

.page-id-82 .horizontal-content .horizontal-item, .single .horizontal-content .horizontal-item {

	padding-top: 10px;
}

.page-id-82 .horizontal-page .entry-title {
	font-size: 13px !important;
    padding: 10px 20px;
    text-align: left;
	color:#FFF;
	letter-spacing: 0.05em;

}
.horizontal-page .page-id-79 .entry-title a {
	color:#444444;
	}

.horizontal-page .page-id-79 .entry-title a:hover, .horizontal-page .page-id-79 .entry-title a:active {
	color:#9c8f82 !important;
	}

.horizontal-page .page-id-79 .entry-title {
	font-size: 13px !important;
}
.horizontal-page .page-id-79 .entry-title {
    padding: 13px 0 0 0;
	letter-spacing: 0.05em;
	display:block;
	width: 100%;
	text-align: left;
	border-top: 1px solid #555555;
}
.horizontal-page .page-id-79 .entry-summary {
	font-size: 12px !important;
    padding: 10px 0;
    text-align: left;
	color:#878787;
	letter-spacing: 0.05em;
	display:block;
	text-align: left;

}
.horizontal-page .page-id-79 .entry-summary p {
	padding-bottom: 10px;

}

.page-id-82 .horizontal-page .entry-summary {
	font-size: 13px !important;
    padding: 10px 20px;
	color:#d5c9b5;
	letter-spacing: 0.05em;
	text-align: left;
}


/*SINGLE PROJECT*/

/*.sidebar .title {
	font-size: 13px;
	color: #444444;
}

.sidebar .textwidget {
	color: #838379;
	font-size: 12px;
}*/

.single .text-contents{
	float: ;
	margin-right: ;
	white-space: normal;
	text-align: left;
	max-width: 100%;
    height: auto;

}
.single .text-contents .column p, .single .text-contents .column li {
	letter-spacing: 0.03em;
	margin-bottom: 8px;
	color: #878787;

}

.single #main, .page #main {

	padding-left: 15px;
	padding-right: 15px;

}

.single-post h1.entry-title {     
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 0;
    position: relative;
	border: none;
	color: #9c8f82;
    font-size: 13px !important;
}

.single .entry-title {
	color: #444444;
	padding-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 0;
	text-indent: 0px;
	border-bottom: 0;
	border-top: none;
	font-size: 13px !important;
}

.single .entry-summary > div:nth-of-type(1).column {
	margin-left: 0;
}

.single h3 {
 	color: #9c8f82;
 	margin-bottom: 5px;
 }
.portfolio-single .project-image figcaption {
    background: none repeat scroll 0 0 #fff;
    bottom: 10px;
    color: #878787;
    font-size: 12px;
    letter-spacing: 0.04em;
    padding: 6px 10px;
    position: absolute;
    left: 10px;
	max-width: 320px;
}
.portfolio-single .project-image .lazy-image .loading {
    display: none;
}

.portfolio-single .project-image .lazy-image {
    background:#eeeeee;
}
.portfolio-single .project-image .lazy-image-loaded img {
    height: 100%;
    max-height: 600px;
}

.image .lazy-image .lazy-image-loaded {
    height: 100%;
    max-height: 600px !important;
}

/*FOOTER*/

.footer-logo {
	float: left;
	padding-left: 0px;
	text-transform:uppercase;
}

.footer-logo a {
	color: #444444;
	letter-spacing: 0.05em;
}

.footer-logo a:hover {
	color: #444444;
}


/*MOBILE CHANGES*/

@media screen and (min-width: 768px) {

	#mobilenav .btn-open {
		right: -100px;
		display: none;
	}


	.horizontal-posts #main, .page-id-1619 #main {
		padding-left: 80px;
	}



	.column {
		width: 310px;
		margin: 0px 10px;
		float: left;
		white-space:normal;

	}
	
	.post-1070 .column {
		width: 600px;
		margin: 0px 10px;
		float: left;
		white-space:normal;

	}
	#post-1070  .entry-summary{
		width: 2300px !important;
	}

	.page-id-82 .horizontal-content .horizontal-item, .single-post .horizontal-content .horizontal-item {
		border-top: 1px solid #888888;

	}

	.page-id-82 .entry-header, 	.single-post .entry-header {
		float: left;
	
	}
	
	.post-1070 .entry-header, .post-1095 .entry-header, .post-1097 .entry-header {
		display: ;
	
	}

	.page-id-82 .entry-summary, .single-post .entry-summary {
		float: left;

	}

	.single #main {

		padding-left: 80px;

	}
	#videoa {
    max-width: 394px !important;
	}
	#videob {
    max-width: 887px !important;
	}
	.portfolio-grid .post-1187 {
		display: none;
	}

}