Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/www/wp-content/themes/dt-the7/css/compatibility/ |
// @charset "utf-8";
// /* CSS Document */
@import "../mixins.less";
/*!
* the7 EDD customization stylesheet by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme)
* Copyright © 2017 Dream-Theme. All rights reserved.
*/
/*--------------1 - VARIABLES--------------*/
/*--------------1.2 - Mixins--------------*/
.text-gradient (@startColor: #eee, @endColor: white) when not (@endColor = ~"") {
background: -webkit-linear-gradient(@endColor);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
@media all and (-ms-high-contrast: none) {
color: @startColor;
}
}
.custom-mixin-fade-color (@customColor, @opacity:100%) when (iscolor(@customColor)) {
color: fade(@customColor, @opacity);
}
.background-gradient (@startColor: #eee, @endColor: white) when (isstring(~"@endColor")) {
background: @startColor; /* Old browsers */
background: -webkit-linear-gradient(@endColor); /* Chrome10+,Safari5.1+ */
background: linear-gradient(@endColor); /* W3C */
}
.border-radius (@radius: @border-radius-size) {
border-radius: @radius;
}
.box-shadow (@string) {
box-shadow: @string;
}
.text-normal {
font-size: var(--the7-base-font-size);
line-height: var(--the7-base-line-height);
}
.text-small {
font-size: var(--the7-text-small-font-size);
line-height: var(--the7-text-small-line-height);
}
.text-big {
font-size: var(--the7-text-big-font-size);
line-height: var(--the7-text-big-line-height);
}
.solid-bg-mixin {
background-color: var(--the7-content-boxes-bg);
}
/*Theme Options -> Appearance -> Content boxes -> Decoration: Outline*/
.outline-decoration {
.outline-element-decoration & {
.box-shadow (inset 0px 0px 0px 1px @divider-bg-color);
}
}
/*Theme Options -> Appearance -> Content boxes -> Decoration: Outline*/
.shadow-decoration {
.shadow-element-decoration & {
.box-shadow (0 6px 18px rgba(0,0,0,0.1));
}
}
.header-color {
color: var(--the7-h1-color);
.sidebar-content & {
color: @widget-sidebar-header-color;
}
.footer & {
color: @widget-footer-header-color;
}
}
.box-sizing (@string) {
box-sizing: @string;
}
/*--------------1.2 - Mixins:end--------------*/
@temp-menu-hover-color: escape(~"@{menu-hover-color}");
@strype-4-color: #ffffff;
@strype-4-header-color: #ffffff;
@strype-5-color: #333333;
@strype-5-header-color: #333333;
@base-color-temp: escape(~"@{base-color}");
/*should be deleted*/
@additional-menu-elements-font-style: normal;
@additional-menu-elements-font-weight: normal;
@additional-menu-elements-font-size: 14px;
@additional-menu-elements-line-height: 22px;
@additional-menu-elements-font-family: Arial, Verdana, sans-serif;
@additional-menu-elements-color: red;
@additional-logo-elements-font-style: normal;
@additional-logo-elements-font-weight: normal;
@additional-logo-elements-font-size: 14px;
@additional-logo-elements-line-height: 22px;
@additional-logo-elements-font-family: Arial, Verdana, sans-serif;
@additional-logo-elements-color: #888888;
@additional-menu-elements-font-style: normal;
@additional-menu-elements-font-weight: normal;
@additional-logo-elements-font-style: normal;
@additional-logo-elements-font-weight: normal;
.custom-mixin-footer-color (@customColor) when (iscolor(@customColor)) {
color: @customColor;
}
.custom-mixin-color-fade (@customColor) when (iscolor(@customColor)) {
color: fade(@customColor, 70%);
}
.custom-mixin-footer-accent-bg (@customColor, @color-opacity:100%) when (iscolor(@customColor)) {
background: fade(@customColor, @color-opacity);
}
.custom-mixin-floating-color (@customColor) when (iscolor(@customColor)) {
color: @customColor;
}
/*--------------1 - VARIABLES:end--------------*/
.mixin-width (@a) when (@a = 100%) {
width: 100%;
margin: 0;
padding: 0;
}
.mixin-width-with-paddings (@a) when (@a = 100%) {
width: 100%;
margin: 0;
}
.mixin-switch-one-col (@a) when (@a = 100%) {
.flex-flow( row wrap);
}
/*--------------2 - Top Shopping Cart --------------*/
.shopping-cart {
position: relative;
.masthead & {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
flex-flow: column wrap;
}
.dt-mobile-header & {
position: static;
}
}
.top-bar .shopping-cart {
z-index: 1001;
vertical-align: middle;
.floating-navigation-below-slider & {
z-index: 101;
}
}
.shopping-cart-wrap {
position: absolute;
z-index: 200;
visibility: hidden;
opacity: 0;
top: @additional-menu-elements-font-size + 4;
.side-header:not(.masthead-mobile-header) .mini-widgets & {
top: auto;
bottom: 100%;
}
.masthead & {
top: calc(100% ~'+' 10px);
}
.dt-mobile-header & {
width: 100%;
}
.masthead.side-header .mini-widgets & {
top: auto;
bottom: calc(100% ~'+' 10px);
}
.dt-mobile-header & {
width: 100%;
}
&.bottom-overflow {
.masthead .mini-widgets & {
top: auto;
bottom: calc(100% ~'+' 10px);
}
}
}
.floating-navigation-below-slider .shopping-cart-wrap.bottom-overflow {
top: auto;
bottom: 100%;
padding-top: 0;
padding-bottom: 10px;
}
.right-overflow.shopping-cart-wrap {
right: 0;
}
.shopping-cart-inner {
position: relative;
display: flex;
flex-flow: column wrap;
width: @sub-cart-width;
padding: 15px 20px 10px;
background-color: @sub-cart-bg;
text-align: left;
//box-sizing: border-box;
.box-sizing (border-box);
.dt-mobile-header & {
width: 100%;
}
@media all and (-ms-high-contrast: none) {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.20));
&:before {
position: absolute;
top: -7px;
left: 20px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid red;
border-bottom-color: @sub-cart-bg;
content: '';
.dt-mobile-header & {
display: none;
}
}
&:before {
.right-overflow & {
right: 20px;
left: auto;
}
}
&:before {
.side-header:not(.masthead-mobile-header) &,
.dt-mobile-header & {
top: auto;
bottom: -7px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid;
border-bottom: none;
border-top-color: @sub-cart-bg;
}
}
&:before {
.bottom-overflow & {
top: auto;
bottom: -7px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid;
border-bottom: none;
border-top-color: @sub-cart-bg;
}
}
&:before {
.right-overflow.bottom-overflow & {
top: -7px;
bottom: auto;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid red;
border-top: none;
border-bottom-color: @sub-cart-bg;
}
}
}
.shopping-cart-inner,
.shopping-cart-inner *,
.shopping-cart-inner a:not(.button),
.shopping-cart-inner .amount {
.masthead &,
.dt-mobile-header & {
.text-normal;
color: @edd-sub-cart-color !important;
}
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) & {
color: @edd-sub-cart-color !important;
}
}
/*Show cart buttons on top if cant click*/
.show-top-buttons .buttons {
display: none;
}
.buttons.top-position {
display: none;
.show-top-buttons & {
display: block;
}
}
.product_list_widget.cart_list {
overflow: hidden;
margin-bottom: 15px;
clear: both;
}
.product_list_widget.cart_list.empty {
margin-bottom: 5px;
}
.shopping-cart-inner .cart_list.empty li {
padding: 0;
}
.shopping-cart-inner .cart_list li .quantity {
display: block;
margin: 0;
}
.shopping-cart-inner .cart_list li .quantity,
.shopping-cart-inner .quantity .amount,
.shopping-cart-inner .quantity .amount * {
.masthead &,
.dt-mobile-header & {
.text-small;
}
}
.shopping-cart-inner .variation *,
.shopping-cart-inner .quantity *,
.shopping-cart-inner .quantity,
.shopping-cart-inner strong {
color: fade(@edd-sub-cart-color, 50%) !important;
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) & {
color: fade(@edd-sub-cart-color, 50%) !important;
}
}
.shopping-cart-inner .amount {
font-size: var(--the7-base-font-size);
}
.shopping-cart-inner .total,
.widget_shopping_cart .total {
margin-bottom: 20px;
}
.shopping-cart-inner a.button,
.shopping-cart-inner a.button > span/*,
.shopping-cart-inner a.button:hover*/ {
.masthead &,
.dt-mobile-header & {
color: var(--the7-btn-color) !important;
}
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) & {
color: var(--the7-btn-color) !important;
}
}
.shopping-cart-inner a.button:hover,
.shopping-cart-inner a.button:hover > span {
.masthead &,
.dt-mobile-header & {
color: var(--the7-btn-hover-color) !important;
}
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) & {
color: var(--the7-btn-hover-color) !important;
}
}
.shopping-cart-inner a:not(.button):hover {
.masthead &,
.dt-mobile-header & {
background: none;
color: var(--the7-accent-color) !important;
text-decoration: none !important;
.text-gradient (@startColor: @accent-bg-color, @endColor: @accent-text-color-2) !important;
}
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) & {
color: var(--the7-accent-color) !important;
}
}
.masthead .shopping-cart .buttons a.button *,
.shopping-cart .buttons a.button,
.shopping-cart .buttons a.button:hover,
.buttons a.button,
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
text-decoration: none !important;
}
.icon-gap-general (@a) when (@a >= 15px) {
margin-right: @a*5/14;
}
.icon-gap (@a) when (@a >= 15px) {
margin-right: @a*5/14;
}
.edd-ico-cart {
position: relative;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 22px;
white-space: nowrap;
text-decoration: none;
font: @additional-menu-elements-font-style @additional-menu-elements-font-weight @additional-menu-elements-font-size~"/"@additional-menu-elements-font-size + 4 @additional-menu-elements-font-family;
color: @additional-menu-elements-color;
.sticky-on.masthead &,
#phantom & {
.custom-mixin-floating-color (@floating-microwidgets-color);
}
& i {
margin-right: 5px;
font-size: @additional-menu-elements-icon-size;
color: @additional-menu-elements-icon-color;
.header-bar & {
.icon-gap-general (@additional-menu-elements-font-size);
}
.sticky-on.masthead &,
#phantom & {
.custom-mixin-floating-color (@floating-microwidgets-icon-color);
}
}
.branding & {
font: @additional-logo-elements-font-style @additional-logo-elements-font-weight @additional-logo-elements-font-size~"/"@additional-logo-elements-font-size + 4 @additional-logo-elements-font-family;
color: @additional-logo-elements-color;
& i {
font-size: @additional-logo-elements-icon-size;
color: @additional-logo-elements-icon-color;
.icon-gap (@additional-logo-elements-font-size);
}
}
.mixed-header & {
font: @microwidgets-in-top-line-font-style @microwidgets-in-top-line-font-variant @microwidgets-in-top-line-font-weight @microwidgets-in-top-line-font-size~"/"@microwidgets-in-top-line-font-size + 4 @microwidgets-in-top-line-font_family;
color: @microwidgets-in-top-line-color;
& i {
font-size: @microwidgets-in-top-line-icon-size;
color: @microwidgets-in-top-line-icon-color;
}
}
.mixed-header .header-bar & {
& i {
.icon-gap (@microwidgets-in-top-line-font-size);
}
}
.top-bar & {
font: @top-bar-font-style @top-bar-font-weight @top-bar-font-size~"/"@top-bar-font-size + 6 @top-bar-font-family;
text-transform: @top-bar-text-transform;
}
.top-bar & {
color: @top-color;
& i {
font-size: @top-bar-icon-size;
color: @top-bar-icon-color;
.icon-gap (@top-bar-font-size);
}
}
.dt-mobile-header & {
font: @mobile-menu-microwidgets-font-style @mobile-menu-microwidgets-font-variant @mobile-menu-microwidgets-font-weight @mobile-menu-microwidgets-font-size~"/"@mobile-menu-microwidgets-font-size+4 @mobile-menu-microwidgets-font-family;
text-transform: @mobile-menu-microwidgets-text-transform;
color: @mobile-menu-microwidgets-color;
& i {
font-size: @mobile-menu-microwidgets-icon-size;
color: @mobile-menu-microwidgets-icon-color;
.icon-gap (@mobile-menu-microwidgets-font-size);
}
}
.mobile-header-bar .mobile-mini-widgets & {
font: @mobile-microwidgets-font-style @mobile-sub-menu-font-variant @mobile-microwidgets-font-weight @mobile-microwidgets-font-size~"/"@mobile-microwidgets-font-size+4 @mobile-microwidgets-font-family;
color: @mobile-microwidgets-color;
& i {
font-size: @mobile-microwidgets-icon-size;
color: @mobile-microwidgets-icon-color;
.icon-gap (@mobile-microwidgets-font-size);
}
}
}
a.edd-ico-cart:hover {
font: @additional-menu-elements-font-style @additional-menu-elements-font-weight @additional-menu-elements-font-size~"/"@additional-menu-elements-font-size + 4 @additional-menu-elements-font-family;
.custom-mixin-color-fade (@additional-menu-elements-color);
.sticky-on.masthead &,
#phantom & {
.custom-mixin-floating-color (@floating-microwidgets-color);
}
& i {
.custom-mixin-fade-color (@additional-menu-elements-icon-color, @opacity:70%);
}
.branding & {
font: @additional-logo-elements-font-style @additional-logo-elements-font-weight @additional-logo-elements-font-size~"/"@additional-logo-elements-font-size + 4 @additional-logo-elements-font-family;
.custom-mixin-color-fade (@additional-logo-elements-color);
& i {
.custom-mixin-fade-color (@additional-logo-elements-icon-color, @opacity:70%);
}
}
.mixed-header & {
font: @microwidgets-in-top-line-font-style @microwidgets-in-top-line-font-variant @microwidgets-in-top-line-font-weight @microwidgets-in-top-line-font-size~"/"@microwidgets-in-top-line-font-size + 4 @microwidgets-in-top-line-font_family;
.custom-mixin-color-fade (@microwidgets-in-top-line-color);
& i {
.custom-mixin-fade-color (@microwidgets-in-top-line-icon-color, @opacity:70%);
}
}
.top-bar & {
font: @top-bar-font-style @top-bar-font-weight @top-bar-font-size~"/"@top-bar-font-size + 6 @top-bar-font-family;
text-transform: @top-bar-text-transform;
.custom-mixin-color-fade (@top-color);
& i {
.custom-mixin-fade-color (@top-bar-icon-color, @opacity:70%);
}
}
.dt-mobile-header & {
font: @mobile-menu-microwidgets-font-style @mobile-menu-microwidgets-font-variant @mobile-menu-microwidgets-font-weight @mobile-menu-microwidgets-font-size~"/"@mobile-menu-microwidgets-font-size+4 @mobile-menu-microwidgets-font-family;
text-transform: @mobile-menu-microwidgets-text-transform;
.custom-mixin-color-fade (@mobile-menu-microwidgets-color);
& i {
.custom-mixin-fade-color (@mobile-menu-microwidgets-icon-color, @opacity:70%);
}
}
.mobile-header-bar .mobile-mini-widgets & {
font: @mobile-microwidgets-font-style @mobile-sub-menu-font-variant @mobile-microwidgets-font-weight @mobile-microwidgets-font-size~"/"@mobile-microwidgets-font-size+4 @mobile-microwidgets-font-family;
.custom-mixin-color-fade (@mobile-microwidgets-color);
& i {
.custom-mixin-fade-color (@mobile-microwidgets-icon-color, @opacity:70%);
}
}
}
.edd-ico-cart > .counter {
position: relative;
display: inline-block;
margin-left: 10px;
padding: 1px;
//width: auto;
min-width: @additional-menu-elements-icon-size - 2;
min-height: @additional-menu-elements-icon-size - 2;
background-color: @product-counter-bg;
text-align: center;
font-size: @additional-menu-elements-icon-size - 8;
font-family: Tahoma, Arial, sans-serif !important;
line-height: @additional-menu-elements-icon-size - 2;
letter-spacing: normal;
font-weight: normal;
font-style: normal;
.branding & {
font-size: @additional-logo-elements-icon-size - 8;
line-height: @additional-logo-elements-icon-size - 2;
min-width: @additional-logo-elements-icon-size - 2;
min-height: @additional-logo-elements-icon-size - 2;
}
.mixed-header & {
font-size: @microwidgets-in-top-line-icon-size - 8;
line-height: @microwidgets-in-top-line-icon-size - 2;
min-width: @microwidgets-in-top-line-icon-size - 2;
min-height: @microwidgets-in-top-line-icon-size - 2;
}
.top-bar & {
font-size: @top-bar-icon-size - 8;
line-height: @top-bar-icon-size - 2;
min-width: @top-bar-icon-size - 2;
min-height: @top-bar-icon-size - 2;
}
.dt-mobile-header & {
font-size: @mobile-menu-microwidgets-icon-size - 8;
line-height: @mobile-menu-microwidgets-icon-size - 2;
min-width: @mobile-menu-microwidgets-icon-size - 2;
min-height: @mobile-menu-microwidgets-icon-size - 2;
}
.mobile-header-bar .mobile-mini-widgets & {
font-size: @mobile-microwidgets-icon-size - 8;
line-height: @mobile-microwidgets-icon-size - 2;
min-width: @mobile-microwidgets-icon-size - 2;
min-height: @mobile-microwidgets-icon-size - 2;
}
&.hidden {
display: none;
}
.round-counter-style & {
margin-left: 7px;
.border-radius (50%);
}
.rectangular-counter-style & {
padding: 0 2px 0 1px;
min-width: @additional-menu-elements-icon-size + 2;
.border-radius(2px);
.box-sizing (border-box);
&:before {
position: absolute;
top: 50%;
left: -4px;
margin-top: -3px;
width: 0;
height: 0;
border-top: 3px solid transparent;
border-right: 4px solid var(--the7-accent-color);
border-bottom: 3px solid transparent;
content: "";
}
.branding & {
min-width: @additional-logo-elements-icon-size + 2;
}
.mixed-header & {
min-width: @microwidgets-in-top-line-icon-size + 2;
}
.top-bar & {
min-width: @top-bar-icon-size + 2;
}
.dt-mobile-header & {
min-width: @mobile-menu-microwidgets-icon-size + 2;
}
.mobile-header-bar .mobile-mini-widgets & {
min-width: @mobile-microwidgets-icon-size + 2;
}
}
}
.edd-ico-cart > .counter {
.accent-bg-mixin;
}
.edd-ico-cart > .counter,
.edd-ico-cart:hover > .counter {
color: @edd-product-counter-color;
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) & {
color: #fff;
}
}
.edd-ico-cart > .counter.custom-bg {
background-color: @edd-product-counter-bg !important;
background-image: none !important;
&:before {
border-right-color: @edd-product-counter-bg;
}
}
.accent-gradient .edd-ico-cart > .counter,
.accent-gradient .edd-ico-cart > .counter.gradient-bg,
.edd-ico-cart > .counter.gradient-bg {
background: @product-counter-bg;
.background-gradient (@startColor: @edd-product-counter-bg, @endColor: @edd-product-counter-bg-2);
&:before {
border-right-color: @edd-product-counter-bg;
}
}
#top-bar .edd-ico-cart:hover .counter {
text-decoration: none;
}
/*Widget/miniwidget shopping cart*/
.masthead .shopping-cart-inner a.remove,
.dt-mobile-header .shopping-cart-inner a.remove {
.border-radius (100%);
color: var(--the7-accent-color) !important;
}
.widget_shopping_cart a.remove {
#page & {
.border-radius (100%);
color: var(--the7-accent-color);
}
#page .footer & {
.custom-mixin-footer-color (@widget-footer-accent-color);
}
}
.masthead .shopping-cart-inner .cart_list a.remove:hover,
.dt-mobile-header .shopping-cart-inner .cart_list a.remove:hover {
background: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2) !important;
}
}
.cart_list a.remove:hover {
#page .woocommerce & {
background: var(--the7-accent-color);
}
.accent-gradient #page .woocommerce & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
.footer #page &,
.accent-gradient #page .footer & {
.custom-mixin-footer-accent-bg (@widget-footer-accent-color, @color-opacity:100%);
}
}
.edd-download-tag-pruduct img {
max-width: 100%;
height: auto;
}
.edd-submit.button *,
.edd-submit.button:visited *,
.edd-submit.button.gray * {
color: inherit;
}