/*----Mobile----*/
@media only screen and (max-width : 1199px){
	header.transparent{background:none !important;}
	header.open, header.open.transparent{ background:var(--pdwhite) !important; height:100vh; overflow:scroll;}
	header .header-mobile{display:none !important;}
	header.open .header-mobile{display:block !important; overflow:scroll !important;}
	header .container-fluid > .row{margin-left:0px !important; margin-right:0px !important;}
		
	.header-trigger{width:2.9em; float:right;}
	.nav-icon {display: inline-block; width: 100%; height: 1.5em;  position: relative; z-index:100;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	.nav-icon span { display: block; position: absolute; height: 1px; width: 100%; background: var(--pdgold); opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	header.transparent .nav-icon span{background: var(--pdwhite);}
	header.transparent.open .nav-icon span{background: var(--pdgold);}
	header.transparent.open .header-logo-scroll{display:block;}
	header.transparent.open .header-logo{display:none;}

	.nav-icon:hover span:nth-child(3), .nav-icon:hover span:nth-child(2) { width: 100%;}
	.nav-icon span:nth-child(1) { top: 0em; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center;  transform-origin: left center;}
	.nav-icon span:nth-child(2) { top: calc(0.75em + 1.5px); -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 100%; right: 0 !important;}
	.nav-icon span:nth-child(3) { top:  calc(1.5em + 3px); -webkit-transform-origin: left center;  -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 100%; right: 0 !important;}
	
	header.open .nav-icon span:nth-child(1) {  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 0.75em; width:100%;}
	header.open .nav-icon span:nth-child(2) { width: 0%;  opacity: 0;}
	header.open .nav-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 2em; left: 0.75em; width:100%;}
	
	header .menu a {display: block;  position: relative; }
	header.transparent .menu a{color:var(--pdwhite) !important;}
	header.filled .menu a, header.transparent.open .menu a{color:var(--pdgold) !important;}
	
	body.logged-in #mobile-menu {margin-top: 32px;}
	
	/* Mobile Menu */
	header .menu{list-style:none; padding:0px; margin:0px;}
	header .menu li a {display: block; line-height: 1; padding: 1rem 0px; text-transform:capitalize; font-weight:500;}
	header .menu > li:not(:last-child){}
	header .menu > li > a {text-transform:uppercase;}
	header .menu ul {padding:0; list-style:none;}
	header .menu li.menu-item-has-children{position:relative;}
	header .menu  li.menu-item-has-children  a{width:80%;}
	header .menu  li.menu-item-has-children  i { position: absolute;top: 1rem; right: 1.5rem; color: var(--pdgold); font-size:var(--pdfontP) !important;}
	header .menu > li.menu-item-has-children > ul.sub-menu {display: none;}
	header .menu > li.menu-item-has-children:hover > ul,
	header .menu > li.menu-item-has-children:focus > ul{display:block;}
	header .menu > li.menu-item-has-children > ul {padding-left:1em; text-align:left;}
	header .menu > li.menu-item-has-children > ul > li > a{position:relative; text-transform:capitalize;}
	header .menu > li.menu-item-has-children > ul > li > ul{display:none; padding-left:1.5rem;}
	
}
@media only screen and (max-width: 575px){
	header .menu li.menu-item-has-children i {right: 0px; margin-right:0px;}
}

@media only screen and (min-width : 1200px){
	header #menu-trigger{display:none;}
	header #menu-header {display:none;}
	header .mobile-close{display:none;}
	
	header.transparent{background:none !important;}
	
	.hidedesktop{display:none !important;}
	
	header ul.menu{list-style:none; padding:0px; margin:0px; 
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  		display: -ms-flexbox;      /* TWEENER - IE 10 */
  		display: -webkit-flex;     /* NEW - Chrome */
  		display: flex; 
  		-webkit-justify-content: flex-end;
  		justify-content: flex-end;
		gap:1.5rem;
		/*-webkit-justify-content: space-between;
  		justify-content: space-between;*/
	}
	header ul.menu > li{position:relative;}
	
	header.transparent .menu a{color:var(--pdwhite) !important; text-transform:uppercase;}
	header.filled .menu a{color:var(--pdgold) !important; text-transform:uppercase;}
	
	
	header ul.menu li a{display: block;  padding:0px; position:relative; font-weight:500;}
	header ul.menu > li > a{position:relative;  padding-top:1.5rem; padding-bottom:1.5rem; }
	header ul.menu > li > a:after{content: ''; width: 50%; height: 3px;
    background: var(--acgold);
    position: absolute; top: inherit; right: inherit; bottom: 1.5rem; left: 25%;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    z-index: -1;
    transition: all .3s ease;}
	
	header ul.menu > li > a:hover:after{
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    z-index: 1;}
	
	header ul.menu > li.current-menu-item > a:after{
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    z-index: 1;
}
	header ul.menu li ul.sub-menu{ list-style:none;  margin:0px;	position: absolute; top:100%; left:calc(0px - var(--pdfontSMALL)); z-index: 8888; opacity: 0; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  transform: translateY(-21px); -webkit-transform: translateY(-21px); -ms-transform: translateY(-21px); background: var(--pdwhite); width:auto; padding:0em;}

	header ul.menu li:hover ul.sub-menu{opacity: 1; visibility: visible; transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0); padding:0px;}
	header ul.menu li ul.sub-menu li{text-align:left;}
	header ul.menu li ul.sub-menu li a{line-height: 1; padding:calc(var(--pdfontSMALL) * 0.5) var(--pdfontSMALL);  display:block; white-space:nowrap; text-transform:capitalize; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position:relative;}
	header ul.menu li ul.sub-menu li:hover a{color:var(--pdblack) !important;}
	header ul.menu li ul.sub-menu > li .sub-menu{left:100%; top:0px; opacity: 0; visibility: hidden; transform: translateY(21px); -webkit-transform: translateY(21px); -ms-transform: translateY(21px);}
	
	header.transparent ul.menu li ul.sub-menu li a{color:var(--pdgold) !important;}
	header.transparent ul.menu li ul.sub-menu li:hover a{color:var(--pdblack) !important;}
	
	header .header-right, header .row.header-desktop, header .row.header-desktop .col-12, header ul.menu > li.servicesmenuitem{position:static;}
	
}

@media only screen and (min-width : 1500px){
	header ul.menu{gap:3rem;}
}

body.logged-in header.open{height:calc(100vh - 32px);}
@media screen and ( max-width: 782px ) {
	body.logged-in header.open{height:calc(100vh - 46px);}
}