html { background: url("") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } html, body, #left-container { background-color: transparent !important; } body { background: transparent !important; font-size: small !important; } .logo img.img-fluid { height: 72px !important; max-width: 260px !important; } p.zen-address { padding: 0px; margin: 0px; font-size: 13px; } .zen-dialog--header { color: #fff !important; background-color: #a6976b !important; border-bottom: 1px solid #a6976b !important; } .leftright, .rightleft { background-color: #fff !important; } .location-select a:before { color: #ed850e94; } .border-bottom--gray { border-bottom: 1px solid #e0e0e0; border: 1px solid #e0e0e0; } /*b, strong { font-weight: normal; }*/ .container.webstore-main-container { margin-top: 2%; background: rgba(255, 255, 255, 0.21); border-radius: 3px; -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, .32); -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, .32); box-shadow: 0 0 2px 0 rgba(50, 50, 50, .32); } .header-container nav ul li a { text-align: center; color: #000 !important; } div#header { width: 100%; background-color: #fff !important; } .header-container { background-color: transparent !important; } .header-container .navbar { background-color: transparent !important; } .header-container nav .wrapper { background-color: transparent !important; } .header-container .container { width: 96% !important; } li.nav-item i img { display: none !important; } .header-container nav ul li a b { display: inline-block; text-transform: uppercase; font-weight: normal; font-size: 14px; } .soft.bg--lightgray--hover.border-top--gray.border-sides--gray.pointer { color: #000 !important; border-bottom: 1px solid #e0e0e0; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected { color: #fff !important; background-color: #000 !important; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: #a6976b !important; color: #fff !important; } .ng-select .ng-arrow-wrapper .ng-arrow { border-color: #000 transparent transparent !important; border-style: solid; border-width: 10px 10px 2.5px !important; } .ng-select.ng-select-opened > .ng-select-container .ng-arrow { border-color: transparent transparent #a6976b !important; border-width: 0 10px 10px !important; } .categories .category-tab.tabactive { color: #fff !important; } .btn-primary:hover { background: #a6976b !important; cursor: pointer; color: #000 !important } .action-panel button:hover { background: #a6976b !important; cursor: pointer !important; color: #000 !important } zenoti-webstore .webstore-main-container .action-panel button { background-color: #000; color: #fff; } .time-date-select .date-display { width: 100%; height: 40px !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: bold !important; background: #000 !important; } .booking-details { background: #fff !important; border: 0px solid #CCD1D9; color: #000 !important; } .booking-details .border--top { border-top: 1px solid #e0e0e0; padding: 2%; } .appointment-tab.tabactive { background-color: #000; color: #fff !important; } .appointment-tab { color: #4778b0 !important; } .nav-pills .nav-link { border-radius: 0rem; margin-bottom: 1%; text-align: left !important; } button.btn.btn-secondary.zen-custom-amoont-btn.action-panel { color: #fff !important; } @media screen and (max-width: 768px) { .header-container nav .label-toggle { background: linear-gradient(to bottom, #fff 0%, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%) !important; cursor: pointer; display: block; float: right; height: 20px; margin-top: 1em; width: 20px; } .header-container nav nav ul { background-color: transparent !important; } div#scrollToCategories { float: left; width: 100%; padding-right: 0%; padding-bottom: 2%; } .services-list { float: none; width: 100%; } #scrollToCategories .hard--left { padding-left: 15px !important; } #scrollToCategories .hard--right { padding-right: 15px !important; } #scrollToCategories .col-3 { max-width: 100%; flex: 0 0 100%; } #scrollToCategories .col-4 { max-width: 100%; flex: 0 0 100%; } #scrollToCategories .col-6 { max-width: 100%; flex: 0 0 100%; } }