/*-------------------
This theme uses Bootstrap v5.1.

It is highly recommended to check out Bootstrap's guiding principles,
strategies, and techniques at https://getbootstrap.com/docs/5.1/extend/approach/
before adding custom styling.

To learn more about Bootstrap v4.6, please check
out https://getbootstrap.com/docs/5.1/getting-started/introduction/.
/*-------------------*/

/*-------------------*/
/* GENERAL */
/*-------------------*/

/*-------------------*/
/* TOP NAV */
/*-------------------*/
.dropdown-menu.account-dropdown.show {
	display: block;
    justify-content: flex-end;
    left: unset;
    top: 66px;
    box-shadow: 0 1px 8px 0px rgb(0 0 0 / 13%);
    border-radius: 8px;
  	padding: 0 !important;
}
#user-firstName {
	position: relative !important;
}
.dropdown-menu.account-dropdown.show li {
	padding: 10px 1rem;
}
.dropdown-menu.account-dropdown.show li:first-child {
	padding: 2rem 2rem 8px 2rem;
}
.dropdown-menu.account-dropdown.show li:nth-child(2) {
	padding: 0px 2rem 8px 2rem;
}
.dropdown-menu.account-dropdown.show li:last-child a {
	border: none !important;
}
.dropdown-menu.account-dropdown.show li:hover:not(li:first-child):not(li:nth-child(2)){
	background-color: var(--primary-blue-3);
}
.dropdown-menu.account-dropdown.show li:hover > a {
	color: #fff !important;
  	opacity: 1;
}
.dropdown-menu.account-dropdown.show li a {
	margin: 0;
}
.dropdown-menu.account-dropdown.show li:nth-child(8) > a {
	display: block !important;
}
/* ________________ mobile navigation _________________ */
/* screen is above 768px */
/* fixing navigation */ 
@media only screen and (min-width: 1003px) {
  .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
  }
  .navbar-nav {
      flex-direction: row;
  }
  #mobile-slider-button, .header-navbar button:nth-child(2)  {
  	display: none !important;
  }
  .dropdown-menu.show {
  	display: flex;
    position: absolute;
  }
}


/*-------------------*/
/* HEADER */
/*-------------------*/

/*-------------------*/
/* CATEGORY NAV */
/*-------------------*/

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

/*-------------------*/
/* PRODUCT THUMBS */
/*-------------------*/

/*-------------------*/
/* PRODUCT */
/*-------------------*/

/*-------------------*/
/* CART/CHECKOUT */
/*-------------------*/

/*-------------------*/
/* LOGIN PAGE */
/*-------------------*/ 
.nav-tabs {
	border-bottom: none;
  	display: unset;
}
.nav-tabs a.nav-link {
	border: none;
   	text-align: center;
  	padding-bottom: 0;
}
.container-fluid .container-fluid .border {
	border: none !important;
}
.full-input .form-control {
  	border: none;
  	padding-left: 0;
}
.full-input {
  	padding: 8px 16px;
    border: 1px solid #ced4da;
    border-radius: 8px;
}
.full-input input {
  outline: none;
  border: none;
  display:block;
  line-height: 1.2em;
  font-size: 14pt;
}
.full-input label {
  display: block;
  font-size: 12px;
  color: #959DA5;
}
.login-header {
	font-size: 32px;
  	font-family: 'Inter-SemiBold';
}
.login-form.py-5 {
 	padding: 26px 0 !important; 
  	max-width: 408px;
}
.sign-in .btn.primary {
	width: 100%;
}
.sign-in .mb-0 {
    display: flex;
    justify-content: space-between;
    text-decoration: underline;
  	font-size: 12px;
}
.full-input .form-control:focus {
	border: none;
    box-shadow: none;
}
.mb-3.full-input:last-of-type {
	margin-bottom: 26px !important;
}
/*-------------------*/
/* FOOTER */
/*-------------------*/


/*-------------------*/
/* MEDIA QUERIES */
/*-------------------*/
@media screen and (min-width: 661px){

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 660px){

}

@media screen and (max-width: 340px){

}