.single-car-actions ul.list-unstyled {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.single-car-actions ul.list-unstyled li > a, .single-car-actions ul.list-unstyled li > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
padding: 1px 10px;
min-width: unset;
}
.single-car-actions ul.list-unstyled li > a i, .single-car-actions ul.list-unstyled li > span i {
position: relative;
left: unset;
top: unset;
margin: 0 8px 0 0;
transform: none;
}
.single-car-actions ul.list-unstyled li > a img, .single-car-actions ul.list-unstyled li > span img {
margin-right: 8px;
}
.single-car-actions ul.list-unstyled li .car-action-unit.add-to-compare {
min-width: 170px;
}
.single-car-actions ul.list-unstyled li .car-action-unit.add-to-compare .stm-show-on-hover {
top: 1px;
}
.single-car-actions ul.list-unstyled li .car-action-unit.add-to-compare .stm-show-on-hover i {
margin-top: 1px;
}
@media (max-width: 820px) {
.single-car-actions ul.list-unstyled .spacer {
flex-grow: 1;
}
}
@media (max-width: 1024px) {
.stm-single-car-page .single-car-actions ul.list-unstyled li.added-date-action, .single-listing_template .single-car-actions ul.list-unstyled li.added-date-action {
width: 100%;
margin: 0;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.added-date-action .added_date, .single-listing_template .single-car-actions ul.list-unstyled li.added-date-action .added_date {
border: none;
justify-content: flex-start;
padding: 0;
text-transform: capitalize;
margin-bottom: 5px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.added-date-action .added_date i, .single-listing_template .single-car-actions ul.list-unstyled li.added-date-action .added_date i {
display: none;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.added-date-action .added_date .added_date_info_text, .single-listing_template .single-car-actions ul.list-unstyled li.added-date-action .added_date .added_date_info_text {
display: none;
font-size: 11px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup, .single-listing_template .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup {
left: -73px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup .addtoany_shortcode, .single-listing_template .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup .addtoany_shortcode {
padding: 5px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a, .single-listing_template .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a {
margin-right: 3px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a span, .single-listing_template .single-car-actions ul.list-unstyled li.stm-shareble .stm-a2a-popup .addtoany_shortcode .a2a_kit a span {
display: block;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li, .single-listing_template .single-car-actions ul.list-unstyled li {
width: auto;
align-items: center;
margin-right: 9px;
}
}
@media (max-width: 1024px) and (min-width: 361px) and (max-width: 410px) {
.stm-single-car-page .single-car-actions ul.list-unstyled li, .single-listing_template .single-car-actions ul.list-unstyled li {
margin-right: 5px;
}
}
@media (max-width: 1024px) and (max-width: 360px) {
.stm-single-car-page .single-car-actions ul.list-unstyled li, .single-listing_template .single-car-actions ul.list-unstyled li {
margin-right: 2px;
}
}
@media (max-width: 1024px) {
.stm-single-car-page .single-car-actions ul.list-unstyled li:last-child, .single-listing_template .single-car-actions ul.list-unstyled li:last-child {
margin-right: 0;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li a, .single-listing_template .single-car-actions ul.list-unstyled li a {
min-width: auto;
width: 32px;
height: 32px;
padding: 0;
border-radius: 3px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li a i, .single-listing_template .single-car-actions ul.list-unstyled li a i {
margin: 0;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li a span, .single-listing_template .single-car-actions ul.list-unstyled li a span {
display: none;
}
.stm-single-car-page .single-car-actions ul.list-unstyled li a.car-action-unit.add-to-compare, .single-listing_template .single-car-actions ul.list-unstyled li a.car-action-unit.add-to-compare {
min-width: auto;
width: 32px;
height: 32px;
padding: 0;
border-radius: 3px;
}
.stm-single-car-page .single-car-actions ul.list-unstyled .stock-num, .single-listing_template .single-car-actions ul.list-unstyled .stock-num {
font-size: 11px;
padding: 6px 15px;
}
}
@media (max-width: 1024px) and (max-width: 320px) {
.stm-single-car-page .single-car-actions ul.list-unstyled .stock-num, .single-listing_template .single-car-actions ul.list-unstyled .stock-num {
padding: 6px 12px;
}
}
@media (max-width: 1024px) {
.stm-single-car-page .single-car-actions ul.list-unstyled .stock-num span, .single-listing_template .single-car-actions ul.list-unstyled .stock-num span {
font-size: 11px;
}
}
.single-car-actions-buttons ul.list-unstyled {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin: 0 -5px;
}
.single-car-actions-buttons ul.list-unstyled li {
flex-grow: 1;
min-width: 123px;
margin: 0 5px 10px;
display: flex;
}
@media (max-width: 767px) {
.single-car-actions-buttons ul.list-unstyled li {
flex-basis: 40%;
}
}
.single-car-actions-buttons ul.list-unstyled li > a {
text-align: center;
border-radius: 8px;
padding: 20px 12px;
flex-grow: 1;
color: #ffffff;
background-color: var(--motors-bg-contrast, #121e24);
display: flex;
align-items: center;
justify-content: center;
}
.single-car-actions-buttons ul.list-unstyled li > a:hover {
background-color: var(--motors-accent-color, var(--mvl-secondary-color));
}
@media (max-width: 767px) {
.single-car-actions-buttons ul.list-unstyled li > a {
padding: 12px 10px;
}
}
.single-car-actions-buttons ul.list-unstyled li > a.add-to-compare {
position: relative;
min-width: 155px;
padding-left: 8px;
padding-right: 8px;
}
@media (max-width: 767px) {
.single-car-actions-buttons ul.list-unstyled li > a.add-to-compare.stm-added .stm-unhover {
display: none;
}
}
@media (min-width: 768px) {
.single-car-actions-buttons ul.list-unstyled li > a.add-to-compare .stm-show-on-hover {
position: absolute;
z-index: 300;
left: 0;
top: 0;
width: 100%;
padding: inherit;
padding-left: 2px;
padding-right: 2px;
display: none;
}
.single-car-actions-buttons ul.list-unstyled li > a.add-to-compare .stm-unhover {
display: inline;
}
.single-car-actions-buttons ul.list-unstyled li > a.add-to-compare:hover .stm-show-on-hover {
display: flex;
}
.single-car-actions-buttons ul.list-unstyled li > a.add-to-compare:hover .stm-unhover {
opacity: 0;
}
}
.single-car-actions-buttons ul.list-unstyled li > a > i {
margin-right: 7px;
}
.single-car-actions-buttons ul.list-unstyled li > div, .single-car-actions-buttons ul.list-unstyled li > span, .single-car-actions-buttons ul.list-unstyled li .stm-show-on-hover {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
}
.single-car-actions-buttons ul.list-unstyled li > div > i, .single-car-actions-buttons ul.list-unstyled li > span > i, .single-car-actions-buttons ul.list-unstyled li .stm-show-on-hover > i {
margin-right: 7px;
}
.single-car-actions-buttons ul.list-unstyled li.stm-shareble .stm-a2a-popup.stm-a2a-popup-active {
top: -50px;
}
.single-car-actions-buttons ul.list-unstyled li.stm-shareble:hover .stm-share {
color: initial;
}
.single-car-actions-buttons ul.list-unstyled li .stock-num, .single-car-actions-buttons ul.list-unstyled li .added_date_style_button {
text-align: center;
border-radius: 8px;
padding: 20px 12px;
background-color: var(--motors-bg-lowalpha-contrast, rgba(136, 136, 136, 0.2));
color: var(--motors-text-color, #121e24);
}
@media (max-width: 767px) {
.single-car-actions-buttons ul.list-unstyled li .stock-num, .single-car-actions-buttons ul.list-unstyled li .added_date_style_button {
padding: 12px 10px;
}
}
@media (max-width: 767px) {
.single-car-actions-buttons ul.list-unstyled li .added_date_style_button .added_date_info_text {
display: none;
}
}
.single-car-actions-buttons ul.list-unstyled li .stm-item-title {
text-align: left;
}
.single-car-actions-delimiters ul.list-unstyled {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
font-size: 15px;
}
@media (max-width: 1024px) {
.single-car-actions-delimiters ul.list-unstyled {
justify-content: flex-start;
}
}
.single-car-actions-delimiters ul.list-unstyled:before {
display: none;
}
.single-car-actions-delimiters ul.list-unstyled .delimiter {
flex-grow: 1;
display: block;
}
@media (max-width: 1024px) {
.single-car-actions-delimiters ul.list-unstyled .delimiter {
flex-grow: 0;
flex-basis: auto;
margin: 0 16px;
}
}
.single-car-actions-delimiters ul.list-unstyled .delimiter:last-child {
display: none;
}
@media (min-width: 1025px) {
.single-car-actions-delimiters ul.list-unstyled .delimiter:nth-child(8n) {
flex-grow: 1;
flex-basis: 100%;
}
.single-car-actions-delimiters ul.list-unstyled .delimiter:nth-child(8n):before {
height: 0;
}
}
@media (max-width: 767px) {
.single-car-actions-delimiters ul.list-unstyled .delimiter {
display: none;
}
}
.single-car-actions-delimiters ul.list-unstyled .delimiter:before {
content: "";
display: block;
width: 1px;
height: 20px;
background: var(--motors-border-color, #dddddd);
margin: 0 auto;
}
.single-car-actions-delimiters ul.list-unstyled li {
margin: 10px 0;
text-align: center;
max-width: 30%;
}
@media (max-width: 1024px) {
.single-car-actions-delimiters ul.list-unstyled li {
max-width: none;
}
}
@media (max-width: 767px) {
.single-car-actions-delimiters ul.list-unstyled li {
white-space: normal;
flex-grow: 1;
flex-basis: 40%;
text-align: left;
}
.single-car-actions-delimiters ul.list-unstyled li:nth-child(4n-1) {
text-align: right;
}
}
.single-car-actions-delimiters ul.list-unstyled li > a {
text-align: center;
flex-grow: 1;
color: var(--motors-text-color, #121e24);
display: inline-flex;
align-items: center;
justify-content: center;
}
.single-car-actions-delimiters ul.list-unstyled li > a:hover {
color: var(--motors-accent-color, var(--mvl-secondary-color));
}
.single-car-actions-delimiters ul.list-unstyled li > a.add-to-compare {
position: relative;
}
@media (max-width: 767px) {
.single-car-actions-delimiters ul.list-unstyled li > a.add-to-compare.stm-added .stm-unhover {
display: none;
}
}
@media (min-width: 768px) {
.single-car-actions-delimiters ul.list-unstyled li > a.add-to-compare .stm-show-on-hover {
position: absolute;
z-index: 300;
left: 0;
top: 0;
width: 100%;
padding: inherit;
padding-left: 2px;
padding-right: 2px;
display: none;
}
.single-car-actions-delimiters ul.list-unstyled li > a.add-to-compare .stm-unhover {
display: inline;
}
.single-car-actions-delimiters ul.list-unstyled li > a.add-to-compare:hover .stm-show-on-hover {
display: flex;
}
.single-car-actions-delimiters ul.list-unstyled li > a.add-to-compare:hover .stm-unhover {
opacity: 0;
}
}
.single-car-actions-delimiters ul.list-unstyled li > a > i {
margin-right: 0.5em;
font-size: 1.08em;
margin-top: 0.1em;
}
.single-car-actions-delimiters ul.list-unstyled li > div, .single-car-actions-delimiters ul.list-unstyled li > span, .single-car-actions-delimiters ul.list-unstyled li .stm-show-on-hover {
flex-grow: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.single-car-actions-delimiters ul.list-unstyled li > div > i, .single-car-actions-delimiters ul.list-unstyled li > span > i, .single-car-actions-delimiters ul.list-unstyled li .stm-show-on-hover > i {
margin-right: 0.5em;
font-size: 1.08em;
margin-top: 0.1em;
}
.single-car-actions-delimiters ul.list-unstyled li.stm-shareble .stm-a2a-popup.stm-a2a-popup-active {
top: -50px;
}
.single-car-actions-delimiters ul.list-unstyled li.stm-shareble:hover .stm-share {
color: initial;
}
.single-car-actions-delimiters ul.list-unstyled li .stock-num, .single-car-actions-delimiters ul.list-unstyled li .added_date_style_button {
border-radius: 8px;
color: var(--motors-text-alpha-color, #ababab);
}
@media (max-width: 767px) {
.single-car-actions-delimiters ul.list-unstyled li .added_date_style_button .added_date_info_text {
display: none;
}
}
.single-car-actions-delimiters ul.list-unstyled li .stm-item-title {
text-align: left;
}