/**
 * Conditionally Required Phone Number - dummy demo.
 */

.crpn-outer {
    display:  flex;
    /*border:  2px dashed green;*/
    margin-bottom:  2em;
}

.crpn-container {
    border:  1px solid grey;
    /*border:  0.25em solid black;*/
    /*border:  0.25em solid #44444444;*/
    box-shadow: 0 0 0.5em #44444444;
    margin-left:  auto;
    margin-right:  auto;
    /*border:  2px dashed red;*/
    display:  flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap:  2em;
    /*background-color:  #ffffff88;*/
    background-color:  white;
    padding:  2em;
    border-radius:  0.5em;
}

@media( min-width:  768px ) {
    .crpn-container {
        flex-direction: row;
        align-items: flex-end;
    }
}

.crpn-container .form-row {
    display:  block;
}

.crpn-container > p,
.crpn-container > div {
    /*border:  2px dashed blue;*/
    padding: 0;
    margin: 0;
}

.crpn-container ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.crpn-container .form-row-phone label {
    display:  block;
}

.crpn-container input[type="text"] {
    width:  20em;
    margin-bottom:  0.5rem;
    border:  2px solid darkgrey;
    border-radius: 0.5em;
}

.crpn-container li input[type="radio"] {
    margin-right:  0.5em;
}