/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* --------------------  This is the CSS for the phone -------------------- */
/*-----Prevents iPhone from resizing in landscape mode -----*/
/* line 4, ../sass/_phone-default.scss */
html {
  -webkit-text-size-adjust: none;
}

/*----------- apply a natural box layout model to all elements --------------*/
/* line 7, ../sass/_phone-default.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*---------  BODY ----------- */
/* line 30, ../sass/_phone-default.scss */
body {
  font-size: 16px;
  font-family: "Lato", sans-serif;
}

/*-----CONTAINER -----*/
/* line 37, ../sass/_phone-default.scss */
#container {
  background-color: #fff;
  /*becomes the nav background color*/
  min-width: 320px;
  max-width: 960px;
}

/*-----HEADER -----*/
/* line 44, ../sass/_phone-default.scss */
header {
  border-bottom: 5px solid #6ebe45;
}
/* line 47, ../sass/_phone-default.scss */
header h1 {
  font-size: 1.5em;
}
/* line 51, ../sass/_phone-default.scss */
header h2 {
  color: #01a6d3;
  margin: -15px 0 10px 72px;
  font-size: .85em;
}

/* ----- END OF HEADER NESTING ------- */
/* -----  NAVIGATION ----- */
/* line 63, ../sass/_phone-default.scss */
nav ul li a {
  text-align: center;
  padding: .7em;
  text-decoration: none;
  display: block;
  background-color: #01a6d3;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin: .5em;
  font-size: .85em;
}
/* line 75, ../sass/_phone-default.scss */
nav ul li a:hover {
  background-color: #07667c;
}
/* line 79, ../sass/_phone-default.scss */
nav ul li.active a {
  background-color: #ccc;
  color: #707070;
}

/* ------- END OF NAV NESTING -------- */
/* ------------  CONTENT -------------- */
/* line 87, ../sass/_phone-default.scss */
#content {
  min-height: 5em;
  /* ------ END OF ARTICLE NESTING  -----  */
}
/* line 91, ../sass/_phone-default.scss */
#content article {
  margin: 0 2%;
}
/* line 95, ../sass/_phone-default.scss */
#content article .mortgage {
  margin-left: 1.5%;
  color: #707070;
}
/* line 100, ../sass/_phone-default.scss */
#content article .news, #content article .tweet {
  background-color: #eee;
  margin-top: .5em;
  margin-bottom: .5em;
  padding-bottom: .5%;
}
/* line 109, ../sass/_phone-default.scss */
#content figcaption {
  margin-top: -.95em;
}

/* ------ END OF CONTENT NESTING ------- */
/* line 114, ../sass/_phone-default.scss */
article.news h2, article.tweet h2 {
  color: #fff;
  font-size: .8em;
  padding: .5em;
}

/* line 120, ../sass/_phone-default.scss */
article.news h2 {
  background-color: #6ebe45;
  padding-left: 1%;
  margin-top: -1px;
}

/* line 124, ../sass/_phone-default.scss */
article.tweet h2 {
  background-color: #01a6d3;
  padding-left: 1%;
  margin-top: -1px;
}

/* line 129, ../sass/_phone-default.scss */
article.news h3, article.tweet h3 {
  font-size: 1em;
  padding: .5em 0 0 1%;
}

/* line 134, ../sass/_phone-default.scss */
article.news h3 {
  color: #6ebe45;
}

/* line 135, ../sass/_phone-default.scss */
article.tweet h3 {
  color: #01a6d3;
}

/* line 137, ../sass/_phone-default.scss */
article.news p, article.tweet p {
  color: #666;
  font-size: .8em;
  padding-right: 1%;
  line-height: 120%;
}

/* line 144, ../sass/_phone-default.scss */
h1, h2, h3, h4, h5 {
  margin: 1% 0;
}

/* line 148, ../sass/_phone-default.scss */
p {
  margin: 1% 1%;
  line-height: 125%;
}

/* line 152, ../sass/_phone-default.scss */
.financing {
  margin: 1% 1%;
  color: #014f91;
  font-size: 1.2em;
  font-weight: 400;
}

/* line 159, ../sass/_phone-default.scss */
.highlight, .backToTop {
  color: #0099cc;  
}

/* line 163, ../sass/_phone-default.scss */
.backToTop {
  /* DEMONSTRATION OF EXTEND/INHERITANCE  */
}

/* ----- IMAGES ------*/
/* line 169, ../sass/_phone-default.scss */
figure.w100 {
  background-image: url(../images/home-phone.jpg);
  background-repeat: no-repeat;
  height: 245px;
}

/* line 175, ../sass/_phone-default.scss */
figure.my30photo {
  width: 30%;
  float: right;
}

/* line 180, ../sass/_phone-default.scss */
figure.w33 {
  width: 96%;
  height: 173px;
  border: 1px solid #999;
  margin: .3em 0 .3em 2%;
}

/* line 186, ../sass/_phone-default.scss */
figure img {
  width: 100%;
}

/* line 190, ../sass/_phone-default.scss */
#content figcaption {
  text-align: center;
  font-size: .85em;
  color: #777;
  padding: 1em 0.4em;
}

/* ------------------ DEMONSTRATION OF EXTEND/INHERITANCE ------------------- */
/* line 199, ../sass/_phone-default.scss */
span.button, span.stepone, span.steptwo, span.stepthree, span.stepfour {
  border: 1px solid #666;
  border-radius: 15px 5px;
  display: block;
  padding: .4em 1em .4em 1em;
  margin: .3em 0;
  max-width: 100%;
  font-size: .9em;
  font-weight: 400;
  color: #000;
}

/* line 211, ../sass/_phone-default.scss */
span.stepone {
  background-color: #00bfff;
}

/* line 216, ../sass/_phone-default.scss */
span.steptwo {
  background-color: #00ffff;
}

/* line 220, ../sass/_phone-default.scss */
span.stepthree {
  background-color: #00ffbf;
}

/* line 224, ../sass/_phone-default.scss */
span.stepfour {
  background-color: #00ff80;
}

/*----- FOOTER -----*/
/* line 230, ../sass/_phone-default.scss */
footer {
  clear: both;
  text-align: center;
  padding: .65em;
  background-color: #6ebe45;
  font-size: .75em;
  color: #000;
  text-decoration: none;
}

/* line 240, ../sass/_phone-default.scss */
footer ul#socialmedia {
  text-align: center;
}

/* line 244, ../sass/_phone-default.scss */
footer ul#socialmedia li {
  display: inline-block;
}

/* line 248, ../sass/_phone-default.scss */
footer ul#socialmedia li a {
  font-size: 2.25em;
  margin: 0 .2em;
}

/* line 252, ../sass/_phone-default.scss */
.companyInfo {
  margin: 1em auto;
  font-size: 1.3em;
  font-weight: bolder;
}

/* line 257, ../sass/_phone-default.scss */
.companyInfo a {
  color: #000;
}

/* line 261, ../sass/_phone-default.scss */
i {
  color: #000;
  text-decoration: none;
}

@media only screen and (min-width: 600px) {
  /* TABLET RULES  */
  /*  @media only screen and (min-width: 600px) {  */
  /*-----BODY -----*/
  /*-----CONTAINER -----*/
  /*-----HEADER -----*/
  /*-----NAVIGATION-----*/
  /* line 15, ../sass/_tablet.scss */
  nav {
    background-color: #01a6d3;
  }
  /* line 19, ../sass/_tablet.scss */
  nav ul li a {
    float: left;
    border-right: 1px solid #fff;
    border-radius: 0;
    margin: 0;
  }

  /* END NAV NESTING */
  /*-----CONTENT -----*/
  /* ----- IMAGES ----*/
  /* line 30, ../sass/_tablet.scss */
  figure.w100 {
    background-image: url(../home-tablet.jpg);
    height: 392px;
  }

  /* line 35, ../sass/_tablet.scss */
  figure.my30photo {
    width: 30%;
    /*  height: 273px;  */
    float: right;
    /* background-image: url(agent-large-img.jpg);
     background-repeat: no-repeat; */
  }

  /* line 43, ../sass/_tablet.scss */
  figure.w33 {
    width: 50%;
    float: right;
  }

  /*----- FOOTER -----*/
  /* ----- MISC ------*/
  /* line 51, ../sass/_tablet.scss */
  .keepOpen {
    clear: both;
  }

  /*  }   */
}
/* END OF TABLET RULES  */
@media only screen and (min-width: 1141px) {
  /* DESKTOP RULES  */
  /* @media only screen and (min-width: 1141px) {  */
  /*-----BODY -----*/
  /* line 8, ../sass/_desktop.scss */
  body {
    background-image: url(body_repeat1.jpg);
    background-repeat: repeat-x;
  }

  /*-----WRAPPER -----*/
  /*-----CONTAINER -----*/
  /* line 16, ../sass/_desktop.scss */
  #container {
    margin: 2em auto;
    border: 1px solid #888;
    box-shadow: 4px 4px 3px #888888;
  }

  /*-----HEADER -----*/
  /*-----NAVIGATION -----*/
  /*-----CONTENT -----*/
  /* line 28, ../sass/_desktop.scss */
  #content div.row article {
    width: 46%;
    float: left;
    height: 600px;
    overflow: auto;
  }

  /* ----- IMAGES ----*/
  /* line 36, ../sass/_desktop.scss */
  figure.w100 {
    background-image: url(../images/home-desktop.jpg);
    height: 466px;
  }

  /* line 41, ../sass/_desktop.scss */
  figure.my30photo {
    width: 40%;
    float: right;
    margin: 1em;
  }

  /* line 47, ../sass/_desktop.scss */
  figure.w33 {
    width: 33%;
    float: right;
  }

  /*----- FOOTER -----*/
  /* line 53, ../sass/_desktop.scss */
  .companyInfo {
    display: inline-block;
    vertical-align: top;
    margin: 1em 3em;
    width: 22%;
    font-size: 1.3em;
    font-weight: bolder;
    text-align: left;
  }

  /* line 62, ../sass/_desktop.scss */
  .companyInfo a {
    color: #000;
  }

  /* }   */
}
/* END OF DESKTOP RULES  */