/**
 * Custom CSS
 *
 * Add your site-specific styles here. This file loads after theme.css
 * so your rules take precedence over the default theme styles.
 */

 
/* Reseller Store Plugin */
.btn-primary {
      background-color: var( --e-global-color-primary );
      color: #fff !important;
      border: 1px solid #16141414;
      padding: 12px 21px;
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
      margin-top: 10px;
      border-radius: 4px !important;
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
      width: 100%;
  }
  
  .btn:hover{
      background-color: var( --e-global-color-primary );
      box-shadow: none;
      cursor: pointe;
      border: 1px solid var(--e-global-color-secondary);
  }
  
  .rstore-pricing{
      margin-top: 10px;
      margin-bottom: 10px;
  }
  
  /* Ad Search Bar */
  .rstore-domain-search .form-container .search-form .search-submit {
      width: revert;
  }
  
  .rstore-domain-search .form-container .search-form .search-field, .rstore-domain-search .form-container .search-form .search-submit {
      display: inline;
      margin: 0;
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
      border-radius: 4px !important;
      
  }
  
  .rstore-domain-search .form-container .search-form {
      display: flex;
      gap: 10px;
  }
  
  
  /* Results */
  
  .rstore-domain-search button {
      margin-top: 10px;
      float: right;
      
  }
  
  .rstore-domain-search .purchase-info {
      display: block;
      float: none !important;
  }
  
  .rstore-domain-search .domain-name {
      display: inline-block;
      vertical-align: middle;
      vertical-align: -webkit-baseline-middle;
      word-break: break-word;
      padding: 10px 0;
      font-size: 18px;
      font-weight: 500;
  }
  
  .btn-secondary{
      background-color: var( --e-global-color-primary );
      color: var(--white-color) !important;
      border: 1px solid #16141414;
      padding: 12px 21px;
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
      margin-top: 10px;
      border-radius: 4px !important;
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
  }
  
  /* Search popup */
  
  #rstore-popResults {
      height: auto;
      top: 1%;
      position: fixed;
      background-color: #fff !important;
      z-index: 99999;
      padding: 5px 24px 24px 24px;
      min-width: 345px;
      display: none;
  }
  
  .search-submit{
      background-color: var( --e-global-color-primary );
      color: var(--white-color) !important;
      border: 1px solid #16141414;
      padding: 15px 21px;
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
      margin-bottom: -10px;
      border-radius: 4px !important;
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
  }
  
  .search-field{
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
      border-radius: 4px !important;
      
  }
  
  label {
      display: inline-flex ;
      width: 70% ;
      margin-right: 5px !important;
      margin-bottom: 10px !important;
  }
  
  .rstore-login-block {
        background-color: var( --e-global-color-primary );
      color: var(--white-color) !important;
      border: 1px solid #16141414;
      padding: 12px 21px;
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
      border-radius: 4px !important;
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
  }
  
  .rstore-login-block:hover{
      background-color: var( --e-global-color-primary );
      box-shadow: none !important;
      cursor: pointe;
      border: 1px solid var(--e-global-color-secondary);
  }
  
  .rstore-view-cart {
      background-color: #fff;
      color: #000 !important;
      border: 1px solid #1918182b;
      padding: 12px 21px;
      font-size: 14px;
      text-transform: capitalize;
      font-weight: 600;
  
      border-radius: 4px !important;
      box-shadow: -4px 4px 0px 0px #EDEDFD !important;
  }
  
  .rstore-view-cart:hover{
        background-color: #fff;
      box-shadow: none !important;
      cursor: pointe;
      border: 1px solid #16141414;
  }
  
  .login-link{
        color: #fff;
  }
  
  .login-link:hover{
        color: #fff;
  }
  
  .gtranslate_wrapper, .gt_container-omc401{
        display: flex;
      align-items: center;
      font-size: 16px;
      font-weight: 600;
      color: var( --e-global-color-secondary);
      cursor: pointer;
      transition: all .15s ease;
  }

@media (max-width: 767px) {
    .ekit-sticky .elementskit-menu-offcanvas-elements.active::before {
        left: -110% !important;
    }
}