@charset "utf-8";
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css');
@import url('/sunrise/media/templates/site/cassiopeia_listingall/css/user.css');

/* ============================================
   Solution Desktop HEADER
   ============================================ */
  @media (min-width: 768px) {
  .headerFirst {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* ======= Solution Desktop HEADER=========*/

/**Captive**/
.site.com_users.view-captive {
    background-color: #f2f4f7;
}


#com-users-select-heading,
#users-mfa-title {
    text-align: center;
}
#com-users-select-information,
.users-mfa-captive-pre-message {
    font-size: 0.9rem;
    color: #4c4f52;
}
#com-users-select,
.users-mfa-captive.card-body {
    position: relative;
    padding-top: 20px;
}
#com-users-select::before,
.users-mfa-captive.card-body::before {
    content: '';
    display: block;
    width: 160px;
    height: 35px;
    background-image: url('https://www.biskoon.com/images/logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 20px; /* Center horizontally with auto margins */

}
#com-users-select,
.users-mfa-captive {
    background-color: #fff !important;
      border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    max-width: 800px;
    margin: 0 auto;
    padding: 3rem;
}
/**Captive**/
.mainWrapperDefault {
    margin: 0 auto;
}

#com-users-methods-reset-message {
    padding: 2rem;
}
.securityDesc {
    color: #777;
}

.pgSecurity h1 {
    text-align: center;
}
.pgHome .card.card-body {
    background-color: transparent;
    border: none;
}

#com-users-method-edit,
.pgSecurity form#member-profile {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  max-width: 800px;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
.pgSecurity form#member-profile {
      padding: 1rem 3rem 3rem 3rem;
}
#com-users-method-edit {
     padding: 3rem;
}

/* Security - page Hide only the first fieldset on Security page */
.pgSecurity .com-users-profile__edit-submit,
.pgSecurity form#member-profile > fieldset:first-of-type {
    display: none !important;
}

/* Ensure remaining fieldsets are visible */
.pgSecurity form#member-profile > fieldset:not(:first-of-type) {
    display: block !important;
}

/* ==========================================================================
    Common
========================================================================== */

/* Hide JCE Core footer message */
.mceDefaultSkin .mceLayout .mceBranding,
.jce_about,
.mce-path .jce_about,
.jce_footer {
    display: none !important;
    visibility: hidden !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

#rsdir-review-form #rsdir-captcha {
    width: 100px !important;
    margin: .5rem;
    border-radius: 6px;
}

#rsdir-review-form {
    width: 600px;
    margin: 0 auto 3rem auto;
    padding: 2rem;
    background-color: #eaedf0;
    border-radius: 8px;
}

/* ==========================================================================
   Menu Styling
   ========================================================================== */

/*** Main Menu (iBiskoonMenu) ***/

#iBiskoonMenu {
    margin-left: .5rem;
}



/*** header nav **/
#iBiskoonMenu, #iTyping {
    height: 44px;
}
/*** header search **/
.container-search .metismenu.mod-menu .metismenu-item {
  padding: 0 .4rem !important;
}

#iBiskoonMenu.metismenu.mod-menu .metismenu-item {
    font-size: .9rem;
    line-height: 1.2;
    font-weight: 600;
    padding: 0 4.3em 0 0;
}

#iBiskoonMenu .nav-header {
    color: #000c2a;
    font-weight: 500;
}

#iBiskoonMenu li ul a {
    font-weight: 400;
    font-size: .85rem;
    line-height: 2;
    text-decoration: none;
    padding: .25rem 1rem .25rem 1rem;
    display: block !important;
    min-width: 200px;
}

#iBiskoonMenu li ul a:hover span, 
#iBiskoonMenu li ul a:hover {
    color: #0f5dc8;
    background-color: #f2f2f2;
}

#iBiskoonMenu li a span {
    color: #999999;
    color: #000c2a;
}

#iBiskoonMenu li a {
    color: #000c2a;
    font-size: .9rem;
    font-weight: 500;
}

#iBiskoonMenu li ul {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#iBiskoonMenu li ul li {
    padding: 0 !important;
    line-height: 0.9;
}

#iBiskoonMenu button.metismenu.mod-menu .mm-toggler::after {
    border: none !important;
}

#iBiskoonMenu ul li .nav-header {
    color: #999;
    padding: .6rem 1rem;
}

/*** iTopMenu Menu (iTopMenu) ***/

/*** Account Menu (iAccount2Menu) ***/
#iAccount2Menu span.mod-menu__heading {
    font-size: 1rem;
}

#iAccount2Menu.mod-list li a:hover, 
#iAccount2Menu.mod-list li a:hover span {
    color: #0f5dc8;
}

#iAccount2Menu.mod-list li a span, 
#iAccount2Menu.mod-list li a {
    color: #666;
    text-decoration: none;
    font-size: .85rem;
}

#iAccount2Menu {
    padding-left: 1em;
}

#iAccount2Menu.mod-list li .mod-menu__sub {
    padding-left: 0em;
}

/*** Typing Menu ***/




.metismenu.mod-menu .mm-toggler::after {
    display: none !important;
}

.container-header .menuTyping ul {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.container-header .iMenu .metismenu.mod-menu .mm-toggler::after {
    color: #999999 !important;
}

.menuTyping ul li a:hover {
    color: #0f5dc8 !important;
}

.menuTyping li.metismenu-item.deeper.parent {
    margin: 0 !important;
    padding: 0 !important;
}

.menuTyping ul {
    margin-top: .5rem ;
    
}
.menuTyping {
    padding-right: .25rem !important;
}

.menuTyping ul li a span {
    margin: 0 !important;
    padding: 0 .5rem 0 0rem !important;
}

.menuTyping a, 
.menuTyping .mod-menu__heading.nav-header li {
    font-size: .8rem;
    color: #edf1f5;
    text-decoration: none !important;
    font-weight: 400;
}

.menuTyping .mod-menu__heading.nav-header .metismenu.mod-menu .mm-toggler {
    color: #999999 !important;
}

.menuTyping .mod-menu__heading.nav-header {
    color: #000c2a !important;
    font-size: .8rem;
    font-weight: 400;
    padding: 0 !important;
}

.container-header .metismenu.mod-menu .mm-toggler::after {
    margin-inline-start: 1 !important;
}

button.mm-toggler.mm-toggler-link.mm-collapsed {
    color: #999999 !important;
}

button.mm-toggler.mm-toggler-link {
    padding: 0 1em;
    color: #0f5dc8 !important;
}

.metismenu.mod-menu .mm-toggler.mm-toggler-link {
    padding: 0 1em;
}

#AccountMenu .metismenu.mod-menu .metismenu-item {
    padding: .2rem 0 !important;
}

/*** Header Counter ***/
.headerCounter {
    display: flex;
    list-style: none;
    padding: .3rem 0 0 0;
    margin: 0;
}

.headerCounter li {
    display: flex;
    align-items: center;
}

.headerCounter li a:hover {
    color: #0f5dc8 !important;
}

.headerCounter li a {
    display: block;
    align-items: center;
    text-decoration: none;
    color: #000c2a;
    font-size: .8rem;
    padding: 0 1.2rem 0 0;
}

.headerCounter .counterIcon {
    display: block;
    font-size: 0.8rem;
    color: #999999;
    align-items: center;
    text-align: center;
    padding: 0 0 .3rem 0 !important;
}

/* ==========================================================================
   Icon Links and Buttons
   ========================================================================== */

.cartLink:hover .bi {
      color: #fff !important;
}
.cartLink .bi {
    color: #99ffff;
    font-size: 1rem !important;
}


.cartLink:hover {
     background: linear-gradient(135deg, #0056b3, #007bff);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    color: #fff !important;

}

.cartLink {
    font-size: .85rem !important;
    padding: 0 .8rem 0 .5rem;
     border-radius: 4px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #99ffff !important;
    height: 30px;
    display: flex;
    align-items: center;      
    justify-content: center;   
}


/* ==========================================================================
   Language Selector
   ========================================================================== */

.mod-languages__select img[src="/biskoon.com/media/mod_languages/images/en.gif"] {
    display: none;
}

.mod-languages__select button {
    position: relative;
}

.mod-languages__select button::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px; 
    height: 15px; 
    background-image: url("https://static.biskoon.com/assets/biskoon/ne.png");
    background-size: cover;
    background-repeat: no-repeat;
}

div.mod-languages li.lang-active {
    border: solid 1px #999999 !important;
    background-color: #edf1f5 !important;
}

div.mod-languages li.lang-active a {
    padding: 0 .5rem;
    color: #000c2a !important;
}

div.mod-languages li a {
    padding: 0;
    font-size: .8rem;
    color: #000c2a;
    text-decoration: none;
    font-weight: 400;
}

div.mod-languages ul li.lang-active a {
    color: #000c2a;
}

div.mod-languages ul li.lang-active {
    border-radius: 4px;
    background-color: transparent;
}

.mod-languages__select ul.lang-block.dropdown-menu {
    border: none;
    background-color: transparent !important;
}

.mod-languages__select ul.lang-block.dropdown-menu li a {
    color: #000c2a;
    background-color: transparent !important;
    font-size: 0.8rem;
    font-weight: 400;
}

.mod-languages__select button.dropdown-toggle::after {
    border-top-color: #000c2a;
}

.mod-languages__select button:hover, 
.mod-languages__select button {
    border: none;
    color: #000c2a !important;
    background-color: transparent !important;
    font-size: 0.8rem;
    padding: 0.4rem 1rem;
    font-weight: 400;
}

.mod-languages__select {
    margin-bottom: .5rem;
}

.mod-languages {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.breadcrumb {
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: "›"; 
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  color: #999;
  font-size: 1.25em; 
  line-height: 1;
}

.mod-breadcrumbs__wrapper span {
    color: #999;
}

.mod-breadcrumbs__wrapper a:hover span {
    color: #666 !important;
}

.mod-breadcrumbs__wrapper a {
    text-decoration: none;
}

.mod-breadcrumbs__wrapper a, 
.mod-breadcrumbs__wrapper {
    font-size: .8rem;
    color: #999;
}

.mod-breadcrumbs__wrapper ol {
    padding: 0 !important;
    margin: 0 !important;
}



/* ==========================================================================
   User Account and Login/Logout
   ========================================================================== */

.container-below-top .item-522 a:not(.btn) {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 0;
    margin-left: 0px;
    font-size: 0.9rem;
    line-height: 18px;
    border-radius: 6px;
    color: #FFFFFF !important;
    font-weight: 600;
    padding: .5rem 1rem;
    align-self: center;
    background: #E00000 !important;
    border: 2px #E00000 solid !important;
    text-decoration: none;
}

.container-below-top .cbLogoutForm .mod-login-logout__options {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.container-below-top .cbLogoutForm .mod-login-logout__options li {
    display: inline-flex;
    align-items: center;
}

.container-below-top .cbLogoutForm .mod-login-logout__options li a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #000c2a;
}

.container-below-top .cbLogoutForm .mod-login-logout__options li a:hover {
    color: #0f5dc8;
    text-decoration: none;
}

.container-below-top .mod-login-logout__options a:hover {
    color: #0f5dc8;
}

.container-below-top .mod-login-logout__options a {
    color: #000c2a;
    font-size: 0.8rem !important;
    font-weight: 400;
    line-height: inherit;
}

.container-below-top .mod-login-logout__options a span {
    color: #999999;
    padding-bottom: .1rem !important;
    font-size: .8rem !important;
}

.container-below-top .mod-login-logout__options a, 
.container-below-top .mod-login-logout__options li, 
.container-below-top .mod-login-logout__options a span.cb_template.cb_template_default {
    display: block !important;
    text-align: center;
    text-decoration: none !important;
}

.container-below-top .cbLogoutForm {
    position: relative;
}

.container-below-top .cbLogoutForm, 
.container-below-top .navbar-expand-lg {
    float: right;
}

.container-below-top .mod-login-logout__button.logout-button {
    display: none;
}

.container-below-top {
    display: block;
    color: #000c2a;
}

.modHiddenLogin {
    display: none;
}

.container-below-top .mod-login-logout__login-greeting.login-greeting.cb_template.cb_template_default {
    color: #000c2a;
    padding-top: 1.1rem;
    font-weight: 600;
    font-size: 0.8rem;
}

.mod-login-logout__login-avatar {
    margin-top: 1.2rem;
    margin-right: 1.5rem;
}

.mod-login-logout__login-avatar img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
}

.cb_template .cbImgPictInitial.cbThumbPict.img-thumbnail {
    width: 40px !important;
}

.mod-login-logout.cbLogoutForm {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    float: right;
}

.mod-login-logout__button .btn {
    padding: 5px 10px;
    font-size: 14px;
}

/* ==========================================================================
   Search Container
   ========================================================================== */

.container-header .container-search {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 0;
}

.saveThis {
    flex: 1;
    display: flex;
    align-items: center;
}

/* ==========================================================================
   General Styling
   ========================================================================== */

.container-sidebar-right .card, 
.container-sidebar-right .card {
    border: none;
    background-color: transparent;
    border: solid 2px #edf1f5;
    border-radius: 4px;
}

.tg__d__guest__notice {
    border-bottom: solid 1px #eef0f1;
}

@media (max-width: 767.98px) {

    .modMarketplaceEntries .carousel-entry {
        padding: 0;
    }
    #iTopMenu {
        display: none !important;
    }
}