/* system */
html {
	height: 100%;
}
body {
	background: none; 
	height: calc(100% - 100px);
}

#logoRight {
	display:none !important;
}

form.container-type-default.container-type-default {
    padding-bottom: 100px;
}

.container-type-default:not(form) {
    background-color: rgba(255,255,255,.9);
}

.container-type-default.container-item-immersive .list-group.py-2.w-100 {
	padding: .5rem 0 .5rem 1rem;
}

.instruction-text {
	display: inline;
}

@media (max-height: 639px) {
	main.container-main,
	.container-interaction {
		margin-top: 0;
		padding: 1rem 0 70px 0;
	}
}

#navbarLinks > .navbar-nav > .nav-item > .nav-link {
	background-color: rgba(255,255,255,.2);
    border-radius: 10px;
    margin-left: .25rem;
    margin-right: .25rem;
}

.btn.focus, 
.btn.hover, 
.btn:not(p):focus, 
.btn:not(p):hover {
    border-width: 0;
}

.btn:focus, 
.btn.focus {
	box-shadow: 0 0 0 0.2rem var(--primary-dark);
}

a:hover:not(.btn), a:focus:not(.btn), .btn-link:hover, .btn-link:focus {
	text-decoration: none !important;
}

.ro.btn:not(:disabled):not(.disabled) {
    background-color: var(--gray-400);
}
	
.bg-primary-light, .item-horizontal:hover {
	background-color: var(--gray-200) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--link-color) !important;
	background-color: var(--link-color) !important;
}

.resource-bar-folder .dropdown-toggle {
	background-color: transparent !important;
}

#emailHeaders {
	display: none !important;
}

.emailcontents {
	background: none !important;
}

.emailcontents .emailSignature {
	padding-left: 0 !important;
}

.call-out {
	border: 1px solid var(--secondary);
	border-radius: 25px;
	padding: 1rem;
	font-size: .8rem;
}

.hub-item.slick-slide {
	transform: translate(0);
}

.survey-container.container-item-call-out.has-bg-class.has-bg-img {
	overflow: unset;
	padding-bottom: 1rem;
}

.survey-form.container-type-media.container-item-default #video {
	width: 100%;
}

form.center, form.center-left, form.center-right {
	height: 88vh;
}

#next {
	box-shadow: none !important;
}

#video {
	min-width: unset;
}