﻿:root {
   --pax-white: #ffffff;
   --pax-black: #000000;
   --pax-light-gray: #f0f0f0;
   --pax-line-color: #dadada;
   --pax-soft-black: #222222;
   --pax-link: #485fc7;
}

.custom_header_widget {
   position: sticky;
   top: 0;
   z-index: 151;
   padding-top: 0px !important;
   display: flex;
}

.mobile_selectors_widget .mobileSelectors,
.mmSearchItem,
.fas.alertsIcon.mainItem,
.mnuHeading,
.header #navbar .dropNavBtn {
   display: none !important;
}

.header {
   background-color: var(--pax-light-gray);
   color: var(--pax-black);
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   height: 70px;
}

.header .mainHeaderWrap {
   display: flex;
   width: 100%;
   height: 100%;
   flex-direction:column;
   position: relative;   
   z-index: 2;
   background-color: var(--pax-light-gray);
}

.header .headerMainItems {
   display: flex;
   gap: 20px;
   padding: 10px;
   z-index: 3;
   position: relative;
   background-color: var(--pax-light-gray);
   align-items: center;
   height: 100%;
}

.header .searchBtn,
.header .userProfile {
   flex-shrink:0;
   width: 28px;
   height: 28px;
   line-height: 28px;
   justify-content: center;
   align-items: center;
   text-align: center;
   font-size: 24px;
   cursor: pointer;
}

.header .dropNavBtn {
   display: flex;
   align-items: center;
   gap: 5px;
   padding: 3px;
   flex-shrink:0;
   height: 28px;
   width: auto;
   justify-content: center;
   font-size: 24px;
}

.header .dropNavBtn .menuButtonText {
   padding-left: 5px;
   font-variant: small-caps;

}

.header .mobileLogoContainer {
}

.header .mobileLogoContainer .mainLogo {
   max-width: 100%;
   width: auto;
   height: auto;
}

.header .navigationContainer {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
   flex-basis:100%;
	height: auto;
	background-color: var(--pax-light-gray);
	border: none;
	z-index: 12;
	overflow: visible;
	padding: 0px;
}

.header .navigationContainer .navigation_menu_widget {
	background-color: unset;
}

.header a {
   color: var(--pax-black);
}

.userButton,
.userButtonSub {
   padding: 5px 10px;
   text-align: center;
   font-weight: 700;
   font-size: 14px;
   height: 30px;
   line-height: 30px;
   flex-shrink: 0;
}

.navigation_menu_widget a.item, 
.navigation_menu_widget .item {
   color: var(--pax-black);
   font-size: 1em;
}

.navigation_menu_widget .item.desktopNavItem {
   display: none;
}

.navigation_menu_widget a.item:hover, 
.navigation_menu_widget .item:hover {
   color: var(--pax-link);
}

.searchCtr {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0px;
   top: 0px;
   padding: 10px;
   display: flex;
   align-items: center;
   background-color: var(--pax-white);
   transform: translateY(0px);
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   transition: transform 250ms;
   -webkit-transition: transform 250ms;
   -moz-transition: transform 250ms;
   z-index: 1;
   font-family: unset;
   border-bottom: solid 1px var(--pax-line-color);
}

.showSearch {
   transform: translateY(70px);
   -webkit-transform: translateY(70px);
   -moz-transform: translateY(70px);
}

.searchCtr form {
   display: flex;
   align-items:center;
   gap: 10px;
}

.searchCtr label {
   color: var(--pax-black);
   font-weight: 700;
   flex-shrink:0;
}

.searchCtr form,
.searchCtr form #searchTxt {
	width: 100%;
	margin: 0;
}

@media (min-width: 768px) {
   .custom_header_widget {
      height: 70px;
   }

   .header .mainHeaderWrap {
      flex-direction: row;
      align-items:center;
   }

   .header .mobileLogoContainer {
      display: none;
   }

   .navigation_menu_widget {
      padding: 0px;
      position: relative;
      width: 100%;
      height: calc(100%);
      background-color: var(--pres-main-bg-light);
   }

   body .mainNav {
      display: flex;
      height: calc(100%);
      width: 100%;
   }

   .mainNavContainer {
      display: none;
   }

   body .section_navigation_widget {
      width: 300px;
   }

   .custom_header_widget .header .navigationContainer {
      height: calc(100%);
   }

   .custom_header_widget .header .navigationContainer.secNavFixed {
      position: relative;
   }

   .header .mobileUserContainer {
      display: none;
   }

   .header .searchBtn,
   .header .dropNavBtn {
      margin: 0;
   }

   .header .mobileLogoContainer {
      width: 280px;
      margin: 0;
   }

   .header .searchBtn,
   .header .fa-bars,
   .header .userProfile
   {
      font-size: 24px;
      align-self: center;
   }

   .searchCtr {
      font-size: 20px;
   }
}

@media (min-width: 1024px) {
   .header #navbar {
      height: calc(100%);
      flex-wrap: wrap;
      overflow: hidden;
   }

   .mainNavContainer {
      display: flex;
      flex-direction: row;
   }

   .navigation_menu_widget .item.mobileNavItem {
      display: none;
   }

   .navigation_menu_widget .item.desktopNavItem {
      display: flex;
   }


}