.container { max-width: 1260px; }

/* Navigation Bar */
.navbar { padding: 0; }
.navbar .navbar-nav { font-family: 'Cabin Sketch', Futura, 'Trebuchet MS', Arial, sans-serif; }
.navbar .navbar-nav .nav-item { margin-left: 50px; text-transform: uppercase; }
.navbar .navbar-nav .nav-link { color: #FFF; font-size: 32px; font-weight: bold; padding: 0; letter-spacing: 2px; text-shadow: 3px 3px 0 rgba(27,27,27,0.1), -1px -1px 0 rgba(27,27,27,0.1), 1px -1px 0 rgba(27,27,27,0.1), -1px 1px 0 rgba(27,27,27,0.1), 1px 1px 0 rgba(27,27,27,0.1);}
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .nav-link:hover { color: #e4c300; }
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .show > .nav-link {}

.navbar .navbar-nav a { position: relative; /*overflow: hidden;*/ }
.navbar .navbar-nav a:before { transition: max-width 0.2s ease-out; content: attr(data-hover); top: 0; left: 0; }
.navbar .navbar-nav a:before { overflow: hidden; white-space: nowrap; max-width: 0; position: absolute; }
.navbar .navbar-nav a:after { height: 6px; position: absolute; bottom: -10px; width: 0; box-shadow: 3px 3px 0 rgba(27,27,27,0.45);}
.navbar .navbar-nav a:after { content: ""; transition: width 0.2s ease-out; left: 0; }
.navbar .navbar-nav a:hover:after { width: 100%; }
.navbar .navbar-nav a:hover { transition: all 0.4s; }
.navbar .navbar-nav a:hover:before { max-width: 100%; }

/* Navigation Bar: Conditions */

.navbar .navbar-nav .nav-1 {
	text-shadow: 1px 1px 0 rgba(228,195,0,1);
}
.navbar .navbar-nav .nav-3 {
	text-shadow: 1px 1px 0 rgba(21,85,244,1);
}
.navbar .navbar-nav .nav-4 {
	text-shadow: 1px 1px 0 rgba(231,26,27,1);
}

.navbar .navbar-nav .nav-1:hover,
.navbar .navbar-nav .nav-1:before {
	color: #e4c300;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(228,195,0,0.65);
	text-shadow: 3px 3px 0 rgba(27,27,27,0.45), -1px -1px 0 rgba(27,27,27,0.45), 1px -1px 0 rgba(27,27,27,0.45), -1px 1px 0 rgba(27,27,27,0.45), 1px 1px 0 rgba(27,27,27,0.45);
}
.navbar .navbar-nav .nav-1:after { background: #e4c300; }

.navbar .navbar-nav .nav-2:hover,
.navbar .navbar-nav .nav-2:before { 
	color: #0f900f;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(15,144,15,0.65);
	text-shadow: 3px 3px 0 rgba(27,27,27,0.45), -1px -1px 0 rgba(27,27,27,0.45), 1px -1px 0 rgba(27,27,27,0.45), -1px 1px 0 rgba(27,27,27,0.45), 1px 1px 0 rgba(27,27,27,0.45);
}
.navbar .navbar-nav .nav-2:after { background: #0f900f; }

.navbar .navbar-nav .nav-3:hover,
.navbar .navbar-nav .nav-3:before { 
	color: #1555f4;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(21,85,244,0.65);
	text-shadow: 3px 3px 0 rgba(27,27,27,0.45), -1px -1px 0 rgba(27,27,27,0.45), 1px -1px 0 rgba(27,27,27,0.45), -1px 1px 0 rgba(27,27,27,0.45), 1px 1px 0 rgba(27,27,27,0.45);
}
.navbar .navbar-nav .nav-3:after { background: #1555f4; }

.navbar .navbar-nav .nav-4:hover,
.navbar .navbar-nav .nav-4:before { 
	color: #e71a1b;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(231,26,27,0.65);
	text-shadow: 3px 3px 0 rgba(27,27,27,0.45), -1px -1px 0 rgba(27,27,27,0.45), 1px -1px 0 rgba(27,27,27,0.45), -1px 1px 0 rgba(27,27,27,0.45), 1px 1px 0 rgba(27,27,27,0.45);
}
.navbar .navbar-nav .nav-4:after { background: #e71a1b; }

.navbar-toggler i {}
.navbar-toggler:hover i {}

/* Custom Buttons */
.btn { border: 0 !important; box-shadow: 0 0 0 !important; outline: 0 !important; }
.btn { text-transform: uppercase; transition: all 0.2s; border-radius: 50px; padding: 5px 20px; }
.btn-primary { background: #0c8a0c; color: #FFF; }
.btn-primary:hover { background: red; }
.btn-secondary {}
.btn-secondary:hover {}
.btn-tertiary { background: #e4c300; color: #FFF; }
.btn-tertiary:hover { background: #1555f4; color: white;}

.btn.btn-sm { padding: 5px 20px; font-size: 80%; }
.btn.btn-md { padding: 14px 50px; font-size: 100%; }
.btn.btn-lg { padding: 20px 70px; font-size: 120%; }

/* Carousel: Fade Transition */
.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right { opacity: 0; }
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); }