File: /var/www/iq22073873/data/www/bckln.ru/wp-content/themes/dt-the7/css/dynamic-less/presets.less
/* #PRESETS
for transparent header preset colors
================================================== */
@media screen and (min-width: @second-switch) {
/*Header decoration*/
.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead.line-decoration:not(.side-header):not(.mixed-header) {
border-bottom: 1px solid rgba(255,255,255,0.25);
}
.transparent:not(.photo-scroller-album):not(.sticky-on) .masthead:not(.side-header):not(.mixed-header):not(#phantom),
.transparent:not(.photo-scroller-album):not(.sticky-on) .mixed-header.side-header-h-stroke:not(#phantom),
.transparent.sticky-on .masthead.masthead-mobile {
border: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/*Hamburger icon*/
.menu-toggle .lines-button {
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
background-color: rgba(255,255,255,0.25);
}
}
.menu-toggle .lines,
.menu-toggle .lines:before,
.menu-toggle .lines:after {
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
background-color: rgba(255,255,255,1);
}
}
/*Top bar decoration color*/
.top-bar.solid-bg:before {
.light-preset-color:not(.sticky-on) & {
background-color: rgba(255,255,255,0.25);
background-image: none;
}
}
.top-bar.line-content:before,
.top-bar.full-width-line:before {
.light-preset-color:not(.sticky-on) & {
border-bottom: 1px solid rgba(255,255,255,0.25);
}
}
/*Top bar elements color*/
.mini-widgets > *,
.mini-widgets .mini-nav > ul:not(.sub-nav) > li > a *,
.mini-widgets .text-area a,
.mini-nav > ul:not(.sub-nav) > li > a:hover,
.mini-search .submit,
.mini-login .submit {
.top-header.light-preset-color:not(.sticky-on) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke & {
color: #fff;
}
}
/*header elements color*/
.branding,
.branding *,
.mini-widgets > *,
.mini-search .submit,
.mini-nav .customSelectInner,
.mini-widgets .text-area a,
.mobile-mini-widgets *,
.mobile-branding * {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
color: #fff !important;
/*-webkit-text-fill-color: #fff;*/
}
}
/*classic navigation bg color*/
.navigation:before {
.light-preset-color:not(.sticky-on) .classic-header.content-width-line &,
.light-preset-color:not(.sticky-on) .classic-header.full-width-line &,
.light-preset-color:not(.sticky-on) .classic-header.bg-behind-menu & {
background-color: rgba(255,255,255,0.25);
background-image: none;
}
}
/*Main navigation text color*/
.main-nav > li > a,
.main-nav > li > a .menu-text,
.main-nav > li > a .subtitle-text,
.main-nav > li > a:hover span,
.main-nav > li.act > a > span {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
color: #fff !important;
-webkit-text-fill-color: #fff;
background: none;
}
}
.main-nav > li > a > span > span.menu-subtitle,
.main-nav > li:hover > a > span > span.menu-subtitle {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
color: rgba(255,255,255,0.5);
}
}
/*Main navigation dividers color*/
.main-nav > li:before,
.main-nav > li:last-child:after {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(.side-header):not(#phantom).dividers &,
.top-header.light-preset-color:not(.sticky-on) .masthead:not(.side-header):not(#phantom).dividers.surround & {
border-color: rgba(255,255,255,0.25);
}
}
/*Main navigation decoration color*/
.hover-outline-decoration > li:not(.act):hover > a,
.active-outline-decoration > li.act > a,
.hover-outline-decoration > li.dt-hovered:not(.act) > a {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
border-color: rgba(255,255,255,0.25);
}
}
.hover-bg-decoration > li:not(.act) > a:hover,
.hover-bg-decoration > li.dt-hovered:not(.act) > a,
.active-bg-decoration > li.act > a,
.animate-click-decoration > li > a .rippleAnimate {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.top-header.light-preset-color.accent-gradient:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) &,
.light-preset-color.accent-gradient:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
background-color: rgba(255,255,255,0.25);
background-image: none;
}
}
.l-to-r-line > li > a i.underline,
.from-centre-line > li > a .menu-item-text:before,
.upwards-line > li > a .menu-item-text:before,
.downwards-line > li > a .menu-item-text:before,
.active-line-decoration > li.act > a .decoration-line,
.hover-line-decoration > li > a:hover .decoration-line,
.hover-line-decoration > li.dt-hovered:not(.act) > a .decoration-line,
.dt-mobile-menu-icon .lines,
.dt-mobile-menu-icon .lines:before,
.dt-mobile-menu-icon .lines:after {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
background-color: rgba(255,255,255,1);
background-image: none;
}
}
/*Main navigation arrow color*/
.main-nav.level-arrows-on > li.has-children > a .menu-text:after,
.main-nav.level-arrows-on > li.has-children:not(.act) > a:hover .menu-text:after,
.main-nav.level-arrows-on > li.has-children.act > a .menu-text:after {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
@menu-arrow(white) !important;
}
}
/*Social icons*/
.soc-ico.disabled-bg a {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
&:before{
background-color: transparent !important;
}
}
}
.soc-ico a {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
&:before {
background-color: rgba(255,255,255,0.25) !important;
background-image: none !important;
}
.box-shadow (none) !important;
&:after {
background-color: rgba(255,255,255,0.45) !important;
}
}
}
.soc-ico.hover-disabled-bg a {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
&:after {
background-color: transparent !important;
.box-shadow (none) !important;
}
}
}
.soc-ico a .icon,
.soc-ico a:hover .icon {
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) &,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) & {
fill: #fff !important;
}
}
/*Microwidgets*/
@light-icons: white;
@dark-icons: rgb(34,34,34);
.mini-search .submit:before {
.masthead:not(#phantom) & {
.top-header.light-icons.light-preset-color:not(.sticky-on) & {
.search-icon(@light-icons);
}
.top-header.bold-icons.light-preset-color:not(.sticky-on) & {
.search-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-icons.light-preset-color:not(.sticky-on) & {
.search-icon(@light-icons);
}
.bold-icons.light-preset-color:not(.sticky-on) & {
.search-icon-bold(@light-icons);
}
}
}
.mini-search .submit.act:before {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.close-search-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.close-search-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.close-search-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.close-search-icon-bold(@light-icons);
}
}
}
.mini-login .submit:before {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.login-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.login-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.login-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.login-icon-bold(@light-icons);
}
}
}
.mini-contacts.address {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.address-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.address-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.address-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.address-icon-bold(@light-icons);
}
}
}
.mini-contacts.phone {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.phone-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.phone-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.phone-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.phone-icon-bold(@light-icons);
}
}
}
.mini-contacts.email {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.email-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.email-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.email-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.email-icon-bold(@light-icons);
}
}
}
.mini-contacts.skype {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.skype-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.skype-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.skype-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.skype-icon-bold(@light-icons);
}
}
}
.mini-contacts.clock {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.clock-icon(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.clock-icon-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.clock-icon(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.clock-icon-bold(@light-icons);
}
}
}
.mini-nav .customSelectInner:before {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.select-ico(@light-icons);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.select-ico-bold(@light-icons);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.select-ico(@light-icons);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.select-ico-bold(@light-icons);
}
}
}
/*Wooccomerce cart*/
.wc-ico-cart {
.light-preset-color:not(.sticky-on) .masthead:not(#phantom) & {
color: #fff;
&:hover {
color: #fff;
}
}
}
.wc-ico-cart:before {
.masthead:not(#phantom) & {
.top-header.light-preset-color.light-icons:not(.sticky-on) & {
.cart-icon(white);
}
.top-header.light-preset-color.bold-icons:not(.sticky-on) & {
.cart-icon-bold(white);
}
}
.side-header-h-stroke.masthead:not(#phantom) & {
.light-preset-color.light-icons:not(.sticky-on) & {
.cart-icon(white);
}
.light-preset-color.bold-icons:not(.sticky-on) & {
.cart-icon-bold(white);
}
}
}
.cart-icon(@colour) {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='@{colour}' d='M3.031,14.958c0,0.577,0.468,1.047,1.047,1.047s1.048-0.47,1.048-1.047c0-0.578-0.469-1.048-1.048-1.048S3.031,14.38,3.031,14.958z M11.038,14.958c0,0.577,0.467,1.047,1.047,1.047c0.578,0,1.048-0.47,1.048-1.047c0-0.578-0.47-1.048-1.048-1.048C11.505,13.91,11.037,14.38,11.038,14.958z M2.719,0.359c-0.05-0.226-0.314-0.363-0.548-0.363H0.5c-0.275,0-0.501,0.224-0.501,0.5s0.226,0.5,0.5,0.5L1.672,1L2.16,3.653L3.281,9c0,0.36,0,0,0,0l-0.74,3.396c-0.032,0.146,0.003,0.303,0.1,0.42c0.096,0.121,0.239,0.188,0.391,0.188h10.352c0.275,0,0.49-0.318,0.49-0.595c0-0.274-0.176-0.519-0.451-0.519l-9.609,0.062l0.454-1.98l0,0l7.888-0.971c0.572-0.083,0.72-0.111,0.986-0.752l1.791-4.984c0.28-0.893-0.339-1.268-0.892-1.268L3.016,2.016 M4.452,8.865L3.219,3.094L13.859,3.08l-1.766,4.733 M12.094,7.812L4.452,8.865'/%3E%3C/svg%3E");
}
.cart-icon-bold(@colour) {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='@{colour}' d='M3.31,14.001c0,0.767,0.623,1.39,1.39,1.39c0.769,0,1.392-0.623,1.392-1.39c0-0.768-0.623-1.392-1.392-1.392C3.932,12.609,3.31,13.233,3.31,14.001z M11.31,14.001c0,0.767,0.623,1.39,1.39,1.39c0.769,0,1.392-0.623,1.392-1.39c0-0.768-0.623-1.392-1.392-1.392C11.933,12.609,11.31,13.233,11.31,14.001z M12.21,11.811h1.865c0.344-0.029,0.453-0.123,0.469-0.498v-0.344l-9.032-0.797c-0.641,0-0.609-0.609,0.109-0.672l8.003-1.359c0.362-0.092,0.383-0.197,0.487-0.538l1.278-5.601L3.434,2.031l-0.35-1.514C2.995,0.264,2.856-0.015,2.481,0H0.668C0.2,0,0,0.187,0,0.5l0.04,1l1.879,0l1.667,8.099l0.11,1.417l0.024,0.313c0.005,0.296,0.152,0.483,0.527,0.483'/%3E%3C/svg%3E");
}
.wc-ico-cart > .counter {
.light-preset-color:not(.sticky-on) .masthead:not(#phantom) & {
background-color: rgba(255,255,255,0.25);
background-image: none;
}
.rectangular-counter-style & {
&:before {
.light-preset-color:not(.sticky-on) .masthead:not(#phantom) & {
border-right: 4px solid rgba(255,255,255,0.25);
}
}
}
}
.wc-ico-cart > .counter.custom-bg {
.light-preset-color:not(.sticky-on) .masthead:not(#phantom) & {
background-color: rgba(255,255,255,0.25) !important;
background-image: none !important;
}
}
/*PRESETS:end*/
}