// ================================================================================================
//  File Name: ex-component-tour.scss
//  Description:Extra Components tour SCSS.
//  ----------------------------------------------------------------------------------------------
//  Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
//  Author: PIXINVENT
//  Author URL: http://www.themeforest.net/user/pixinvent
// ================================================================================================

// Core variables and mixins overrides
@import "../bootstrap/functions";
@import "../core/variables/variables";
@import "../bootstrap/variables";
@import "../core/variables/components-variables";


// plugin element styling here
.shepherd-element {
  background: transparent;
  &.shepherd-element-attached-right{
    .shepherd-arrow {
      border-left-color: $primary !important;
      border-bottom-color: transparent !important;
    }
  }
  .shepherd-arrow {
    border-bottom-color: $primary !important;
  }
}
.tour-container {
  font-size: 1rem;

  .shepherd-header{
    background: transparent !important;
    .shepherd-title{
      color: $white;
    }
  }

  &.shadow-md,
  &.bg-purple-dark {
    .shepherd-content {
      background-color: $primary !important;
      border-radius: .5rem;
      padding: 10px;

      .shepherd-text {
        color: $white;
      }

      .shepherd-footer {
        padding: 0 !important;
        justify-content: center;
        .shepherd-button {
          margin: 0 5px;
          border-radius: 6px;
          color: $white;
          border: 1px solid $white;
          background-color: transparent;

          &:hover {
            background-color: #ffffff3b;
          }
        }
      }
    }
  }
}
