/home/moonrcjl/public_html/wp/wp-content/themes/arsha/assets/scss/layout/pages/_contact.scss
@use '../../utils' as *;
/*----------------------------------------*/
/* 7.1 about css start
/*----------------------------------------*/
.mtcontact {
&__maps {
& iframe {
height: 800px;
width: 100%;
@media #{$xl} {
height: 600px;
}
@media #{$lg} {
height: 500px;
}
@media #{$md,$xs} {
height: 400px;
}
}
&-info {
background-color: var(--mt-common-white);
padding: 50px;
width: 354px;
position: absolute;
top: 10%;
left: 10%;
@media #{$xs} {
position: static;
background-color: var(--mt-border-1);
}
}
&-content {
& ul {
& li {
list-style: none;
margin-bottom: 6px;
&:last-child {
margin-bottom: 0;
}
}
}
}
}
// lsit
&__list {
&-title {
font-size: 24px;
}
&-item {
& ul {
& li {
list-style: none;
}
}
}
}
// box
&__box {
&-item {
background-color: #F5F5F5;
padding: 60px;
border-radius: 5px;
@include transition(.3s);
@media #{$lg} {
padding: 30px;
}
&:hover {
background-color: var(--mt-theme-1);
}
}
&-icon {
& span {
color: #111;
font-size: 25px;
}
}
&-content {
& ul {
& li {
list-style: none;
}
}
}
}
}
.gm-style .place-card-large {
display: none !important;
}