@import "vars.css";
@import "hero.css";
@import "menu.css";
@import "typography.css";
@import "buttons.css";
@import "articles.css";
@import "pricing.css";
@import "modals.css";
@import "gallery.css";
@import "clients_testimonials.css";


body {
    background:var(--white-1);
    color:var(--black-1);

}
#smooth-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}
main {
    flex:1;
}
.noContent {
    main {
        display:none;
    }
    .container-component {
        display:none;
    }
}
#system-message-container {
    margin-top:0 !important;
    margin-bottom:2rem !important;
}
/*#system-message-container joomla-alert .alert-heading {
    color: var(--black-1);
    background: var(--green-1, transparent);
    flex-direction: column;
    place-content: center;
    padding: .8rem;
    display: flex;
}*/
.invalid {
    color: var(--red);
    border-color: var(--red);
}
.whiteBg {
    background:var(--white-1);
}
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.container-footer {
    background:var(--blue-1);
    background:var(--blue-1-gradient);
    margin-top: 0;
    .grid-child {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:2rem;
        .mod-menu {
            display:flex;
            gap:2rem;
            flex-direction: row;
            justify-content: flex-end;
            .nav-item {
                width:fit-content;
            }
        }
    }
}
.icons {
    display:none;
}
.site-grid {
    margin-top:100px;

    & > .grid-child {
        padding-block:4rem;
    }
}
.privacyPolicy {
    .site-grid {
        margin-top:0;
    }
}
.com_osmap {
    .site-grid {
        margin-top:0;
    }
    h2 {
        display:none;
    }
    ul {
        padding-left:0;
        li {
            padding-block:5px;
        }
        li a {
            text-decoration:none;
            color:var(--black-1);
            &:hover, &:focus {
                text-decoration:none;
            }
        }
    }
    ul.level_0  {
        margin-left:0;
        list-style:none;
    }
}
.quoteIcon {
    font-size:2rem;
    &.quoteIconOpen {
        svg {
            transform: rotate(-180deg);
        }
    }
}

.full-width {
    .moduletable, .container {
        width: 100%;
        max-width: 1320px;
        margin-inline:auto;
    }
}
.flex-row {
    display:flex;
    gap:2rem;
}


.itemid-101 {
    .container-component {
        padding-top:4rem;
        padding-bottom: 4rem;
    }
    .container-bottom-a {
        background:url('/images/homepage/conference.jpg');
        background-attachment: fixed;
        background-size: cover;
        padding:4rem;
        .flex-row {
            align-items: center;
        }
        .moduletable {
            width: 100%;
            max-width: 1320px;
        }
    }
    .bookSection {
        padding:var(--pad-4);
        p {
            margin-bottom:0;
        }
    }
    .container-top-a {
        --flex-gap:2rem;
        gap:var(--flex-gap);
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        padding-block:var(--pad-4);

        h3 {
            margin-bottom:0.5rem
        }



        .featureBox {
            display:grid;
            grid-template-columns:100px 1fr;
            gap:1rem;
            .featureIcon {
                width:100px;
            }
        }
    }
}

/* svgs */
.st0, .st1 {
    fill: none;
    stroke: var(--blue-3); /* or whatever color you want */
    stroke-width: 3; /* adjust thickness as needed */
    stroke-linecap: round;
    stroke-linejoin: round;
}
.container-modals-module {
    display:none;
}
#back-top {
    width:50px;
    height:50px;
    display:grid;
    place-content: center;
    border-radius:50%;
    text-decoration:none;
}
.copyright {
    .mod-custom {
        p {
            font-size:var(--step--1);
            &:last-of-type {
                margin-bottom:0;
            }
        }
    }
}
@media screen and ( width < 1200px) {
    .itemid-101 {
        .container-top-a {
            grid-template-columns:1fr 1fr;
            .moduletable:last-of-type {
                grid-column: 1 / -1;
            }
        }

    }
}
@media screen and ( width < 768px ) {
    .itemid-101 {
        .site-grid {
            margin-top:2rem;
            .container-top-a {
                margin-top:2rem;
                padding-block: 0;
                grid-template-columns:1fr;
                .moduletable {
                    grid-column: 1 / -1;
                }
            }
            .container-bottom-b {
                padding-bottom:0;
            }
            .container-bottom-a {
                padding: 2rem;
                .bookSection {
                    padding:var(--pad-2);
                }
                .flex-row {
                    flex-direction: column !important;

                }
            }

        }
    }
    .site-grid {
        & > .grid-child {
            padding-block: 2rem;
        }
    }
    .container-footer {
        .grid-child {
            display:grid;
            grid-template-columns:1fr;
            gap:2rem;
            .mod-menu {
                display:flex;
                gap:2rem;
                flex-direction: row;
                justify-content: center;
                .nav-item {
                    width:fit-content;
                }
            }
            .copyright {
                text-align: center;
                order:2;
            }
        }
    }

}
@media screen and ( width < 475px ) {
    .itemid-101 {
        .container-top-a {
            .featureBox {
                grid-template-columns: 50px 1fr;
                .featureIcon {
                    width: 50px;
                }
            }
        }
    }
}
@media screen and ( width < 451px ) {
    .itemid-101 {
        .site-grid {
            .container-bottom-a {
                padding:var(--pad-1);
                .bookSection {
                    padding:var(--pad-1);
                }
                .flex-row {
                    flex-direction: column !important;

                }
            }
            .container-top-a {
                & > .moduletable {
                    padding-inline:1rem;
                }
            }
        }
    }
}