Ambiente design CSS

26.3.2021

.content-wrapper.container {width: 100%;}
.site-msg {background-color: #fff; color: #000;}

.navigation-buttons a, .header-top .btn.cart-count .cart-price, .search .btn.btn-default, .search a.btn.btn-default, .search .form-control, .search select {font-size: 11px;}
@media (min-width: 992px) {
.admin-logged .popup-widget.cart-widget {top: 95px;}
}

@media (min-width: 768px) {
.top-navigation-bar {display: none;
border-top-color: #fff;
border-bottom-color: #fff;
background-color: #fff;
}
}
@media (min-width: 992px) {
.header-top {padding: 19px 30px;}
}
.navigation-buttons a[data-target="login"] {
color: #000;
background-color: #fff;
display: inline-block;
margin-left: 15px;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.container.navigation-wrapper {width: 100%;}
.header-top.container {width: calc(100% - 2*260px);}
}
.header-top .btn.cart-count:not(.full) .cart-price {display: none !important;}
.navigation-buttons > a[data-target="cart"] i {color: #fff; background-color: #dc4242;}
.btn.cart-count::before, a.btn.cart-count::before {content: url(https://www.ambiente.sk/user/documents/upload/res2021/shopping-bag_smaller.svg);}

.navigation-buttons a[data-target="login"]:hover {
color: #000;
background-color: #fff;
}

@media (min-width: 768px) {
.header-top > div:nth-child(1) {order:2;}
.header-top > div:nth-child(2) {order:1;}
.header-top > div:nth-child(3) {order:3;}
#header .site-name {text-align: center;}
.search form {max-width: 225px;}
}
.search .form-control, .search select {border-color: #fff; border-bottom: solid 1px #000;}
.search .btn.btn-default, .search a.btn.btn-default {
color: #000;
border-color: #fff;
background-color: #fff;
text-transform: none;
border-bottom: none;
position: absolute;
top: -2px;
}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover, .btn.btn-cart:hover, a.btn.btn-cart:hover, .search .btn.btn-default:hover, .search a.btn.btn-default:hover {
color: #000;
border-color: #000;
background-color: #fff;
}

@media (min-width: 768px) {
.navigation-in {background-color: #fff;}
.navigation-in>ul>li {border-color: #fff;}
.navigation-in>ul>li>a {color: #000; text-transform: uppercase;}
.navigation-in>ul>li>a:hover {color: #e73e4b;}
.navigation-in ul li a b {font-weight: 600;}
.fitted .navigation-in ul {justify-content: center;}
.navigation-in ul.menu-level-2 {
left: 13%;
top: calc(100% - 9px / 2);
width: 74%;
}
.navigation-in ul.menu-level-2 li a.menu-image {display: none;}
.navigation-in>ul>li.ext>ul>li>div {width: 100%;}
.navigation-in>ul>li.ext>ul>li {padding: 10px 20px;}
.navigation-in ul.menu-level-2 a {color: #000;}
}
.menu-helper::after, .menu-trigger::after {color: #000; background-color: #fff;}
.navigation-in .menu-item-1780 ul.menu-level-2 li a.menu-image {display: none !important;}

@media (max-width: 768px) {
.top-navigation-bar a, .top-navigation-bar .dropdown button {color: #000;}
.responsive-tools>a[data-target="navigation"]::before {color: #000; background-color: transparent;}
.responsive-tools>a[data-target="login"]::before {display: none;}
.navigation-in a {color: #000;}
.navigation-in>ul>li {border-color: #fff;}
}

/* sidebar */
#categories #cat-1512 {display: none;}
.box-bg-variant .categories a {color: #000; font-size: 11px;}
.box-bg-variant .categories .topic a {color: #000; font-size: 14px;}
@media (min-width: 768px) {
.sidebar {margin-left: 30px;width:250px;}
.sidebar, .sidebar-inner {background-color: #fff;}
.sidebar-inner > div h4 {display: none;}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {display: none;}
.categories .topic>a, .categories .topic.active>a {color: #000; background-color: #fff; font-weight: 600;text-transform: uppercase;}
.categories:nth-child(2) {margin-top: 10px;}
.categories:not(:first-child) {margin-top: 30px;}
.categories ul a {padding-left: 30px;}
#categories .categories a:hover {text-decoration: underline;}
.categories li.expandable.expanded:not(.active)>a {font-weight: 700;}
}

.in-index .right-sidebar {display: none;}
@media (max-width: 1200px) {
.right-sidebar {display: none;}
}
@media (min-width: 1200px) {
.right-sidebar {width: 250px !important; margin-right: 30px;}
.content {flex-basis: auto; width: calc(100% - 560px);}
}

/* hp */
.welcome > div, .welcome > h1 {max-width: 100%;}
.welcome div, .welcome div.owl-carousel {max-width: unset !important}
.owl-dots {display: none;}

/* category */
h1 {text-transform: uppercase; font-weight: 600; margin: 50px auto;}
.breadcrumbs, .subcategories.with-image {display: none;}
.products>div {border-color: #fff;}
@media (min-width: 1600px) {
.products-block>div {width: 25%;}
.products-block.products>div {padding: 20px 40px;}
}
.category-header {background-color: #fff;}
.subcategories {justify-content: center;}
.content-inner, .p-detail {
max-width: 1000px !important;
margin-left: auto;
margin-right: auto;
}
.content-inner p, .content-inner table {max-width: 1000px !important;margin-left: auto; margin-right:auto;}
.flag.flag-action {background-color: #e73e4b;
border: solid 1px #e73e4b;}
.flag.flag-custom1 {background-color: #f6f6f6 !important;
border: solid 1px #f6f6f6; color: #000;}
.flag.flag-new {
background-color: #fff;
color: #000;
border: solid 1px #000;
text-transform: uppercase;
letter-spacing: 2px;
}
.flag.flag-tip {background-color: #4295dc;}
.flag.flag-discount {
background-color: #fff;
border: solid 1px #000;
color: #000;
border-radius: 0;
}
.flag.flag-discount > * {color: #000;}
.flag.flag-freeshipping {display: none;}

body:not(.type-product) h1, .category-title, .category-perex {text-align: center;}
.category-perex {max-width: 80%; margin: auto; margin-bottom: 19px;}
.empty-content.empty-content-category {display: none;}

.added_ENG {display: inline-block; margin-left: 15px;}
@media (max-width: 768px) {
.navigation-in .menu-level-1 {padding: 100px 50px;}
#header .cart-count {right: 38px; top: -47px;}
.added_ENG {position: absolute; right: 100px; top: -40px;}
.navigation-buttons a[data-target="login"] {position: absolute; right: 148px; top: -40px;}
}

.owl-nav > button > span {font-size: 30px;}
.owl-nav > button:hover, .owl-nav > button:focus, .owl-theme .owl-nav [class*=owl-]:hover, .owl-theme .owl-nav [class*=owl-]:focus {outline: none; background:#fff; color: #dc4242;}
.owl-theme .owl-nav {margin-top: 0;}
.owl-carousel .owl-stage {transition-timing-function: linear !important;}
#signature img {filter: grayscale(1);}

.plus-gallery-item {border-color: #fff;}
.news-item .text .title {font-size: 14px;font-weight: 600;text-align:left; line-height: unset;}
.news-item .text .description {font-size: 11px;line-height: 1.75;text-align:left;}
.h1.cart-heading {text-align: left;margin: 30px 0;}
.cart-empty .row.cart-row {display: flex; align-items: stretch;}
.cart-empty .cart-content {height: 100%;}

.navigation-in>ul>li.ext>ul>li>div>.menu-level-3 {display:none;}
.navigation-in>ul>li.ext>ul>li>div>a {font-weight:400;}

.login-wrapper .password-helper a[href="/registracia/"] {display: none;}
</style>

Předchozí článek Další článek