@import 'init';

.banner {
    height: 600px;
    background-position: center;
    padding-bottom: 0;
    position: relative;
    .title {
        margin-top: 0.5rem;
        margin-bottom: 2rem;
/*        max-width: 700px;*/
        text-align: left;
        line-height: 1;
        &::after {
            bottom: -1.2rem;
        }
    }
    .content {
        max-width: 600px;
        text-align: left;
    }
}
.responsive_map {
    border-radius: 15px;
/*    border: 3px solid @brown;*/
    overflow:hidden;
/*    padding-bottom:56.25%;*/
    padding-bottom:100%;
    position:relative;
    height:100%;
    width: 100%;
    iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
}
#page-content {
    min-height: ~'calc(100vh - 491px)';
}
.editorContent {
    img {
        height: auto;
    }
}
.secondary-top {
    .left .image {
        position: relative;
        &::before {
            position: absolute;
            top: 2rem;
            left: 0;
            content: url('/images/layout/Wave_Icon_Large(white).png');
            z-index: 1;
        }
        img {
            width: 100%;
            min-height: 500px;
            object-fit: cover;
        }
    }
    .right {
/*        padding-left: 4rem;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
#contact {
    .contact-info {
        padding-right: 4rem;
        position: relative;
        &-top {
            position: absolute;
            top: 0;
            left: ~'calc(50% - 2rem)';
            transform: translateX(-50%);
        }
        &-bottom {
            margin-top: 50px;
            padding: 2rem 3.5rem;
            padding-top: ~'calc(50px + 2rem)';
            background-color: @gray;
            strong {
                display: block;
                margin-bottom: 0.5rem;
            }
            p {
                margin-bottom: 0;
            }
            .contact-info {
                font-size: 0.9em;
            }
        }
        .socials {
            display: flex;
            gap: 0.5rem;
            a span {
                display: none;
            }
            .facebook-icon {
                content: url('/images/layout/facebook-icon-navy.png');
            }
            .instagram-icon {
                content: url('/images/layout/instagram-icon-navy.png');
            }
        }
        &:hover {
            .contact-info-bottom {
                background-color: @light-navy;
                strong {
                    color: @orange;
                }
                .contact-info {
                    color: white;
                }
            }
            .socials {
                .facebook-icon {
                    content: url('/images/layout/facebook-icon-orange.png');
                }
                .instagram-icon {
                    content: url('/images/layout/instagram-icon-orange.png');
                }
            }
        }
    }
    input:not([type="submit"]), textarea {
        padding: 1rem 1.5rem;
        background-color: @gray;
    }
}
@media only screen and (max-width: 1399px) {
    #contact .contact-info {
        padding-right: 1rem;
    }
}
@media only screen and (max-width: 1199px) {
    #contact .contact-info-bottom {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media only screen and (max-width: 991px) {
    .banner {
        height: 300px;
    }
    .secondary-top .left .image {
        &::before {
            transform: scale(0.7) translateX(-18px);
        }
        img {
            width: unset;
            min-height: unset;
            height: 300px;
        }
    }
    #contact .contact-info-top {
        left: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .banner {
        height: 200px;
    }
    #contact .contact-form {
        padding-top: 2rem;
    }
}