/*******************************************************************************

 * general.layout.scss

 *

 * Styling of the "general" layout demonstrating the Compass grid extension Susy

 * and building mobile first layouts.

 ******************************************************************************/

/**

 * Site-wide colors

 */

/* Scott's Dope Mixins v0.3*/

/* A less configurable but more areodynamic transition mixin */

/* Removes margin and padding and list style from lists */

/* Lightens background color on hover */

/* Darkens background color on hover */

/* A re-useable font mixin for whatever fonts you are using, allows for an optional color argument */

/* Cross browser opacity */

/* REMS with a PX Fallback */

/* REQUIRES COMPASS */

/* Faster gradients, if a stop is not specified a -20 of the start

is assigned for you this may be adjustable in the near future */

.l-first-header,

.l-region--navigation,

.l-breadcrumb,

.l-region--content-1,

.l-main {

  max-width: 1186px;

  margin-left: auto;

  margin-right: auto;

  padding: 0 16px;

}

.l-first-header:after,

.l-region--navigation:after,

.l-breadcrumb:after,

.l-region--content-1:after,

.l-main:after {

  content: " ";

  display: block;

  clear: both;

}



.l-main,

.l-region--help,

.l-region--sidebar-first,

.l-region--sidebar-second,

.l-region--footer {

  margin-bottom: 20px;

}



.l-region--sidebar-second {

  margin: 1.5rem 0;

}



.l-branding {

  width: 49.15254%;

  float: left;

  margin-right: 1.69492%;

}



.l-region--header {

  width: 49.15254%;

  float: right;

  margin-right: 0;

}



.l-container {

  height: 300px;

  overflow: hidden;

}

.l-container .l-breadcrumb {

  font-size: 13px;

  padding-top: 20px;

  padding-bottom: 20px;

}

.l-container .l-breadcrumb .easy-breadcrumb_segment {

  color: #5C605F;

}

.l-container .page-title, .l-container .l-subtitle {

  max-width: 1186px;

  margin-left: auto;

  margin-right: auto;

  padding: 0 16px;

}

.l-container .page-title:after, .l-container .l-subtitle:after {

  content: "";

  display: table;

  clear: both;

}

.l-container .page-title:after, .l-container .l-subtitle:after {

  content: " ";

  display: block;

  clear: both;

}

.l-container .page-title h1 {

  font-size: 3rem;

  font-weight: 500;

  margin: 0 0 10px;

}

.l-container .l-subtitle {

  font-size: 18px;

}



.product-page-main-content .view-product-page .view-content .views-row .views-field-field-image img {

  width: 100%;

  height: auto;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content {

  background-color: #EE245F;

  border-radius: 2px;

  padding: 0.8rem 1rem;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content:after {

  content: "";

  display: table;

  clear: both;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content span {

  display: block;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .offer {

  color: white;

  text-align: center;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a {

  display: block;

  padding: 0.4rem 0;

  width: 100%;

  text-align: center;

  border-radius: 2px;

  font-weight: bold;

  color: initial;

  text-decoration: none;

  border: 1px solid #d7dada;

  background-color: #f4f5f5;

  background-image: -webkit-gradient(linear, left top, left bottom, left, right);

  background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);

  background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);

  background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);

  background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);

  background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

  text-transform: uppercase;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a:hover {

  border: 1px solid #bfc4c4;

  background-color: #d9dddd;

  background-image: -webkit-gradient(linear, left top, left bottom, left, right);

  background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);

}



.product-page-why-savvy .block__title {

  margin-top: 2rem;

}

.product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row {

  margin: 1.5rem 0;

}

.product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row:after {

  content: "";

  display: table;

  clear: both;

}

.product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row .views-field-nothing {

  float: left;

  width: 70px;

}

.product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row .views-field-nothing .icon {

  font-size: 3rem;

  color: #EE245F;

}

.product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row .views-field-title, .product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row .views-field-field-body {

  margin-left: 70px;

}

.product-page-why-savvy .block__content .view-product-page-why-savvy .view-content .views-row .views-field-title h3 {

  margin-bottom: 0.5rem;

}



.view-id-holding_page .view-content:after {

  content: "";

  display: table;

  clear: both;

}

.view-id-holding_page div.views-row {

  margin: 1rem 0;

  border: 1px solid #E0E0E0;

  padding: 1rem;

  overflow: hidden;

  position: relative;

  border-radius: 2px;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.view-id-holding_page div.views-row:hover {

  background-color: #F4F3F3;

}

.view-id-holding_page div.views-row div.views-field-title h3 {

  margin: 0.5em 0;

}

.view-id-holding_page div.views-row div.views-field-title h3 a {

  text-decoration: none;

  color: #EE245F;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.view-id-holding_page div.views-row div.views-field-title h3 a:hover {

  text-decoration: underline;

}

.view-id-holding_page div.views-row div.views-field-title-1 a {

  text-decoration: none;

  color: white;

  text-align: center;

  display: block;

  width: 160px;

  padding: 7px 0;

  border-radius: 2px;

  background-color: #232323;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.view-id-holding_page div.views-row div.views-field-title-1 a:hover {

  background-color: #EE245F;

}



.block--block-37 .ui-widget {

  font-family: "Roboto", sans-serif;

  font-size: 1rem;

}

.block--block-37 .ui-state-active, .block--block-37 .ui-widget-content {

  border: 1px solid #E0E0E0;

}



.block--block-57 .ui-widget {

  font-family: "Roboto", sans-serif;

  font-size: 1rem;

}

.block--block-57 .ui-state-active, .block--block-57 .ui-widget-content {

  border: 1px solid #E0E0E0;

}



.block--block-58 .ui-widget {

  font-family: "Roboto", sans-serif;

  font-size: 1rem;

}

.block--block-58 .ui-state-active, .block--block-58 .ui-widget-content {

  border: 1px solid #E0E0E0;

}



.block--block-60 .ui-widget {

  font-family: "Roboto", sans-serif;

  font-size: 1rem;

}

.block--block-60 .ui-state-active, .block--block-60 .ui-widget-content {

  border: 1px solid #E0E0E0;

}



.block--block-63 .ui-widget {

  font-family: "Roboto", sans-serif;

  font-size: 1rem;

}

.block--block-63 .ui-state-active, .block--block-63 .ui-widget-content {

  border: 1px solid #E0E0E0;

}



/**

 * Blog Category menu

 */

.blog-category-menu {

  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

  background-size: 100%;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #f4f4f4));

  background-image: -moz-linear-gradient(#f3f3f3, #f4f4f4);

  background-image: -webkit-linear-gradient(#f3f3f3, #f4f4f4);

  background-image: linear-gradient(#f3f3f3, #f4f4f4);

}

.blog-category-menu .block--menu-menu-blog-category .menu {

  margin: 0;

  padding: 0;

}

.blog-category-menu .block--menu-menu-blog-category .menu:after {

  content: "";

  display: table;

  clear: both;

}

.blog-category-menu .block--menu-menu-blog-category .menu li {

  display: table;

}

.blog-category-menu .block--menu-menu-blog-category .menu a {

  text-decoration: none;

  display: table-cell;

  width: 100%;

  color: #EE245F;

  height: 4rem;

  vertical-align: middle;

  text-align: center;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.blog-category-menu .block--menu-menu-blog-category .menu a:hover, .blog-category-menu .block--menu-menu-blog-category .menu a.active {

  background-color: white;

}

.blog-category-menu .block--menu-menu-blog-category .menu li {

  float: left;

  width: 33%;

}

.blog-category-menu .block--menu-menu-blog-category .menu li:nth-child(3n+1) {

  border-right: 1px solid #E0E0E0;

}

.blog-category-menu .block--menu-menu-blog-category .menu li:nth-child(3n+2) {

  border-left: 1px solid white;

  border-right: 1px solid #E0E0E0;

}

.blog-category-menu .block--menu-menu-blog-category .menu li:nth-child(3n) {

  border-left: 1px solid white;

}

.blog-category-menu .block--menu-menu-blog-category .menu li:last-child {

  border-right: none;

}



/**

 * Holding page of car reviews

 */

.view-blogs-holding-page .attachment-before,

.view-reviews-holding-page .attachment-before {

  margin-top: 2rem;

}

.view-blogs-holding-page .views-row,

.view-reviews-holding-page .views-row {

  border: 1px solid #E0E0E0;

  border-radius: 2px;

  margin: 0.75rem 0;

}

.view-blogs-holding-page .views-row:after,

.view-reviews-holding-page .views-row:after {

  content: "";

  display: table;

  clear: both;

}

.view-blogs-holding-page .views-row .views-field, .view-blogs-holding-page .views-row .column-container,

.view-reviews-holding-page .views-row .views-field,

.view-reviews-holding-page .views-row .column-container {

  padding: 0 1rem;

}

.view-blogs-holding-page .views-row .views-field-title .field-content,

.view-reviews-holding-page .views-row .views-field-title .field-content {

  margin-top: 0.5rem;

  margin-bottom: 0;

}

.view-blogs-holding-page .views-row .views-field-title .field-content a,

.view-reviews-holding-page .views-row .views-field-title .field-content a {

  text-decoration: none;

  color: initial;

}

.view-blogs-holding-page .views-row .views-field-title .field-content a:hover,

.view-reviews-holding-page .views-row .views-field-title .field-content a:hover {

  text-decoration: underline;

}

.view-blogs-holding-page .views-row .views-field-created,

.view-reviews-holding-page .views-row .views-field-created {

  font-size: 0.8rem;

  color: gray;

  margin-bottom: 1rem;

}

.view-blogs-holding-page .views-row .views-field-created .icon,

.view-reviews-holding-page .views-row .views-field-created .icon {

  display: inline-block;

  padding-right: 1rem;

}

.view-blogs-holding-page .views-row .views-field-field-image a,

.view-reviews-holding-page .views-row .views-field-field-image a {

  text-decoration: none;

  outline: none;

}

.view-blogs-holding-page .views-row .views-field-field-image a img,

.view-reviews-holding-page .views-row .views-field-field-image a img {

  display: block;

  width: 100%;

}

.view-blogs-holding-page .views-row .views-field-body p,

.view-reviews-holding-page .views-row .views-field-body p {

  margin: 0;

}

.view-blogs-holding-page .views-row .views-field-view-node,

.view-reviews-holding-page .views-row .views-field-view-node {

  margin: 1rem 0;

}

.view-blogs-holding-page .views-row .views-field-view-node .field-content a,

.view-reviews-holding-page .views-row .views-field-view-node .field-content a {

  text-decoration: none;

  color: #EE245F;

}

.view-blogs-holding-page .views-row .views-field-view-node .field-content a:hover .label,

.view-reviews-holding-page .views-row .views-field-view-node .field-content a:hover .label {

  text-decoration: underline;

}

.view-blogs-holding-page .views-row .views-field-view-node .field-content a span.label,

.view-reviews-holding-page .views-row .views-field-view-node .field-content a span.label {

  display: inline-block;

  margin-top: -3px;

}

.view-blogs-holding-page .views-row .views-field-view-node .field-content a span.icon,

.view-reviews-holding-page .views-row .views-field-view-node .field-content a span.icon {

  display: inline-block;

  padding-left: 0.5rem;

  font-size: 0.8em;

}

.view-blogs-holding-page .views-row .column-container .views-field,

.view-reviews-holding-page .views-row .column-container .views-field {

  padding: 0;

}

.view-blogs-holding-page .views-row .column-container:after,

.view-reviews-holding-page .views-row .column-container:after {

  content: "";

  display: table;

  clear: both;

}

.view-blogs-holding-page .views-row .views-field-field-review-rating, .view-blogs-holding-page .views-row .views-field-field-blog-rating,

.view-reviews-holding-page .views-row .views-field-field-review-rating,

.view-reviews-holding-page .views-row .views-field-field-blog-rating {

  margin-top: 1rem;

  padding-top: 1rem;

  padding-bottom: 1rem;

  background-color: #F4F3F3;

  border-top: 1px solid #E0E0E0;

}

.view-blogs-holding-page .views-row .views-field-field-review-rating form, .view-blogs-holding-page .views-row .views-field-field-blog-rating form,

.view-reviews-holding-page .views-row .views-field-field-review-rating form,

.view-reviews-holding-page .views-row .views-field-field-blog-rating form {

  display: inline-block;

}

.view-blogs-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote div.fivestar-widget-5, .view-blogs-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote div.description, .view-blogs-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote div.fivestar-widget-5, .view-blogs-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote div.description,

.view-reviews-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote div.fivestar-widget-5,

.view-reviews-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote div.description,

.view-reviews-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote div.fivestar-widget-5,

.view-reviews-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote div.description {

  display: inline-block;

  padding-left: 0.5rem;

}

.view-blogs-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote .description, .view-blogs-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote .description,

.view-reviews-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote .description,

.view-reviews-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote .description {

  padding-left: 0.5rem;

}

.view-blogs-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote .description span.user-rating, .view-blogs-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote .description span.user-rating,

.view-reviews-holding-page .views-row .views-field-field-review-rating .form-item.form-type-select.form-item-vote .description span.user-rating,

.view-reviews-holding-page .views-row .views-field-field-blog-rating .form-item.form-type-select.form-item-vote .description span.user-rating {

  display: none;

}

.view-blogs-holding-page .two-column-block .views-field-field-image,

.view-reviews-holding-page .two-column-block .views-field-field-image {

  padding: 0;

}

.view-blogs-holding-page .two-column-block .views-field-created,

.view-reviews-holding-page .two-column-block .views-field-created {

  margin: 1rem 0 0;

}

.view-blogs-holding-page .two-column-block .views-field-title,

.view-reviews-holding-page .two-column-block .views-field-title {

  min-height: 4.5rem;

}

.view-blogs-holding-page .two-column-block .views-field-title .field-content,

.view-reviews-holding-page .two-column-block .views-field-title .field-content {

  margin: 0 0 0.5rem;

}

.view-blogs-holding-page .two-column-block .views-field-body,

.view-reviews-holding-page .two-column-block .views-field-body {

  min-height: 6rem;

}

.view-blogs-holding-page ul.pager,

.view-reviews-holding-page ul.pager {

  display: none;

}



a {

  color: #232323;

}