Kapka přírody CSS

17.11.2020

@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300;400;500;600;700;800;900&display=swap');
.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name, .products-block > div .p .name span, .news-item .text .title {font-family: 'Sansita Swashed', cursive !important;}
</style>

@media screen and (min-width: 992px) {
.dklabScrolled #content-wrapper {
margin-top: 131px;
}
.dklabScrolled #header {
position: fixed;
top: 0px;
left: 0px;
z-index: 52;
width: 100%;
box-shadow: 3px 3px 3px 3px #0000000d;
}
.dklabScrolled .popup-widget.cart-widget {
position: fixed;
top: 75px !important;
}
}

/* header */
@media (min-width: 992px) {
#header .site-name a img {max-height: 120px; padding: 15px;}
}
.navigation-in ul li a b, .menu-helper>span {font-weight: 600; text-transform: uppercase;}

/* hp */
.top-products-wrapper, .shp-tabs-row.responsive-nav {display: none;}
.homepage-texts-wrapper {display: block;}
.slick-prev, .slick-next {display: none !important;}
.tab-content>.tab-pane {display: block; opacity: 1;}
.slick-dots {position: relative !important;height: 25px; bottom: 0px !important;display: none !important;}
.homepage-group-title {
display: block;
text-align: center;
font-size: 32px;
margin: 35px auto;
}

/* cta */
.btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover, .btn.btn-default:hover, a.btn.btn-default:hover {
color: #422213;
border-color: #ebe2a1;
background-color: #ebe2a1;
}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart, .btn.btn-default, a.btn.btn-default {
color: #ebe2a1;
border-color: #422213;
background-color: #422213;
}
.btn.btn-primary, a.btn.btn-primary {
color: #422213;
border-color: #422213;
background-color: #fff;
}
.navigation-buttons > a[data-target="cart"] i {
color: #ebe2a1;
background-color: #422213;
}

/* category */
.products-block .p { border-style: none;}
.products-block > div .p .name {font-size: 18px;}
.subcategories.with-image, .subcategories.with-image + h4, #productsTop, .category-title + h4 {display: none}

@media (min-width: 768px) {
.cat_img + .category-title {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 60px;
color: #fff;
}
.cat_img + .category-title {margin-top: -13%;}
}
@media (min-width: 992px) {
.cat_img + .category-title {margin-top: -12%;}
}
@media (min-width: 1200px) {
.cat_img + .category-title {margin-top: -9%;}
}
/* border-radius */
.products-block > div .p > a img, .image360 a img, .p-image a img {border-radius: 25px;}
.p-thumbnails a img {border-radius: 15px; margin: 0 5px;}
.p-thumbnail.highlighted::before, .show360image.highlighted::before, .p-thumbnail:hover::before, .show360image:hover::before { top: 5px;
left: 10px;
background-color: #2e3c18;
width: 18px;
height: 18px;
border-radius: 100%;
}
.wide .image360, .wide .p-image {padding-left: 0; padding-right: 0;}

/* detail */
.advanced-parameter-inner.yes-before::before, .disabled .advanced-parameter-inner::before {
background-position: center 88px;
}
.one-column-body table.detail-parameters tbody tr th {min-width: 120px; width: 20%;}
.advanced-parameter {
width: 90px;
height: 120px;
}
.advanced-parameter-inner {
width: 90px;
height: 120px;
border-radius: 0;
border: none;
box-shadow: none;
}
.advanced-parameter-inner img {
border-radius: 0;
}
@media (min-width: 768px) {
.wide .image360, .wide .p-image {padding-left: 75px; padding-right: 75px;}
}
.p-param-block .social-buttons-wrapper {display: none;}

/* mobile */
@media screen and (max-width: 768px) {
#header .site-name a img {padding: 3px; max-height: 60px;}
.navigation-buttons {right: 10px; top: 10px;}
.menu-level-1:before {
content: 'Menu';
display: block;
font-size: 40px;
font-family: 'Sansita Swashed', cursive !important;
color: #333;
text-align: center;
margin: 50px auto;
}
.navigation-in ul li a {
font-size: 26px;
padding-top: 2rem;
padding-bottom: 2rem;
text-align: center;
}
.navigation-in ul li a b {font-weight: 100 !important;}
.navigation-in ul.menu-level-2 li a {padding: 14px; font-weight: 100;}
.navigation-in ul.menu-level-2, .menu-helper>ul {background-color: #fff1e8;}
}

#footer {
background-color: #f3dbce;
border-top-color: #f3dbce;
}
</style>

@media (max-width: 768px) {
.kn_child4 {width:49%; padding:10px;}
}

@media (min-width: 768px) {
.kn_child4 {width:24%; padding:10px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.type-product .kn_child4 {width:48%; padding:10px;}
}
.kn_child4 p {text-align: center; font-family: 'Sansita Swashed', cursive !important; font-size: 16px;}
.added_top_menu {max-width: 1178px; margin: 20px auto;}

.owl-item p:before {content: '\201D';
font-family: 'Lobster', cursive;
font-size: 150px;
font-weight: 600;
position: absolute;
top: -40px;
left: 0px;
color: #42221338;
}
.owl-item p {font-size: 16px; padding-top: 15px;
padding-left: 35px;}
--></style>

Odebírat newsletter