/*
########### RTX HEADER CSS ###########
 Stylesheet for RTX header/nav
 Last updated: May 3, 2022
######################################
*/

.navbar {
  background-color: #1a1a1a;
  height:75px !important;
}
.navbar a {text-decoration: none;}

.dropdown-menu {min-width:10rem}

.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;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.navbar-nav .nav-link {
  color: white;
  text-transform: uppercase;
}


/*remove dropdown toogle triangle*/
.navbar .dropdown-toggle::after {display:none;}

.navbar-dark .navbar-brand {
  /*controls box outside logo*/
  margin-left:0.4rem;
}
#rtx-logo {height:48px;}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
  margin-right:0.9rem;
  paddint-left:0.8rem;
  paddint-right:0.8rem;
  font-size:1rem;

}

.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .8);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.80%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
  box-shadow: none;
}
.navbar-dark .navbar-toggler-icon:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
}

/*.navbar-dark .navbar-toggler:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 205, 0, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
  box-shadow: none;
}*/

.navbar-dark .navbar-nav .nav-link:focus {
  color:var(--gray); 
  background-color:rgb(255,205,0); 
  /*border-top-left-radius: 0.15rem;
  border-top-right-radius: 0.15rem;*/
}
.navbar .dropdown-menu.show {margin-top:0px;}

/*.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active  {
  font-weight: 500;
  color: #343a40;
}*/


/*=====================*/


.navbar .dropdown-menu {
  background-color: rgb(255,205,0);
  border-radius:0px;
  /*border-bottom-left-radius: 0.15rem; 
  border-bottom-right-radius: 0.15rem;*/ 
  border:0px;
  box-shadow: 0 0px 0px rgba(0,0,0,0.16), 0 5px 5px rgba(0,0,0,0.23);
  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
  text-transform: uppercase;
  font-size:0.95rem;
}

.dropdown-toggle::after {
  margin-right: .255em;
}

/* TWEAK TO MAKE PRODUCTS A TWO COLUMN MENU */
#nav_pr_ul {
  columns: 2;
}
#nav_pr_ul .dropdown-item {
  display: block !important; width: 200% !important;
}

.dropdown-item:hover {  background-color:rgba(255,255,255,.50);  }


.nav-phone {color:#ffffff; text-decoration: none; /*font-size: 0.95rem;*/ font-weight:bold;}
.nav-phone:hover {color:#cccccc;}


#quote-btn {
  color: #ffffff;
  font-size: 0.8rem;
}
#quote-btn:hover {
  color: black;
}





@media (min-width: 1026px) and (max-width: 1080px) {
 /* #rtx-logo {height:32px;}*/
}
@media (min-width: 991.99px) and (max-width: 1025px) {
  /*#rtx-logo {height:26px;}*/
}

/*mobile interface mods */
@media (max-width: 991.98px) {
    
  .navbar-dark .navbar-brand {
    /*controls box outside logo*/
    margin-right:0rem;
  }

  .navbar-dark .navbar-toggler-icon.active-toggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 205, 0, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
  }
  
  .navbar-dark .navbar-nav .nav-link {font-size:1.1rem; color:rgb(255,205,0); cursor: default;}
  .navbar-dark .navbar-nav .nav-link:focus {background-color:var(--gray); color:rgb(255,205,0);}
  
  #rtx-logo {
    height:48px;
    /*content: url("../img/rtx-logo_combined.svg")*/
  }
  
  /*remove dropdown toogle triangle
  .navbar .dropdown-toggle::after {display:none;}*/
  
  /*always display dropmenu */
  .navbar .dropdown-menu {
    display:block;
    background-color: var(--gray);
    border: 0px;
    box-shadow: none;
    padding-top: 0px;
    }
  .navbar .dropdown-menu a:hover {
    color: var(--gray);
    }

  .navbar .dropdown-item:hover {
    background-color: rgb(255,205,0);
    }
  .navbar .dropdown-menu a {
    color: white;
    font-size:1.1rem;
  }
    
  .offcanvas-collapse {
    position: fixed;
    top: 75px; /* Height of navbar */
    bottom: 0;
    left: -100%; /* Change to 100% for right-to-left */
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(100%); /* Change to -100% for right-to-left */
  }
  #nav_pr_ul {
    columns: 1;
  }
  
}


@media (max-width: 450px) {

  .navbar-dark .navbar-brand {
    /*controls box outside logo*/
    margin-left:0.25rem;
  }

  #rtx-logo {
    /*height:26px;*/
  }
  
}