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/ |
/* #Mega menu mixin
================================================== */
.custom-mixin-mega-menu-accent (@customColor) when (iscolor(@customColor)) {
color: @customColor !important;
background: none;
}
.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;
}
}
/* #Mega menu
================================================== */
.main-nav > li.dt-mega-menu > a {
position: relative;
}
.main-nav > li > a,
.mini-nav li > a {
&.mega-menu-img-top,
&.mega-menu-img-top_align_left {
.side-header & {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
}
}
.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title > a .menu-text,
.dt-mega-menu .sub-nav li.has-children:after,
.dt-mega-menu .sub-nav .dt-mega-parent:before,
.dt-mega-menu .sub-nav .dt-mega-parent:first-child:before,
.dt-mega-menu .sub-nav li:before {
display: none;
}
.sub-downwards .sub-nav li.hide-mega-title > a {
display: block;
&.mega-menu-img-top,
&.mega-menu-img-top_align_left {
display: -ms-flex;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
}
/*subtitle*/
.menu-subtitle {
display: block;
text-transform: none;
}
.menu-subtitle {
font-family: Arial, sans-serif;
font-style: normal;
font-weight: normal;
}
/*#main-nav > li > a span > span.menu-subtitle,*/
.dt-mega-menu .sub-nav .dt-mega-parent > a span.menu-subtitle {
font-size: 12px;
line-height: 14px;
}
.menu-subtitle:after,
.mega-icon:after {
display: none !important;
}
/*mega sub menu width*/
.top-header .mega-full-width > .dt-mega-menu-wrap {
width: 100%;
}
.mega-full-width .dt-mega-menu-wrap,
.mega-auto-width .dt-mega-menu-wrap {
.side-header & {
top: 0;
left: 100%;
}
}
.mega-full-width > .dt-mega-menu-wrap,
.mega-auto-width > .dt-mega-menu-wrap {
.header-side-right & {
top: 0;
left: auto;
right: 100%;
padding-left: 0;
}
.masthead.side-header:not(.sub-downwards) & {
width: 890px;
max-width: 890px;
}
}
.mega-auto-width .dt-mega-menu-wrap {
left: 0;
width: auto;
/*max-width: 100%;*/
}
.main-nav .mega-auto-width > .dt-mega-menu-wrap {
min-width: 240px;
}
.mega-auto-width > .dt-mega-menu-wrap.left-overflow,
.mega-full-width .dt-mega-menu-wrap.left-overflow {
left: 0 !important;
right: auto !important;
margin-left: 0 !important;
}
.top-header .main-nav .dt-mega-menu-wrap {
position: absolute;
top: 100%;
visibility: hidden;
opacity: 0;
padding: 10px;
box-sizing: border-box;
}
.main-nav .dt-mega-menu-wrap {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
.box-sizing (border-box);
}
.top-header.floating-navigation-below-slider .main-nav > li > .dt-mega-menu-wrap.bottom-overflow {
top: auto;
bottom: 100%;
}
.dt-mega-menu-wrap.y-overflow {
overflow-y: auto;
}
.top-header.floating-navigation-below-slider .dt-mega-menu-wrap.bottom-overflow {
top: auto;
bottom: 0;
}
.dt-mega-menu-wrap .sub-nav {
position: relative;
width: auto;
padding: 0;
background: none;
box-shadow: none;
.show-mega-menu &,
.sub-downwards & {
visibility: visible;
opacity: 1;
}
}
#page .dt-mobile-header .dt-mega-menu-wrap > .sub-nav {
visibility: visible;
opacity: 1;
width: auto;
}
// .dt-mega-menu-wrap > .sub-nav {
// display: block !important;
// }
.mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav,
.mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul,
.mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav,
.mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul {
.main-nav & {
width: auto;
}
}
.dt-mega-menu .dt-mega-menu-wrap {
padding-top: 0;
padding-bottom: 0;
font-size: 0;
line-height: 0;
word-spacing: -4px;
text-align: left;
}
.dt-mega-menu .dt-mega-menu-wrap:before,
.dt-mega-menu .dt-mega-menu-wrap:after {
content: "";
display: table;
clear: both;
}
.dt-mega-menu > .dt-mega-menu-wrap {
padding: 20px 10px 10px;
}
.dt-mega-menu .dt-mega-menu-wrap li {
padding-left: 0;
padding-right: 0;
word-spacing: normal;
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
position: static;
display: -ms-inline-flexbox;
display: -ms-inline-flex;
display: inline-flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
padding: 0 10px 0;
box-sizing: border-box;
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent > .sub-nav > li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.dt-mega-menu .sub-nav .dt-mega-parent:first-child {
border-left: none;
}
.new-column > a {
margin-left: -21px !important;
border-radius: none;
}
.dt-mega-menu .sub-nav .dt-mega-parent:hover > a {
border-radius: 0;
}
.dt-mega-menu .sub-nav .dt-mega-parent > a {
width: auto;
}
.dt-mega-menu .sub-nav .dt-mega-parent.no-link > a:hover,
.no-link > a:hover {
opacity: 1;
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav,
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow {
position: relative;
left: auto !important;
top: auto;
max-width: 100%;
padding: 0;
background: none;
box-shadow: none;
.rtl & {
right: auto;
left: auto !important;
}
}
.dt-mega-menu.dt-hovered .sub-nav .sub-nav,
.show-mega-menu.dt-mega-menu .sub-nav .sub-nav {
visibility: visible !important;
opacity: 1 !important;
}
.dt-mega-parent .sub-nav > li {
margin-bottom: 2px;
}
.side-header .main-nav .new-column {
display: none;
}
.top-header .sub-nav > li.dt-mega-parent > a {
margin: 0;
&.mega-menu-img-top {
text-align: center;
}
}
.top-header .sub-nav > li.dt-mega-parent.empty-title > a,
.sub-sideways .sub-nav > li.dt-mega-parent.empty-title > a {
padding: 0;
}
.menu-item .dt-mega-menu-wrap > .sub-nav {
transition: opacity 200ms ease;
}
.menu-item.show-mega-menu-content .dt-mega-menu-wrap > .sub-nav {
visibility: visible;
opacity: 1;
}
.dt-mega-menu-wrap > .sub-nav {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.dt-mega-parent .sub-nav .sub-nav {
margin-left: 20px;
}
.sub-downwards.side-header .main-nav .sub-nav li.dt-mega-parent .sub-nav {
padding-top: 0;
padding-bottom: 0;
}
.dt-mega-parent .sub-nav .sub-nav > li:first-child {
padding-top: 0;
}
.dt-mega-parent .sub-nav > li.has-children > a:after {
display: none;
}
.sub-nav-widgets .sidebar-content .widget:first-child {
padding-top: 0;
}
.mobile-main-nav .sub-nav.sub-nav-widgets {
padding:0 !important;
// margin-left: 0;
#page & {
max-width: 100%;
width: 100% !important;
}
}
.mega-menu-widgets {
.side-header &,
.mobile-main-nav & {
max-width: 100%;
}
}
.dt-mega-menu .dt-mega-menu-wrap .sub-nav .mega-menu-widgets {
overflow: hidden;
max-width: 100%;
}
.sub-nav-widgets {
.masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap &,
.masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap & {
width: 100%;
}
}
//mega menu img
.mega-menu-img,
.mega-menu-img img {
max-width: 100%;
height: auto;
}
.mega-menu-img-right,
.mega-menu-img-right_top {
& img,
& i {
order: 1;
}
& .menu-item-text {
order: 0;
}
}
.mega-menu-img-right_top,
.mega-menu-img-left_top {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
.masthead:not(.sub-downwards) .dt-mega-parent > &,
.mobile-main-nav & {
-ms-align-content: flex-start;
align-content: flex-start;
}
.mobile-main-nav & {
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
& .menu-item-text {
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
.masthead:not(.sub-downwards) & {
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
}
}
& .subtitle-text {
.masthead:not(.sub-downwards) & {
-ms-align-self: flex-start;
-ms-flex-item-align: flex-start;
align-self: flex-start;
width: 100%;
}
}
}
.mega-menu-img-right,
.mega-menu-img-left {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.mega-menu-img-top,
.mega-menu-img-top img,
.mega-menu-img-top_align_left,
.mega-menu-img-top_align_left img {
.sub-nav li & {
display: block;
}
}
.mega-menu-img-top_align_left img {
.sub-downwards.h-justify.h-center .sub-nav li &,
.sub-downwards.h-center .sub-nav li & {
display: inline-block;
}
}
.mega-menu-img-top img,
.mega-menu-img-top_align_left img {
.mobile-main-nav & {
margin: 0 0 5px 0 !important;
}
}
.mega-menu-img-top img{
.sub-nav li & {
display: inline-block;
}
}
.main-nav > li:not(.dt-mega-parent) > a {
&.mega-menu-img-top,
&.mega-menu-img-top_align_left {
.top-header & {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
}
&.mega-menu-img-top_align_left {
.masthead:not(.sub-downwards) & {
-ms-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
}
&.mega-menu-img-top .menu-text {
.top-header & {
text-align: center;
}
}
}
.sub-nav > li:not(.dt-mega-parent) > a {
&.mega-menu-img-top,
&.mega-menu-img-top_align_left {
.top-header &{
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
}
&.mega-menu-img-right_top,
&.mega-menu-img-right {
-ms-align-content: flex-start;
align-content: flex-start;
}
}
.sub-nav > li > a {
&.mega-menu-img-right_top,
&.mega-menu-img-right {
& .menu-item-text {
.masthead:not(.sub-downwards) &,
.dt-mobile-header & {
width: 100%;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
}
}
}
.masthead:not(.sub-downwards) .sub-nav > li:not(.dt-mega-parent) > a {
&.mega-menu-img-top {
text-align: center;
}
}
.sub-nav > li > a.mega-menu-img-top {
.sub-downwards.h-center & {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
}
.mega-menu-widgets .slider-content {
visibility: visible;
}
.main-nav .dt-mega-menu .post-rollover i,
.main-nav .dt-mega-menu .rollover i {
padding: 0;
}
.sub-nav > li.dt-mega-parent > a:not(.not-clickable-item):hover {
cursor: pointer;
}
.top-header .dt-mega-menu-wrap .sub-nav-widgets > li:last-child .widget {
padding-bottom: 0;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu-wrap {
background-color: @submenu-bg-color;
}
.top-header .main-nav .dt-mega-menu-wrap,
.sub-sideways .main-nav .dt-mega-menu-wrap {
padding: @mega-submenu-padding-top @mega-submenu-padding-right @mega-submenu-padding-bottom @mega-submenu-padding-left;
}
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
padding: @mega-col-padding-top @mega-col-padding-right @mega-col-padding-bottom @mega-col-padding-left;
}
.dt-mega-menu > .sub-nav > li:hover > a {
background-color: transparent;
}
.main-nav .sub-nav > li.dt-mega-parent:not(.empty-title) > a,
.sub-downwards .main-nav .sub-nav > li.dt-mega-parent.empty-title > a {
padding: @mega-submenu-item-padding-top @mega-submenu-item-padding-right @mega-submenu-item-padding-bottom @mega-submenu-item-padding-left;
}
.main-nav .sub-nav:first-child > li.dt-mega-parent.has-children:not(.has-widget) > a,
.main-nav .sub-nav:first-child > li.dt-mega-parent.has-children.has-widget > .sub-nav-widgets,
.sub-downwards .main-nav .sub-nav:first-child > li.dt-mega-parent.empty-title.has-children:not(.has-widget) > a,
.sub-downwards .main-nav .sub-nav:first-child > li.dt-mega-parent.empty-title.has-children.has-widget > .sub-nav-widgets{
margin-bottom: @mega-submenu-item-2-level-spacing;
}
.sub-downwards .sub-nav > li.dt-mega-parent > .next-level-button {
margin-top: @mega-submenu-item-padding-top;
margin-bottom: @mega-submenu-item-padding-bottom;
}
/*subtitles*/
.main-nav > li > a > span > span.menu-subtitle {
color: fade(@menu-color, 40%);
}
.sub-nav .menu-subtitle,
.sub-nav li.act > a:hover .menu-subtitle {
color: fade(@submenu-color, 40%);
font-family: @sub-subtitle-font-family;
font-size: @sub-subtitle-font-size;
}
.main-nav .sub-nav > li.dt-mega-parent > a .menu-text {
font: @mega-menu-title-font-style @mega-menu-title-font-variant @mega-menu-title-font-weight @mega-menu-title-font-size~"/"@mega-menu-title-font-size+6 @mega-menu-title-font-family;
text-transform: @mega-menu-title-text-transform;
color: @mega-menu-title-color;
}
.main-nav .sub-nav > li.dt-mega-parent:not(.act):not(.wpml-ls-item) > a:not(.not-clickable-item):hover .menu-text {
color: @megamenu-title-hover-color;
.text-gradient (@startColor: @megamenu-title-hover-color, @endColor: @megamenu-title-hover-color-2);
}
.main-nav .sub-nav > li.dt-mega-parent.current-menu-item > a .menu-text {
color: @megamenu-title-active-color;
.text-gradient (@startColor: @megamenu-title-active-color, @endColor: @megamenu-title-active-color-2);
}
.main-nav .sub-nav > li.dt-mega-parent > a .subtitle-text {
font: @mega-menu-desc-font-style normal @mega-menu-desc-font-weight @mega-menu-desc-font-size~"/"@mega-menu-desc-font-size+4 @mega-menu-desc-font-family;
color: @mega-menu-desc-color;
}
.main-nav .sub-nav,
.mobile-main-nav .sub-nav {
& .mega-menu-img > i,
& .mega-menu-img > span > i {
display: inline-block;
}
}
.main-nav .dt-mega-menu .sub-nav .dt-mega-parent {
& > a > i,
& > a > span i {
font-size: @mega-menu-title-icon-size;
color: @mega-menu-title-color;
}
&:not(.current-menu-item) > a:not(.not-clickable-item):hover i {
color: @megamenu-title-hover-color;
}
&.current-menu-item > a i {
color: @megamenu-title-active-color;
}
}
.sub-nav .menu-subtitle,
.sub-nav li.act > a:hover .menu-subtitle {
color: fade(@submenu-color, 40%);
}
.dt-mega-menu .sub-nav .dt-mega-parent > a {
border-bottom-color: fade(@submenu-color, 10%);
}
.top-header .main-nav .mega-auto-width > .dt-mega-menu-wrap,
.sub-sideways .main-nav .mega-auto-width > .dt-mega-menu-wrap {
min-width: @mega-submenu-col-width;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
width: @mega-submenu-col-width;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-1 > .dt-mega-menu-wrap {
width: @mega-submenu-col-width + @mega-submenu-padding-right + @mega-submenu-padding-left;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-2 > .dt-mega-menu-wrap {
width: @mega-submenu-col-width * 2 + @mega-submenu-padding-right + @mega-submenu-padding-left;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-3 > .dt-mega-menu-wrap {
width: @mega-submenu-col-width * 3 + @mega-submenu-padding-right + @mega-submenu-padding-left;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-4 > .dt-mega-menu-wrap {
width: @mega-submenu-col-width * 4 + @mega-submenu-padding-right + @mega-submenu-padding-left;
}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-5 > .dt-mega-menu-wrap {
width: @mega-submenu-col-width * 5 + @mega-submenu-padding-right + @mega-submenu-padding-left;
}
//Widgets
.sidebar-content .widget {
.dt-mega-parent & {
border: none;
margin-bottom: 0;
}
}
.sidebar-content .widget *,
.sidebar-content .widget:not(.widget_icl_lang_sel_widget) a:not(:hover),
.sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) a:not(:hover) * {
.dt-mega-parent & {
color: @mega-menu-widget-color;
}
}
.dt-mega-menu .dt-mega-parent .sidebar-content .widget .recent-posts a {
color: @mega-menu-widget-title-color;
}
.sidebar-content .widget-title,
.sidebar-content .widget .team-author-name a:not(:hover) {
.dt-mega-parent & {
color: @mega-menu-widget-title-color;
}
}
.sidebar-content .widget a:not(.button):not(.dt-btn):hover,
.sidebar-content .widget a:not(.button):not(.dt-btn):hover * {
.dt-mega-parent & {
color: var(--the7-accent-color);
.accent-gradient & {
.text-gradient (@startColor: @accent-bg-color, @endColor: @accent-text-color-2);
}
.custom-mixin-mega-menu-accent (@mega-menu-widget-accent-color)
}
}
.mobile-main-nav > li .dt-mega-menu-wrap,
.mobile-main-nav > li .dt-mega-menu-wrap > .sub-nav .sub-nav {
margin-bottom: @mobile-menu-font-size/2 + 8;
}
.header-side-right .mega-full-width .sub-nav,
.header-side-right .mega-auto-width .sub-nav {
padding-right: @padding-side;
}
.soc-ico a:before {
.dt-mega-parent .sidebar-content .widget & {
background-color: fade(@mega-menu-widget-color, 15%);
}
}
.soc-ico a {
.mega-menu-widgets & {
&:after {
background-color: var(--the7-accent-color);
box-shadow: none;
}
}
}
.soc-ico a:not(:hover) .soc-font-icon {
.dt-mega-parent .sidebar-content .widget & {
color: @mega-menu-widget-color;
}
}
.dt-mega-parent .sidebar-content .widget .post-content .text-secondary {
color: fade(@mega-menu-widget-color, 50%);
}
.custom-categories a,
.custom-categories a .item-name,
.cat-item a,
.widget_recent_comments a,
.widget_tag_cloud a:hover {
.dt-mega-parent .sidebar-content .widget & {
color: @mega-menu-widget-title-color;
}
}
.custom-categories a span.item-num,
.cat-item a span.item-num {
.dt-mega-parent .sidebar-content .widget & {
color: fade(@mega-menu-widget-color, 50%);
}
}
.custom-categories a:hover span.item-name,
.cat-item a:hover span.item-name,
.custom-menu a:hover,
.custom-menu li.act > a,
.widget_recent_comments a:hover {
.dt-mega-parent .sidebar-content .widget & {
.custom-mixin-mega-menu-accent (@mega-menu-widget-accent-color)
}
}
.menu .current-menu-parent > a,
.menu .current-menu-item > a,
.custom-nav > li > a:hover span,
.custom-nav li.act > a span,
.custom-nav > li > ul a:hover span,
.st-accordion li > a:hover,
.st-accordion > ul li > a:hover *,
.widget .custom-categories a:hover span.item-name,
.widget_categories li a:hover,
.widget_meta a:hover,
.blogroll a:hover,
.widget_archive li a:hover,
.widget_recent_entries a:hover,
.widget_links a:hover,
.widget_pages a:hover,
.recent-posts a:not(.post-rollover):hover,
.items-grid .post-content > a:hover,
#wp-calendar td a:hover,
.tagcloud a:hover,
.widget_nav_menu a:hover,
a.rsswidget:hover {
.dt-mega-parent .sidebar-content .widget & {
color: var(--the7-accent-color);
.accent-gradient & {
.text-gradient (@startColor: @accent-bg-color, @endColor: @accent-text-color-2);
}
.custom-mixin-mega-menu-accent (@mega-menu-widget-accent-color);
}
}
.custom-menu a:after {
.dt-mega-parent .sidebar-content .widget & {
color: fade(@mega-menu-widget-color, 50%);
}
}
.st-accordion li > a:before,
.custom-menu a:before {
.dt-mega-parent .sidebar-content .widget & {
background-color: fade(@mega-menu-widget-color, 15%);
}
}
.st-accordion li > a:after {
.dt-mega-parent .sidebar-content .widget & {
color: fade(@mega-menu-widget-color, 50%);
}
}
.main-nav li.dt-mega-menu .mega-menu-img >.the7-svg-image {
width: 16px;
}