Files
interblue.pl/themes/InterBlue/assets/css/custom.css
Roman Pyrih cd8e9de7c0 Fix home RWD
2024-11-26 12:08:11 +01:00

804 lines
18 KiB
CSS

@charset "UTF-8";
/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/
.img-fluid,
.img-thumbnail {
max-width: 100%;
height: auto;
}
/** Sekcje **********************************************/
section#slider {
padding-top: 25px;
}
/** Wrapper sklepu ************************************************************************/
#wrapper {
background-color: #ffffff;
padding-top: 25px;
padding-bottom: 50px;
}
@media (max-width: 479.9px) {
#wrapper {
padding-top: 0px;
}
}
/** Header sklepu - kontakt ***************************************************************/
#header .header-nav #_desktop_contact_link {
display: inline-block;
font-weight: 500;
}
#header .header-nav #_desktop_contact_link .contact-info-phone,
#header .header-nav #_desktop_contact_link .contact-info-email,
#header .header-nav #_desktop_contact_link .contact-info-open-hours {
float: left;
margin-right: 25px;
}
#header .header-nav #_desktop_contact_link .contact-info-phone a {
color: #f57e20;
}
#header .header-nav #_desktop_contact_link .contact-info-phone a:hover {
color: #2fb5d2;
}
#header .header-nav #_desktop_contact_link i {
margin-right: 4px;
}
#header .header-nav #_desktop_contact_link #contact-link {
margin-top: 0.9375rem;
}
/** Blok html *******************************************/
.html-block-content {
margin-bottom: 40px;
}
/** Drzewko kategorii ***********************************/
.block-categories li[data-depth="0"] {
position: relative;
border-bottom: 1px solid #c4c4c4;
}
.block-categories .category-sub-menu li[data-depth="0"] > a {
padding-top: 13px;
padding-bottom: 13px;
position: relative;
z-index: 30;
width: auto !important;
display: inline-block;
border-bottom: none;
}
.block-categories .navbar-toggler {
width: 100%;
height: 4em;
padding: 0;
padding0-top: 13px;
padding-bottom: 0px;
margin-top: -11px;
font-size: 0.9375rem;
line-height: 1;
background: transparent no-repeat 50%;
background-size: auto;
background-size: 24px 24px;
border: 1px solid transparent;
border-radius: 0;
position: absolute;
z-index: 29;
}
.block-categories .navbar-toggler i {
float: right;
margin-top: 11px;
}
/** Wlasny blok tekstowy ****/
#custom-text {
text-align: center;
background-color: #f9f9f9;
margin-bottom: 15px;
}
.page-home #custom-text {
display: none;
}
#custom-text .custom-text-content {
max-width: 1600px;
width: 100%;
margin-left: auto;
margin-right: auto;
color: #666666;
display: table;
padding-top: 20px;
padding-bottom: 20px;
}
#custom-text .circle {
border-radius: 50%;
behavior: url(PIE.htc);
/* remove if you don't care about IE8 */
width: 50px;
height: 50px;
border: 2px solid #13448f;
display: block;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-position: center center;
}
#custom-text .circle-1 {
background-image: url(../img/co-nas-wyroznia-ik-1.png);
background-size: 35% 35%;
}
#custom-text .circle-2 {
background-image: url(../img/co-nas-wyroznia-ik-2.png);
background-size: 35% 35%;
}
#custom-text .circle-3 {
background-image: url(../img/co-nas-wyroznia-ik-3.png);
background-size: 35% 35%;
}
#custom-text .circle-4 {
background-image: url(../img/co-nas-wyroznia-ik-4.png);
background-size: 35% 35%;
}
#custom-text h2 {
text-transform: uppercase;
font-size: 1.2rem;
font-weight: 700;
color: #ffffff;
}
#custom-text .custom-text-content H3 {
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
margin-top: 7px;
margin-bottom: 0px;
color: #13448f;
}
#custom-text p {
font-weight: 400;
font-size: 0.8em;
margin: 0px;
color: #666666;
}
#custom-text p .dark {
color: #7a7a7a;
font-weight: 400;
}
@media (max-width: 1599.9px) {
#custom-text .custom-text-content {
padding-top: 50px;
padding-bottom: 50px;
}
#custom-text .circle {
width: 163px;
height: 163px;
background-size: 45%;
}
#custom-text .custom-text-content H3 {
margin-top: 10px;
margin-bottom: 5px;
}
}
@media (max-width: 1199.9px) {
#custom-text .custom-text-content {
padding-top: 35px;
padding-bottom: 35px;
}
#custom-text .circle {
width: 123px;
height: 123px;
background-size: 40%;
}
#custom-text .custom-text-content H3 {
margin-top: 10px;
margin-bottom: 5px;
font-size: 21px;
}
}
@media (max-width: 576.9px) {
#custom-text .custom-text-content {
padding-top: 10px;
padding-bottom: 10px;
}
#slider #custom-text {
display: none;
}
.page-home #custom-text {
display: flex;
}
#custom-text .circle-column p {
height: 50px;
}
#custom-text .circle {
width: 70px;
height: 70px;
background-size: 30%;
}
#custom-text .custom-text-content H3 {
margin-top: 10px;
margin-bottom: 5px;
font-size: 18px;
}
}
/**------------------------- STRONA GŁÓWNA ------------------------*/
/** Revolution Slider **/
.rev_slider_wrapper {
float: left;
margin-bottom: 15px !important;
}
#rev_slider_1_1_wrapper {
max-width: 767px;
width: 100%;
margin-right: 17px !important;
}
#rev_slider_2_2_wrapper {
max-width: 378px;
width: 100%;
}
/** Blog **/
.blog.blocks.displayHome .post-item {
background-color: #fafafa;
padding: 0px;
border: none;
}
.blog.blocks.displayHome .post-item .post-item-cover img {
max-width: 100%;
width: 100%;
}
.blog.blocks.displayHome .post-item .post-item-cover {
margin-bottom: 15px;
}
.blog.blocks.displayHome .post-item .post-item-title {
padding: 15px;
padding-bottom: 0px;
}
.blog.blocks.displayHome .post-item .post-item-title H3 {
margin-bottom: 8px;
}
.blog.blocks.displayHome .post-item .post-item-title a {
font-size: 20px;
line-height: 20px;
color: #000000;
font-weight: 400;
}
.blog.blocks.displayHome .post-item .post-item-content {
padding: 15px;
}
.blog.blocks.displayHome .post-item .item-readmore.pull-right {
font-size: 13px;
font-weight: 400;
color: #797979;
border: solid 2px #797979;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
border-radius: 3px;
margin-right: 15px;
margin-bottom: 15px;
}
.blog.blocks.displayHome .post-item .item-readmore.pull-right:hover {
color: #ffffff;
border: solid 2px #112c50;
background-color: #112c50;
}
/** ----------------------- PRODUKTY ----------------------------------------------------**/
/* Lista*/
#products .products-section-title,
.featured-products .products-section-title,
.product-accessories .products-section-title,
.product-miniature .products-section-title {
text-align: left;
margin-bottom: 2rem;
padding-bottom: 1.5rem;
font-family: "Open Sans", sans-serif;
font-size: 2rem;
font-weight: 800;
text-transform: uppercase;
line-height: 2rem;
color: #000;
border-bottom: solid 1px #ccc;
}
.product-miniature {
margin-left: 0px !important;
margin-right: 0px !important;
}
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
width: auto !important;
margin-top: 15px;
margin-bottom: 0 !important;
}
#products .thumbnail-container:hover,
.featured-products .thumbnail-container:hover,
.product-accessories .thumbnail-container:hover,
.product-miniature .thumbnail-container:hover {
box-shadow: none;
background-color: #fbfbfb;
}
.thumbnail.product-thumbnail {
overflow: hidden;
height: 300px;
}
@media (max-width: 767px) {
.thumbnail.product-thumbnail {
height: 222px;
}
}
.thumbnail.product-thumbnail img {
height: 100% !important;
width: 100% !important;
-o-object-fit: contain;
object-fit: contain;
}
#products .thumbnail-container img,
.featured-products .thumbnail-container img,
.product-accessories .thumbnail-container img,
.product-miniature .thumbnail-container img {
position: relative;
width: 100% !important;
height: auto;
transition: all 0.8s ease;
margin: 0px;
}
#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
width: auto !important;
padding: 10px;
position: absolute;
bottom: 0;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
@media (max-width: 767px) {
#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
height: auto !important;
}
}
#products .product-description .product-buttons,
.featured-products .product-description .product-buttons,
.product-accessories .product-description .product-buttons,
.product-miniature .product-description .product-buttons {
width: 100%;
}
#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
width: 100%;
}
#products .product-title h3,
.featured-products .product-title h3,
.product-accessories .product-title h3,
.product-miniature .product-title h3 {
margin-bottom: 0;
}
#products .product-title H3 a,
.featured-products .product-title H3 a,
.product-accessories .product-title H3 a,
.product-miniature .product-title H3 a {
color: #000000;
font-size: 14px;
line-height: 22px;
text-decoration: none;
text-align: left;
font-weight: 500;
margin-top: 5px;
text-transform: none;
}
@media (max-width: 767px) {
#products .product-title H3 a,
.featured-products .product-title H3 a,
.product-accessories .product-title H3 a,
.product-miniature .product-title H3 a {
font-size: 13px;
}
}
#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
position: absolute;
bottom: 0px;
padding-top: 0.625rem;
z-index: 300;
background: #fff;
text-align: center;
width: 100% !important;
height: 3.125rem;
transition: bottom 0.3s;
opacity: 0;
}
#products .product-buttons a.product-show-more-link,
featured-products .product-buttons a.product-show-more-link,
.product-accessories .product-buttons a.product-show-more-link,
.product-miniature .product-buttons a.product-show-more-link {
font-size: 0.85rem;
font-weight: 400;
color: #ffffff;
background-color: #112c50;
padding: 4px;
height: 16px;
border-radius: 2px;
display: inline;
margin-top: 2px;
}
#products .product-buttons a.product-show-more-link:hover,
featured-products .product-buttons a.product-show-more-link:hover,
.product-accessories .product-buttons a.product-show-more-link:hover,
.product-miniature .product-buttons a.product-show-more-link:hover {
background-color: #218fff;
font-size: 0.85rem;
border: none;
padding: 4px;
height: 16px;
}
#products .product-buttons .add-to-cart-button,
.featured-products .product-buttons .add-to-cart-button,
.product-accessories .product-buttons .add-to-cart-button,
.product-miniature .product-buttons .add-to-cart-button {
color: #ffffff;
border: solid 2px #218fff;
background-color: #218fff;
border-radius: 2px;
display: inline;
margin-top: -2px;
padding-bottom: 4px;
height: 23px;
}
#products .product-buttons .add-to-cart-button i,
.featured-products .product-buttons .add-to-cart-button i,
.product-accessories .product-buttons .add-to-cart-button i,
.product-miniature .product-buttons .add-to-cart-button i {
font-size: 0.85rem;
color: #ffffff;
margin-top: -15px;
}
/* Flagi produktów */
#products .product-miniature .discount-amount,
#products .product-miniature .discount-percentage,
#products .product-miniature .on-sale,
#products .product-miniature .online-only,
#products .product-miniature .pack,
#products .product-miniature .product-flags .new,
.featured-products .product-miniature .discount-amount,
.featured-products .product-miniature .discount-percentage,
.featured-products .product-miniature .on-sale,
.featured-products .product-miniature .online-only,
.featured-products .product-miniature .pack,
.featured-products .product-miniature .product-flags .new,
.product-accessories .product-miniature .discount-amount,
.product-accessories .product-miniature .discount-percentage,
.product-accessories .product-miniature .on-sale,
.product-accessories .product-miniature .online-only,
.product-accessories .product-miniature .pack,
.product-accessories .product-miniature .product-flags .new,
.product-miniature .product-miniature .discount-amount,
.product-miniature .product-miniature .discount-percentage,
.product-miniature .product-miniature .on-sale,
.product-miniature .product-miniature .online-only,
.product-miniature .product-miniature .pack,
.product-miniature .product-miniature .product-flags .new {
display: block;
position: absolute;
left: 4px;
padding: 1px;
padding-left: 4px;
padding-right: 4px;
color: #333;
background: #f3f3f3;
min-width: 2rem;
min-height: 1rem;
font-size: 0.8rem;
font-weight: 500;
}
/** Strona z produktem ******************************************************************************/
/** Przewoznicy **/
section.sposoby-dostawy .row {
padding-bottom: 15px;
}
section.sposoby-dostawy .row.delivery-option {
padding-bottom: 0px;
}
section.sposoby-dostawy .row .col-md-2.col-xs-12 {
text-align: center;
}
section.sposoby-dostawy .row .col-md-2.col-xs-12 img {
max-width: 70px;
margin-left: auto;
margin-right: auto;
}
section.sposoby-dostawy .h6.carrier-name {
font-weight: 600;
}
section.sposoby-dostawy .carrier-delay {
font-size: 1rem;
font-weight: 300;
}
section.sposoby-dostawy .carrier-price {
font-weight: 700;
}
/** Select wyboru producentów **************************/
@media (max-width: 479.9px) {
#search_filters_brands {
display: none;
}
}
/** Rotator logotypów marek *****************************/
.brands-slider {
margin-top: 30px;
}
.brands-slider .nbs-flexisel-item {
padding-left: 15px;
padding-right: 15px;
}
.brands-slider .nbs-flexisel-item a img {
max-width: 60%;
width: 100%;
margoin-left: auto;
margin-right: auto;
}
/** Składanie zamówienia *********************************/
@media (max-width: 479.9px) {
#onepagecheckoutps #customer_container .rowp {
display: flex;
}
#onepagecheckoutps #customer_container .row,
#onepagecheckoutps #customer_container .row .form-group.col-xs-6.col-6.required {
max-width: 110%;
width: 100%;
padding-right: 0px;
}
#onepagecheckoutps .required::after {
display: none !important;
}
#onepagecheckoutps #onepagecheckoutps_step_two_container .delivery_option_delay {
display: none;
}
div#onepagecheckoutps div#onepagecheckoutps_step_two #shipping_container .delivery_option_logo img {
max-width: 50px;
}
}
/** Przycisk scrollowania do góry *******************************************/
#back-to-top {
position: fixed;
bottom: 60px;
right: 100px;
z-index: 99999;
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
background-color: #141414;
color: #ffffff;
cursor: pointer;
border: 0;
border-radius: 2px;
text-decoration: none;
opacity: 0;
}
#back-to-top:hover {
background-color: #ff4800;
}
#back-to-top.show {
opacity: 1;
}
.product-quantity {
align-items: center;
}
.product-quantity .certyfikat {
margin-left: 15px;
}
.sollux-custom-box {
margin-bottom: 30px;
}
.sollux-custom-box img {
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
}
body#checkout main #main form .form-group.required::after {
display: none;
}
.product-add-to-card-button {
display: flex !important;
flex-direction: row;
align-items: center;
padding: 5px 10px 6px !important;
height: auto !important;
-moz-column-gap: 7px;
column-gap: 7px;
margin: 0 auto;
}
.product-add-to-card-button i.material-icons {
margin: 0 !important;
}
.product-add-to-card-button span {
font-size: 12px;
font-weight: 400;
color: #fff;
border-radius: 2px;
line-height: 1;
}
article.product-miniature .product-description > a {
width: 100%;
}
article.product-miniature .discount-amount.discount-amount,
article.product-miniature .on-sale.on-sale,
article.product-miniature .discount-percentage.discount-percentage {
background: #f14848 !important;
color: #fff;
left: 0;
}
#products .product-buttons .add-to-cart-button,
.featured-products .product-buttons .add-to-cart-button,
.product-accessories .product-buttons .add-to-cart-button,
.product-miniature .product-buttons .add-to-cart-button {
color: #ffffff;
border: solid 2px #218fff;
background-color: #218fff;
border-radius: 2px;
display: inline;
margin-top: -2px;
padding: 4px;
display: flex;
text-align: center;
margin: 0 auto;
align-items: center;
justify-items: center;
}
#products .product-buttons .add-to-cart-button:hover,
.featured-products .product-buttons .add-to-cart-button:hover,
.product-accessories .product-buttons .add-to-cart-button:hover,
.product-miniature .product-buttons .add-to-cart-button:hover {
color: #ffffff;
border: solid 2px #112c50;
background-color: #112c50;
border-radius: 2px;
display: inline;
margin-top: -2px;
padding-bottom: 4px;
}
#products .product-buttons .add-to-cart-button i,
.featured-products .product-buttons .add-to-cart-button i,
.product-accessories .product-buttons .add-to-cart-button i,
.product-miniature .product-buttons .add-to-cart-button i {
font-size: 0.85rem;
color: #ffffff;
margin-top: 1px;
}
.product-miniature .product-buttons .product-add-to-card-button {
font-size: 12px;
}
.product-miniature .product-buttons .product-add-to-card-button i {
margin-top: -2px;
margin-right: 2px;
}
#header .logo {
max-width: 115%;
width: 115%;
margin-top: -8px;
max-height: 93px;
-o-object-fit: cover;
object-fit: cover;
}
#header .header-nav .blockcart {
background: #218fff;
cursor: pointer;
}
#header .header-nav .blockcart:hover {
background: #112c50;
}
#header .header-nav .blockcart.inactive .cart-products-count {
color: #fff;
}
#header .header-top > .container > .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#_desktop_contact_link_temp {
display: none;
}
#nav-phone-numb {
display: flex;
flex-direction: row;
align-items: center;
margin-left: 10px;
-moz-column-gap: 5px;
column-gap: 5px;
height: 50px;
}
#nav-phone-numb i {
font-size: 21px;
}
#nav-phone-numb a {
color: #f57e20;
}
@media (max-width: 767px) {
footer#footer .footer-container .block-contact .hidden-sm-down {
display: block !important;
padding: 0.625rem;
}
footer#footer .footer-container .block-contact .hidden-md-up {
display: none !important;
}
}/*# sourceMappingURL=custom.css.map */