/* AutoScore Colors */
/* SPRITES                                                                        */
/* 1. Enable sprite (use it to set parameters so icon_sprites.png can be used)    */
/* 2. Include the "sprite" mixin, with the following parameters:                  */
/*      $rect           : being the clipping rectangle for the sprite             */
/*      $rect2          : optional rectangle for the "hover" state                */
/*      $offX, $offY    : the positional offset of the sprite in the element      */
/*    Example usage:                                                              */
/*    @include sprite()                                                              */
/* 3. Adjust the clipping of a sprite if needed in another context                */
/* line 116, app/assets/stylesheets/_element_mixins.sass */
.icon_inline {
  display: inline-block;
  vertical-align: middle;
}

/* line 114, app/assets/stylesheets/_element_mixins.sass */
.icon_inline + span {
  margin-left: 5px;
}

/* line 232, app/assets/stylesheets/_element_mixins.sass */
a.link_with_icon {
  text-decoration: none;
}

/* line 234, app/assets/stylesheets/_element_mixins.sass */
a.link_with_icon span {
  text-decoration: underline;
}

/* line 274, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta {
  border: 1px solid #edeae6;
  padding: 18px;
  display: block;
  text-decoration: none;
  background-color: #FFF;
  overflow: hidden;
}

/* line 258, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta a {
  display: block;
}

/* line 260, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta:hover {
  background-color: #f6f3ef;
}

/* line 262, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta .icon {
  float: left;
  margin-right: 20px;
}

/* line 265, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta .text {
  overflow: hidden;
  display: block;
}

/* line 268, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta .heading {
  font-size: 18px;
  font-weight: bold;
}

/* line 271, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta + .test_autouncle_cta {
  margin-top: 18px;
}

/* line 276, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 279, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta .buying_icon {
  display: inline-block;
  background: url(//assets.autouncle.com/assets/front_page/category_icons-bb893ed532fee7e9ffcbbcd64682d0d93e1d8cc220ffa3f18e804769ad1722ca.png) no-repeat 0 0;
  width: 144px;
  height: 96px;
  margin-right: 20px;
  vertical-align: middle;
}

/* line 286, app/assets/stylesheets/_element_mixins.sass */
.test_autouncle_cta h3 {
  margin: 0 !important;
}

/* line 6, app/assets/stylesheets/garage.sass */
body.garage_controller .breadcrumbs {
  font-size: 0.8em;
  padding-bottom: 1.5em;
}

/* line 10, app/assets/stylesheets/garage.sass */
body.garage_controller .call_to_action_box {
  border: 1px solid #edeae6;
  border-radius: 10px;
  background-color: #f6f3ef;
  background-image: url(//assets.autouncle.com/assets/white_to_alternate_noise_fade-ab465f418e9ca35daf68a1414f656d8bafb5ad8271c6c3da4e547e37f7978a89.png);
  background-position: top left;
  background-repeat: repeat-x;
  padding: 18px;
}

/* line 148, app/assets/stylesheets/_element_mixins.sass */
body.garage_controller .call_to_action_box.quarter_width {
  width: 25%;
}

/* line 150, app/assets/stylesheets/_element_mixins.sass */
body.garage_controller .call_to_action_box.right_floated {
  float: right;
  margin-left: 18px;
}

/* line 153, app/assets/stylesheets/_element_mixins.sass */
body.garage_controller .call_to_action_box.left_floated {
  float: left;
  margin-right: 18px;
}

/* line 156, app/assets/stylesheets/_element_mixins.sass */
body.garage_controller .call_to_action_box h2 {
  font-weight: normal;
  margin-top: 0 !important;
}

/* line 159, app/assets/stylesheets/_element_mixins.sass */
body.garage_controller .call_to_action_box .cta_button {
  display: block;
  text-align: center;
}

/* line 12, app/assets/stylesheets/garage.sass */
body.garage_controller .addthis_toolbox {
  border: 1px dashed #edeae6;
  padding: 5px;
  background-color: #FFF;
  overflow: hidden;
  margin-bottom: 10px;
}

/* line 19, app/assets/stylesheets/garage.sass */
body.garage_controller .not_yet {
  font-size: 1.5em;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: bold;
  color: #7c1313;
}

/* line 23, app/assets/stylesheets/garage.sass */
body.garage_controller #photo_credit {
  position: absolute;
  bottom: 2px;
  right: 0;
  text-shadow: 0 -1px 0 #0e576b;
}

/* line 28, app/assets/stylesheets/garage.sass */
body.garage_controller #photo_credit a {
  color: #76cee6;
}

/* line 30, app/assets/stylesheets/garage.sass */
body.garage_controller #garage_menu {
  float: left;
  width: 25%;
  margin-right: 18px;
  margin-bottom: 18px;
  padding: 16px 10px;
  font-size: 0.9em;
  border-radius: 5px;
  border: 1px solid #edeae6;
  background-color: #f6f3ef;
  background-image: url(//assets.autouncle.com/assets/white_to_alternate_noise_fade-ab465f418e9ca35daf68a1414f656d8bafb5ad8271c6c3da4e547e37f7978a89.png);
  background-position: top left;
  background-repeat: repeat-x;
}

/* line 44, app/assets/stylesheets/garage.sass */
body.garage_controller #garage_menu h3 {
  text-transform: uppercase;
  padding: 0 0 5px 0;
  margin: 0 !important;
}

/* line 48, app/assets/stylesheets/garage.sass */
body.garage_controller #garage_menu ul {
  list-style-type: none;
}

/* line 50, app/assets/stylesheets/garage.sass */
body.garage_controller #garage_menu ul li {
  padding: 0.3em 0;
}

/* line 52, app/assets/stylesheets/garage.sass */
body.garage_controller #garage_menu ul li > ul {
  margin-left: 1.5em;
  text-transform: none;
}

/* line 56, app/assets/stylesheets/garage.sass */
body.garage_controller #garage_menu > ul > li {
  padding-bottom: 5px;
}

/* line 60, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .garage_content {
  overflow: hidden;
  line-height: 1.7em;
}

/* line 63, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .garage_content h1 {
  padding-top: 0;
  margin-top: 0;
}

/* line 66, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .garage_content h2, body.garage_controller #content-outer #content .garage_content h3, body.garage_controller #content-outer #content .garage_content h4 {
  color: #515c5e;
}

/* line 68, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .garage_content h2.first, body.garage_controller #content-outer #content .garage_content h2:first-child {
  font-size: 2em;
  color: #1BADD5;
}

/* line 71, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .garage_content p {
  margin: 0.7em 0 0.7em 0 !important;
}

/* line 73, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .garage_content ul {
  list-style-type: disc;
  padding-left: 1.5em;
  overflow: hidden;
}

/* line 77, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .image_in_article {
  padding: 5px;
  border: 1px solid #edeae6;
}

/* line 80, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .image_in_article.right {
  float: right;
  margin-left: 16px;
}

/* line 83, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .image_in_article.left {
  float: left;
  margin-right: 16px;
}

/* line 86, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content .image_in_article .caption {
  font-size: 12px;
}

/* line 88, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content ul.car_models {
  overflow: hidden;
  padding-left: 0;
}

/* line 91, app/assets/stylesheets/garage.sass */
body.garage_controller #content-outer #content ul.car_models li {
  list-style-type: none;
  float: left;
  margin-right: 18px;
}

/* line 95, app/assets/stylesheets/garage.sass */
body.garage_controller #try_autouncle {
  float: left;
  clear: left;
  width: 25%;
}

/* line 99, app/assets/stylesheets/garage.sass */
body.garage_controller #try_autouncle a {
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 0.9em;
  padding: 16px 0;
  margin-bottom: 2em;
}

/* line 106, app/assets/stylesheets/garage.sass */
body.garage_controller #try_autouncle a > h2 {
  margin: 0 0 .5em 0;
}

/* line 108, app/assets/stylesheets/garage.sass */
body.garage_controller #try_autouncle a > .button {
  color: white;
  width: 70%;
  margin: 0.5em auto;
  text-transform: none;
  font-weight: normal;
  font-size: 16px;
}

/* line 115, app/assets/stylesheets/garage.sass */
body.garage_controller #try_autouncle a:hover {
  background-color: #f6f3ef;
}

/* line 117, app/assets/stylesheets/garage.sass */
body.garage_controller #try_autouncle a:hover > h2 {
  color: #515c5e;
}

/* line 120, app/assets/stylesheets/garage.sass */
body.garage_controller #header-outer {
  position: relative;
  padding: 0;
}

/* line 123, app/assets/stylesheets/garage.sass */
body.garage_controller #header-outer .bg_image {
  position: absolute;
  width: 100%;
  height: 280px;
  z-index: 0;
  background: url(//assets.autouncle.com/assets/garage/main_semi-113c76ca5bd2b20ba4dfd1572694d16e6897bc8ffe6dcac55320a6d43e5ab84b.png) no-repeat center top;
}

/* line 129, app/assets/stylesheets/garage.sass */
body.garage_controller #header-inner {
  min-height: 280px;
  padding: 0;
  height: 280px;
  overflow: visible;
}

/* line 134, app/assets/stylesheets/garage.sass */
body.garage_controller #header-inner #page-title {
  padding-top: 50px;
}

/* line 136, app/assets/stylesheets/garage.sass */
body.garage_controller #header-inner #page-title h1 {
  font-size: 40px;
}

/* line 138, app/assets/stylesheets/garage.sass */
body.garage_controller #header-inner #page-title h2 {
  font-size: 24px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: normal;
}

/* line 142, app/assets/stylesheets/garage.sass */
body.garage_controller .garage_footer {
  margin-top: 1em;
}

/* line 144, app/assets/stylesheets/garage.sass */
body.garage_controller .garage_footer hr {
  margin: 1em 0;
}

/* line 148, app/assets/stylesheets/garage.sass */
body.garage_controller.index_action #header-outer .bg_image {
  height: 659px;
  background-image: url(//assets.autouncle.com/assets/garage/main_full-045d1744968c4784506ad25686608d745c91c0cedcda85e6bf70d09038d45060.png);
}

/* line 151, app/assets/stylesheets/garage.sass */
body.garage_controller.index_action #header-inner {
  min-height: 440px;
  height: 440px;
}

/* line 154, app/assets/stylesheets/garage.sass */
body.garage_controller.index_action #header-inner #page-title {
  text-align: center;
  padding: 7em 0;
}

/* line 158, app/assets/stylesheets/garage.sass */
body.garage_controller.index_action #content-outer #content {
  position: relative;
  overflow: visible;
}

/* line 161, app/assets/stylesheets/garage.sass */
body.garage_controller.index_action #content-outer #content .garage_content {
  padding-top: 120px;
}

/* line 163, app/assets/stylesheets/garage.sass */
body.garage_controller.index_action #garage_menu {
  margin-top: -150px;
  z-index: 3000;
  position: relative;
}

/* line 168, app/assets/stylesheets/garage.sass */
body.garage_controller dl.terminology dt, body.garage_controller dl.terminology dd {
  line-height: 18px;
}

/* line 170, app/assets/stylesheets/garage.sass */
body.garage_controller dl.terminology dt {
  float: left;
  clear: left;
  width: 150px;
  text-align: right;
  margin-right: 16px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: bold;
}

/* line 177, app/assets/stylesheets/garage.sass */
body.garage_controller dl.terminology dd {
  overflow: hidden;
  padding-bottom: 1em;
  padding-top: 1px;
}
