/*
Theme Name: Alia Child
Description: Child theme for Alia WordPress Theme
Author: Ahmad Works, Inc
Author URI: https://ahmad.works/
Template: alia
Version: 1.0.0.37
License: Themeforest Split Licence
License URI: -
Text Domain: alia-child
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'DMSans';
    src: url('assets/fonts/DMSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans SemiBold';
    src: url('assets/fonts/DMSans-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

:root {
    font-size: 16px;
    color: #000000;
    --bayut-studio-primary: #2FED97;
    --bayut-studio-secondary: #083438;
    --bayut-studio-light-gray: #EFF0F0;
    --bayut-studio-regular: 'DMSans', sans-serif;
    --bayut-studio-semibold: 'DMSans SemiBold', sans-serif;
}

html {
  scroll-behavior: smooth; /* Optional: for smooth scrolling */
  scroll-padding-top: 14rem; /* Adjust this value to match your fixed header's height */
}

body {
    font-family: var(--bayut-studio-regular);
    font-size: clamp(1rem, -0.125rem + 5vw, 1.25rem);
    line-height: 1.6;
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-weight: normal;
}

.bayut-studios {
    background: url(assets/images/bayut-studios-bg.jpg);
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: cover; 
    background-attachment: fixed; 
}

.bayut-studios header {
    background: url(assets/images/header-bg-bayut-studios.jpg) no-repeat;
    background-size: cover;
    height: 100vh;

}

.container {
    width: 100%;
    padding: 0 1.25rem;
}

.bayut-studios .header_nav_wrapper {
    border: none;
}

body.header_is_stick .sticky_header_nav_wrapper {
    background-color: transparent;
    border: none;
}

body.header_is_stick .sticky_header_nav_wrapper .header_nav {
    background: #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 1rem;
}

body.header_is_stick .sticky_header_nav_wrapper .header_nav.scrolled-into-view {
    background-color: #FFFFFF;
}

body.header_is_stick .sticky_header_nav_wrapper .header_nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.header_is_stick .sticky_header_nav_wrapper .header_nav .container::before, body.header_is_stick .sticky_header_nav_wrapper .header_nav .container::after {
    content: none;
}

.bayut-studios .header_nav {
    background: transparent;
}

.bayut-studios .header-title {
    margin-top: calc(100vh - 10.5rem);
}

.bayut-studios .header-title h1 {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(1.75rem, -0.125rem + 5vw, 3rem);
    line-height: clamp(1.875rem, -0.125rem + 5vw, 3.75rem);
    font-family: var(--bayut-studio-semibold);
}

.bayut-studios h2 {
    font-size: clamp(1.5rem, -0.125rem + 5vw, 2.25rem);
    font-family: var(--bayut-studio-semibold);
    display: inline-grid;
    gap: .2rem;
    margin: 0;
}

.bayut-studios h2::after {
    content: '';
    border-bottom: 0.125rem solid var(--bayut-studio-primary);
}

.bayut-studios h3 {
    font-size: clamp(1.25rem, -0.125rem + 5vw, 1.75rem);
    line-height: 1.6;
    font-family: var(--bayut-studio-semibold);
    margin: 0;
}

.bayut-studios p {
    margin: 1.5rem 0 0;
    font-size: clamp(1rem, -0.125rem + 5vw, 1.25rem);
    line-height: clamp(2rem, -0.125rem + 5vw, 1.75rem);;
}

.header_nav .main_menu ul {
    display: flex;
    gap: 2.5rem;
}

ul.navbar > li.menu-item a {
    font-size: clamp(1rem, -0.125rem + 5vw, 1.25rem);
    text-transform: capitalize;
    border-bottom: .125rem solid transparent;
    padding: 0.3rem 0 0.1rem;
}

ul.navbar > li.menu-item a:hover {
    border-bottom: .125rem solid var(--bayut-studio-primary);
}

.bayut-studios .block-separator {
    margin-top: 5rem;
}

.bayut-studios .services-sub-description {
    margin: 0 0 1.2rem;
}

.prop-studio-blocks > div {
    position: relative;
}

.prop-studio-blocks > div > figure:nth-child(2) {
    position: absolute;
    top: 0;
    visibility: hidden;
}

.prop-studio-blocks > div:hover > figure:nth-child(2) {
   visibility: visible;
}

.prop-studio-blocks > div > div {
    position: absolute;
    /* background: #2FED97;
    background: linear-gradient(180deg, rgba(47, 237, 151, 0.8) 0%, rgba(8, 52, 56, 0.8) 100%); */
    color: #ffffff;
    top: 0;
    height: 100%;
    padding: 1.5rem;
    visibility: hidden;
}

.prop-studio-blocks > div:hover > div {
    visibility: visible;
}

.prop-studio-blocks > div > div > div {
    align-content: end;
}

.prop-studio-blocks > div > div h4 {
    font-size: clamp(1.125rem, -0.125rem + 5vw, 1.75rem);
    font-family: var(--bayut-studio-semibold);
    margin: 0;
}

.prop-studio-blocks > div > div p {
    margin: 1rem 0 0;
}

.bayut-studios .contact-us-heading-block {
    margin-bottom: 0;
}

.bayut-studios .office-locations {
    margin-top: 2.5rem;
}

.bayut-studios .office-locations div p {
   margin: .5rem 0 0;
}

.bayut-studios .office-locations a {
    color: #000000;
}

.bayut-studios .office-locations a:hover {
    color: var(--bayut-studio-primary);
}

.bayut-studios .office-locations div p:first-of-type {
    font-size: clamp(1.25rem, -0.125rem + 5vw, 1.5rem);
    font-family: var(--bayut-studio-semibold);
}

.bayut-studios .office-locations div p:last-of-type {
    font-family: var(--bayut-studio-semibold);
}

.bayut-studios .office-locations div::before {
     border-top: .125rem solid var(--bayut-studio-primary);
     content: '';
     display: block;
     width: 4.8rem;
}

.bayut-studios .contact-us-section > div:nth-child(2) {
    margin: -4rem 0 0;
}

.bayut-studios .wpforms-container .wpforms-field {
    padding: 1rem 0 0;
    margin-top: .625rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.bayut-studios .wpforms-submit-container button {
    margin-top: .625rem;
    font-weight: 700 !important;
}

div.wpforms-container-full button[type=submit]:hover {
    background-color: var(--bayut-studio-secondary);
    color: var(--bayut-studio-primary);
}

div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
    position: absolute;
    top: -.15rem;
    margin: 0;
}

.bayut-studios .portfolio-mobile {
    display: none;
}

.footer_credits {
    padding: 1.75rem 0;
}

@media only screen and (min-width: 1440px) {
    .container {
        width: 1440px;
        padding: 0;
    }
}

@media only screen and (max-width: 1440px) {
    .container {
        width: 1200px;
        padding: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        width: 1000px;
        padding: 0;
    }
}

@media only screen and (max-width: 1000px) {
    .container {
        width: 800px;
        padding: 0;
    }
}


@media only screen and (max-width: 800px) {
    .container {
        width: 100%;
        padding: 0;
    }

    .wp-block-columns h2, .wp-block-columns p:not(.prop-studio-blocks > div > div p), .bayut-studios h3, .bayut-studios .header-title h1, .bayut-studios .contact-us-form, body .prop-studio-blocks, .bayut-studios .services-sub-description {
        padding: 0 1.75rem;
    }

    .bayut-studios .header_nav {
        padding: .625rem 1.75rem;
    }

    .default_logo_header_bar .site_logo {
        height: 1.75rem;
    }

    body.header_is_stick .sticky_header_nav_wrapper .header_nav {
        padding: .625rem 1.75rem;
    }

    .bayut-studios .header_nav .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .bayut-studios .header_nav  .container::after, .bayut-studios .header_nav .container::before {
        content: none;
    }

    .header_sliding_sidebar_control {
        margin: 0;
        padding: 0;
        font-size: 1.25rem;
        line-height: 1.25rem;
    }

    .header_sliding_sidebar_control .header_control_icon {
        font-size: 1.25rem;
    }

    body.sticky_header .header_nav_wrapper {
        border: 0;
    }
}

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

    .bayut-studios header {
        height: 25rem;
    }

    .bayut-studios .header-title {
        margin-top: 17rem;
    }

    .bayut-studios .block-separator {
        gap: initial;
    }

    body .prop-studio-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        overflow: auto;
    }

    body .prop-studio-blocks > div {
        min-width: 20rem;
    }

    .prop-studio-blocks > div > div {
        position: initial;
        color: #000000;
        visibility: initial;
        height: initial;
        padding: 1rem 0;
    }

    .prop-studio-blocks > div:hover > div {
        visibility: initial;
    }

    .prop-studio-blocks > div:hover > figure:nth-child(2) {
        visibility: hidden;
    }
    
    .bayut-studios .portfolio-desktop {
        display: none;
    }

    .bayut-studios .portfolio-mobile {
        display: block;
    }

    .bayut-studios .office-locations div::before {
        margin-left: 1.75rem;
    }

    .bayut-studios .contact-us-section > div:nth-child(1) {
        order: 2;
    }

    .bayut-studios .contact-us-section > div:nth-child(2) {
        order: 1;
        margin: initial;
    }

    .footer_credits {
        padding: 1.75rem;
    }
}