/*styles for the contact form template partial*/

section.contact-form{
    padding: 40px 0 0;
    position: relative;
}

section.contact-form .row.manager {
    background: #fff;
    padding: 10% 10% 0 10%;
    z-index: 4;
    position: relative;
}

section.contact-form .section-content,
section.contact-form .address > div {
    display: flex;
}

section.contact-form .address{
	margin-bottom: 80px;
	margin-left:80px;
}


section.contact-form .address h2,
section.contact-form .address h3,
section.contact-form .address h4 {
    text-transform: uppercase;
    margin-right: 15px;
}

section.contact-form .address .icon {
    margin-right: 12px;
}

section.contact-form .section-content .manager-title{
    margin-top: 40px;
}

section.contact-form .addresses
{
	padding-left: 7%;
}

.manager-paragraph
{
	line-height: 1.6;
	padding-top: 10px;
	width: 80%;
}

section.contact-form .section-content .manager-photo{
    margin-top: 43px;
}


section.contact-form .manager-title,
section.contact-form .address-title{
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 100%;
	text-transform: uppercase;
}


section.contact-form .row.form {
    /*background: #fff;*/
    padding: 80px;
    position: relative;
}

section.contact-form .form .section-header{
	background:#fff;
	padding: 40px;
	z-index: 5;
    position: relative;
}

section.contact-form .form textarea,
section.contact-form .form select,
section.contact-form .form input[type="text"],
section.contact-form .form input[type="email"],
section.contact-form .form input[type="tel"]{
    border:none!important;
}

section.contact-form .form select,
section.contact-form .form input[type="text"],
section.contact-form .form input[type="email"],
section.contact-form .form input[type="tel"]{
    height:57px!important;
}

body.pas-theme section.contact-form .form select{
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
}

body.pas-theme .nf-form-content .field-wrap.submit-wrap,
body.pas-theme .field-wrap.list-select-wrap .nf-field-element{
	position: relative;
}

body.pas-theme .nf-form-content .field-wrap.submit-wrap:after,
body.pas-theme .field-wrap.list-select-wrap .nf-field-element:after {
    content: "\e903";
    font-family: Icomoon;
    top: 24px;
    right: 30px;
    position: absolute;
    z-index: 2;
}

body.pas-theme .nf-form-content .field-wrap.submit-wrap:after{
    -webkit-transition: right 750ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: right 750ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: right 750ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: right 750ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: right 750ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body.pas-theme .field-wrap.list-select-wrap .nf-field-element:after{
    -webkit-transition: transform 500ms ;
    -moz-transition: transform 500ms ;
    -o-transition: transform 500ms ;
    -ms-transition: transform 500ms ;
    transition: transform 500ms ;
}

body.pas-theme .nf-form-content .field-wrap.submit-wrap:hover:after{
	right:20px;
}

body.pas-theme .field-wrap.list-select-wrap .nf-field-element:hover:after {
	transform: rotate(90deg);
}

body.pas-theme .nf-form-content input[type=button]{
	min-width: 250px;
	float:right;
	border:none!important;
}

/***********************/
/* Responsive styles */
/***********************/

@media (max-width: 768px){

	section.contact-form .section-content .manager-photo{
		margin:20px 0;
	}

	section.contact-form .section-content{
		flex-direction: column;
	}

	

}

@media (min-width: 768px){

	section.contact-form .section-content .manager-photo{
	    width:25%;
	    flex-shrink: 0;
	    margin-right: 40px;
	}

	section.contact-form .form .section-header{
		position: absolute;
	    top: -120px;
	    left: 0;
	    padding-left: 40px;
	}

	section.contact-form .row.form{
		/*padding-top:150px;*/
	}

	section.contact-form .row.manager {
	    margin-top: -200px;
	    margin-left:-80px;
	    margin-right:-80px;
	     padding: 80px 80px 0 80px;
	}
}

@media (max-width: 992px){

	section.contact-form .manager .addresses{
		flex-direction: column;
	}

}

@media (min-width: 992px){

	section.contact-form .row.manager {
	    padding: 110px 40px 0 110px;
	}

	section.contact-form{
	    padding: 80px 0 0;
	}

	section.contact-form .form .section-header{
	    padding-left: 80px;
	}
}

@media (max-width: 1200px){

	section.contact-form .manager .addresses {
	    flex-direction: row;
    	display: flex;
    	justify-content: space-evenly;
    	margin: 40px 0 150px 0; 
	}
	section.contact-form .manager .address {
	    margin: 0;
	}

}

@media (min-width: 1200px){


	section.contact-form .form-content{
		margin-top: 80px;
	}
		
	section.contact-form .form .section-header{
	    padding-left: 7%;
	}
}

@media (min-width: 1800px){
	
	section.contact-form .form .section-header{
	    padding-left: 12%;
	}

}

/* minor padding changes on the contact form hours information */
@media (min-width:1200px){

section.contact-form .addresses
{
	margin-bottom: 2rem;
	padding-left: 0%;
}
}

/* fixing the display of contact info on mobile */

@media (max-width: 767px){
	section.contact-form .manager .addresses {
        display:block;
	}
}

/* Entrata Form */
.entrata-form{
	width: 100%;	
}

@media (max-width:767px){
	section.contact-form .form .section-header{
		background:#f1212100;
	}

}

/* turning out the white contact form text */ 


section.contact-form .form .section-header{
	    background-color:#ffffff00;
	}

/*Changing the aesthetics of the contact's page */

#address1{
	margin-bottom:2rem;
}

#address2{
	margin-bottom:2rem;
}
#address3{
	margin-bottom:2rem;
}


@media (max-width: 1200px){

	section.contact-form .manager .addresses {
	    flex-direction: column;
	}
}