/** ---------------------------
/*  normalize.css
/*  --------------------------- */

/* # HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
  display: block

audio, canvas, video
  display: inline-block
  *display: inline
  *zoom: 1

audio:not([controls]), [hidden]
  display: none

/* # Base */

/*
/* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
/* 2. Force vertical scrollbar in non-IE
/* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */

html
  font-size: 100%
  overflow-y: scroll
  -webkit-text-size-adjust: 100%
  -ms-text-size-adjust: 100%

body
  margin: 0
  font-size: 13px
  line-height: 1.231
  font-family: sans-serif
  color: #222
  -moz-box-shadow: none

button, input, select, textarea
  font-family: sans-serif
  color: #222
  -moz-box-shadow: none

/* Remove mozilla form styling for required and invalid input */

input:invalid input:-moz-submit-invalid input:required
  -moz-box-shadow: none

/* 
/* Remove text-shadow in selection highlight: h5bp.com/i
/* These selection declarations have to be separate
/* Also: hot pink! (or customize the background color to match your design) */

html
  &:-moz-selection, &:selection
    background: #aaa
    color: #fff
    text-shadow: none

/* # Links */

a
  color: #00e
  &:visited
    color: #551a8b
  &:hover
    color: #4C788A
  &:focus
    outline: thin dotted
  &:hover, &:active
    outline: 0

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

/* # Typography */

abbr[title]
  border-bottom: 1px dotted

b, strong
  font-weight: bold

blockquote
  margin: 1em 40px

dfn
  font-style: italic

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

ins
  background: #ff9
  color: #000
  text-decoration: none

mark
  background: #ff0
  color: #000
  font-style: italic
  font-weight: bold

/* Redeclare monospace font family: h5bp.com/j */

pre, code, kbd, samp
  font-family: monospace, monospace
  _font-family: 'courier new', monospace
  font-size: 1em

/* Improve readability of pre-formatted text in all browsers */

pre
  white-space: pre
  white-space: pre-wrap
  word-wrap: break-word

q
  quotes: none
  &:before, &:after
    content: ""
    content: none

small
  font-size: 85%

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub
  font-size: 75%
  line-height: 0
  position: relative
  vertical-align: baseline

sup
  font-size: 75%
  line-height: 0
  position: relative
  vertical-align: baseline
  top: -0.5em

sub
  bottom: -0.25em

/* # Lists */

ul, ol
  margin: 1em 0
  padding: 0 0 0 40px

dd
  margin: 0 0 0 40px

nav
  ul, ol
    list-style: none
    list-style-image: none
    margin: 0
    padding: 0

/* # Embedded content */

/*
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
/* 2. Remove the gap between images and borders on image containers: h5bp.com/e */

img
  border: 0
  -ms-interpolation-mode: bicubic
  vertical-align: middle

/*
/* Correct overflow not hidden in IE9 */

svg:not(:root)
  overflow: hidden

/* Figures */

figure, form
  margin: 0

/* Forms */

fieldset
  border: 0
  margin: 0
  padding: 0

/* Indicate that 'label' will shift focus to the associated form element */

label
  cursor: pointer

/* 
/* 1. Correct color not inheriting in IE6/7/8/9 
/* 2. Correct alignment displayed oddly in IE6/7 */

legend
  border: 0
  *margin-left: -7px
  padding: 0

/*
/* 1. Correct font-size not inheriting in all browsers
/* 2. Remove margins in FF3/4 S5 Chrome
/* 3. Define consistent vertical alignment display in all browsers */

button, input, select, textarea
  font-size: 100%
  margin: 0
  vertical-align: baseline
  *vertical-align: middle

/*
/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
/* 2. Correct inner spacing displayed oddly in IE6/7 */

button, input
  line-height: normal
  *overflow: visible

/*
/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */

table
  button, input
    *overflow: auto

/*
/* 1. Display hand cursor for clickable form elements
/* 2. Allow styling of clickable form elements in iOS */

button
  cursor: pointer
  -webkit-appearance: button

input
  &[type="button"], &[type="reset"], &[type="submit"]
    cursor: pointer
    -webkit-appearance: button
  &[type="checkbox"], &[type="radio"]
    box-sizing: border-box
  &[type="search"]
    -webkit-appearance: textfield
    -moz-box-sizing: content-box
    -webkit-box-sizing: content-box
    box-sizing: content-box
    &::-webkit-search-decoration
      -webkit-appearance: none

/* Consistent box sizing and appearance */

/*  Remove inner padding and border in FF3/4: h5bp.com/l */

button::-moz-focus-inner, input::-moz-focus-inner
  border: 0
  padding: 0

/* 
/* 1. Remove default vertical scrollbar in IE6/7/8/9 
/* 2. Allow only vertical resizing */

textarea
  overflow: auto
  vertical-align: top
  resize: vertical

/* Colors for form validity */

input:invalid, textarea:invalid
  background-color: #f0dddd

/* # Tables */

table
  border-collapse: collapse
  border-spacing: 0

td
  vertical-align: top





/** ---------------------------
/*  Primary Styles
/*  --------------------------- */

/*General */

*
  color: black
  font-size: 12pt
  font-family: 'Lora', Helvetica, Arial, Times !important
  font-weight: 300

body
  background-color: #d3e1e7

*
  &:selection, &:-moz-selection
    background-color: #999

/*Header */

h1, h2, h3
  font-family: 'Habibi', Helvetica !important

/*top */

#top-bg
  background: black
  height: 45px

#agent-header
  width: 900px
  height: 60px
  margin: 0 auto
  margin-top: -50px
  p
    height: 30px
    font-size: 14pt
    color: white
    margin-top: 15px
    img
      padding-right: 5px
      &#phone
        padding-right: 5px
        margin-top: -5px

.agent-phone
  float: left
  text-align: left

.agent-email
  float: right
  text-align: right
  a
    &:visited
      color: #fff
    &:hover
      color: #92B5C3

/*title */

#title
  margin: 0 auto
  width: 900px

h1
  width: 100%
  margin: 10px 0 0 0
  text-align: center
  font-size: 38pt
  font-weight: 300

h2
  float: left
  width: 100%
  font-size: 20pt
  font-weight: 300
  margin-top: -10px
  margin-bottom: 10px
  text-align: center

#header-details
  text-align: center
  width: 900px
  span
    margin-left: 10px
    margin-right: 10px

/*Slideshow */
.orbit-wrapper
  margin: 28px 0 0 22px !important
#slideshow
  margin: 0 auto
  height: 461px
  width: 924px
  overflow: hidden
  background: #D3E1E7 url("../img/slide-frame.png") no-repeat
  *background: none
  /*ie7 fix */
  background: none\9
  /*ie8 fix */
  overflow: none
  position: relative
  z-index: 5
  a
    outline: none
  ul#slides li img
    height: 405px
    width: 885px
    margin: 16px 0 0 20px
  #slider
    .nivo-prevNav
      background: url("../img/prev.png") no-repeat
      *background: none
      float: left
      margin: -20px 0 0 20px
      display: block
      width: 80px
      height: 80px
      text-indent: -9999px
    .nivo-nextNav
      background: url("../img/next.png") no-repeat
      *background: none
      float: right
      margin: -20px 40px 0 0
      display: block
      width: 79px
      height: 80px
      text-indent: -9999px
    .nivo-controlNav
      display: none
  .nivo-caption
    display: none !important
/*Content */

/*Main */

#main
  margin: 0 auto
  width: 900px

h3.section-title
  color: black
  font-size: 20pt
  font-weight: 300
  width: 900px
  height: 20px
  margin: 20px 0 0 0
  width: 900px

section
  background: white
  padding: 10px 10px
  margin-top: 20px
  border-top: 10px solid black
  -moz-box-shadow: 3px 3px 3px #ccc
  -webkit-box-shadow: 3px 3px 3px #ccc
  box-shadow: 3px 3px 3px #ccc

section.pls-listings
  background: none
  border-top: none
  -moz-box-shadow: none
  -webkit-box-shadow: none
  box-shadow: none
  
/*Gallery */

#gallery img
  width: 205px
  height: 150px
  margin: 5px 5px 10px 5px
  -moz-box-shadow: 3px 3px 3px #ccc
  -webkit-box-shadow: 3px 3px 3px #ccc
  box-shadow: 3px 3px 3px #ccc

#property-details p
  font-size: 12pt
  margin-left: -10px
  span
    font-size: 12pt
    font-weight: 600
    margin-left: 20px

#amenities
  padding: 10px 15px
  td
    height: 30px
    padding-left: 20px
    width: 220px
    position: relative
    background: url('../img/green-check.png') no-repeat

#agent
  min-height: 175px
  width: 880px
  margin-bottom: 30px
  float: left
  #agent-image
    float: left
    margin: 0px 10px
  #agent-info
    width: 500px //was 340px, but at 500px until MLS is integrated
    min-height: 175px
    float: left
    margin: 0 10px
    #agent-name
      font-size: 14pt
      font-weight: 600
      margin: 5px 0 -10px 0
    #agent-company
      font-size: 10pt
    #agent-email
      margin: 10px 0 -10px 0
    #agent-phone
      margin-bottom: 0px
      
  #mls-info
    width: 300px
    height: 175px
    float: left
    margin: 0 10px
    p
      font-size: 10pt
    #mls-company
      margin-top: -10px

/*Footer */

footer
  background: black
  height: 50px
  *margin-top: 30px
  clear: both

p#powered-by-placester
  color: white
  height: 20px
  padding: 5px 15px
  margin-top: 25px
  text-align: center
  a
    color: #e29808
    &:visited
      color: #fff
    &:hover
      color: #92B5C3

/** --------------------------------------------------
 *  Non-semantic helper classes
 *  Please define your styles before this section
 *  -------------------------------------------------- */

/* For image replacement */

.ir
  display: block
  border: 0
  text-indent: -999em
  overflow: hidden
  background-color: transparent
  background-repeat: no-repeat
  text-align: left
  direction: ltr
  br
    display: none

/* Hide from both screenreadersenreaders and browsers: h5bp.com/u */

.hidden
  display: none !important
  visibility: hidden

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden
  border: 0
  clip: rect(0 0 0 0)
  height: 1px
  margin: -1px
  overflow: hidden
  padding: 0
  position: absolute
  width: 1px
  &.focusable
    &:active, &:focus
      clip: auto
      height: auto
      margin: 0
      overflow: visible
      position: static
      width: auto

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

/* Hide visually and from screenreaders, but maintain layout */

.invisible
  visibility: hidden

/* Contain floats: h5bp.com/q */

.clearfix
  &:before
    content: ""
    display: table
  &:after
    content: ""
    display: table
    clear: both
  zoom: 1

/** --------------------------------------------------
 *  Media queries
 *  -------------------------------------------------- */

@media only screen and (min-width: 480px)
  /* Style adjustments for viewports 480px and over go here */

@media only screen and (min-width: 768px)
  /* Style adjustments for viewports 768px and over go here */

/** --------------------------------------------------
 *  Print styles
 *  -------------------------------------------------- */

@media print
  *
    background: transparent !important
    color: black !important
    text-shadow: none !important
    filter: none !important
    -ms-filter: none !important
  /* Black prints faster: h5bp.com/s */
  a
    text-decoration: underline
    &:visited
      text-decoration: underline
    &[href]:after
      content: " (" attr(href) ")"
  abbr[title]:after
    content: " (" attr(title) ")"
  .ir a:after
    content: ""
  a
    &[href^="javascript:"]:after, &[href^="#"]:after
      content: ""
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote
    border: 1px solid #999
    page-break-inside: avoid
  thead
    display: table-header-group
  /* h5bp.com/t */
  tr
    page-break-inside: avoid
  img
    page-break-inside: avoid
    max-width: 100% !important
  @page
    margin: 0.5cm

  p, h2, h3
    orphans: 3
    widows: 3
  h2, h3
    page-break-after: avoid