.contact-info {
position: relative;
padding: 2rem 1.25rem;
background-color: var(--background-secondary-color);
border-radius: var(--el-border-radius);
height: 100%;
}
.contact-list {
list-style: none;
margin: 0;
padding: 0;
color: var(--text-secondary);
}
.contact-list li {
display: flex;
margin-bottom: 1.625rem;
line-height: 1.375rem;
}
.contact-list li:last-child {
margin-bottom: 0;
}
.contact-list li .material-icons {
margin-right: 0.625rem;
color: var(--accent-color);
}
.contact-list li a {
text-decoration: none;
display: block;
color: var(--text-secondary);
margin-bottom: 0.25rem;
}
.contact-list li a:last-child {
margin-bottom: 0;
}
.contact-list li a:hover {
color: var(--accent-color);
}
.contact-list i {
display: flex;
align-items: center;
justify-content: center;
}
.contact-list i.footer-contact-tel {
font-size: 1.25rem;
}
.contact-list i.footer-contact-email {
font-size: 1.125rem;
}
.contact-list .footer-contact-info {
opacity: 1;
}
.footer-contact-info h3 {
color: var(--text-primary);
font-size: 1.25rem;
margin-bottom: 1rem;
}
.footer-contact-info p {
margin-bottom: 0.25rem;
}
.footer-contact-info p:last-child {
margin-bottom: 0;
}
.contact-form-padding {
padding-left: 2rem;
}
.map {
position: relative;
}
.map iframe {
width: 100%;
height: 100%;
min-height: 20rem;
border: none;
}
.map.map-top {
width: 100%;
margin-bottom: 3.25rem;
padding: 0;
}
.map.map-auto {
min-height: 100%;
}
.map-contact-info {
margin-top: 2rem;
}
.contacts-info-item {
padding: 3rem 1.25rem;
}
.contacts-info-item-ico {
display: flex;
justify-content: center;
margin-bottom: 2rem;
color: var(--accent-color);
}
.contacts-info-item-content {
text-align: center;
}
.contacts-info-item-content h3 {
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
.contacts-info-item-content .item-heading-middle {
margin-top: -0.75rem;
}
.contacts-info-item-content .text-secondary > * {
margin-bottom: 1rem;
}
.contacts-info-item-content .text-secondary > *:last-child {
margin-bottom: 0;
}
.contacts-info-item-content p {
margin: 0;
}
.contacts-info-item-content a {
text-decoration: none;
color: var(--text-primary);
}
.contacts-info-item-content a:hover {
color: var(--accent-color);
}
.form-heading-center h2, .form-heading-center h3, .form-heading-center h4, .form-heading-center h5, .form-heading-center h6 {
text-align: center;
}
.contact-form-wide {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.map {
display: flex;
align-items: center;
min-height: 35rem;
}
.map iframe {
position: absolute;
left: 0;
top: 0;
min-height: auto;
}
.map-contact-info {
position: relative;
margin-top: 0;
}
.map-contact-info .row {
height: 0;
}
.map-contact-info .contact-info {
top: -50%;
}
}
@media (max-width: 1199.98px) {
.contact-form-padding {
padding-left: 0;
}
}
@media (max-width: 991.98px) {
.map-auto {
height: 25rem;
}
}
@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.map,
#map_canvas {
min-height: 20rem;
}
.map iframe,
#map_canvas iframe {
min-height: 20rem;
}
.map {
display: block;
min-height: 20rem;
}
.map iframe {
position: relative;
left: 0;
top: 0;
}
.map-contact-info {
margin-top: 2rem;
}
.map-contact-info .row {
height: auto;
}
.map-contact-info .contact-info {
transform: none;
}
.map-contact-info .col-md-5 {
width: 100%;
margin-left: 0;
}
}