/* ==========================================
   COLOR THEME - Primary: #11518C, Secondary: #68B4F3
   ========================================== */

/* CSS Variables for easy theme management */
:root {
  --primary-dark: #11518C;
  --primary-light: #68B4F3;
  --primary-dark-hover: #0d4070;
  --primary-light-hover: #4fa3e8;
  --white: #ffffff;
  --light-gray: #f8f9fa;
  --text-dark: #212529;

  /* Bootstrap CSS Variable Overrides */
  --bs-primary: #11518C;
  --bs-primary-rgb: 17, 81, 140;
  --bs-info: #68B4F3;
  --bs-info-rgb: 104, 180, 243;
  --bs-link-color: #11518C;
  --bs-link-hover-color: #68B4F3;
}

/* ==========================================
   BOOTSTRAP OVERRIDES - Apply Theme Colors
   ========================================== */

/* Primary Button Override */
.btn-primary {
  background-color: #11518C !important;
  border-color: #11518C !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0d4070 !important;
  border-color: #0d4070 !important;
}

.btn-outline-primary {
  color: #11518C !important;
  border-color: #11518C !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #11518C !important;
  border-color: #11518C !important;
  color: #fff !important;
}

/* Info Button Override (light blue) */
.btn-info {
  background-color: #68B4F3 !important;
  border-color: #68B4F3 !important;
  color: #11518C !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: #4fa3e8 !important;
  border-color: #4fa3e8 !important;
  color: #fff !important;
}

.btn-outline-info {
  color: #11518C !important;
  border-color: #68B4F3 !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
  background-color: #68B4F3 !important;
  border-color: #68B4F3 !important;
  color: #11518C !important;
}

/* Text Color Overrides */
.text-primary {
  color: #11518C !important;
}

.text-info {
  color: #68B4F3 !important;
}

/* Background Color Overrides */
.bg-primary {
  background-color: #11518C !important;
}

.bg-info {
  background-color: #68B4F3 !important;
}

/* Border Color Overrides */
.border-primary {
  border-color: #11518C !important;
}

.border-info {
  border-color: #68B4F3 !important;
}

/* Badge Overrides */
.badge.bg-primary {
  background-color: #11518C !important;
}

.badge.bg-info {
  background-color: #68B4F3 !important;
  color: #11518C !important;
}

/* Table Header Override */
.table-primary {
  background-color: rgba(17, 81, 140, 0.15) !important;
}

thead.bg-light,
.table-light {
  background-color: #f8f9fa !important;
}

/* Link Styling */
a {
  color: #11518C;
}

a:hover {
  color: #68B4F3;
}

/* Form Focus States */
.form-control:focus,
.form-select:focus {
  border-color: #68B4F3 !important;
  box-shadow: 0 0 0 0.2rem rgba(104, 180, 243, 0.25) !important;
}

/* Card with theme accent */
.card {
  border-top: 3px solid #11518C;
}

/* Pagination */
.page-link {
  color: #11518C;
}

.page-link:hover {
  color: #68B4F3;
  background-color: rgba(104, 180, 243, 0.1);
}

.page-item.active .page-link {
  background-color: #11518C;
  border-color: #11518C;
}

/* ==========================================
   BACKGROUND COLORS
   ========================================== */
.bg-primary-dark {
  background-color: #11518C !important;
}

.bg-primary-light {
  background-color: #68B4F3 !important;
}

.bg-primary-gradient {
  background: linear-gradient(135deg, #11518C 0%, #68B4F3 100%) !important;
}

.bg-primary-gradient-reverse {
  background: linear-gradient(135deg, #68B4F3 0%, #11518C 100%) !important;
}

.bg-primary-dark-hover:hover {
  background-color: #0d4070 !important;
}

.bg-primary-light-hover:hover {
  background-color: #4fa3e8 !important;
}

/* ==========================================
   TEXT COLORS
   ========================================== */
.text-primary-dark {
  color: #11518C !important;
}

.text-primary-light {
  color: #68B4F3 !important;
}

/* ==========================================
   BORDER COLORS
   ========================================== */
.border-primary-dark {
  border-color: #11518C !important;
}

.border-primary-light {
  border-color: #68B4F3 !important;
}

.border-primary-dark-2 {
  border: 2px solid #11518C !important;
}

.border-primary-light-2 {
  border: 2px solid #68B4F3 !important;
}

/* ==========================================
   BUTTONS - Theme Styled
   ========================================== */
.btn-primary-dark {
  color: #fff;
  background-color: #11518C;
  border-color: #11518C;
}

.btn-primary-dark:hover,
.btn-primary-dark:focus {
  color: #fff;
  background-color: #0d4070;
  border-color: #0d4070;
}

.btn-primary-light {
  color: #11518C;
  background-color: #68B4F3;
  border-color: #68B4F3;
}

.btn-primary-light:hover,
.btn-primary-light:focus {
  color: #fff;
  background-color: #4fa3e8;
  border-color: #4fa3e8;
}

.btn-outline-primary-dark {
  color: #11518C;
  border-color: #11518C;
  background-color: transparent;
}

.btn-outline-primary-dark:hover,
.btn-outline-primary-dark:focus {
  color: #fff;
  background-color: #11518C;
  border-color: #11518C;
}

.btn-outline-primary-light {
  color: #68B4F3;
  border-color: #68B4F3;
  background-color: transparent;
}

.btn-outline-primary-light:hover,
.btn-outline-primary-light:focus {
  color: #11518C;
  background-color: #68B4F3;
  border-color: #68B4F3;
}

/* ==========================================
   NAVBAR THEME
   ========================================== */
.navbar-theme {
  background-color: #11518C !important;
}

.navbar-theme .nav-link:hover,
.navbar-theme .nav-item:hover .nav-link {
  background-color: #68B4F3 !important;
  color: #fff !important;
  border-radius: 5px;
}

.navbar-theme .dropdown-menu {
  border-top: 3px solid #68B4F3;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 12px rgba(17, 81, 140, 0.15);
}

.navbar-theme .dropdown-item {
  color: #11518C;
  padding: 10px 20px;
}

.navbar-theme .dropdown-item:hover,
.navbar-theme .dropdown-item:focus {
  background-color: #68B4F3;
  color: #fff;
}

.navbar-theme .btn-outline-light:hover {
  background-color: #68B4F3;
  border-color: #68B4F3;
  color: #fff;
}

/* ==========================================
   CARDS - Theme Styled
   ========================================== */
.card-theme {
  border: 1px solid #68B4F3;
  border-top: 4px solid #11518C;
}

.card-theme .card-header {
  background-color: #11518C;
  color: #fff;
}

.card-header-theme {
  background-color: #11518C !important;
  color: #fff !important;
}

.card-header-theme-light {
  background-color: #68B4F3 !important;
  color: #11518C !important;
}

/* ==========================================
   TABLES - Theme Styled
   ========================================== */
.table-theme thead {
  background-color: #11518C;
  color: #fff;
}

.table-theme tbody tr:hover {
  background-color: rgba(104, 180, 243, 0.15);
}

.table-header-theme {
  background-color: #11518C !important;
  color: #fff !important;
}

/* ==========================================
   FORM ELEMENTS - Theme Styled
   ========================================== */
.form-control-theme:focus {
  border-color: #68B4F3;
  box-shadow: 0 0 0 0.2rem rgba(104, 180, 243, 0.25);
}

.form-select-theme:focus {
  border-color: #68B4F3;
  box-shadow: 0 0 0 0.2rem rgba(104, 180, 243, 0.25);
}

/* ==========================================
   BADGES - Theme Styled
   ========================================== */
.badge-primary-dark {
  background-color: #11518C !important;
  color: #fff !important;
}

.badge-primary-light {
  background-color: #68B4F3 !important;
  color: #11518C !important;
}

/* ==========================================
   LINKS - Theme Styled
   ========================================== */
.link-theme {
  color: #11518C;
}

.link-theme:hover {
  color: #68B4F3;
}

/* ==========================================
   ALERTS - Theme Styled
   ========================================== */
.alert-theme {
  background-color: rgba(104, 180, 243, 0.15);
  border-color: #68B4F3;
  color: #11518C;
}

/* ==========================================
   UTILITY CLASSES
   ========================================== */
.shadow-theme {
  box-shadow: 0 0.5rem 1rem rgba(17, 81, 140, 0.15) !important;
}

.shadow-theme-lg {
  box-shadow: 0 1rem 3rem rgba(17, 81, 140, 0.175) !important;
}

/* ==========================================
   ORIGINAL STYLES (Legacy Support)
   ========================================== */

/*navbar link */
/* Full Width Menu Options */
.menu-large {
  position: static !important;
}

.megamenu {
  padding: 20px 20px;
  width: 100%;
  color:white !important;
}

.megamenu > div > li > ul {
  padding: 0;
  margin: 0;
}

.border-biteme {
border-style: solid;
border-color: #11518C;
}

.bg-form-blue-o50 {
  background-color: #11518C !important;
  opacity: .75 !important;
}


.megamenu > div > li > ul > li {
  list-style: none;
}

.megamenu > div > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: thick;
  line-height: 1.428571429;
  color: #11518C;
  white-space: normal;
  text-decoration: none;
}

.megamenu > div > li > ul > li > a:hover,
.megamenu > div > li > ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: white;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.megamenu.dropdown-header {
  color: #11518CFF ;
}

@media (max-width: 768px) {
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
}

#infoi {
  position: absolute;
  top: 5 !important;
  left: 0;
}
#infoi {
  z-index: 10;
}

@media print {
  .np{
    display:none !important;
  }
}

/* Legacy megamenu nav-item hover - overridden by .navbar-theme styles for dark navbar */

/* end of mega menu */
/*Colors for bg and text */
.bg-gold {
background-color: #FFBF10 !important;
}
.bg-form-blue {
background-color: #11518C !important;
}

.text-form-blue {
color: #11518C !important;
}

.text-gold {
color: #FFBF10 !important;
}

.text-form-body-blue {
  color: #002A4F !important;
}

.text-cals {
color: #BF4726 !important;
}

.bg-div {
  background-color: rgba(250, 154, 0, .25);
}

.bg-nav-blue {
  background-color:#11518C  !important;
}

.bg-events-blue {
  background-color: #57A3E5 !important;
}

.border-gold {
  border:15px solid rgba(250, 154, 0, .25) !important;
}

.border-blue {
  border: 2px solid #11518C !important;
}

.bg-dark-gold {
background-color: #FFBF10 !important;
}

.text-dark-gold {
  color: #FFBF10 !important;
}

.bg-lblue {
  background-color: #3089D9 !important;
  }

  .text-lblue {
    color: #3089D9 !important;
    }


/*dropshadows*/
.dropshadow{
  -ms-box-shadow: 0px 3px 5px #444444 !important;
-moz-box-shadow: 0px 3px 5px #444444 !important;
-webkit-box-shadow: 0px 3px 5px #444444 !important;
box-shadow: 0px 3px 5px #444444 !important;
}

/*Font for site */
html body {
  font-family: 'Arvo', serif;
}

.header-font {
  font-family: 'Arvo', serif;
}

.body-font {
  font-family: 'Montserrat', sans-serif !important;
                                              
}

/*Laman Color Outline Button */

.btn-outline-blue{color:#11518C;border-color:#11518C}
.btn-outline-blue:hover{color:#fff;background-color:#11518C;border-color:#11518C}
.btn-outline-blue.focus,
.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btn-outline-blue.disabled,
.btn-outline-blue:disabled{color:#11518C;background-color:transparent}
.btn-outline-blue:not(:disabled):not(.disabled).active,
.btn-outline-blue:not(:disabled):not(.disabled):active,.show>
.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#11518C;border-color:#11518C}
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.btn-outline-blue:not(:disabled):not(.disabled):active:focus,.show>
.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}