/*
Theme Name: Artanis Cloud
Theme URI: 
Author: Nadzim.com
Author URI: https://nadzim.com
Description: 
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artanis-cloud
Tags: full-site-editing, 
*/

/* TYPOGRAPHY ------------------------------------------- */

body {
    --wp--preset--font-size--small: clamp(16px, 2vw, 18px);
    --wp--preset--font-size--medium: clamp(20px, 2.4vw, 22px);
    --wp--preset--font-size--large: clamp(26px, 3.2vw, 29px);
    --wp--preset--font-size--x-large: clamp(40px, 6vw, 54px);

    p.has-medium-font-size, p.has-x-large-font-size {
        max-width: 700px;
    }
    p.has-x-large-font-size {
        line-height: 1.1em;
        margin: 1em 0;
    }
}
main p>a {
    text-decoration: underline;
}

/* GENERAL LAYOUTS ------------------------------------------- */

.wp-block-group {
    margin: 0;
}
:where(figure) {
    margin-bottom: 0;
}

.add-text-shadow, .add-text-shadow a {
    text-shadow: 1px 1px 8px rgba(25, 49, 74, 0.5);
}

.page-intro {
    display: grid;
    -webkit-column-gap: 4em;
       -moz-column-gap: 4em;
            column-gap: 4em;
    row-gap: 1.5em;
    >* {
        width: 100%;
    }
    padding: 0 max(15px, 2vw) 4em max(15px, 2vw);
}

.section-title {
    padding: 1.5em max(15px, 2vw);
    margin: 0;
    border-bottom: 1px solid var(--wp--preset--color--custom-french-gray);
}

.section-content {
    border-bottom: 1px solid var(--wp--preset--color--custom-french-gray);
    p strong, p.has-medium-font-size {
        color: var(--wp--preset--color--custom-gunmetal)
    }
    >.wp-block-group, .section-inner {
        background-color: var(--wp--preset--color--custom-french-gray);
        display: grid;
        gap: 1px;
        >.wp-block-group {
            background-color: var(--wp--preset--color--white);
            width: 100%;
        }
    }
    >.wp-block-group:not(:last-child) {
        padding-bottom: 1px;
    }
    .wp-block-group:has(>h2, >h3, >p) {
        padding: 1.5em max(15px, 2vw);
    }
    .section-inner {
        padding-top: 1px;
    }
}

.col-1-1_1-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
    >div {
        width: 100%;
    }
}
.col-4x1 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
@media screen and (min-width: 768px) {
    .col-2x1, .col-2x1-3x1 {
        grid-template-columns: repeat(2, 1fr);
    }
    .col-3x1 {
        grid-template-columns: repeat(3, 1fr);
    }
    .col-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .col-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .col-4x1 {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: none;
    }
}
@media screen and (min-width: 1024px) {
    .col-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .col-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .col-2x1-3x1 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* HEADER ------------------------------------------- */

.nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px;
    position: absolute;
    z-index: 1000;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    width: 100%;
    li.wp-block-navigation-link a, .wp-block-navigation__responsive-container-open {
        padding: 1em 0.5em;
        .wp-block-navigation-item__label {
            white-space: nowrap;
        }
    }
    li.wp-block-navigation-submenu {
        padding: 0 0.5em 0 0;
        a {
            padding: 1em 0 1em 0.5em;
        }
    }
    li.wp-block-navigation-link a, li.wp-block-navigation-submenu, .wp-block-navigation__responsive-container-open  {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        &:hover {
            background-color: #ffffff33;
            button {
                background: none;
            }
        }
    }

    .nav-logo {
        width: clamp(200px, 30vw, 250px);
        min-height: 100%;
    }
    .nav-nav {
        margin: 0;
        @media (min-width: 600px) {
            >li:last-child a {
                border-left: 1px solid var(--wp--preset--color--white);
                margin-left: 15px;
                span {
                    padding: 0 15px;
                }
            }
        }
        @media (min-width: 768px ) {
            .current-menu-item, .current-menu-ancestor {
                font-weight: 700;
            }
            >.current-menu-item,  >li:has(.current-menu-ancestor) {
                -webkit-box-shadow: inset 0 -3px var(--wp--preset--color--white);
                        box-shadow: inset 0 -3px var(--wp--preset--color--white);
            }
        }
        @media (min-width: 1024px) {
            span {
                padding: 0 1em;
            };
            >li:last-child a {
                display: none;
            }
        }      
        .wp-block-navigation__responsive-container-open {
            border-left: 1px solid var(--wp--preset--color--white);
            padding: 1em;
            margin-left: 1em;
        }
        .wp-block-navigation__submenu-container {
            padding: 0;
            a {
                padding: 1em;
                :before {
                    content: '\203A';
                    color: var(--wp--preset--color--pale-cyan-blue);
                    margin-right: 1em;
                }
            }
        }
    }
    .nav-shop {
        display: none;
        margin: 0;
         @media screen and (min-width: 1024px) {
            display: block;
        }
    }

}

/* Mobile menu */

.wp-block-navigation__responsive-container.has-text-color.has-white-color.has-modal-open.is-menu-open {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 100vh;
    left: auto;
    padding-left: 0;
    border-left: 1px solid var(--wp--preset--color--white);
    li.wp-block-navigation-item {
        display: block;
        width: 90%;
        >ul {
            padding: 0;
        }
    }
    li.wp-block-navigation-submenu>a {
        opacity: 0.67;
    }
    .wp-block-navigation-item a {
        padding: 0.5em 1em;
        min-width: 100%;
    }
}

/* CALL TO ACTION ------------------------------------------- */

.cta-content {
    padding: 1.5em 0 15px max(15px, 2vw);
    p {
        padding-right: max(15px, 2vw);
    }
    background-color: var(--wp--preset--color--custom-vivid-sky-blue);
    color: var(--wp--preset--color--custom-gunmetal);
}
.cta-contact {
    width: clamp(300px, 67%, 965px);
}
.cta-hero {
    width: clamp(300px, 50%, 720px);
}
.cta-hero-text {
    padding: 35vh max(15px, 2vw) 17vh max(15px, 2vw);
}

/* FOOTER ------------------------------------------- */

.main-footer {
    margin-top: 0;
}
.footer-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "services others"
        "contact contact";
    .footer-menu-services {
        grid-area: services;
    }
    .footer-menu-others {
        grid-area: others;
    }
    .footer-contact {
        grid-area: contact;
        padding: 15px;
    }
    .footer-menu-services, .footer-menu-others {
        margin: 0;
        width: 100%;
        ul {
            width: min(90%, 400px);
        }
        & li {
            width: 100%;
        }
        & li:not(:last-child) {
            border-bottom: 1px solid var(--wp--preset--color--custom-french-gray);
        }
        & a {
            padding: 1rem max(15px, 5%);
            :hover {
                color: var(--wp--preset--color--custom-vivid-sky-blue);
            }
        }
    }
    @media screen and (min-width: 1024px) {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
            "services others contact";
    }
}

/* ABOUT PAGE ------------------------------------------- */

.services-grid {
    display: grid;
    gap: 1px;
    @media screen and (min-width: 599px) {
        grid-template-columns: 1fr 1fr;
    }
    @media screen and (min-width: 1024px) {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.services-grid-each {
    z-index: 20;
    .services-grid-explore-btn a {
        font-size: 1.1rem;
        -webkit-transform: translateX(60px);
            -ms-transform: translateX(60px);
                transform: translateX(60px);
        .kt-svg-icons {
            z-index: 10;
        }
    }
    >.wp-block-cover__inner-container {
        display: grid;
        align-self: stretch;
    }
    .wp-block-post-excerpt__excerpt {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
    }
    .services-grid-explore-btn a {
        -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
                transform: translateX(50px);
    }
    .wp-block-post-excerpt__excerpt {
        -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
                transform: translateY(30px);
    }

    span.wp-block-cover__background.has-background-dim {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
    }
    &:hover, &:focus-within {
        .wp-block-post-excerpt__excerpt {
            opacity: 1;
            -webkit-transform: translateY(0px);
                -ms-transform: translateY(0px);
                    transform: translateY(0px);
        }

        span.wp-block-cover__background.has-background-dim {
            opacity: .7;
        }
        img {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            -webkit-filter: blur(5px);
                    filter: blur(5px);
            -webkit-transform: scale(110%);
                -ms-transform: scale(110%);
                    transform: scale(110%);
        }
    }
}

.client-carousel {
    overflow-x: hidden;
}
/* .client-carousel-inner {
    display: none;
    flex-wrap: nowrap;
    min-width: max-content;
    animation: client-scroll 20s linear infinite;
    figure {
        display: block;
        min-width: max-content;
        max-width: 150px;
        margin: 0 20px;
    }
}
display-none {
    display: none;
}

@keyframes client-scroll {
    to {
      transform: translateX(-50%);
    }
}

.slick-slide {
    width: 150px !important;
} */

/* CLIENTS PAGE ------------------------------------------- */

.projects-list {
    .projects-list-even {
        display: none;
        .project:nth-child(odd) {
            display: none;
        }
    }
    @media screen and (min-width: 768px) {
        .projects-list-even {
            display: block;
        }
        .projects-list-odd .project:nth-child(even) {
            display: none;
        }
    }
    .project {
        -webkit-margin-before: 0;
                margin-block-start: 0;
        .wp-block-columns {
            gap: max(15px, 2vw);
        }
    }
    details[open] {
        summary {
            color: var(--wp--preset--color--custom-gunmetal);
        }
        .entry-content {
            margin: 0;
            background: var(--wp--preset--color--custom-white-smoke);
            padding: 15px;
        }
    }
}

/* CONTACT PAGE ------------------------------------------- */
/* See Forminator Custom CSS for the form */