/* GLOBAL STYLES
-------------------------------------------------- */

body {
  padding: 0;
  color: rgb(var(--bs-tertiary-color-rgb));
}

header {
  background-image: url("../img/bg01.jpg");
  background-repeat: repeat;

}

.breadcrumb-item-right, .breadcrumb-item-right a {
  text-decoration: none;
  color:#666;

}
.breadcrumb-item-left, .breadcrumb-item-left a {
  color:#666;
  text-decoration: none;
}
.breadcrumb-item-left a hover, .breadcrumb-item-right a hover
.breadcrumb-item.active {
  text-decoration: none;
  color:#86cc4c;
}
ol li, ul li {
  font-size: 1.25em;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
  text-transform: uppercase;
}

h1, .h1 {
  font-size: calc(1.275rem + 1.25vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.3225rem + 0.5vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.15rem + 0.36vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.175rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* NAVIGATION MENU CSS
-------------------------------------------------- */
.navbar {
  margin-bottom: 2rem;
}
.navbar-dark .navbar-nav a.nav-link {
  font-size: 1.1em;
}
.dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 0;
  padding: 0.7em;
}
@media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: flex;
  }
  .dropdown-menu.show {
    display: flex;
  }
}

.dropdown-menu ul {
  list-style: none;
  padding: 0;
}
.dropdown-menu li .dropdown-item {
  color: #666;
  font-size: 1em;
  padding: 0.2em 1em;
}
.dropdown-menu li .dropdown-item:hover {
  background-color: #f1f1f1;
}
.dropdown-item.active {
  background-color:#f1f1f1;
}
.nav-link.dropdown.active a{
    color: #86cc4c;
}
.dropdown.active {
    color: #86cc4c;
}
.nav-item.active {
    color: #86cc4c;
}
/*
.dropdown-menu li:first-child a {
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  color: gray;
}
.dropdown-menu li:first-child a:hover {
  background-color: #f1f1f1;
}
*/

@media only screen and (max-width: 992px) {
  .dropdown:hover .dropdown-menu {
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: flex;
  }
  .dropdown-menu.show {
    display: flex;
  }
}
/*
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}
  */

.nav-link {
  text-transform: uppercase;
  font-size: 1em;
}
      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }
      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }
      .bd-mode-toggle .bi {
        width: 1em;
        height: 1em;
      }
      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }

/* END NAVIGATION MENU CSS
-------------------------------------------------- */

.header-background {
  background-image:url("https://nspress.ecentech.com/img/bg01.jpg");
}
p {
  font-size: 1.25em;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/*  `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

.img-logo {

}
/* lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}
/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
  .img-logo {
  display: none !important;


  }
}

/*
 `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

`xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }
*/




/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/* FOOTER CSS
-------------------------------------------------- */

.footer {
  width: auto;
  padding: 1rem 0;
  align-content:baseline;
  border-top-color:#000;
  border-top-style: solid;
  border-top-width: 0.5rem;
}
.footer p {
  font-size: 1.10em;
}
.footer h4 a {
  text-transform:uppercase;
  color:azure;
  text-decoration:none;
}
.footer h4 a:hover {
  color:aquamarine;
}
.footer-links {
  padding: 1rem 0;
}
.footer-links ul {
  list-style-type: none;
}
.footer-links li a {
  color:azure;
  text-decoration:none;
  font-size: 1.2em;
  padding: 1rem;
}
.footer-links li a:hover {
  color:aquamarine;
}

/* PAYPAL CSS
-------------------------------------------------- */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}