Lovelu CSS
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<style>
@media (min-width: 992px) {
body {background-image: url("/user/documents/upload/res/body_background_final.jpg") !important;background-size: cover;}
}
@media (max-width: 479px) {
.extended-banner-texts {
left: 10px;
right: 10px;
top: 5%;
}
.extended-banner-text {
font-size: 22px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.extended-banner-texts {
left: 10px;
right: 10px;
top: 5%;
}
.extended-banner-text {
font-size: 44px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.extended-banner-texts {
left: 10px;
right: 10px;
top: 5%;
}
.extended-banner-text {
font-size: 54px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.extended-banner-texts {
left: calc((100% - 972px) / 2);
right: 0;
top: 12%;
max-width: 800px;
}
.extended-banner-text {
font-size: 66px;
font-weight: 400 !important;
max-width: unset;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.extended-banner-texts {
left: calc(((100% - 1178px) / 2) + 50px);
right: 0;
top: 15%;
}
.extended-banner-text {
font-size: 26px;
max-width: 470px;
margin-left: 100px;
margin-top: 10px;
font-weight: 400 !important;
}
}
@media (min-width: 1440px) {
.extended-banner-texts {
left: calc(((100% - 1418px) / 2) + 120px);
right: 0;
top: 20%;
max-width: 900px;
}
.extended-banner-text {
font-size: 36px;
font-weight: 400 !important;
}
}
.extended-banner-title, .extended-banner-text, .extended-banner-link {
padding: 0;
}
.extended-banner-text {
bottom: unset;
}
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.extended-banner-text {font-family: 'Rubik', sans-serif;color: #fff;font-weight: 400 !important;}
@media (min-width: 768px) {
#header, .navigation-in, .menu-helper>span, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"] {background-color: transparent;}
body:not(.in-index) #header {background-color: #37515f;}
}
#header {position: relative; z-index: 1;}
@media (max-width: 767px) {
#header, .navigation-buttons a {background-color: #37515f !important;}
}
.extended-banner-text, .extended-banner-title {
background: none;
border: none;
box-shadow: none;
}
@media (max-width: 479px) {
.banners-row {margin-top:-40px}
.extended-banner-title, .extended-banner-text { left: 30px;
right: 30px;
top: 50px;
width: calc(100% - 60px);
max-width: unset;}
}
@media (min-width: 480px) and (max-width: 991px) {
.banners-row {margin-top:-60px}
.extended-banner-title, .extended-banner-text { left: 30px;
right: 30px;
top: 50px;
width: calc(100% - 60px);
max-width: unset;}
}
@media (min-width: 992px) {
.banners-row {margin-top:-80px}
}
.navigation-buttons a[data-target="navigation"] {
color: #fff;
background-color: transparent;
}
.navigation-buttons, .navigation-buttons a {border-style: none;}
.navigation-in ul li a b {font-weight: 400;}
.navigation-in ul.menu-level-2 {border-color: #c98697; background-color: #c98697;}
.navigation-in ul.menu-level-2 a:hover {background-color: #234956;}
.navigation-buttons a:hover {background-color: #d99683 !important;}
.navigation-buttons a[data-target="kn_mail"]::before {content: '\e924'; color: #fff;}
.navigation-buttons a[data-target="kn_call"]::before {content: '\e92c'; color: #fff;}
.navigation-buttons a[data-target="cart"]::before {
content: '';
height: 20px;
width: 25px;
background-image: url(https://422789.myshoptet.com/user/documents/upload/res/cart.svg);
background-repeat: no-repeat;
}
@media (min-width: 480px) {
#header .site-name a img {max-height: 50px;}
}
.products-block > div .p {border-style: none;}
.btn, a.btn {border-radius: 7px !important; color: #000 !important;}
.btn:hover, a.btn:hover {background-color: #000 !important; color: #fff !important;}
.shp-tabs-holder, .shp-tabs {border-color: #c69081;}
.shp-tab-link, .category-header input[type="radio"]+label {border-color: #c69081; border-radius: 5px 5px 0px 0px; background-color: #e5cfc9;}
.active .shp-tab-link, .category-header input[type="radio"]:checked+label {border-color: #c69081 #c69081 #fff #c69081;}
.shp-tab-link:hover, .category-header input[type="radio"]+label:hover {border-color: #c69081; background-color: #c69081;}
@media (max-width: 991px) {
.shp-tab-link:hover, .category-header input[type="radio"]+label:hover {border-bottom-color: #fff;background-color: #fff;}
}
.category-header {border-bottom: 1px solid #c69081;}
.products-block > div .p > a img {border-radius: 40px;}
#footer, .footer-bottom, .footer-newsletter {
background-color: #e8c7be;
border-top-color: #e8c7be;
}
.content-wrapper {
background-color: transparent;
}
body.in-index {background-position: 0px 700px !important;}
@media (max-width: 768px) {
.navigation-in {background-color: #37515f;}
.navigation-in a {color: #fff; font-size: 18px;}
.navigation-in .menu-level-2 a {color: #fff;}
.navigation-in a:hover {color: #ffc847 !important;}
.navigation-in ul li a {text-align: center; padding: 20px;}
.navigation-in ul.menu-level-2 {border-color: #37515f;background-color: #2c4451;}
.navigation-in ul.menu-level-2 li a {padding: 20px;}
.navigation-in>ul>li {border-color: transparent;}
.navigation-in .menu-level-1:before {
content: '';
height: 100px;
width: 80%;
margin:10%;
display: block;
background: url("https://422789.myshoptet.com/user/documents/upload/res/logo.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.navigation-close {color: #fff; z-index: 1000;}
}
@media (min-width: 1200px) {
.type-page .content-wrapper-in, .type-posts-listing .content-wrapper-in {width: 1118px;}
}
@media (min-width: 768px) {
.products-block > div .p .name {height: 40px;}
}
.products-block > div .p .availability {padding-top: 5px;}
@media (max-width: 767px) {
.container.navigation-wrapper .site-name {flex: 1 1 150px;}
#header .site-name a img {max-height: 60px;padding: 7px;}
.navigation-buttons {top: 10px;}
.responsive-nav, .category-header {margin-bottom: 40px;}
.body-banners {margin: 10px;}
}
@media (max-width: 767px) {
.breadcrumbs {display: flex;flex-wrap:wrap;background-color: #e5cfc9;color: #37515f;}
.breadcrumbs span {padding: 7px 3px;}
.breadcrumbs span:not(:last-child):after {content: '/';color: #c69081;}
.breadcrumbs a {color: #c69081;}
}
</style>