.post-type-archive-classroom {
	background:#fafafa;
}


	.post-type-archive-classroom #content  {
		padding-top:0px;
	}
		.post-type-archive-classroom #content:before {
			display: none;
		}
	.classroom-item {
		border: 1px solid #ddd;
		background: white;
		margin-right: 1%;
		padding:0px!important;
		margin-bottom: 10px;
		width:24%;
		border-radius:7px;
		overflow:hidden;
	}

			@media (max-width:767px) {
				.classroom-item {
					width:100%;
				}
			}

		.classroom-item-inner-wrapper {
			padding: 15px 15px 10px;
		}

		.classroom-title a {
			font-size:26px;
			font-weight:bold;
			letter-spacing:0.03em;
		}

	.classroom-item div  {
		text-transform:uppercase;
		font-size: 11px;
		letter-spacing:0.1em;
		font-weight:400;
		margin-bottom:5px;
	}

		.classroom-item div span {
			display:block;
			font-size:16px;
			font-weight:700;
			letter-spacing: 0em;
			text-transform: none;
			margin-top:5px !important;
			margin-bottom:16px !important;
		}

		.classroom-item div span.glyphicon {
			display:inline;
		}
		
		.classroom-item div img {
			width:100%;
		}


			.classroom-item-building {
				text-transform: none !important;;
				font-weight: 400!important;
				letter-spacing: 0 !important;
				font-size: 14px !important;
				border-bottom: 2px solid #333;
				padding-bottom: 6px;
				margin-bottom: 15px !important;
				font-style: italic;
			}

			.classroom-item-lecturecapture .live-stream {
				margin-top:-16px !important;
                text-decoration: underline;
			}
			
			
.classroom-browse-message {
	margin-top:30px;
	margin-bottom:30px;
}

#classroom-wrapper{
    padding: 16px;
}

#classroom-wrapper #classroom-keyword-search {
    margin: 4px;
}

#classroom-wrapper #showhide-filter-button {
	border-radius:7px;
	/*margin-top:40px;*/
}

.filter-wrapper {
    padding-top: 15px;
    background: #d8d8d8;
    padding-bottom: 15px;
    /*margin-bottom: 40px;*/
    border-top: 1px solid #cecece;
}

	.filter-wrapper .row {
	}

		.filter-title {
			font-size: 18px;
			font-weight: 700;
			color: black;
			border-bottom: 2px solid black;
			display: block;
            padding-top:15px;
			padding-bottom: 6px;
			margin-bottom: 13px; 
		}

		.filter-title .glyphicons-info-sign {
			margin-top: -3px;
		}

		.filter-wrapper .row .col-sm-3 {
			margin-bottom:40px;
		}

			.filter-wrapper .row .col-sm-3 ul {
				list-style-type: none;
				padding-left:0px;
			}

				.filter-wrapper .row .col-sm-3 ul label {
					font-weight:normal;
					padding-left:5px;
				}

		.filter-wrapper #capacity_display {
			margin-bottom: 10px;
			display:inline-block;
		}
		
		.filter-wrapper .filter-boardtype-wrapper ul, .filter-wrapper .filter-lecture-wrapper ul, .filter-wrapper .filter-livestreamcontent-wrapper ul {
			list-style:none;
			padding-left:0;
		}

.filter-capacity-wrapper #classroom_capacity_range {
	background: #e4e4e4
}

	.filter-capacity-wrapper .ui-widget-header {
		background:white;
	}

.filter-capacity-wrapper .ui-slider-handle {
	background: #c8c8c8 !important;
	border: 1px solid #909090 !important;
	border-radius: 0px 10px 10px 0px;
}

	.filter-capacity-wrapper .ui-slider-handle:nth-of-type(1) {
		border-radius:10px 0px 0px 10px;
}

@media (max-width:767px) {
	.classroom-image img {
		width:100%; 
	}
}


.classroom-image {
	height: 136px;
	overflow:hidden;
    background: rgb(197,197,197);
background: linear-gradient(-45deg, rgba(197,197,197,1) 0%, rgba(214,214,214,1) 50%, rgba(221,221,221,1) 50%, rgba(221,221,221,1) 100%);
}

	@media(max-width:1200px) {
		.classroom-image {
			height:112px;
		}
	}

	@media(max-width:991px) {
		.classroom-image {
			height:86px;
		}
	}

	@media(max-width:767px) {
		.classroom-image {
			height:auto;
			min-height:155px;
			max-height:400px;
		}
	}


/* =============== Single classroom page ================= */
.single-classroom .col-sm-6, .single-classroom .col-sm-9 {
		margin-bottom:30px;
		margin-top:40px;
}



	.single-classroom .classroom-info-wrapper {
		background:white;
		padding:40px;
		border:1px solid #ddd;
		border-radius:7px;
	}

		.classroom-info-wrapper.notes {
			margin-top:20px;
		}

.single-classroom .col-sm-6 img {
	margin-bottom:15px;
}

.single-classroom .classroom-info-wrapper div  {
		text-transform:uppercase;
		font-size: 11px;
		letter-spacing:0.1em;
		font-weight:400;
		margin-bottom:5px;
	}

		.classroom-info-wrapper div>span {
			display:block;
			font-size:22px;
			font-weight:700;
			text-transform: none;
			letter-spacing:0;
			margin-bottom:25px !important;
		}

            .classroom-info-wrapper div span.glyphicons-info-sign {
                    margin-top: -6px;
                    font-size: 13px;
            }
			.classroom-info-wrapper div.building-notes span {
				font-weight: normal;
				font-size: 16px;
				margin-top: 5px;
				margin-bottom:0px !important;
			}
			
			.classroom-info-wrapper .classroom-info-360viewurl span {
				font-weight: normal;
				font-size: 16px;
				margin-top: 5px;
				margin-bottom:25px !important; 
			} 
			
			.classroom-info-wrapper .classroom-info-classroomnotes span {
				font-weight: normal;
				font-size: 16px;
				margin-top: 5px;
				margin-bottom:25px !important; 
			} 
			
			.classroom-info-wrapper .classroom-info-lecture .live-stream {
				margin-top:-25px !important; 
                text-decoration: underline;
			} 
			
			.classroom-info-wrapper .classroom-info-video .classroom-info-audio .glyphicon-new-window {
				display:none;
			} 

            .classroom-info-wrapper .classroom-info-lecture .glyphicon-new-window {
				display:none;
			} 

		.single-classroom .classroom-info-wrapper .classroom-info-title {
			font-size:40px;
			font-weight:bold;
			letter-spacing: 0.01em;
			margin-bottom:25px;
		}
		.single-classroom .classroom-info-wrapper .classroom-info-building {
			font-size:16px;
			text-transform: none;
			letter-spacing:0px;
			border-bottom:2px solid #333;
			padding-bottom: 15px;
			margin-bottom: 30px;
		}
		
		
		.single-classroom .classroom-photo-wrapper {
			text-align:center;
			background:#d8d8d8;
		}
		
			.single-classroom .classroom-photo-wrapper img {
				display:inline-block;
			}

.single-classroom .alert {
	margin-bottom:0px;
	border-radius:7px;
	position:relative;
}

#showhide-filter-button{
    margin: 4px;
}

#threesixtyview{
    width: 100%;
    height: 400px;
}


.single-classroom #page-sidebar {
		margin-bottom:30px;
		margin-top:40px;
}

	.single-classroom #page-sidebar .widget {
		border-color:#ddd;
		border-radius:7px;
	}
	
.single-classroom #content:before {
	display:none;
}

#threesixtyview_playbutton {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0px;
    z-index: 9999;
    background-color: rgba(200, 200, 200, 0.7);
}	

#threesixtyview_fullscreenbutton {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    background-color: rgba(200, 200, 200, 0.7);
}	


.hide-block{
	display: none;
}

.show-block{
	display: block;
}