/* 
Theme Name: Ziosoft
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* NAVGIGATION MENU */
.wpcf7-form-control-wrap {
    display: block;
    margin-top: 16px;
}

.wpcf7-list-item {
    margin-left: 0;
}

.menu .current-menu-item, .menu .current-menu-ancestor {
    align-items: center;
}

.site-navigation ul.menu li a {
    color: #0C1433;
}

.menu > .current-menu-item:before, .menu > .current-menu-ancestor:before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: URL(/wp-content/themes/ziosoft/assets/images/polygon.svg);
    display: block;
    background-size: contain;
}

.home-video video {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 450px !important;
    object-fit: fill !important;
}

.cn-button.bootstrap, .cn-buttons-container a {
    color: #fff;
    background: #E5A812 !important;
}

.site-navigation ul.menu li ul {
    width: 245px;
}

.site-navigation ul.menu li {
    margin-right: 25px;
}

/* HERO */
.hero__cta {
    background-color: rgb(0 0 0 / 80%);
    border-radius: 5px;
    border: 7px solid rgb(255 255 255 / 50%);
}

.hero__cta .hero__cta__link {
    display: flex;
    margin-top: 15px;
    color: #e5a612;
}

/* FOOTER */
.zio-site-footer {
    width: 100%;
    max-width: 100%;
}

.footer-container:before {
    content: '';
    background-image: URL(/wp-content/themes/ziosoft/assets/images/geo-pattern.svg);
    display: block;
    background-size: contain;
    position: absolute;
    top: 40px;
    bottom: 0;
    width: 100%;
}

.footer-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-menu ul li:last-of-type {
    margin-left: 32px;
}

.footer-menu ul li {
    list-style: none;
}

.footer-menu ul li::before {
    content: "\2022";  /* Add content: ‚2 is the CSS Code/unicode for a bullet */
    color: #fff; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.footer-menu ul li:first-of-type::before {
    content: "";
}

.footer-menu a {
    color: #fff;
}

/* Utilities */
.zio-site-footer .text__white * {
    color: #fff;
}

.box-line:before {
    content: '';
    display: block;
    width: 32px;
    height: 117px;
    background-color: #C3CDDD;
    bottom: -110px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

.zio-site-footer .text__white a:hover {
    color: #000936;
}

.z-relative {
    position: relative;
}

.z-arrow-container:after {
    content: '';
    width: 28px;
    height: 16px;
    background-image: URL(/wp-content/themes/ziosoft/assets/images/down-arrow.svg);
    display: block;
    background-size: contain;
    position: absolute;
    top: 50px;
    right: 50%;
    transform: translateX(-50%);
}

.heading__icon {
    display: flex;
    align-items: center;
}

.heading__icon:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: URL(/wp-content/themes/ziosoft/assets/images/polygon-header.svg);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
}

.heading__icon.icon__orange:before {
    background-image: URL(/wp-content/themes/ziosoft/assets/images/polygon.svg);
}

.image__cover img {
    object-fit: cover;
}

.wpcf7 label {
    width: 100%;
}

@media (min-width:1025px) {
    .site-branding {
        margin-left: -60px;
    }

    .footer-menu ul {
        justify-content: flex-end;
    }

    .item--absolute:before {
        position: absolute;
        left: -30px;
    }

}