h2.logo { font-weight: 600; font-size: 27px; margin: 15px; } .logo-img img { max-width: 200px; max-height: 70px; display: block; margin: auto; } .logo-imgs img { max-width: 200px; max-height: 100px; display: block; margin: auto; } .breadcrumb-item a { text-decoration: none; } /* Menu Main */ .header-menu .menu { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; } .header-menu .menu li { position: relative; } .header-menu .menu > li { padding-right: var(--nav_padding_right); } .header-menu .menu > li > a { display: block; color: var(--nav_color); font-weight: var(--nav_font_weight); font-family: var(--nav_font_family); font-size: var(--nav_font_size); text-transform: var(--nav_text_transform); line-height: var(--nav_line_height); text-decoration: none; transition: background 0.3s; cursor: pointer; } .header-menu .menu li.current-menu-item > a, .header-menu .menu > li:hover > a { /* background: #e1b12c; */ color: var(--nav_hover_color); } /* সাব-মেনু স্টাইল */ .sub-menu { position: absolute; top: 100%; left: 0; background: var(--nav_dropdown_background_color); list-style: none; padding: 0; margin: 0; width: var(--nav_dropdown_width); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.3s, transform 0.3s; z-index: 999; } .menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .sub-menu li { position: relative; } .sub-menu a { font-size: var(--nav_dropdown_font_size); display: block; padding: 10px 15px; color: var(--nav_dropdown_font_color) !important; text-decoration: none; transition: background 0.3s; } .sub-menu li:hover > a { color: var(--nav_dropdown_font_font_color) !important; background: var(--nav_dropdown_hover_background_color); } .sub-menu .sub-menu { top: 0; left: 100%; } nav.right .sub-menu .sub-menu { left: auto; right: 100%; } li a.logo-img { margin: 0; padding: 0; } /* Socail-icon */ nav.socail-icon > ul { margin: 0; } nav.socail-icon ul { margin: 0; padding: 0; } nav.socail-icon ul li { display: inline-block; list-style: none; } nav.socail-icon ul li a { display: inline-block; padding: 0 10px; } /* Responsive Menu */ .hc-offcanvas-nav .menu { display: block; } .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background-color: var(--mobail_menu_icon) !important; } .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background: var(--mobail_menu_background); } .hc-offcanvas-nav .nav-content > .nav-close:first-child a, .hc-offcanvas-nav .nav-title + .nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a { background: var(--mobail_menu_background); border-top: 1px solid var(--mobail_menu_border_color); border-bottom: 1px solid var(--mobail_menu_border_color); } .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a { border-bottom: 1px solid var(--mobail_menu_border_color); } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link { border-top: 1px solid var(--mobail_menu_border_color); } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) { border-bottom: 2px solid var(--mobail_menu_border_color); } .hc-offcanvas-nav a.nav-next { border-left: 1px solid var(--mobail_menu_border_color); border-bottom: 1px solid var(--mobail_menu_border_color); } .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a { border-top: 1px solid var(--mobail_menu_border_color); } .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover, .hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover { background: var(--mobail_menu_background_hover); } .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover { background: var(--mobail_menu_background_hover); } .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a { font-family: var(--mobail_munu_font_family); color: var(--mobail_munu_font_color); font-size: var(--mobail_munu_font_size); font-weight: var(--mobail_munu_font_weight); text-transform: var(--mobail_munu_transform); } .hc-offcanvas-nav .nav-item-link:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover { color: var(--mobail_menu_font_hover); } .hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before { border-top: 2px solid #fff; border-left: 2px solid #fff; } .hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after { border-top: 2px solid #fff; border-left: 2px solid #fff; } .nav-position-right.hc-offcanvas-nav.hc-nav-1 .nav-container, .nav-position-left.hc-offcanvas-nav.hc-nav-1 .nav-container { width: var(--mobail_munu_width) !important; } .hc-offcanvas-nav ul.menu li.search-icon { display: none; } /* html.hc-nav-yscroll body.home.page-template-default.page.page-id-32.logged-in.admin-bar.ascora-class.customize-support.hc-nav-open nav#hc-nav-1.hc-offcanvas-nav.hc-nav-1.nav-levels-overlap.nav-position-left.disable-body.nav-close-button-empty.nav-open div.nav-container */