Submit
Path:
~
/
home
/
getwphos
/
public_html
/
dumpsterbm
/
wp-content
/
plugins
/
tatsu
/
public
/
css
/
File Content:
tatsu-header.css
.tatsu-header { width: 100%; box-sizing: border-box; /* overflow: hidden; */ display: flex; align-items: center; border-style: solid; border-color: transparent; } .tatsu-header-row { flex-basis: 100%; display: flex; flex-wrap: wrap; align-items: stretch; } .tatsu-header-col { display: flex; /* position: relative; */ flex-wrap: wrap; align-items: center; } /** Lists */ ul,ol { padding-left: 1.3em; line-height: inherit; margin: 0px 0px 20px; } dl { margin-bottom: 20px; } ul { list-style: disc; } ol { list-style: decimal; } ul li,ol li { margin-bottom: 10px; } ul ul, ol ol, li ul, li ol { margin-top: 10px; } dd { margin: 0 0 20px; line-height: inherit; } dt { line-height: inherit; } nav ul, nav ol { list-style: none !important; list-style-image: none; margin: 0; padding: 0; } .widget ul{ margin-bottom: 0; } /* .tatsu-slide-menu-col .tatsu-header-module, .tatsu-slide-menu-col .tatsu-module { margin-right: 0px !important; } */ body:not(.tatsu-frame) #tatsu-header-container .tatsu-header-module:last-child, body:not(.tatsu-frame) #tatsu-header-container .tatsu-module:last-child { margin-right: 0; } /* Transparent & Sticky Header */ #tatsu-header-container { position: relative; z-index: 99999; } #tatsu-header-wrap{ z-index: 10000; } #tatsu-header-wrap.transparent, #tatsu-header-wrap.semitransparent { position: absolute; width: 100%; z-index: 10; } #tatsu-header-wrap .tatsu-header.stuck, #tatsu-header-wrap.stuck{ position: fixed; width: 100%; z-index: 10; } /* #tatsu-header-wrap.transparent .tatsu-header:not(.stuck) { background: none; } */ .tatsu-header{ transition: transform 0.3s ease; } .tatsu-header-row, .tatsu-header-logo img { transition: all 0.3s ease; } .light-logo, .dark-logo, #tatsu-header-wrap.transparent.dark .apply-color-scheme .light-logo, #tatsu-header-wrap.transparent.dark .apply-color-scheme .default-logo, #tatsu-header-wrap.transparent.light .apply-color-scheme .dark-logo, #tatsu-header-wrap.transparent.light .apply-color-scheme .default-logo { opacity: 0; visibility: hidden; } #tatsu-header-wrap.transparent.dark .apply-color-scheme .dark-logo, #tatsu-header-wrap.transparent.light .apply-color-scheme .light-logo { opacity: 1; visibility: visible; } #tatsu-header-wrap.transparent.stuck .light-logo, #tatsu-header-wrap.transparent.stuck .dark-logo { opacity: 0 !important; visibility: hidden !important; } #tatsu-header-wrap.transparent.stuck .tatsu-header:not(.sticky-hidden) .default-logo { opacity: 1 !important; visibility: visible !important; } #tatsu-header-wrap.pre-stuck .tatsu-header.sticky-hidden { opacity: 0; visibility: hidden; } #tatsu-header-wrap .tatsu-header.default-hidden, #tatsu-header-wrap.sticky .tatsu-header.default-hidden, #tatsu-header-wrap.stuck .tatsu-header.sticky-hidden { visibility: hidden; height: 0; opacity: 0; border-style: hidden; /* transform-origin: top; transform: scaleY(0); */ } #tatsu-header-wrap{ transform: translate3d(0,0,0); } #tatsu-header-wrap.pre-stuck{ transform: translate3d(0,-100%,0); } #tatsu-header-wrap.stuck:not(.hide){ transform: translate3d(0,0,0); transition: transform 0.3s ease; } /* #tatsu-header-wrap.pre-stuck .tatsu-header.sticky{ transform: translateY(-100%); } #tatsu-header-wrap.stuck:not(.hide) .tatsu-header.sticky{ transform: translateY(0%); } */ #tatsu-header-wrap.stuck .tatsu-header.default-hidden.sticky { height: auto; visibility: visible; transform: scaleY(1); opacity: 1; border-style: solid; } #tatsu-header-wrap.stuck .tatsu-header:last-child{ box-shadow : 0px 4px 20px 0px rgba(167, 172, 183, 0.3) } /* Module Colors on Transparent Header */ #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-menu > ul > li:not(.tatsu-hovered):not(.current-menu-parent):not(.current-menu-item) > a, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-link a, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-wpml-lang-switcher .current-language, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_card-icon svg, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_card-title, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_card-caption{ color: #f5f5f5 !important; } #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-hamburger div > span, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-mobile-menu-icon div > span, /* #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_bg, */ #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-header-divider-wrap{ background: #f5f5f5 !important; } #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-wpml-lang-switcher svg polyline, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme g, #tatsu-header-wrap.transparent.light:not(.stuck) .tatsu-header.apply-color-scheme li:not(.tatsu-hovered):not(.current-menu-parent):not(.current-menu-item) polyline{ stroke: #f5f5f5 !important; } #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-menu > ul > li:not(.tatsu-hovered):not(.current-menu-parent):not(.current-menu-item) > a, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-link a, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-wpml-lang-switcher .current-language, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_card-icon svg, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_card-title, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_card-caption{ color: #232425 !important; } #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-hamburger div > span, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-mobile-menu-icon div > span, /* #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-icon_bg, */ #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-header-divider-wrap{ background: #232425 !important; } #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme .tatsu-wpml-lang-switcher svg polyline, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme g, #tatsu-header-wrap.transparent.dark:not(.stuck) .tatsu-header.apply-color-scheme li:not(.tatsu-hovered):not(.current_page_item):not(.current_page_parent):not(.current-menu-item) polyline{ stroke: #232425 !important; } /* Logo */ .tatsu-header-logo { line-height: 1; } .tatsu-header-logo a { line-height: 0; display: inline-block; position: relative; } .tatsu-header-logo .dark-logo, .tatsu-header-logo .light-logo { position: absolute; top: 0; left: 0; } .tatsu-header-logo .logo-img { width: auto; max-width: 100%; } .tatsu-header-logo .logo-img[src*="svg"] { width: 100%; } /* Main Menu Links */ .tatsu-menu ul li{ float: left; position: relative; margin-bottom: 0; line-height: 1.5; } .tatsu-menu > ul > li > a { padding: 10px; } .tatsu-menu > ul > li.menu-item-has-children { padding-right: 20px; } .tatsu-menu > ul > li:not(.menu-item-has-children):last-child{ padding-right: 0px; } .tatsu-slide-menu-col .tatsu-menu > ul > li{ padding: 0px; } /* Sub Menu and Mega Menu */ .tatsu-menu ul.tatsu-sub-menu li{ float: none; /* padding: 2px 10px; */ } .tatsu-menu li.mega-menu ul.tatsu-sub-menu li li { padding: 0px; } .tatsu-menu > ul > li:last-child { margin-right: 0px !important; } .tatsu-menu ul.tatsu-sub-menu > li > a{ padding: 5px 15px; } /* .tatsu-menu ul.tatsu-sub-menu > li.menu-item-has-children > a{ width: 70%; } */ .tatsu-menu ul.tatsu-sub-menu li a{ /* display: inline-block; */ display: block; } .tatsu-menu > ul > li > ul.tatsu-sub-menu{ z-index: 10; padding: 15px; box-shadow: 0px 0px 24px 1px rgba(19, 24, 29, 0.12); } .tatsu-menu ul.tatsu-sub-menu{ box-shadow: 0px 0px 24px 1px rgba(19, 24, 29, 0.12); border-radius: 4px; } .tatsu-menu li:not(.mega-menu) .tatsu-sub-menu{ display: none; position: absolute; width: 200px; box-sizing: border-box; } .tatsu-menu li.mega-menu > .tatsu-sub-menu{ display: none; position: absolute; flex-wrap: nowrap; width: auto; padding: 10px; } .tatsu-menu li.mega-menu ul.tatsu-sub-menu{ border-radius: none; box-shadow: none; } .tatsu-menu li.mega-menu.sfHover > .tatsu-sub-menu{ display: flex !important; } .tatsu-menu li.mega-menu > .tatsu-sub-menu li .tatsu-sub-menu { display: block !important; position: static; padding: 0px; opacity: 1 !important; } /* .tatsu-menu li.mega-menu .tatsu-sub-menu li{ width: 200px; } */ .tatsu-menu li.mega-menu > ul.tatsu-sub-menu > li{ margin-right: 15px; } .tatsu-menu li.mega-menu > ul.tatsu-sub-menu > li:last-child{ margin-right: 0px; } span.sub-menu-indicator{ position: absolute; right: 10px; top: 3px; line-height: inherit; cursor: pointer; float: right; text-align: right; } .tatsu-sidebar-navigation .sub-menu-indicator{ right: -20px; } .tatsu-menu > ul > li > span.sub-menu-indicator{ top: 50%; transform: translateY(-50%); } .tatsu-wpml-lang-switcher span.sub-menu-indicator{ top: 0; right: auto; } .tatsu-sidebar-menu span.sub-menu-indicator{ top: 0px; width: 50px; } .sub-menu-indicator svg{ display: none; } .tatsu-wpml-lang-switcher .sub-menu-indicator { width: auto; } .tatsu-menu > ul > li.menu-item-has-children .sub-menu-indicator svg, .tatsu-wpml-lang-switcher .sub-menu-indicator svg{ display: inline-block; line-height: 1; vertical-align: middle; margin: 0px 0px 0px 7px; transition: all 100ms ease-in; } .tatsu-menu .tatsu-sub-menu li.menu-item-has-children .sub-menu-indicator svg{ margin: 0px 0px 0px -15px; } .tatsu-menu > ul > li:not(.mega-menu) > .tatsu-sub-menu li.menu-item-has-children svg{ transform: rotate(270deg); } .tatsu-menu > ul > li.menu-item-has-children .sub-menu-indicator.menu-open svg{ transform: rotate(180deg); } .tatsu-menu .tatsu-highlight > a{ color: #212121; font-weight: 600; margin-bottom: 5px; color: initial !important; background: transparent !important; } /* Hide Indicator in Second Level Sub Menu in Mega Menu */ .tatsu-menu .mega-menu li .sub-menu-indicator svg{ display: none !important; } .tatsu-header-pointer{ content: ""; position: absolute; border-color: transparent; border-width: 1px 0px 0px 1px; border-style: solid; top: -7px; left: 15px; height: 15px; width: 15px; background: inherit; -webkit-transform: rotate(45deg) ; } .language-list .tatsu-header-pointer { top: -8px; } /* Hide the pointer for secondary sub menus */ .tatsu-sub-menu li .tatsu-header-pointer { display: none !important; } .tatsu-sub-menu .tatsu-sub-menu{ top: 15px !important; } /* Social Icons */ .tatsu-header-icon a { text-decoration: none; color: #000; transition: 5s opacity ease; } .tatsu-header-icon a.hover{ opacity: 0.1; } .tatsu-header-icon { display: inline-block; } /* Sliding Menu */ .tatsu-slide-menu { position: fixed; top: 0; right: 0; width: 300px; height: 100%; padding: 40px; box-sizing: border-box; transform: translate3d(300px, 0, 0); transition: transform .7s cubic-bezier(.645,.045,.355,1); z-index: 100001; background: white; overflow-y: auto; overflow-x: hidden; } .tatsu-slide-menu.open { transform: translate3d(0, 0, 0) !important; } .tatsu-slide-menu ul { list-style: none; padding: 0; } .tatsu-slide-menu .tatsu-social-icons li { display: inline; margin-right: 10px; } #tatsu-fixed-overlay { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; z-index: 100000; transition: all .5s cubic-bezier(.645,.045,.355,1); } #tatsu-fixed-overlay.open { opacity: 1; visibility: visible; } .tatsu-slide-menu-inner { display: flex; flex-direction: column; min-height: 100%; } .tatsu-slide-menu-col { display: flex; flex-direction: column; flex-basis: 33.33%; width: 100% !important; box-sizing: border-box; flex-grow: 1; } .tatsu-slide-menu-col:nth-child(2) { justify-content: center; } .tatsu-slide-menu-col:last-child { justify-content: flex-end; } .tatsu-sidebar-menu .tatsu-sub-menu{ display: none; background: transparent !important; position: static; margin: 0px; padding: 0px 0px 0px 10px !important; box-shadow: none !important; width: auto !important; } /* Default Mobile Menu */ .expand-click-area{ position: absolute; width: 30px; height: 50px; top: 50%; transform: translateY(-50%) scale(1.2); } .tatsu-mobile-navigation{ display: none; } .tatsu-mobile-navigation .tatsu-mobile-menu{ display: none; position: fixed; width: 100%; top: 100%; left: 0px; background: #ffffff; box-shadow: 0px 0px 5px 0px rgba(167, 167, 167, 0.3); padding: 15px; z-index: 10; overflow-y: auto; } /* .tatsu-mobile-navigation .tatsu-mobile-menu.overflow-contents{ overflow-y: scroll; } */ .tatsu-mobile-menu ul, .tatsu-mobile-menu li, .tatsu-sidebar-menu ul li{ float : none; list-style: none; margin: 0px; padding: 0px; } .tatsu-sidebar-menu ul li, .tatsu-mobile-menu ul li{ position: relative; margin-right: 0px !important; } .tatsu-mobile-menu li a, .tatsu-sidebar-menu li a { padding: 5px; display: block; color: inherit; } /* .tatsu-sidebar-menu li span{ padding: 5px; box-sizing: border-box; } */ .tatsu-mobile-menu .tatsu-sub-menu{ display: none; background: transparent !important; padding-left:15px; } .tatsu-mobile-menu .sub-menu-indicator, .tatsu-sidebar-menu .sub-menu-indicator{ display: inline-block; text-align: center; } .tatsu-mobile-menu li.menu-item-has-children .sub-menu-indicator svg, .tatsu-sidebar-menu li.menu-item-has-children .sub-menu-indicator svg{ display: inline-block; } .tatsu-mobile-menu .sub-menu-indicator.menu-open svg, .tatsu-sidebar-menu .sub-menu-indicator.menu-open svg{ transform: rotate(180deg); } .tatsu-mobile-menu svg polyline{ stroke: black; } /* Hamburger Menu */ .tatsu-hamburger, .tatsu-mobile-menu-icon{ cursor: pointer; } .tatsu-hamburger div > span, .tatsu-mobile-menu-icon div > span { display: block; background: #000; width: 27px; height: 2px; margin-bottom: 5px; transition: all 250ms linear; } .tatsu-hamburger span:last-child, .tatsu-mobile-menu-icon span:last-child{ margin-bottom: 0 !important; } .tatsu-mobile-menu-icon .line-wrapper.open, .tatsu-hamburger .line-wrapper.open{ position: relative; } .tatsu-mobile-menu-icon .line-wrapper.open span.line-1, .tatsu-hamburger .line-wrapper.open span.line-1{ transform: rotate(-45Deg); top: 0px; } .tatsu-mobile-menu-icon .line-wrapper.open span.line-3, .tatsu-hamburger .line-wrapper.open span.line-3{ position: absolute; transform: rotate(45Deg); top: 0px; } .tatsu-mobile-menu-icon .line-wrapper.open span.line-2, .tatsu-hamburger .line-wrapper.open span.line-2{ display: none; } /* Icon */ .tatsu-header-row .tatsu-icon { margin: 0px !important; vertical-align: initial; } .tatsu-header-row .tatsu-button.right-icon i.tatsu-icon { margin: 0 0 0 1em !important; } .tatsu-header-row .tatsu-button.left-icon i.tatsu-icon { margin: 0 1em 0 0 !important; } /* Icon Card */ .tatsu-header-row .tatsu-icon_card{ margin: 0px 30px 0px 0px; } /* Header Divider */ .tatsu-header-divider-wrap{ display: inline-block; vertical-align: middle; } .tatsu-header-divider{ display: inline-block; background: #efefef; width: 1px; } /* Header Links */ .tatsu-link a{ transition: all 200ms linear; } /* Search Widget */ .tatsu-search{ line-height: 1; position: relative; } .tatsu-search svg, .tatsu-cart svg{ cursor: pointer; vertical-align: middle; } .tatsu-search .search-bar{ visibility: hidden; position: absolute; z-index: 1; width: 200px; top: 30px; right: -30px; transition: all 100ms linear; } .tatsu-search.search-open .search-bar{ visibility: visible; top : 40px; } .tatsu-search-form input[type="text"]{ color: #858990; border: 1px solid #DFE2E9; box-shadow: 0px -3px 12px 0px rgba(0,0,0,0.06); border-radius: 4px; background: #ffffff; padding: 10px 9px; } .tatsu-search .tatsu-header-pointer{ left : auto; right : 30px; border-color: #DFE2E9; background: #ffffff; } /* TATSU - WPML Language Switcher */ .tatsu-wpml-lang-switcher{ position: relative; } .tatsu-wpml-lang-switcher .language-list{ visibility: hidden; width: auto; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #DFE2E9; border-radius: 4px; padding: 10px 12px; list-style: none; margin: 10px 0px 0px 0px; position: absolute; background: white; z-index: 9; top: 30px; transition: all 100ms linear; } .tatsu-wpml-lang-switcher.language-switcher-open .language-list{ visibility: visible; /* top : 15px 25px; */ } .tatsu-wpml-lang-switcher.language-switcher-open svg{ transform: rotate(180deg); } .tatsu-wpml-lang-switcher .current-language{ color: inherit; text-transform: capitalize; cursor: pointer; } .tatsu-wpml-lang-switcher .language-list li{ color: inherit; margin: 0px 0px 5px 0px; display: flex; } .tatsu-wpml-lang-switcher .language-name .icl_lang_sel_native{ margin-right: 5px; } .tatsu-wpml-lang-switcher .language-flag{ margin-right: 10px; width: 18px; } .tatsu-wpml-lang-switcher a{ color: #232425; display: inline; } .tatsu-wpml-lang-switcher .language-list li:last-child{ margin-bottom: 0px; } .tatsu-wpml-lang-switcher .tatsu-header-pointer{ border-color: inherit; } /* Default WPML Language Switcher Styling */ .tatsu-menu .wpml-ls-item ul.tatsu-sub-menu { width: max-content !important; } .wpml-ls-legacy-dropdown{ width: 200px !important; } .wpml-ls-legacy-dropdown a{ border: none !important; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><polyline fill="none" stroke="#2F2F30" stroke-linecap="round" stroke-width="2" points="0 .649 3.613 4.127 0 7.604" transform="rotate(90 4 5)"/></svg>') !important; border: none !important; border-top: none !important; height: 6px !important; width: 10px !important; transition: all 100ms ease-in; } .wpml-ls-legacy-dropdown .wpml-ls-first-item:hover a.wpml-ls-item-toggle:after{ transform: rotate(180Deg) !important; } .wpml-ls-legacy-dropdown .wpml-ls-first-item:hover > a{ background: transparent !important; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ border: none !important; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ margin-top: 30px } /* Text Block Styling Fix for Header Builder */ .tatsu-header-col .tatsu-text-block-wrap, .tatsu-slide-menu-col .tatsu-text-block-wrap, .tatsu-header-col .tatsu-single-image, .tatsu-slide-menu-col .tatsu-single-image{ width: auto; } /* Laptop */ @media only screen and ( max-width: 1280px ) { .tatsu-header-wrap { max-width: 960px; } } /* Tablet */ @media only screen and (min-width:768px) and ( max-width: 1023px ) { .tatsu-header-wrap { max-width: 700px; } } /* Mobile */ @media only screen and ( max-width: 960px ) { .tatsu-header-wrap { max-width: 700px; } .tatsu-header-col .tatsu-header-navigation{ display: none; } .tatsu-header-col .tatsu-mobile-navigation{ display: inline-block; } } @media only screen and (max-width: 767px){ .tatsu-header-row.tatsu-wrap { max-width: 100%; margin: 0 30px; } } /** * Increased the default z index of magnific popup lightbox overlay to stack it above tatsu header. */ .mfp-bg { z-index: 100000; } .mfp-wrap { z-index: 100001; }
Edit
Rename
Chmod
Delete
FILE
FOLDER
Name
Size
Permission
Action
tatsu-css-animations.css
42870 bytes
0644
tatsu-header.css
21272 bytes
0644
tatsu-shortcodes.css
98332 bytes
0644
tatsu.css
19087 bytes
0644
tatsu.min.css
153647 bytes
0644
vendor.css
10377 bytes
0644
N4ST4R_ID | Naxtarrr