/***** Page structure *****/

@media (min-width: 1170px) {
    #section-outter {
        width: 1170px;
        padding: 0 15px;
    }
}

/***** Message *****/

span.welcome strong {
    font-size: 1.5em;
    color: #EAA800;
}

div.field-inline-container .field-error-msg {
    display: block;
    position: absolute;
    right: 0px;
    margin-right: 5px;
}

/***** Form *****/

.no-focus .ui-focus {
    box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}

fieldset.ui-controlgroup.email-type {
    margin: 0 0 1em 0;
}

@media (min-width: 28em) {
    fieldset.ui-controlgroup.email-type .ui-controlgroup-label {
        width: 30%;
    }
    fieldset.ui-controlgroup.email-type .ui-controlgroup-controls  {
        width: 68%;
    }
}

.subscribe-label.ui-btn.ui-btn-active {
    background-color: #181;
    border-color: #181;
    text-shadow: 0 1px 0 #0A0;
}

.unsubscribe-label.ui-btn.ui-btn-active {
    background-color: #D11;
    border-color: #D11;
    text-shadow: 0 1px 0 #A00;
}

#unsubscribe-all-wrapper div {
    width: 100%;
}

#unsubscribe-all-popup-screen {
    height: 0 !important;
}

#submit {
    background-color: #FFC433;
}

#submit:hover {
    background-color: #F2AC00;
}

/***** Success page *****/

#link-container {
    margin-top: 20px;
}

/*.link {
    display: inline-block;
    width: 75px;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
}

.link-icon {
    display: block;
    font-size: 50px;
}

.link-name {
    display: block;
    height: 30px;
    margin-top: 5px;
    font-size: 0.9em;
    line-height: 1.4em;
    color: #555;
}*/

.link {
    display: inline-block;
    width: 195px;
    height: 50px;
}

.link-icon {
    display: inline-block;
    font-size: 25px;
}

.link-icon .fa {
    margin-right: 6px;
}

.link-name {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: #555;
    vertical-align: top;
}