/*-- Theme Wide CSS  -  Please talk to a theme specialist before editing this file! --*/

/* begin CSS for X icon font */
/* Generated by Glyphter (http://www.glyphter.com) on  Tue Nov 07 2023*/
@font-face {
    font-family: 'Glyphter';
    src: url('/gridmedia/css/fonts/__Glyphter.eot');
    src: url('/gridmedia/css/fonts/__Glyphter.eot?#iefix') format('embedded-opentype'),
         url('/gridmedia/css/fonts/__Glyphter.woff') format('woff'),
         url('/gridmedia/css/fonts/__Glyphter.ttf') format('truetype'),
         url('/gridmedia/css/fonts/__Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-x']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-set.icon-x:before{
    content:'\0041'!important;
}

#main_header .main-header-contain .navbar-header #main-navigation .nav .menu-side ul li .icon-x:before {
    font-size: 16px;
}
/* end CSS for X icon font */

#main_header.newsletters {
    position: relative;
    top: unset;
}

/* emergency text fix */
body > .container {
    position: relative;
}
/* end emergency text fix */
.footer-icon-eho {
    max-width: 40px;
}

@media only screen and (max-width: 479px) {
    select#id_appointment_time {
        min-width: 88px;
    }
}

a.dni-phone {
    line-height: inherit;
}

/*-- Translator absolute position ADB --*/
#WidgetFloaterPanels {
    left: 0 !important;
    top: 0 !important;
}
/*-- End absolute translator positioning --*/

#refer-modal .modal-backdrop {
    display: none;
}

#div_success_popup {
    background: transparent;
}

/* about us and raf modals were hiding on fps page*/
.modal-dialog {
    z-index: 1100;
}

/* Wrapper styles */
.resident-portal iframe,
.guestcard-portal iframe {
    max-width: 900px;
}

.guestcard-portal iframe {
    min-height: 980px !important;
}
/* end wrapper styles */
.carousel-control {z-index: 1}
/*floorplan mobile icons*/
.icon-list:before {
    content: "\251" !important;
}
/* navigation styling */
.three-dots #main-navigation > ul.nav li:after {
    display: none;
}
.future-fps-container {
    overflow-x: hidden;
}

.future-fps-container .availability > p {
    margin: 10px auto 20px;
}

.socialize_ni .icon-set.icon-youtube {
    font-size: 24px !important;
}

/* specials */
#main_header .navbar-header .navbar-collapse .navbar-nav .specials_ni.show-specials {
    display: inline-block;
}

/* cinemagraphs 1/23/17 */
.iframe-scaler {
  height: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}


.iframe-scaler img {
  width: 100%;
  vertical-align: top;
}
.iframe-scaler iframe {
  vertical-align: top;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.iframe-scaler .mobile-cinemagraph-placeholder {
  display: none;
}

/*-- live chat fix --*/
#chat-form-div.bc-form #live_chat_link {
    width: 39px;
}

@media only screen and (max-width: 479px) {
    .testimonials #review_form_container {
        width: 100%;
    }
}

@media only screen and (min-width: 1044px) {
    .interest-list form .form-group label {
        color: #fff;
    }
}

@media only screen and (min-width: 1800px) {
    #footer .footer-text-contain .address-section .asc-small > span {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1044px) {
    #slideshow_overlay div.iframe-scaler {
        display: none;
    }
    #slideshow_overlay div.iframe-scaler.temp-fix {
        display: block;
    }
}
@media only screen and (max-width: 1044px) {
  .iframe-scaler {
    display: none;
  }
}
.mobile-cinemagraph-placeholder {
  display: none;
}
@media only screen and (max-width: 1044px) {
  .mobile-cinemagraph-placeholder {
    display: inline-block;
  }
}

@media only screen and (min-width: 678px) {
    .floorplans-section .fp-unit {
        width: 29.5%;
    }
}

@media only screen and (min-width: 768px) {
  .homepage-additions .hpt-contain .hpt-initial figure figcaption {
    left: 0px;
  }
}

/*pet policy list fix*/
.pets.image-bg .text-overlay .pet-policy {
    white-space: pre-line;
}

/* Animated Headline */
#animated-headline.headline-left {
    background: transparent;
}

/* breathing room for floor plan text and neighborhood POIs on ipad */
@media only screen and (min-width: 768px) and (max-width: 1043px) {
    .fp-header {
        padding: 42px 15px;
    }
    
    .single-category-styling ul li {
        padding: 10px 10px 15px 10px;
    }
        
    .single-category-styling ul li .marker_info .location {
        width: 95%;
    }
}


x/* #Media Queries */       
@media only screen and (min-width: 1680px) and (max-width: 1900px){

}
@media only screen and (min-width: 1440px) and (max-width: 1679px){

}
@media only screen and (min-width: 1280px) and (max-width: 1439px){

}
@media only screen and (min-width: 1044px) and (max-width: 1279px){

}
@media only screen and (min-width: 768px) and (max-width: 1043px){

}
@media only screen and (min-width: 480px) and (max-width: 767px){
    
}
@media only screen and (max-width: 479px){

}


/* adjustment for retina displays */
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { 

}     
@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
}
/* community tour */
#body_community-tour .insidepage {
  width: 100%;
  text-align: center;
}
#body_community-tour .insidepage .ct-video {
  width: 1600px;
  height: 900px;
  margin: 0 auto;
  border: 1px solid #fff;
}
@media only screen and (min-width: 1680px) and (max-width: 1900px) {
  #body_community-tour .insidepage .ct-video {
    width: 1400px;
    height: 788px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1679px) {
  #body_community-tour .insidepage .ct-video {
    width: 1200px;
    height: 675px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  #body_community-tour .insidepage .ct-video {
    width: 1000px;
    height: 563px;
  }
}
@media only screen and (min-width: 1044px) and (max-width: 1279px) {
  #body_community-tour .insidepage .ct-video {
    width: 800px;
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1043px) {
  #body_community-tour .insidepage .ct-video {
    width: 600px;
    height: 338px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #body_community-tour .insidepage .ct-video {
    width: 480px;
    height: 270px;
  }
}
@media only screen and (max-width: 479px) {
  #body_community-tour .insidepage .ct-video {
    width: 320px;
    height: 180px;
  }
}