/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:root {
  /* --primary-colors --*/
/*  --white-ish:#F9F7F7;
  --light-gray: #DBE2EF;
  --bluish-gray: #d1d4d9e3;
  --green-light:#1abc9c;
  --blue-medium: #0077b6;
  --blue-medium-rgb: rgb(0, 119, 182);
  --blue-dark:#0f4c75;
  --green-dark:#004526;
  --dark-b: #003566;
  --gray-black: #415a77;
  --darker-b:#1B262C;
  --yellow-ai4scisci:#ecd166;*/

/*Indigo & Sapphire*/
--white-ish: #FAFBFC;
--light-gray: #E9EEF5;
--bluish-gray: #C8D1E1;

--green-light: #635cd5;
--blue-medium: #6366F1;
--blue-medium-rgb: rgb(99, 102, 241);
--blue-dark: #3730A3;

--green-dark: #312E81;
--dark-b: #1E3A8A;
--gray-black: #475569;
--darker-b: #111827;

--yellow-ai4scisci: #edb75a;

/*Deep Purple*/
/*--white-ish: #FAFAFB;
--light-gray: #ECECF3;
--bluish-gray: #D7D7E3;

--green-light: #7C3AED;
--blue-medium: #8B5CF6;
--blue-medium-rgb: rgb(139, 92, 246);
--blue-dark: #5B21B6;

--green-dark: #4C1D95;
--dark-b: #312E81;
--gray-black: #4B5563;
--darker-b: #111827;

--yellow-ai4scisci: #F59E0B;
*/


  /* https://colorhunt.co/palette/f9f7f7dbe2ef3f72af112d4e */
}


.jumbotron{

  /* background-image: url('/2025/assets/img/landing_page_image.png'); */
  background: 
  linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
  url('/2026/assets/img/jcdl_2026_landing_page.png');
  background-size: cover; 
  background-position: center; 
  color: var(--white-ish);


}



#toTopBtn {
  display: none;           /* Hidden by default */
  position: fixed;         /* Stay in place */
  bottom: 20px;            /* 20px from the bottom */
  right: 20px;             /* 20px from the right */
  z-index: 1030;           /* Above most Bootstrap elements */
  background-color: var(--green-light);
  border-color:   var(--green-dark);
}

#toTopBtn:hover{
  background-color: var(--green-dark);
  border-color:   var(--green-dark);
  color: var(--green-light);
}

.jmbtrn-btn{
  background-color: var(--green-light);
  border-color: var(--green-dark);
}

.jmbtrn-btn:hover{
  background-color: var(--green-dark);
  border-color:   var(--green-dark);
  color: var(--green-light) !important;
}

a:hover{
  color: var(--green-dark) !important;
  /*font-size: 1.05rem;*/
}



.nav-link:hover{
  color: var(--green-light) !important;
}

/* #page-container {
    position: relative;
    min-height:93vh;
  }
  
#content-wrap {
    padding-bottom: 2.5rem; 
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;         
    
} */

#jmb-h2-jcdl:hover{
  color: var(--green-light) !important;
}


.btn-blue{
    color: var(--white-ish) !important;
    background-color: var(--green-light);
    border-color:   var(--green-dark);
}

.btn-blue >a{
    color: var(--white-ish) !important;
    /*background-color: var(--green-light);
    border-color:   var(--green-dark);*/
}

.btn-blue:hover{
  background-color: var(--green-dark);
  border-color:   var(--green-dark);
  color: var(--green-light);
}

.btn-blue >a:hover{
  background-color: var(--green-dark);
  border-color:   var(--green-dark);
  color: var(--green-light) !important;;
}