/* CSS Overrides for re-skin to use GWL colors and logos */

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/*
* Safari specific rule 
*/

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {  
  .copyright {  letter-spacing: -0.02em; }
 #content ul { list-style: none !important;   }
 #content ul li:before{ content:"•"; font-size: 5pt !important; }




}}

/* Safari 11+ */

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

 #content ul { list-style: none;}
 #content ul li:before{ content:"•"; font-size: 14pt !important; }
  .copyright { letter-spacing: -0.02em; }


}}



/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body { font-weight: lighter !important; }
  #content ul { list-style: none !important;   }
 #content ul li:before{ content:"•"; font-size: 15pt !important; }

}



BODY { 
  font-family: 'Open Sans', sans-serif !important; 
  color: #000000 !important;
  font-size: 15px;
}

.page-header H1.page-title { font-size: 29px !important; font-weight: 560;  }
/* .page-header { height: 133px !important; } */


.page-contact .page-header,
.node-type-about-page .page-header,
.node-type-careers .page-header,
.node-type-rentals-page .page-header,
.node-type-job .page-header,
.node-type-portal .page-header {
  height: 120px;
  border-bottom: 5px solid #25533d;
  padding-bottom: 0 !important;
}

.cta-phone-prefix { position: relative;  top: -5px;   }



.gwl-black-cta {  

  height: 38px !important;
  text-align: center;  
  }

.gwl-black-cta .block-inner P {  margin-left: 10px !important;  margn-right: 10px !important; }

.gwl-black-cta .block-inner:before { display: none !important; }
.block-cta-vertica { padding: 0 !important; padding-top: 20px !important; }

.block-cta-vertica .block-inner, .block-cta-vertica .block-inner p { margin: 0 !important; } 

@media only screen and (min-width: 1000px ) {

  .front .search-form-city-image {
    background: url('/files/styles/gwl/header-homepage-building-highres.jpg') no-repeat center top !important;
    background-size: cover !important;
  }
}

@media only screen and (max-width: 940px) {
    
  .name .logobox img {
    
    width: auto !important;
    height: auto !important;
  }
  .name .logobox img {
    background: url("/files/styles/gwl/sublogo_gwl.png") NO-REPEAT LEFT TOP !important;
    width: auto !important;
    height: auto !important; 
  }

  BODY.i18n-fr .name .logobox img {
    background: url("/files/styles/gwl/sublogo_gwl_fr.png") NO-REPEAT LEFT TOP !important;
  /* width: auto !important;
    height: auto !important; */
    z-index: 500;
  }

  .page-header { height: 80px !important;  }


  .page-contact .page-header,
  .node-type-about-page .page-header,
  .node-type-careers .page-header,
  .node-type-rentals-page .page-header,
  .node-type-job .page-header,
  .node-type-portal .page-header {
    padding-bottom: 10px !important;
    padding-top: -20px !important;
  }

  
  .page-contact .page-header .page-title ,
  .node-type-about-page .page-header .page-title ,
  .node-type-careers .page-header .page-title ,
  .node-type-rentals-page .page-header .page-title ,
  .node-type-job .page-header .page-title,
  .node-type-portal .page-header .page-title 
    { margin: 0 !important; padding-top: -30px !important;
      position: relative;
      top: -10px !important; 
    
    }



}

@media only screen and (min-width: 941px) {
	.name .logobox img {
		background: url("/files/styles/gwl/logo_gwl.png") NO-REPEAT LEFT TOP !important;
    width: auto !important;
    height: auto !important; 
  }
  
  BODY.i18n-fr .name .logobox img {
    background: url("/files/styles/gwl/logo_gwl_fr.png") NO-REPEAT LEFT TOP !important;
   /* width: auto !important;
    height: auto !important; */ 
    z-index: 500; 
  }
}	
	
@media only screen and (min-width: 640px) {
.node-type-front-page .block-search .title {
    font-size: 25px !important;
    line-height: 28x;
}

.search-form-container { margin-bottom: 30px !important; }


}

.name .logobox img {
   
  width: auto !important;
  height: auto !important;
}



A, A:visited, 
.gwl-black-cta A, .gwl-black-cta A:visited ,
.block-cta-vertica a, .block-cta-vertica a:visited,
.suite-links-container A, .suite-links-container A:visited,
.suite-links-container .suite-name, .suite-links-container .suite-price-container, 
.suite-links-container .suite-link-icon,
.cta-address A, .cta-address A:visited,
.is-property-page .content-column .contact-cta-container a  
 { color: #25533d  !important; }

 .block-vertica-menu .right a,
.block-vertica-menu .right a:active,
.block-vertica-menu .right a:visited {

  color: #000000 !important;
}



.footer { 
  background: #000; 
  margin-top: 0 !important; 
  font-size: 12px !important;  
  border-top: 10px solid #dadada;
}



.lang-dropdown.has-translation a, .lang-dropdown.override a  { background: none !important;}



.block-search .search-form-container {
   background-image: none !important;
    background:#25533d !important;
    height: auto !important;
   
  }

  .rma-award-container {

    background-image: none  !important;
    background: #25533d !important;
}


/* Hide the RMA award banner on property pages as per the mockups */
.node-type-property-building-page .block-vertica-rma, 
.node-type-property-building-page .gwl-logo-tiny { display: none !important; }
.node-type-property-building-page .page-title { margin: 15px 0; }
.node-type-property-building-page .cta-address { color: #000000 !important; }

.node-content H2 { font-size: 23px !important; }
 
/* Hide the vertica logo on the vertica cta block */
.block-cta-vertica .block-inner:before { background: none;  }

/* Make the vertica cta box inner content full width */
.block-cta-vertica .block-inner {  width: 100%; }

  .block-search form {
   /* background: transparent url('/files/styles/gwl/search-living-line.optimised.png') no-repeat 0 10px !important; */
   background: none !important;
    color: #fff;
    border: 5px solid #fff;

  }

  .front .search-form-city-image {
   min-height: 360px; 
   /* border-bottom: none !important; */
}
.gwl-transition-banner { text-align: center !important; margin-top: 20px; }
.gwl-transition-banner-padded { margin-top: 39px !important; }

.gwl-home-banner { width: 100%; text-align: center; }

/* Mobile v of the transition banner.  we hide it until < 639 px */
.gwl-home-banner-inner-mobile, .gwl-transition-banner-inner-mobile { display: none; }

BODY.front .block-suites {
  padding-top: 0;
  padding-bottom: 0;
}

BODY.front  .footer {
  background: #000;
  margin-top: 0 !important;
  font-size: 12px !important;
}


.page-width H1#page-title { margin-bottom: 25px !important; }


@media only screen and (max-width: 640px) {

  .gwl-home-banner-inner-mobile, .gwl-transition-banner-inner-mobile { display: block !important; }
  .gwl-home-banner-inner, .gwl-transition-banner-inner { display: none; }

  BODY.front .search-form-container { min-height: 300px !important; }
  BODY.front .search-form-city-image { min-height: 505px !important; }


  .page-contact .page-header,
.node-type-about-page .page-header,
.node-type-careers .page-header,
.node-type-rentals-page .page-header,
.node-type-job .page-header,
.node-type-portal .page-header { padding-bottom:  -50px !important;  }
  

.page-contact .page-header .page-title ,
.node-type-about-page .page-header .page-title ,
.node-type-careers .page-header .page-title ,
.node-type-rentals-page .page-header .page-title ,
.node-type-job .page-header .page-title,
.node-type-portal .page-header .page-title 

.page-title { margin: 0 !important; padding-top: 40px !important; }




}


@media only screen and (max-width: 530px) {

  .gwl-black-cta { height: 70px !important; }
 

}


@media only screen and (max-width: 475px) {

  .gwl-black-cta { height: 90px !important; }
  
}

@media only screen and (max-width: 425px) {

  .gwl-black-cta { height: 110px !important; }
 
}


@media only screen and (max-width: 375px) {

  .gwl-black-cta { height: 140px !important; }
  
}





@media only screen and (max-width: 650px) {

  /*
  .gwl-black-cta .block-inner P { 
    
    width: 90% !important;
    margin: 0 !important;
    margin-left: 5% !important;   
    margin-right: 5% !important;
    padding-top: -16px !important;
    padding-left: 60px !important;
    
  
    background: #e1e1e1 url('/files/styles/gwl/gwl-logo-tiny-transparent.png');
    background-position: left;
    background-repeat: NO-REPEAT; 
    */
  
  }
}

.node-type-city-landing .page-title {
  background: none !important;
  padding-top: 0px !important;
  margin: 10px 0px;
}

.gwl-logo-tiny {

  width: 100%;
  text-align: center;
  padding-top: 30px !important;
  margin-top: 10px;
}

.search-form-city-image { 
  padding-top: 4%;  
  padding-bottom: 6%; 
  overflow: hidden !important; 
  border-bottom: solid #25533d thick !important;
}

.search-refine-cta-inner:before {
  display: none !important;  
}

.refine-cta-message {  

  display: inline-block; 
 /* margin-top: 1px !important; */
}



.block-search-map {  border-bottom: solid #25533d 5px !important; }
.block-search-refine .ui-rangeSlider-bar { background-color:  #25533d !important; } 
.block-search-refine .form-submit {  text-align: center !important; margin-right: 30% !important; margin-top: 20px !important;  }
 
.suite-size-container { color: #25533d !important; }

 .gwl-checkbox {

  background: none !important;
  border: solid thin #fff;
  display: block; 
  float: left;
  height: 24px;
  width: 24px;
  opacity: 100;
}

.search-form-container input[type="submit"] {

  background:#fff !important;
  color: #25533d !important;
}


.city-pages-nav .item-list ul.city-list a, 
.city-pages-nav .item-list ul.city-list a:visited,
.btn, .form-submit {

  background: #5e5e5e !important;
  color: #ffffff !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: none; 
  font-weight:normal; 
  font-size: 15px !important;
  border: none !important;
}

#content-footer .btn, .resident-login-btn, .resident-login-btn A
BODY.node-type-portal .form-submit,
.portal-webform .form-submit {  background: #25533d !important;  
  color: #fff !important;  
  margin-top: 10px; 
  padding-bottom: 10px !important; 
  box-shadow: 0 -4px rgba(109,163,144,0.8) inset;
}

.search-form .form-center .form-submit {  box-shadow: 0 -4px rgba(212,212,212,0.8) inset; }

/*
.property-subnav-container  { 
  background-color: #25533d !important; 
  color: #fff !important; 
}

*/
.property-subnav-container A, .property-subnav-container A:visited { color: #fff !important; }
.property-subnav .menu-book-appointment A  { background: #fff !important;  color: #25533d !important; }






.view-blocks-about-vertica-header .attachment-header .content-block-title {
  background: url('/files/styles/gwl/gwl-logo-tiny.jpg') no-repeat center top;
  padding-top: 65px;
}

.content-block-title, BODY.front H2.block-title { font-size: 22px !important;  } 
BODY.front H3.content-block-title {  font-size: 19px !important;  }

/* The background of the caption block in callout images */
.view-blocks-about-vertica-community .main-content .content-block-title, 
.view-blocks-about-vertica-community .attachment-after .content-block-title {

  background: #25533d !important;
  padding-top: 5px; 
  padding-bottom: 5px; 
  color: #ffffff !important; 
  font-size: 18px !important;   
}

.view-blocks-about-vertica-community H3.content-block-title { font-size: 16px !important; }

/* Hide transition banner on rentals property page */
BODY.node-type-rentals-page .gwl-home-banner, BODY.page-search .gwl-home-banner { display: none; }
BODY.node-type-rentals-page .search-form-city-image { 
  border-bottom: none !important; 
  background: #ffffff !important;
  background-image: url('/files/styles/gwl/rental-properties-background-large.jpg') !important; 
  margin-bottom:  40px;
  background-size: 100%;
}

BODY.node-type-rentals-page #block-system-main .block-inner,
BODY.node-type-rentals-page #block-vertica-search,
.node-type-rentals-page .block-vertica-search 
{ background: #ffffff !important; }


/* Front page city image header */
.front .search-form-city-image {
   background: #fff  url('/files/styles/gwl/header-homepage-building.jpg') no-repeat center top !important;
   background-size: cover !important;
  }

  


/* Hide the recent viewed block */
.block-vertica-recent { display: none !important; }

/* Fix fg colour */
.contact-cta-container .cta-appointment, .contact-cta-container .cta-appointment .cta-phone, .contact-cta-container .cta-appointment .cta-phone a {
  background-color: #000000;
  color: #fff !important;
}

.contact-cta-container .cta-appointment .cta-button a { color: #fff !important; }

.contact-cta-container { background: #f2f2f2 !important; }

BODY.node-type-portal H2.block-title { font-size: 23px;  }
.portal-login .resident-login-btn { color: #ffffff !important; }

.resident-login-btn A, .resident-login-btn A :visited { color: #fff !important; }
.search-form-city-image { backround-image: url( '/files/styles/gwl/rental-properties-background-large.jpg'); }

BODY {  color: #000000 !important; } 

/* disable strong on view block titles */
BODY.page-node-69 .view-blocks-about-vertica-community strong { font-weight: normal !important; }

.footer A, .footer A:visited, .copyright { color: #81bfaa !important; }
.copyright { font-weight: bold; }

.block-footer-residents .block-content P a {  color: #fff !important; }

.name .logobox img { width: auto !important; height: auto !important; }

/* Top Menu Font Size / Colour */
.top-bar-section ul li > a, .top-bar-section .dropdown li a {
  color: #000000 !important;
  background: white;
  font-weight: normal;
  font-size: 15px;
}


@media only screen and (max-width: 1052px) and (min-width: 960px) {

  .top-bar-section ul.menu li a { font-size: 15px !important; }
}

BODY.is-property-page .footer { margin-top: 0 !important; }
.footer A, .footer A:visited, .footer P  { color:#8fd6bd !important; font-weight: bold !important;  }
.footer H2.block-title SPAN  { font-size: 16px !important; font-weight: normal; }

.block-vertica-menu .menu a.active, .block-vertica-menu .menu li.active-trail a {
  text-decoration: none;
  border-bottom: none;
  font-weight: normal;
}

/* Headers on non-front pages are a little larger */
BODY.not-front H3.content-block-title { font-size: 23px !important; color: #000000 !important; }
BODY.not-front H4 { font-size: 19px;  }

/* For some reason on the about page block titles are a little smaller */
BODY.node-type-about-page H3.content-block-title { font-size: 19px !important; } 

.breadcrumbs A, .breadcrumbs A:visited { 
  font-weight: bold;  
  text-decoration-color: #bcbcbc !important; 
  font-size: 12px !important; 
}

.breadcrumbs { font-size: 12px !important;  }





@media only screen and (min-width: 640px ) and (max-width: 999px) {
  .front .search-form-city-image {
      background: #ffffff url('/files/styles/gwl/header-homepage-building.jpg') no-repeat center top !important;
      background-size: cover !important;
    }
    



}


/* Fix search results sidebar */
@media only screen and (min-width: 640px) {
 .block-search-refine .search-form-container, .block-blog-filters {

    width: auto;
    display: inline-block !important; 
  
  }
}



.refine-cta-phone A, .refine-cta-phone A:visited { color:#ffffff !important; }

.top-bar-section .right A, .top-bar-section .right A:visited { color: #25533d !important;  }

.top-bar .menu-icon A, .top-bar .menu-icon A:visited  { color: #ffffff !important; }

BODY.node-type-rentals-page .content-block-body H4 { margin-top: 20px !important; }

a.cycle-pager-active { background: #25533d !important;  }

/* Grey bar above footer */
.bottom-grey-bar { width: 100%; height: 10px;  margin: 0; padding:0; background: #dadada; }




@media only screen and (max-width: 320px) {

  BODY.front .search-form-city-image,  BODY.front .search-form-container  {

    min-height: 460px !important;
    max-height: 460px !important; 
  }  
}

@media only screen and (max-width: 799px) and (min-width: 640 ){

  .page-contact .page-header, 
  .node-type-about-page .page-header, 
  .node-type-careers .page-header, 
  .node-type-rentals-page .page-header, 
  .node-type-job .page-header, 
  .node-type-portal .page-header {
    height: 80px !important; 
    padding-bottom: 20px !important;
    margin-top: 10px !important;
}








}







UL.city-list, UL.city-list LI,
.item-list-city-list  
{ list-style-type: none !important;  list-style: none !important; }

.item-list-city-list ul li:before,  
.suite-links-container ul li:before 
{ display: none !important; }



@media only screen and (max-width: 415px) {

  BODY.front .search-form-city-image,  BODY.front .search-form-container  {

    min-height: 350px !important;
   /* max-height: 455px !important; */
  }  

  .page-header { margin: 0 !important; padding: 0 !important;  }
}

.contact-switch .form-submit, 
.contact-switch .form-item-property {

  display: inline-block !important;
  margin-left: 45px !important; 
  margin-right: 45px !important;
  clear: both !important; 
  margin-bottom: 10px !important;
}

/* The About Page Partner Logos */

.view-id-blocks_about_vertica_partners { display: none !important; }

.gwl-partner-logos { 
  width: 100%; 
  
  display: inline-block;   
  text-align: center;
}
.gwl-partner-logos .gwl-partner-logo IMG { max-width: 260px; margin-right: 40px;   }
.gwl-partner-logos .gwl-partner-logo {  width: 33%; }
.gwl-partner-logos .gwl-partner-logo:last-child { clear: both; }
.gwl-partner-edmonton { clear: both;  width: 160px;  }

.gwl-logo-tiny { display: none !important;  }


.node-type-city-landing .page-title, .view-blocks-about-vertica-header .attachment-header .content-block-title  { background: none !important; padding-top: 0 !important; } 
.property-subnav-container { background-color: #5a5a5a; !important; }

/* Gallery Images - fix cutting off of images in mobile sizes */
.jquery-cycle2-item .image {  min-height: 450px !important;  }

.shaughn-parking-cta { text-align: center !important;  }
.shaughn-parking-page .shaughn-parking-cta { padding-top: 50px !important; }
.shaughn-parking-page { margin: 1.5% !important; }




.shaughn-parking-page P, .shaughn-parking-page FORM  {

	text-align: justify;
	width: 50%; 
  margin-left: 25%;
  margin-right: 25%;
}

.shaughn-parking-page .form-text { max-width: 413px !important; }
.shaughn-parking-page .form-textarea { width: 424px !important; }

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {

/*  BODY.page-the-shaughn-parking  #content-column, .content-column { width: 90%; }   */


  BODY.page-the-shaughn-parking .frame { width: 100% !important;  max-width: 1000px !important; margin: 0 !important;  left: 0px !important; }
  BODY.page-the-shaughn-parking .property-header .frame .content-inner { padding: 0 !important; }

  .shaughn-parking-page {	margin: 0 !important; width: 100%; }
  .shaughn-parking-page P, .shaughn-parking-page FORM  {

    text-align: justify;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

/*  .shaughn-parking-page .form-text { max-width: 250px !important; } */

}



BODY.node-type-portal .jquery-cycle2-item .image {
  min-height: 150px !important;
  }