.menu_wrapper{ background:var(--secondary); min-height:82px; padding: 1px 0; position: sticky; top: 0; z-index:999} #cssmenu{float:left;width:100%; transition: all 0.5s ease 0s; margin-top:0px} #cssmenu #menu-button{display:none;} #cssmenu #primary-menu{ gap:0px !important} #cssmenu ul { margin: 0px 0rem 0 0; align-items: center;display: flex; } #cssmenu ul li{display:inline-block;vertical-align:top;list-style-type:none; margin:0px 0px 0 0px; position:relative; padding:0rem 15px; } #cssmenu ul li:last-child{ padding-right:0px; padding-left: 0; padding-right:0px} #cssmenu ul li a{display:inline-block; color:#000; text-decoration:none; font-weight:400; margin:0 0px; font-size: 15px; line-height: 20px; padding-block:39px} @media (min-width:1200px){ #cssmenu ul li.donate_link a{ background:var(--off-white); color:#000; border:var(--teal) solid 1px; padding:9px 24px 9px 24px; border-radius:50px; text-transform:none; position:relative;} #cssmenu ul li.donate_link a:hover{ background:var(--teal); color:#fff; text-decoration:none} #cssmenu ul li.get_link a{ background:var(--teal); color:#fff !important; border:var(--teal) solid 1px; padding:9px 24px 9px 24px; border-radius:50px; text-transform:none;} #cssmenu ul li.get_link a:hover{ background:var(--blue); color:#fff !important; border-color:var(--blue); text-decoration:none} #cssmenu ul li.get_link.current-menu-item a{ color:#fff !important} } #cssmenu > ul > li.menu-item-has-children > a{ padding-right:0rem} #cssmenu > ul > li a:hover{text-decoration:underline; color:var(--fontclr); } #cssmenu > ul > li a{ position:relative} /*#cssmenu > ul > li a::after { background: var(--primary); content: ""; position: absolute; left: 0;bottom:-10px; width: 0%; height: 2px; transition: all .5s ease 0s; z-index: 1; }*/ #cssmenu > ul > li.current_page_item a::after { width:100%} #cssmenu > ul > li a:hover::after{ width:100%} #cssmenu > ul > li.book_btn a:after{display:none} #cssmenu > ul > li.current-menu-item > a{text-decoration:none;color:var(--primary); font-weight:700 } #cssmenu > ul > li.current-menu-parent > a{text-decoration:none; color:var(--primary); font-weight:700 } #cssmenu > ul > li.current-menu-item a{color:#415E0C; font-weight:700 } #cssmenu > ul > li.current-menu-item ul.sub-menu li a{font-weight:400 } #cssmenu > ul > li.current-menu-item.get_link a{color:#fff; font-weight:400 } #cssmenu > ul > li.current-menu-item.donate_link a{color:#000; font-weight:400 } #cssmenu > ul > li.current-menu-item.donate_link a:hover{color:#fff; font-weight:400; background:var(--teal); } .sub-menu { width: 280px; position: absolute; background: var(--off-white); z-index: 100; margin: 0px 0 0 0px; left: 0px; border: none; padding: 20px 18px !important; border-radius: 0 0 16px 16px; } #cssmenu ul li ul li.menu-item-has-children:after { position: absolute; content: ''; top:50%; right:15px; font-weight:400; width:6px; height:6px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);} #cssmenu ul li ul li.menu-item-has-children a:after { position: absolute; content: ''; top:50%; right:15px; font-weight:400; width:6px; height:6px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);} #cssmenu ul li ul li.menu-item-has-children:hover:after { position: absolute; content: ''; top:50%; right:15px; font-weight:400; width:6px; height:6px; border-right:#695d4b solid 1px; border-bottom:#695d4b solid 1px; top: calc(50% - 8px/2); transform: rotate(-45deg);} #cssmenu ul li ul li.menu-item-has-children li a:after{ display:none;} .sub-menu .sub-menu{ top:0rem; left:160%; border-top:0; border-left:var(--primary) solid 3px; } .sub-menu li:hover > .sub-menu{ top:0; left:99.5%; } #cssmenu ul ul li{list-style-type:none; position: relative; width:100%; border-bottom: 1px solid rgba(43, 31, 20, 0.5); padding: 12px 0;} #cssmenu ul ul li:last-child{border-bottom:none; padding-bottom:0px} #cssmenu ul ul li:first-child{ padding-top:0px} #cssmenu ul ul li.menu_head { margin-top:5px; } #cssmenu ul ul li.menu_head a { font-size:20px; color: #fff; padding: 0px 20px 0px; } #cssmenu ul ul li.menu_head a:hover { text-decoration:none; } #cssmenu ul ul li.menu_head a:before { display:none; } #cssmenu ul ul li br{display:none;} #cssmenu ul ul li a {display:block; font-size:15px; text-decoration:none;color:#000 !important;font-weight:400; position: relative; line-height:1; padding: 0px 0; } #cssmenu ul ul li.current_page_item a {color:var(--primary) !important; font-weight:700} #cssmenu ul ul li a:hover { color:var(--primary) !important; text-decoration:none; } #cssmenu ul ul ul:hover > ul ul li a{background:var(--primary); color:#fff; } #cssmenu ul ul li a:before { content:''; color: #fff; position: absolute; left:0px; display:none } #cssmenu ul ul li a:hover:after{display:none;} #cssmenu.small-screen{display:inline-block;vertical-align:top; } #cssmenu.small-screen ul{width:100%;display:none;margin-top:25px;position:absolute;left:0;z-index:999;background:var(--off-white);text-align:left;text-align: left; padding: 0px 20px; gap: 0;} #cssmenu.small-screen.align-center > ul{text-align:left;} #cssmenu.small-screen ul li{width:100%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);position:relative;} #cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a{width:calc(100% - 45px);border-bottom:0;padding:15px 47px 13px 20px;color:var(--fontclr); text-transform:uppercase;font-weight:700; font-size:15px} #cssmenu.small-screen ul li a:hover, #cssmenu.small-screen ul ul li a:hover{ color:var(--primary); } #cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul, #cssmenu.small-screen.align-right ul ul{position:relative;left:0;top:0;width:100%;margin:0;text-align:left;} #cssmenu.small-screen > ul > li.has-sub > a:after, #cssmenu.small-screen > ul > li.has-sub > a:before, #cssmenu.small-screen ul ul > li.has-sub > a:after, #cssmenu.small-screen ul ul > li.has-sub > a:before{display:none;} #cssmenu.small-screen #menu-button { display: block; cursor: pointer; position: absolute; top:50%; width: 35px; height: 35px; right: 15px; z-index: 99; background:var(--primary); transition: all 0.5s ease 0s; border-radius:5px; transform: translateY(-50%); margin-top:9px;} #cssmenu.small-screen #menu-button:after { position: absolute; top: 17px; right: 8px; display: block; height: 8px; width: 18px; border-top: 2px solid var(--white); border-bottom: 2px solid var(--white); content: ''; } #cssmenu.small-screen #menu-button:before { position: absolute; top: 11px; right: 8px; display: block; height: 2px; width: 18px; background: var(--white); content: ''; } #cssmenu.small-screen #menu-button.menu-opened:after { top: 18px; border: 0; height: 2px; width: 20px; background: var(--white); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #cssmenu.small-screen #menu-button.menu-opened:before { top: 18px; background: var(-white); width: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 44px; width: 44px; cursor: pointer; background: var(--primary);} #cssmenu.small-screen .submenu-button.submenu-opened { background: var(--primary); } #cssmenu.small-screen .submenu-button::after { position: absolute;top: 21px;right: 16px; width: 15px; height: 3px; display: block; background:var(--white); content: '';} #cssmenu.small-screen .submenu-button.submenu-opened:after { background:var(--white);} #cssmenu.small-screen .submenu-button::before { position: absolute;top: 15px;right: 22px;display: block;width: 3px;height: 15px;background:var(--white); content: '';} #cssmenu.small-screen .submenu-button.submenu-opened::before { display:none; } @media (min-width:1140px){ #cssmenu > ul > li > .sub-menu{ top: calc(100% - 36px); } .cssmenu li:hover > .sub-menu{ opacity: 1; visibility: visible; transform: translateY(0); } .sub-menu{ opacity: 0; gap: 0 !important; visibility: hidden; transform: translateY(0px); transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s; } } @media (max-width:1199px){ .main_search{ margin-right:50px;} #cssmenu > ul > li > a{ font-size: calc(var(--fontSize) + 0rem);} #cssmenu > ul > li > a{ padding: 0.85rem 0.60rem;} #cssmenu > ul > li.current-menu-item > a::before{display:none !important;} #cssmenu > ul > li::before, #cssmenu > ul > li > a:hover::before{display:none} #cssmenu > ul > li{ margin:0 0px} #cssmenu ul li ul li.menu-item-has-children:after{display:none;} #cssmenu ul{display:none} #cssmenu.small-screen ul li ul li a{ color:#000; font-size:14px; padding:0; font-weight: normal;} #cssmenu.small-screen ul li ul li a:hover{ color:#fff; } #cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a{ padding: 12px 47px 12px 0px; color: var(--fontclr);} #cssmenu.small-screen ul ul li a:hover{ color:var(--primary)} #cssmenu.small-screen ul li:last-child{ border:none} } @media (max-width:1180px){ .site-header .cw-header-right{ position:inherit !important} #cssmenu > ul > li{padding:0; } .site-header.stricky #cssmenu.small-screen ul, #cssmenu.small-screen ul {margin-top: 27px; flex-wrap:wrap;} #cssmenu.small-screen #menu-button { top: 30%; } #cssmenu > ul > li a::after{display:none !important} #cssmenu > ul > li.book_btn a{ background:none !important} #cssmenu > ul > li.book_btn a:hover{ background:none !important} } @media (max-width:992px){ #cssmenu.small-screen #menu-button{ right:15px;} #cssmenu ul#menu-top-nav{display:none} #cssmenu.small-screen ul{ margin-top: 40px; width: calc(100% - 0px); left:0px; padding:15px; height:auto;} .menu.with-indicator.open { display: block; height: calc(100vh - 68px); overflow-y: scroll; gap: 0;} .site-header.stricky #cssmenu > ul > li > a{font-size:15px} .site-header.stricky #cssmenu.small-screen ul, #cssmenu.small-screen ul {margin-top: 25px; } .site-header.stricky #cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul{ margin-top:0px;} #cssmenu.small-screen ul ul{ padding:0 15px} }