/***** 
    Core CSS for the Walker Base survey theme
*****/

:root {
	--color-light: #C2D66E;
	--color-medium: #7EBA27;
	--color-dark: #61901E;
	--text-color-normal: #004179;
	--link-color-normal: #006AC6;
	--link-color-hover: #004179;
}

/***** Custom colours *****/

body.Walker-Base-Theme {
	/*--color-medium: pink;*/
	/*font-family: system-ui, "Noto Sans", Arial, Helvetica, sans-serif*/
	color: var(--text-color-normal);
}

a,
a.nav-link {
	color: var(--link-color-normal);
}

a:hover,
a.nav-link:hover,
a:focus,
a.nav-link:focus,
#survey-nav .nav-link:hover {
	color: var(--link-color-hover);
}

.progress-bar {
    background-color: var(--color-medium);
}

.text-primary {
	color: var(--text-color-normal) !important;
}

.text-info { /* Info text */
    color: var(--link-color-normal) !important;
}

.btn-primary {
    color: #FFFFFF;
    background-color: var(--color-light);
    border-color: var(--color-light);
}

.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    color: #FFFFFF;
    background-color: var(--color-medium);
    border-color: var(--color-medium);
}

.btn-primary:hover,
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open > .dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open > .dropdown-toggle.btn-primary.focus {
	outline: none; 
    color: #FFFFFF;
    background-color: var(--color-dark);
    border-color: var(--color-dark);
}

.btn-check:active + .btn-primary, 
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary:focus, 
.btn-check:checked + .btn-primary:focus, 
.btn-primary.active, 
.btn-primary:active, 
.btn-primary.active:focus, 
.btn-primary:active:focus, 
.btn-primary:focus { /* Button questions (Yes/No, Gender...) */
	color: #FFFFFF;
	background-color: var(--color-medium) !important;
	border-color: var(--color-medium) !important;
}

.slider-handle {
    background-color: var(--color-medium);
	background-image: none !important;
}

.radio-item label::after,
.checkbox-item label::after {
	background-color: var(--color-medium);
	color: #FFFFFF;
}

.checkbox-item input[type="checkbox"]:checked + label::before {
	background-color: var(--color-medium);
	border-color: var(--color-medium);
}

.form-control:focus {
	border-color: var(--color-medium);
	box-shadow: none;
}

/***** End custom colours *****/

/***** Fix spacing *****/

body .top-container {
    margin-top: 10px!important;
}

body .top-container .top-content,
body.brand-logo .top-container .top-content {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 2em;
}

.group-description {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

.question-title-container,
.ls-answers {
	padding-bottom: 0;
}

.ls-answers ul {
	margin-bottom: 0;
}

/***** End fix spacing *****/

/* Fix background colors */

#survey-nav {
	background-color: #FFFFFF;
}

.progress {
	background-color: #f5f5f5;
	border-radius: .25rem;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.group-description,
.question-container {
	background-color: transparent;
	box-shadow: none;
}

label::before {
	outline: none !important; 
}

/***** End fix background colors *****/

/***** Layout Elements *****/

.navbar-brand {
	min-height: inherit;
}

.logo-container > img {
	max-height: 90px;
	margin: 10px 10px;
	padding: 0;
	width: auto;
}

body .navbar #navbar {
	display: none !important;
}

.table {
	margin: 15px 0;
}

.table > :not(:first-child) {
	border-top: 2px solid;
	border-color: #dee2e6;
}

.table-bordered > thead > tr > th {
	border: 1px solid #dadada;
}
.table-bordered > thead > tr > td {
	border: 1px solid #dadada;
}

.ls-group-dynamic {
	text-align: inherit;
}

.ls-group-dynamic .form-control-static {
	padding-left: 15px;
	padding-right: 7px;
}

.ls-input-group-extra.prefix-text,
.ls-input-group-extra.suffix-text {
	padding-bottom: 0;
	padding-top: 0;
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
	outline: none; 
	outline-offset: 0;
	box-shadow: none; 
}

#navigator-container {
	margin-bottom: 0;
	padding-bottom: 0;
}

.navbar-bottom {
	text-align: center;
}

.navbar-bottom ul.nav {
	display: block;
	float: none;
	padding: 0;
	text-align: center;
}

.navbar-bottom ul.nav li {
	display: inline-block;
	float: none;
}

.navbar-bottom ul.nav li a {
	padding: 10px 15px;
}

/***** End Layout Elements *****/