/*
Theme Name: Hiroshi
Theme URI: https://hiroshi.qodeinteractive.com
Description: A Contemporary Theme for Creative Business
Author: Select Themes
Author URI: https://qodeinteractive.com
Text Domain: hiroshi
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.5.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*header nav ul li ul.sub-menu li:last-child { pointer-events:none; opacity:0.24 }*/
.qodef-opener-icon { display:block; top:1px; left:8px; width:48px; height:48px }
.qodef-opener-icon:hover { animation:scale-hover .4s ease-out forwards }
.qodef-opener-icon .qodef-m-icon { display:block; position:absolute; visibility:visible !important; top:0 !important; width:100%; height:100%; opacity:1 }
.qodef-opener-icon .qodef-m-icon svg, .qodef-opener-icon.qodef--opened .qodef-m-icon svg { display:none !important; }
.qodef-opener-icon:before, .qodef-opener-icon .qodef--open:before, .qodef-opener-icon:after { z-index:10; content:""; speak:none; display:block; position:absolute; will-change:top; left:8px; width:32px; height:1px; background-color:#000; transform-origin:50% 50%; transition:top 0.3s cubic-bezier(.22,.61,.36,1),opacity 0.3s cubic-bezier(.22,.61,.36,1),transform 0.3s cubic-bezier(.22,.61,.36,1) }
.qodef-opener-icon:before { top:15px; transition-delay:0.3s,0s,0s } .qodef-opener-icon .qodef--open:before { top:24px; transition-delay:0s,0.15s,0s } .qodef-opener-icon:after { top:33px; transition-delay:0.3s,0s,0s }
.qodef-opener-icon.qodef--opened:before, .qodef-opener-icon.qodef--opened:after { top:24px } /* Open status settings */
.qodef-opener-icon.qodef--opened .qodef--open:before { opacity:0; transition-delay:0s,0s,0s }
.qodef-opener-icon.qodef--opened:before { transform:rotate(-45deg); transition-delay:0s,0s,0.3s } .qodef-opener-icon.qodef--opened:after { transform:rotate(45deg); transition-delay:0s,0s,0.3s }
@keyframes scale-hover { 0%{ transform:scale(1,1) } 50%{ transform:scale(1.16,1.16) } 100%{ transform:scale(1,1) } }
@media screen and (max-width: 1024px) {
	#qodef-page-mobile-header nav ul li ul.sub-menu { display:block !important; margin:0 32px 16px 32px; height:auto !important; }
	#qodef-page-mobile-header .qodef-menu-item-arrow { display:none !important; }
	#qodef-page-footer img { max-width:142px }
}