/*
Theme Name: Neoscape - Margarite
Text Domain: margarite
Theme URI: https://neoscape.com/
Author: Abdallah Salah
Author E-Mail: abdallah.salah@neoscape.com
Version: 1.1.1
Requires at least: 4.7
Requires PHP: 7.2.0
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
*/
.hidden_h1 {
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  font-size: 0px;
}
 /**** Ham menu styling for desktop *****/
@media screen and (min-width:1180px){
    header .ham-menu{
        display:inline-block;
        pointer-events: auto;
    }
    header.active .ham-menu{
        opacity:1;
        pointer-events: auto;
    }
    header.active .ham-menu {
        background-color: #eff1ef;
        top: 0;
        padding-top: 78px;
        padding-bottom: 40px;
        pointer-events: auto;
        opacity:1;
        transform:none;
    }
    header.active .ham-menu .nav__menu > ul {
        display: block;
        text-align: left;
    }
    header.active .ham-menu .nav__menu > ul > li > a {
        color: #33332f;
        font-size: 12px;
    }
    header.active .ham-menu .nav__menu > ul li {
        margin-left: 0;
        margin-top: 18px;
    }
}
.ham-btn {
    width: 25px;
    padding: 10px 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 13px;
    background: none;
  }
  @media (max-width: 1180px) {
    .ham-btn {
      display:none;
    }
  }
  .ham-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    height: 2px;
  }
  .ham-btn span:not(:last-child) {
    margin-bottom: 8px;
  }
  
  .ham-menu {
    position: fixed;
    transform: translateX(100%);
    top: 0;
    text-align:center;
    left: auto;
    right:0;
    width: 100%;
    height: 100vh;
    background:#eff1ef;
    z-index: 100;
    padding: 60px 40px 40px 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    /* display:none; */
    max-width:500px;
  }
  .ham-menu a.header__logo {
    margin-top: 5vh;
    border-top:1px solid #dab3a8;
    padding-top:5vh;
}
.ham-menu .header__logo svg path, .ham-menu .header__logo svg rect{
    fill: #667968 !important;
   }
  .ham-menu ul li a{
    font:500 12px/1.15 "brother-1816";
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #33332f;
    font-size: 12px;
  }
  @media (max-width: 1181px) {
    .ham-menu {
        display:none!important;
    }
  }
  .ham-menu::-webkit-scrollbar {
    width: 5px;
  }
  .ham-menu::-webkit-scrollbar-track {
    background-color: rgba(100, 100, 100, 0.336);
  }
  .ham-menu::-webkit-scrollbar-thumb {
    background-color: rgb(73, 73, 73);
  }
  .ham-open .ham-menu {
    transform: translateX(1%);
  }
  .ham-open .main__logo{
    z-index:100;
  }
  .ham-open body {
    overflow: hidden;
  }
  .ham-close {
    position: absolute;
    width: 35px;
    height: 40px;
    padding: 0;
    background: url(_content/ham-close.svg) no-repeat center;
    background-position: center;
    background-size: 150%;
    border: 0;
    right:50px;
    top: 21px;
    font-size: 0;
    cursor: pointer;
  }
  header.sticky .ham-btn span{
    background:#33332f;
  }
  section > .ori-features{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  section > .ori-features .left-block{
    width: 40%;
  }
  section > .ori-features .left-block a{
    line-height: 36px;
    height: 36px;
    margin-left: 2vw;
    border: 1px solid #dab3a8;
    padding: 0px 16px;
    color: #fff;
    display: inline-block;
    letter-spacing: 1.1px;
    font-family: "brother-1816";
    text-transform: uppercase;
    margin-top:30px;
    font-size: 11px;
    font-weight: 500
  }
  section > .ori-features .right-block{
    width: 40%;
  }
  section > .ori-features .right-block img,  section > .ori-features .right-block video{
    max-width:100%;
  }
  @media screen and (max-width:1180px){
    section > .ori-features{
      flex-flow:column-reverse;
      padding-top:50px;
    }
    section > .ori-features .right-block{
      width:100%;
      margin-bottom:50px;
    }
    section > .ori-features .left-block{
      width:100%;
      max-width:550px;
    }
    header .neoNav .nav__menu > ul > li.residences .sub-menu{
      position: relative;
      opacity: 1 !important;
      visibility:visible !important;
      display:block !important;
      background:transparent;
      padding:0;
      min-width:0;
      left:0;
      pointer-events:all !important;
      right:0;
      width:100%;
      margin-top:0;
    }
    header .neoNav .nav__menu > ul > li.residences .sub-menu li a{
      text-transform:uppercase;
      color: #33332f !important;
      font-size:calc(12px + 0 * (100vw - 960px) / -600);
    }
    header .neoNav .nav__menu > ul > li.residences .sub-menu li.penthouse{
      margin-top:18px;
    }
    header .neoNav .nav__menu > ul > li.residences .sub-menu li:not(.penthouse){
      display:none;
    }
  }
  /**** Privacy policy h2 style copy from h1 tag *****/
  .neo__privacy h2.h1{
  color: white;
  font-size: 50px;
  margin: 0 0 15px;
  }
@media screen and (max-width: 1480px){
  .neo__privacy h2.h1{
    font-size: calc(50px + -10 * (100vw - 1480px) / -760);
}
  }
  @media screen and (max-width:720px){
    .neo__privacy h2.h1 {
      font-size: 40px;
  }
  }
  @media screen and (max-width: 320px) {
    .neo__privacy h2.h1 {
      font-size: 20px;
    }
  }
  section.neo__plans__search .plans__main__parent .plans__results__parent table{
    border-bottom:none;
  }
  section.neo__plans__search .plans__main__parent .plans__results__parent table .plan__cards tr{
    background:transparent;
  }
  section.neo__plans__search .plans__main__parent .plans__results__parent table th{
    border-bottom:none;
  }
  section.neo__plans__search .plans__main__parent .plans__results__parent .dataTables_info{
    color:#fff;
  }
  /****Specials*****/
  .top-specials{
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #667968;
    position: relative;
    transition: all 0.7s ease;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0;
    z-index: 9999;
    /* display: block; */
    margin-bottom: 0px;
  }
  .top-specials.show{
    max-height: 450px;
    opacity: 1;
    /* overflow-y: scroll; */
    visibility: visible;
  }
  .top-specials-body{
    padding: 15px 50px 15px;
    text-align: center;
    width:100%;
    background: #dab3a8;
    
  }
  .top-specials-body .h1{
    font-size: 24px;
    margin-bottom: 15px;
    color:#fff;
  }
  .top-specials-body p{
    font-size: 16px;
    color:#fff;
    font-family: "orpheuspro";
  }
  .top-specials-button{
    display: inline-block;
    text-align: center;
    padding: 0 25px 0 25px;
    border: none;
    background-color: #dab3a8;
    font-size: 12px;
    line-height: 45px;
    color: #33332f;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin:10px 0;
  }
  .top-specials-close{
    cursor: pointer;
    padding: 0;
    border: 0;
    width: 10px;
    height: 10px;
    margin-top: 10px;
    margin-bottom: 1px;
    margin-left: 20px;
    padding-bottom: 0px;
    background: url(_content/ham-close-white.svg) no-repeat center;
    align-self: flex-start;
    position:absolute;
    right:10px;
    top:0;
    z-index:10;
  }
  body.home header.sticky{
    top:0 !important;
    background-color:#fff !important;
  }
  section.neo__plans__search .plans__main__parent .plans__results__parent .plan__cards .plan__card > td.plan__image img{
    object-fit: contain;
  }
  .template-floorplans .ori_section{
    padding: 62px 10vw 62px;
  }

  .template-floorplans .ori_section{
    display: none;
  }

 
  .template-floorplans .ori_section .content_section, .template-floorplans .ori_section .image_section {
    width: 50%;
  }
  .template-floorplans .ori_section .content_section h2{
    margin-bottom: 25px;
  }
  .template-floorplans .ori_section .content_section .desc{
    width: 80%;
    margin-bottom: 25px;
  }
  .template-floorplans .ori_section .content_section .features p{
    margin-bottom: 10px;
  }
  .template-floorplans .ori_section .content_section .features ul{
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 25px;
  }

  .template-floorplans .ori_section .content_section .explore_cta{
    line-height: 36px;
    height: 36px;
    border: 1px solid #dab3a8;
    padding: 10px 20px;
    transition: box-shadow 0.35s ease-in-out;
    color: #fff;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 1.1px;
    font-family: "brother-1816";
    text-transform: uppercase;
    font-size: 11px;
  }
  .template-floorplans .ori_section .content_section .explore_cta:hover{
    box-shadow: inset 0px 0px 0px 1px #dab3a8;
  }

  .template-floorplans .ori_section .image_section{
    padding: 35px;
  }
  .template-floorplans .ori_section .image_section img{
    width: 100%;
    height: 100%;
    object-fit: cover;    
  }

  .plans__main__parent{
    margin-top: 0!important;
  }

  @media screen and (max-width: 960px) {
    .template-floorplans .ori_section{
      flex-direction: column;
    }
    .template-floorplans .ori_section .content_section, .template-floorplans .ori_section .image_section {
      width: 100%;
    }
    .template-floorplans .ori_section .content_section{
      margin-bottom: 25px;
    }
  }

  @media screen and (min-width: 1180px) and (max-width: 1450px){
    header .neoNav .nav__menu .nav__button > a, header .neoNav .nav__menu > ul > li > a {
      font-size: calc(9px + -3 * (100vw - 1280px) / -320);
    }
  }


  /* @media screen and (min-width: 961px) {
    #template-penthouse .neo__finishes,   #template-penthouse .neo__gallery{
      width: 75%;
      height: 75vh;
      overflow: hidden;
      margin: auto;
      padding: 0;
    }
    #template-penthouse .neo__gallery.nopadding{
      display: none;
    }
    #template-penthouse .neo__gallery > div{
      width: 100%;
      height: 100%;
    }
    #template-penthouse .neo__finishes .swiper-container, #template-penthouse .neo__gallery .swiper-container{
      height: 100%;
    }
    #template-penthouse .neo__finishes .swiper-wrapper .swiper-slide img {
      height: 100%;
      object-fit: cover;
    }
    #template-penthouse .card__swiper .swiper-wrapper .swiper-slide > button{
      width: 100%;
      height: 100%;
    }

  } */

  #virtual-tour-page .vt-main-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 5vw;
  }
  @media screen and (max-width: 480px) {
    #virtual-tour-page .vt-main-container{
      margin-bottom: 10vw;
    }
  }

  #virtual-tour-page .vt-main-container .vts{
    margin-top: 20px;
  }
  #virtual-tour-page .vt-main-container .vt-name{
    margin-top: 5vw;
  }

  #virtual-tour-page .vt-main-container .vt-name span{
    font-family: "brother-1816";
    text-transform: uppercase;
    font-size: 25px;
  }

  @media screen and (max-width: 961px) {
    #virtual-tour-page .vt-main-container .vt-name{
      margin-top: 35px;
    }
    #virtual-tour-page .vt-main-container .vt-name span{
      font-size: 16px;
      text-align: center;
      display: inline-block;
      padding: 0 10px;
    }
  }
  #virtual-tour-page .vt-main-container .vt-container-3{
    margin-bottom: 55px;
  }

  #template-penthouse .neo__finishes.virtual-tour{
    width: 100%;
    height: 100%;
  }
  @media screen and (max-width: 960px) {
    #template-penthouse .neo__finishes.virtual-tour iframe{
        height: 60vw;
    }
  }

  @media screen and (min-width: 960px) {
    #template-penthouse .neo__finishes.virtual-tour{
      width: 65%;
    }
    #template-penthouse .neo__finishes.virtual-tour iframe{
      height: 90vh;
      width:  65vw;
    }
    #template-penthouse #penthouse-finishes, #template-penthouse #penthouse-features{
      padding-top: 10vw;
    }
  } 
  @media screen and (max-width: 960px) {
    #template-penthouse .neo__finishes.virtual-tour .swiper-slide {
      overflow-x: hidden;
    }
  }
  @media screen and (max-width: 960px){
    #template-penthouse .graphic__curve.under {
      bottom: unset;
    }
  }
 
  @media screen and (min-width: 1180px){
    nav #menu-main-menu .show_mob_only{
      display: none;      
    }
  }
  @media screen and (max-width: 960px){
     #virtual-tour-page{
      overflow-x: hidden;
     }
  }

  #template-videotour #video-tour-page{
    padding-top: 60px;
  }

  #template-videotour .vt-main-container iframe{
    width: 100%;
    height: 100vh;
    padding-bottom: 5vw;
  }

  @media screen and (max-width: 960px){
    #template-videotour .vt-main-container iframe{
      height: 50vh;
    }
  }
  
  #template-videotour .vt-main-container{
    text-align: center;
    padding-top: 5vw;
  }

/* Penthouse page Redesign Styles */
#template-penthouse header{
  background-color: #333133;
}  
#template-penthouse .neo__topbanner{
  background-color: #E2E2E0;
}
#template-penthouse .neo__topbanner > div > a {
  color: #33332f;
}

#template-penthouse header.sticky{
  background-color: #eff1ef;
}
  
#template-penthouse #video-hero{
  padding: 80px 0 0;
}
#template-penthouse section#video-hero.dark__bg {
  background-color: #333133;
  background-image: none;
}
#template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background: url('./images/PenthouseVector.svg'); 
  background-size: cover;
  opacity: 0.5;
  z-index: 0;
}
@media screen and (min-width: 960px){
  #template-penthouse #video-hero .neo__btn {
    display: none;
  }
}
#template-penthouse #video-hero .neo__btn {
  background-color: #dab3a8;
  padding: 0 16px;
  border-bottom: 2px solid #dab3a8;
  font-weight: 400;
  transition: all 0.5s ease-in-out;
}

#template-penthouse #video-hero .neo__btn:hover{
  color: #33332f;
}

#template-penthouse #video-hero .neo__btn{
  color: white;
}

#template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle,
  #template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .image__circle  {
  width: 100%;
  height: 45vw;
  margin: 0;
  border-radius: 0;
}
@media screen and (max-width: 960px){
  #template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle,
  #template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .image__circle  {
    height: 75vh;
  }
}

#template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle::before{
  border-radius: 0;
}

#template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle .hero__text {
  top: calc(50% - 80px);
  z-index: 1;
}
#template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle .hero__text .hero__subhead {
  font-style: normal;
}
#template-penthouse #video-hero.neo__video__hero .neo__video__hero__inner .video__circle .hero__text .hero__title {
  width: 850px;
  margin-bottom: 55px;
}

#template-penthouse #video-hero .graphic__curve.scroll {
  background-image: url('../margarite/_ui/grfx_curve_scroll_penthouse.svg');
}

#template-penthouse section#intro.has__bg{
  background-color: #333133;
}

@media screen and (max-width: 960px){
  #template-penthouse #intro #penthouse-intro{
    padding: 62px 8vw 62px;
  }
}

#template-penthouse #intro #penthouse-intro h2.text__header{
  font-size: 65px;
}
#template-penthouse #intro #penthouse-intro h3.text__header{
  font-size: 32px;
}
#template-penthouse #intro #penthouse-intro p.text__copy{
  font-size: 20px;
  width: 900px;
}
@media screen and (max-width: 960px){
  #template-penthouse #intro #penthouse-intro h2.text__header{
    font-size: 55px;
  }
  #template-penthouse #intro #penthouse-intro h3.text__header{
    font-size: 28px;
  }
  #template-penthouse #intro #penthouse-intro p.text__copy{
    font-size: 18px;
  }
}


#template-penthouse #intro #penthouse-intro .neo__btn {
  background-color: #dab3a8;
  padding: 0 16px;
  border-bottom: 2px solid #dab3a8;
}

#template-penthouse #intro #penthouse-intro .neo__btn::after {
  display: none;
}
#template-penthouse #intro #penthouse-intro .neo__btn:hover span{
  color: white;
}
#template-penthouse #intro #penthouse-intro .neo__btn svg{
  display: none;
}
#template-penthouse #intro #penthouse-intro .neo__btn span{
  color: #33332f;
}

#template-penthouse section > div.neo__finishes .finishes__scene__select {
  background-color: #333133;
  left: 60px;
  top: 30px;
}

#template-penthouse #intro .neo__finishes{
  padding: 0 30px;
} 
@media screen and (max-width: 960px){
  #template-penthouse section > div.neo__finishes .finishes__scene__select {
    left: unset;
    top: unset;
  }
  #template-penthouse #intro .neo__finishes{
    padding: 0;
  }
}


#template-penthouse #intro .graphic__curve.under{
  background-image: url('../margarite/_ui/grfx_curve_upside_down_penthouse.svg');
  /* background-image: none */
}

#template-penthouse #features.has__bg, #template-penthouse #contact-us.blue__bg, #template-penthouse #finishes.has__bg{
  background-color: #333133;
}


#template-penthouse #features .graphic__curve.under.dark{
  background-image: none;
}

#penthouse-gallery-intro.neo__text{
  padding-top: 180px;
}
#template-penthouse #features > div.neo__gallery {
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  #penthouse-gallery-intro.neo__text{
    padding-top: 125px;
    margin-bottom: -35px;
  }
  #template-penthouse #features > div.neo__gallery {
    padding-bottom: 0;
  }
}

#template-penthouse #features .card__swiper .swiper-wrapper .swiper-slide .neo__popup__gallery__item {
  opacity: 0.2;
  width: 250px;
  height: 250px;
  transition: all 0.5s ease-in-out;
}

#template-penthouse #features > div.neo__gallery .card__text .card__copy{
  margin: 25px auto 0;
}

#template-penthouse .mfp-fade.mfp-wrap {
  background-color: #333133;
}

#template-penthouse #features .card__swiper .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}

#template-penthouse #features .card__swiper .swiper-wrapper{
  width: 600px;
  height: 600px;
}

#template-penthouse #features .card__swiper .swiper-button-prev,
#template-penthouse #features .card__swiper .swiper-button-next {
  top: 235px;
}

#template-penthouse #features .card__swiper .swiper-wrapper .swiper-slide.swiper-slide-active .neo__popup__gallery__item{
  opacity: 1;
  width: 400px;
  height: 400px;
  transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 961px) {
  #template-penthouse #features .card__swiper .swiper-wrapper .swiper-slide.swiper-slide-active .neo__popup__gallery__item{
    width: 300px;
    height: 300px;
  }
  #template-penthouse #features .card__swiper .swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
  }
  #template-penthouse #features .card__swiper .swiper-button-prev, 
    #template-penthouse #features .card__swiper .swiper-button-next {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #template-penthouse #features .card__swiper .swiper-button-prev{
    left: 7px;
  }
  #template-penthouse #features .card__swiper .swiper-button-next{
    right: 7px;
  }
}

#template-penthouse #finishes{
  padding-top: 85px;
}
#template-penthouse #finishes > div.neo__gallery {
  padding: 0 30px;
}

#template-penthouse #finishes > div.neo__gallery .card__swiper .swiper-wrapper .swiper-slide .card__text {
  margin-top: 0;
}

#template-penthouse #finishes .neo__gallery .penthouse_gallery_heading{
  display: block!important;
  position: absolute;
  top: 25px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  text-shadow: 4px 2px 3px rgba(0,0,0,0.4);
}

#template-penthouse #finishes .neo__gallery::before {
  content: "";
  background-color: black;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0.2;
  z-index: 2;
  margin: 0 30px;
}

@media screen and (max-width: 960px){
  #template-penthouse #finishes > div.neo__gallery {
    padding: 0;
  }
  #template-penthouse #finishes .neo__gallery::before {
    height: 75%;
    margin: 0;
    margin-top: 95px;
  }
  #template-penthouse #finishes .neo__gallery .penthouse_gallery_heading{
    position: relative;
    text-align: center;
    margin-bottom: 45px;
  }
}


@media screen and (max-width: 961px) {
  #template-penthouse #finishes .card__swiper .swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
  }
  #template-penthouse #finishes .card__swiper .swiper-button-prev, 
    #template-penthouse #finishes .card__swiper .swiper-button-next {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #template-penthouse #finishes .card__swiper .swiper-button-prev{
    left: 7px;
  }
  #template-penthouse #finishes .card__swiper .swiper-button-next{
    right: 7px;
  }
}