/* Department - General
-------------------------------------------------- */

.body_department_default .socialmedia-sidebar {
	display: none;
}

.body_department_default .site-content * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.body_department_default .site-content {
	width: 100%;
}

.body_department .departments-wrapper {
	margin: 0 0 3% 0;
}

.departments-wrapper .serif-title {
    margin: 0 0 0.5em 0;
}

.department-feature-image,
.search-results-image {
    margin: 0 0 1em 0;
    position: relative;
}

.department-feature-image .text,
.search-results-image .text {
	height: 100%;
	overflow: hidden;
	padding: 1.5em;
	position: absolute;
	width: 60%;
}

.department-feature-image .text,
.department-feature-image .text h1 {
	color: #FFF;
}

.search-results-image .text,
.search-results-image .text h1 {
	color: #000;
}

.department-feature-image .text p,
.search-results-image .text p {
	line-height: 1.5em;
}

.department-feature-image .text.fade,
.search-results-image .text.fade {
	height: 9em;
}

.department-feature-image .text.fade:after,
.search-results-image .text.fade:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	height: 1.2em;
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 75%);
}

.department-feature-image .text h1,
.search-results-image .text h1 {
    margin: 0;
    padding: 0;
}

.department-feature-image .text .description,
.search-results-image .text .description {
    margin: 0;
}

.no-department-feature-image,
.no-search-results-image {
    margin: 0 0 1em 0;
}

.no-department-feature-image h1 {
    margin: 0;
    padding: 0;
}

.departments,
.departments li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.departments li {
    border: 1px solid #e3e3e3;
    float: left;
    margin: 2% 2% 0 0;
    padding: 0;
    width: 23.5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.departments li:hover {
    border: 1px solid #CCC;
}

.departments li:nth-child(4n) {
    margin-right: 0;
}

.departments li:nth-child(-n+4) {
    margin-top: 0;
}

.thumbnail-link {
    display: block;
}

.thumbnail-link:hover {
    cursor: pointer;
}

.departments li .info-panel {
    float: left;
    padding: 5%;
    position: relative;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.departments li .info-panel h3 {
    font-weight: 400;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.departments .thumbnail {
    float: left;
    text-align: center;
    margin: 0;
    width: 100%;
}

.departments li img {
    height: auto;
    opacity: 1;
    max-width: 100%;
    width: 100%;
}

.department-bottom-info {
	border-top: 1px solid #e3e3e3;
	float: left;
	padding: 1em 0 0 0;
	width: 100%;
}

.department-bottom-info h4 {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
}

.department-bottom-info .description {
    color: #666;
    font-size: 0.9em;
}

.department-content {
    float: left;
    width: 80%;
}

.department-content h1 {
    line-height: 0.8em;
    margin: 0 0 0.5em 0;
    padding: 0;
}

#content .related-departments {
    float: left;
    width: 100%;
}

/* Media Queries
-------------------------------------------------- */
@media only screen and (max-width: 68em) {}
@media only screen and (max-width: 66em) {}
@media only screen and (max-width: 64em) {}
@media only screen and (max-width: 62.5em) {}
@media only screen and (max-width: 53em) {
	.department-feature-image .text .description {
		font-size: 0.9em;
	}
	
	.department-feature-image .text {
		padding: 1em;
	}
	
	.product-filter-left {
		width: 100%;
	}
	
	.department-feature-image .text.fade, 
	.search-results-image .text.fade {
		height: 7.3em;
	}
}
@media only screen and (max-width: 50em) {}
@media only screen and (max-width: 48em) {}
@media only screen and (max-width: 41em) {
	.department-feature-image .text h1 {
		margin: 1em 0 0 0;
	}
	
	.departments li {
	    margin: 3% 3% 0 0;
		width: 31.3333%;
    }
    
    .departments li:nth-child(3n) {
	    margin-right: 0 !important;
    }
    
	.departments li:nth-child(4n) {
	    margin-right: 3%;
	}
	
	.departments li:nth-child(-n+3) {
	    margin-top: 0;
	}   
	
	.departments li:nth-child(4) {
		margin-top: 3%;
	}
	
	.department-bottom-info p {
	    font-size: 0.9em;
    }
    
	.department-content { 
		width: 100%;
	}    	
}
@media only screen and (max-width: 37.5em) {
	.department-feature-image .text h1 {
		margin-top: 0.7em;
	}

	.departments li h3 {
		text-align: center;
	}
	
	.department-feature-image  {
		margin-bottom: 0.5em;
	}
}
@media only screen and (max-width: 33.75em) {}
@media only screen and (max-width: 27.5em) {
	.department-feature-image .text h1 {
		font-size: 1.3em;
		margin-top: 0.3em;		
	}
}
@media only screen and (max-width: 20em) {
	.departments li:nth-child(3n) {
	    margin-right: 0;
    }
	
	.departments li .info-panel h3 {
		font-size: 0.8em;
	}
	
	.department-feature-image .text h1  {
		font-size: 1em;
		font-weight: 500;
		margin-top: 0;		
	}
}