Berdik 2.0 CSS
<link rel="stylesheet" type="text/css" href="/user/documents/upload/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="/user/documents/upload/owl.theme.default.min.css">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
<style>
/*
.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 {font-family: 'Oswald', sans-serif;}
*/
html {
--gray_bg: #fafafa;
--lighter_bg: #fff;
--color-highlights-green: #999d18;
--color-highlights-blue: #00c2cb;
--color-text: #333333;
}
/* top menu */
.navigation-in>ul>li>a, .navigation-in ul.menu-level-2 a, .menu-helper>span, .menu-helper > ul > li a, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="navigation"], .navigation-in>ul>li.exp>a {color: var(--color-text);}
.navigation-in>ul>li>a:hover, .navigation-in ul.menu-level-2 a:hover, .menu-helper>span:hover, .menu-helper > ul > li a:hover, .navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="navigation"]:hover {color: var(--color-highlights-green);}
body, .content-wrapper, #header, .navigation-in, .menu-helper>span, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="login"], .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="navigation"] {background-color: var(--gray_bg);border-color: var(--gray_bg);}
.navigation-buttons a[data-target="search"]:hover, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="login"]:hover, .navigation-buttons a[data-target="navigation"]:hover {background-color: var(--color-highlights-blue);border-color: var(--color-highlights-blue);color: var(--lighter_bg);}
.navigation-in ul.menu-level-2, .menu-helper>ul {background-color: var(--lighter_bg); border-color: var(--lighter_bg);}
#header .site-name {
margin: 0px 30px 0px 0px;
}
.navigation-in ul li a b {
font-weight:400;
font-size: 16px;
}
.wide-carousel {background: url(https://242285.myshoptet.com/user/documents/upload/resources/res2020/Berdík/Carousel_background_V3.png) no-repeat bottom center; background-size: 100%;}
@media (max-width: 992px) {
.wide-carousel {background: url(https://242285.myshoptet.com/user/documents/upload/resources/res2020/Berdík/mobile_carousel_background.png) no-repeat bottom center; background-size: 100%;}
}
.body-banners {
margin: 0px;
}
.banners-row {
margin-left: 0px;
margin-right: 0px;
}
.shp-tabs-wrapper.homepage-tabs-wrapper {display: none;}
.homepage-texts-wrapper {
margin-left: -20px;
margin-right: -20px;
}
.homepage-texts-wrapper>div {
margin:0px;
}
.index-content-wrapper {
width:100%;
max-width:100%;
background: url(https://242285.myshoptet.com/user/documents/upload/resources/res2020/Berdík/Carousel_background_lower_V3.png) no-repeat top center;
background-size: 100%;
}
@media (max-width: 992px) {
.p-thumbnails a {
width: 100%;
}
}
@media (min-width: 992px) {
body.type-product #content {width: calc(100% - 340px);}
}
/* Detail */
.special_bullets {list-style-type: none;}
.special_bullets li:before {
content: url(https://242285.myshoptet.com/user/documents/upload/resources/res2020/Berdík/bullet.png);
position: relative;
left: -15px;
}
.p-detail-inner-header h1{text-align: center; width: 100%;font-weight: 600;}
.p-detail-inner-header .p-code {text-align: center; width: 100%;padding:20px;}
.p-final-price-wrapper, .p-info-wrapper .availability-value {text-align: center;}
.detail-parameters {margin-left: auto; margin-right: auto;}
.p-info-wrapper .add-to-cart {justify-content: center; margin-top: 30px;}
.p-short-description h4 {font-size: 22px; font-weight: 600; margin-left: 20px;}
.availability-amount, .p-code {display: none;}
body.type-product #content-wrapper {width: 100%;}
body.type-product .content {padding-left: 0px; padding-right: 0px;}
body.type-product .row {margin-left: 0px; margin-right: 0px;}
.col-sm-12.shp-tabs-row.responsive-nav {display: none;}
.p-detail-tabs-wrapper .col-sm-12, .p-detail-tabs-wrapper .description-inner, .p-detail-tabs-wrapper .basic-description {padding: 0px;}
.basic-description > h3:nth-child(1) {display: none;}
body.type-product .kn_container {width:100%;margin-left: auto;margin-right: auto;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;}
/* Fix for Safari width */
.kn_container:before, .kn_container:after {
width: 100%;
}
@media (max-width: 768px) {
body.type-product .kn_container .kn_child3 {width:100%;}
body.type-product .kn_container .kn_child2 {width:100%; padding: 0 5%;}
}
@media (min-width: 768px) {
body.type-product .kn_container .kn_child3 {width:33.3333%;}
body.type-product .kn_container .kn_child2 {width:100%; padding: 0 25%;}
}
.coll_description {justify-content: center !important;}
.coll_description p:nth-child(1) {margin-bottom: 0px;margin-top:40px;}
.coll_description h3{font-weight: 600; text-transform: uppercase;}
/* Detail images */
@media (min-width: 768px) {
.col-xs-12.col-lg-6.p-image-wrapper {display: flex; flex-direction: column;}
.p-image {position: unset;}
.p-thumbnails>div {position: unset;}
.p-thumbnails {overflow: unset; height: unset;}
.p-thumbnails>div {height: unset;}
.p-thumbnails a {width: 50%;}
.p-image, .image360 {margin-bottom: 0;}
.p-thumbnails a:first-child {order: 9999;}
.p-thumbnails a img {width: 100% !important; border-color: #ffffff;}
.p-thumbnail.highlighted::before, .show360image.highlighted::before, .p-thumbnail:hover::before, .show360image:hover::before {background-color: transparent;}
}
@media (min-width: 992px) {
.row.product-top > div:nth-child(2) {width: 66.6666%;}
.row.product-top > div:nth-child(3) {width:33.3333%;}
}
.flag.flag-discount {
background-color: #999d17;
}
/* footer */
#footer {
background-color: #fafafa;
border-top: solid 3px #b2ca40;
}
.custom-footer {padding-top: 50px;}
#footer h4, #footer .form-group label {color: #40c2ca;}
.box h4 {padding: none; margin: none; border: none; font-size: 20px; line-height: 2; letter-spacing: 6px;}
.box > p, #footer ul li::before {display: none;}
.icon-tick::before {content: 'Odeslat';font-family: "Open Sans",sans-serif; font-weight: normal;}
#footer .subscribe-form .btn {color: #fff; border-color: #b2ca40; background-color: #73c4c7;width: 180px; height: 40px; border-radius: 0px; top: 8px;}
.banner {min-height: auto !important;}
.info_container {width:100%;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:row;flex-wrap:wrap;justify-content:center; background-color: #333; color: #fff;}
.info_container a {color: #fff !important; background-color: transparent !important;}
.info_container a:hover {color: #b2ca40 !important;}
@media (max-width: 768px) {
.info_child2 {width:100%; padding:10px;}
.navigation-buttons {top: 78px;}
}
@media (max-width: 991px) and (min-width: 768px) {
.navigation-buttons {top: 39px !important;}
}
@media (min-width: 768px) {
.info_child2 {width:300px; padding:10px;}
}
</style>