@import url('https://fonts.googleapis.com/css?family=Nunito:100,200,400,600,800');

 /* Dark Geen */
:root {
	--dark_green: #02303a;
}

/* Light Green */
:root {
	--lt_dark_green: #005b6b;
}
html{
	
}

#body, body{
	padding: 0px;
	margin: 0px;
	/* background-color: #02303a; */
	font-size: 12px;
	font-family: 'Nunito', sans-serif;

	background: url("../../Core_Assets/Images/blue_checkered_background.jpg") no-repeat center center fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
	width: 100vw;
	position: absolute;
}

.overlay{
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,91,107,0.42) 0%, rgba(0,91,107,0.54) 20%, rgba(2,48,58,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,91,107,0.42) 0%,rgba(0,91,107,0.54) 20%,rgba(2,48,58,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(0,91,107,0.42) 0%,rgba(0,91,107,0.54) 20%,rgba(2,48,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b005b6b', endColorstr='#02303a',GradientType=1 );
	/* height: 100vh; */
}
.mainMask {
	z-index: 9999999;
/* background: #038bbc;
background: -moz-linear-gradient(-45deg,  #038bbc 0%, #416982 12%, #416982 31%, #141a28 100%);
background: -webkit-linear-gradient(-45deg,  #038bbc 0%,#416982 12%,#416982 31%,#141a28 100%);
background: linear-gradient(135deg,  #038bbc 0%,#416982 12%,#416982 31%,#141a28 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038bbc', endColorstr='#141a28',GradientType=1 ); */
/* background: -moz-radial-gradient(center, ellipse cover,  rgba(2,55,109,0.33) 0%, rgba(2,55,109,0.33) 2%, rgba(2,55,109,0.58) 39%, rgba(20,26,40,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(2,55,109,0.33) 0%,rgba(2,55,109,0.33) 2%,rgba(2,55,109,0.58) 39%,rgba(20,26,40,1) 100%);
background: radial-gradient(ellipse at center,  rgba(2,55,109,0.33) 0%,rgba(2,55,109,0.33) 2%,rgba(2,55,109,0.58) 39%,rgba(20,26,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5402376d', endColorstr='#141a28',GradientType=1 ); */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,91,107,0.42) 0%, rgba(0,91,107,0.54) 20%, rgba(2,48,58,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,91,107,0.42) 0%,rgba(0,91,107,0.54) 20%,rgba(2,48,58,1) 100%);
background: radial-gradient(ellipse at center,  rgba(0,91,107,0.42) 0%,rgba(0,91,107,0.54) 20%,rgba(2,48,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b005b6b', endColorstr='#02303a',GradientType=1 );


	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0px;
	margin: 0px;
	width:100vw;
	height:100vh;

}
.loadingContainer{
	position: fixed;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.sec_title{
	color: var(--dark_green);
	font-size: 25px;
	font-weight: 900;
	letter-spacing: 1.5px;
	text-shadow: 0px 1px 2px rgba(255,255,255,0.8);
	background-clip: text;
}
.news-widget{
	text-align: right;
}
.weekly_summary .daily_only{
	display: none;
}
.daily_summary .weekly_only{
	display: none;
}
/* ===== Modal mask (uses your gradient) ===== */
.bb-modal-mask{
  z-index: 9999999;
  position: fixed; inset: 0;
  width:100vw; height:100vh; margin:0; padding:0;
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,91,107,0.42) 0%, rgba(0,91,107,0.54) 20%, rgba(2,48,58,1) 100%);
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,91,107,0.42) 0%,rgba(0,91,107,0.54) 20%,rgba(2,48,58,1) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,91,107,0.42) 0%,rgba(0,91,107,0.54) 20%,rgba(2,48,58,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b005b6b', endColorstr='#02303a',GradientType=1 );
  opacity: 0; display:none;
}

/* ===== Modal panel (frosted) ===== */
.bb-modal{
  z-index: 10000000;
  position: fixed; left: 50%; top: 50%;
  transform: translate(-50%,-50%) translateY(-50px);
  opacity: 0; display:none;

  min-width: min(920px, 92vw);
  max-width: 92vw;
  max-height: 90vh;
  overflow: hidden;

  border-radius: 14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(16px) saturate(160%);

  /* lift above the page */
  box-shadow:
	0 10px 25px rgba(0,0,0,.35),
	0 2px 8px rgba(0,0,0,.25);
}

/* Modal chrome */
.bb-modal__header{
  display:flex; align-items:center; justify-content:space-between;
  padding: 10px 14px;
  color:#fff; font-weight:700; letter-spacing:.02em;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.bb-modal__body{
  padding: 12px; overflow:auto; max-height: calc(90vh - 56px);
}
.bb-modal__close{
  cursor:pointer; user-select:none;
  padding: 6px 10px; border-radius: 8px;
  background: rgba(0,0,0,.45); color:#fff; border:1px solid rgba(0,0,0,.2);
}
.bb-modal__close:hover{ background: rgba(0,0,0,.6); }

/* Small helpers */
.bb-modal--enter{ display:block; }
.bb-modal-mask--enter{ display:block; }

.bb-modal .white_box{
	box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.15);
}