/*
Theme Name: Hello Elementor (Child)
Author: 
Description: Your description goes here
Version: 2.8.1
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.banner-section .diamond {
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center !important;
    width: 100%;
    vertical-align: middle;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    background-blend-mode: darken;
    transition: .3s ease-in-out;
    cursor: pointer;
    position: relative;
}

.banner-section .diamond span.elementor-heading-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.diamond1{
    background-image: url('/wp-content/uploads/2024/01/NEMT-scaled.webp');
}

.diamond2{
    background-image: url('/wp-content/uploads/2024/01/shutterstock_2139872093-1-scaled.jpg');
}

.diamond3{
    background-image: url('/wp-content/uploads/2024/01/EDUCATIONAL-scaled.webp');
}

.diamond4{
    background-image: url('/wp-content/uploads/2024/01/Crew-scaled.webp');
}

.diamond5{
    background-image: url('/wp-content/uploads/2024/01/Event-1-scaled.webp');
}

.banner-section .diamond:hover {
    /* background-color: transparent; */
    font-size: 14px;
}

.banner-section{
        transition: .3s linear;
}

.banner-section .diamond{
    transition: .3s linear;
    font-size: 0;
}

.elementor-element.elementor-element-51988b7 {
    scale: 1.2;
        transition: .3s linear;
}

.elementor-10 .diamond-col > .e-con-inner:before {
    content: '';
    background: #fff;
    position: absolute;
    inset: 0;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    transform: scale(1.02);
}
.header {
    background: linear-gradient(359deg, #000000, #939a9c);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 10s ease infinite;
    -moz-animation: AnimationName 10s ease infinite;
    animation: AnimationName 10s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:46% 0%}
    50%{background-position:55% 100%}
    100%{background-position:46% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:46% 0%}
    50%{background-position:55% 100%}
    100%{background-position:46% 0%}
}
@keyframes AnimationName {
    0%{background-position:46% 0%}
    50%{background-position:55% 100%}
    100%{background-position:46% 0%}
}

@media screen and (max-width: 1499px) {
    .elementor-element.elementor-element-51988b7 {
        scale: unset;
    }
}

@media screen and (max-width: 1239px) {
    .banner-section .diamond {
        height: 170px;
    }
}

@media screen and (max-width: 959px){
    .banner-section .diamond {
        height: 130px;
    }
}

@media screen and (max-width: 767px) {
    .elementor-10 .diamond-col > .e-con-inner:before {
        content: '';
        background: #fff;
        position: absolute;
        inset: 0;
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        transform: scale(1.02);
        width: 200px;
        margin: auto;
        height: 200px;
    }
    
    .banner-section .diamond {
        height: 200px;
        width: 200px;
        margin: auto;
    }
}