/* THIS FILE CONTAINS OUR MANUAL EXTENSIONS TO BOOTSTRAP */
/* THIS SHOULD ONLY BE USED TO EXTEND BOOTSTRAP (4) - NOT OTHER CSS */
/* INITIALLY THIS IS FOR ADMIN ONLY, BUT SHOULD BE ADDED TO THE FRONT END WITH BOOTSTRAP */

/* INDEX
 * 	LAYOUT / GRID
 * 	BUTTONS
 * 	TEXT
*/


/* LAYOUT / GRID START */
/* 2 larger sizes ( do not have resposive classes to go with ) */
@media (min-width: 1400px) {
    .container {max-width: 1290px;}
}

@media (min-width: 1600px) {
    .container {max-width: 1530px;}
}
/* LAYOUT / GRID END */

/* BUTTONS START */
/* btn-xs START : extra small button - we need one smaller than bootstraps small button (btn-sm) - this is a clone of btn-sm rules  but smaller */
.btn-xs, .btn-group-xs > .btn {
	padding: 0.125rem 0.1875rem; /* gives min 24x24 for A11Y */
	font-size: 0.75rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}
.btn-xs + .dropdown-toggle-split
, .btn-group-xs > .btn + .dropdown-toggle-split {
	padding-right: 0.1875rem;
	padding-left: 0.1875rem;
}
/* btn-xs END */
/* BUTTONS END */

/* INPUTS START */
.input-group > .input-group-prepend > .custom-select {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #e9ecef;
}

.custom-control.custom-switch.custom-switch-lg {
	zoom: 2.5;
}

/* INPUT.custom-range START */
/* range inputs constant style - grow on hover etc*/
/* these have a custom js snippet to - to make track background work in chrome */
input.custom-range[type=range] { height : 0.25rem; width : 100%; margin: -0.125rem 0 0.875rem 0; background: transparent; -webkit-appearance: none !important;
	--track-col: var(--pi-item-highlight-colour, #F2F2F2);
	--progress-col: var(--pi-link-colour, #444444);
	--thumb-col: var(--pi-link-colour, #444444);
	--customRangeProgress: 0%; /* this is percentage progress to manual split track BG in chrome - should be updated by js */
}
/* FF RHS */
input.custom-range[type=range]::-moz-range-track { height: 0.25rem; background: var(--track-col, '#333'); }
input.custom-range[type=range]:hover::-moz-range-track{ height: 0.75rem; }
/* Chrome LHS+RHS */
input.custom-range[type=range]::-webkit-slider-runnable-track { height: 0.25rem; background: linear-gradient(90deg, var(--progress-col) var(--customRangeProgress), var(--track-col) var(--customRangeProgress)); }
input.custom-range[type=range]:hover::-webkit-slider-runnable-track{ height: 0.75rem; }
/* FF LHS */
input.custom-range[type=range]::-moz-range-progress { height: 0.25rem; background: var(--progress-col); }
input.custom-range[type=range]:hover::-moz-range-progress { height: 0.75rem; }
/* FF Thumb */
input.custom-range[type=range]::-moz-range-thumb { height: 0.75rem; width: 0.75rem; border-radius: 0.375rem; border-width: 0; background: var(--thumb-col); }
input.custom-range[type=range]:hover::-moz-range-thumb { height: 1.5rem; width: 1.5rem; border-radius: 0.75rem; }
/* Chrome Thumb */
input.custom-range[type=range]::-webkit-slider-thumb { height: 0.75rem; width: 0.75rem; border-radius: 0.375rem; margin-top: -0.25rem; background: var(--thumb-col); -webkit-appearance: none !important; }
input.custom-range[type=range]:hover::-webkit-slider-thumb { height: 1.5rem; width: 1.5rem; border-radius: 0.75rem; margin-top: -0.375rem; }
/* INPUT.custom-range END */

/* INPUTS END */