/*------------------------------------*\
	$CONTENTS
\*------------------------------------*/
/**
 * CONTENTS.............................You’re reading it!
 * ELEMENTS.............................Import brand font files, and re-style unclassed h1, unclassed ul etc...
 * OBJECTS & ABSTRACTIONS / LAYOUT......Generic, underlying design patterns
 * COMPONENTS / MODULES.................Full components constructed from objects and their extensions
 * STYLE TRUMPS / STATES................Modifify existing look of an element and usually indicate JS dependency
 */





/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	/*------------------------------------*\
		$ELEMENTS
	\*------------------------------------*/





	/*------------------------------------*\
		$OBJECTS & ABSTRACTIONS / LAYOUT
	\*------------------------------------*/
	/**
	 * ^affix-top ^affix
	 */

	.content__nav.affix-top {
		top: 0;
		-webkit-transition: top .25s ease-out;
		   -moz-transition: top .25s ease-out;
			 -o-transition: top .25s ease-in-out;
				transition: top .25s ease-in-out;
	}

	.content__nav.affix {
		position: fixed;
		top: 80px;
		z-index: 999;
		width: 188px;
		-webkit-transition: top .25s ease-out;
		   -moz-transition: top .25s ease-out;
			 -o-transition: top .25s ease-in-out;
				transition: top .25s ease-in-out;
	}

	.allcollection_dropdown_menu {
		width: 600px;
	}




	/*------------------------------------*\
		$COMPONENTS / MODULES
	\*------------------------------------*/

	/**
	 * ^media ^media-large
	 */
	.media--large .media-object {
		width: 30%;
		margin-right: 1rem;
	}

	.media--large .media-body {
		font-size: 110%;
	}

	.media--large .media-heading {
		font-size: 140%;
	}


	/**
	 * ^grid-images
	 */

	.view {
		float: left;
		border: 1px solid #fff;
		overflow: hidden;
		position: relative;
		text-align: center;
		-webkit-box-shadow: 1px 1px 2px #e6e6e6;
		-moz-box-shadow: 1px 1px 2px #e6e6e6;
		box-shadow: 1px 1px 2px #FFFFFF;
		cursor: default;
		padding: 0;
		width: 33.33333333%;
		margin-bottom: 0;
	}

		/*.view:first-child {
			width: 50%;
		}
		.view:nth-child(2) {
			width: 50%;
		}*/
	.view .mask {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
		.mask > div {
			margin: 5%;
			padding-top: 20px;
		}
	.view img {
		display: block;
		position: relative;
	}

	.view h3 {
		font-family: "Open Sans", "Trebuchet", Arial, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		position: relative;
		font-size: 18px;
		padding: 10px;
		margin: 20% 0 0 0;
	}

	.view a.info {
		display: inline;
		text-decoration: none;
		position: relative;
		background: #151515;
		color: #FFFFFF;
		font-family: "Open Sans";
		font-size: 13px;
		-webkit-box-shadow: 0 0 1px #000;
		-moz-box-shadow: 0 0 1px #000;
		box-shadow: 0 0 1px #000;
	}
	.view a.info: hover {
		-webkit-box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
	}

	.view-first img {
		width: 100%;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.view-first .mask {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		background-color: #151515;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.view-first h3 {
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.view-first:hover img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	.view-first a.info {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.view-first:hover .mask {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 0.8;
	}
	.view-first:hover h3, .view-first:hover a.info {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.view-first:hover a.info {
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.content__articles {
		float: right;
	}

		.content__nav > li {
			width: 100%;
		}





	/*------------------------------------*\
		$STYLE TRUMPS / STATES
	\*------------------------------------*/
	.navbar-default .navbar-collapse {
		padding: 0 20px;
	}

	.container.navbar.affix-top {
		padding: 0;
		width: 770px;
		height: 50px;
		min-height: 50px;
	}

	.container.navbar.affix-top > .container {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 60px;
		min-height: 60px;
		background-image: url(https://library.fiu.edu/sites/all/themes/fiu_library_resp/fiu_library_resp/images/bg_nav-curve-left.png), url(https://library.fiu.edu/sites/all/themes/fiu_library_resp/fiu_library_resp/images/bg_nav-curve-right.png);
		background-position: left bottom, right bottom;
		background-attachment: scroll;
		background-repeat: no-repeat;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.content__nav.affix {
		width: 243px;
	}

	.media--large .media-object {
		width: 30%;
		margin-right: 2rem;
	}

	.media--large .media-body {
		font-size: 130%;
	}

	.media--large .media-heading {
		font-size: 170%;
	}

	.view {
		width: 25%;
	}

	.allcollection_dropdown_menu {
		width: 800px;
	}





	/*------------------------------------*\
		$STYLE TRUMPS / STATES
	\*------------------------------------*/
	.container.navbar.affix-top {
		width: 990px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.content__nav.affix {
		width: 293px;
	}

	.media--large .media-body {
		font-size: 150%;
	}

	.media--large .media-heading {
		font-size: 200%;
	}

	.allcollection_dropdown_menu {
		width: 1000px;
	}





	/*------------------------------------*\
		$STYLE TRUMPS / STATES
	\*------------------------------------*/
	.container.navbar.affix-top {
		width: 1190px;
	}

}

/* Smaller devices (1199px and below) */
@media (max-width: 1199px) {
	.facet-results__list .col-lg-3 {
		padding-left: 10px;
	}
}