Backups Created:
/home/teltatz/public_html/wp-admin/admin-wolf.php
/home/teltatz/public_html/wp-content/edit-wolf.php
/home/teltatz/public_html/wp-includes/widgets/class-wp-wolf-widget.php
Savvy
W
olf -
MANAGER
Edit File: _contact.scss
/* Contact Map ---------------------------------- */ .map-sec { position: relative; height: 600px; border-radius: 10px; overflow: hidden; .map { position: absolute; inset: 0; height: 100%; width: 100%; iframe { height: 100%; width: 100%; filter: grayscale(100); } } @include sm { height: 400px; } } .map-contact { max-width: 590px; padding: 60px; background-color: $white-color; border-radius: 10px; position: relative; z-index: 3; } .border-title { position: relative; padding-bottom: 14px; margin-bottom: 25px; margin-top: -0.22em; font-weight: 600; &:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 80px; background-color: $theme-color; } } .contact-info { display: flex; align-items: center; max-width: 340px; gap: 25px; margin-bottom: 40px; &:last-of-type { margin-bottom: 0; } &_icon { @include equal-size-lineHeight(70px); font-size: 30px; background-color: rgba($color: #0D5EF4, $alpha: 0.07); text-align: center; color: $theme-color; border-radius: 5px; transition: 0.4s ease-in-out; } &_title { font-size: 20px; margin-bottom: 6px; margin-top: -0.2em; } p, a, span { font-family: $title-font; margin-bottom: -0.5em; } &_text { margin-bottom: -0.45em; line-height: 1.5; display: block; max-width: fit-content; font-family: $title-font; p, a, span { font-family: $title-font; } a { color: $title-color; &:hover { color: $theme-color; } } } &:hover { .contact-info { &_icon { background-color: $theme-color; color: $white-color; } } } } @include sm { .map-contact { padding: 40px 40px; } .contact-info { margin-bottom: 30px; &:last-of-type { margin-bottom: 0; } } } @include xs { .map-contact { padding: 40px 20px; } } @include vxs { .contact-info { flex-direction: column; align-items: flex-start; gap: 20px; .media-body { width: 100%; } } } /* Contact Form ---------------------------------- */ .contact-form { &-wrap { background-color: $smoke-color; padding: 60px; border-radius: 10px; background-position: right center; margin-right: 50px; margin-top: -85px; position: relative; z-index: 9; } } @include lg { .contact-form-wrap { margin: 0; margin-top: 40px; } } @include sm { .contact-form-wrap { padding: 40px 30px; background-position: left center; } } .contact-feature { display: flex; gap: 30px; border-radius: 10px; border: 1px solid #ECF1F9; background: $white-color; box-shadow: 0px 9px 14px 0px #FBFBFB; padding: 30px; &:not(:last-child) { margin-bottom: 24px; } .contact-feature-icon { height: 70px; width: 70px; flex: none; border-radius: 10px; line-height: 70px; background: rgba(13, 94, 244, 0.07); font-size: 30px; text-align: center; color: $theme-color; transition: 0.4s; } .media-body { margin-bottom: -0.4em; } .contact-feature_label { font-size: 20px; font-family: $title-font; color: $title-color; font-weight: 600; margin-top: -0.4em; margin-bottom: 5px; } .contact-feature_link { font-family: $title-font; color: #4D5765; line-height: normal; display: block; span { color: $title-color; } } &:hover { .contact-feature-icon { background: $theme-color; color: $white-color; } } @include vxs { display: block; .contact-feature-icon { margin-bottom: 20px; } } }