﻿/*=============================
 03. Mobile Menu
 ===============================*/
.tgmobile__search { padding: 0 20px 25px 25px; }

.tgmobile__search form { position: relative; }

.tgmobile__search input { display: block; width: 100%; border: none; padding: 10px 45px 10px 20px; font-size: 15px; height: 45px; background: var(--tg-color-gray-3); }

.tgmobile__search input::placeholder { font-size: 15px; color: var(--tg-body-color); }

.tgmobile__search button { position: absolute; top: 50%; border: none; padding: 0; right: 20px; line-height: 1; background: transparent; color: var(--tg-heading-color); }

.tgmobile__menu { padding-right: 30px; max-width: 100%; height: 100%; z-index: 99; border-radius: 0px; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }

.tgmobile__menu .navbar-collapse { display: block !important; }

.tgmobile__menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; }

.tgmobile__menu .nav-logo img { max-height: 34px; }

.tgmobile__menu .navigation { position: relative; display: block; width: 100%; float: none; margin: 0; padding: 0; }

.tgmobile__menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.tgmobile__menu .navigation li.active > a { color: var(--tg-theme-primary); }

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn { position: absolute; right: 20px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: var(--tg-heading-color); background: var(--tg-color-gray-3); cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; display: flex; align-content: center; justify-content: center; align-items: center; }

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); border-radius: 10px; width: 12px; height: 2px; background-color: var(--tg-color-black-1); -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); border-radius: 10px; width: 2px; height: 12px; background-color: var(--tg-color-black-1); -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open { background-color: var(--tg-theme-primary); }

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line { background-color: var(--tg-color-white-default); }

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after { display: none; }

.tgmobile__menu .navigation li > a { position: relative; display: block; line-height: 1.5; padding: 10px 60px 10px 25px; font-size: 16px; font-weight: 500; color: var(--tg-heading-color); text-transform: capitalize; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border: none; }

.tgmobile__menu .navigation li > a::before { content: ''; position: absolute; left: 0; top: 0; height: 0; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; width: 2px; background: var(--tg-theme-primary); pointer-events: none; }

.tgmobile__menu .navigation li ul li > a { margin-left: 20px; }

.tgmobile__menu .navigation li ul li ul li a { margin-left: 40px; }

.tgmobile__menu .navigation li ul li ul li ul li a { margin-left: 60px; }

.tgmobile__menu .navigation li > ul { display: none; }

.tgmobile__menu .navigation li > ul > li > ul { display: none; }

.tgmobile__menu .navigation ul { padding: 0; margin: 0; }

.tgmobile__menu .navigation ul li a { display: block; }

.tgmobile__menu .navigation ul li ul li > a { font-size: 16px; margin-left: 20px; text-transform: capitalize; }

.tgmobile__menu .navigation:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.tgmobile__menu .navigation > li > ul > li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.tgmobile__menu .navigation > li.active > a::before { height: 100%; }

.tgmobile__menu .close-btn { position: absolute; right: 15px; top: 28px; line-height: 30px; width: 35px; text-align: center; font-size: 20px; color: var(--tg-theme-primary); cursor: pointer; z-index: 10; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.tgmobile__menu .close-btn i[class^="flaticon-"]:before { font-weight: var(--tg-fw-bold) !important; }

.tgmobile__menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.5); }

.tgmobile__menu .tgmenu__action { padding: 0 0; margin: 0 0; }

.tgmobile__menu .tgmenu__action > ul { margin: 0 0; padding: 30px 20px 0; justify-content: center; gap: 0 15px; }

.tgmobile__menu .tgmenu__action > ul li { margin: 0 0; }

.tgmobile__menu .tgmenu__action > ul .header-btn { display: block; }

.tgmobile__menu-box {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;max-height: 100%;overflow-y: auto;overflow-x: hidden;background: var(--tg-color-white-default);padding: 0px 0px;z-index: 5;flex-direction: column;display: flex;}

.tgmobile__menu-bottom {padding: 30px 25px 25px;margin-top: auto;}
.tgmobile__menu-bottom .contact-info{
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
.tgmobile__menu-bottom .contact-info .list-wrap li a {color: var(--tg-theme-secondary);font-weight: 500;margin-bottom: 5px;text-align: center;display: block;padding: 3px;}

.tgmobile__menu-bottom .contact-info .list-wrap li a:hover { color: var(--tg-theme-primary); }

.tgmobile__menu-bottom .social-links ul {position: relative;text-align: center;align-items: center;flex-wrap: wrap;padding: 15px 0 0;gap: 15px;}

.tgmobile__menu-bottom .social-links ul li { position: relative; display: inline-block; }

.tgmobile__menu-bottom .social-links ul li a {align-items: center;justify-content: center;position: relative;font-size: 18px;color: var(--tg-theme-secondary);-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;PADDING: 10px;border: 1px solid #ccc;min-width: 41px;display: flex;}

.tgmobile__menu-bottom .social-links ul li a:hover { color: var(--tg-theme-primary); }

.tgmobile__menu-outer .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; display: none; color: var(--tg-color-white-default); margin-right: 30px; top: 15px; }

.mobile-menu-visible { overflow: hidden; }

.mobile-menu-visible .tgmobile__menu-backdrop { opacity: 1; visibility: visible; }
.menu-item--open { }
.menu-item--open ul { display: block !important;background-color:rgba(0, 0, 0, 0.06) }
.menu-item-has-children .fa-minus { display: none }
.menu-item-has-children .fa-plus { display: block }
.menu-item--open .fa-minus { display: block }
.menu-item--open .fa-plus { display: none }
