/*import Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/*variables*/
:root {
  --primary: #110057;
  /*--secondary: #7CAFD0;*/
  --headertext: #003767;
  --text: #000000;
  --neutral4: #dfe6ed;
  --neutral3: #EBECF0;
  --neutral: #dfe6ed;
  --white: #ffffff;
  --black: #000000;
  --success:  #1D7D43;
  --error: #C22C30;
  --textprimary: 'Roboto', sans-serif;
  --textsecondary: 'Roboto', sans-serif;
}

/*util classes*/
.ghost-btn {
  background: none;
  color: var(--black);
  font-family: var(--textprimary);
  font-weight: 700;
  border: 1px solid var(--primary) !important;
  border-radius: 4px;
  font-size: 1.125rem;
  padding: 0.5rem 2rem;
  z-index: 1;
  transition: all .5s ease;
}

.primary-btn {
  background: var(--primary) !important;
  color: var(--white) !important;
  font-family: var(--textprimary);
  font-weight: 700;
  border: none !important;
  display: inline-block;
  border-radius: 4px;
  font-size: 1.125rem;
  padding: 0.5rem 2rem;
  z-index: 1;
  transition: all .2s ease;
}

.disabled-btn {   pointer-events: none !important; }
.disabled-btn a {
  background: var(--neutral3) !important;
  border: solid 1px var(--neutral4) !important;
  color: var(--neutral4) !important;
  pointer-events: none !important; 
}

.primary-btn:hover, .ghost-btn:hover,.btn-outline-dark:hover {
  background-color: var(--neutral4) !important;
  color: var(--black) !important;
}

.primary-btn:active, .ghost-btn:active,.btn-outline-dark:active, .primary-btn:focus, .ghost-btn:focus,.btn-outline-dark:focus {
  background-color: var(--neutral3) !important;
  color: var(--black) !important;
}

a.ghost-btn, a.primary-btn {
  text-decoration: none !important;
}

a, a:visited {
  font-weight: 700;
  text-decoration: underline;
  color: var(--text);
}

footer a.nav-link:visited, footer a.nav-link, .accordion-button:not(.collapsed) {
  color: var(--text) !important;
}

a:hover {
  text-decoration: none !important;
  color: var(--text) !important;
}

input.form-control, select.form-control, textarea.form-control {
  border-radius: 5px;
  border: 1px solid #D8D8D8 !important;
  font-weight:700;
}

input[type="checkbox"]:checked, .checkbox input:checked {
  background-color: var(--primary); 
}

::placeholder {
  font-weight:400 !important;
}


input.form-control:hover, .ghost-btn:focus, select.form-control:hover, textarea.form-control:hover{
  box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06) !important;
}

input.form-control:focus, select.form-control:focus, textarea.form-control:focus{
  box-shadow: 0px 8px 16px rgba(50, 50, 71, 0.06) !important;
  border: 1px solid #B2B2B2 !important;
}

.bg-neutral {
  background-color: var(--neutral) !important;
  color: var(--black) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
  color: var(--white) !important;
}

/*General*/
body {
  font-family: var(--textsecondary);
  color: var(--text);
  font-size:.875rem;
  height: 100vh;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5,.h6 {
  font-family: var(--textprimary);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--headertext);
}

p {
  font-weight: 400;
}


/*-------Header------*/
:root { --background: #f5f5f5; }

.sidebar.smallCart-wrapper.show {
  right: 0!important;
  transition: right .5s ease!important;
}
.sidebar.right { --width: 600px; }

/*Notifications*/
.head-notification p { margin-bottom: 0;}
/* Nav */
.head1.head-nav { background-color: var(--background); }
.head1.bg-white { border-top: 2px solid var(--secondary);}

/* Search */
.head-search .Control { display: flex; align-items: stretch; justify-content: center; }
.head-search input[type=text] {  padding: 9px 24px; font-size: 14px; line-height: 24px; border-right: none; background: var(--white); height: auto; }
.head-search input[type=text]:focus { background-color: var(--white); }
.SearchGoThemeButton:not(.btn) {  font-family: var(--font-awesome); width: auto !important; height: auto !important; }
.head-mobile-categories .nav-item { border: 0 !important; }
.head-search .modal.show .modal-dialog { width: 600px; max-width: 600px;;}

/* Utility */
.head-util-wrap { display: flex; align-items: center; justify-content: flex-end; }
.head-icon { margin-left: 20px; }
.head-icon-wrap, .head-icon-wrap a { display: flex; align-items: center; justify-content: center; }
.head-account-trigger, .head4-cart-trigger { cursor: pointer; }
.head-icon-wrap i { font-size: 20px; }
.head-icon-wrap p { margin-bottom: 0; margin-left: 8px; color: var(--black); font-size: 14px; line-height: 24px; }
.head-badge { --size: 15px; position: absolute; top: -6px; right: calc(-1 * var(--size) / 2); width: var(--size); height: var(--size); background-color: var(--secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; padding-top: 2px; padding-left: 2px; color: var(--white); }
.head-search-icon { display: none; }

/* SMALL CART PANEL */
.smallCart-pdImage > img { max-width: 100%; }
.smallCart-wrapper { max-width: 100%; }
.head-smallCart-wrap::-webkit-scrollbar { width: 0; }
.smallCart-quantity p { font-size: 14px; line-height: 16px; margin-bottom: 0; font-weight: 500; margin-right: 24px; }
.smallCart-quantity-box .SmallCartQtyTextbox, .smallCart-quantity-box .SmallCartQtyTextbox:focus { width: 48px; height: 43px; max-height: unset; background: transparent; border: none; color: var(--black) !important; line-height: 24px; font-size: 16px; opacity: 1; padding: 0; }
.smallCart-quantity-box { display: flex; align-items: stretch; justify-content: center; }
.ShoppingCartQtyTextbox, .ProductDetailsQuantityTextBox  { padding: 4px 0; }
.smallCart-item img { border-radius: 4px; }
.smallCart-overlay { width: 100%; height: 100%; z-index: 1000; border: none; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; transition: all .3s ease-in-out; opacity: 1; }
.smallCart-close .all-close:after { font-size: var(--font-size); } 
.smallCart-wrapper .panel-remove { position: absolute; top: var(--space-3); right: var(--space-3); }
.head-mobileMenu-logo { display: none; }
.smallCart-pdRetailPrice .lblRetailPriceLabel,.smallCart-pdRetailPrice .ProductDetailsRetailPriceLabel { display: none; }
.smallCart-pdRetailPrice .lblRetailPrice,.smallCart-pdRetailPrice .ProductDetailsRetail { text-decoration: line-through; }
.smallCart-pdPrice .ProductDetailsPrice { font-size: inherit;  line-height: inherit; }

/* Nav */
.head1 .nav-item-drop:after { content: unset; }
.head1 .nav-item-drop .nav-item-link { text-decoration: none;}
.head1 .nav-item-drop .nav-item-link:hover { text-decoration:  underline !important;}
.horizontal-menu .nav .nav-item .nav-link:hover, .horizontal-menu .nav .nav-item .nav-link:focus { text-decoration: underline !important; color: var(--white) !important}

/*Header Layout 2 */
.head-logo img { max-width: 600px; widtH: 100%}
.bg-primary svg path, .bg-primary svg { fill: var(--white); color:var(--white);}

.productItem-caption-name { 
  min-height: 39px; 
}


/*------Product Details Page-------*/
.accordion-button:not(.collapsed) {
  font-weight: 700;
  background-color: var(--neutral);
}
button.accordion-button.collapsed:hover {
  background-color: var(--neutral);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button:focus {
  border-color: #C1C7D0 !important;
  box-shadow:none !important;
}

.ProductDetailsVariantMatrixQuantityBox { height: 30px;}
.ProductDetailsVariantMatrixHeaderRow { height: 30px; padding: 0; display: flex; align-items: start; justify-content: center;}
.ProductDetailsVariantMatrixGrid tbody{ display: flex; flex-direction: row; width:100%;}
.ProductDetailsVariantMatrixGrid tr { display: flex; flex-direction: column;}
.ProductDetailsVariantMatrixGrid tr:first-of-type { min-width: 100px;}



/*------Accounts Flow-------*/
/*------Checkout Page-------*/
/*------Login Page-------*/


/*------Media Queries------*/
@media (min-width: 992px) {
  .head1 .nav-item-submenu { margin: 0; }
  .head1 .nav-item-submenu > * { padding: var(--space-1) var(--space-2); border-left: 2px solid var(--white); }
  .head1 .nav-item-submenu > *:hover { background-color: var(--dropdown-hover); border-left: 2px solid var(--secondary); }

  .bg-primary .ghost-btn { color: var(--white) !important; border: 1px solid var(--white) !important; }
}

@media (max-width: 992px) {
  /* Header Responsive */
  .head1 .ImageLogo { display: flex; align-items: center; justify-content: center;}
  .head-search { top: 51px;max-width: 100%; left: 0; padding: 0; z-index: 10; transition: all .5s ease-in-out; }
  .head-search .Control { padding: 8px 24px; flex-wrap: wrap; }
  .head-search select { border: solid 1px var(--gray); order: 2; width: 100%; }
  .head-mobile-cancel { background: var(--white); display: flex; align-items: center; justify-content: center; padding: var(--space-2); cursor: pointer; }
  .head-mobile-cancel p { margin-bottom: 0; font-size: 14px; }
  .head-search-icon { display: block; cursor: pointer; }
  .head-icon-wrap p, .head-wish-icon { display: none; }
  .head-util { margin-left: auto; margin-right: 0; }
  .head-nav .nav-item.collapse.show { border-bottom: solid 1px var(--black); }
  .head-nav .nav-item-submenu .collapse.show, .head-nav .nav-item-submenu .collapsing { border-bottom: 0; }
  .head-nav-container { padding: 0; }
  /* MOBILE MENU */
  .navbar-nav { padding: var(--space-2) var(--space-2) 0; }
  .mobileMenu-logo { display: block; }
  .mobileMenu-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4)}
  .head1 .navbar-nav { position: initial !important; margin: 0; }
  .head1 .head-menu-navbar .sidebar { --width: 263px;  }
  .navbar-nav .collapse, .navbar-nav .collapsing { position: relative !important; }
  .modal .close:after, #popupClose:after, .swal2-close:after, .ac-modal-close:after, .all-close:after { font-size: 1.2rem;}
  .head1 .nav-item { border-bottom: solid 1px var(--black); padding: var(--space-1) 0; }
  .head1 .nav-item-submenu.show + .nav-item { 
    border-top: solid 1px var(--black); margin-top: var(--space-2); }
  .head1 .dropdown-toggle::after { display: none !important;}
  .head1 .dropright .nav-item-submenu.dropdown-menu { left: inherit; }
  .head1 .nav-item, .head1 .nav-item-subitem { position: relative; }
  .head1 .nav-item a { width: fit-content; }
  .head1 .nav-item[data-bs-toggle="dropdown"], nav-item-subitem[data-bs-toggle="dropdown"] { cursor: pointer; }
  .head1 .nav-item[aria-expanded="true"] { border-bottom: 0; padding-bottom: 0; }
  .head1 .nav-item.dropdown-toggle:after, .head1 .nav-item-subitem.dropdown-toggle:after { content: "\f067"; font-family: var(--font-awesome); font-weight: bold; position: absolute; top: 50%; right: var(--space-2); transform: translateY(-50%); cursor: pointer; border: 0; }
  .head1 .nav-item[aria-expanded="true"]:after, .head1 .nav-item-subitem[aria-expanded="true"]:after { content: "\f068" !important; font-size: var(--font-size-sm); font-weight: bold; font-family: var(--font-awesome); border: unset; }
  .head1 .nav-item-link { color: var(--black) !important; max-width: calc(100% - 31px); word-break: break-word; display: block; display: inline-block; white-space: normal; }
  .head1 .nav-item-submenu { display: none; position: initial; box-shadow: none; margin-left: var(--space-2) !important; padding-left: var(--space-2); list-style: none; border-left: 1px solid var(--black); border-radius: 0; transform: unset !important; } 
  .head1 .nav-item-submenu.show { position: inherit !important; display: inherit; }
  .head1 .nav-item-submenu .nav-item-submenu .nav-item-submenu { padding-left: var(--space-1); } 
  .head1 .nav-item-subitem { margin-bottom: var(--space-1); }
  .head1 .nav-item-subitem .nav-item-link { padding: 0 !important; font-size: .8rem; }
  .head1 .navbar-collapse { overflow-y: scroll; }
  .head1 .navbar-collapse::-webkit-scrollbar { width: 0px; }
  .head1 .head-nav-col { padding: 0; }
  #txtRedirectSearchBox { max-width: 70%; }
}
@media (max-width: 769px) {
  .head-container { max-width: 100%; padding: 0 var(--space-2); }

  /* MENU */
  .head-menu-navbar .navbar-collapse .nav-item-drop > .nav-item:after, .head-menu-navbar .navbar-collapse 
  .nav-item-drop > .nav-item-subitem:after { content: "\f067"; font-family: var(--font-awesome); font-weight: bold; float: right; color: var(--text); } 
  .head-menu-navbar .navbar-collapse .nav-item-drop[aria-expanded="true"] > .nav-item:after, .head-menu-navbar 
  .navbar-collapse .nav-item-drop[aria-expanded="true"] > .nav-item-subitem:after { content: "\f068"; font-family: var(--font-awesome); font-weight: bold; float: right; color: var(--text);}
  .head-menu-navbar .navbar-collapse .nav-item-drop[aria-expanded="true"] .nav-item { border-bottom: 0; }
  #collapsibleNavbar > .navbar-nav > .nav-item-drop > .nav-item-submenu { margin-left: var(--space-2) !important; padding: var(--space-2); } 

  /* SMALL SHOPPING CART */
  .head-smallCart-wrap { width: 100%; height: 87vh; top: 93px; }
  .head-smallCart-item-remove { position: absolute; right: 18px; top: 14px; }
  .head-smallCart-content { padding: 0; }
  .smallCart-wrapper.show + #smallCart-overlay { display: none; }
  .smallCart-item { margin: var(--space-3); }
  .smallCart-pdItemWrapper { background: var(--accent); }
  .smallCart-pdItem { background: transparent; box-shadow: none; flex-direction: row; }

  /*PDP*/

}
@media (max-width: 520px) {
  #txtRedirectSearchBox { max-width: 60%; }
  .head-search input[type=submit].SearchGoThemeButton { padding: 0 var(--space-2); }
}
@media (max-width: 414px) {
  .head-smallCart-wrap { height: 90vh; }
}
@media (max-width: 360px) {
  .login-main-panel { overflow-y: scroll; height: 89vh; }
  .head-smallCart-wrap { height: 86vh; }
  .head-register-wrap { padding-bottom: 50px; }
}
@media (max-width: 340px) {
  .head-nav .navbar-close { display: inherit; }
}