@import url('https://fonts.googleapis.com/css2?family=Iosevka+Charon+Mono&family=Orbitron:wght@400..900&display=swap');

@font-face {
    font-family: 'Agrandir Wide'; /* Name you'll use in CSS */
    src: url('../assets/mr/agrandir-wide-medium.ttf') format('truetype'); /* Path to your .ttf file */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jimmy'; /* Name you'll use in CSS */
    src: url('../assets/mr/jimmy-script-regular.otf') format('truetype'); /* Path to your .ttf file */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Agrandir Thin'; /* Name you'll use in CSS */
    src: url('../assets/mr/agrandir-wide-thin.ttf') format('truetype'); /* Path to your .ttf file */
    font-weight: normal;
    font-style: normal;
}

.initiallyHidden { display: none; }

.main_container {
  background:linear-gradient(to top, #2D5F5D .1%, #ffffff 20%);
}

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.my-header-logo {
 	/* font-family: "Piedra", sans-serif; */
  font-family: "Red Rose", serif;
  font-size: 2.0rem;
}

.submaintitle {
  font-family: "Red Rose", serif;
  text-shadow: 0px 0px 6px rgb(255, 255, 255);  
}


.banner_background{
  height: 250px;
  padding:2rem 1rem;
  margin-bottom:2rem;
  /* background-color:#697e93; */
  background: linear-gradient(183deg,rgba(204, 202, 202, 1) 0%, rgba(255, 255, 255, 1) 100%);
  border-radius:.3rem}
@media (min-width:576px){
  .banner_background{padding:4rem 2rem}
}
.banner_background-fluid{
  padding-right:0;
  padding-left:0;
  border-radius:0
}

.my_jumbotron {
  background-image: url('../assets/mr/clust.PNG');
   margin-bottom: 2rem;
}

.my_jumbotron_new {
  background-image: url('../assets/mr/baner_new.png');
  margin: 0;
  margin-bottom: 2rem;
  min-height: 25vh;
  background-size: 1100px 250px;
}

.my_jumbotron_new_b {
  position: relative;
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
  /* align-items: flex-start; align to the left */
  gap: 20px;
  border-radius: 10px; 
  /* background-image: url('../assets/mr/baner_new_b.png'); */
  background-image: url('../assets/mr/banner_v2.png');
  background-size: cover;
  background-position: center;

  margin: 0;
  margin-bottom: 2rem;
  min-height: 25vh;  
  overflow: hidden;
}

@font-face {
    font-family: 'Noto';
    src: url('../assets/mr/Noto/NotoSerifEthiopic_Condensed-Regular.ttf') format('truetype');
    font-weight: normal;
}

.my_jumbotron_c {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 10px; 
  background-image: url('../assets/mr/banner_v2_blnk.png');
  background-size: cover;
  background-position: center;
  margin: 0;
  margin-bottom: 2rem;
  min-height: 22vh;  
  overflow: hidden;
}

.jumbotron-text {
  position: absolute;
  left: 2%;
  top: 52%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  width: 35%;                  /* controls how wide the text block is */
  font-family: 'Noto', sans-serif;
  /* font-weight: bold; */
  color: white;
  line-height: 1;
  text-shadow:
      0 0 10px rgba(255, 255, 255, 0.9),   /* tight white glow */
      0 0 20px rgba(255, 255, 255, 0.6),   /* medium spread */
      0 0 40px rgba(255, 255, 255, 0.3),   /* soft outer glow */
      2px 2px 8px rgba(0, 0, 0, 0.7);     /* dark shadow for contrast */
}

.jumbotron-text span {
  display: block;
  text-align: center;    /* clean left alignment */
  letter-spacing: 0.005em;   /* increase to spread, negative to tighten */
  font-size: 2.5rem;
}

/* Mobile */
@media (max-width: 768px) {
    .jumbotron-text {
        width: 50%; 
    }
}
@media (min-width: 769px) and (max-width: 999px) {
    .jumbotron-text {
        width: 40%; 
    }
}
@media (min-width: 769px) and (max-width: 999px) {
    .jumbotron-text span {
        font-size: 2.0rem;
    }
}

@media (max-width: 768px) {
    .jumbotron-text span {
        font-size: 1.4rem;
    }
}
@media (min-width: 769px) and (max-width: 999px) {
    .jumbotron-text span {
        font-size: 2.0rem;
    }
}
.alert-mod {
  /* height: 20px; */
  background: #000000;
  background: linear-gradient(133deg,#4b882f 0%, rgba(0, 0, 0, 1) 50%, #83ce0b 90%, #4b882f 100%);
  color: white;
  border-radius: 10px; 
}

.section_banner {
  height: 50px;
  /* background-color:rgb(18, 91, 15); */
  background-color:rgb(146, 191, 216);
  color: white;
  border-radius: 10px; 
}

.card-mod {
  border-radius: 10px; 
}

.orbitron-style {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  bottom: -9px;
  left: 10px;
  padding: 6px 12px;
  /* margin: 0 0 16px 0; */
  font-size: 24px;
  color:#fff
}

.banner_text {
  font-family: "Agrandir Wide", sans-serif;
  /* font-family: "Orbitron", sans-serif; */
  font-size: 25px;
  color: white;
  text-shadow: 0px 0px 2px rgba(206, 215, 196, 0.269);
  position: absolute;
  bottom: -8px;
  left: 10px;
  padding: 8px 10px;
}
.banner_text_r {
  font-family: "Agrandir Thin", sans-serif;
  font-size: 20px;
  color: white;
  text-shadow: 0px 0px 2px rgba(206, 215, 196, 0.269);
  position: absolute;
  bottom: -8px;
  right: 10px;
  padding: 8px 10px;
}
/* BELOW 995px: remove absolute and stack */
@media (max-width: 995px) {
  .banner_text_r { 
    position: static; /* allow it to move below the first */ 
    bottom: auto; 
    right: auto; 
    margin-top: 10px; /* optional spacing */ 
  }
}

.my_jumbotron_anim {
  background-image: url('../assets/mr/cluster_hover_loop_infinite.gif');
  /* background-repeat: repeat-x; */
  background-size: 1100px 250px;
  margin-bottom: 2rem;
}

.btn-custom {
  background-color:rgb(30, 123, 1);
  color: white;
}
.btn-custom:hover, .btn-custom:focus {
  background-color:rgb(48, 179, 8);
  color: white;
}


/* BLOG */
.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.display-4 {
  font-size: 2.5rem;
}


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}



.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}
.blog-post-meta-last {
  margin-bottom: 1.25rem;
  color: grey;
}


/* Dropdown MENU */
.dropdown-submenu, .dropdown-menu, .dropdown-item {
  a:focus, a:hover {background-color: rgb(240, 244, 237);}
}

.btn-info-mod{
  color:#fff;
  background-color:#138496;
  border-color:#138496; 
}
.btn-info-mod:hover{
  color:#fff;
  background-color: #17a2b8;
  border-color:#17a2b8
  /* background-color: #138496; */
  /* border-color:#117a8b */
}
.btn-info-mod.focus,.btn-info-mod:focus{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8;
  box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
}
.btn-info-mod.disabled,.btn-info-mod:disabled{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}
.btn-info-mod:not(:disabled):not(.disabled).active,.btn-info-mod:not(:disabled):not(.disabled):active,.show>
.btn-info-mod.dropdown-toggle{
  color:#fff;
  background-color:#117a8b;
  border-color:#10707f
}
.btn-info-mod:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>
.btn-info-mod.dropdown-toggle:focus{
  box-shadow:0 0 0 .2rem rgba(58,176,195,.5)
}



/* Footer and Info */

.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

.fir-author {
	position: absolute;
	border-radius: 30%;
	height: 52px;
	width: 52px;
	opacity: 95%;
}
.fir-image {
		position: absolute;
		border-radius: 30%;
		height: 52px;
		width: 52px;
		opacity: 10%;
		animation: fadeInFadeOut 4s infinite;
}
.fig-caption {
	position: relative;
	display: flex;
	color: rgba(0,0,0, 0.60);
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 15px;
	top: 10px;
	left: 100px;
}
.fig-caption2 {
	position: relative;
	display: flex;
	color: rgba(0,0,0, 0.60);
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 15px;
	top: 10px;
	left: 100px;
}
@keyframes fadeInFadeOut {
  0%   { opacity:.8; }
  50%  { opacity:0; }
  100% { opacity:0.8; }
}
.my-footer {
	clear: both;
	/* bottom: 6px; */
	width: 99.9%;
	font-size: 15px;
	height: 5px;
	text-align: center;
	/* padding: 0px; */
	background-color: black;
	color: white;
	/* border-radius: 15px; */

	padding: 2.5rem 0;
	/* background-color: #f9f9f9; */
	border-top: .05rem solid #e5e5e5;
}
.my-header-text{
	color: #4a4a4e;
}
/* .my-footer p:last-child {
	 margin-bottom: 0;
} */
.image-mod1{
	width: 60%;
	height: 60%;
	margin-left: 20%;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

.clock {
    position: absolute;
    right:0%;
    transform: translateX(-20%);
    color: #6c757d !important;
    text-align: right;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1px;
}