/*******************************************************************************
 Add your custom css styles here
 *******************************************************************************/
/* =========================================================
   DESSAU CONTACT PAGE HERO
   ========================================================= */

.dessau-contact-hero .container {
	text-align: center;
}

.dessau-contact-hero h1 {
	text-align: center;
}

.dessau-contact-hero .separator {
	margin-left: auto;
	margin-right: auto;
}

.dessau-contact-hero p {
	max-width: 720px;
	margin: 0 auto;
	padding-bottom: 0;
	text-align: center !important;
	color: rgba(255,255,255,0.90);
	font-size: 18px;
	line-height: 30px;
}

/* =========================================================
   CONTACT FORM FIELD VISIBILITY
   ========================================================= */

.dessau-form-card input,
.dessau-form-card select,
.dessau-form-card textarea {
    color: #333 !important;
    background: #fff !important;
}

.dessau-form-card input::placeholder,
.dessau-form-card textarea::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

.dessau-form-card input::-webkit-input-placeholder,
.dessau-form-card textarea::-webkit-input-placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

.dessau-form-card input::-moz-placeholder,
.dessau-form-card textarea::-moz-placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

.dessau-form-card input:-ms-input-placeholder,
.dessau-form-card textarea:-ms-input-placeholder {
    color: #777 !important;
}

/* =========================================================
   CAREERS - WHO WE LOOK FOR GRID
   ========================================================= */

.careers-role-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.careers-role-grid > [class*="col-"] {
    display: flex;
    float: none;
}

.careers-role-grid .career-card {
    width: 100%;
    height: auto;
    min-height: 230px;
    margin-bottom: 30px;
}

/* Tablet / Mobile */
@media only screen and (max-width: 991px) {

    .careers-role-grid {
        display: block;
    }

    .careers-role-grid > [class*="col-"] {
        display: block;
        width: 100%;
    }

    .careers-role-grid .career-card {
        min-height: 0;
    }
}