/*
Theme Name: DW F&B Design
Theme URI: https://dwfbdesign.com.sg/
Author: the Pixart team
Author URI: https://pixart.com.sg/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artdecordesign
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
DW F&B Design WordPress Theme, (C) 2021 WordPress.org
DW F&B Design is distributed under the terms of the GNU GPL.
*/
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bodoni MT';
    src: url('assets/fonts/BodoniMT.woff2') format('woff2'),
        url('assets/fonts/BodoniMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.home .nav-holder {
    float: right;
    position: relative;
    top: 22px;
    left: 70px;
}
.home .hero-wrap-item h1,
.home .hero-wrap-item h1 a {
    text-transform: inherit;
    letter-spacing: 2px;
    max-width: 80%;
    margin: 0 auto;
    line-height: 1.1;
    padding-bottom: 5px;
}
.home .hero-wrap-item h2,
.home .hero-wrap-item h2 a {
    color: #fff;
    font-size: 12px;
    text-transform: inherit;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 1.1;
    padding-left: 6px;
    max-width: 85%;
    margin: 0 auto;
}
.logo-holder {
    width: 355px;
    top: -5px;
}
.nav-holder {
    float: right;
    position: relative;
    top: 22px;
    left: 70px;
}
.port-desc-holder {
    cursor: pointer;
}
.inline-filter .gallery-filters a {
    margin-bottom: 25px;
}
.grid-item h3 {
    text-align: center;
}
.page-title h1 {
    text-transform: inherit;
    font-size: 38px;
    line-height: 1.1;
}
.page-title h2 {
    text-transform: inherit;
}
section.intro {
    padding-top: 165px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left -77px;
}
.pad-r {
    padding-right: 50px;
}
.intro-desc-wrapper {
    padding-top: 100px;
    text-align: left;
}
.title-intro {
    font-family: 'Bodoni MT';
    font-size: 70px;
    line-height: 85px;
    letter-spacing: 7px;
    margin-left: -173px;
}
.title-intro span {
    color: #fff;
    display: inline-block;
    margin-right: 8px;
}
.intro-short-desc {
    font-family: 'Montserrat';
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 20px;
}
.intro-desc p {
    font-size: 16px;
    line-height: 22px;
    color: #4E4E4E;
}
section.scope_of_work {
    padding-top: 0;
    padding-bottom: 0;
}
.sow_title {
    font-size: 2.5rem;
    font-weight: bold;
    mix-blend-mode: difference;
    color: white;
    margin-top: 30px;
}
.sof-content {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
}
#scopeTitle {
    position: absolute;
    top: 80px;
    left: 50.5%;
    transform: translateX(-50%);
    font-family: 'Bodoni MT';
    font-weight: 400;
    font-size: 56px;
    letter-spacing: 6.72px;
    z-index: 2;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
#scopeTitle span {
    color: #000000;
    transition: color 0.2s ease;
}
.scope_of_work_desc_wrapper {
    padding-top: 56px;
    padding-right: 80px;
    background: #fff;
    border-radius: 0px 145px 0px 0px;
    text-align: left;
}
.title-sow {
    font-family: 'Montserrat';
    font-size: 32px;
    line-height: 45px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    position: relative;
    text-align: left;
}
.title-sow:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 85px;
    height: 5px;
    background-color: #000000;
}
.sow-short-desc {
    font-family: 'Montserrat';
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 20px;
    text-align: left;
}
.sow-desc p {
    font-size: 16px;
    line-height: 22px;
    color: #4E4E4E;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.pm-img-wrap {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
}
section.project_management {
    padding-top: 75px;
    padding-bottom: 0;
}
.pd-l {
    padding-left: 55px;
}
.pm-content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 190px;
}
.pm-list-iconbox {
    display: table;
    vertical-align: top;
    margin-bottom: 40px;
}
.pm-list-icon {
    display: table-cell;
    width: 60px;
    text-align: left;
}
.pm-iconbox-content {
    display: table-cell;
    color: #fff;
    text-align: left;
    padding-left: 20px;
    vertical-align: top;
    max-width: 416px;
}
.pm-list-title {
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 4px;
}
p.pm-list-desc {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.7;
}
.pm-title-box {
    margin-bottom: 40px;
    padding-top: 50px;
}
.pm-title-box .title-sow {
    margin-bottom: 30px;
}
.pm-title-box .sow-short-desc {
    margin-bottom: 0px;
}
.overview_section {
    padding-top: 85px;
    padding-bottom: 150px;
    overflow: visible;
}
.title-overview {
    font-family: 'Montserrat';
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dedede;
    position: relative;
    text-align: left;
}
.title-overview:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 85px;
    height: 5px;
    background-color: #000000;
}
.sow-desc p {
    font-size: 16px;
    line-height: 22px;
    color: #4E4E4E;
}
.overview-img {
    margin-top: -200px;
    z-index: 5;
    position: relative;
}
.our-work {
    margin-top: 90px;
}
.our-work .work_wrapper img {
    width: 100%;
    height: 267px;
    object-fit: cover;
}
.our-work .work_wrapper {
    margin-bottom: 30px;
}
a.btn-viewmore-work {
    background: #1B1B1B;
    color: #fff;
    padding: 16px 37px;
    margin-top: 40px;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
}
a.btn-viewmore-work img {
    position: relative;
    margin-left: 10px;
    top: -2px;
}
@media (max-width: 1440px) {
    .scope_of_work_desc_wrapper {
        padding-top: 30px;
        padding-right: 60px;
    }
    .title-sow {
        margin-bottom: 25px;
        padding-bottom: 15px;
    }
    #scopeTitle {
        top: 40px;
    }
    .sow-desc p:last-child {
        padding-bottom: 0;
     }
}
@media (max-width: 1366px) {
    .scope_of_work_desc_wrapper {
        padding-right: 50px;
        padding-top: 28px;
    }
    .sow-short-desc {
        margin-bottom: 15px;
        font-size: 17px;
        line-height: 21px;
      }
      .title-sow {
        font-size: 26px;
        line-height: 40px;
      }
}
@media (max-width: 1280px) {
    .title-intro {
        font-size: 60px;
        line-height: 75px;
        margin-left: -154px;
    }
    .title-intro span {
        margin-right: 0px;
    }
    .intro-short-desc {
        font-size: 22px;
        line-height: 26px;
        margin-top: 22px;
    }
    .title-sow {
        font-family: 'Montserrat';
        font-size: 25px;
        line-height: 33px;
        margin-bottom: 20px;
    }
    .scope_of_work_desc_wrapper {
        padding-top: 22px;
        border-radius: 0px 110px 0px 0px;
    }
    .sow-short-desc {
        font-size: 16px;
        line-height: 20px;
      }
      .sow-desc p {
        font-size: 15px;
        line-height: 21px;
      }
    #scopeTitle {
        top: 30px;
        font-size: 40px;
        letter-spacing: 5.72px;
    }
    .pm-list-iconbox {
        margin-bottom: 20px;
    }
    .title-overview {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 25px;
        padding-bottom: 20px;
    }
}
@media (max-width: 1200px) {
    #scopeTitle {
        top: 20px;
    }
    section.scope_of_work {
        padding-bottom: 20px;
        overflow:  visible;
      }
    .scope_of_work_desc_wrapper {
        padding-top: 20px;
        padding-right: 40px;
        border-radius:0px 100px 0px 0px;
      }
      .sof-content {
        bottom: -25px;
      }
}
@media (max-width: 1080px) {
    .title-intro {
        margin-left: -139px;
    }
    .scope_of_work_desc_wrapper {
        padding-right: 40px;
        padding-top: 20px;
        border-radius: 0px 100px 0px 0px;
    }
    .title-sow {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .sow-short-desc {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .sow-desc p, .intro-desc p {
        font-size: 14px;
        line-height: 18px;
    }
    .sow-desc p:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #scopeTitle {
        top: 30px;
    }
}
@media (max-width: 1024px) {
    .title-intro {
        margin-left: -148px;
    }
}
@media (max-width: 1023px) {
    section.intro {
        padding-top: 120px;
        background-position:
            center left -113px;
    }
    .title-intro {
        margin-left: 0;
    }
    .title-intro span {
        color: #000;
        margin-right: 0px;
    }
    .sof-content {
        position: static;
    }
    .scope_of_work_desc_wrapper {
        padding-right: 0px;
        padding-top: 30px;
        border-radius: 0px 0px 0px 0px;
    }
    .pm-img-wrap {
        position: static;
    }
    .sm-d-flex {
        display: flex;
        flex-direction: column;
    }
    .sm-order-1 {
        order: 1;
    }
    .sm-order-2 {
        order: 2;
    }
}
@media (max-width: 767px) {
    .parallax-section .page-title h2 {
        font-size: inherit;
        line-height: inherit;
      }
    #scopeTitle {
        font-size: 30px;
        letter-spacing: 2.75px;
        top: 80px;
    }
    .pd-l {
        padding-left: 10px;
    }
    .title-overview {
        font-size: 26px;
        line-height: 32px;
    }
    a.btn-viewmore-work {     
        padding:   16px 25px;
      }
      .logo-holder {
        /* width: 100%; */
      }
      .gallery-filters a {
        width: auto;
      }
      .sidebar-wrap .sb-inner .section-title {
        font-size: inherit;
        line-height: inherit;
        margin-bottom: 0px;
      }
      .project-details li {
        display: none;
      }
      .project-details li:first-child {
        display: block;
      }
      .logo-holder {
  width: 220px;
}
}