.elementor-kit-483{--e-global-color-primary:#242424;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#ED233B;--e-global-color-0182be5:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:28px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Maven Pro";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Maven Pro";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.4em;background-color:var( --e-global-color-primary );background-image:url("https://skwassociates.arranca.dev/wp-content/uploads/2021/10/dark-background-underlayment.jpg");color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-kit-483 e-page-transition{background-color:#FFBC7D;}.elementor-kit-483 p{margin-bottom:10px;}.elementor-kit-483 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-483 a:hover{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-483 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-483 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-483 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-483{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-483 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-483 a:hover{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-483 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-483 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-483 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-483{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-483 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-483 a:hover{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-483 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-483 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-483 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* START: Utility Classes */

.list-clear ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.button-style-menu ul {
    text-align: left;
}

.button-style-menu li a.elementor-item {
    border: solid 1px;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
}
.button-style-menu li a.elementor-item:hover, .button-style-menu li a.elementor-item:active, .button-style-menu li a.elementor-item-active {
    color: white !important;
    border-color: var(--e-global-color-accent);
    background-color: var(--e-global-color-accent);
}


/* END: Utility Classes */

/* START: General Modifications */

/* Makes the pages fit the inner screen height */
.elementor[data-elementor-type="wp-page"] {
    min-height: calc( 100vh - 82px - 360px );
}

/* END: General Modifications */

/* START: Header Styling */

#bottom-header {
    width: 100%;
    position: fixed;
    bottom: 0;
    top: auto;
    z-index: 999;
}
nav {
    margin-top: 0 !important;
}

/* END: Header Styling */

/* START: Footer Styling */

#footer-menu ul li~li {
    border-left: 1px solid;
}
@media (max-width: 767px) {
    #footer-menu ul.elementor-nav-menu {
        justify-content: center !important;
        margin-right: auto !important;
    }
}


/* END: Footer Styling */

/* START: Home Page Styling */

#home-slider .elementor-swiper .swiper-slide {
    height: calc( 100vh - 80px ) !important; 
}

/* END: Home Page Styling */

/* START: Form Styling */

.form input {
    width: 100%;
}

/* END: Form Styling */

/* START: Projects Grid & Item Styling */

.projects-grid .project-thumbnail img {
    object-fit: cover !important;
    height: 190px !important;
    width: 100% !important;
}
@media (max-width: 767px) {
    .projects-grid .project-thumbnail img {
        object-fit: cover !important;
        height: 50vw !important;
        width: 100% !important;
    }
}

.project-item .project-thumbnail, .project-item .project-title, .project-item .project-modal-close {
    cursor: pointer;
}
.project-item .project-title h3 {
    transition: color 200ms ease;
}
.project-item .project-title h3:hover {
    color: var(--e-global-color-accent) !important;
}

/* styles the Project Modals */
body:not(.elementor-editor-active.postid-586) .project-item .project-modal {
    visibility: hidden;
    opacity: 0;
    transition: opacity 500ms ease;
}
body:not(.elementor-editor-active.postid-586) .project-item .project-modal.show {
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 500;
    background-color: rgba(0, 0, 0, 0.8);
}
body:not(.elementor-editor-active.postid-586) .project-item .project-modal.show.closing {
    opacity: 0 !important;
}
body:not(.elementor-editor-active.postid-586) .project-item .project-modal-col {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    max-height: 90vh;
    width: 80% !important;
    left: 10%;
    z-index: 999;
}

/* Makes the sizing of the images in the project gallery constant and matching the modal */
.project-item .project-modal .project-gallery {
    max-height: 90vh;
    width: 100%;
    height: 100%;
}
.project-item .project-modal .project-gallery .elementor-widget-container, .project-item .project-modal .project-gallery .swiper-container {
    height: 100%;
}
.project-item .project-modal .project-gallery .swiper-slide-inner {
    width: 100% !important;
    height: 100%;
}
.project-item .project-modal .project-gallery .swiper-slide-image {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* END: Projects Grid Styling *//* End custom CSS */