.shepherd-modal-overlay-container{
    opacity:.6;
}

.shepherd-element, 
.shepherd-header, 
.shepherd-footer {
    border-radius: 5px;
}
.shepherd-header{
    border-radius: 5px 5px 0 0;
}

.shepherd-element{
    border:0;
    background-color:#ebebeb;
}
.shepherd-has-title .shepherd-content .shepherd-header{
    background-color: rgba(0,0,0,.2);
    padding:0 0 0 10px;
}
.shepherd-has-title .shepherd-content .shepherd-header .shepherd-title{
    font-family: 'inupiaq', 'Montserrat', sans-serif;
    font-weight:bold;
    text-transform:initial;
    font-size: 1.2rem;
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon{
    margin:auto;
    height:40px;
    width:40px;
}
.shepherd-cancel-icon:before{
    content:"";
    width:40px;
    height:40px;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;  
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.33 42.33' fill='rgb(0,0,0)'><defs></defs><title>close</title><g id='Layer_2' data-name='Layer 2'><g id='Layer_2-2' data-name='Layer 2'><rect class='cls-1' x='0' y='0' width='10' height='50' rx='1.38' ry='1.38' transform='translate(36 0) rotate(45)'/><rect class='cls-1' x='0' y='0' width='10' height='50' rx='1.38' ry='1.38' transform='translate(0 6) rotate(-45)'/></g></g></svg>");
}
.shepherd-cancel-icon span{
    display: none;
}

.shepherd-text{
    font-size: 1rem;
    font-family: inupiaq,OpenSans,sans-serif;
}

.shepherd-button,
.shepherd-footer button:not(:last-of-type){
    border:0;
    font-family: inupiaq,Montserrat;
}
.shepherd-button.shepherd-button-secondary{
    background: white;
}
.shepherd-button:not(:disabled):hover,
.shepherd-footer button:not(:disabled):focus  {
    background: #d17916;
    color: white;
}
.shepherd-element .shepherd-arrow:after{
    content:"";
    width:40px;
    padding-top: 100%;
    display:inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;  
    bbackground-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40 ' fill='rgb(255,255,255)'><defs></defs><title>arrow</title><g id='Layer_2' data-name='Layer 2'><g id='Layer_2-2' data-name='Layer 2'><polygon points='0,20 20,0 20,40' /><polygon points='20,10 20,30 40,30 40,10'  /></g></g></svg>");

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  fill='rgb(255,255,255)'><defs></defs><title>arrow</title><g id='Layer_2' data-name='Layer 2'><g id='Layer_2-2' data-name='Layer 2'><polygon points='0,20 20,0 20,40' /></g></g></svg>");

}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow, 
.shepherd-element.shepherd-pinned-bottom .shepherd-arrow {
    top: -20px;
    margin-left: 20px;
}
.shepherd-element[data-popper-placement^='left'] .shepherd-arrow, 
.shepherd-element.shepherd-pinned-left .shepherd-arrow {
    right: -20px;    
    margin-top: 20px;
}
.shepherd-element[data-popper-placement^='top'] .shepherd-arrow, 
.shepherd-element.shepherd-pinned-top .shepherd-arrow {
    bottom: -20px;    
    margin-left: 20px;
}
.shepherd-element[data-popper-placement^='right'] .shepherd-arrow, 
.shepherd-element.shepherd-pinned-right .shepherd-arrow {
    left: -20px;    
    margin-top: 20px;
}