/*
	global css for earthcam.com
*/

/****************************
Global CSS
****************************/

/****************************
General CSS
****************************/

body{
	padding: 0;
	background-color: #f0f0f0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media ( max-width: 1700px ) and ( max-height: 1080px ) {
    body {
        min-height: calc( 100vh + 95px );
    }
}
div {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}
hr{
	border-top: 1px solid #ddd;
	opacity: 1;
}
a { color: #337ab7; }
a:not(:hover){
	text-decoration: none;
}
p{ margin-bottom: 10px; }

/****************************
Class CSS
****************************/

/** Boostrap Overwrite CSS **/

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--bs-gutter-x: 30px;
}
.row {
	--bs-gutter-x: 30px;
}
.g-0, .gx-0 {
    --bs-gutter-x: 0;
}

/** General Class CSS **/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0.5rem; }
.ad{
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
	width: 160px;
}
.blueHeaderBar {
    background-color: #00589D;
    color: #FFFFFF;
    padding: 3px 5px 3px 5px;
    font-weight: 700;
    font-family: Arial;
    font-size: 14px;
	height: 26px;
}
.bodyContainer{
	background-color: #f0f0f0;
}
.borderContainer{
	background-color: #f0f0f0;
    font-family: Arial;
	font-size: 14px;
    margin-left: 0;
    margin-right: 0;
}
.btn { border-radius: 4px; }
.center{
	align-items: center;
	text-align: center;
}
.clearfix:after {
	display: block;
	content: " ";
	clear: both;
}
.clearfix{ display: inline-block; }
.clickable{	cursor:pointer;}
.container-fluid{ margin-top: 0px; }
.content { font-size: 14px; }
.form-control { appearance: auto; -webkit-appearance: auto; font-size: 14px; border-radius: 4px; border-color: rgb(204, 204, 204); padding: 6px 12px; }
.likeButton{
	color: #00589D;
	margin-right: 4px;
}
/*.likeButton:not(.done):hover:before{ content: "\f08a"; }
.likeButton:not(.done):active:hover{ color: #258B4E; }
.likeButton.success{ color: #258B4E; }*/
.likeButton:not(.liked):hover:before{ content: "\f08a"; }
.likeButton:not(.liked):active:hover{ color: #258B4E; }
.likeButton.liked{ color: #258B4E; }
.likeButton.liked:hover:before{ content: "\f08a"; }
.likeButton.liked:active:hover{ color: #00589D; } /* For unlikes */
.load-more-button:hover{ background-color: rgb(221,221,221); }
.mainContainer{
	background-color: #f0f0f0;
	position: relative;
	z-index: 2;
	max-width: 1284px;
	margin: 0 auto;
}
.noDec{ text-decoration: none !important; }
.pad-bot{ padding-bottom: 25px; }
.pad-top{ padding-top: 15px; }
/*.pageThumbnailContainer{
    width: 128px;
}
.pageThumbnailContainer img{
	margin: 0px;
	padding: 0px;
    width: 128px;
    height: 72px;
    vertical-align: top;
}*/
.pageThumbnailContainer_off {
    -moz-box-shadow: 1px 1px 3px #d1d1d1;
    -webkit-box-shadow: 1px 1px 3px #d1d1d1;
    box-shadow: 1px 1px 3px #d1d1d1;
    border: 1px solid #d3d3d3;
}
.pageThumbnailContainer_on {
    -moz-box-shadow: 1px 1px 3px #aedfff;
    -webkit-box-shadow: 1px 1px 3px #aedfff;
    box-shadow: 1px 1px 3px #aedfff;
    border: 1px solid #3498db;
}
.pageTitle {
	border-bottom: 1px solid #dddddd;
	color: #1D63A2;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
	width: 100%;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.sticky{
    position: sticky;
}
.submitButtonBlue{
	background-color: #00589D;
	color: #FFFFFF;
	font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    border: 0px;
	width: 100%;
    max-width: 100px;
    height: 25px;
    cursor: pointer;
}
.submitButtonBlue:hover{
    background-color: #bdbbc3;	//Default grey color
    /* background-color: buttonface;	//Default grey color */
	color: #000000;
}
.submitButtonBlue:active:hover{
    background-color: #FFFFFF;
	border: thin solid #00589D;
    color: #00589D;
}
.verticalCenter{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.vidContent{
	background-color: #FFFFFF;
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete.ui-widget > .ui-menu-item, .ui-datepicker.ui-widget { font-size: 14px; }


/****************************
Video CSS
****************************/

@media (max-width: 300px){
	.cam{
		width: 100%;
	}
}
.camera_block {
	position: relative;
	max-width: 200px;
	margin-bottom: 15px;
}
.camTypeImg{
	position: absolute;
	bottom: 3%;
	height: 20%;
	right: 2%;
	margin: inherit;
}
.carousel-indicators [data-bs-target] {
	background-clip: none;
	background-color: transparent;
	border: 1px solid #000000;
	height: 8px !important;
	margin: 1 4px !important;
	width: 8px !important;
	opacity: 1;
}
.carousel-indicators > li{
	border-color: #444444;
	margin-top: 1px !important;
}
.carousel-indicators > li.active{
	background-color: #444444;
	height: 10px !important;
	margin: 0 2px !important;
	width: 10px !important;
}
.category-content {
	color: #1d63a2;
	font: bold 18px Arial, sans-sarif;
	margin: 15px auto;
}
.category-content > a {
	color: #1d63a2;
	font: bold 18px Arial, sans-sarif;
}
.imgContainer{
	width: 100%;
	/* height: auto; */
	overflow: hidden;
	position: relative;
}
.imgContainer:before{
	content: "";
	display:block;
	padding-top: 56.69%;
}
.load-more-button, .load-more-button:focus, .load-more-button:active:focus, .show-more-button, .show-more-button:focus, .show-more-button:active:focus{
	background-color: rgb(221,221,221);
	color: #444444;
	/*font: 14px Arial;*/
	/*margin: 10px auto 10px;*/
	/*padding: 3px 6px;*/
	outline: 0px;
}
.load-more-button.btn-more, .show-more-button.btn-more, .btn-more.focus, .btn-more:focus, .btn-more:hover{
	background-color: #696969;
	color: #FFFFFF;
}
.row.equal {
	display: flex;
	flex-wrap: wrap;
}
.ec_title_text { color: #258B4E !important; }

a > .imgContainer > .thumbnailImage{
	/*max-width: 200px;
	width: 100%;
	height: auto;
	border: 1px solid #F0F0F0;*/
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	 -moz-box-shadow: 1px 1px 3px #d1d1d1;
    -webkit-box-shadow: 1px 1px 3px #d1d1d1;
    box-shadow: 1px 1px 3px #d1d1d1;
    border: 1px solid #d3d3d3;
}
a:hover > .imgContainer > .thumbnailImage, a:active > .imgContainer > .thumbnailImage{
	 -moz-box-shadow: 1px 1px 3px #aedfff;
    -webkit-box-shadow: 1px 1px 3px #aedfff;
    box-shadow: 1px 1px 3px #aedfff;
    border: 1px solid #3498db;
}
a:hover > .thumbnailTitle, a:hover > .thumbnailMisc, a:hover > .thumbnailLikes, a:active > .thumbnailTitle, a:active > .thumbnailMisc, a:active > .thumbnailLikes{
	color: #00589D;
}
.thumbnailLikes{
	color: #444444;
	font: 11px Arial;
	margin-top: 3px;
}
.thumbnailMisc{
	color: #444444;
	font: 11px Arial;
	min-Height: 15px;
}
.thumbnailTitle{
	color: #444444;
	font: bold 12px Arial;
	margin: 5px 0px 2px;
}
.thumbnailTitleDotNet {
	color: #003366 !important;
}
.thumbnailViews{
	color: #444444;
	font: 12px Arial;
	margin-top: 3px;
}
.vidRow{
	/*border-top: 1px solid #dddddd;*/
	border-top: 1px solid #cccccc;
	/*margin-bottom: 5px;*/
	/*margin-bottom: 30px;*/
	margin-bottom: 20px;
}

.vidRow.dotNetRow {
	background-color: #f4f4f4;
}

/***************************
ID CSS
***************************/

#google_ad_tower{
	margin-left: 10px;
}
#netCarousel{
	margin-bottom: 40px;
}