/*
Theme Name: Aimaker
Theme URI: http://demo.casethemes.net/aimaker
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Aimaker is a modern and flexible WordPress theme designed for AI Agencies, Technology Startups, and SaaS Businesses. With features like AI tool showcases, neural network/machine learning portfolios, service showcases, and a responsive design, Aimaker provides everything you need to create a professional online presence.
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aimaker
Tags: ai, agency, technology, startup, saas, artificial intelligence, neural network, machine learning, software, responsive, translation-ready, portfolio
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2026 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/



/* --- GLOBAL HEADER AND FOOTER SPACING (PADDING) --- */
#pxl-header-elementor {
  position: relative !important;
}

#pxl-header-elementor .pxl-header-elementor-main {
  position: relative !important;
}

#pxl-footer-elementor {
  padding-top: 60px !important;
}

@media (max-width: 1024px) {

  #pxl-footer-elementor {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {

  #pxl-footer-elementor {
    padding-top: 30px !important;
  }
}

/* ------------------------------------------------ */
/* --- GLOBAL HEADER AND FOOTER LAYOUT --- */
#pxl-header-elementor .pxl-header-elementor-main {
  position: relative !important;
}

#pxl-footer-elementor {
  margin-top: 60px !important;
}

@media (max-width: 1024px) {
  #pxl-footer-elementor {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  #pxl-footer-elementor {
    margin-top: 30px !important;
  }
}

/* --------------------------------------- */
/* Custom homepage hero spacing */
.home #pxx-page-title-default .container {
  padding-top: 0 !important;
}

/* --- HOME PAGE NAVIGATION TO HERO GAP & SECTION SPACING FIX (HOME PAGE ONLY) --- */
.home .elementor-element.elementor-element-3082873,
.home .elementor-10146 .elementor-element.elementor-element-3082873 {
    --padding-top: 65px !important;
    padding-top: 65px !important;
    --padding-bottom: 50px !important;
    padding-bottom: 50px !important;
    --gap: 35px 35px !important;
    --row-gap: 35px !important;
    --column-gap: 35px !important;
    row-gap: 35px !important;
    gap: 35px !important;
}

@media (max-width: 1024px) {
    .home .elementor-element.elementor-element-3082873,
    .home .elementor-10146 .elementor-element.elementor-element-3082873 {
        --padding-top: 45px !important;
        padding-top: 45px !important;
        --padding-bottom: 35px !important;
        padding-bottom: 35px !important;
        --gap: 25px 25px !important;
        --row-gap: 25px !important;
        row-gap: 25px !important;
        gap: 25px !important;
    }
}

@media (max-width: 767px) {
    .home .elementor-element.elementor-element-3082873,
    .home .elementor-10146 .elementor-element.elementor-element-3082873 {
        --padding-top: 30px !important;
        padding-top: 30px !important;
        --padding-bottom: 25px !important;
        padding-bottom: 25px !important;
        --gap: 20px 20px !important;
        --row-gap: 20px !important;
        row-gap: 20px !important;
        gap: 20px !important;
    }
}


/* --- PROJECTS PORTFOLIO CARD SIZE & ALIGNMENT (PROJECTS PAGE ONLY) --- */
.pxl-portfolio-grid-layout1 .pxl-post--featured {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    overflow: visible;
    position: relative;
    transition: all .5s ease;
    width: 100%;
    height: 550px;
    min-height: 550px;
}

.pxl-portfolio-grid-layout1 .pxl-post--featured > a {
    display: block;
    width: 100%;
    height: 550px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
}

.pxl-portfolio-grid-layout1 .pxl-post--featured > a > img,
.pxl-portfolio-grid-layout1 .pxl-post--featured img {
    height: 550px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px;
    display: block;
}

.pxl-portfolio-grid-layout1 .pxl-post--featured .pxl-ripple-canvas,
.pxl-portfolio-grid-layout1 .pxl-post--featured canvas {
    width: 100% !important;
    height: 550px !important;
    display: block;
    border-radius: 24px;
}

.pxl-portfolio-grid-layout1 .pxl-post--holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible !important;
}

.pxl-portfolio-grid-layout1 .pxl-grid-item {
    margin-bottom: 45px;
}

.pxl-portfolio-grid-layout1 .pxl-post--button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    z-index: 10;
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.pxl-process2 .pxl-item--inner {
    border: 1px solid lightgray;
}