@import "remedy.css";
@import "vars.css";


@font-face {
	font-family: Montserrat;
	font-weight:300;
	src: url('../font/Montserrat-Light.woff2') format('woff2'), 
		 url('../font/Montserrat-Light.woff') format('woff');
}


@font-face {
	font-family: Montserrat;
	font-weight:400;
	src: url('../font/Montserrat-Regular.woff2') format('woff2'), 
		 url('../font/Montserrat-Regular.woff') format('woff');
}


@font-face {
	font-family: Montserrat;
	font-weight:500;
	src: url('../font/Montserrat-Medium.woff2') format('woff2'), 
		 url('../font/Montserrat-Medium.woff') format('woff');
}


@font-face {
	font-family: Montserrat;
	font-weight:700;
	src: url('../font/Montserrat-Bold.woff2') format('woff2'), 
		 url('../font/Montserrat-Bold.woff') format('woff');
}



@font-face {
	font-family: Open Sans Condensed;
	font-weight:300;
	src: url('../font/OpenSansCondensed-Light.woff2') format('woff2'),
		 url('../font/OpenSansCondensed-Light.woff') format('woff');
}


@font-face {
	font-family: Open Sans Condensed;
	font-weight:400;
	src: url('../font/OpenSansCondensed-Regular.woff2') format('woff2'),
		 url('../font/OpenSansCondensed-Regular.woff') format('woff');
}


@font-face {
	font-family: Open Sans Condensed;
	font-weight:500;
	src: url('../font/OpenSansCondensed-Medium.woff2') format('woff2'),
		 url('../font/OpenSansCondensed-Medium.woff') format('woff');
}


@font-face {
	font-family: Open Sans Condensed;
	font-weight:700;
	src: url('../font/OpenSansCondensed-Bold.woff2') format('woff2'),
		 url('../font/OpenSansCondensed-Bold.woff') format('woff');
}


html{
	font-family: 'Montserrat';
}

body{
	height:100%;
}


a, a:link, a:visited, a:active{
	color:var(--orange);
}


.img-center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}


.track-load-overlay{
	display:none;
}

	.track-load-overlay.active{
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		align-content: center;
		align-items: center;
		z-index: 6;
		width: 100%;
		/*height: 100%;*/
		height:100vh;
		background: rgba(0,0,0,0.8);
		color: white;
		font-size: var(--30px);
	}

		.track-load-overlay svg{
			margin-left:auto;
			margin-right:auto;
		}

		


.grid-container{
	display: grid;
	height:100%;
	grid-template-columns: 1.8fr 10.3fr;
}

	@media(max-width:1000px){

		.grid-container{
			display:flex;
			width:100%;
		}
	}


	section.sidebar{
		background: var(--charcoal);
		padding:2rem;
	}

		@media(max-width:1000px){
			section.sidebar{
				position:fixed;
				top:0;
				bottom:0;
				width:100vw;
				left:-100vw;
				transition: transform .3s ease-in-out;
				z-index:2;
				padding:1rem;
			}

			#bar:target{
				transform: translateX(100vw);
			}
		}

		.toggle{
			display:none;
		}

		@media (max-width:1000px){
			.toggle{
				display:block;
			}

				.toggle.open{
					position:absolute;
					top:1rem;
					right:1rem;
					width:50px;
					height:50px;
					background:url('../img/hamburger.png') center center no-repeat;
				}

				.toggle.close {
					text-align: right;
					display: block;
					text-decoration: none;
					position: relative;
					top: -30px;
					color:var(--lightyellow);
					font-size:var(--76px);
				  }
		}

	

	section.sidebar .sidebar-sticky{
		position:sticky;
		top:1rem;
	}

		@media(max-width:1000px){
			section.sidebar .sidebar-sticky img{
				margin-left:auto;
				margin-right:auto;
			}
		}

			

	section.sidebar nav{
		width:100%;
	}


		section.sidebar nav ul{
			display:flex;
			flex-direction: column;
			padding:0;
			margin:5rem 0;
		}

			@media(max-width:1000px){
				section.sidebar nav ul{
					margin:5rem;
				}
			}


			section.sidebar nav ul li{
				position:relative;
				list-style-type: none;
				font-family: "Open Sans Condensed";
				font-weight:300;
				font-size: var(--38px);
				text-align:right;
				text-transform: uppercase;
				margin-bottom:1rem;
			}

				@media(max-width:1000px){
					section.sidebar nav ul li {
						font-size: var(--36px);
					}
				}


			section.sidebar nav ul li::after {
				position: absolute;
				bottom: 0;
				left: 0;
				height: 3px;
				width: 100%;
				background: linear-gradient(to right, var(--gold) 0%, var(--flame) 100%);  
				content: "";
			 }


			section.sidebar nav ul li a:link, 
			section.sidebar nav ul li a:visited,
			section.sidebar nav ul li a{
				text-decoration:none;
				color: var(--midgrey);
				transition: color 1s;
			}

				section.sidebar nav ul li a:hover, 
				section.sidebar nav ul li a:active, 
				section.sidebar nav ul li a.current{
					color: var(--offwhite);
					transition: color 1s;
				}



	section.sidebar .info{
		display:flex;
		flex-direction: column;
		color: var(--offwhite);
		padding:1rem;
		background: linear-gradient(to right, var(--navy) 0%, var(--gold) 130%);  
		box-shadow: 1px 1px 3px rgba(255,255,255,0.1);
		font-weight:600;
		border-top-left-radius:10px;
		border-bottom-right-radius:10px;
		font-family:"Open Sans Condensed";
		font-size:var(--18px);
		text-transform: uppercase;
		}

		@media(max-width:1000px){
			section.sidebar .info{
				display:none;
			}
		}
	
		section.sidebar .info .addr{
			padding-left:2.5rem;
			background:url('../img/map-pin.png') 2px 2px no-repeat;
			padding-bottom:2rem;
		}
	
		section.sidebar .info .phone{
			padding-left:2.5rem;
			background:url('../img/phone.png') 2px 2px no-repeat;
			padding-bottom:2rem;
		}

		section.sidebar .info .email{
			padding-left:2.5rem;
			background:url('../img/email.png') 2px 2px no-repeat;
			padding-bottom:2rem;
		}
	



	section.main{
		background: var(--white);
	}


		@media (max-width:1000px){

			section.main{
				width:100%;
			}

		}

		
		section.main header{
			width:100%;
			position:relative;
			height:100vh;
		}

			@media (max-width:1000px){

				section.main header{
					height:40rem;
				}
			}

			.hero{
				display:flex;
				position:absolute;
				flex-direction:column;
				width:100%;
				height:100%;
				z-index:1;
				justify-content: center;
				align-items:center;
				background-image:linear-gradient(
				160deg,
				rgba(48, 48, 48, 0.55),
				rgba(0, 0, 0, 0.95)
				);
			}

				@media(max-width:1000px){
					.hero{
						padding:0.5rem;
					}
				}


				.hero h1{
					color: var(--white);
					font-size: clamp(var(--20px), 2vw + 1rem, var(--76px));
					text-transform: uppercase;
					font-weight:400;
					text-align:center;
					width:auto;
				}

					@media (max-width:1000px){
						.hero h1{
							width:85%;
						}
					}

			/* only appears small view */
			.hero .logo{
				display:none;
			}

				@media (max-width:1000px){
					.hero .logo{
						display:block;
					}
				}

			.tracking{
				display:flex;
				align-items:center;
				position: relative;
				padding:1rem;
				min-height:auto;
			}

				@media (max-width:1000px){
					.tracking{
						min-height:70px;
					}
				}


				.tracking img{
					display:block;
				}

				@media (max-width:1000px){
					.tracking img{
						display:none;
					}
				}

				.tracking::after{
					content:'';
					width: 100%; 
					height: 100%;
					background-color: var(--lightblue); 
					opacity: 0.6; 
					position: absolute; 
					top: 0; 
					left: 0;
					z-index: -1;
				}

				/*override generated shipment lookup tool */
				#quicklookup{
					display:flex;
					height:100%;
				}

				#ripShipmentLookup{
					display:inline-flex;
					height:100%;
				}
				
				.tracking form{
					display:flex;
				}

					.tracking .track-num, #shipmentlookupKeyword{
						width:15rem;
						margin-left:.5rem;
						border:0;
						border-left:3px solid var(--charcoal);
						padding-left:.5rem;
						padding-right:.5rem;
					}

						.tracking .track-num::placeholder{
							color: var(--lightgrey);
						}

					.tracking .track-submit, #shipmentlookupButton{
						width:6rem;
						margin-left:.5rem;
						border:0;
						border-left:3px solid var(--grey);
						background: var(--charcoal);
						color: var(--lightergrey);
						padding-left:.5rem;
						padding-right:.5rem;
						cursor:pointer;
						font-size:1rem;
						line-height:1rem;
					}


			.video-bg{
				position:absolute;
				z-index:0;
				top:0;
				left:0;
				width:100%;
				height:100%;
				object-fit: cover;
			}



			.scroll-down{
				position:absolute;
				width:35px;
				left:0;
				right:0;
				bottom:1rem;
				margin-left:auto;
				margin-right:auto;
				animation: bounce 0.8s infinite alternate;
				z-index:1;
			}

				.scroll-down img{
					display:block;
					max-width:100%;
				}

				@keyframes bounce{ 
					0% { transform: translateY(0); } 
					100% { transform: translateY(-10px); } 
				}

	

.home-intro{
	width:100%;
	display:grid;
	margin-top:3.5rem;
	margin-bottom:3.5rem;
	grid-auto-rows: min-content;
	grid-template-columns:8fr 4fr;
	grid-template-areas: 
	"heading heading"
	"intro stats";
}

	@media(max-width:1000px){

		.home-intro{
			margin-top: 1rem;
			grid-template-columns: 1fr;
			grid-template-areas:
			"heading" 
			"intro" 
			"stats ";
		}
	}


	.home-intro .heading{
		grid-area:heading;
	}

		.home-intro .heading h1{
			text-align:center;
			font-size: clamp(var(--42px), 5vw, var(--76px));
			color:var(--orange);
			font-weight:400;
		}

	.home-intro .intro-body-text{
		grid-area:intro;
		padding:3.5rem 4.5rem;
		/*font-size: var(--28px);
		line-height: var(--30px);*/
		font-size: clamp(var(--24px), 2vw, var(--28px));
		line-height: clamp(var(--26px), 3vw, var(--30px));
		position:relative;
		display: flex;
  		flex-direction: column;
  		justify-content: center;
	}

	.home-intro .intro-body-text::after{
		content:"";
		width:1px;
		height:50%;
		background:var(--lightestgrey);
		position: absolute;
		top: 25%;
		right: 0;
	}		

		.home-intro .intro-body-text p{
			text-align:center;
			margin:0;
		}

			.home-intro .intro-body-text p:first-child{
				margin-bottom:2rem;
			}

	.home-intro .intro-stats{
		grid-area:stats;
		text-align:center;
	}

		.home-intro .intro-stats .stat{
			display:flex;
			flex-direction:column;
			margin:3rem auto;
			width:50%;
			background:var(--lightyellow);
			justify-content: center;
			align-items:center;
			padding:2rem;
			border-bottom:4px solid var(--navy);
		}

		.home-intro .intro-stats .stat h1{
			font-size:var(--56px);
			color:var(--navy);
			margin:0;
		}

		.home-intro .intro-stats .stat h2{
			font-size:var(--22px);
			text-transform: uppercase;
			margin:0;
		}

		.countup {
			font-feature-settings: "tnum";
			font-variant-numeric: tabular-nums;
			opacity: 0;
		}
		
		.countup--is-visible {
			opacity: 1; /* show countup once JS has been initialized */
		}
  
 
		.cd-sr-only {
			position: absolute;
			clip: rect(1px, 1px, 1px, 1px);
			-webkit-clip-path: inset(50%);
					clip-path: inset(50%);
			width: 1px;
			height: 1px;
			overflow: hidden;
			padding: 0;
			border: 0;
			white-space: nowrap;
		}




.home-services{
	width:100%;
	background:var(--lightblue);
	display:grid;
	padding:5rem;
	grid-gap:1rem;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-areas:
	"card1 card2 card3" 
	"servheading servheading servheading"
	"card4 card5 card6"; 
}

	@media(max-width:1000px){

		.home-services{
			padding:1rem;
			grid-template-columns:1fr;
			grid-template-areas:
			"servheading"
			"card1"
			"card2"
			"card3"
			"card4"
			"card5"
			"card6";
			padding:2rem 0;
			grid-row-gap: 3rem;
		}

	}

	
	.services-header{
		grid-area:servheading;
	}

		.services-header h1{
			color:var(--paleblue);
			font-size: clamp(var(--50px), 6vw, var(--90px));
			text-transform: uppercase;
			margin:0;
		}

	

	.home-services .service{
		display: flex;
		width: 100%;
		align-content: center;
		justify-content: center;
	}

	.home-services .card{
		display: flex;
		position:relative;
		width: 85%;
		height:240px;
		justify-content: center;
		align-content: center;
		flex-direction: column;
		margin: 0rem;
		padding: 2rem 0;
		align-items: center;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
		border-left:5px solid var(--lighterblue);
	}

		.home-services .card .bg-overlay{
			opacity:0;
			position:absolute;
			width:100%;
			height:100%;
			background:rgba(0, 0, 0, 0.75);
			border-top-left-radius:20px;
			border-bottom-right-radius:20px;
			transition: opacity .4s;
		}

			.home-services .card:hover .bg-overlay{
				opacity:100;
				transition: opacity .4s;
			}

			@media(max-width:1000px){
				.home-services .card .bg-overlay{
					opacity:100;
				}
			}


		.home-services .card .bg-overlay .hover-pc-1{
			top: 0;
			left: 0;
			width: 0;
			height: 100%;
			position: absolute;
			z-index: 0;
			opacity: 0;
			transition: 0.3s ease;
			background: linear-gradient(120deg, rgb(251, 133, 0) 0%, rgba(251, 133, 0, 0.45) 25%, rgba(3, 169, 244, 0) 25%);
			border-top-left-radius:20px;
			}

			.home-services .card:hover .bg-overlay .hover-pc-1{
				width: 100%;
				opacity: 1;
				transition: 0.3s ease;
			}

			@media(max-width:1000px){
				.home-services .card .bg-overlay .hover-pc-1{
					width: 100%;
					opacity: 1;
				}
			}


			.home-services .card .bg-overlay .hover-pc-2{
				bottom: 0;
				right: 0;
				width: 0;
				height: 100%;
				position: absolute;
				z-index: 0;
				opacity: 0;
				transition: 0.3s ease;
				background: linear-gradient(15deg, rgb(251, 133, 0) 0%, rgba(251, 133, 0, 0.45) 25%, rgba(3, 169, 244, 0) 25%);
				border-top-left-radius:20px;
				}
	
				.home-services .card:hover .bg-overlay .hover-pc-2{
					width: 100%;
					opacity: 1;
					transition: 0.3s ease;
				}

				@media(max-width:1000px){
					.home-services .card .bg-overlay .hover-pc-2{
						width: 100%;
						opacity: 1;
					}
				}

			
		.home-services .card h1{
			color: var(--white);
  			transition: 0.3s ease;
  			text-shadow: 3px 2px 1px var(--charcoal);
			text-align:center;
		}

			.home-services .card:hover h1{
				position:absolute;
				top:5px;
				color:var(--white);
				font-size:var(--18px);
				transition: 0.3s ease;
				background:none;
			}

			@media (max-width:1000px){
				.home-services .card h1{
					position:absolute;
					top:5px;
					color:var(--white);
					font-size:var(--20px);
					transition: 0.3s ease;
					background:none;
				}
			}

		.home-services .card p{
			opacity:0;
			position: absolute;
			z-index:1;
		}

			.home-services .card:hover p{
				width: 75%;
				color: white;
				text-align: center;
				opacity:1;
			}
			
			@media (max-width:1000px){
				.home-services .card p{
					width: 75%;
					color: white;
					text-align: center;
					opacity:1;
				}
			}

			

		.services-1{
			grid-area:card1;
		}

			.services-1 .card{
				background:url("../img/card-bg-1.jpg") no-repeat center center;
				background-size:cover;
			}

		.services-2{
			grid-area:card2;
		}

		.services-2 .card{
			background:url("../img/card-bg-2.jpg") no-repeat center center;
			background-size:cover;
		}

		.services-3{
			grid-area:card3;
		}

		.services-3 .card{
			background:url("../img/card-bg-3.jpg") no-repeat center center;
			background-size:cover;
		}

		.services-4{
			grid-area:card4;
		}

		.services-4 .card{
			background:url("../img/card-bg-4.jpg") no-repeat center center;
			background-size:cover;
		}

		.services-5{
			grid-area:card5;
		}

		.services-5 .card{
			background:url("../img/card-bg-5.jpg") no-repeat center center;
			background-size:cover;
		}

		.services-6{
			grid-area:card6;
		}

		.services-6 .card{
			background:url("../img/card-bg-6.jpg") no-repeat center center;
			background-size:cover;
		}




.home-paralax{
	width:100%;
	height:600px;
	display:flex;
	justify-content: center;
	align-items:center;
	padding:2rem;
	background:url('../img/para-bg.jpg') var(--charcoal) no-repeat;
	background-size:cover;
	background-blend-mode: overlay;
	background-attachment: fixed;
}

	@media(max-width:1000px){
		.home-paralax{
			height:420px;
		}
	}

	.home-paralax h1{
		width: clamp(200px, 95%, 1500px);
		font-weight:500;
		font-size: clamp(1rem, 5vw, var(--56px));
		color:var(--orange);
		text-align:center;
	}

		.home-paralax h1 span{
			color:var(--yellow);
		}



.home-carousel{
	width:100%;
	height:655px;
	display:flex;
	justify-content: center;
	align-items:center;
	flex-direction:column;
	background: linear-gradient(-168deg, #fbc870 0%, #fbc870 20%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%), 
	            linear-gradient(15deg, #acccdd 0%, #acccdd 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 100%);

}

	.home-carousel h1{
		width:100%;
		text-align:center;
		color:var(--navy);
		font-size:var(--56px);
		line-height:var(--60px);
		font-weight:500;
	}

		.home-carousel h1 span{
			color:var(--lightorange);
		}

	.carousel{
		width: 80% !important;
		max-width: 1200px;
		margin: 0 auto;
		display:grid;
		grid-auto-flow: column;
		grid-template-columns: 1fr 5fr 1fr;
		align-items: center;
		text-align:center;
	}

		.cycle-slideshow{
			width:100% !important;
			min-height:75px;
		}

		.cycle-slide{
			margin:0 20px;
		}

		.cycle-slideshow:before{
			content:"";
			position:absolute;
			z-index:1;
			bottom:0;
			left:0;
			background-image: linear-gradient(to left,
			 rgba(255,255,255,0),
			 rgba(255,255,255,1) 90%);
			width:50px;
			height:100%;
		}

		.cycle-slideshow:after{
			content:"";
			position:absolute;
			z-index:1;
			bottom:0;
			right:0;
			background-image: linear-gradient(to right,
			 rgba(255,255,255,0),
			 rgba(255,255,255,1) 90%);
			width:50px;
			height:100%;
		}

		.prev, .next{
			text-align:center;
			display:inline-block;
			margin:0 auto;
		}



.int{
	width:100%;
	position:relative;
	min-height:40rem;
	background:url('../img/about-banner.jpg') var(--charcoal) center center no-repeat;
	background-size:cover;
}

	.int.employment{
		background:url('../img/employment-banner.jpg') var(--charcoal) center center no-repeat;
		background-size:cover;
	}

	.int.documents{
		background:url('../img/documents-banner.jpg') var(--charcoal) center center no-repeat;
		background-size:cover;
	}

	.int.contact{
		background:url('../img/contact-banner.jpg') var(--charcoal) center center no-repeat;
		background-size:cover;
	}

	.int h1{
		width: 100%;
		background: url('../img/banner-bg.png') top left no-repeat;
		color: var(--white);
		font-size: var(--48px);
		position: absolute;
		bottom: 1rem;
		left: 0;
		font-weight: 300;
		text-transform: uppercase;
		padding: .5rem 2rem;
		height: 111px;
		margin: 0;
		display: flex;
		align-items: center;
	}



	.int-content{
		min-height:50vh;
	}

		.about.intro{
			width:90%;
			max-width:1800px;
			display:grid;
			grid-template-columns: 1fr 1fr;
			align-items: center;
			margin:3rem auto;
		}

			.about.intro.no-center{
				align-items: start;
			}


		@media(max-width:1000px){
			.about.intro{
				width:95%;
				grid-template-columns: 1fr;
			}
		}

			.about.intro-text{
				position:relative;
				font-size: clamp(var(--18px), 1vw, var(--24px));
				color:var(--charcoal);
				padding:3rem;
			}

				.about.intro-text p{
					text-align: justify;
				}

					.about.intro-text p.center{
						text-align:center;
					}

				.about.intro-text:after{
					content:"";
					top:5%;
					right:0;
					width:5px;
					height:90%;
					background-color:var(--lightblue);
					position:absolute;
				}

				@media(max-width:1000px){
					.about.intro-text:after{
						display:none;
					}
				}

	

				.about.intro-text a{
					display:block;
					color:var(--orange);
					text-decoration:none;
					margin-bottom: 1rem;
  					font-weight: 500;
				}

			.about.intro-img{
				display:block;
				max-width:90%;
				margin:0 auto;
			}



		.about.list{
			width:75%;
			max-width:1500px;
			margin:5rem auto;
			background:var(--lighterblue);
			border-top-left-radius:10px;
			border-bottom-right-radius:10px;
			box-shadow:4px 5px var(--lightyellow);
			padding:5rem 3rem;
		}

			.about.list h1{
				margin-top:-7rem;
				color:var(--orange);
				font-size: clamp(var(--20px), 2vw + 1rem, var(--56px));
				text-align:center;
			}

			.list-content{
				display:grid;
				grid-template-columns:1fr 1fr;
				grid-gap:4rem;
			}

				@media(max-width:1000px){
					.list-content{
						grid-template-columns: 1fr;
						grid-gap:2rem;
					}
				}

				.list-content ul{
					margin:0;
				}

					.list-content ul li{
						font-size:var(--24px);
						line-height:var(--26px);
						margin-bottom:1rem;
					}



		.double-col{
			width:90%;
			max-width:1500px;
			display:grid;
			grid-template-columns: 1fr 1fr;
			grid-gap:2rem;
			margin:7rem auto 3rem auto;
		}

			@media(max-width:1000px){
				.double-col{
					grid-template-columns:1fr;
					grid-gap:1rem;
				}
			}

			.double-col h1{
				color:var(--lightorange);
				margin-top:0;
				font-family: Open Sans Condensed;
				text-transform: uppercase;
				font-size: clamp(var(--20px), 2vw + 1rem, var(--46px));
			}

			.double-col p, .double-col ul li{
				font-size: clamp(var(--18px), 1vw, var(--20px));
				color:var(--charcoal);
			}



	.contact-form{
		margin:6rem auto;
		font-size: clamp(var(--20px), 2vw + 1rem, var(--26px));
	}
	

	.centerThings {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
		width: 50vw;
		margin-left: auto;
		margin-right: auto;
	  }
	  
	  .contact-form h1 {
		font-size: 2.5em;
		font-weight: 700;
		margin: 1em 0 0 0;
	  }
	  
	  .contact-form label {
		display: inline-block;
		font-size: .9em;
		padding: 0 0 4px 4px;
		font-weight: 600;
		text-transform: uppercase;
	  }
	  
	  .contact-form .required {
		font-weight: 700;
		color: #2E1BA6;
	  }
	  
	  .contact-form input {
		margin-bottom: 16px;
		padding: 8px;
		font-size: 20px;
		color: #0B0728;
		border-radius: 4px;
		border: 1px solid #8C899C;
		width: 50vw;
	  }
	  
	  .contact-form button {
		font-size: 24px;
		font-weight: 600;
		padding: 8px 24px;
		background-color: var(--navy);
		border: 1px solid #2E1BA6;
		color: #FAFAFA;
		border-radius: 4px;
		width: 100%;
		cursor: pointer;
	  }


.track-ship #ripShipmentLookup{
	margin-left:auto;
	margin-right:auto;
	min-height: 3rem;
    background: var(--lightblue);
    display: flex;
    align-items: center;
	padding:1rem;
}


.track-ship #shipmentlookupKeyword{
	margin-left:0;
	padding:.5rem;
}

.track-ship #shipmentlookupButton{
	padding:.5rem;
}


#pluginDetailsZone{
	width:90%;
	margin:2rem auto;
}

	div[name="Primary_6_1883"]{
		display:none;
	}

	#pluginDetailsZone table{
		font-size:1rem;
	}

	#pluginDetailsZone h3{
		margin:0;
		color:var(--lightorange);
		font-size:var(--26px);
	}



footer{
	width:100%;
	background:url('../img/footer-bg.png') var(--charcoal) no-repeat;
	display:grid;
	padding:3rem;
	grid-gap:1rem;
	grid-template-rows:4fr 1fr;
	grid-template-columns:.3fr .5fr .5fr .5fr .3fr;
	grid-template-areas:
	". logo info sitemap ." 
	". social social social .";
	font-family: "Open Sans", source-ui, sans-serif;
	color:var(--white);
	font-size:var(--18px);
}

	@media(max-width:1000px){

		footer{
			grid-template-columns: auto;
			grid-template-rows:auto;
			grid-template-areas:
			"logo" 
			"info" 
			"sitemap"
			"social";
		}
	}

	footer .logo{
		grid-area:logo;
		grid-column-start:2;
	}

	@media(max-width:1000px){
		footer .logo{
			grid-column-start:1;
		}
	}

	footer .info{
		grid-area:info;
		display:flex;
		flex-direction: column;
	}

		footer .info .addr{
			padding-left:2.5rem;
			background:url('../img/map-pin.png') 2px 2px no-repeat;
			padding-bottom:2rem;
		}

		footer .info .phone{
			padding-left:2.5rem;
			background:url('../img/phone.png') 2px 2px no-repeat;
			padding-bottom:2rem;
		}

		footer .info .email{
			padding-left:2.5rem;
			background:url('../img/email.png') 2px 2px no-repeat;
			padding-bottom:2rem;
		}



	footer .sitemap{
		grid-area:sitemap;
	}

		footer .sitemap ul{
			margin: 0;
  			list-style-type: none;
  			padding-left: 0;
		}

		footer .sitemap ul li{
			padding-bottom:0.7rem;
		}

			footer .sitemap ul li a, 
			footer .sitemap ul li a:link,
			footer .sitemap ul li a:active,
			footer .sitemap ul li a:visited{
				color:var(--white);
				text-decoration: none;
			}

	footer .social{
		grid-area:social;
		grid-column-start: 2;
	}

		@media(max-width:1000px){
			footer .social{
				grid-column-start:1;
			}
		}



/*scroll effects */
	.hidden{
		opacity:0;
		filter:blur(5px);
		transform:translateY(5%);
		transition:all 2s;
	}

	.show{
		opacity:1;
		transform:translateY(0);
		filter:blur(0);
		transition:all 2s;
	}


	.hero h1.hidden{
		opacity:0;
		filter:blur(0);
		transform:translateY(-25%);
		transition:all 3s;
	}

	.hero h1.show{
		opacity:1;
		transition:all 3s;
		transform:translateY(0);
	}

	.tracking.hidden{
		opacity:0;
		transform:translateY(-25%);
		filter:blur(0);
		transition-delay: 1s;
		transition:all 3s;
	}

	.tracking.show{
		opacity:1;
		transform:translateY(0);
		transition:all 3s;
		transition-delay: 1s;
	}

/* for those with disabled scroll animations */
@media(prefers-reduced-motion){
	.hidden{
		opacity:1;
		transition:none;
	}
	
}