/*-- Theme Wide CSS  -  Please talk to a theme specialist before editing this file! --*/
/* Google My Business font update */
@font-face {
  font-family: "gmb";
  src:url("../__fonts/gmb.eot");
  src:url("../__fonts/gmb.eot?#iefix") format("embedded-opentype"),
    url("../__fonts/gmb.woff") format("woff"),
    url("../__fonts/gmb.ttf") format("truetype"),
    url("../__fonts/gmb.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-gmb:before {
  font-family: "gmb" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-gmb:before {
  content: "\61";
}
/* End Google My Business font update */

/* begin CSS for X icon font */
@font-face {
    font-family: 'Glyphter';
    src: url('/gridmedia/__fonts/__Glyphter.eot');
    src: url('/gridmedia/__fonts/__Glyphter.eot?#iefix') format('embedded-opentype'),
         url('/gridmedia/__fonts/__Glyphter.woff') format('woff'),
         url('/gridmedia/__fonts/__Glyphter.ttf') format('truetype'),
         url('/gridmedia/__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-x:before{
    content:'\0041'!important;
    font-size: 14px;
}
/* end CSS for X icon font */

.fptab .box.gallery-landscape .bigimg {
    display: none;
}

.rdot #div_community_map_wrapper {
    background-color: transparent !important;
}

.full-width-single-column .contain-width .content-section p {
    margin: 0 auto 10.5px auto;
}

@media only screen and (min-width: 1600px) {
    #body_floorplans .availability #availabilities .bdbacat h2 a {
        font-size: 24px;
    }
    #body
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    #body_floorplans .availability #availabilities .bdbacat h2 a {
        font-size: 14px;
    }
    #body_floorplans .availability #availabilities .bdbacat h2 a:after {
        font-size: 12px;
    }
}

.ebrochure {
    overflow: hidden;
}

.main_posts p {
    margin: 0 auto;
    max-width: 90%;
}

.pet-header {
    text-align: left;
}

.insidepage {
    position: static;
}

@media only screen and (min-width: 678px) {
    .ebrochure .owl-carousel .owl-wrapper-outer {
        height: 782px;
    }
}

.ebrochure .btn {
    margin-bottom: 25px;
}
/* fixes glyphicon error, fonts were not loading properl u*/
.carousel-control {
    opacity: 0.5;
}
.carousel-control:hover,
.carousel-control:focus {
    opacity: 0.9;
}
.glyphicon-chevron-left:before {
    content: '';
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    height: 25px;
    width: 25px;
}
.glyphicon-chevron-right:before {
    content: '';
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    height: 25px;
    width: 25px;
}

/* Prevents nav from hiding behind blog container */
#body_blog header {
    z-index: unset;
}
#body_directions .ui-widget-content.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
    background: #333;
    color: #fff;
}

@media only screen and (min-width: 1024px) {
    .application-container .dual-column > div > div p {
        text-align: center;
    }
}

@media only screen and (max-width: 1099px) {
    #body_pets .insidepage.pets.image-bg #pets_photo_holder .text-overlay {
        background: transparent;
    }
}

/* Request an Appointment form fix */
@media only screen and (min-width: 768px) {
    #div_form_appointment_move_in_date,
    #div_form_appointment_body {
        margin-top: 3em;
    }
}

/* #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){
    select#id_appointment_time {
        min-width: 100px;
    }
    .amenities-page .amenities-container .amenities-count ul {
        width: 95%;
    }
}

@media only screen and (max-width: 374px) {
    #recaptcha {
        width: 200px !important;
        overflow: hidden !important;
        margin: 0 auto !important;
    }
    
    #recaptcha div {
        width: 200px !important;
    }
}


/* 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) {
}

#emergency-services.burlington {
	background-color: #72a951;
	color: #fff;
	font: normal 18px/28px, 'Montserrat', sans-serif;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
