/*
 * xxxxxxxx
 */


/* General */

:focus-visible {
    outline: none;
}




/* Header */

.hdr-bkgrnd {
	flex-direction: row;
	background-image: url(../imgs/hdr-home.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}


@media (max-width: 768px) {
	.hdr-bkgrnd {
		background-image: url(../imgs/hdr-home-mob.jpg);
		background-position: 75% center;
		max-height: 230px;
		-webkit-transition: max-height 0.8s ease-in-out;
    -moz-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    -ms-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
	}
	.hdr-bkgrnd.drop {
		max-height: 500px; /*auto*/
	}
}



.hdr-logo {
	height:140px;
	display: flex;
	align-items: center;
}





/* Navigation */


.nav-link {
	color: rgba(255,255,255,0.50);
	transition: color .15s ease-in-out;
}

@media (max-width: 768px) {
	
	.nav-link {
		color: rgba(255,255,255,0.80); }

}

.ing-main-nav a {color: rgba(255,255,255,0.80);}
.ing-main-nav a:hover {color: rgba(255,255,255,1.0);}

.nav-link:hover,
.nav-link:focus,
.nav-link:focus-visible,
.nav-link.active { color: rgba(255,255,255,1.00);}




.ing-main-nav {
	background-color: rgba(52,99,107,0.00);
	justify-content: center;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}


.ing-main-nav.show {
	background-color: rgba(52,99,107,0.00);
	
}

@media (max-width: 768px) {
	.ing-main-nav .nav-item {margin-left:18px;}
}





/* Main Nav HWBD Toggler */


.navbar-toggler {display:block;}


@media (min-width: 768px) {
	.navbar-toggler {display:none;}
}


.navbar-toggler:focus {
    box-shadow: 0 0 0 0rem;
}

.navbar-toggler.hwbd-style {
	position: relative;
    float: none;
    text-align:left;
    padding: 12px;
    margin: 8px;
    background-color: transparent;
    background-image: none;
	border: 1px solid rgba(255,255,255,1.00);
    border-radius: 4px;
}

.navbar-toggler.hwbd-style .icon-bar { background-color: #fff;}
.navbar-toggler.hwbd-style .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggler.hwbd-style .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggler.hwbd-style .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggler.hwbd-style .icon-bar:nth-of-type(3) { top: 2px;}
.navbar-toggler.hwbd-style .icon-bar+.icon-bar { margin-top: 4px;}

/* xxxxxx Animation for the mobile nav icon to an X !!!! xxxxxxx */
.navbar-toggler.hwbd-style.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg);}
.navbar-toggler.hwbd-style.active .icon-bar:nth-of-type(2) { background-color: transparent;}
.navbar-toggler.hwbd-style.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg);}







/* Home */





/* Zoom / Panel Hover */

a.panel-hover {
	text-decoration:none; 
	color:#000000;
}

.zoom-hover {
	height: 300px;
	width: 100%;
}
.zoom-panel {  transition: transform .2s; /* Animation */}
.zoom-panel:hover {  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}




/* Footer */

.footer {font-size: 0.8rem;}

.footer a.nav-link {color:rgba(255,255,255,0.50);}
.footer a.nav-link:hover {color:rgba(255,255,255,0.90);}

ul.footer-links { margin: 0 auto; }
ul.footer-links li{ display:inline; }

.footer-detail {text-align:center; margin:0 auto;}












/* Page */









/* Form validation */

.has-error label,
        .has-error input,
        .has-error textarea {
            color: red;
            border-color: red;
        }


/* Cards */

.card {border-radius: 0px;}