/*
 Theme Name:     DoorAce
 Theme URI:      https://internet-exposure.com/
  Description:    Divi Child Theme
 Author:        Internet-Exposure
 Author URI:     https://internet-exposure.com/
 Template:  Divi
*/

@import url("../Divi/style.css");

.row {
  display: flex; /* Use flexbox to create a row */
  flex-wrap: wrap; /* Allow the row to wrap to the next line if necessary */
  margin: 0 -15px; /* Add negative margin to the row to offset the padding of the columns */
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  padding: 0 15px; /* Add some padding to the columns */
  box-sizing: border-box; /* Include padding and border in the column's total width */
	margin-bottom:15px;
	vertical-align:middle;
}

.col-1 {
  flex: 0 0 8.33%; /* Set the column width to 8.33% */
  max-width: 8.33%;
}

.col-2 {
  flex: 0 0 16.67%; /* Set the column width to 16.67% */
  max-width: 16.67%;
}

.col-3 {
  flex: 0 0 25%; /* Set the column width to 25% */
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33%; /* Set the column width to 33.33% */
  max-width: 33.33%;
}

.col-5 {
  flex: 0 0 41.67%; /* Set the column width to 41.67% */
  max-width: 41.67%;
}

.col-6 {
  flex: 0 0 50%; /* Set the column width to 50% */
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33%; /* Set the column width to 58.33% */
  max-width: 58.33%;
}

.col-8 {
  flex: 0 0 66.67%; /* Set the column width to 66.67% */
  max-width: 66.67%;
}

.col-9 {
  flex: 0 0 75%; /* Set the column width to 75% */
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33%; /* Set the column width to 83.33% */
  max-width: 83.33%;
}

.col-11 {
  flex: 0 0 91.67%; /* Set the column width to 91.67% */
  max-width: 91.67%;
}

.col-12 {
  flex: 0 0 100%; /* Set the column width to 100% */
  max-width: 100%;
}

/*form fields */

.form-control label{
    font-size:16px;
    color:#333333;
    font-weight:700;
    padding-left:3px;
}

#footerRow .form-control label{
    font-size:16px;
    color:#ffffff;
    padding-left:3px;
}
.form-control input,
.form-control textarea,
.form-control select{
    width:100%;
    border:1px solid #999999;
    padding:10px 15px;
    color:#000000;
    margin-top:5px;
    /*margin-bottom:15px;*/
}

.form-control .required{
    color:red;
}

.btn-submit{
    background:#333333;
    color:#ffffff;
    font-size:16px;
    text-transform:uppercase;
    padding:15px 25px;
    border:1px solid #333333;
    cursor:pointer;
    transition:all 0.5s;
    
}
.btn-submit:hover{
    background:#ffffff;
    color:#333333;
}