/*
// Theme Name : Tony David
// Created On : 6/9/2026
// Author : Joe Kustek
// Version : 2.1
// Description : Custom theme built for the Tony David Website Using JoeCms
*/
/* custom styles */




/* end of custom styles */
.site-top-header .container {
  max-width: 1375px!Important
}
.site-header .container {
  max-width: 1375px!Important
}
.navbar  {
  max-width: 1375px!Important
}
html {
  scroll-behavior: smooth;
}

.growth-header-wrapper {
/* background-image: linear-gradient(#000, #fff); */
}

/* Desktop Styles */
@media only screen and (min-width: 991px) {


/* Navigatin Style */
.mainnavigation .nav-link {
  position: relative;
  padding-bottom: 8px;
}

.mainnavigation .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: center;
}

.mainnavigation .nav-link:hover::after {
  transform: scaleX(1);
}
}

/* Mobile Styles */
@media only screen and (max-width: 991px) {
  .nav-item a {
  color: #fff;
  }
  .nav-item a:hover {
  color: #fff;
  }
  .dropdown-menu a {
    color: #000;
  }
  .dropdown-menu a:hover {
    color: #000;
  }
  .mainnavigation {
    background: #000;
  }
}




#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #000;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

@media only screen and (max-width: 991px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    max-width: 100%!Important;
    flex: none;
  }
  #myBtn {
    display: none!Important;
  }
  #ml-ul {
    text-align: center;
  }

}



.j-item {
  margin-top: 100px;
}
#slide_md {
    width: 100%;
}


.carousel-item h3 {
  font-size: 55px;
}
.carousel-item h1 {
  font-size: 3rem;
}


/* The jumbo tron for the home page */

@media only screen and (min-width: 991px) {
  #j-carousel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -9999;
  }
  #j-carousel .carousel-item img {
    width: 100%;
    height: calc(100vh - 209px);
    object-fit: cover;
    object-position: center center;
  }
}