.shepherd-header {
    background: @esdc-dark-blue !important;
    border-radius: 0;
}

.shepherd-cancel-icon {
    color: @white !important;
}

.shepherd-cancel-icon:hover {
    color: hsla(0, 0%, 50%, 0.75) !important;
}

.shepherd-button:hover {
    background-color: @esdc-white-hover !important;
    color: @esdc-int-hover-color !important;
}

.shepherd-button {
    background-color: @white;
    color: @esdc-interactive-blue;
    border-radius: 0;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    border: none;
    min-width: 100px;
    -webkit-transition: background-color .25s ease-in,color .25s ease-in,border-color .25s ease-in;
    -moz-transition: background-color .25s ease-in,color .25s ease-in,border-color .25s ease-in;
    -ms-transition: background-color .25s ease-in,color .25s ease-in,border-color .25s ease-in;
    transition: background-color .25s ease-in,color .25s ease-in,border-color .25s ease-in;
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
}

.shepherd-content {
    background: @esdc-lightgrey;
    border-radius: 0 !important;
}

.shepherd-title {
    color: @white !important;
}

.shepherd-arrow:before {
    background: @esdc-lightgrey;
}

.start-tour {
    color: @white !important;
    background-color: @esdc-interactive-blue !important;
    &:hover {
        background-color: @esdc-int-hover-color !important;
    }
}

.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before {
    background-color: @esdc-dark-blue;
}