/* wbb - gantry additional */

#g-navigation .g-logo {
    line-height: 2rem;
}
#g-navigation .g-logo.g-logo-mini {
    font-size: 0.7rem;
    line-height: 0.75rem;
}
#g-navigation .g-menu-item-title:empty+.g-menu-item-subtitle {
    text-transform: none;
}

.g-main-nav .g-standard.g-dropdown-extra .g-dropdown {
    width: 100%;
    width: max-content;
}

/*
#g-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
*/
#g-mainbar,
#g-sidebar {
    padding: 1rem 0 3rem !important;
    box-shadow: inset 0px 0px 20px 5px #424753, 0px 0px 20px 5px #2b2f37;
    border-radius: 25px;
}
.dl-horizontal dt {
    white-space: normal;
    line-height: normal;
}
.dl-horizontal dd {
    line-height: normal;
    margin-bottom: 0.625rem;
}
.control-label .hasTooltip,
.control-label .hasPopover {
    line-height: normal;
    white-space: normal;
}

#g-header {
    padding: 6rem 0;
}
#g-header:before {
    opacity: 0.55;
    background-color: #424753;
    background-image: -webkit-linear-gradient(0deg, #424753, #eceeef);
    background-image: linear-gradient(0deg,#424753, #eceeef);
}

#g-footer{
    background-color: #312f38;
    color: #fff;
    padding: 0;
    position: relative;
    z-index: 9;
    background-image: url(/templates/g5_helium/custom/images/custom/footer.jpg?5e2eba58);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#g-container-main{
    background-color: #312f38;
    color: #fff;
    position: relative;
    z-index: 10;
    background-image: url(/templates/g5_helium/custom/images/custom/footer.jpg?5e2eba58);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - 400px);
    padding: 2rem 0;
}
#g-footer:before,
#g-container-main:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: -1;
    opacity: 0.55;
    background-color: #424753;
    background-image: -webkit-linear-gradient(0deg, #424753, #424753);
    background-image: linear-gradient(0deg,#424753, #424753);
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


#system-message {
    padding: 20px 30px;
}

/* wbb - semantic additional */

.ui.button.very.basic {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fas {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-3x {
    font-size: 3em;
}

.modal-backdrop, .modal-backdrop.fade.in {
    position: absolute;
}

/* wbb - max-width: 47.938rem */

@media only all and (max-width: 47.938rem) {
    .g-logo {
        margin: auto;
    }
    .dl-horizontal dd {
        margin-left: 0;
        text-align: right;
        border-bottom: 1px dotted #424753;
    }
}