/**
 * @author: Schijf / Romijn
 * @about:  pbuic-form-element-address.css - Layout of the address form element
 */

/**
 * FormElement layout settings
 */

.fea-g-label {
    display: block;
    padding-left: 0;
}

.pbuic-fe-address label.sr {
    display: none;
}

.pbuic-fe-address .fea-group {
    margin: 1em 0;
    overflow: hidden; /** Prevent whitespace on top of component */
}

.pbuic-fe-address .fea-group-1 {
    margin-top: 0;
}

.pbuic-fe-address .fea-group-last {
    margin-bottom: 0;
}

.pbuic-fe-address .address-block .fieldinput {
    margin-left: 0;
}

.pbuic-fe-address input,
.pbuic-fe-address select {
    width: 100%;
}

/**
 * CSS needed for interaction with JS
 */

/** Toggle visibility of checkboxes */
.fea-g-hidden {
    display: none;
}

/** Styles for FormElementAddress */
.address-row label {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0;
}

.address-row input {
    display: block;
    margin-bottom: .3em;
}

.address-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: baseline;
    overflow: hidden;
}

.address-row label {
    margin-right: .5em;
    -ms-flex: 1;
    flex: 1;
    width: auto !important;
}

.address-row span,
.fea-country span {
    font-size: .8em;
}

.address-row select,
input.address-freetext {
    display: block;
}

/** Address field sizes */
input.address-field {
    min-width: 30em;
}

.address-row .address-postcode {
    min-width: 8em;
}

.address-row .address-number,
.address-row .address-number_add {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.address-row .address-number {
    min-width: 4em;
}

.address-row .address-number_add {
    min-width: 4em;
}

.address-row .address-street,
.address-row .address-town,
.address-row .address-country {
    min-width: 15em;
}

/** Relation address checkboxes */
.fea-addressee-options {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fea-addressee-options input {
    width: auto;
}

.fea-addressee-options li {
    margin-bottom: .5em;
}

/** country */
.fea-country {
    padding: 0;
}

.fea-country select {
    display: block;
    margin-top: 0;
}

/** google maps links **/
.fea-google-maps {
    margin-right: 1em;
}

.fea-google-maps a[target="_blank"] {
    padding-right: 0;
    background: transparent;
}