@charset "utf-8";

@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css');

@import url('/media/templates/site/cassiopeia_listingall/css/user.css');



/**Captive**/

.site.com_users.view-captive {

    background-color: #f2f4f7;

}

#com-users-select-information p {

    text-align: center;

}



#com-users-select-heading,

#users-mfa-title {

    text-align: center;

    font-size: 1.8rem;

}

#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('/images/logo.png');

    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 {

    max-width: 1320px;

    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;   

}



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

   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;

    }

}