Skip to content

P
ptd
Commit ef424389 authored by Chi Bui's avatar Chi Bui 👀
Browse files
Options

edit css

parent be8bacb5
Hide whitespace changes
Inline Side-by-side
Showing with 475 additions and 363 deletions
themes/contrib/estore/css/styles.css
View file @ ef424389
...@@ -7,11 +7,12 @@ ...@@ -7,11 +7,12 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i&subset=cyrillic"); */ /* @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i&subset=cyrillic"); */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face { @font-face {
font-family: "Roboto"; font-family: "Roboto";
src: url('https://fonts.googleapis.com/css2?family=Roboto&display=swap') format("truetype"); src: url('https://fonts.googleapis.com/css2?family=Roboto&display=swap') format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
body { body {
...@@ -21,210 +22,254 @@ body { ...@@ -21,210 +22,254 @@ body {
} }
/* custom product */ /* custom product */
article.commerce-product.teaser .product-image .products-hover-wrapper{ article.commerce-product.teaser .product-image .products-hover-wrapper {
opacity: 0 !important; opacity: 0 !important;
cursor: pointer; cursor: pointer;
} }
article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"]{
opacity: 0 !important article.commerce-product.teaser:hover form[class*="add-to-cart-form"] button[id*="edit-submit"] {
opacity: 0 !important
} }
article.commerce-product.teaser .product-image img:hover { article.commerce-product.teaser .product-image img:hover {
transform: scale(1.2); transform: scale(1.2);
} }
article.commerce-product.teaser .product-image img { article.commerce-product.teaser .product-image img {
transition:all .4s linear; transition: all .4s linear;
} }
/* invi custom */
.middle-header-wrapper{ /* invi custom */
background-color: #f8ebbc !important; .middle-header-wrapper {
background-color: #f7df24 !important;
} }
.bottom-nav{
background-color: #f8ebbc !important; .bottom-nav {
padding-bottom: 16px; background-color: #f7df24 !important;
padding-bottom: 16px;
} }
.menu--main .open ul.sidebar-submenu-2 li:hover { .menu--main .open ul.sidebar-submenu-2 li:hover {
background: white !important; background: white !important;
} }
.menu--main .open ul.sidebar-submenu-2 li { .menu--main .open ul.sidebar-submenu-2 li {
border-bottom: none !important; border-bottom: none !important;
width: 170px !important width: 170px !important
} }
.menu--main .open ul.sidebar-submenu-2.three-level{
flex-direction: row !important; .menu--main .open ul.sidebar-submenu-2.three-level {
flex-direction: row !important;
} }
.middle-header-wrapper .col-md-3{
padding: 0 !important .middle-header-wrapper .col-md-3 {
padding: 0 !important
} }
.menu--main .open ul.sidebar-submenu-2 li a{
white-space: normal; .menu--main .open ul.sidebar-submenu-2 li a {
padding: 0 5px; white-space: normal;
line-height: normal !important; padding: 0 5px;
text-align: left !important; line-height: normal !important;
text-transform: none !important; text-align: left !important;
text-transform: none !important;
} }
.menu--main .open ul.sidebar-submenu-2 { .menu--main .open ul.sidebar-submenu-2 {
padding: 26px 20px !important; padding: 26px 20px !important;
} }
.menu--main .open ul.sidebar-submenu-2.sidebar-submenu-3 li{
padding: 7px 0 .menu--main .open ul.sidebar-submenu-2.sidebar-submenu-3 li {
padding: 7px 0
} }
/* .menu--main .open ul.sidebar-submenu-2 ul.slidebar-submenu-3 { /* .menu--main .open ul.sidebar-submenu-2 ul.slidebar-submenu-3 {
display: flex; display: flex;
flex-direction: column !important; flex-direction: column !important;
} */ } */
.menu--main .open .dropdown-menu { /* menu lv2 */ .menu--main .open .dropdown-menu {
display: flex; /* menu lv2 */
flex-direction: column; display: flex;
justify-content: flex-start; flex-direction: column;
top: 98%; justify-content: flex-start;
left: -2px; top: 98%;
/* width: 73%; */ left: -2px;
/* text-align: center; */ /* width: 73%; */
background: white !important; /* text-align: center; */
/* height: 169%; */ background: white !important;
/* height: 169%; */
} }
.menu--main .open .dropdown-menu li { .menu--main .open .dropdown-menu li {
width: 100%; width: 100%;
} }
.menu--main .open .dropdown-menu.three-level li a{
.menu--main .open .dropdown-menu.three-level li a {
font-weight: 600 !important; font-weight: 600 !important;
} }
.menu--main .open .dropdown-menu.three-level .sidebar-submenu-3 li a{
.menu--main .open .dropdown-menu.three-level .sidebar-submenu-3 li a {
font-weight: normal !important; font-weight: normal !important;
padding: 6px 0; padding: 6px 0;
} }
.menu--main .open .dropdown-menu li a{
.menu--main .open .dropdown-menu li a {
font-weight: normal; font-weight: normal;
} }
.menu--main .open .dropdown-menu .dropdown-menu.sidebar-submenu-3{
margin-top: 10px .menu--main .open .dropdown-menu .dropdown-menu.sidebar-submenu-3 {
margin-top: 10px
} }
.menu--main .open .dropdown-menu .dropdown-menu{/* menulv 3 */
display: flex; .menu--main .open .dropdown-menu .dropdown-menu {
flex-direction: column; /* menulv 3 */
justify-content: flex-start; display: flex;
top: 5px; flex-direction: column;
/* height: 102%; */ justify-content: flex-start;
border: none; top: 5px;
left: 0; /* height: 102%; */
position: relative; border: none;
left: 0;
position: relative;
} }
.menu--main .open .dropdown-menu .dropdown-menu li{/* menulv 3 */
.menu--main .open .dropdown-menu .dropdown-menu li {
/* menulv 3 */
/* padding: 5px 10px; */ /* padding: 5px 10px; */
font-weight: 200; font-weight: 200;
} }
.menu--main .open .dropdown-menu .dropdown-menu li a{/* menulv 3 */
font-weight: 500; .menu--main .open .dropdown-menu .dropdown-menu li a {
/* menulv 3 */
font-weight: 500;
} }
.menu--main .open .dropdown-menu li {
color : red
.menu--main .open .dropdown-menu li {
color: red
} }
/* end custom */ /* end custom */
.menu--category-menu .open ul.sidebar-submenu-2 li:hover { .menu--category-menu .open ul.sidebar-submenu-2 li:hover {
background: white !important; background: white !important;
} }
.menu--category-menu .open ul.sidebar-submenu-2 li { .menu--category-menu .open ul.sidebar-submenu-2 li {
border-bottom: none !important; border-bottom: none !important;
width: 251px !important; width: 251px !important;
} }
.menu--category-menu .open ul.sidebar-submenu-2.three-level{
flex-direction: row !important; .menu--category-menu .open ul.sidebar-submenu-2.three-level {
flex-direction: row !important;
} }
.menu--category-menu .open ul.sidebar-submenu-2 li a{ .menu--category-menu .open ul.sidebar-submenu-2 li a {
white-space: normal; white-space: normal;
padding: 0 5px !important; padding: 0 5px !important;
} }
.menu--category-menu .open ul.sidebar-submenu-2 { .menu--category-menu .open ul.sidebar-submenu-2 {
padding: 10px 5px 20px !important; padding: 10px 5px 20px !important;
} }
/* .menu--category-menu .open ul.sidebar-submenu-2 ul.slidebar-submenu-3 { /* .menu--category-menu .open ul.sidebar-submenu-2 ul.slidebar-submenu-3 {
display: flex; display: flex;
flex-direction: column !important; flex-direction: column !important;
} */ } */
.menu--category-menu .open .dropdown-menu { /* menu lv2 */ .menu--category-menu .open .dropdown-menu {
display: flex; /* menu lv2 */
flex-direction: column; display: flex;
justify-content: flex-start; flex-direction: column;
top: 0; justify-content: flex-start;
left: 97%; top: 0;
/* width: 73%; */ left: 97%;
/* text-align: center; */ /* width: 73%; */
background: white !important; /* text-align: center; */
/* height: 169%; */ background: white !important;
/* height: 169%; */
} }
.menu--category-menu .open .dropdown-menu li { .menu--category-menu .open .dropdown-menu li {
width: 100%; width: 100%;
} }
.menu--category-menu .open .dropdown-menu.three-level li a{
.menu--category-menu .open .dropdown-menu.three-level li a {
font-weight: 600 !important; font-weight: 600 !important;
} }
.menu--category-menu .open .dropdown-menu.three-level .sidebar-submenu-3 li { .menu--category-menu .open .dropdown-menu.three-level .sidebar-submenu-3 li {
padding: 4px 0; padding: 4px 0;
width: 100% !important; width: 100% !important;
} }
header.navbar .category-menu ul.menu ul.dropdown-menu li span { header.navbar .category-menu ul.menu ul.dropdown-menu li span {
font-weight: 500; font-weight: 500;
color: black; color: black;
font-size: 15px; font-size: 15px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
margin-bottom: 0; margin-bottom: 0;
margin-top: 0; margin-top: 0;
} }
.menu--category-menu .open .dropdown-menu.three-level .sidebar-submenu-3 li a{
.menu--category-menu .open .dropdown-menu.three-level .sidebar-submenu-3 li a {
font-weight: normal !important; font-weight: normal !important;
padding: 0; padding: 0;
} }
.menu--category-menu .open .dropdown-menu li a{
.menu--category-menu .open .dropdown-menu li a {
font-weight: normal; font-weight: normal;
} }
.menu--category-menu .open .dropdown-menu .dropdown-menu{/* menulv 3 */
display: flex; .menu--category-menu .open .dropdown-menu .dropdown-menu {
flex-direction: column; /* menulv 3 */
justify-content: flex-start; display: flex;
top: 5px; flex-direction: column;
/* height: 102%; */ justify-content: flex-start;
border: none; top: 5px;
left: 0; /* height: 102%; */
position: relative; border: none;
left: 0;
position: relative;
} }
.menu--category-menu .open .dropdown-menu .dropdown-menu li{/* menulv 3 */
.menu--category-menu .open .dropdown-menu .dropdown-menu li {
/* menulv 3 */
padding: 5px 10px; padding: 5px 10px;
font-weight: 200; font-weight: 200;
} }
.menu--category-menu .open .dropdown-menu .dropdown-menu li a{/* menulv 3 */
font-weight: 500; .menu--category-menu .open .dropdown-menu .dropdown-menu li a {
/* menulv 3 */
font-weight: 500;
} }
.menu--category-menu .open .dropdown-menu li {
color : red
.menu--category-menu .open .dropdown-menu li {
color: red
} }
.menu--category-menu .dropdown-toggle i{ .menu--category-menu .dropdown-toggle i {
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
top: 15px; top: 15px;
position: absolute; position: absolute;
right: 15px; right: 15px;
} }
.region-footer-fourth .view-content{
.region-footer-fourth .view-content {
display: flex; display: flex;
} }
.contact_text{
.contact_text {
margin-top: 12px margin-top: 12px
} }
.region-footer-fourth .view-content .img-responsive { .region-footer-fourth .view-content .img-responsive {
width: 35px; width: 35px;
height: 35px; height: 35px;
margin-right: 7px; margin-right: 7px;
margin-top: 14px; margin-top: 14px;
border-radius: 9px; border-radius: 9px;
} }
header.navbar .category-menu ul.menu ul.dropdown-menu li{
header.navbar .category-menu ul.menu ul.dropdown-menu li {
/* border: none; */ /* border: none; */
font-weight: 200 !important; font-weight: 200 !important;
padding: 5px 11px; padding: 5px 11px;
...@@ -232,11 +277,12 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li{ ...@@ -232,11 +277,12 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li{
.pin_be .navbar-nav>li.open>.dropdown-menu { .pin_be .navbar-nav>li.open>.dropdown-menu {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
align-items: flex-start; align-items: flex-start;
padding: 24px 30px; padding: 24px 30px;
} }
.pin_be .navbar-nav>li>.dropdown-menu li { .pin_be .navbar-nav>li>.dropdown-menu li {
margin-left: 0 !important margin-left: 0 !important
} }
...@@ -244,14 +290,17 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li{ ...@@ -244,14 +290,17 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li{
.middle-header-wrapper .container-fluid.fixed-top.no-toolbar { .middle-header-wrapper .container-fluid.fixed-top.no-toolbar {
top: 0 top: 0
} }
.footer-bottom-left{
.footer-bottom-left {
margin-top: 10px; margin-top: 10px;
} }
@media (min-width: 768px){
.webform-flex--container { @media (min-width: 768px) {
width: 91% !important .webform-flex--container {
} width: 91% !important
}
} }
.middle-header-wrapper .container-fluid.fixed-top { .middle-header-wrapper .container-fluid.fixed-top {
position: fixed; position: fixed;
z-index: 2000; z-index: 2000;
...@@ -264,57 +313,59 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li{ ...@@ -264,57 +313,59 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li{
header.navbar .category-menu ul.menu.litte-menu { header.navbar .category-menu ul.menu.litte-menu {
height: 455px; height: 455px;
/* // overflow: hidden; */ /* // overflow: hidden; */
} }
#scrollUp { #scrollUp {
background: #c40316 none repeat scroll 0 0; background: #c40316 none repeat scroll 0 0;
bottom: 85px; bottom: 85px;
color: #ffffff; color: #ffffff;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
display: none; display: none;
font-size: 20px; font-size: 20px;
height: 45px; height: 45px;
line-height: 39px; line-height: 39px;
position: fixed; position: fixed;
right: 12px; right: 12px;
text-align: center; text-align: center;
width: 45px; width: 45px;
z-index: 9999; z-index: 9999;
border-radius: 50%; border-radius: 50%;
border: 2px solid #fff; border: 2px solid #fff;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
} }
#scrollUp:hover i { #scrollUp:hover i {
animation-name: fadeInUp; animation-name: fadeInUp;
animation-duration: 1s; animation-duration: 1s;
animation-fill-mode: both; animation-fill-mode: both;
animation-iteration-count: infinite; animation-iteration-count: infinite;
} }
@keyframes fadeInUp { @keyframes fadeInUp {
from { from {
transform: translate3d(0,40px,0) transform: translate3d(0, 40px, 0)
} }
to { to {
transform: translate3d(0,0,0); transform: translate3d(0, 0, 0);
opacity: 1 opacity: 1
} }
} }
@-webkit-keyframes fadeInUp { @-webkit-keyframes fadeInUp {
from { from {
transform: translate3d(0,40px,0) transform: translate3d(0, 40px, 0)
} }
to { to {
transform: translate3d(0,0,0); transform: translate3d(0, 0, 0);
opacity: 1 opacity: 1
} }
} }
/* .top-region{ /* .top-region{
background: white; background: white;
} }
...@@ -345,12 +396,11 @@ header.navbar .category-menu ul.menu.litte-menu { ...@@ -345,12 +396,11 @@ header.navbar .category-menu ul.menu.litte-menu {
.more-category:hover { .more-category:hover {
color: red; color: red;
} }
.more-category:hover::before { .more-category:hover::before {
color: red; color: red;
border: 1.5px solid red; border: 1.5px solid red;
} }
.more-category::before { .more-category::before {
...@@ -370,7 +420,8 @@ border: 1.5px solid red; ...@@ -370,7 +420,8 @@ border: 1.5px solid red;
border-radius: 50% 50%; border-radius: 50% 50%;
border: 1.5px solid red; border: 1.5px solid red;
} }
.less-category::before{
.less-category::before {
position: absolute; position: absolute;
font-family: FontAwesome; font-family: FontAwesome;
content: "\f2d1"; content: "\f2d1";
...@@ -386,15 +437,16 @@ border: 1.5px solid red; ...@@ -386,15 +437,16 @@ border: 1.5px solid red;
border-radius: 50% 50%; border-radius: 50% 50%;
border: 1.5px solid black; border: 1.5px solid black;
} }
.less-category:hover::before { .less-category:hover::before {
color: red; color: red;
border: 1.5px solid red; border: 1.5px solid red;
} }
.less-category:hover { .less-category:hover {
color: red; color: red;
} }
.block-region-top-categories img { .block-region-top-categories img {
width: 100%; width: 100%;
height: 140px; height: 140px;
...@@ -422,7 +474,7 @@ border: 1.5px solid red; ...@@ -422,7 +474,7 @@ border: 1.5px solid red;
.middle-header-wrapper .container-fluid { .middle-header-wrapper .container-fluid {
display: flex; display: flex;
align-items: center; align-items: center;
background: #f8ebbc; background: #f7df24;
} }
@keyframes mymove { @keyframes mymove {
...@@ -454,11 +506,14 @@ border: 1.5px solid red; ...@@ -454,11 +506,14 @@ border: 1.5px solid red;
font-weight: bold !important; font-weight: bold !important;
text-shadow: -2px 0 0 #fff, 0 -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 2px 0 #fff, 3px 3px 4px rgba(0, 0, 0, 0.5); text-shadow: -2px 0 0 #fff, 0 -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 2px 0 #fff, 3px 3px 4px rgba(0, 0, 0, 0.5);
} }
header .link_content:hover { header .link_content:hover {
background: #f09d51; background: #ee964a;
color: #;
} }
header .link_content { header .link_content {
background: #ee964a; background: #eb5335;
height: 57px; height: 57px;
color: white; color: white;
color: #fff !important; color: #fff !important;
...@@ -486,14 +541,14 @@ header .link_content a:hover { ...@@ -486,14 +541,14 @@ header .link_content a:hover {
border: 1px solid #e94337; border: 1px solid #e94337;
border-radius: 4px; border-radius: 4px;
padding: 5px 20px; padding: 5px 20px;
background: #EE964B; background: #fe0024;
color: white !important; color: white !important;
} }
.pin_be { .pin_be {
display: flex; display: flex;
align-items: center; align-items: center;
background: #f8ebbc; background: #f7df24;
} }
.cong { .cong {
...@@ -503,7 +558,7 @@ header .link_content a:hover { ...@@ -503,7 +558,7 @@ header .link_content a:hover {
height: 29px; height: 29px;
line-height: 25px; line-height: 25px;
width: 10px; width: 10px;
background: #ee964a; background: #fe0024;
color: white; color: white;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
...@@ -516,7 +571,7 @@ header .link_content a:hover { ...@@ -516,7 +571,7 @@ header .link_content a:hover {
height: 28px; height: 28px;
width: 10px; width: 10px;
color: white; color: white;
background: #ee964a; background: #fe0024;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
line-height: 25px; line-height: 25px;
...@@ -531,9 +586,11 @@ header.navbar .block-search-navigation { ...@@ -531,9 +586,11 @@ header.navbar .block-search-navigation {
/* flex: 1; */ /* flex: 1; */
/* padding: 0 25px; */ /* padding: 0 25px; */
} }
#toolbar-administration, #toolbar-administration * { #toolbar-administration, #toolbar-administration * {
z-index: 99999; z-index: 99999;
} }
.search .input-group { .search .input-group {
/* padding-left: 30px; */ /* padding-left: 30px; */
position: relative; position: relative;
...@@ -544,9 +601,11 @@ header.navbar .block-search-navigation { ...@@ -544,9 +601,11 @@ header.navbar .block-search-navigation {
/* border-bottom: 2px solid #ebebeb; */ /* border-bottom: 2px solid #ebebeb; */
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
} }
.search .input-group input::placeholder { .search .input-group input::placeholder {
color: #333; color: #333;
} }
.search .input-group button { .search .input-group button {
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
...@@ -567,14 +626,14 @@ header.navbar .block-search-navigation { ...@@ -567,14 +626,14 @@ header.navbar .block-search-navigation {
.search .input-group input { .search .input-group input {
border: 0; border: 0;
background: inherit; background: white;
width: 100%; width: 100%;
height: 50px; height: 50px;
color: #333; color: #333;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding: 0 145px 0 20px; padding: 0 145px 0 20px;
opacity: 0.7; /* opacity: 0.7; */
} }
@media (max-width: 768px) { @media (max-width: 768px) {
...@@ -626,8 +685,6 @@ header.navbar .block-search-navigation { ...@@ -626,8 +685,6 @@ header.navbar .block-search-navigation {
line-height: 16px; line-height: 16px;
} }
header.navbar .main-menu .toggle-wrap .toggle { header.navbar .main-menu .toggle-wrap .toggle {
font-size: 20px !important; font-size: 20px !important;
} }
...@@ -656,9 +713,9 @@ header.navbar .category-menu .block-title i { ...@@ -656,9 +713,9 @@ header.navbar .category-menu .block-title i {
header.navbar .block-search-navigation .search-icon { header.navbar .block-search-navigation .search-icon {
display: none; display: none;
}.region-footer-fourth .view-content .img-responsive }
@media (min-width: 768px) and (max-width: 991px) { .region-footer-fourth .view-content .img-responsive @media (min-width: 768px) and (max-width: 991px) {
header.navbar div.block-search-navigation { header.navbar div.block-search-navigation {
right: 75px !important right: 75px !important
} }
...@@ -667,86 +724,120 @@ header.navbar .block-search-navigation .search-icon { ...@@ -667,86 +724,120 @@ header.navbar .block-search-navigation .search-icon {
justify-content: flex-end !important; justify-content: flex-end !important;
} }
} }
.btn-mobile-top{
display: none; .btn-mobile-top {
display: none;
} }
.mobile-top{
display: none; .mobile-top {
display: none;
} }
/* invi 1440 */ /* invi 1440 */
@media (max-width: 1440px) { @media (max-width: 1440px) {
header.navbar .main-menu ul.menu li:first-child{ .search .input-group button{
margin-left: 0!important; min-width: 50px !important
} }
header.navbar .main-menu ul.menu li { header.navbar .main-menu ul.menu li:first-child {
margin-left: 0 !important;
}
header.navbar .main-menu ul.menu li {
float: left !important; float: left !important;
margin-left: 15px!important; margin-left: 15px !important;
font-size: 13px!important; font-size: 13px !important;
font-weight: 700!important; font-weight: 700 !important;
line-height: 43px !important; line-height: 43px !important;
}
header.navbar .category-menu {
font-size: 13px
}
header.navbar .category-menu .block-title span {
font-size: 13px
}
.top-header-wrapper .container-fluid {
display: flex;
}
.top-header-wrapper .left-top-header>div {
font-size: 16px !important;
}
.top-header-wrapper .container-fluid .menu--account {
display: flex;
}
.top-header-wrapper .right-top-header ul.menu .first a {
/* right: 110px !important */
}
.middle-header-wrapper .region-left-middle-header .branding-block .site-title .name {
font-size: 26px !important;
}
.middle-header-wrapper .region-left-middle-header .branding-block .logo img {
width: 36px !important
}
.top-header-wrapper .left-top-header {
margin-top: -12px !important;
}
.top-header-wrapper .left-top-header>div {
margin: 6px 5px !important;
}
.top-header-wrapper {
height: 100px !important;
position: relative;
}
.top-header-wrapper .left-top-header>div:first-child {
margin-left: 5px
}
.top-header-wrapper .right-top-header ul.menu a {
/* position: absolute; */
/* top: 16px; */
/* right: 0; */
/* width: 76px; */
/* margin: auto; */
display: flex;
justify-content: center;
}
} }
header.navbar .category-menu{
font-size: 13px
}
header.navbar .category-menu .block-title span{
font-size: 13px
}
.top-header-wrapper .right-top-header ul.menu .first a{
right: 110px !important
}
.middle-header-wrapper .region-left-middle-header .branding-block .site-title .name{
font-size: 26px !important;
}
.middle-header-wrapper .region-left-middle-header .branding-block .logo img{
width: 36px !important
}
.top-header-wrapper .left-top-header{
margin-top: -12px !important;
}
.top-header-wrapper .left-top-header>div {
margin: 6px 5px !important;
}
.top-header-wrapper{
height: 100px !important;
position: relative;
}
.top-header-wrapper .left-top-header>div:first-child{
margin-left: 5px
}
.top-header-wrapper .right-top-header ul.menu a{
position: absolute;
top: 16px;
right: 0;
width: 76px;
/* margin: auto; */
display: flex;
justify-content: center;
}
}
/* invi 991 response */ /* invi 991 response */
@media (max-width: 991px) { @media (max-width: 991px) {
header.navbar .category-menu ul.menu.litte-menu{ header.navbar .category-menu ul.menu.litte-menu {
display: none !important; display: none !important;
} }
.region-middle-bottom-header .search-block-form{
display: none !important; .region-middle-bottom-header .search-block-form {
} display: none !important;
.region-middle-header .pin_be{ }
display: none !important;
} .region-middle-header .pin_be {
.btn-mobile-top{ display: none !important;
display: block !important; }
background: #eb5335;
border: none; .btn-mobile-top {
width: 30px; display: block !important;
height: 30px; background: #eb5335;
color: white; border: none;
/* padding-top: 10px; */ width: 30px;
border-radius: 4px; height: 30px;
position: absolute; color: white;
top: 10px; /* padding-top: 10px; */
} border-radius: 4px;
.mobile-top { position: absolute;
top: 10px;
}
.mobile-top {
display: flex !important; display: flex !important;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
...@@ -757,54 +848,61 @@ header.navbar .category-menu .block-title span{ ...@@ -757,54 +848,61 @@ header.navbar .category-menu .block-title span{
z-index: 999999; z-index: 999999;
height: 100vh; height: 100vh;
background: #f8ebbc; background: #f8ebbc;
color: black; color: black;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
padding: 0 20px; padding: 0 20px;
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
} }
.mobile-top.menu-toggle{
left: 0px; .mobile-top.menu-toggle {
} left: 0px;
.mobile-top .address-mobile{ }
padding: 41px 0px 20px;
} .mobile-top .address-mobile {
.mobile-top .address-mobile div{ padding: 41px 0px 20px;
padding: 5px 0 ; }
font-size: 15px;
font-weight: 500; .mobile-top .address-mobile div {
} padding: 5px 0;
.mobile-top .pin_be{ font-size: 15px;
position: relative !important; font-weight: 500;
} }
.close-icon{
border: 1.5px solid black; .mobile-top .pin_be {
display: flex; position: relative !important;
align-items: center; }
width: 25px;
height: 25px; .close-icon {
font-size: 15px; border: 1.5px solid black;
font-weight: 200; display: flex;
border-radius: 6px; align-items: center;
position: absolute; width: 25px;
top: 10px; height: 25px;
right: 10px; font-size: 15px;
justify-content: center; font-weight: 200;
} border-radius: 6px;
.mobile-modal{ position: absolute;
background: black; top: 10px;
opacity: 0.8; right: 10px;
top: 0; justify-content: center;
left: 0; }
position: fixed;
z-index: 99998; .mobile-modal {
width: 100%; background: black;
height: 100%; opacity: 0.8;
/* justify-content: center; */ top: 0;
} left: 0;
.mobile-top .input-group{ position: fixed;
position: relative; z-index: 99998;
width: 100%;
height: 100%;
/* justify-content: center; */
}
.mobile-top .input-group {
position: relative;
width: 100%; width: 100%;
margin-top: 14px; margin-top: 14px;
/* border-top: 2px solid black; */ /* border-top: 2px solid black; */
...@@ -813,16 +911,18 @@ header.navbar .category-menu .block-title span{ ...@@ -813,16 +911,18 @@ header.navbar .category-menu .block-title span{
margin-bottom: 25px; margin-bottom: 25px;
/* border-left: 2px solid #ebebeb; */ /* border-left: 2px solid #ebebeb; */
border-radius: 10px; border-radius: 10px;
} }
.btn-primary:hover{
background: #e94537 !important;
}
.btn-primary{
border-color: #e94537 !important;
} .btn-primary:hover {
.mobile-top .input-group input{ background: #e94537 !important;
font-size: 12px; }
.btn-primary {
border-color: #e94537 !important;
}
.mobile-top .input-group input {
font-size: 12px;
padding: 0 92px 0 10px; padding: 0 92px 0 10px;
width: 100%; width: 100%;
height: 34px; height: 34px;
...@@ -837,53 +937,64 @@ header.navbar .category-menu .block-title span{ ...@@ -837,53 +937,64 @@ header.navbar .category-menu .block-title span{
opacity: 0.7; opacity: 0.7;
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
} }
.mobile-top .input-group button{ .mobile-top .input-group button {
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
width: 60px; width: 60px;
} }
.region-mobile-top{ .region-mobile-top {
width : 100% ; width: 100%;
} }
.region-mobile-top .toggle-wrap {
display: none !important; .region-mobile-top .toggle-wrap {
} display: none !important;
.region-mobile-top .tru { }
display: none !important;
} .region-mobile-top .tru {
.region-mobile-top .cong { display: none !important;
display: none !important; }
}
.region-mobile-top .navbar-nav{ .region-mobile-top .cong {
margin-left: 0 display: none !important;
} }
.region-mobile-top .pin{
width: 100%; .region-mobile-top .navbar-nav {
margin-left: 0
}
.region-mobile-top .pin {
width: 100%;
background: none; background: none;
border: none; border: none;
color: black !important; color: black !important;
} }
.region-mobile-top .pin a{
color: black; .region-mobile-top .pin a {
color: black;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
text-transform: uppercase; text-transform: uppercase;
} }
header.navbar .category-menu ul.menu.hide-block{
display: block !important; header.navbar .category-menu ul.menu.hide-block {
} display: block !important;
header.navbar .category-menu ul.menu.not-home{ }
display: block !important;
} header.navbar .category-menu ul.menu.not-home {
header.navbar .category-menu ul.menu.hide-block.not-home{ display: block !important;
display: none !important }
}
header.navbar .category-menu ul.menu{ header.navbar .category-menu ul.menu.hide-block.not-home {
display: none !important; display: none !important
} }
header.navbar .category-menu ul.menu {
display: none !important;
}
.search .input-group button { .search .input-group button {
min-width: 20px !important; min-width: 20px !important;
} }
...@@ -1051,9 +1162,6 @@ header.navbar .category-menu .block-title span{ ...@@ -1051,9 +1162,6 @@ header.navbar .category-menu .block-title span{
/* flex-direction: column; */ /* flex-direction: column; */
} }
header.navbar .main-menu { header.navbar .main-menu {
margin-right: 10px; margin-right: 10px;
margin-left: 6px; margin-left: 6px;
...@@ -5138,7 +5246,7 @@ fieldset[disabled] .btn-default.focus { ...@@ -5138,7 +5246,7 @@ fieldset[disabled] .btn-default.focus {
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #fff;
/* border-color: #006889; */ /* border-color: #eb5335; */
background-color: #F6E8EA; background-color: #F6E8EA;
} }
...@@ -5146,7 +5254,7 @@ fieldset[disabled] .btn-default.focus { ...@@ -5146,7 +5254,7 @@ fieldset[disabled] .btn-default.focus {
.btn-primary.active, .btn-primary.active,
.open>.btn-primary.dropdown-toggle { .open>.btn-primary.dropdown-toggle {
color: #fff; color: #fff;
border-color: #006889; border-color: #eb5335;
background-color: #0083ad; background-color: #0083ad;
} }
...@@ -5161,7 +5269,7 @@ fieldset[disabled] .btn-default.focus { ...@@ -5161,7 +5269,7 @@ fieldset[disabled] .btn-default.focus {
.open>.btn-primary.dropdown-toggle.focus { .open>.btn-primary.dropdown-toggle.focus {
color: #fff; color: #fff;
border-color: #003647; border-color: #003647;
background-color: #006889; background-color: #eb5335;
} }
.btn-primary:active, .btn-primary:active,
...@@ -5980,7 +6088,7 @@ tbody.collapse.in { ...@@ -5980,7 +6088,7 @@ tbody.collapse.in {
} }
.input-group .form-control:focus { .input-group .form-control:focus {
z-index: 3; z-index: 0;
outline: none; outline: none;
border: none; border: none;
box-shadow: none; box-shadow: none;
...@@ -10192,6 +10300,7 @@ body.toolbar-loading.toolbar { ...@@ -10192,6 +10300,7 @@ body.toolbar-loading.toolbar {
height: 50px; height: 50px;
display: flex; display: flex;
/* justify-content: center; */ /* justify-content: center; */
background: #faeed9;
align-items: center; align-items: center;
} }
...@@ -10218,9 +10327,10 @@ body.toolbar-loading.toolbar { ...@@ -10218,9 +10327,10 @@ body.toolbar-loading.toolbar {
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.top-header-wrapper{ .top-header-wrapper {
display: none !important; display: none !important;
} }
.top-header-wrapper .left-top-header { .top-header-wrapper .left-top-header {
float: none; float: none;
text-align: center; text-align: center;
...@@ -10238,6 +10348,7 @@ body.toolbar-loading.toolbar { ...@@ -10238,6 +10348,7 @@ body.toolbar-loading.toolbar {
.top-header-wrapper .right-top-header ul.menu a { .top-header-wrapper .right-top-header ul.menu a {
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
white-space: nowrap;
line-height: 38px; line-height: 38px;
margin: 0 5px; margin: 0 5px;
color: #e94337; color: #e94337;
...@@ -10656,14 +10767,15 @@ header.navbar .main-menu ul.menu li a { ...@@ -10656,14 +10767,15 @@ header.navbar .main-menu ul.menu li a {
line-height: inherit; line-height: inherit;
white-space: nowrap; white-space: nowrap;
} }
header.navbar .main-menu ul.menu li a i{
header.navbar .main-menu ul.menu li a i {
font-size: 12px; font-size: 12px;
line-height: 13px line-height: 13px font-weight: 400;
font-weight: 400;
padding-left: 6px; padding-left: 6px;
} }
header.navbar .main-menu ul.menu li a:hover { header.navbar .main-menu ul.menu li a:hover {
color: #e94337; color: #f7e558;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
...@@ -10716,7 +10828,7 @@ header.navbar .block-search-navigation .search-icon.active { ...@@ -10716,7 +10828,7 @@ header.navbar .block-search-navigation .search-icon.active {
} }
.header-region { .header-region {
padding: 10px 0 10px; padding: 10px 0 10px;
} }
.header-region h1 { .header-region h1 {
...@@ -10907,7 +11019,7 @@ header.navbar .block-search-navigation .search-icon.active { ...@@ -10907,7 +11019,7 @@ header.navbar .block-search-navigation .search-icon.active {
.footer { .footer {
padding: 50px 0 0 0; padding: 50px 0 0 0;
background-color: #f8ebbc; background-color: #f7df24;
} }
.footer .block .block-title { .footer .block .block-title {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment