/*
 * @link      https://sprout.barrelstrengthdesign.com/
 * @copyright Copyright (c) Barrel Strength Design LLC
 * @license   http://sprout.barrelstrengthdesign.com/license
 */

/* Icons
------------------------------------------------------------ */

.sprout-link-button svg path,
.sprout-phone-button svg path,
.sprout-email-button svg path {
    fill: #b9bfc6;
}

.sprout-link-button svg:hover path,
.sprout-phone-button svg:hover path,
.sprout-email-button svg:hover path {
    fill: #333f4d;
}

/* Sprout Email Field
------------------------------------------------------------ */

.sprout-email-button {
    background-color: #ffffff;
    display: inline-block;
    height: 14px;
    width: 14px;
    opacity: 0;
    padding: 8px 6px 8px 6px;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}

.fade {
    opacity: 1;
}

/* Sprout Phone Field
------------------------------------------------------------ */

.sprout-phone-button {
    background-color: #ffffff;
    display: inline-block;
    height: 14px;
    width: 14px;
    opacity: 0;
    padding: 8px 6px 8px 6px;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}

.fade {
    opacity: 1;
}

.sprout-phone-field.compoundSelectText-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sprout-phone-field .compoundSelectText-text {
    flex-grow: 1;
    margin-left: 10px;
}

@media (max-width: 600px) {
    .sprout-phone-field.compoundSelectText-wrapper {
        flex-direction: column;
    }

    .sprout-phone-field .compoundSelectText-dropdown .select,
    .sprout-phone-field .compoundSelectText-dropdown select {
        width: 100%;
    }

    .sprout-phone-field .compoundSelectText-text {
        flex-grow: 1;
        margin-left: 0;
        margin-top: 10px;
    }
}

/* Sprout Link Field
------------------------------------------------------------ */

.sprout-link-button {
    background-color: #ffffff;
    display: inline-block;
    height: 14px;
    width: 14px;
    opacity: 0;
    padding: 8px 6px 8px 6px;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}

.fade {
    opacity: 1;
}