Files
redline.com.pl/themes/at_movic/assets/css/custom.scss
Roman Pyrih 7857fcd22c Save
2026-01-09 16:05:49 +01:00

1093 lines
15 KiB
SCSS

// out: custom.css, compress: true, sourceMap: true
$cBlue: #257ec2;
$cRed: #f33c3c;
.dualDisplayPro.productDetail {
font-size: 26px;
}
.alert-info {
border: 1px solid $cBlue;
border-radius: 0;
background: #fff;
color: $cBlue;
}
.newsletter-container {
.title_block {
text-transform: uppercase;
}
.block_newsletter {
max-width: 800px !important;
}
input[type='text'] {
background: #f7f7f7 !important;
border: 0 !important;
text-align: left !important;
text-transform: uppercase;
}
button {
background: #e30613 !important;
color: #fff !important;
}
}
.box-footer4 {
.block-social {
text-align: center;
}
}
.box-iconh6 .ApRawHtml {
margin-bottom: 0 !important;
}
.product-tabs {
.product-quantities {
display: none;
}
}
div.cus-sticky {
.box-top6 {
background: #fff;
top: 0 !important;
padding-top: 0 !important;
}
}
.leo-megamenu .dropdown-menu li a {
text-transform: uppercase !important;
color: #000 !important;
}
.table-responsive {
table {
* {
white-space: nowrap;
}
}
}
.language-selector {
li {
.lang-img {
border: 1px solid #e6e6e6;
}
}
}
.currency-selector {
ul {
display: flex;
li:first-child {
order: 2;
}
}
}
.category-top-menu {
a {
text-transform: none !important;
}
li[data-depth='0'] {
> a {
text-transform: uppercase !important;
}
}
}
.page-cms.page-content {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.leo_free_price {
padding: 10px 20px;
}
.cart-content {
p {
margin-bottom: 5px;
}
.leo_free_price {
padding: 0 0 5px 0;
}
}
#cookieNotice {
.closeFontAwesome {
margin-left: 10px;
&:before {
font-size: 18px;
line-height: 20px;
position: relative;
top: 1px;
}
}
}
.our-stores-title {
font-size: 25px;
}
.our-stores-search {
margin-top: 15px;
margin-bottom: 20px;
.input-group {
width: 100%;
.input-group-append {
border-bottom: 1px solid #e5e5e5;
}
.form-control {
border: none;
padding-left: 0;
padding-right: 0;
width: calc(100% - 58px);
}
.btn {
color: #292929;
background: transparent;
.fa {
font-size: 19px;
}
}
}
}
.our-stores-list {
height: 500px;
overflow: scroll;
padding-bottom: 0;
overflow-x: hidden;
.store-information {
cursor: pointer;
}
.card-header {
padding: 0.75rem 0.75rem 0.75rem 0;
background: transparent;
border-bottom: none;
h4 {
color: #000;
&.red {
color: $cRed;
}
}
}
.card-body {
padding: 0 0.75rem 0.75rem 0;
}
.country {
padding: 1.5rem 0 0 0;
&:first-child {
padding: 0;
}
}
.voivodeship {
color: $cRed;
padding: 1.5rem 0 0.75rem 0;
}
}
.our-stores {
.our-stores-filter {
margin-top: 10px;
a {
color: #000;
text-transform: uppercase;
margin-right: 3px;
margin-left: 3px;
}
}
}
.map {
margin-top: 50px;
.our-stores-map-address {
margin-top: 50px;
margin-bottom: 0.75rem;
}
}
.groupUl {
list-style-type: none !important;
}
.leo-productscompare-item .thumbnail-container .leo-bt-cart {
background: #ed1c24;
}
@media (min-width: 1440px) {
#product {
.blockreassurance_product {
display: flex;
justify-content: space-between;
margin-top: 12px !important;
> div {
width: calc(33.333% - 5px);
}
}
}
}
@media (max-width: 991px) {
body .box-top {
padding: 30px 9px 0;
}
}
@media (max-width: 767px) {
.h-logo {
padding: 10px 0 0 !important;
}
.box-top .col-info {
padding-top: 0 !important;
}
}
.product-free-delivery {
margin-top: 10px;
}
.wk-address-block {
ul {
padding-bottom: 0 !important;
li {
width: 100%;
a.active {
background: #000 !important;
color: #fff !important;
border: 0;
border-radius: 0;
}
}
}
}
#hook-display-after-carrier {
.card-block {
padding: 25px 0 0;
box-shadow: none;
border: 0;
border-top: 1px solid #ccc;
margin-top: 25px;
}
}
.product-discounts {
color: #f11d22;
margin-bottom: 10px;
}
.register-form {
.custom-checkbox {
margin-top: -29px;
}
.g-recaptcha {
margin-left: 71px;
}
}
.detal-price {
font-size: 14px;
margin-top: 10px;
}
#category-description {
h2 {
font-size: 1.1rem;
}
}
.hp_bottom_text {
h1,
h2 {
font-size: 1.1rem;
}
}
//* Custom header nev menu
@media (max-width: 767px) {
.header-top .inner .box-top {
display: flex;
justify-content: space-between;
padding: 15px 0 15px 0;
}
.header-top .inner .box-top .col-logo {
width: 40% !important;
padding: 10px !important;
margin-left: 10px !important;
display: flex;
align-items: center;
min-width: 100px;
}
.header-nav .inner {
display: flex;
justify-content: space-between;
.ApRow {
display: flex;
align-items: center;
}
.col-logo {
width: 20% !important;
padding: 10px !important;
margin-left: 10px !important;
min-width: 100px;
.h-logo {
padding: 0 !important;
}
}
}
}
//* Wybrany produkt
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.product-detail .product-prices {
}
.product-add-to-cart {
padding-bottom: 0;
.add {
.btn {
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
}
}
.buy-now {
.btn {
display: flex;
align-items: center;
justify-content: center;
background: #000;
height: 64px;
line-height: 64px;
padding: 0 20px;
text-transform: uppercase;
letter-spacing: 1px;
max-width: 240px;
min-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 15px 0 0;
font-weight: 800;
}
}
}
@media (max-width: 991px) {
.product-detail-name {
margin: 0px 0px 15px !important;
font-size: 20px;
line-height: 1.3;
}
.product-detail .product-prices {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
column-gap: 10px;
margin: 15px 0 !important;
.current-price {
font-size: 22px;
span {
margin: 0;
}
}
.product-free-delivery {
margin-top: 0;
}
}
.product-detail .description-short {
margin-bottom: 15px !important;
}
.product-variants > .product-variants-item {
margin: 0 0 10px;
}
#leo_product_reviews_block_extra .reviews_advices li {
margin: 0;
}
.product-actions {
.product-variants {
margin: 0 0 20px;
}
}
.product-add-to-cart {
.add-to-cart {
max-width: unset;
}
.p-cartwapper {
display: flex;
align-items: center;
flex-direction: row;
margin: 20px 0;
}
}
.blockreassurance_product {
margin-top: 10px;
}
}
@media (max-width: 400px) {
.product-quantity {
.input-group {
padding: 0 20px;
}
.input-group-btn-vertical {
.btn {
width: 20px;
min-width: 20px;
top: 0;
}
}
}
}
// #index {
// #page {
// #main {
// .page-home {
// .box-slideh6 {
// padding: 0 30px !important;
// }
// }
// }
// }
// }
.tr-inpost-box {
clear: both !important;
}
.blog-image {
max-width: 750px;
margin: 0px auto;
padding: 0 30px;
}
.plist-noe .thumbnail-container .functional-buttons {
opacity: 0;
visibility: hidden;
display: none;
}
//* Customize header box
#header {
.header-top {
.cus-sticky {
> .box-top {
top: 32px !important;
}
}
.box-top {
.col-logo {
grid-area: logo;
}
.col-menu {
grid-area: menu;
}
.col-info {
grid-area: info;
}
@media (min-width: 992px) and (max-width: 1200px) {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: 'logo info' 'menu menu';
.col-logo {
min-width: fit-content;
}
}
}
}
}
.leo-megamenu .navbar-nav > li > a {
@media (min-width: 1200px) and (max-width: 1400px) {
padding: 30px 7px;
}
}
#use_same_address {
display: none !important;
}
label[for='use_same_address'] {
display: none !important;
}
#invoice-addresses {
display: none !important;
}
a[href="https://redline.com.pl/pl/zamówienie?newAddress=invoice"]
{
display: none !important;
}
.js-address-form {
form {
h2:nth-child(2) {
display: none !important;
}
}
}
body#index {
header#header {
.header-top {
> .inner {
> .box-top {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
}
> .inner:not(.cus-sticky) {
.box-top6 {
&:not(:hover) {
.leo-megamenu .navbar-header {
.navbar-toggler {
&::before {
background: #fff;
}
&::after {
border-color: #fff;
}
}
}
.leo-megamenu .navbar-nav > li > a {
color: #fff;
}
#leo_search_block_top {
.title_block {
color: #fff;
}
}
#_desktop_user_info {
.popup-title {
i {
color: #fff;
}
}
}
.wislish-button {
.ap-btn-wishlist {
i {
color: #fff;
}
}
}
#_desktop_cart {
.header {
i {
color: #fff;
}
}
}
}
}
}
@media (max-width: 1200px) {
.leo-megamenu .navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
}
}
}
}
// .hp-hero-slider {
// padding-top: 30px;
// @media (max-width: 1200px) {
// padding-top: 20px;
// }
// }
.box-slideh6 {
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
#footer {
background: #000;
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #fff;
}
.block_content {
a {
color: #fff;
&:hover {
color: #fff;
}
}
}
.box-link6 .ApBlockLink ul li a {
transform: none !important;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.box-footer4 {
position: relative;
padding: 0 5% 50px;
display: flex;
justify-content: space-between;
color: #fff;
align-items: flex-end;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
.block_content {
a {
color: #7a7a7a;
}
}
}
.box-footer4 .col-left,
.box-footer4 .col-right {
width: 400px;
max-width: 100%;
}
.box-footer4 .col-center {
width: auto;
flex: 1;
text-align: center;
}
.box-footer4 .col-center {
width: auto;
flex: 1;
text-align: center;
}
.box-footer4 .block-social {
margin: 10px 0 0;
}
.box-footer4 .block-social li {
border: 0;
color: #fff;
margin: 0 5px;
font-weight: normal;
vertical-align: top;
}
.box-footer4 .block-social li:hover {
color: #888;
}
.box-footer4 .ApColumn .block {
margin-bottom: 0;
}
}
body .page-home .box-newletter5 {
background: #000 !important;
.block_newsletter {
.title_block {
color: #fff;
}
.block_content {
p {
color: #fff;
}
}
}
}
body .page-home .blog-box {
background: #000;
.box-latestnews2 {
padding-top: 40px;
}
.title_block {
color: #fff;
}
}
body .box-bannerh6 {
padding: 0 !important;
> div {
padding: 0 !important;
min-height: unset !important;
> .block.image-text.ApImage {
margin: 0 !important;
}
}
}
body .hp-hero-slider2 {
> .ApSlideShow {
min-height: unset !important;
}
}
body .product-size-tab {
max-width: fit-content;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background: transparent;
color: #000;
padding: 5px 15px;
}
body #top-header-box {
height: 32px !important;
background: #000 !important;
position: relative;
z-index: 2;
.top-header-text {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 5px 0;
p {
color: #fff;
text-align: center;
font-weight: 600;
}
}
}
body .hp-bottom-accordion {
> .panel {
margin-bottom: 20px;
.panel-heading {
background: transparent;
border: none;
.panel-title {
margin: 0;
background: transparent;
border: none;
a {
color: #fff;
font-size: 1.1rem;
font-family: 'Lato', sans-serif;
font-weight: 600;
line-height: 1.1;
}
}
}
.panel-body {
border: 0 !important;
.block {
margin: 0;
border: 0;
padding-top: 10px;
}
}
}
}
body {
.off-canvas-nav-megamenu {
.nav {
> li {
&.open-sub {
> a {
border-bottom: 1px solid #eee;
}
}
}
li.dropdown {
.caret {
right: 5px;
&:before {
font-size: 26px;
}
}
}
li {
&.nav-item {
a {
color: #2a363b;
line-height: 1.55;
width: 100%;
}
.dropdown-menu.level1 {
padding: 0;
> .dropdown-menu-inner {
> .row {
> .mega-col {
> .inner {
> ul {
> li {
&.nav-item {
padding: 14px 20px;
border-bottom: 1px solid #eee;
.caret {
right: 24px;
top: 5px;
}
}
}
}
}
}
}
}
}
.dropdown-menu.level2 {
padding: 0;
> .dropdown-menu-inner {
> .row {
> .mega-col {
> .inner {
> ul {
padding: 10px 0 0 0;
> li {
padding: 10px 0;
}
}
}
}
}
}
}
}
}
}
}
.off-canvas-nav-megamenu .offcanvas-mainnav {
width: 350px;
}
.off-canvas-nav-megamenu .dropdown-menu {
font-size: 16px;
}
.off-canvas-nav-megamenu .dropdown-menu ul li {
line-height: 42px;
}
@media (max-width: 500px) {
.off-canvas-nav-megamenu .offcanvas-mainnav {
width: 100svw;
text-align: center;
}
.off-canvas-nav-megamenu .dropdown-menu {
text-align: center;
}
.off-canvas-nav-megamenu .dropdown-menu ul li {
line-height: 38px;
}
}
}
body .block-category .category-cover {
max-width: unset;
}
#image-form_9421597145775004,
#image-form_794252319355499 {
margin-bottom: 0;
}
.product-actions {
.product-add-to-cart {
.add-to-cart {
background: #f11d22 !important;
}
}
}
.hp-reviews-slider {
// display: none;
margin-bottom: 30px;
margin-top: 30px;
.owl-item {
&.loading {
min-height: 50px !important;
}
.item {
.block-carousel-image-container {
display: flex;
flex-direction: row;
align-items: center;
column-gap: 40px;
.img-fluid {
width: 100%;
max-width: 74px;
}
}
}
}
}
.height_unset {
min-height: unset !important;
}
div.cus-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
background: #fff;
}
.box-buy-now-pay-after {
width: 100%;
display: block;
margin-top: 20px;
img {
width: 100%;
max-width: 220px;
}
}
body#product {
section.product-detail {
.product-prices {
.product-price.h5 {
.current-price {
display: flex;
align-items: flex-end;
column-gap: 14px;
> span {
line-height: 1;
margin: 0;
}
.label-taxes {
font-size: 13px;
color: #878787;
font-weight: 400;
line-height: 1.5;
}
}
}
}
.product-actions {
.product-variants {
.product-variants-item {
&.set-size-chart {
margin-bottom: 5px;
}
}
.product-size-tab {
padding: 0;
font-weight: 700;
border-bottom: 2px solid #414141;
&:hover {
padding: 5px 15px;
}
}
}
}
}
}