/*
Theme Name: NFTLab Child
Theme URI: https://nftlab.jwsuperthemes.com
Template: nftlab
Author: the JWSThemes team
Author URI: https://themeforest.net/user/jwsthemes
Description: NFTLab is a NFT Marketplace Affiliate WordPress Theme for NFTs, where you can explore, collect, and trade unique digital artworks from top artists worldwide. We serve as a bridge between talented artists and the art-loving community, enabling you to participate in the digital art revolution. The theme is ideal for creating a successful affiliate marketing website because it has an integrated NFT importer from OpenSea. Use the marketplace affiliate WordPress theme to create your own successful, top-notch website. Using the Elementor Page Builder and the NFTLab theme, you can quickly and easily alter the existing content, remove, or add your own custom blocks to a page. It includes a Dark and Light NFT layout for the WooCommerce Marketplace and five demo variations including a blog, portfolio, and inner pages.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.1.0
Updated: 2023-09-07 07:32:17
*/

:root {
  --main: #031337;
  --secondary: #7f56f3;
  --accent: #4ffbd2;
  --bg-color: #f8f9fd;
  --bg-color-dark: #06041c;
  --text: #031337cc;
  --text_dark: #ffffffcc;
  --light: #f8f9fd;
  --white: #ffffff;
  --green: #70833c;
  --heading: #031337;
  --body: #646f79;
  --bodybg: #ffffff;
  --btn-color: #ffffff;
  --btn-bgcolor: #4f41e1;
  --btn-bgcolor2: #a77fc6;
  --e-global-color-primary: #031337;
  --e-global-color-secondary: #7b61ff;
  --menu-color: #031337;
  --menu-color-dark: #ffffff;
}

.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}

#jws-login-form.login_custom .slick-list {
  overflow: visible;
  height: auto !important;
}

#jws-login-form.login_custom .slick-track {
  height: auto !important;
}

.mo_oauth_login_button,
.mo_oauth_login_button_widget {
  width: 300px;
}

/* Cognito login button */
.gs-cognito-login .elementor-button {
    background-color: var(--e-global-color-secondary) !important;
    font-family: Rubik, Sans-serif !important;
    font-weight: 500 !important;
    border-radius: 60px 60px 60px 60px !important;
    color: #fff !important;
    width: 100%;
    display: block;
    text-align: center;
}

/* Cognito button hover */
.gs-cognito-login .elementor-button {
    transition: background-color 0.3s ease, transform 0.3s ease !important;
}
.gs-cognito-login .elementor-button:hover {
    background-color: #50FBD2 !important;
    transform: scale(1.05) !important;
    color: #000 !important;
}

.account-menu-dropdown {
  background: var(--light);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease 0.25s, transform 0.3s ease 0.25s, visibility 0s linear 0.55s;
  transform: translatey(-10px);
  -webkit-transform: translatey(-10px);
  position: absolute;
  top: 100%;
  z-index: 1;
  padding: 21px 0;
  pointer-events: none;
  width: 130px;
  right: 0;
  text-align: initial;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.jws-offcanvas-action-wrap .jws-button-wrapper:hover .account-menu-dropdown {
  transition-delay: 0s;
}

.account-menu-dropdown a:hover {
  color: #4f41e1;
  font-weight: 600;
}

/* Space Padding to view Dashboard */
.elementor-9778 .elementor-element.elementor-element-6b2f1d5f {
    --display: flex;
    padding-top: 100px;
}