/*-------------------------------------------------------------------------------------*/
header {
    position: fixed;
	width: 100%;
	background-color: black;
	z-index: 9999;
}

.li {
	list-style: none;
}

a {
	color: white;
	text-decoration: none;
}

/*-------------------------------------- Main Menu ----------------------------------------------*/
.navbar {   /* Main Menu line up*/
	min-height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 24px;
	font-family: "Roboto", serif;
	font-style: normal;
	list-style: none;
}

.nav-menu {   /* Main Menu */
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	list-style: none;
}

.navbar img {  float: left; width: 6vw; }

.nav-branding {  /* APC Finishing Title */
	font-size: 2.5vw;
	background: -webkit-linear-gradient(#00bfff, white);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;		
}
.menu-bar {
  background-image: linear-gradient(to right, red 50%, black 50%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  transition: background-position 0.1s linear;
} 

.menu-bar li {
	position: relative; 
}

.menu-bar ul {   
	background-color: black;  
	color: white;
    width:25vw;  /* Each word menu width  */
} 

.sub-menu-1 {    /* drop down Menu   */
	display: none;
	list-style: none;
	text-align: left;
	padding-left: .3em;
	padding-right: .3em;
	position: relative; 
	text-decoration: none;  /* text has no lines thru or under */
	font-size: 1.3vw;  
	line-height: 1.5vw;  
	min-width: max-content;
	box-shadow: 1px 1px 7px #00bfff;
	z-index: 1;
}
.sub-menu-2 {    /* Sub drop down Menu   */
	display: none;
	list-style: none;
	text-align: left; 
	padding-left: 4px;
	position: absolute; 
	text-decoration: none;  
	font-size: 1.3vw;  
	line-height: 1.5vw;  
	min-width: max-content;
	box-shadow: 1px 1px 7px #00bfff;
	z-index: 2;
}
.sub-menu-3 {    /* Sub drop down Menu   */
	display: none;
}

.menu-bar:hover {   /*  Highlite each Menu Item  */
	background-position: 0% 0;
	display: block; 
} 

.nav-item:hover > .sub-menu-1 {    /* show drop down Menu  */
	display: block;
	position: absolute; 
	background: black;
}

.sub-menu-1 li:hover > .sub-menu-2 {    /* show Sub drop down Menu  */
	display: block;
	position: absolute; 
	top: 0; 
	left: 97%;  
	background: black;
} 

.nav-item:hover li a {   /* Drop Down List */
	text-decoration: none;  /* text has no lines thru or under */
	color: white;  /* Menu drop down text color */
	display: block;
	font-size: 1.3vw; 
	list-style: none;
}

.nav-item li a:hover {   /* Hover Main Menu Drop Down Menu Items */
	color: red;
}


.hamburger {  /* hide the hamburger bar */
	display: none;
	cursor: pointer;
}

.bar {   /* Show Hamburger Bar */
	display: block;
	width: 25px;  /* hamburger bar width */
	height: 3px; /* height of 3 bars */
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background-color: white;
}

	
/* ************************************** FOOTER *************************************** */
.footer-container {
	margin-top: 1em;
	display: grid;
	grid-template-rows: 2em 4em 4em .25em .25em .25em .25em .25em 3em;   
	grid-template-columns: 9.5% 9.5% 9.5% 8% 9.5% 9.5% 9.5% 7.5% 7.5% 7.5% 7.5% ;
	border-top: 5px solid blue;
	padding-top: 8px;
	background: -webkit-linear-gradient(#051650, black);
}
.footer-1 img {        /*  APC Logo  */
	grid-row: 1 / 1;  
	grid-column: 1 / 5;
	width: 14vw;
	padding-left: .5em;  
	padding-right: 1rem;
}
.footer-2 {   /* Services  */
	grid-row: 1 / 1;  
	grid-column: 3 / 3;
	color: white;
	font-size: 3vw;	
	margin-top: -1em;
} 
.footer-2A:hover { filter: opacity(30%); }
.footer-2A img { width: 40%; }  /* Facebook  */
.footer-2A {
	grid-row: 1 / 1;  
	grid-column: 5 / 5;
	cursor: pointer;
} 
.footer-2B:hover { filter: opacity(30%); }
.footer-2B img { width: 40%; }  /* Yelp  */
.footer-2B {
	grid-row: 1 / 1;  
	grid-column: 6 / 6;
	cursor: pointer;
} 
.footer-2C:hover { filter: opacity(30%); }
.footer-2C img { width: 40%; }  /* Google  */
.footer-2C {
	grid-row: 1 / 1;  
	grid-column: 7 / 7;
	cursor: pointer;
} 
.footer-1A {  /* text below APC logo */
	grid-row: 3 / 3;
	grid-column: 1 / 3;
	margin-top: 2.5em;
	font-size: 1vw;	
	color: white;
	padding-left: 1em;
	max-width: 150px;
	text-align: center;
}
.details:hover {  color: red;  }
.footer-3 {   
	grid-row: 2 / 2;  
	grid-column: 3 / 7;
	color: white; 
	font-size: 1.3vw;	
	text-align: left;
	text-decoration: underline;
	text-decoration-color: blue; 
	margin-top: 1em;
}
.footer-3A {   
	grid-row: 2 / 2;  
	grid-column: 5 / 7;
	color: white; 
	font-size: 1.3vw;	
	text-align: left;
	text-decoration: underline;
	text-decoration-color: blue; 
	margin-top: 1em;
}
.footer-3C {  /* Contact US */
	grid-row: 1 / 1;  
	grid-column: 8 / 8 ;
	color: white; 
	font-size: 2.5vw;	
	white-space: nowrap;
	margin-top: -1em;
}
.footer-4:hover { filter: opacity(40%); }
.footer-4 {  /*   Phone Number */
	grid-row: 2 / 2;  
	grid-column: 8 / 8;
	text-decoration:none;
	font-size: 1.5vw;	
	cursor: pointer;
	white-space: nowrap;
}
.footer-5:hover { filter: opacity(30%);; }
.footer-5 {
	grid-row: 3 / 3;    /* email */
	grid-column: 8 / 8;  
	font-size: 1.4vw;
	cursor: pointer;
	white-space: nowrap;
	margin-top: -3em;
}
.footer-7 {  /* Hennessey Development */
	grid-row: 9 / 9;    
	grid-column: 3 / 10; 
	font-size: 1.5vw;	
	color:white;
	text-align: center;
}


/*----------600----------------------------------------------------------*/
@media only screen and (max-width: 600px) { 

/*------------------600--------------- Footer ------------------------600--------------------*/
	.footer-container {
		grid-template-rows: 3em 3em 2em 2em 2em 6em 2em;   
		grid-template-columns: 33% 28% 39%;
	}

	.footer-1 img {        /*  APC Logo  */
		grid-row: 1 / 2;
		grid-column: 1 / 1;
		width: 20vw;
		padding-left: .5em;  
		padding-right: 1rem;
	}
	.footer-1A {  /* text next to APC logo */
		grid-row: 1 / 1;
		grid-column: 2 / 3;
		font-size: 2.4vw;	
		text-align: center;
	}

	.footer-3C {  /* Contact US */
		grid-row: 1 / 1;  
		grid-column: 3 / 3 ;
		font-size: 4.5vw;	
		white-space: nowrap;
	}

	.footer-4:hover { filter: opacity(40%);; }
	.footer-4 {  /*   Phone Number */
		grid-row: 2 / 2;  
		grid-column: 3 / 3;
		font-size: 3vw;	
		padding-left: 32%; 
		white-space: nowrap;
		margin-top: -1.5em;
	}
	.footer-5:hover { filter: opacity(30%);; }
	.footer-5 {
		grid-row: 2 / 3;    /* email */
		grid-column: 3 / 3;  
		font-size: 2.7vw;
		white-space: nowrap;
		margin-left: -1em;
	}

	.footer-2 {   /* Services  */
		grid-row: 3 / 3;  
		grid-column: 1 / 1;
		font-size: 4vw;	
		padding-left: 1em;
		margin-top: -1.09em;
	} 
footer-2A:hover { filter: opacity(30%); }
.footer-2A img { max-width:30%; }  /* Facebook  */
.footer-2A {
	grid-row: 3 / 3;  
	grid-column: 3 / 3;
	text-align: center;
	padding-left: 2em;
} 
.details:hover {  color: red;  }
.footer-3 {   
	grid-row: 4 / 4;  
	grid-column: 1 / 2;
	color: white; 
	font-size: 2.9vw;	
	text-align: left;
	padding-left: 2em;
	line-height: 3vw;
	white-space: nowrap;
}
	.footer-3A {   
		grid-row: 4 / 4;  
		grid-column: 2 / 3;
		font-size: 2.9vw;	
		text-align: left;
		padding-left: 3em;
		white-space: nowrap;
	}
	.footer-7 {  /* Hennessey Development */
		grid-row: 7 / 7;    
		grid-column: 1 / 1; 
		font-size: 2.4vw;	
		color:white;
		text-align: left;
		white-space: nowrap;
		padding-left: 1em;
	}
}  /* END 600  */