/*
Theme Name: JupiterX
Theme URI: https://jupiterx.artbees.net/
Author: Artbees
Author URI: https://artbees.net/
Requires at least: 5.6
Requires PHP: 7.0
Tested up to: 6.9
Description: Jupiter X is a fast, light, and powerful WordPress theme for building all kinds of websites. Jupiter X allows you to customize literally every inch of your website using a powerful visual editor. With the help of WordPress Customizer technology and Elementor page builder, it offers a seamless and limitless control, of both global and in-page elements. With the header and footer builder, you can design your own header and footers from scratch. And for the first time ever, you can customize the most untouchable parts of your WooCommerce shop including product list, product single, shopping cart, and checkout pages with Shop Customizer. Jupiter X is also the first theme to enable its users to completely reinvent the look of their blog list, portfolio list, and blog single page. You can fully customize your single post and turn off blog elements such as social media, comment section, and meta info. Jupiter X comes with captivatingly beautiful ready-made website templates to help you get started real quick. It’s extremely developer-friendly and absolutely scalable. With the help of Beans, Bootstrap, and ACF you can easily extend Jupiter X in the most enjoyable and accurate way possible. Jupiter X is a makeover of Jupiter X WP theme with 100000 users in the Envato market as of October 2018. Jupiter X builds websites you cannot create with any other tool. Build yours now! jupiterx.com
Version: 4.14.1
Text Domain: jupiterx
Domain Path: /lib/languages
Tags: one-column,two-columns, three-columns, four-columns, left-sidebar, right-sidebar, e-commerce, featured-images, full-width-template, threaded-comments, blog, custom-colors, grid-layout, rtl-language-support, footer-widgets, theme-options, translation-ready, custom-menu
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Jupiter X is licensed under the GPL.
*/


/* The CSS below is added to align to WordPress theme automatic checker.
 * The actual CSS is situated in the style.less file.
 ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');


.bypostauthor {
    color: initial;
}

.jupiterx-header-fixed .jupiterx-header {
    top: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
    background: white;
    padding-left: 20px;
}

.logged-in .jupiterx-header-fixed .jupiterx-header {
    top: 32px !important;
}

.jet-mega-menu-toggle-icon {
    font-size: 24px;
}


.elementor-element-26f5749 .elementor-widget-container {
    text-align: left;
}

.elementor-3229 .elementor-container {
    max-width: 1320px !important;
}

/* INTERIM FRONT PAGE */

/* Clear default homepage styles */

.home .jupiterx-main-content>.container {
    max-widtH: 100vw;
    padding: 0 20px;
}

.home .jupiterx-main-content>.container .jupiterx-primary {
    padding: 0;
}

#home_interim .btn-orange {
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Sans";
    border-radius: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    background: #FE5000;
    padding: 8px 15px;
    transition: 0.3s ease-in-out;
}

#home_interim .btn-orange:hover {
    background: black;
}

/* Hero */

#home_interim .hero {
    padding: 100px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#home_interim .hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right, lightgray 0%, lightgray 40%, transparent 100%);
    mix-blend-mode: multiply;
}

#home_interim .hero .container {
    position: relative;
    z-index: 5;
}

#home_interim .hero h1 {
    color: #FFF;
    font-family: "IBM Plex Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 85.714% */
    text-transform: uppercase;
}

#home_interim .hero p {
    color: #FFF;
    font-family: "IBM Plex Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 130% */
}

#home_interim .hero .btn-orange:hover {
    background: white;
    color: #FE5000;
}

/* Split Content */

#home_interim .split_content {
    padding: 100px 0;
}

#home_interim .split_row {
    align-items: center;
}

#home_interim .split_content img {
    width: 90%;
}

#home_interim .split_content h2 {
    color: #185A7D;
    font-family: "IBM Plex Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    /* 115% */
    text-transform: uppercase;
}

#home_interim .split_content p {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

/* Line Break */

#home_interim .linebreak {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

#home_interim .linebreak .line {
    width: 100%;
    height: 1px;
    background: #ADADAD;
}

#home_interim .linebreak img {
    margin-left: 30px;
    max-width: 220px;
    width: 100%;
}

/* Icon Row Section */

#home_interim .icon_row {
    padding: 100px 0;
}

#home_interim .icon_row h2 {
    color: #185A7D;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    /* 115% */
    text-transform: uppercase;
}

#home_interim .icon_row p {
    color: #333;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

#home_interim .icon_row .icon {
    display: block;
    max-height: 75px;
    margin: 0 auto 30px;
}

#home_interim .icon_row .icon_heading {
    color: #185A7D;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    /* 100% */
    text-transform: uppercase;
}

/* Industry Slider Section */

#home_interim .industry_slider {
    padding: 100px 0;
    background: #2C3E50;
}

#home_interim .industry_slider h2 {
    color: #FE5000;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    /* 115% */
    text-transform: uppercase;
}

#home_interim .industry_slider .image {
    width: 100%;
}

#home_interim .industry_slider .heading {
    color: #FFF;
    font-family: "IBM Plex Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 130% */
}

#home_interim .industry_slider .content p {
    color: #FFF;
    font-family: "IBM Plex Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 130% */
}

#home_interim .industry_slider .slick-dots li button {
    height: 12px;
    width: 12px;
    border: 1px solid #d9d9d9;
    background: #D9D9D9;
    border: none;
    border-radius: 50%;
    transition: 0.3s ease-out;
}

#home_interim .industry_slider .slick-dots li.slick-active button {
    border: 1px solid #d9d9d9;
    background: #2C3E50;
}

#home_interim .industry_slider .slick-dots li button::before,
#home_interim .industry_slider .arrow::before {
    display: none;
}

#home_interim .industry_slider .arrow:hover {
    background-color: transparent;
    color: #FFFFFF;
}

#home_interim .industry_slider .arrow img {
    height: 32px;
}

/* Circle Section */

#home_interim .circles {
    padding: 100px 0;
}

#home_interim .circles .content_row {
    align-items: center;
}

#home_interim .circles .content-col {
    padding-right: 60px;
}

#home_interim .circles h2 {
    color: #185A7D;
    font-family: "IBM Plex Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 85.714% */
    text-transform: uppercase;
    margin-bottom: 20px;
}

#home_interim .circles h2 span {
    color: #93BECC;
    text-wrap: nowrap;
}

#home_interim .circles .content p {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

#home_interim .circles .circle_col {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

#home_interim .circles .circle_1 {
    height: 340px;
    width: 340px;
    border-radius: 50%;
    background: #175479;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    position: relative;
    z-index: 5;
    margin-right: -30px;
}

#home_interim .circles .circle_1 h3 {
    color: #CDD43F;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 113px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    /* 53.097% */
    text-transform: uppercase;
}

#home_interim .circles .circle_1 p {
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    /* 120% */
    text-transform: uppercase;
}

#home_interim .circles .circle_2 {
    height: 290px;
    width: 290px;
    border-radius: 50%;
    background: #CED228;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    position: relative;
    z-index: 4;
    margin-right: -20px;
}

#home_interim .circles .circle_2 h3 {
    color: #165478;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 91.42px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

#home_interim .circles .circle_2 p {
    color: #165478;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 19.71px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 111.618% */
    text-transform: uppercase;
}

#home_interim .circles .circle_3 {
    height: 245px;
    width: 245px;
    border-radius: 50%;
    background: #165478;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    position: relative;
    z-index: 3;
}

#home_interim .circles .circle_3 h3 {
    color: #CED228;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

#home_interim .circles .circle_3 p {
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 16.46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

/* Full BGA CTA Section */

#home_interim .full_bg {
    padding: 150px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#home_interim .full_bg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    /* mix-blend-mode: multiply; */
}

#home_interim .full_bg .container {
    position: relative;
    z-index: 5;
}

#home_interim .full_bg h2 {
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 85.714% */
    text-transform: uppercase;
}

#home_interim .full_bg .content p {
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

#home_interim .full_bg .btn-orange:hover {
    background: white;
    color: #FE5000;
}

/* News Section */

#home_interim .news {
    padding: 100px 0;
}

#home_interim .news .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 66.66666%;
}

#home_interim .news h2 {
    color: #185A7D;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    /* 115% */
    text-transform: uppercase;
}

#home_interim .news .headline {
    color: #00355F;
    font-family: "IBM Plex Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 125% */
}

#home_interim .news .excerpt {
    color: #333;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
}

/* Form Section */

#home_interim .form {
    padding: 75px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

#home_interim .form::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

#home_interim .form .container {
    position: relative;
    z-index: 5;
}

#home_interim .form h3 {
    color: #EEE;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    /* 109.524% */
}

#home_interim .form #nf-field-7 {
    color: #FFF;
    text-align: center;
    font-family: "IBM Plex Sans";
    border-radius: 0 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    background: #FE5000;
    /* padding: 8px 15px; */
    transition: 0.3s ease-in-out;
}

#home_interim .form #nf-field-7:hover {
    background: white;
    color: #FE5000;
}

@media screen and (max-width: 1024px) {
    #home_interim .circles .content-col {
        padding-right: 0px;
        text-align: center;
        margin-bottom: 40px;
    }

    #home_interim .circles .circle_col {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    #home_interim .split_content img {
        width: 100%;
        margin-bottom: 20px;
    }

    #home_interim .circles .circle_1 {
        height: 275px;
        width: 275px;
    }

    #home_interim .circles .circle_1 h3 {
        font-size: 90px;
    }

    #home_interim .circles .circle_1 p {
        font-size: 24px;
    }

    #home_interim .circles .circle_2 {
        height: 250px;
        width: 250px;
    }

    #home_interim .circles .circle_2 h3 {
        font-size: 75px;
    }

    #home_interim .circles .circle_2 p {
        font-size: 20px;
    }

    #home_interim .circles .circle_3 {
        height: 225px;
        width: 225px;
    }

    #home_interim .circles .circle_3 h3 {
        font-size: 60px;
    }

    #home_interim .circles .circle_3 p {
        font-size: 18px;
    }

    #home_interim .circles .circle_col {
        flex-flow: column wrap;
    }

    #home_interim .circles .circle_1,
    #home_interim .circles .circle_2,
    #home_interim .circles .circle_3 {
        margin-right: 0;
        margin-bottom: -40px;
    }
}

@media screen and (max-width: 600px) {
    #home_interim .hero::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        mix-blend-mode: multiply;
    }

    #home_interim .full_bg h2 {
        font-size: 60px;
    }
}