/*
	HALL OF FAME SECTION
*/

#hof_segment { width: 960px; margin: 0 auto; }
#hof_items_container { margin-left: auto; margin-right: auto; max-width: 1140px;}/*margin-left: 35px;*/
 /* min-height: 1000px;*/ }
.hof_items_container_large { margin-left: -3px !important; }

#hof_title { float: left; }
#hof_display_selector { float: left; margin-left: 30px; }

#more_hall_of_fame { float: right; }
#more_hall_of_fame a { color: #787878; font-weight: 600; font-size: 14px; line-height: 0%; vertical-align: bottom;}
#more_hall_of_fame a:hover { color: #000000; }


#view_all, #staff_picks { /*vertical-align: bottom; line-height: 0%;*/ cursor: pointer; color: #afafb0; font-size: 14px; font-weight: 600;}
#view_all:hover, #staff_picks:hover { color: #787878; }
.all_staff_filter_selected { color: #325683 !important; }

#hof_loader_icon { color: red; font-size: 14px; }
#hof_load_more {	display: none;	clear: both; }
#hof_load_more_button {
	width: 240px;
	height: 45px;
	background-image: url(/cams/includes/images/LoadMore.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#hof_load_more_button:hover { background-position: 0 -45px; }
#hof_load_more_button:active { background-position: 0 -90px; }

.no_hof_found { font-size: 14px; }

/*.hof_load_more_off { background-position: 0 0; }
.hof_load_more_hover  { background-position: 0 -45px; }
.hof_load_more_on  { background-position: 0 -90px; }
*/
.display_full_mode {  }
.hof_item { float: left; margin-left: 52px; width: 262px; height: 190px; font-size: 12px; color: #686868; text-align: left; }
.hof_item_large { clear: left; margin-left: 0px; margin-top: 50px; margin-bottom: 50px; width: 100%; height: auto; }
.hof_item_first { margin-left: 0px !important; }
.hof_image {  }
.hof_image_container {  }
.hof_image_container img { cursor: pointer; }
.hof_thumb_full {
	/*width: 960px !important;
	height: 540px !important; */
	cursor: auto !important;
	
	max-width: 100% !important;
	height: auto;
}

.hof_thumb_small { 
	/*width: 256px !important; height: 144px !important;*/
	
	object-fit: cover; 
	object-position: bottom; 
	width: 256px !important;
	height: 144px !important;
}

.portrait_large { width: 410px !important; height: 540px !important; }
.portrait_small { width: 110px !important; height: 144px !important; }

/* overriding ecv4.css so portrait is centered on the hof sections */
.pageThumbnailContainer {
	margin: 0 auto; 
	
	/* height: auto !important;*/
	/*padding: 2px;*/
}

/* items under the HoF images */
.hof_name, .hof_desc, .hof_location { font-weight: 400; font-family: Arial; margin-left: 3px; text-align: left; color: black; font-size: 15px; }
.hof_desc { width: 700px; height: 60px; overflow-y: auto;}
.hof_title { font-weight: 700; font-family: Arial; text-align: left; color: black; font-size: 15px; padding-bottom: 3px;}
.hof_name { font-family: Arial; font-weight: bold;}

.display_full_mode .hof_desc { height: auto; overflow: visible; margin-bottom: 30px;}

.hof_smalltext { font-size: 12px; }

/* grid or full */
#hof_display_full, #hof_display_grid {
	width: 32px; height: 18px;
	float: left;
	margin-right: 15px;
	background-image: url(/cams/includes/images/HOF_modetoggle.png);
	background-repeat: no-repeat;
}
.hof_mode_full_off { background-position: 0 0; }
.hof_mode_full_hover  { background-position: 0 -18px; }
.hof_mode_full_on  { background-position: 0 -36px !important; }

.hof_mode_grid_off { background-position: -32px 0; }
.hof_mode_grid_hover  { background-position: -32px -18px; }
.hof_mode_grid_on  { background-position: -32px -36px !important; }

.hof_item_text_left { float: left; }
.hof_item_text_right { float: right; margin-bottom: 20px; margin-right: 10px; }

.share_hof_image{
	float: left;
	width: 26px;
	height: 28px;
	background-position: 0 0;
	background-image: url(/cams/includes/images/Share.png)
}

.visit_cam_url {
	float: left;
	width: 26px;
	height: 28px;
	margin-right: 20px;
	background-position: 0 0;
	background-image: url(/halloffame/images/TV.png);
}
.visit_cam_url:hover , .share_hof_image:hover{ 
	background-position: 0 -29px; 
	cursor:pointer;
}

/* FULL IMAGE OVERLAY POPUP */
#hof_thumb_full_div { width: 964px;  margin: 0 auto; }

/*#hof_thumb_full_div  .hof_image_container  { display: none; }*/

#close_full_image { cursor: pointer; position: absolute; top: -8px; right: -8px; }

/*#prev_next { position: absolute; }*/
#prev_image, #next_image {
	width: 44px; height: 54px; 
	/* font-size: 48px; color: white; text-shadow: 2px 2px #727272;*/
	display: none; position: absolute; cursor: pointer; top: 260px; 
	background-image: url(/halloffame/images/HOF_nextprev.png);
}
#prev_image {
	left: 50px;
	background-position: 0 0;
}
#next_image {
	right: 50px;
	background-position: -44px 0;
}

#prev_image:active { background-position: 0 -54px; }
#next_image:active { background-position: -44px -54px; }

#prev_image:hover { background-position: 0 -108px; }
#next_image:hover { background-position: -44px -108px; }


/* HOF_nextprev.png */


#hof_full_image_container {
	z-index: 11000;
	width: 1000px;
	height: 700px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -350px;
	margin-left: -500px;
	background-color: white;
	display: none;
	
	/*border: 1px solid #FFF;*/ /*727272*/
	-moz-box-shadow: 1px 1px 2px #727272;
	-webkit-box-shadow: 1px 1px 2px #727272;
	box-shadow: 1px 2px 2px #727272;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}


/** Overwriting defaults */

/*Forced fancybox css to change layout of gallery... */
.fancybox-button--close{
	transform: none!important;
}

.fancybox-infobar{
	width:100%;
}
.fancybox-caption-wrap{
	display: none;
	height: 100%;
	width: 45%;
	padding: 1em 1em 0 1em!important;
	background: none!important;
	/*margin-left: 15px;*/
	/*padding: 0 !important;
	height: 100%;*/
}
.fancybox-caption-wrap-leftjustify{
	margin-left:auto;
	margin-right:auto;
	padding: 0!important;
}	

.fancybox-caption{
	line-height: 15px !important;
	width: 100%;
	text-shadow: 2px 2px #000000;
	border-top: 0 !important;
	padding: 0px 0px !important;
	font-size: 16px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	
}

.camera_title{
	margin-top: 20px;
	position: absolute;
	top: calc(50% - 330px);
}

.camera_title_net{
	position: absolute;
	/*width: 85%;*/
	margin-top: 20px;
	top: 0!important;

}
.camera_title > a, .camera_title_net > a{
	display: block;
}
.camera_descrip{
	position:absolute;
	display: block;
	bottom: 2%;
	overflow: visible;
	width: 100%;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 1em;
}

.camera_descrip_enablemargin{
	height: 40px;
	bottom: calc(50% - 360px);
}

.camera_descrip > span{
	line-height: 15px!important;
	margin-bottom: 10px !important;
}


.des{
	/* aklein removing this so that emojis are not cut off */
	/* overflow: auto; */
	height: 40px;
	z-index: 99994;
	pointer-events: all;
	margin-top: 1em;
}
.fancybox-controls{
	width: 100%;
	bottom: 0;
	height: 30px;
	top: auto!important;
	margin-bottom: 1em;
	margin-left: auto;

	display: none;
	/*height: 100%;*/
}

.fancybox-controls-bottomjustify{
	bottom: calc(50% - 345px);
	margin-right:auto!important;

}
.fancybox-image-dotcom{
	transform:none!important;
	position: static!important;
	width: 100%!important;
	height: auto!important;
	max-height: 540px!important;
	max-width: 960px!important;
}

.fancybox-image{
}

.fancybox-slide{
	cursor: -webkit-default!important;
}
.fancybox-placeholder-dotcom{
	/*transform:translate(-50%, 0)!important;
	top:25%!important;
	left: 50%!important;
	*/
	/*margin-left: auto!important;
	margin-right: auto!important;
	max-height: 540px!important;
	width: auto!important;
	max-width: 56.25%!important;*/
	height: auto!important;
	display:block!important;


} 
.fancybox-placeholder-dotcom{
	cursor: pointer!important;
}

.fancybox-image--zoomIn{
	cursor: url(zoomin-03.cur), auto!important;
}

.fancybox-image--zoomOut{
	cursor: url(zoomout-03.cur), auto!important;
}
.fancybox-caption a {
	text-decoration: none !important;
	font-weight: bold;

}

.fancybox-buttons{
	margin-right: 1em;
	/*padding-right: 30px;*/
}
.fancybox-buttons-rightjustify{
	padding-right: 0!important;
	margin-right: 0!important;
}
.fancybox-button--play{
	background-image: url(/cams/includes/images/HOF_SVG/white_play.svg)!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	pointer-events:all; 
	z-index: 99999;
	
}

.fancybox-button--fullscreen{
	background-image: url(/cams/includes/images/HOF_SVG/white_fullscreen.svg)!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	
}

.active{
	background-image: url(/cams/includes/images/HOF_SVG/white_minimizescreen.svg)!important;

}

.playactive{
	background-image: url(/cams/includes/images/HOF_SVG/white_pause.svg)!important;
	
}
.fancybox-button--left{
	background-image: url(/cams/includes/images/HOF_SVG/white_previous.svg)!important;
	background-position: -50% 50%!important;
	z-index: 99999;
}

.fancybox-button--right{
	background-image: url(/cams/includes/images/HOF_SVG/white_next.svg)!important;
	background-position: 100% 50%!important;
	z-index: 99999;
}

.fancybox-button--thumbs{
	background-image: url(/cams/includes/images/HOF_SVG/white_thumbnails.svg)!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;
	
}

.fancybox-button--close{
	position: absolute!important;
	right: 0;	
}

.fancybox-button{
	background-color:transparent!important;
	/*Removes default fancybox icons*/
	color: transparent!important;
	width: 30px!important;
	height: 30px!important;
	background-repeat: no-repeat!important;
}

.fancybox-infobar__body{
	background-color: transparent!important;
	background-repeat: no-repeat!important;
	background-position: 50% 50%!important;	
}

.js-fancybox-index{
	display: none;
	
}
.js-fancybox-count{
	
	display: none;
}

.fancybox-thumbs > ul > li:hover{
	border-radius: 2px!important;
	border:2px solid black!important;	
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.camera_title:hover, .camera_title_net:hover{
	text-decoration: underline;
}

.fancybox-button:hover{
	-webkit-border-radius:5px!important;
	-moz-border-radius:5px!important;
	border-radius:50px!important;
	-webkit-box-shadow:0px 0px 20px 0px rgba(255,255,255,0.45)!important;
	-moz-box-shadow:0px 0px 20px 0px rgba(255,255,255,0.45)!important;
	box-shadow:0px 0px 20px 0px rgba(255,255,255,0.45)!important;
	background-color:rgba(255,255,255,0.2)!important;


}

.pic {
	position: relative;
	width: 30%;
	float: left;
	padding: 5px;
	padding-left: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	
}

.pic_net{
	position: relative;
	width: 33%;
	height: 243px;
	float: left;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	
}
.picportrait{
	position: relative;
	width: 12%;
	float: left;	
	padding: 20px;
	padding-left: 135px;
}

.gridportrait{
	width: 100%;
	height: 200px;
}

.gridlandscape{
	width: 100%;
	height: auto;
	max-height: 210px;
	max-width: 370px;
}
.gridportrait_hof, .gridlandscapedotcom{
	width: 100%;
	height: 160px;
}


.fancybox img{
	opacity: .9;
	display: block;
}

.fancybox img:hover{
	opacity: 1.0;
}

.fbox {
	position: relative;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	margin: 5px;
	box-shadow: 5px 5px 5px #888888;
}

.fbox_net{
	position: relative;
	box-shadow: 5px 5px 5px #888888;
	
}

.fbox:hover{
	box-shadow: 4px 4px 8px #6E9BC3;
}


.fbox .thumbnail_caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: -50px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 3px;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.thumbcaption{
	margin-top: 15px;
	margin-left: 15px;
}

.thumbcaption_net{
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0;
}

.ellipsis, .show_ellipsis{
	z-index: 99999;
	cursor: pointer;
	font-weight:normal!important;
}	
.ellipsis > a{
	display: inline-block;

}	
.show_ellipsis > a{
	display: inline-block;

}
.name, .loc, .des {
	width: 40%;
}
#landscape{
	width: 100%;
	height:auto;
}

body.no-touch .fbox:hover .thumbnail_caption, body.touch .fbox.touchFocus .thumbnail_caption {
	margin-bottom: 0;
}

#portrait_hof{
	width: 30%;
	height: 160px;
	
	
	/*Centers image within container*/
	margin-left: auto;
	margin-right: auto;
}

#closeicon{
	margin-top: 1em;
	margin-right:1em;
	cursor: pointer;
	color: white !important;
	z-index: 99999;
	
	
}

.closeicondotcom{
	margin-right: 0!important;
	
}
.closeicon-wrap{
	position: absolute;
	margin: 0;
	right: 0;
	top: calc(50% - 330px);
	pointer-events: all;
}

#portrait_hof + .thumbcaption {
	text-align: center;
}

#portrait{
	width: 100%;
}

#landscapedotcom{
	height: 160px;
}

#quitSearch{
	display: none;
	position: absolute;
	margin-left: 300px;
	
}

#quitSearch:hover{
	cursor: pointer;
}

#close-icon{
	position: absolute;
	margin-left: 160px;
	display: block!important;
	box-sizing:border-box;
	width:20px;
	height:20px;
	border-radius: 100%;
	background-image: url(/cams/includes/images/Close_X.png);
	background-position: 45% 45%;
	background-repeat: no-repeat;
	background-color: black;
}

#close-icon:hover{
	cursor: pointer;
}

#videoPlayer_html5_api{
	margin: 0 !important;
}

#share, #cameralink{
	margin: 0!important;
	width: 34px;
	height: 34px;
	z-index: 99999;
	/*background-color: rgba(30, 30, 30, 0.6);*/
	background-size: initial;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	display: inline-block!important;
}

#share{
	background-image: url(/cams/includes/images/HOF_SVG/white_share.svg);
	background-position: 40% 50%;

}
#cameralink{
	background-image: url(/cams/includes/images/HOF_SVG/white_livetv.svg);
	background-position: 50% 40%;

}

#share:hover, #cameralink:hover{
	-webkit-border-radius:5px;
	border-radius:100px;
	-webkit-box-shadow:0px 0px 20px 0px rgba(255,255,255,0.45);
	-moz-box-shadow:0px 0px 20px 0px rgba(255,255,255,0.45);
	box-shadow:0px 0px 20px 0px rgba(255,255,255,0.45);
	background-color:rgba(255,255,255,0.2);
	z-index: 99999;
	cursor: pointer;
}

#controlsdotcom{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	bottom: 130px;
}


@media (max-height: 700px){
	
	.camera_title{
		top: 0!important;
	}
	.closeicon-wrap{
		top: 0!important;
	}
	.fancybox-controls{
		bottom: 6%;
	}
}
@media (min-height: 1000px){
	.camera_descrip_enablemargin{
		bottom: calc(50% - 365px);
	}
	.des{
		height: 60px;
	}
	.name{
		width: 40%;
	}
	
}
@media (max-width: 960px){
	
	.fancybox-controls,.fancybox-caption-wrap, .closeicon-wrap{
		width: 100%!important;
	}
	
}
@media (max-width: 800px){
	
	.pic_net{
		height: 200px;
	}

	#intro_text{
		padding-top: 20%!important;
		
	}
	.fancybox-caption-wrap{
		/*bottom: 50px !important;*/
		width: 100%!important;
		background: none!important;
		padding: 0!important;
		left: 0!important;
		margin-left: 5px!important;
		/*padding: 0 !important;
		height: 100%;*/
	}
	.camera_descrip{
		margin: 0;
		bottom: 15%!important;
	}
	.camera_descrip_enablemargin{
		width: 95%!important;
		margin-left: 1em;
	}
	.camera_title{
		margin-left: 1em;
	}
	.camera_title_net{
		top: 0!important;
		margin-left:0;
	}
	.fancybox-controls{
		width: 100%!important;
		margin-bottom: 0!important;	
		bottom: 0!important;
		margin-right: auto!important;
	}
	
	.fancybox-infobar__body{
		width: 0!important;
	}
	
	.fancybox-buttons{
		margin-right: 0;
	}
	#closeicon{
		margin-right: 0;
	}
	
	.closeicondotcom{
		margin-right: 1em!important;
	}
	

}

@media (max-width: 500px){
	.pic_net{
		height: 125px;
		
	}
	
}


/****************************/