citywebshop_cms/uix/skins/realla.css

body {
    font-family: "Poppins", sans-serif !important;
}

.realla-menu {
    height: 72px !important;
    width: 100% !important;
    background-color: #252526 !important;
    position: fixed !important;
    top: 0px !important;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    vertical-align: middle;
    z-index: 999;

    .realla-logo {
        margin-right: 7%;
        cursor: pointer;

        img {
            height: 40px;
        }
    }

    .realla-menuitems {
        padding-top: 0.5rem;
        text-align: right;

        a {
            color: white;
            font-size: 16px;
            padding-left: 16px;
            padding-right: 16px;
            text-decoration: none;
        }

        a:last-of-type {
            padding-left: 0px;
            padding-right: 0px;
        }
    }
}

.slide {
    margin-top: 72px !important;
}

.realla-search {
    margin-top: 72px !important;
    display: block;
    width: 100%;
    height: 60%;
    min-height: 60%;
    max-height: 60%;
    background-image: url('https://rockhome.hu/static/uploads/thumbs/banner_1557750073.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    .realla-main-content {
        padding-top: 10%;
        padding-bottom: 14%;
    }

    .realla-title {
        color: white;
        text-align: center;
        width: 100%;
        font-size: 40px;
        font-weight: 500;
        text-decoration: none;
    }

    .sugessionWrap {
        border: none;
        margin-top: 132px;
        border-radius: 30px;
        height: 64px;
        min-height: 64px;
        max-height: 64px;
    }

    .hidden-overlow {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .show-maximized {
        width: 200px;
    }

    .sugessionTags {
        width: 200px;
    }

    #tipus {
        padding: 0px;
        padding-top: 0px;
        background-position-x: 92%;
        background-position-y: center;
    }

    #ertekesites {
        background-position-x: 85%;
    }

    .suggestSubmit {
        border-radius: 30px;
        margin-top: 12px;
        margin-right: 12px;
        width: 40px !important;
        height: 40px !important;
    }
}

#properties {
    margin-top: 0px !important;
    padding-bottom: 96px;

    .content-wrap-main {
        padding-top: 96px !important;
    }

    ul {
        padding-bottom: 40px !important;
        text-align: center;

        li {
            h3 {
                font-size: 32px;
                font-weight: 500;
            }
        }
    }

    .result-item {
        border-radius: 6px;
        float: none;
        background-color: #fff;
        border: solid 1px #ddd;
        height: 330px;

        figure {
            border-radius: 0px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            height: auto;
            aspect-ratio: 4 / 3;
        }

        .teaser {
            border-radius: 12px;
            line-height: normal;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 8px;
            padding-right: 8px;
            margin-top: -187px;
            margin-left: 8px;

            small {
                font-size: 12px;
                font-weight: 600;
            }
        }

        .price {
            font-size: 20px;
            font-weight: 500;
            padding-top: 8px;
            padding-left: 8px;
        }

        .size {
            padding-left: 8px;
            padding-top: 0px;
            font-size: 12px;
            font-weight: 500;
            font-family: "Poppins", sans-serif !important;

            small {
                font-family: "Poppins", sans-serif !important;
                font-size: 12px;
                font-weight: 300;
            }
        }

        .site {
            padding-left: 8px;
            padding-top: 0px;
            font-size: 12px;
            font-weight: 500;
            font-family: "Poppins", sans-serif !important;

            small {
                font-family: "Poppins", sans-serif !important;
                font-size: 12px;
                font-weight: 300;
            }
        }

        .rooms {
            padding-left: 8px;
            padding-top: 0px;
            font-size: 12px;
            font-weight: 500;
            font-family: "Poppins", sans-serif !important;

            small {
                font-family: "Poppins", sans-serif !important;
                font-size: 12px;
                font-weight: 300;
            }
        }

        .address {
            font-family: "Poppins", sans-serif !important;
            font-size: 12px;
            font-weight: 300;
            min-height: 20px;
            padding-bottom: 0px;
        }

        .employee {
            width: 94%;
            border-top: solid 1px #ddd;
            font-family: "Poppins", sans-serif !important;
            font-size: 12px;
            font-weight: 300;
            display: block;
            margin-left: 8px;
            padding-top: 8px;
            margin-top: 8px;
        }
    }
}

.content-wrap-main .result-item {
    margin-right: 16px !important;
    margin-bottom: 16px !important;
}

.props-container {
    padding-left: 0px !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.we-help-you {
    margin-top: 96px;

    h3 {
        font-size: 32px;
        font-weight: 500;
        text-align: center;
    }

    .helps-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 40px;
        margin-left: 45px;
        margin-right: 45px;
        margin-bottom: 96px;
        gap: 16px;


        .helps-box {
            border: solid 1px #ddd;
            border-radius: 12px;
            min-height: 350px;
            padding-left: 40px;
            padding-right: 40px;

            figure {
                display: block;
                margin: 0 auto;
                margin-top: 40px;
                margin-bottom: 24px;
                width: 90px;
                height: 90px;
                font-size: 36px;
                border-radius: 90px;
                background-color: #2eac59;
                color: #fff;
                text-align: center;

                i {
                    margin-top: 26px;
                }
            }

            h4 {
                margin-bottom: 24px;
                text-align: center;
                font-size: 16px;
                font-weight: 600;
            }

            p {
                font-size: 14px;
                font-weight: 200;
                text-align: left;
                margin-bottom: 40px;
                line-height: 26px;
            }
        }
    }
}

.blog {
    margin-top: 96px;

    h3 {
        font-size: 32px;
        font-weight: 500;
        text-align: center;
    }

    .blog-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 40px;
        margin-left: 45px;
        margin-right: 45px;
        gap: 16px;


        .blog-box {
            border: solid 1px #ddd;
            border-radius: 12px;
            min-height: 350px;
            padding: 0px;
            padding-bottom: 40px;

            figure {
                display: block;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: auto;

                img {
                    width: 100%;
                    height: 100%;
                    aspect-ratio: 16 / 9;
                    border-top-left-radius: 12px;
                    border-top-right-radius: 12px;
                }
            }

            h4 {
                margin-bottom: 24px;
                text-align: left;
                font-size: 16px;
                font-weight: 600;
                margin-left: 40px;
                margin-right: 40px;
            }

            p {
                font-size: 14px;
                font-weight: 200;
                text-align: left;
                margin-bottom: 24px;
                margin-left: 40px;
                margin-right: 40px;
                line-height: 26px;
            }

            a {
                font-size: 14px;
                font-weight: 400;
                text-decoration: none;
                color: #222;
                padding-left: 40px;
            }
        }
    }
}

.footer-menu-container {
    width: 100%;
    height: auto;
    background-color: #f4f4f6;
    padding-top: 96px;
    padding-bottom: 96px;

    .footer-wrap-main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 16px;
        margin-top: 0px;
        padding-top: 0px;

        .footer-menu-block-container {
    
            .footer-menu-block {
                list-style: none;
                padding: 0px;

                li {
                    font-size: 14px;
                    font-weight: 200;
                    padding-bottom: 8px;
                    color: #717171;

                    a {
                        text-decoration: none;
                        color: #717171;
                    }
                }
            }

            h5 {
                padding: 0px;
                margin: 0px;
                margin-bottom: 32px;
                font-size: 20px;
                font-weight: 500;
            }
        }
    }
}