@import url('_variables.css');
@import url('_freelance-work.css');
@import url('_government-sector.css');
@import url('_green-sector.css');
@import url('_higher-education.css');
@import url('_manufacturing-sector.css');
@import url('_self-employment.css');
@import url('_service-sector.css');

@media only screen and (min-width: 1024px) {
	div.root {
		max-width: 25rem;
		height: calc(100vh - 4rem);
		border: 1px solid #cecece;
		margin: 2rem auto;
		overflow-y: scroll;
		border-radius: var(--radius);
		box-shadow: 2px 2px 8px -2px #0000009e;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	div.root::-webkit-scrollbar {
		display: none;
	}
}

.btn {
	font-size: 20px;
}

.profile_picture {
	height: 135px;
	width: 135px;
	object-fit: cover;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

#background_img {
	background-image: url('/theme/assets/img/Frame 100.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.navbar img.profile_picture {
	height: 2rem;
	width: 2rem;
}

.card.sector-bg-img {
	display: grid !important;
	grid-template-columns: 90px auto;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bg-blend {
	background-blend-mode: overlay;
}
.bg-screen {
	background-blend-mode: screen;
}
.bg-soft-light {
	background-blend-mode: soft-light;
}
.bg-no-repeat {
	background-repeat: no-repeat;
}
.bg-right {
	background-position-x: right;
}
.bg-left {
	background-position-x: left;
}
.bg-bottom {
	background-position-y: bottom;
}
.bg-top {
	background-position-y: top;
}

.fw-bold, .fw-bolder {
	font-weight: 600 !important;
}

#sector-profile-header .profile_picture {
	height: 120px;
	width: 120px;
	transform: translate(1rem, -50%);
	margin-right: 1.6rem;
}

.card.sector-bg-img .card-body {
	grid-column: 2;
}

.sector.card .card-title {
	font-size: 2rem;
	line-height: 1;
}

.card-body span.badge {
	font-size: 0.7em;
}

.mb-2_5 {
	margin-bottom: 0.75rem;
}

.b-quote::before,
.b-quote::after {
	font-family: 'icomoon';
	position: absolute;
	font-size: 4rem;
}

.b-quote::before {
	content: '\e977';
	top: -3rem;
}
.b-quote::after {
	content: '\e978';
	bottom: -2rem;
	right: 1rem;
}

.b-quote > p {
	z-index: 1;
}

section.sections #sector-section_1 .fw-bolder {
	border-top-left-radius: var(--radius);
}

section.sections #sector-section_1 .collapsed > .fw-bolder {
	border-radius: var(--radius);
}

section.sections #sector-section_1 .ct-image {
	background-position: center;
	background-size: contain;
	border-top-right-radius: var(--radius);
}
section.sections #sector-section_1 .collapsed > .ct-image {
	background-color: #fff;
	background-blend-mode: hard-light;
}

section.sections #sector-section_1 .collapsed > .ct-image.no-bg {
	background-color: unset;
	background-blend-mode: unset;
}

.rounded-4 {
	border-radius: var(--radius) !important;
}
.rounded-5 {
	border-radius: calc(var(--radius) / 2) !important;
}

#carouselBanner {
	min-height: 160px;
}

.border-bottom-rounded {
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}

.sector-root a[data-bs-toggle='collapse'][aria-expanded='true'] > p {
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}

.wf-tabs button:not(.collapsed) {
	border-bottom-left-radius: unset !important;
	border-bottom-right-radius: unset !important;
}

.wf-tabs + .wf-collapse div:first-of-type .accordion-body {
	border-top-left-radius: unset !important;
}
.wf-tabs + .wf-collapse div:last-of-type .accordion-body {
	border-top-right-radius: unset !important;
}

.wf-tabs.grid > h3:first-of-type {
	margin-right: .25rem;
}
.wf-tabs.grid > h3:last-of-type {
	margin-left: .25rem;
}

#sector_details .bg-img {
	background-image: url('/theme/assets/img/sector-icons/Asset 59.svg');
	background-blend-mode: overlay;
	background-position: right bottom;
	background-size: contain;
	top: 0;
	right: 0;
	height: 130%;
	width: 40%;
	transform: rotate(-21deg);
}

.row hr:last-child {
	display: none;
}

.sub-head {
	font-size: 0.9rem;
}

.para {
	font-size: 1rem;
}

.accordion-body img {
	width: 100%;
	height: auto;
}

#expert_advice a[data-bs-toggle='collapse']:not(.collapsed) .rounded-4 {
	border-bottom-left-radius: unset !important;
	border-bottom-right-radius: unset !important;
	border-top-left-radius: unset !important;
}

.grid-flow-column {
	grid-auto-flow: column;
}

.para.grid-flow-column {
	grid-template-columns: 1rem auto 1.5rem;
}
.para2.grid-flow-column {
	grid-template-columns: 2.5rem auto 1rem;
}

input[type='checkbox'].starred:checked + label i.fa-star {
	color: var(--bs-warning);
}

.gallery-icon {
	right: 00rem;
	transform: translateY(-100%);
	padding: 0 1rem 0.6rem 0;
}

.navbar-toggler:focus {
	box-shadow: unset;
}

.nav-link.d-grid {
	grid-template-columns: 3ch 1fr;
	gap: 0.5rem;
}

.btn-outline-dark.bg-white:hover {
	background-color: var(--bs-dark) !important;
}

textarea {
	resize: none;
}

#primaryNav {
	box-shadow: 0 1rem 1rem -0.5rem rgba(0,0,0,.15) !important
}

#suitability_cl h5.card-title {
	color: #fff;
	background-image: url('/theme/assets/img/balance.png');
	background-repeat: no-repeat;
	background-position-x: right;
	background-blend-mode: soft-light;
	border-radius: var(--radius);
}

#suitability_cl:not(.collapsed) h5.card-title {
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}

#suitability_cl + div {
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}

input[type=checkbox] {
	position: relative;
	width: 1.5em;
	height: 1.5em;
	color: #363839;
	border: 1px solid #bdc1c6;
	border-radius: 4px;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	outline: 0;
	cursor: pointer;
	transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
input[type=checkbox]::before {
	position: absolute;
	content: "";
	display: block;
	top: 2px;
	left: 7px;
	width: 8px;
	height: 14px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
input[type=checkbox]:checked {
	color: #fff;
	border-color: #06842c;
	background: #06842c;
}
input[type=checkbox]:checked::before {
	opacity: 1;
}
input[type=checkbox]:checked ~ label::before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
			clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.flex-1 {
	flex: 1;
}

.details_module .card-text > h3 {
	font-size: 1em;
}

#iatt {
	border-bottom-left-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}
a[href="#iatt"]:not(.collapsed) {
	border-bottom-left-radius: unset !important;
	border-bottom-right-radius: unset !important;
}

.navbar-toggler.collapsed > .fa-bars {
	display: inline-block;
}
.navbar-toggler:not(.collapsed) > .fa-bars {
	display: none;
}
.navbar-toggler.collapsed > .fa-times {
	display: none;
}
.navbar-toggler:not(.collapsed) > .fa-times {
	display: inline-block;
}

.carousel-indicators .active img {
	border: 2px solid var(--bs-primary) !important;
}

#carouselBanner .carousel-item img {
	aspect-ratio: 4/3;
	object-fit: cover;
	object-position: center;
}
