/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

 /* Add your custom style here */

 .has-text-align-center {
    text-align:center;
 }

 .custom-project-grid__categories {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    padding:10px;
 }
 .custom-project-grid__category {
    display:inline-block;
    text-transform:uppercase;
    color: #221F2087;
    padding:17px 40px;
    margin:0 10px 10px 0;;
    font-size:15px;
    cursor:pointer;
    transition:all 0.2s ease;
 }
 .custom-project-grid__category:hover, .custom-project-grid__category.active {
    color:#3A6F70;
    background-color:#3A6F701A;
}

 .custom-project-grid {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;

 }

 .custom-project-grid__project {
    position:relative;
    transition:transform 0.5s ease, opacity 0.5s ease;
    transform-origin:center center;
    
    transform:scale(0,0);
    opacity:0;
    overflow:hidden;
    flex:1 1 375px;
    max-width:375px;
    width:375px;

    height:0;
 }

 .custom-project-grid__project.show {
    transform:scale(1,1);
    opacity:1;
    height:auto;
    margin-bottom:37px;

 }
 .custom-project-grid__project.show.hide {
    transform:scale(0,0);
    opacity:0;
 }
 .custom-project-grid__project.obliterated {
    display:none;
 }
 .custom-project-grid__project__thumb {
    background-size:cover;
    background-position:50% 0;
 }
 .custom-project-grid__project:hover {
    transform:scale(1.05);
 }

 .custom-project-grid__project img {
    visibility:hidden;
 }

 .custom-project-grid__project__title {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    color:#fff;
    font-size:20px;
    font-weight:600;
    padding:40px;
    line-height:1.3;
    background-color:rgba(39, 94, 106, 0.7); /* Semi-transparent background */
    cursor:pointer;
    transition: all 0.3s ease;
    font-family: "Archivo Narrow", sans-serif;
    opacity:0;
   
 }
 .custom-project-grid__project__title:hover {
    opacity:1;
 }

.uicore-mobile-menu-wrapper .uicore-menu .menu-item>a {
 font-family:"Archivo Narrow"!important; 

  font-style: normal!important;
  font-weight: 500!important;
  text-rendering: auto!important;
}

.uicore-footer-widget p {
   margin:0;
}

.uicore-footer-wrapper .uicore-inner-footer {
   background:url(https://visilio.chadswork.com/wp-content/uploads/2025/05/footer-bg2.jpg) top center/contain no-repeat fixed var(--uicore-dark-color)!important;
   background:none!important;
   background-image:url(https://visilio.chadswork.com/wp-content/uploads/2025/05/footer-bg3.jpg)!important;
   background-size:cover!important;
   background-position:top center!important;
   background-repeat:no-repeat!important;
}

 @media screen and (max-width: 1260px) {

    .custom-project-grid__project {
        flex:1 1 31%;
        max-width:31%;
        width:31%;
        margin-bottom:30px;
    }
    .custom-project-grid__project__title {
        font-size:18px;
        padding:30px;
    }
 }

 @media screen and (max-width: 1023px) {
    .custom-project-grid__project {
        flex:1 1 48%;
        max-width:48%;
        width:48%;
        margin-bottom:30px;
    }
}

 @media screen and (max-width: 767px) {
    .custom-project-grid__project {
        margin-bottom:15px;
    }


 }

 @media screen and (max-width: 500px) {
    .custom-project-grid__project {
        flex:1 1 100%;
        max-width:100%;
        width:100%;
        margin-bottom:30px;
    }
}