Current Directory: /home/u930863517/domains/limraevents.com/public_html/css
Viewing File: /home/u930863517/domains/limraevents.com/public_html/css/contact-us.css
/* importing variable css */
@import url("./partials/variable.css");
/* importing global css */
@import url("./partials/global.css");
/* importing navbar css */
@import url("./partials/navbar.css");
.hero{
min-height: 70vh;
background: url("../assets/backgrounds/contact-us-back2.jpg") center no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.hero::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.7;
}
.hero .content{
position: relative;
z-index: 10;
color: white;
}
.hero .content .line{
background: white !important;
}
/* CONTACT DETAILS */
.contact-details .contact-heading{
text-transform: uppercase;
font-weight: bold;
font-family: var(--font-monteserrat);
font-size: 18px;
margin-bottom: 1rem;
}
.contact-details .contact-sub-heading{
font-family: var(--font-roboto);
font-size: 16px;
margin-top: 1.5rem !important;
}
.contact-details .contact-para{
font-size: 14px;
margin-top: 1.5rem !important;
}
.contact-details ul{
list-style: none;
}
.contact-details ul li{
font-size: 14px;
padding: 0.25rem 0;
}
.contact-details ul li i{
color: var(--secondary-color);
font-size: 12px;
}
/* contact form */
.contact-form-wrapper .contact-form{
max-width: 75%;
margin: auto;
padding: 0 20px;
}
.contact-form-wrapper .contact-form [class*=col-]{
margin: 0;
padding: .3rem 1rem;
}
.contact-form-wrapper .contact-form .form-control{
border: 0;
padding: 1.5rem 1rem;
font-size: 14px;
font-family: var(--font-roboto);
}
.contact-form-wrapper .contact-form textarea{
resize: none;
}
.contact-form-wrapper .secondary-button{
border-color: black !important;
color: white;
}
.contact-form-wrapper .secondary-button .overlay{
background: black !important;
}
.contact-form-wrapper .secondary-button span{
color: white !important;
}
.contact-form-wrapper .secondary-button:hover span{
color: black !important;
}
/* services */
.wrapper .secondary-button{
border-color: black !important;
color: white;
}
.wrapper .secondary-button .overlay{
background: black !important;
}
.wrapper .secondary-button span{
color: white !important;
}
.wrapper .secondary-button:hover span{
color: black !important;
}
@media only screen and (max-width: 768px) {
section.contact-details{
padding: 20px 0 !important;
}
.contact-details .contact-heading{
margin-top: 30px !important;
font-size: 1.2rem;
}
.contact-details .contact-sub-heading,
.contact-details .contact-para,
.mapouter1,
.contact-details ul li{
margin-top: 0rem !important;
font-size: 0.9rem;
}
.contact-form-wrapper .contact-form .form-control{
padding: 1.2rem 0.8rem;
}
}
@media only screen and (max-width: 600px) {
.client-grid .container{
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.contact-form-wrapper h2{
font-weight: 400 !important;
font-size: 25px;
}
}