/* Add here all your CSS customizations */
.nav.custom-nav-style-1 > .nav-item > .nav-link {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: #CCC;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.nav.custom-nav-style-1 > .nav-item > .nav-link.active {
	position: relative;
	color: #FFF !important;
	
}

.nav.custom-nav-style-1 > .nav-item > .nav-link.active:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #09a3e6;
	z-index: -1;
}


/*slanted button*/

.button-slanted {
  -ms-transform: skewX(-32deg);
  -webkit-transform: skewX(-32deg);
  transform: skewX(-32deg);
}

.button-slanted-content {
  -ms-transform: skewX(32deg);
  -webkit-transform: skewX(32deg);
  transform: skewX(32deg);  
  display: inline-block;
}

html .btn-slanted.btn-primary,
html.sticky-header-active .btn-slanted.btn-sticky-primary {
    -ms-transform: skewX(-32deg);
    -webkit-transform: skewX(-32deg);
    transform: skewX(-32deg);	
	background: transparent;
	border-color: #00a3e6;
	color: #00a3e6;
}

html .btn-slanted.btn-primary:hover,
html.sticky-header-active .btn-slanted.btn-sticky-primary:hover,
html .btn-slanted.btn-primary:focus,
html.sticky-header-active .btn-slanted.btn-sticky-primary:focus {
    -ms-transform: skewX(-32deg);
    -webkit-transform: skewX(-32deg);
    transform: skewX(-32deg);	
	border-color: #1abcff;
	background-color: #00a3e6 !important;
	color: #FFF;
}

html .btn-slanted.btn-primary:focus,
html.sticky-header-active .btn-slanted.btn-sticky-primary:focus {
	box-shadow: 0 0 0 3px rgba(0, 163, 230, 0.25);
}


/*page header h1*/

.page-header h1 {

font-size: 3rem;
font-style: italic;
text-transform: uppercase;
}

/*footerlinks*/

#footer a{
    color: #bcbcbc;
}


#footer a:hover{
    color: #00A3E6;
}