:root {
  --army-green: #5f7a50; 
  --afc-yellow: #ffd530; 
  --aal-red: #E61E26;
  --dark-grey: #333333;
  --light-grey: #B8B8B8;
}

/* JOIN OUR NETWORK */
.hero-join {background-image: url('../img/join/hero-join-xs.jpg'); background-position: left center;}

@media (min-width: 576px) {.hero-join{background-image: url('../img/join/hero-join-sm.jpg');}}
@media (min-width: 768px) {.hero-join{background-image: url('../img/join/hero-join-md.jpg');}}
@media (min-width: 1200px) {.hero-join {background-image: url('../img/join/hero-join.jpg'); }}

.contact-who a {display:block; text-transform: uppercase; margin:.8rem 0; font-size:1.125rem; color:#ffffff; font-weight: 500; font-family: 'Roboto Mono';}
.contact-who a:hover {color:var(--aal-red);}
.join-form label{color: black;}
.join-terms {font-size: 0.8rem; color:black; font-family: 'Roboto Mono';}

@media (max-width: 1200px) {.form-control, .form-select {font-size: 1.1rem;} }


/* ===== CONTACT SIDEBAR =====*/

.contact-sidebar .contacts-info-list { padding-left: 0; list-style: none; margin-bottom: 0;}
.contact-sidebar .contacts-info-list > li { position: relative; padding-left: 50px; min-height: 32px; display: table;}
.contact-sidebar .contacts-info-list > li + li { margin-top: 22px;}
.contact-sidebar .contacts-info-list > li .info-item {display: table-cell; vertical-align: middle; font-size: 0.9rem;}

.contact-sidebar .contacts-info-list > li > .fa,
.contact-sidebar .contacts-info-list > li > .f-icon {display: block; position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: #2f2f2f; line-height: 32px; font-size: 14px; color: #fff; text-align: center;}
.contact-sidebar .contacts-info-list > li a {-webkit-transition: none; transition: none;}
.contact-sidebar .contacts-info-list > li a:hover {text-decoration: underline; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;}

.contact-sidebar .contacts-info-list a {color:#000000;}

.contact-sidebar .contact-add-links a {display:block; text-transform: uppercase; margin:.8rem 0; font-size:1.125rem; color:#000000; font-weight: 500; font-family: 'Roboto Mono';}
.contact-sidebar .contact-add-links a:hover {color:var(--aal-red);}