/*--------------------------------------------------------------

Template: Erika minimal portfolio
Author: CXWebExperts
Author URI: http://cxwebexperts.com/
Version:  1.0
Design and Developed by: http://cxwebexperts.com/

Note: This is the file where you can add your custom styles to change the look of the theme. 
But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom CSS code here:
-------------------------------------------------------*/

.area-heading-style-three {
    margin: 50px auto 15px;
    width: 60%;
}

/* FORM CONTACT*/
.mx-auto {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.btn-form {
	margin-left: calc(50% - 60px);
    margin-top: 20px;
}

#ccms_form_contact label {
	font-weight: 600;
}

#ccms_form_contact textarea {
	min-height: 120px;
	resize: vertical;
}

#ccms_form_contact .form-control {
    border: 0px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;


}

#ccms_form_contact .form-control:focus {
	border-color: #d6b161;
}

.mt-1 { margin-top: 0.5rem!important; }
.mt-2 { margin-top: 0.75rem!important; }
.mt-3 { margin-top: 1rem!important; }
.mt-4 { margin-top: 1.5rem!important; }
.mt-5 { margin-top: 2rem!important; }

.pt-1 { padding-top: 0.5rem!important; }
.pt-2 { padding-top: 0.75rem!important; }
.pt-3 { padding-top: 1rem!important; }
.pt-4 { padding-top: 1.5rem!important; }
.pt-5 { padding-top: 2rem!important; }

.mb-1 { margin-bottom: 0.5rem!important; }
.mb-2 { margin-bottom: 0.75rem!important; }
.mb-3 { margin-bottom: 1rem!important; }
.mb-4 { margin-bottom: 1.5rem!important; }
.mb-5 { margin-bottom: 2rem!important; }

.pb-1 { padding-bottom: 0.5rem!important; }
.pb-2 { padding-bottom: 0.75rem!important; }
.pb-3 { padding-bottom: 1rem!important; }
.pb-4 { padding-bottom: 1.5rem!important; }
.pb-5 { padding-bottom: 2rem!important; }

.top-header {
	color: #232332;
    display: inline-block;
    position: relative;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/* END OF FORM CONTACT*/