/* 
    Theme Name: Eteam
    Theme URI: https://eteam.com
    Author: Eteam
    Author URI: https://eteam.com
    Description: Eteam is a theme for the Eteam website
    Version: 1.0.0
    Template: hello-elementor
*/
/* Game & Reality Font */
@font-face {
    font-family: 'Game&Reality';
    src: url('game-reality-font/Web-PS/Game & Reality.woff2') format('woff2'),
         url('game-reality-font/Web-PS/Game & Reality.otf') format('opentype'),
         url('game-reality-font/Web-TT/Game & Reality.woff') format('woff'),
         url('game-reality-font/Web-TT/Game & Reality.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}
:root{
    --primary-blue-color: #74F6F6;
    --secondary-blue-color: #2E2EA0;
    --gold-color: #D4AF37;
}

/* Button Primary - Add "button-primary" class to the button in Elementor */
.button-primary.elementor-widget-button .elementor-button {
    background-color: var(--primary-blue-color);
    border-radius: 0;
    padding: 4px 5px;
    font-family: 'Cageworld', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    border: 1px solid var(--primary-blue-color);
}
.button-primary.elementor-widget-button .elementor-button span {
    height: 40px;
    width: 151px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--secondary-blue-color);
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
    transition: all ease-in 0.1s!important;
}
.button-primary.elementor-widget-button:hover .elementor-button span {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Button Secondary - Add "button-secondary" class to the button in Elementor */
.button-secondary.elementor-widget-button .elementor-button {
    background-color: transparent;
    border-radius: 0;
    padding: 4px 5px;
    font-family: 'Cageworld', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    border: 1px solid #B8B9BF;
}
.button-secondary.elementor-widget-button .elementor-button span {
    height: 40px;
    width: 151px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF12;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
    transition: all ease-in 0.1s!important;
}
.button-secondary.elementor-widget-button:hover .elementor-button span {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}
/* Text Hightlight - Add "text-highlight" class to the text in Elementor */
.text-highlight {
    color: var(--gold-color);
}

/* Image in Text - Add "img-in-text" class to the image in Elementor */
.elementor-heading-title img.img-in-text{
    height: 76px;
}

/* Category Clip Path - Add "cat-clippath" class to the category section in Elementor */
.clippath {
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
}
.banner-clippath{
    clip-path: polygon(2% 0, 100% 0, 98% 100%, 0% 100%);
}
.banner-img img {
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}
.cat-cont:hover .cat-content {
    transform: translateY(0%);
}
/* .cat-cont:hover .clippath{
    background-size: 150%!important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
} */
/* Make even loop items green */
.elementor-97 .e-loop-item:nth-child(even) .elementor-element-d76c7c0 {
    background-color: #00a651 !important;  /* green */
}

/* Clippath Pagetitle */
.clippath-pagetitle{
    clip-path: polygon(25% 0, 100% 0, 96% 100%, 0% 100%);
}

@media only screen and (max-width: 480px) {
    .elementor-heading-title img.img-in-text {
        height: 36px;
    }
    .our-approach {
        flex-direction: row !important;
    }
    .clippath-pagetitle {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}

/* Game Archive Page */
.post-type-archive-game .e-filter-item[aria-pressed="true"]{
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
}
/* .post-type-archive-game .e-filter-item[aria-pressed="true"]::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
} */

/* Inquiry Form */
.inquiry-form .elementor-button{
    background-color: #74F6F6!important;
}
.inquiry-form .elementor-button .elementor-button-content-wrapper{
    background-color: #2E2EA0!important;
    padding: 8px 34px!important;
    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%);
    transition: all ease-in 0.1s!important;
}
.inquiry-form .elementor-button:hover .elementor-button-content-wrapper {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}
.inquiry-form .elementor-form-fields-wrapper input::placeholder,
.inquiry-form .elementor-form-fields-wrapper textarea::placeholder {
  color: #fff;
  opacity: 0.8;
}

.eteam-post-category-heading {
    width: 100%;
}
.eteam-post-category-heading h3 {
    text-align: center;
    font-family: Space Grotesk;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.eteam-post-category-checkbox label.elementor-field-option {
    border: 1px solid #47479B;
    padding: 11px;
    width: calc(33.33% - 12px);
    text-align: center;
}