body {
    background-color: #000000 !important;
}
.site-grid {
    background-color: #000000 !important;
}
.container-header {
    background-color: black; /* Replace with your preferred Hex color code */
    background-image: none;    /* This removes the default purple/blue gradient */
}
.container-header .navbar-brand img {
    width: auto;
    max-width: 2000px;  /*Adjust to your desired width */
    height: auto;
    /*max-height: 250px;  Adjust to your desired height */
} 

/* Forces the large banner to scale responsively according to the screen width */
.company-logo {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 2000px;
    display: block;
}

/* Optional: Removes any default padding around the topbar/banner container if edge-to-edge look is desired */
/*.container-topbar, .container-below-top {
    padding: 0 !important;
    margin: 0 !important;
}*/

/* starting point for: Targets the main outer container of the DJ-ImageSlider module */
.dj-imageslider {
    background-color: #000000 !important; /* Change to your preferred color */
    
  
}
/* 1. Reset any grid or flex alignments on the outer module card */
.main-top.card.dark-slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Horizontally aligns all flex items to the center */
    justify-content: center !important;
    text-align: center !important;
  background-color: #000000;
  border:0;
}

/* 2. Force the internal slider engine to sit horizontally in the center */
.main-top.card.dark-slider .dj-imageslider,
.main-top.card.dark-slider .djslider {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    display: inline-block !important; /* Shrinks container to image size to allow centering */
    max-width: 100% !important;
   background-color: #000000;
}

/* 3. Ensure the internal image preload wrappers don't force left-alignment */
.main-top.card.dark-slider .djslider-in {
    margin: 0 auto !important;
    float: none !important;
   background-color: #000000;
}

/* Targets only the slider module with your custom class */
.card-body{
  background-color: #000000;
}



/* Targets the text links directly across all main menu variations */
.container-header .mod-menu > li > a, 
.container-header .mod-menu > li > span,
.container-header .navbar-nav .nav-link,
.container-header .nav-item a {
    color: #D4AF37 !important; /* Premium Gold */
}

/* Targets hover states and active states */
.container-header .mod-menu > li > a:hover,
.container-header .navbar-nav .nav-link:hover,
.container-header .navbar-nav .nav-link.active,
.container-header .nav-item a:hover {
    color: #AA7C11 !important; /* Darker Gold */
}
#mod-custom111 {

  height:200px;
}
.navbar-brand{
  max-width:800px;
}

/* Targets article titles globally on the site */
h1.page-title,
.page-header h1,
.page-header h2,
.com-content-article h1,
.com-content-category-blog h2 a,
.com-content-featured h2 a {
    color: #D4AF37 !important; /* Replace with your desired color (e.g., Gold) */
}

/* Optional: Targets the title link when a user hovers over it in blog lists */
.com-content-category-blog h2 a:hover,
.com-content-featured h2 a:hover {
    color: #AA7C11 !important; /* Darker shade for hover feedback */
}
/* Disable pause on hover for DJ-ImageSlider 
.dj-imageslider .images {
    pointer-events: none !important;
}*/

/* Re-enable pointer events for the navigation arrows/buttons so they stay clickable 
.dj-imageslider .dj-next, 
.dj-imageslider .dj-prev, 
.dj-imageslider .navigation-navigation,
.dj-imageslider .navigation-buttons {
    pointer-events: auto !important;
}
*/
.container-footer.footer.full-width{
  background: #000000
}
.mod-footer{
  background: #000000;
}
.footer1 {
  color:#D4AF37 !important;
}
.footer2 {
  color:#D4AF37 !important;
}
.com-contact__container{
  color:#D4AF37 !important;
}