.text-orange {
    color: #EA9741;
}

/**
 * WARNING! Do not use padding on this element! It will cause the large popup to become out of place
 **/
.svg-container {
    max-width: 1000px;
    /*margin: 250px auto 0 auto;*/
    margin: auto;
    position: relative;
}

.svg-container #States {
    cursor: zoom-in;
}

.svg-container #States .state.active:hover {
    cursor: zoom-out;
}

.map-state-popup-large {
    position: absolute;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -9999em;
    left: 9999em;
    z-index: 100;
    display: inline-block;
    color: white;
    background-color: rgb(217, 82, 71);
    padding: 15px;
    border-radius: 15px;
    font-size: .75em;

    -webkit-box-shadow: 10px 10px 90px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 90px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 90px -12px rgba(0, 0, 0, 0.75);
}

.map-state-popup-mini {
    position: absolute;
    top: -9999em;
    left: -9999em;
    z-index: 100;
    display: inline-block;
    width: 225px;
    color: white;
    background-color: rgb(217, 82, 71);
    padding: 15px;
    border-radius: 15px;
    font-size: .75em;

    -webkit-box-shadow: 10px 10px 90px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 90px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 90px -12px rgba(0, 0, 0, 0.75);
}

.map-state-popup-mini:after {
    content: "";
    position: absolute;
    top: -11px;
    left: -12px;
    border-width: 0 13px 25px;
    border-style: solid;
    border-color: rgb(217, 82, 71) transparent;
    display: block;
    width: 0;
}

.map-state-popup-mini.right.top:after {
    transform: rotate(-45deg);
}

.map-state-popup-mini.left.top:after {
    left: 215px;
    transform: rotate(45deg);
}

.map-state-popup-mini.bottom.right {
    margin-top: -160px;

}

.map-state-popup-mini.bottom.left {
    margin-top: -160px;
    margin-left: -10px;
}

.map-state-popup-mini.right.bottom:after {
    transform: rotate(225deg);
    margin-top: -13px;
    top: 100%;
}

.map-state-popup-mini.left.bottom:after {
    transform: rotate(135deg);
    margin-top: -13px;
    margin-left: -14px;
    top: 100%;
    left: 100%;
}

.map-state-popup-mini a {
    color: #EA9741;
}

.map-state-popup-mini h3 {
    margin: 0;
}

.map-state-popup-mini p {
    margin: 5px 0;
}