74 lines
1.7 KiB
Sass
74 lines
1.7 KiB
Sass
/*******************************************************/
|
|
/****************** ## Contact Forms *******************/
|
|
/*******************************************************/
|
|
.our-location
|
|
iframe
|
|
height: 550px
|
|
+res-bl(xl)
|
|
height: 500px
|
|
+res-bl(md)
|
|
height: 300px
|
|
|
|
/* Contact Form Validation */
|
|
.has-error
|
|
.with-errors
|
|
color: red
|
|
margin-top: 5px
|
|
margin-bottom: -15px
|
|
#msgSubmit
|
|
font-size: 20px
|
|
margin-bottom: 0
|
|
margin-top: 10px
|
|
|
|
/* Contact Page */
|
|
.contact-info-item
|
|
display: flex
|
|
max-width: 410px
|
|
padding: 30px 40px
|
|
background: $lighter-color
|
|
+res-bl(ms)
|
|
+gapLR(padding, 25px)
|
|
&:not(:last-child)
|
|
margin-bottom: 20px
|
|
.icon
|
|
flex: none
|
|
+size(70px)
|
|
font-size: 28px
|
|
transition: 0.5s
|
|
line-height: 70px
|
|
text-align: center
|
|
background: white
|
|
margin-right: 30px
|
|
color: $primary-color
|
|
+res-bl(xs)
|
|
width: 50px
|
|
font-size: 20px
|
|
margin-right: 20px
|
|
.content
|
|
.title
|
|
display: block
|
|
font-size: 18px
|
|
margin-top: -10px
|
|
margin-bottom: 5px
|
|
h6
|
|
line-height: 1.43
|
|
margin-bottom: -10px
|
|
+res-ab(ms)
|
|
font-size: 22px
|
|
&:hover
|
|
.icon
|
|
color: white
|
|
background: $primary-color
|
|
|
|
.contact-page-form
|
|
padding: 55px 50px 50px
|
|
background: $lighter-color
|
|
border: 1px solid $border-color
|
|
+res-bl(ms)
|
|
+gapLR(padding, 25px)
|
|
h3
|
|
margin-bottom: 5px
|
|
+res-ab(sm)
|
|
font-size: 35px
|
|
.form-control
|
|
font-family: $base-font |