/* A&C Atelier | Alexandra.Craig */
/* 21 Jan 2021 | v2.1.2 */

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*typography*/

@font-face {
    font-family: 'GTAmerica-Light';
    src: url(../fonts/GTAmerica-Light-e110407ca4a59ce613bae389c9b3974c544a8472838ce634d37a916e61c72276.otf);
}

@font-face {
    font-family: 'Vinter-Medium';
    src: url(../fonts/Vinter-Medium-6d1ab8302004470d10c725708344729f8f8fd08cd8e8aac3337db608b9684048.ttf);
}

html { text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:1px 1px 1px rgba(0,0,0,0.004); font-size:1em; line-height:1.5; letter-spacing:0em; color:#FFF; background:#F6F3EE; font-family:'GTAmerica-Light', sans-serif; font-weight:100; }

h1, h2, h3, h4, p { margin:0; font-weight:normal; }
figure { margin:0; padding:0; }
img, svg { width:100%; height:auto; display:block; }
ul { padding:0; margin:0; list-style:none; }
a { text-decoration:none; color:inherit; }

.hide_mobile {display: none;}

.section_header, .serif {font-family: 'Vinter-Medium'; font-weight: 500; color: #222020;}
p, ul li, figcaption {font-family: 'GTAmerica-Light'; color: #757374; font-size: 1rem; line-height: 1.5rem;}
figcaption {font-size: 0.75rem; line-height: 1.25rem; margin-top: 12px;}
figcaption a, p a {text-decoration: underline; color: #222020;}
p.align_center {text-align: center;}
.section_header.align_left {text-align: left;}
.section_header.align_left::after {margin: 0; margin-top: 9px; margin-bottom: 23px;}
p.serif {font-size: 1.25rem; line-height: 1.5rem;}
p.serif + p.serif {margin-top: 25px;}
.section_header {font-size: 1.625rem; line-height: 1.9375rem; text-align: center; position: relative;}
.section_header::after {height: 1px; width: 80px; background-color: #222020; display: block; content: ""; margin: 0 auto; margin-top: 9px; margin-bottom: 23px;}
.section_header.marginTopHeader {margin-top: 39px;}
.section_header.subsectionHeader { margin-top:70px; }
.section_header.align_left::after {width: 47px;}

header {background-color: #F6F3EE; padding-top: 7px; padding-bottom: 7px; position: fixed; top: 0;  left: 0; z-index: 3; width: 100%;} 
header .header_logo {max-width: 99px;}
header figure:first-child {margin-top: 0px;}
header + section {margin-top: 122px;}

section + section {margin-top: 55px;}
section.bg_beige {padding-top: 44px; padding-bottom: 55px;}
section.bg_beige + section {margin-top: 58px;}

p + p {margin-top: 23px;}
figure:first-child {margin-top: 40px;}
figure:not(.video) + p {margin-top: 24px;}
figure.withCaption + figcaption + p, p.mt_17 {margin-top: 17px;}
.video + p {padding-top: 45px;}
.video {width: calc(100% + 24px); margin-left: -12px; position: relative; padding-top: 59%;}
.video > video, .corp_video > video {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
figure + .section_header {margin-top: 45px;}

figure.marginAfterHeader {margin-top: 7px;}

.section_top {margin-top: 24px;}

.unmute { position:absolute; bottom:10px; left:20px; }


/* start of grid system */
.row { display:flex; flex-wrap:wrap; padding-left:0; padding-right:0; width:100%; box-sizing:border-box; position:relative;}
.row > * { width:100%; }
/*.row + .row {padding-top: 41px;}*/

.col { width:100%; box-sizing:border-box; position:relative; padding-left:12px; padding-right:12px;}

.flex { display:flex; flex-wrap:wrap; }
.flex.reverse { flex-direction:row-reverse; }
.col .flex { width:calc(100% + 22px); margin-left:-11px; }

/*end of grid system*/


/*backgrounds*/
.bg_beige {background-color: #EBE3DC;}


.listing:first-child {margin-top: 34px;}
.flex > .col:nth-child(2) > .listing:first-child {margin-top: 18px;}
.listing p + p {margin-top: 0px;}
.listing + .listing {margin-top: 18px;}
.listing li + li {margin-top: 18px;}

.pri_btn { text-align:center; }
.pri_btn a { display:inline-table; width:auto; box-sizing:border-box; padding:20px 37px 16px; margin:0 auto; background:#948B8B; color:#FFF; font-family:'Vinter-Medium'; line-height:1.000em; }

.sect_intro .pri_btn { margin-bottom:5px; margin-top:25px; }

.img_within_content { margin-top:25px; }
.img_within_content img + img { margin-top:15px; }

.summary_section {margin-top: 35px;}
.summary_section .listing:first-child {margin-top: 18px;}

iframe {width: 100%;}
.virtualtour_holder {width:100%; height: 0; padding-bottom: 55.95%; position: relative;}
.virtualtour_holder figcaption {padding-left: 12px; padding-right: 12px;}
.virtualtour_holder iframe {    position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.contact_info { margin-top:29px; }
.contact_info > div > p { color:#757374; font-weight:900; }
.contact_info .contacts { margin-top:-26px; }
.contact_info .contacts figure { text-align:center; }
.contact_info .contacts figure + figure { margin-top:18px; }
.contact_info .contacts figure img { width:20px; height:20px; margin:0 auto; padding-bottom:4px; }
.contact_info .contacts figure a { font-size:0.875rem; color:#222020; text-decoration:underline; }
.contact_info .pri_btn { margin-top:25px; margin-bottom:45px; }

.host_benefits .col + .col { margin-top:-20px;  }
.host_benefits .col + .col h2 { margin-top:33px; }

.project_information { margin-top:-18px; margin-bottom:39px; }
.project_information .list label { color:#757374; font-weight:900; }
.project_information .list { margin-top:18px; }
.project_information .list br { display:none; }

footer {background-color:#000000; padding-top: 40px; margin-top: 55px; text-align:center; }
footer .footer_logo {max-width: 200px; margin:  0 auto; margin-bottom: 37px;}
footer .copyright {background-color: #1F1D1D; margin-top: 27px; padding-top: 25px; padding-bottom: 25px; text-align: center;}
footer .copyright p {font-size: 0.875rem; line-height: 1.5rem;}
footer [class^="bi-"]::before, [class*=" bi-"]::before {display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased;}
footer .bi-geo-alt::before {content: "\f3e8";}
footer .bi-facebook::before {content: "\f344";}
footer .bi-instagram::before {content: "\f437";}

footer .footer-location { margin-top: 6px;}
footer .footer-location > i, footer .footer-location > span {display: block;}
footer .footer-socials {display: flex; margin-top: 12px; justify-content:center;}
footer .footer-socials  li {color: #fff; margin:0 12px; }
footer .footer-socials a {font-size: 18px;}
footer .footer_website {padding-left: 30px; color: #fff;}
footer .footer_website > a {color: #fff;}

footer .sc-logo {margin-left: auto; margin-right: auto;}
footer .sc-logo figure {width: 82px; margin-left: auto; margin-right: auto; margin-bottom:13px; }

.overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; margin-top:0; }
.overlay:after { content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:rgba(0, 0, 0, 0.85); }
.overlay .btn_close { display:block; width:30px; height:30px; margin-left:auto; }
.overlay .btn_close img { width:15px; height:15px; margin-left:auto; }
.overlay .row { top:50%; transform:translateY(-50%); }
.overlay figcaption, .overlay figcaption a { color:#FFF; }

/* for showcase purpose, all the codes below no need to port over to wordpress */
/*.grid { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:5; pointer-events:none; }
.grid .row, .grid .col { background:none; }
.grid .col > div { background:#F00; text-indent:-999em; opacity:0.35; height:100vh; }


.max_width { max-width:1440px; margin:0 auto; }
.grid.max_width { max-width:1440px; left:50%; transform:translateX(-50%); }*/

.max_width { max-width:1250px; margin:0 auto; }

.video > iframe {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

.corp_video {position: relative; padding-top: 56.25%;}
.corp_video > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


header .language {margin-top: 19px; margin-left: auto;}
header .language a {text-decoration: none;}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* 414 */
@media only screen and (min-width: 25.875em) {
    
}

/*1250*/
@media only screen and (min-width:  1250px){

    .hide_mobile {display: block;}
    .hide_desktop {display: none;}

    /*grid system*/
    .d_1_6 { width:16.66%; }
    .d_2_6 { width:33.33%; }
    .d_3_6 { width:50.00%; }
    .d_4_6 { width:66.66%; }
    .d_5_6 { width:83.33%; }

    .d_1_12 { width:8.33%; }
    .d_2_12 { width:16.66%; }
    .d_3_12 { width:25.00%; }
    .d_4_12 { width:33.33%; }
    .d_5_12 { width:41.66%; }
    .d_6_12 { width:50.00%; }
    .d_7_12 { width:58.33%; }
    .d_8_12 { width:66.66%; }
    .d_9_12 { width:75.00%; }
    .d_10_12 { width:83.33%; }
    .d_11_12 { width:91.66%; }

    .d_o_1_12 { margin-left:8.33%; }
    .d_o_2_12 { margin-left:16.66%; }
    .d_o_3_12 { margin-left:25.00%; }
    .d_o_4_12 { margin-left:33.33%; }
    .d_o_5_12 { margin-left:41.66%; }
    .d_o_6_12 { margin-left:50.00%; }
    .d_o_7_12 { margin-left:58.33%; }
    .d_o_8_12 { margin-left:66.66%; }
    .d_o_9_12 { margin-left:75.00%; }
    .d_o_10_12 { margin-left:83.33%; }
    .d_o_11_12 { margin-left:91.66%; }
    /* end of grid system */

    .section_header {font-size: 2rem; line-height: 2.375rem;}
    .section_header::after {margin-bottom: 34px;}

    header {padding-top: 20px; padding-bottom: 20px;}
    header figure:first-child {max-width: 196px;}
    header + section {margin-top: 225px;}
    .video, .virtualtour_holder {width: 100%; margin-left: 0px;}
    .video {padding-top: 56.25%;}


    section + section {margin-top: 55px;}
    section.bg_beige {padding-top: 76px;}

    .c__memories {margin-top: 38px;}
    .c__memories figure:first-child {margin-top: 0px;}
    .c__memories .section_header::after {margin-bottom: 40px;}
    .c__memories p:first-child {margin-top: -6px;}
    .c__memories p.align_center {text-align: left;}
    .c__memories .d_margin_offset {margin-top: 10px;}


    .c__refinement .section_header.align_left::after {margin-bottom: 33px;}
    .c__refinement .section_top {margin-top: 10px; }
    .c__refinement .col.hide_mobile { margin-top:13px; }

    .c__ultimateExperience .section_top {margin-top: 10px;}

    .c__collab .listing:first-child {margin-top: 0px;}
    .c__collab .section_header.align_left::after {margin-bottom: 33px;}
    .c__collab figure:not(.video) + p {margin-top: 40px;}
    .c__collab .d_margin_offset {margin-top: 10px;}

    .virtualtour_holder {margin-top: 47px;}
    .virtualtour_holder figcaption {padding-left: 0px; padding-right: 0px;}

    figure.withCaption + figcaption + p {margin-top: 34px;}

    section.bg_beige + section {margin-top: 78px;}

    .host_benefits .col:last-child { margin-top:33px; }

    .project_information .list br { display:block; }

    .contact_info .contacts { display:flex; justify-content:center; margin-top:16px; }
    .contact_info .contacts figure { width:300px; margin:0; }
    .contact_info .contacts figure + figure { margin-top:0; }

    .overlay > article { max-width:1250px; margin:0 auto; }
    .overlay .btn_close img { width:28px; height:28px; }

    .virtualtour_holder { margin-top:27px; }

    footer {margin-top: 92px; padding-top: 60px;}
    footer .row {display: block;}
    footer .row .col {display: inline-block; width: 32.33%; vertical-align: top;}
    footer .footer-socials {margin-top: 0px; padding-left: 0px; position:absolute; bottom:-17px; left:-393px;}
    footer .footer-location > span { text-align:left; padding-left:15px; }
    footer .footer-location > i { position:absolute; top:0; left:0; }
    footer .footer_website { text-align:left; padding-left:15px; }
    footer .copyright {margin-top: 25px;}

    .corp_video {padding-top: 56.5%;}

    header .language {margin-top: 0px;}

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}