/*
Theme Name: Get Metal Group
Theme URI: https://tandemcreate.com
Template: twentytwentytwo
Author: Tandem Create
Author URI: https://tandemcreate.com
Description: Theme created for Get Metal Group Website
Version: 1.7.1713957055
Updated: 2024-04-24 11:10:55

*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

body {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #161819;
    background-color: #fff;
}

video {
    max-width: 500px;
    /* Limit the width to 100% of the viewport width */
    object-fit: cover;
    /* This will ensure that the video maintains its aspect ratio */
}

/* // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 1000

.dm-sans-<uniquifier> {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
} */

.highlight {
    color: #FADC00;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DM Sans', sans-serif;
    font-weight: 900;
    color: #161819;
}

p {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    color: #161819;

}

/** Loaders */

#initial-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9998;
    display: flex;
    justify-content: center;
    align-items: center;
    /* display: none; */
}

#initial-page-loader .loader {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

#page-transition-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

#page-transition-loader .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.gm-image-slide {
    cursor: pointer;
    transition: all 0.5s ease;
}

.gallery {
    max-width: 400px;
    flex-direction: row;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
    padding: 0;
}

.gallery:last-child {
    margin-top: 0;
    margin-bottom: 10px;
}

.gallery .gallery-item .gallery-icon {
    max-width: 100px !important;
}

.no-btn-margin button,
.no-btn-margin a.button {
    margin: 0;
}


/* .company-slides .slick-slide {
    transition: all 0.5s ease;
    margin-left: 0;
    margin-right: 0;
}

.company-slides .slick-slide:not(:first-child) {
    margin-left: -60%;
}

.company-slides .slick-slide:hover {
    margin-left: 0;
    margin-right: 0;
}*/

.company-slides .slick-slide {
    min-height: 400px;
}

/* .elementor-social-icons-wrapper .elementor-icon {
    max-width: 30px;
    max-height: 30px;
} */

.company-icon img {
    max-width: 70%;
}

a.button {
    color: #161819;
    padding: 10px 20px;
    display: inline-block;
    background-color: #FADC00;
    text-transform: uppercase;
    border-bottom: #161819 2px solid;
    margin: 30px 0 0 0;
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 600;
}

a.button:hover {
    filter: brightness(85%);
}

.page-id-160 .slick-prev {
    left: -70px !important;
}

.page-id-160 .slick-prev:before,
.page-id-160 .slick-next:before {
    color: #161819 !important;
}

.get-image-block .elementor-widget-container {
    --widget-spacing: 20px 0 !important;
    --gap: 0 !important;
}

.get-image-block .elementor-widget-container img {
    max-width: 100%;
    width: 100%;
}

.get-btn:hover {
    filter: brightness(85%);
}

.forminator-button-submit {
    border: 1px solid #FADC00 !important;
}

@media screen and (max-width: 1600px) {
    .get-block.left-text .elementor-widget-container {
        padding-left: 30% !important;
    }

    .get-block.right-text .elementor-widget-container {
        margin-right: 20% !important;
    }
}

@media screen and (max-width: 1440px) {
    .get-block.left-text .elementor-widget-container {
        padding-left: 17% !important;
    }

    .get-block.right-text .elementor-widget-container {
        margin-right: 15% !important;
    }
}

@media screen and (max-width: 1366px) {
    .get-block.left-text .elementor-widget-container {
        padding-left: 8% !important;
    }

    .get-block.right-text .elementor-widget-container {
        margin-right: 5% !important;
    }
}

@media screen and (max-width: 1280px) {
    .get-block.left-text .elementor-widget-container {
        padding-left: 20px !important;
    }

    .get-block.right-text .elementor-widget-container {
        margin-right: 20px !important;
    }

}

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

    div[data-elementor-type="wp-page"] {
        padding-top: 120px;
    }

    .elementor-171 .elementor-element.elementor-element-84e411b {
        width: 100% !important;
        padding: 0 20px !important;
        margin: 0 !important;
    }

    .elementor-20 .elementor-element.elementor-element-a383460 {
        width: 100% !important;
        padding: 0 20px !important;
        margin: 0 !important;
    }

    .slick-next {
        right: 20px !important;
    }

    #mobile-logo {
        max-width: 250px;
    }

    nav.hfe-nav-menu__layout-vertical.hfe-nav-menu__submenu-arrow.hfe-dropdown {
        max-width: 100vw !important;
        margin-left: -92vw !important;
        z-index: 900 !important;
        width: 100vw !important;
    }

    .admin-bar #mobile-header {
        padding-top: 46px;
    }

    .get-block .elementor-widget-container {
        padding: 0 20px !important;
        margin: 30px 0 !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        min-height: 0px !important;
    }

    .get-block .elementor-widget {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .get-block.elementor-element {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        --gap: 20px 0px !important;
    }

    .get-block.elementor-element>.elementor-element {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        --gap: 20px 0px !important;
    }

    .get-block .e-grid {
        --gap: 20px 0 !important;
        --padding-top: 20px !important;
        --padding-bottom: 20px !important;
    }

    .get-image-block .elementor-widget-container {
        padding: 0 !important;
        margin: 30px 0 !important;
        width: 100% !important;
        max-width: 100% !important;

    }

    .get-block {
        overflow: hidden;
    }

    .get-icon-block img {
        max-width: 150px !important;
    }

    .elementor-20 .elementor-element.elementor-element-f154fe1 {
        --gap: 20px 0 !important;
    }
}

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


    video {
        max-width: 100vw;
        /* Limit the width to 100% of the viewport width */
        object-fit: cover;
        /* This will ensure that the video maintains its aspect ratio */
    }

    .elementor-20 .elementor-element.elementor-element-ccc105a {
        --margin-bottom: 0px !important;
    }

    .elementor-17 .elementor-element.elementor-element-46c6265 {
        align-self: center !important;
    }

    nav.hfe-nav-menu__layout-vertical.hfe-nav-menu__submenu-arrow.hfe-dropdown {
        max-width: 100vw !important;
        margin-left: -88vw !important;
        z-index: 900 !important;
        width: 100vw !important;
    }
}

@media screen and (max-width: 450px) {
    nav.hfe-nav-menu__layout-vertical.hfe-nav-menu__submenu-arrow.hfe-dropdown {
        max-width: 100vw !important;
        margin-left: -85.5vw !important;
        z-index: 900 !important;
        width: 100vw !important;
    }
}