/*Single*/
.project-single .project-gallery{
	padding:2vw 2vh;
}

/*Archives*/
.project-item{
	text-align:center;
	margin:8vh auto;
}
	.project-item:first-child{border-left:0px;}
	.project-item a{margin: 0 auto;}
	.project-item .project-thumb{
		width:250px;
		height:250px;
		background-size:cover;
		background-position:center;
		margin:0 auto;
	}
	.project-item em{
		font-size:1.6rem;
	}
	
/*MixItUp Styles*/


/* Controls Category Labels
---------------------------------------------------------------------- */

.controls {
    padding: 1rem 0;
}

.control-group{
	border:0;
}

.control {
    position: relative;
    display: inline-block;
    padding: 10px 10px 5px 10px;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 800;
    color: $tpd-primary;
    transition: color 150ms;
	-webkit-appearance:none!important;
	background:transparent;
	border:0;
	text-transform:uppercase;
	outline:0;
}

.control:hover {
    color:$tpd-tertiary;	
}

.control.pink{
	color:$tpd-secondary;
}

.mixitup-control-active {
    color:$tpd-secondary;
	-webkit-appearance:none;
	border-bottom:2px dotted $tpd-secondary;
}


/* Container
---------------------------------------------------------------------- */

.container-projects {
    padding: 1rem 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}

/* Target Elements
---------------------------------------------------------------------- */

.mix,
.gap {
    display: inline-flex;
    vertical-align: top;
}

.mix {
    border-top: 0;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
}

.mix:before {
    content: '';
    display: inline-block;
    /*padding-top: 26.25%;*/
}

/*
.mix p {
    padding: 1rem;
    display: inline-block;
    font-size: calc(1vw + .5rem);
    color: #333;
    line-height: 1.4;
    font-weight: 300;
}
*/

/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */
.mix,
.gap {
    width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
}

/* 3 Columns */
@media screen and (min-width: 541px) {
    .mix,
    .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}


/* 4 Columns 
@media screen and (min-width: 961px) {
    .mix,
    .gap {
        width: calc(100%/4 - (((4 - 1) * 1rem) / 4));
    }
}*/

/* 5 Columns
@media screen and (min-width: 1281px) {
    .mix,
    .gap {
        width: calc(100%/5 - (((5 - 1) * 1rem) / 5));
    }
}
 
*/

@media only screen and ( max-width: 40em ) /* 640 */ 
{
	.mix, .gap{
		width: 100%;
	}
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
	.mix,
	.gap {
		width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
	}
}

/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.mix,
	.gap {
		width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
	}
  }