/************************************************************************************************************************
	businessAgility.css:Layout styles for businessAgility.org

		Copyright (c) 2018-2019 - Business Agility Society, all rights reserved. http://www.businessAgility.org

 ************************************************************************************************************************/
html, body {height:100%; color:rgb(35,55,82);}
body {padding-top:70px;}
	body.fullCover {padding-top:0px;}
	body.fullCover .navbar.fixed-top {position:absolute;}
	body.fullCover .alert-flush {position:absolute; top:60px; width:100%; z-index:2;}

.sticky-top-offset {top:4rem;}
.btn-close {float:right;}
.alert {padding:.75rem 1rem;}

.fixedPosition {position:fixed;}
	section.sticky-top-menu {height:5rem; margin-bottom:2.5rem;}
	section.sticky-top-menu.fixedPosition + section {padding-top:7.5rem;}

.main-content {padding:30px;}


/* ============================== General classes ============================== */
.section-heading {font-size:0.7rem !important; font-weight:bolder; color:#777777; text-transform:uppercase; text-shadow:0px 0px 1px #e5e5e5; border-bottom:1px solid #ececec; width:100%; 
			margin-bottom:.25rem; margin-top:5rem; padding-left:.25rem;}
	.section-heading:first-child {margin-top:2rem;}
	.section-heading-description {margin-top:-.2rem; padding-left:.25rem; font-size:0.75rem; color:#999999;}


/* ============================== Navigation menu - used in library ============================== */
.navigation-menu {position:fixed; top:57px; bottom:0px; left:0px; width:90%; max-width:400px; overflow-y:scroll; z-index:1021; border-radius:0px 10px 10px 0px;
				  margin-left:-95%; margin-left:0%; transition:all .2s ease-in-out;}
	.navigation-menu-item {opacity:0.5;}
	.navigation-menu-item:hover {opacity:.75;}
	.navigation-menu-item.active {opacity:1;} .navigation-menu-item.active {opacity:1;}
	
.library-content {padding:5rem 3rem;}


/* Resource Viewer */
.resource-viewer {display:-ms-flexbox; display:flex; -ms-flex-direction:column !important; flex-direction:column !important;
				position:absolute; z-index:1031; top:0; bottom:0; left:0; right:0; background:#FFFFFF;}


/* ----- Javascript Classes ----- */
/* Loading Message */
.dwrLoadingDisableDiv {position:fixed; z-index:1000001; left:0; top:0; width:100%; height:100%;}


/* ============================== Media Queries ============================== */
/* Extra small devices (phones, less than 576px) */
/* No media query since this is the default in Bootstrap */
@media (min-width:0px) and (max-width:576px) {
	.nav-tabs.nav-tabs-line, .nav-tabs.nav-tabs-subNav {border-bottom:none}
}

/* SM: Small devices (old phones - 576 and up) */
@media (min-width:576px) {
}

/* MD: Medium devices (iPhone and iPad in vertical, 768px and up) */
@media (min-width:768px) {
	.main-content {padding:60px 120px;}
	.nav-tabs.nav-tabs-line, .nav-tabs.nav-tabs-subNav {border-bottom:1px solid #dee2e6;}
}

/* LG: Large devices (iPhone and iPad in Landscape, 1024px wide) */
@media (min-width:992px) {
	body {padding-top:90px;}
	.navigation-menu {position:-webkit-sticky; position:sticky; top:66px; bottom:auto; height:calc(100vh - 66px); overflow-y:auto; width:auto; margin-left:0%;} 
	.main-content {padding:50px;}
}

/* XL: Extra-Large devices (Desktops, 1280px wide) */
@media (min-width:1200px) {
}

/* Cinema Displays (1366px wide) */
@media (min-width:1360px) {
}

/* Big Screens (1920px wide) */
@media (min-width:1888px) {
}