110 lines
2.7 KiB
Sass
110 lines
2.7 KiB
Sass
/*******************************************************/
|
|
/****************** ## Contact Forms *******************/
|
|
/*******************************************************/
|
|
.contact-info-content
|
|
max-width: 385px
|
|
|
|
.features-team-box
|
|
background: white
|
|
padding: 30px 40px
|
|
border-radius: 7px
|
|
border: 1px solid $border-color
|
|
box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.25)
|
|
+res-bl(xl)
|
|
+gapLR(padding, 30px)
|
|
h6
|
|
font-size: 18px
|
|
margin-top: -5px
|
|
margin-bottom: 18px
|
|
padding-bottom: 18px
|
|
border-bottom: 1px solid $border-color
|
|
.feature-authors
|
|
> *
|
|
+size(40px)
|
|
border: none
|
|
line-height: 40px
|
|
img
|
|
+res-ab(xl)
|
|
margin-right: -8px
|
|
> span
|
|
font-size: 22px
|
|
|
|
.contact-info-item
|
|
padding: 40px 50px
|
|
border-radius: 7px
|
|
margin-bottom: 30px
|
|
background: $lighter-color
|
|
border: 1px solid $border-color
|
|
+res-bl(xl)
|
|
+gapLR(padding, 33px)
|
|
.icon
|
|
+size(55px)
|
|
font-size: 22px
|
|
background: white
|
|
line-height: 53px
|
|
border-radius: 50%
|
|
text-align: center
|
|
margin-bottom: 33px
|
|
color: $primary-color
|
|
border: 1px solid $border-color
|
|
+res-bl(xs)
|
|
margin-bottom: 22px
|
|
h5
|
|
margin-bottom: 12px
|
|
+res-bl(xs)
|
|
font-size: 22px
|
|
.text
|
|
display: flex
|
|
font-size: 20px
|
|
line-height: 1.6
|
|
+res-bl(xl)
|
|
font-size: 18px
|
|
i
|
|
margin-top: 8px
|
|
margin-right: 10px
|
|
|
|
.contact-images-part
|
|
position: relative
|
|
img
|
|
width: 100%
|
|
margin-bottom: 30px
|
|
.circle-logo
|
|
+absmiddle()
|
|
border-radius: 50%
|
|
+flexcenter(center)
|
|
+circle(white, 250px)
|
|
flex-direction: column
|
|
border: 10px solid $secondary-color
|
|
img
|
|
width: auto
|
|
margin-bottom: 10px
|
|
+res-bl(ms)
|
|
+size(170px)
|
|
border-width: 8px
|
|
line-height: 170px
|
|
img
|
|
max-width: 33%
|
|
margin-bottom: 5px
|
|
.h2
|
|
font-size: 30px
|
|
|
|
.contact-map
|
|
iframe
|
|
margin-bottom: -10px
|
|
height: 616px
|
|
+res-bl(xl)
|
|
height: 500px
|
|
+res-bl(md)
|
|
height: 350px
|
|
|
|
/* 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
|
|
|