/* @override http://bureau.state.local/eca/sites/all/modules/custom/eca_shareable/css/eca_shareable_style.css?oo9evt */

#block-views-float-bar-block {
	display: block;
	position: fixed;
	z-index: 3000;
	width: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	bottom: 0;
	display: none;
}

#close-float {
	display: block;
	width: 30px;
	text-align: center;
	font-size: xx-large;
	float: right;
	position: absolute;
	cursor: pointer;
	right: 25px;
	top: 20px;
}


.shareable {
	background-color: #18b5ff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	margin: auto 13px 13px;
	color: white;
	-moz-box-shadow: 0 0 8px rgba(8, 8, 8, 0.48);
	box-shadow: 0 0 8px rgba(8, 8, 8, 0.48);
	opacity: 1;
}

.shareable a {
	color: white !important;
}

.pager-next a{
	color: white;
}

.shareable .container {
	margin: auto;
	display: block;
	overflow: none;
	max-width: 1080px;
	padding: 10px;
}

.share-well {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}

.image-well {
	max-width: 702px;
	float: left;
}

.fa {
	color: #41aae0 !important;
	margin-top: auto !important;
	margin-right: 5px !important;
	margin-left: 5px;
	background-color: white !important;
	height: 35px !important;
	width: 35px !important;
	border-radius: 100 !important;
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	cursor: pointer !important;
	position: relative !important;
	font-size: 20px !important;
	line-height: 36px !important;
	text-align: center !important;
}

.fa:hover {
	color: white !important;
	background-color: #3761e8 !important;
	text-decoration: none !important;
}

a.flicker-discover-link {
	font-weight: bold;
	display: block;
}

.ajax-progress .throbber, .ajax-progress {
	display: none;
}

.arrow-well {
	height: 60px;
	display: block;
	position: relative;
	z-index: 1000;
}

#left-arrow {
	font-size: 0;
	border-style: solid;
	border-color: transparent white transparent transparent;
	float: left;
	position: relative;
	right: 8px;
	cursor: pointer;
}

#right-arrow {
	font-size: 0;
	border-style: solid;
	border-color: transparent transparent transparent white;
	float: right;
	position: relative;
	left: 8px;
	cursor: pointer;		
}

#right-arrow:hover {
	border-color: transparent transparent transparent #3761e8;
}

#left-arrow:hover {
	border-color: transparent #3761e8 transparent transparent;
}

.shareable ul.pager {
	display: none;
}

.img-hide {
	
	display: none;
}

@media screen and (max-width : 700px) {
	a.flicker-discover-link {
		text-align: center;
	}

	#close-float {
		margin-top: -6px;
		margin-right: -2px;
		font-size: 23px;
		font-weight: bold;
	}
	
	.image-well img {
		margin-top: 25px;
		margin-right: auto;
		width: 95%;
		margin-left: auto;
		display: block;
	}
	
	.arrow-well {
		top: 160px;
		margin-top: -60px;
	}
	
	#left-arrow {
		border-width: 20px 15px 20px 0;
		right: 1px;
	}
	
	#right-arrow {
		border-width: 20px 0 20px 15px;
		left: 1px;
	}
	
	
	@media (min-width : 500px) {
	
		.arrow-well {
			top: 190px;
			margin-top: -60px;
		}
		
		#left-arrow {
			border-width: 20px 15px 20px 0;
			right: -2px;
		}
		
		#right-arrow {
			border-width: 20px 0 20px 15px;
			left: -2px;
		}
	}
		
}

@media (min-width : 701px) and (max-width : 1010px) {

	a.flicker-discover-link {
		text-align: center;
		font-weight: bold;
		font-size: x-large;
	}

	.image-well {
		width: 60%;
		display: inline-block;
	}

	.shareable-body {
		display: inline-block;
		width: 39%;
		position: relative;
		padding-top: 10%;
		padding-bottom: 6%;
	}
	
	.arrow-well {
		top: 150px;
		margin-top: -60px;
	}
	
	#left-arrow {
		border-width: 20px 15px 20px 0;
	}
	
	#right-arrow {
		border-width: 20px 0 20px 15px;
	}
	
	

	@media (min-width : 850px) {
		
		.arrow-well {
			top: 160px;
			margin-top: -60px;
		}
		
		#left-arrow {
			border-width: 20px 15px 20px 0;
		}
		
		#right-arrow {
			border-width: 20px 0 20px 15px;
		}
	}
}

@media (min-width : 1011px) {
	.shareable .container {
		height: 330px;
	}

	.image-well {
		width: 67%;
		display: inline-block;
	}

	.shareable-body {
		display: inline-block;
		width: 30%;
		position: relative;
		left: 30px;
		padding-top: 10%;
	}

	a.flicker-discover-link {
		font-size: 30px;
		line-height: 35px;
	}

	.share-well {
		text-align: left;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.fa {
		height: 45px !important;
		width: 45px !important;
		font-size: 25px !important;
		line-height: 46px !important;
	}
	
	.arrow-well {
		top: 200px;
		margin-top: -60px;
	}
	
	
	#left-arrow {
		border-width: 30px 23px 30px 0;
	}
	
	#right-arrow {
		border-width: 30px 0 30px 23px;	
	}

}