/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
    --cs-container-width: 1140px;
    --cs-font-size: 1rem;
    --cs-white: white;
    --cs-heading-color: #C63029;
    --cs-gap: 1rem;
}
html {
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: var(--cs-font-size);
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
.container {
    max-width: var(--cs-container-width);
    margin: 0 auto;
}

    .header {
        background-color: #383E45;
    	.top-list{
	    	display: flex;
	        align-items: center;
	        justify-content: start;
	        gap: 10px;
	        color: #fff;
	        list-style: none;
	        padding: 0;
	        li{
	        	a,a:hover{
	        		color:#fff;
	        	}
	        }
    	}
        .container {
            padding: 4px;
            .contact-details {
                .top-bar {
                    display: flex;
                    justify-content: space-between;
                    .ph-no {
                        display: flex;
                        align-items: center;
                        gap: calc(var(--cs-gap) - 0.063px );
                        color: var(--cs-white);
                        .phone {
                            display: flex;
                            align-items: center;
                            gap: calc(var(--cs-gap) - 0.625px);
                        }
                    }
                    .mail-id {
                        display: flex;
                        align-items: center;
                        gap: calc(var(--cs-gap) - 0.625px);
                        a {
                            text-decoration: none;
                            color: var(--cs-white);
                        }
                    }
                    .linkdin {
                        color: var(--cs-white);
                        display: flex;
                        align-items: center;
                    }
                }
            }
        }
    }
    .menu-bar {
        background-color: var(--cs-white);
        .container {
            .menu-items {
                padding: 4px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .menu-list {
                    ul {
                        padding: 0;
                        display: flex;
                        align-items: center;
                        flex-direction: row;
                        list-style: none;
                        gap: calc(var(--cs-gap) + 0.55rem);
                        .menu-list-object {
                            .a-link {
                                text-decoration: none;
                                color: black;
                                font: calc(var(--cs-font-size) - 0.063px );
                            }
                            .a-link:hover{
                                color: var(--cs-heading-color);
                            }
                        }
                       
                    }
                }
            }
        }
    }


.footer{
background-image: url(https://atlanticmachineryrentals.com/wp-content/uploads/2025/02/footer-bg.png);

.footer-widgets-wrapper{
	    padding-top: 6rem;
        display: grid;
        justify-content: space-between;
        color: var(--cs-white);
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px;
		color: var(--cs-white);
	}
}
.services-list .elementor-image-box-content{transition: 0.5s;transform: translateY(87%);}
.services-list:hover .elementor-image-box-content{transform: translateY(0);}
.second-slider .row{display: flex;gap: 20px}
.second-slider .col-md-5{width: 41.66666667%}
.second-slider .col-md-7{width: 58.33333333%;}
ul#menu-main-menu-2 {
    display: block;line-height: 28px;
}
.portfolio-content {
    outline-offset: -9px;
    padding: 20px;
    background: #ffffff;
    position: absolute;
    width: 50%;
    bottom: 28px;
    outline: 1px dashed #d43136;
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    background: #fff;
}
.fixed-header .header-social{display: none;}
.fixed-header li > a{color:#000!important}
.fixed-header li.current-menu-item > a {color: var( --e-global-color-primary )!important}
ul#menu-main-menu-4 {
    display: block;
    line-height: 28px;
}
.home header{position:fixed}
.home header .elementskit-navbar-nav>li>a{color:#fff!important;}
.home header .elementskit-navbar-nav>li.current-menu-item > a, .home header.fixed-header .elementskit-navbar-nav>li.current-menu-item > a{color:var( --e-global-color-primary )!important}
.home header.fixed-header .elementskit-navbar-nav>li>a{color:var( --e-global-color-secondary )!important;}
.home header .elementor-social-icon svg{fill:#fff!important;}
.home header.fixed-header .elementor-social-icon svg{fill: var(--e-global-color-secondary)!important;}
@media(min-width:1024px){.page-header{font-size:80px}}