/*
** DO NOT EDIT THIS FILE! All changes will be overwritten.
** edit the master in app/assets/stylesheets/themes/carlyle/templates/_core.scss,
** then run script/activate-theme carlyle
*/
/* line 2, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_grid.scss */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*
** app/assets/stylesheets/_core.scss
** installed by ./script/activate-theme carlyle
** at Thu Jun 5 09:36:54 PM UTC 2025 on carl01
*/
/*
** DO NOT EDIT THIS FILE! All changes will be overwritten.
** edit the master in app/assets/stylesheets/themes/carlyle/templates/_core.scss,
** then run script/activate-theme carlyle
*/
/* line 2, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_grid.scss */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*
** app/assets/stylesheets/_core.scss
** installed by ./script/activate-theme carlyle
** at Thu Jun 5 09:36:54 PM UTC 2025 on carl01
*/
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
section:after {
content: "";
display: table;
clear: both;
}
/* line 15, app/assets/stylesheets/product_groups/content/_group_layout.scss */
.main-image img {
width: 100%;
height: auto;
}
/* line 19, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-top, #group-main-contents {
background: #FFF;
padding: 1rem 0.5rem;
}
/* line 23, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-top h3, #group-main-contents h3 {
font-size: 1.5rem;
color: #FFB042;
margin-bottom: 0;
}
/* line 29, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-top .inline-videos .inline-video, #group-main-contents .inline-videos .inline-video {
text-align: center;
}
@media screen and (max-width: 700px) {
/* line 29, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-top .inline-videos .inline-video, #group-main-contents .inline-videos .inline-video {
border-bottom: 1px solid #DDD;
margin: 1rem 0;
padding: 0 0 1rem 0;
}
}
/* line 38, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-top .inline-videos .inline-video iframe, #group-top .inline-videos .inline-video object, #group-main-contents .inline-videos .inline-video iframe, #group-main-contents .inline-videos .inline-video object {
width: 100%;
margin: 0;
padding: 0;
}
@media screen and (min-width: 701px) {
/* line 28, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-top .inline-videos, #group-main-contents .inline-videos {
display: none;
}
}
/* line 51, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-review-summary, #review-list {
background: #FFF;
padding: 1rem 0.5rem;
margin: 1rem 0;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#group-review-summary:after, #review-list:after {
content: "";
display: table;
clear: both;
}
/* line 59, app/assets/stylesheets/product_groups/content/_group_layout.scss */
#group-reviews {
clear: both;
}
/* line 64, app/assets/stylesheets/product_groups/content/_group_layout.scss */
.prop65 {
clear: both;
padding: 1rem;
border: 2px solid #FFB042;
}
/* line 8, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-infobox .prompt {
margin: 0.5rem 0 0;
font-weight: bold;
color: #24346f;
font-size: 1.5rem;
}
/* line 16, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-infobox .vehicle-selector-details-only, #group-infobox .vehicle-selector-incompatible {
background: #f6f6f6;
padding: 0.5rem;
border-radius: 5px;
margin-top: 1rem;
box-shadow: 0 1px 1px #ccc;
}
/* line 23, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-infobox .vehicle-selector-details-only .prompt, #group-infobox .vehicle-selector-incompatible .prompt {
font-size: 1.3rem;
line-height: 1.3rem;
margin-bottom: 0.5rem;
}
/* line 30, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-infobox .vehicle-selector-details-only .change-it {
text-align: right;
padding-right: 1rem;
}
/* line 35, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-infobox .vehicle-selector-incompatible .change-it {
text-align: right;
padding-right: 1rem;
}
/* line 42, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing {
font-size: 1rem;
color: #777;
}
@media screen and (max-width: 700px) {
/* line 42, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing {
font-size: 1.2rem;
}
}
@media screen and (max-width: 700px) and (min-width: 701px) {
/* line 50, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing ul .lbl {
min-width: 150px !important;
}
}
/* line 59, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing ul .lbl {
display: inline-block;
min-width: 120px;
}
/* line 69, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing .regular-price strong {
text-decoration: line-through;
}
/* line 74, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing .our-price {
color: #FFB042;
}
@media screen and (min-width: 701px) {
/* line 74, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing .our-price {
font-size: 1.5rem;
}
}
@media screen and (max-width: 700px) {
/* line 74, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing .our-price {
font-size: 1.5rem;
}
}
/* line 96, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing .shipping-price strong {
color: #777;
}
/* line 103, app/assets/stylesheets/product_groups/content/_group_top.scss */
#group-pricing .link-to-reviews:hover {
cursor: pointer;
}
/* line 110, app/assets/stylesheets/product_groups/content/_group_top.scss */
.group-unavailable {
margin: 1rem 0;
border: 2px solid #FFB042;
border-radius: 5px;
}
/* line 115, app/assets/stylesheets/product_groups/content/_group_top.scss */
.group-unavailable h4 {
padding: 1rem;
background: #FFB042;
color: #FFF;
font-size: 1.3rem;
}
/* line 122, app/assets/stylesheets/product_groups/content/_group_top.scss */
.group-unavailable a {
display: block;
padding: 0 1rem 1rem 1rem;
text-decoration: underline;
}
/* line 129, app/assets/stylesheets/product_groups/content/_group_top.scss */
.group-unavailable .fa, .group-unavailable .fal {
float: left;
margin: 1rem;
font-size: 2rem;
}
/* line 135, app/assets/stylesheets/product_groups/content/_group_top.scss */
.group-unavailable .agents-only strong {
text-decoration: underline;
}
/* line 141, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos {
margin: 0.8rem 0;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 0 0;
}
/* line 148, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos .promo {
font-weight: bold;
color: #FFB042;
background-repeat: no-repeat;
background-position: left;
padding-left: 43px;
margin: 1rem 0;
}
/* line 161, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos .promo a {
font-weight: normal;
color: #999;
font-size: 80%;
white-space: nowrap;
}
/* line 169, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos .rebate {
background-image: url(/img/design/group/rebate-icon.png);
background-size: 30px;
}
/* line 181, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos .sale {
background-image: url(/img/design/group/sale-icon.png);
background-size: 30px;
}
/* line 193, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos .free_gift {
background-image: url(/img/design/group/gift-icon.png);
background-size: 30px;
}
/* line 205, app/assets/stylesheets/product_groups/content/_group_top.scss */
#promos .instant_coupon {
background-image: url(/img/design/group/sale-icon.png);
background-size: 30px;
}
/* line 221, app/assets/stylesheets/product_groups/content/_group_top.scss */
.quick-add-item .fit-warning {
padding: 1rem 0 0;
color: #888;
font-size: 1.2rem;
font-weight: bold;
}
/* line 229, app/assets/stylesheets/product_groups/content/_group_top.scss */
.quick-add-item .fit-warning a.button {
width: 100%;
text-align: center;
border-radius: 5px;
background-color: #FFB042;
}
/* line 239, app/assets/stylesheets/product_groups/content/_group_top.scss */
.quick-add-item .add-single-item button {
background-color: white;
color: #aaa;
border: 1px solid #aaa;
border-radius: 5px;
}
/* line 3, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text {
clear: both;
}
@media screen and (min-width: 701px) {
/* line 3, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 74.4680851064%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#group-text:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 700px) {
/* line 3, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text {
float: left;
display: block;
margin-right: 4.347826087%;
width: 100%;
margin-right: 0;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#group-text:last-child {
margin-right: 0;
}
}
/* line 14, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text #group-description-bullets ul {
list-style-type: disc;
margin-left: 1rem;
}
/* line 23, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text li.promo {
font-weight: bold;
background-repeat: no-repeat;
background-position: left;
padding-left: 26px;
}
/* line 31, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text li.rebate {
color: #0077b8;
background-image: url(/img/design/group/rebate-icon.png);
background-position: left 5px;
padding-left: 26px;
}
/* line 38, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text li.sale {
color: #FFB042;
background-image: url(/img/design/group/sale-icon.png);
}
/* line 43, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text li.instant_coupon {
color: red;
}
/* line 49, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text li.free_gift {
color: red;
}
/* line 54, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text p.note {
color: orange;
}
/* line 56, app/assets/stylesheets/product_groups/content/_group_text.scss */
#group-text p.note strong {
background-image: url(/img/design/group/note.png);
background-position: left;
background-repeat: no-repeat;
padding: 2px 0 2px 23px;
}
/* line 67, app/assets/stylesheets/product_groups/content/_group_text.scss */
#item-text-container {
clear: left;
margin-top: 0.5rem;
/* keep clear of tabs */
}
/* line 71, app/assets/stylesheets/product_groups/content/_group_text.scss */
#item-text-container a {
color: #333;
text-decoration: underline;
}
/* line 75, app/assets/stylesheets/product_groups/content/_group_text.scss */
#item-text-container a:hover {
color: #FFB042;
}
/* line 79, app/assets/stylesheets/product_groups/content/_group_text.scss */
#item-text-container #group-description-bullets li {
padding-bottom: 0.7rem;
}
/* line 83, app/assets/stylesheets/product_groups/content/_group_text.scss */
#item-text-container #group-description-main {
margin-top: 1rem;
}
/* line 88, app/assets/stylesheets/product_groups/content/_group_text.scss */
#product-fits-vehicles h2 {
color: #24346f;
margin: 0;
}
/* line 93, app/assets/stylesheets/product_groups/content/_group_text.scss */
#more-like-this {
border-top: 1px solid #ddd;
padding: 0.5rem 0;
margin: 1rem 0 0 0;
}
/* line 100, app/assets/stylesheets/product_groups/content/_group_text.scss */
#more-like-this li a {
color: #666;
}
/* line 103, app/assets/stylesheets/product_groups/content/_group_text.scss */
#more-like-this li a:hover {
color: #FFB042;
text-decoration: underline;
}
/* line 109, app/assets/stylesheets/product_groups/content/_group_text.scss */
#more-like-this h3 {
color: #777;
font-size: 1.2rem;
text-transform: capitalize;
margin: 0 0 0.5rem;
}
@media screen and (min-width: 701px) {
/* line 118, app/assets/stylesheets/product_groups/content/_group_text.scss */
#product_groups-show #more-like-this li {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 40.4255319149%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#product_groups-show #more-like-this li:last-child {
margin-right: 0;
}
}
/* line 126, app/assets/stylesheets/product_groups/content/_group_text.scss */
#prop-65-warning {
color: #444;
font-size: 1rem;
position: relative;
display: inline-block;
font-weight: 600;
}
/* line 133, app/assets/stylesheets/product_groups/content/_group_text.scss */
#prop-65-warning em {
font-style: normal;
text-decoration: underline;
font-weight: normal;
}
/* line 138, app/assets/stylesheets/product_groups/content/_group_text.scss */
#prop-65-warning .prop-65-warning-popup {
position: absolute;
z-index: 1;
background: #fff;
box-shadow: 0px 2px 5px 3px #ddd;
padding: 1rem;
left: 0;
top: -80px;
display: none;
}
/* line 148, app/assets/stylesheets/product_groups/content/_group_text.scss */
#prop-65-warning .prop-65-warning-popup img {
width: 300px;
height: auto;
}
/* line 152, app/assets/stylesheets/product_groups/content/_group_text.scss */
#prop-65-warning:hover {
cursor: pointer;
}
/* line 155, app/assets/stylesheets/product_groups/content/_group_text.scss */
#prop-65-warning:hover .prop-65-warning-popup, #prop-65-warning:focus .prop-65-warning-popup {
display: inline-block;
}
/* line 165, app/assets/stylesheets/product_groups/content/_group_text.scss */
#product-fits-vehicles h2 {
color: #333;
}
/* line 13, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list {
clear: both;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#review-list:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 701px) {
/* line 17, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .box-of-reviews {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 48.9361702128%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#review-list .box-of-reviews:last-child {
margin-right: 0;
}
/* line 23, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .box-of-reviews.odd {
margin-right: 0;
}
}
@media screen and (max-width: 700px) {
/* line 17, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .box-of-reviews {
float: left;
display: block;
margin-right: 4.347826087%;
width: 100%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#review-list .box-of-reviews:last-child {
margin-right: 0;
}
}
/* line 31, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .review-boxes-separator {
display: block;
width: 100%;
text-align: center;
text-transform: capitalize;
margin-top: 2rem;
clear: both;
color: #d1d1d1;
}
/* line 40, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .review-boxes-separator h3 {
display: inline-block;
background: #FFF;
padding: 0 1rem;
position: relative;
z-index: 2;
}
/* line 47, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .review-boxes-separator hr {
margin: 0;
position: relative;
top: -1.4rem;
}
/* line 54, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .modal-inner {
text-align: center;
}
/* line 56, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#review-list .modal-inner img {
width: auto;
max-height: 40rem;
}
/* line 61, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary {
width: relative;
}
/* line 64, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary h2 {
color: #233571;
font-size: 22px;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#group-review-summary #review-averages-stars:after {
content: "";
display: table;
clear: both;
}
/* line 70, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score {
color: #233571;
background-image: url(/img/sub-category/stars-big.png);
background-repeat: no-repeat;
zoom: 1;
}
@media screen and (min-width: 701px) {
/* line 70, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score {
height: 28px;
display: inline-block;
padding: 2px 15px 0 0;
margin: 10px 11px 10px 0;
font-size: 17px;
}
}
@media screen and (max-width: 700px) {
/* line 70, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score {
font-size: 1.4rem;
}
}
@media screen and (min-width: 701px) {
/* line 93, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score-overall {
width: 210px;
}
/* line 96, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score-performance {
width: 255px;
}
/* line 99, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score-quality {
width: 210px;
}
/* line 102, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #review-averages-stars .score-appearance {
width: 250px;
}
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars0 {
background-position: right 7px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars1 {
background-position: right -25px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars2 {
background-position: right -58px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars3 {
background-position: right -91px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars4 {
background-position: right -124px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars5 {
background-position: right -157px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars6 {
background-position: right -190px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars7 {
background-position: right -223px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars8 {
background-position: right -256px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars9 {
background-position: right -289px;
}
/* line 112, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary .big-stars10 {
background-position: right -322px;
}
@media screen and (min-width: 701px) {
/* line 117, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #average-combined-score, #group-review-summary #average-install-time {
font-size: 24px;
color: #888;
padding: 9px 0 0 65px;
}
/* line 125, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #average-combined-score h3, #group-review-summary #average-install-time h3 {
display: inline;
font-size: 24px;
}
}
@media screen and (max-width: 700px) {
/* line 117, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #average-combined-score, #group-review-summary #average-install-time {
font-size: 1rem;
color: #888;
margin-top: 1rem;
padding: 0 0 0 65px;
}
/* line 137, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #average-combined-score h3, #group-review-summary #average-install-time h3 {
display: inline;
font-size: 1rem;
}
}
/* line 143, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #average-combined-score {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 48.9361702128%;
background: url(/img/design/ico/rating-big.png) 5px 1px no-repeat;
min-height: 3.5rem;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#group-review-summary #average-combined-score:last-child {
margin-right: 0;
}
/* line 151, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
#group-review-summary #average-install-time {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 48.9361702128%;
margin-right: 0;
background: url(/img/design/ico/install-big.png) 5px 1px no-repeat;
min-height: 3.5rem;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#group-review-summary #average-install-time:last-child {
margin-right: 0;
}
/* line 163, app/assets/stylesheets/product_groups/content/_group_reviews.scss */
.see-all-reviews {
text-align: center;
}
@media screen and (min-width: 701px) {
/* line 12, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs {
max-height: 21.5rem;
}
}
@media screen and (min-width: 1219px) {
/* line 12, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs {
max-height: 26rem;
}
}
@media screen and (min-width: 701px) and (max-width: 919px) {
/* line 12, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs {
max-height: 15.9rem;
}
}
@media screen and (max-width: 700px) {
/* line 12, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs {
white-space: nowrap;
}
/* line 38, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs h4 {
display: none;
}
}
/* line 55, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs a.pic {
z-index: 1;
}
@media screen and (max-width: 919px) {
/* line 55, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs a.pic {
width: 96px;
height: 67px;
}
}
@media screen and (max-width: 919px) {
/* line 70, app/assets/stylesheets/product_groups/content/_group_gallery.scss */
#group-images .thumbs .thumbs-swatch a.pic {
width: 60px;
height: 60px;
}
}
/*
* #lloyd-products - big container for everything.
* gets dynamic classes :
* items-in-cart or no-items,
* submit-enabled or submit-disabled.
*/
/* line 8, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products h2 {
color: #FFB042;
font-size: 1.3rem;
}
/* line 11, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products h2 span {
font-size: 1rem;
font-weight: normal;
color: #888;
}
/* line 18, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products section {
margin: 2rem 0;
}
/* line 20, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products #lloyd-color-and-border {
margin-bottom: 0;
}
/* line 26, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products.submit-disabled #lloyd-item-section-bottom button {
background-color: darkgray;
}
/* line 39, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products .tooltip-item {
background: inherit;
border: none;
padding: 0;
}
@media screen and (min-width: 701px) {
/* line 39, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products .tooltip-item {
float: right;
}
}
@media screen and (max-width: 700px) {
/* line 39, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products .tooltip-item {
float: left;
display: block;
margin-right: 4.347826087%;
width: 100%;
margin-right: 0;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#lloyd-products .tooltip-item:last-child {
margin-right: 0;
}
}
/* line 53, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-products .tooltip {
bottom: 5rem;
}
/* line 60, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
#lloyd-item-section-bottom .tooltip * {
color: #FFB042;
text-align: left;
}
/* line 63, app/assets/stylesheets/product_groups/lloyd/_lloyd_layout.scss */
.part_number {
position: absolute;
top: -1rem;
font-size: 0.8rem;
}
/*
* Lloyd Mat Chooser - top part of Lloyd UI, this shows
* sample images for each mat and lets them be added to
* the internal shopping cart via checkboxes.
*
* The bottom piece of this is the Product Uniques section,
* where you choose a variant of each mat shape.
*/
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#lloyd-mat-chooser:after {
content: "";
display: table;
clear: both;
}
/* line 21, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item {
/* some notes are HUGE! 2013 Chevy Corvette, Coupe. */
}
/* line 26, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner {
height: 100%;
padding: 1rem 2rem 2rem;
position: relative;
background: #FFF;
text-align: center;
}
@media screen and (min-width: 701px) {
/* line 26, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner {
border: 1px solid #FFF;
box-shadow: 0px 1px 2px #DDD;
}
}
@media screen and (max-width: 700px) {
/* line 26, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner {
border-bottom: 1px solid #DDD;
}
}
/* line 43, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner > a {
display: block;
color: #666;
height: 100%;
}
@media screen and (max-width: 700px) {
/* line 49, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner img {
max-height: 10rem;
}
}
/* line 54, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .caption {
position: absolute;
bottom: 0.3rem;
left: 0;
right: 0;
font-size: 0.9rem;
}
/* line 58, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .caption .fa, .lloyd-mat-chooser-item .caption .far {
margin-right: 0.5rem;
}
@media screen and (max-width: 700px) {
/* line 54, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .caption {
bottom: 0.5rem;
}
}
/* line 67, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .note {
line-height: 1.1;
font-size: 0.8rem;
}
/* line 73, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item.selected .inner {
border: 1px solid #FFB042;
}
/* line 75, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item.selected .inner a {
color: orange;
}
/* line 79, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner:hover {
cursor: pointer;
border: 1px solid #FFB042;
}
/* line 83, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner:hover .fa, .lloyd-mat-chooser-item .inner:hover .far, .lloyd-mat-chooser-item .inner:hover .caption {
color: #FFB042;
}
/* line 89, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
#lloyd-mat-chooser-bottom {
clear: both;
padding: 1rem 0 0;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#lloyd-product-unique-pickers:after {
content: "";
display: table;
clear: both;
}
/* line 97, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
#lloyd-product-unique-pickers h3, #lloyd-product-unique-pickers h4 {
color: #FFB042;
}
/* line 99, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
#lloyd-product-unique-pickers .lloyd-product-unique-picker {
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px #ddd;
padding: 1rem 1rem 0.5rem;
}
/* line 104, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
#lloyd-product-unique-pickers .note {
font-weight: normal;
margin: 0 0 1rem 1.2rem;
}
@media screen and (max-width: 700px) {
/* line 111, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
#lloyd-borders-plain {
border-bottom: 1px solid #ddd;
margin-bottom: 0.5rem;
}
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#lloyd-mat-chooser-items:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 701px) {
/* line 131, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item {
height: 18rem;
}
/* line 137, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.mat-count-1 .lloyd-mat-chooser-item, .mat-count-2 .lloyd-mat-chooser-item, .mat-count-4 .lloyd-mat-chooser-item {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 23.4042553191%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.mat-count-1 .lloyd-mat-chooser-item:last-child, .mat-count-2 .lloyd-mat-chooser-item:last-child, .mat-count-4 .lloyd-mat-chooser-item:last-child {
margin-right: 0;
}
/* line 139, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.mat-count-1 .lloyd-mat-chooser-item:nth-child(4n), .mat-count-2 .lloyd-mat-chooser-item:nth-child(4n), .mat-count-4 .lloyd-mat-chooser-item:nth-child(4n) {
margin-right: 0;
}
/* line 145, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.mat-count-3 .lloyd-mat-chooser-item, .mat-count-5 .lloyd-mat-chooser-item, .mat-count-6 .lloyd-mat-chooser-item {
margin-bottom: 1rem;
float: left;
display: block;
margin-right: 2.1276595745%;
width: 31.914893617%;
height: 22rem;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.mat-count-3 .lloyd-mat-chooser-item:last-child, .mat-count-5 .lloyd-mat-chooser-item:last-child, .mat-count-6 .lloyd-mat-chooser-item:last-child {
margin-right: 0;
}
/* line 149, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.mat-count-3 .lloyd-mat-chooser-item:nth-child(3n), .mat-count-5 .lloyd-mat-chooser-item:nth-child(3n), .mat-count-6 .lloyd-mat-chooser-item:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 700px) {
/* line 157, app/assets/stylesheets/product_groups/lloyd/_lloyd_mat_chooser.scss */
.lloyd-mat-chooser-item .inner {
min-height: 15rem;
}
}
/* line 13, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-colors, #lloyd-borders {
margin-bottom: 2rem;
}
/* line 16, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-colors .opt:hover, #lloyd-borders .opt:hover {
opacity: 0.9;
}
/* line 19, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-colors .opt:hover a, #lloyd-colors .opt:hover .price, #lloyd-colors .opt:hover .label, #lloyd-colors .opt:hover .fa, #lloyd-colors .opt:hover .far, #lloyd-borders .opt:hover a, #lloyd-borders .opt:hover .price, #lloyd-borders .opt:hover .label, #lloyd-borders .opt:hover .fa, #lloyd-borders .opt:hover .far {
color: #FFB042;
}
/* line 28, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-borders .pic {
max-height: 61px;
}
/* line 35, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .option-group {
background: #FFF;
box-shadow: 0 1px 2px #ddd;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.lloyd-chooser .option-group:after {
content: "";
display: table;
clear: both;
}
/* line 51, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt {
margin: 1rem 0 0 1rem;
position: relative;
cursor: pointer;
}
/* line 56, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt a {
color: #666;
}
@media screen and (min-width: 701px) {
/* line 51, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt {
flex-basis: 12.5%;
}
}
@media screen and (max-width: 700px) {
/* line 51, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt {
flex-basis: 27.5%;
}
}
/* line 71, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt img.pic {
width: 100%;
}
/* line 73, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt .label {
text-align: center;
line-height: 0.8;
font-size: 0.8rem;
margin-bottom: 0.5rem;
}
/* line 79, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt .label .fa, .lloyd-chooser .opt .label .far {
color: #888;
}
/* line 86, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt .tooltip {
max-width: 350px;
bottom: 6em;
}
/* line 89, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt .tooltip img {
max-width: 300px;
}
/* line 92, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser .opt .tooltip:after {
position: absolute;
right: auto;
left: 1rem;
}
/* line 109, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete {
background: #FFF;
padding: 0.5rem;
box-shadow: 0 1px 2px #ddd;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.lloyd-chooser.complete:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 701px) {
/* line 115, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .image-box {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 14.8936170213%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.lloyd-chooser.complete .image-box:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 700px) {
/* line 115, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .image-box {
float: left;
display: block;
margin-right: 4.347826087%;
width: 30.4347826087%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.lloyd-chooser.complete .image-box:last-child {
margin-right: 0;
}
}
/* line 124, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .image-box img {
width: 9rem;
}
@media screen and (min-width: 701px) {
/* line 128, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .description-box {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 65.9574468085%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.lloyd-chooser.complete .description-box:last-child {
margin-right: 0;
}
/* line 132, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .description-box h3 {
font-size: 2.5rem;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
}
@media screen and (max-width: 700px) {
/* line 128, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .description-box {
float: left;
display: block;
margin-right: 4.347826087%;
width: 47.8260869565%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.lloyd-chooser.complete .description-box:last-child {
margin-right: 0;
}
/* line 139, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .description-box h3 {
font-size: 1.5rem;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
/* line 143, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .description-box .license-image {
display: none;
}
}
/* line 146, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .description-box a.reset {
color: red;
}
/* line 148, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .change-selection {
margin-right: 0;
}
@media screen and (min-width: 701px) {
/* line 148, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .change-selection {
float: left;
display: block;
margin-right: 2.1276595745%;
width: 14.8936170213%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.lloyd-chooser.complete .change-selection:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 700px) {
/* line 148, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .change-selection {
float: left;
display: block;
margin-right: 4.347826087%;
width: 13.0434782609%;
text-align: right;
font-size: 0.7rem;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.lloyd-chooser.complete .change-selection:last-child {
margin-right: 0;
}
}
/* line 159, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .change-selection .fa, .lloyd-chooser.complete .change-selection .far {
padding: 0 0.3rem 0 0;
vertical-align: text-bottom;
cursor: pointer;
}
/* line 164, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser.complete .change-selection a:hover {
text-decoration: underline;
cursor: pointer;
}
/* line 172, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser #lloyd-borders-top {
background: #FFF;
padding: 1rem 1rem 0.5rem 1rem;
box-shadow: 0 1px 2px #ddd;
}
/* line 177, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.lloyd-chooser #lloyd-borders-top label:hover {
color: #FFB042;
cursor: pointer;
}
/* line 187, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-borders-bottom .price {
display: none;
}
/* line 188, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-borders-bottom.nothing-selected {
display: none;
opacity: 0.4;
}
/* line 191, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-borders-bottom.nothing-selected img {
width: 40px;
}
/* line 192, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-borders-bottom.nothing-selected .label {
display: none;
}
/* line 194, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-borders-bottom.premium-selected {
opacity: 1.0;
}
/* line 197, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.tab-icon {
width: 60px;
}
/* line 202, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-logos {
border: 3px solid red;
}
/* line 210, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-mats-to-customise {
background: #FFF;
padding: 0.5rem;
box-shadow: 0 1px 2px #ddd;
margin-bottom: 2rem;
}
/* line 217, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-mats-to-customise .lloyd-mats-to-customise-item a, #lloyd-mats-to-customise .lloyd-mats-to-customise-item span {
display: block;
cursor: pointer;
}
/* line 222, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-mats-to-customise .customise-on label {
color: green;
}
/* line 225, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-mats-to-customise .customise-off label {
color: red;
}
/* line 233, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt {
text-align: right !important;
}
@media screen and (min-width: 701px) {
/* line 233, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt {
flex-basis: 18.1%;
}
}
@media screen and (max-width: 700px) {
/* line 233, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt {
flex-basis: 43%;
}
}
/* line 244, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt .label {
text-align: right;
margin-bottom: 0.2rem;
}
/* line 245, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt .price {
font-weight: bold;
color: #777;
}
/* line 246, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt .details {
font-size: 0.7rem;
}
/* line 248, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt:hover {
opacity: 0.9;
}
/* line 251, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-customiser .opt:hover a, #lloyd-customiser .opt:hover .price, #lloyd-customiser .opt:hover .label, #lloyd-customiser .opt:hover .fa, #lloyd-customiser .opt:hover .far {
color: #FFB042;
}
/* line 15, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#lloyd-item-section-bottom-submit:after {
content: "";
display: table;
clear: both;
}
/* line 265, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-item-section-bottom-submit .input[type="button"], #lloyd-item-section-bottom-submit input[type="reset"], #lloyd-item-section-bottom-submit input[type="submit"],
#lloyd-item-section-bottom-submit button, #lloyd-item-section-bottom-submit .btn {
font-weight: bold;
color: white;
}
@media screen and (min-width: 701px) {
/* line 265, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-item-section-bottom-submit .input[type="button"], #lloyd-item-section-bottom-submit input[type="reset"], #lloyd-item-section-bottom-submit input[type="submit"],
#lloyd-item-section-bottom-submit button, #lloyd-item-section-bottom-submit .btn {
float: right;
padding: 1.6rem 6rem;
font-size: 1.1rem;
}
}
@media screen and (max-width: 700px) {
/* line 265, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-item-section-bottom-submit .input[type="button"], #lloyd-item-section-bottom-submit input[type="reset"], #lloyd-item-section-bottom-submit input[type="submit"],
#lloyd-item-section-bottom-submit button, #lloyd-item-section-bottom-submit .btn {
float: left;
display: block;
margin-right: 4.347826087%;
width: 100%;
margin-right: 0;
padding: 1.5rem 0;
font-size: 1.5rem;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#lloyd-item-section-bottom-submit .input[type="button"]:last-child, #lloyd-item-section-bottom-submit input[type="reset"]:last-child, #lloyd-item-section-bottom-submit input[type="submit"]:last-child,
#lloyd-item-section-bottom-submit button:last-child, #lloyd-item-section-bottom-submit .btn:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 701px) {
/* line 286, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-tab-logo-inner h3 {
font-size: 2rem;
}
}
/* line 291, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
#lloyd-tab-plain-inner p {
padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
/* line 295, app/assets/stylesheets/product_groups/lloyd/_lloyd_options.scss */
.tabs-or {
background-color: #24346f;
border-radius: 20rem;
color: #fff;
margin-left: 1.9rem;
position: absolute;
font-size: 0.9rem;
height: 1.5rem;
width: 1.5rem;
text-align: center;
top: -0.2rem;
left: 3rem;
}
/* line 2, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart {
padding: 2rem 1rem;
}
@media screen and (min-width: 701px) {
/* line 5, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart > div {
min-height: 1rem;
float: left;
display: block;
margin-right: 2.1276595745%;
width: 31.914893617%;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.product-add-to-cart > div:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 700px) {
/* line 5, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart > div {
float: left;
display: block;
margin-right: 4.347826087%;
width: 100%;
margin-right: 0;
}
/* line 38, ../../../../../usr/local/rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.product-add-to-cart > div:last-child {
margin-right: 0;
}
}
/* line 16, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box {
text-align: right;
}
@media screen and (max-width: 700px) {
/* line 16, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box {
text-align: left;
}
}
/* line 22, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box .price {
color: #FFB042;
font-size: 1.2rem;
}
/* line 27, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box .free-shipping {
color: #FFB042;
}
/* line 31, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box .add-to-cart {
margin-top: 0.5rem;
}
/* line 36, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box button {
padding: 1rem 3rem;
}
@media screen and (max-width: 700px) {
/* line 36, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box button {
width: 100%;
}
}
/* line 43, app/assets/stylesheets/products/_add_to_cart.scss */
.product-add-to-cart .add-box .tooltip-item {
display: block;
}
/* line 49, app/assets/stylesheets/products/_add_to_cart.scss */
.add-to-cart-button:disabled {
background: #666;
}