/** PAGE LAYOUT **/
.page-container{
	padding:25px 25px 125px 25px;
}
.page-offset{
	padding-top: 50px;
}
.page-offset__large{
	padding-top: 100px;
}

/* change bottom padding back to 250 when live */
body.home .page-container{
	padding:0 0 150px 0;
}
body.about .page-container{
	padding:25px 25px 0 25px;
}
h3,
.project-title,
body,
.site-title,
.title__hover{
	font-size: 22px;
}
.site-title{
	margin-right: 25px;
}

/*** Main menu ***/
.menu-list-item{
	margin-right: 22px;
}
.mobile-project-menu{
	display: none;
}
body.home .menu-list{
	display: none;
}
.hamburger-trigger{
	display: none;
}
.instagram{
	width: 21px;
	height: 21px;
	top:4px;
}

/** PROJECT MENU ON HOVER **/
.project-list-item{
	font-size: 70px;
}
.project-menu-list{
	max-width: 500px;
}

/*** TEXT GENERAL **/
.title__hover span{
	max-width: 110px;
}

/** GRID **/
.column{
	width: 33.333%;
}
.column .rich-text{
	max-width: 90%;
}
.offset-1{
	margin-left: 33%;
}
.column .news-detail .rich-text{
	max-width: 98%;
}

/** IMAGE HOVER EFFECT **/
.hover__image:hover{
	opacity: 0;
}

/** HOME PAGE **/
body.home .page-container{
	top:87%;
}
body.home .site-title{
	font-size: 45px;
	margin: 40px 0 40px 0;
	/*margin-right: 0;*/
}
.hp-news{
	padding:90px 0;
}
.hp-news__heading{
	margin-bottom: 30px;
}
/** HOLDING PAGE **/
/*.holding-message{
	font-size: 44px;
	margin-bottom: 110px;
}*/

/** WORK OVERVIEW **/
.project-list{
	margin-top:80px;
}
.row{
	/*margin-bottom: 4px;*/
	/*height: 30px;*/
	line-height: 1.65em;
	border-bottom: 2px solid transparent;
}
.work-image{
	max-height: 220px;
	margin-left: 20px;
	height: auto;
}
.link-row:hover{
	border-bottom: 2px solid #000;
}

/* Project index */
.index-name{width: 38%;}
.index-mid{width: 29%;}
.index-small{width: 23%;}
.index-sector{width: 10%;}
.index-title-row{
	margin-bottom: 30px;
}

/** WORK DETAIL **/
.post-detail{
	margin-bottom: 35px;
	margin-right: 30px;
	max-width: 380px;
}
.post-detail.intro {
    margin-bottom: 0;
}
.image-feed{
	width: 66%;
	float: left;
}
.work-detail-image{
	margin-bottom: 15px;
	/*width:680px;*/
	max-width: 680px;
}
.post-body-text{
	max-width: 420px;
}
.project-text-toggle{
	display: none;
}

/** LIGHT GALLERY **/
#lg-counter{
	font-size: 22px;
}
.lg-outer .lg-image{
	max-height: 85%;
	max-width: 82%;
}
.lg-toolbar .lg-icon.lg-close{
	top:21px;
	width: 18px;
}

/** PRACTICE PAGE **/
.studio-img{
	max-width: 86%;
}
@media screen and (max-width:1250px) and (min-width:769px){
	.column__work{ width: 40%; }
	.image-feed{ width: 60%; }
	.work-detail-image{ max-width: 80%; }
}

/** NEWS PAGE **/
.news-item{
	margin-bottom: 40px;
}
.news-image{
	max-width: 550px;
}
.small{
	max-width: 360px;
}

/** PRACTICE PAGE **/
.site-title{
	position: fixed;
	top:25px;
}
h4{
	margin-bottom: 35px;
}
.practice-page-section{
	padding-bottom: 150px;
	min-height: 100vh;
}
.mobile-practice-menu{
	display: none;
}

/** MEDIA QUERIES **/
@media screen and (max-width:1445px){
	.work-image {
	    max-height: 190px;
	}
	body.home .site-title{
		font-size: 40px;
		margin: 30px 0 30px 0;
		/*margin-right: 0;*/
	}
}
@media screen and (max-width:1170px) and (min-width: 769px){
	.work-image {
	    max-height: 150px;
	}
	.work-heading{max-width: 32%;}
}
@media screen and (max-width:1024px){
	h3,
	.project-title,
	body,
	.site-title,
	.title__hover,
	p{
		font-size: 19px;
	}
	.column .rich-text{
		max-width: 92%;
	}
	.column .news-detail .rich-text{
		max-width: 96%;
	}
	/** LIGHT GALLERY **/
	.lg-toolbar .lg-icon.lg-close {
	    width: 17px;
	}
	.lg-close{
		top:17px;
	}
	#lg-counter {
	    font-size: 21px;
	}
	.lg-outer .lg-image{
		max-height: 78%;
	}

	/** Project table **/
	.project-list{font-size: 17px;}
	.index-name{
		width: 38%;
	}
	.index-mid{
		width: 26%;
	}
	.index-small{
		width: 21%;
	}
	.index-sector{
		width: 14%;
	}
}
@media screen and (max-width:940px){
	.hp-news {
	    max-width: 80%;
	}
}
@media screen and (max-width:800px){
	body.home .page-container{
		top:calc(100% - 95px);
		/*top:91%;*/
	}
}
@media screen and (max-width:769px){
	/** HOLDING PAGE **/
	/*.holding-message{
		font-size: 29px;
	}
	.background img{
		height: 100%;
	}*/
	/** LAYOUT **/
	.page-container{
		padding:25px 25px 95px 25px;
	}
	/* TYPE FACES */
	h3,
	.project-title,
	body,
	.site-title,
	.title__hover,
	p{
		font-size: 18px;
	}
	body.home .site-title{
		font-size: 30px;
	}

	/** GRID LAYOUT **/
	.column{
		width: 50%
	}
	.offset-1{
		margin-left: 0;
	}
	.column-heading{
		width: 100%;
		margin-bottom: 30px;
	}
	.column__full{
		width: 100%;
	}
	.column .rich-text{
		max-width: 90%;
	}
	.column .news-detail .rich-text{
		max-width: 96%;
	}
	.studio-img{
		max-width: 100%;
	}

	/* PROJECT HOVER MENU */
	.project-list-item{
		font-size: 45px;
	}

	/** HOME PAGE **/
	body.home .page-container {
	    padding: 0 0 85px 0;
	}
	body.home .site-title{
		margin: 30px 0;
	}
	.hp-news{
		max-width: 70%;
		padding:60px 0;
	}
	.title__hover span {
	    max-width: 90px;
	}
	/*body.home .page-container{
		top:91%;
	}*/
	body.home .mobile-offset{
		padding-top: 0;
	}


	/** WORK OVERVIEW PAGE **/
	.mobile-offset{
		padding-top: 60px;
	}
	.work-heading{
		left: 0;
		max-width: 230px;
		text-align: left;
	}
	.work-overview{
		margin:0 auto 10px auto;
		text-align: center;
	}
	.work-image{
		max-height: 100px;
		margin-left: 12px;
	/*	height: auto;*/
	}
	.work-detail-image{
		max-width: 100%;
	}
	.project-list{
		font-size: 16px;
	}
	.project-list .row{
		margin-bottom: 0;
		height: auto;
		line-height: 1.8em;
	}
	.project-list .index-title-row{
		margin-bottom: 30px;
	}
	/*.link-row{
		border-bottom: 2px solid #000;
	}*/

	/** NEWS PAGE **/
	.news-detail,
	.work-detail,
	.post-detail{
		max-width: 100%;
	}
	.post-detail{
		margin-bottom: 20px;
		width: 100%;
		margin-right: 0;
	}
	.desc-text.post-detail{
		margin-bottom: 0;
	}
	.news-image,
	.news-image.small{
		max-width: 100%;
	}

	/** NEWS AND WORK DETAIL PAGES **/
	.image-feed{
		width: 100%;
		text-align: left;
	}
	/** LIGHT GALLERY **/
	.lg-outer .lg-image{
		max-height: 85%;
		max-width: 95%;
	}
	.lg-toolbar .lg-icon.lg-close {
	    width: 17px;
	}
	.lg-close{
		top:18px;
	}
	.lg-actions .lg-next, .lg-actions .lg-prev {
	    display: none;
	}
	.pswp__button--arrow--right,
	.pswp__button--arrow--left{display: none;}

	.desc-text{
		display: none;
	}
	.project-text-toggle{
		display: block;
		color:grey;
		margin-bottom: 30px;
	}
}