/* IMPORT FONTS */
@font-face {
	font-family: 'Test Söhne';
	src: url('../fonts/soehne-buch.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Test Söhne';
	src: url('../fonts/soehne-kraftig.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

/* GLOBAL SETUP */
:root {
	--black: #000000;
	--black-text: #0A0A0A;
	--white: #FFFFFF;
	--primary: #7C49B8;
	--primary-lighter: #f7f6fd;
	--primary-light-2: #F0EDFA;
	--primary-light: #E4DEF6;
	--primary-hover: #683D9A;
	--primary-active: #56347E;
	--grey-1: #EDEDED;
	--grey-2: #A8A8A8;
	--grey-3: #747474;
	--grey-4: #393939;
	--grey-5: #F8F8F8;
	--outline: #B8B8B8;
	--outline-light: #E5E5E5;
	--disabled: #cdcdcd;
	
	--green: #3D6922;
	--green-success: #68AD35;
	--green-light: #E3F4D3;
	--error: #B2241C;
	--error-light: #FBE4D9;
	--yellow: #AC8600;
	--yellow-light: #FFF2C5;

}

/* BASIC CSS RESET */

body {
	font-family: "Test Söhne", sans-serif !important;
	background-color: var(--grey-1);
}

p {
	margin: 0;
}

ul:not(.pp_richText-list) {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:link,
a:visited {
	color: var(--black-text);
}

a.primary-link:link,
a.primary-link:visited {
	color: var(--primary) !important;
	text-decoration: underline;
}

ol.list-disc {
	list-style: disc;
}

ol.list-disc li::marker {
	font-size: 14px;
}

ul.primary-disc li {
	padding-left: 24px;
	position: relative;
}

ul.primary-disc li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 500px;
	background-color: var(--primary);
}

button {
	border: none;
}

i {
	line-height: 1 !important;
}



.placeholder {
    display: inline-block;
    min-height: 0em;
    vertical-align: middle;
    cursor: auto;
    background-color: transparent;
    opacity: 1;
}

/* TYPOGRAPHY */
.h1, .h2,.h3, .h4, .h5 {
	color: var(--black-text);
	font-weight: 500;
}

.p-sm, .p-md, .p-lg {
	font-weight: 400;
} 

.fw-regular {
	font-weight: 400;
}

.fw-medium {
	font-weight: 500;
}

.h1 {
	font-size: 56px;
	line-height: 68px;
	letter-spacing: -1.12px;
}

.h2 {
	font-size: 40px;
	line-height: 48px;
	letter-spacing: -0.8px;
}

.h3 {
	font-size: 24px;
	line-height: 38.4px;
	letter-spacing: -0.64px;
}

.h4 {
	font-size: 20px;
	line-height: normal;
	letter-spacing: -0.48px;
}

.h5 {
	font-size: 18px;
	line-height: normal;
	letter-spacing: -0.4px;
}

.p-xs {
	font-size: 12px;
	line-height: 17.6px;
}

.p-sm {
	font-size: 14px;
	line-height: 19.6px;
}

.p-md {
	font-size: 16px;
	line-height: 24px;
}

.p-lg {
	font-size: 20px;
	line-height: 30px;
}

.p-xl {
	font-size: 24px;
	line-height: 24px;
}

.p-md-18 {
	font-size: 18px;
	line-height: 26px;
}

.sub-text {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 33.6px;
}

@media (min-width: 768px) {
	.h1 {
		font-size: 60px;
	}
	
	.h2 {
		font-size: 40px;
	}
	
	.h3 {
		font-size: 28px;
	}
	
	.h4 {
		font-size: 20px;
	}

	.sub-text {
		font-size: 20px;
	}
}

@media (min-width: 1200px) {
	.h1 {
		font-size: 80px;
	}
	
	.h2 {
		font-size: 48px;
	}
	
	.h3 {
		font-size: 32px;
	}
	
	.h4 {
		font-size: 24px;
	}
	
	.h5 {
		font-size: 20px;
	}
	
	.sub-text {
		font-size: 24px;
	}
}


/* ELEMENT STYLES */
.dashed-separator {
	border-bottom: 1px dashed var(--outline);
}

.border {
	--bs-border-color: var(--outline-light);
}

.primary-btn {
	padding: 10px 12px;
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: var(--white);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	transition: color .2s ease, background-color .2s ease;
}

.primary-btn a {
	color: var(--white);
}

.primary-btn:hover {
	background-color: var(--primary-hover);
	border: 1px solid var(--primary-hover);
}

.primary-btn:active {
	background-color: var(--primary-active);
	border: 1px solid var(--primary-active);
}

.primary-btn:disabled {
	color: var(--grey-2);
	background-color: var(--disabled);
	border: 1px solid var(--disabled);
}

.primary-btn-outline {
	padding: 6px;
	margin: 0;
	background-color: transparent;
	border: 1px solid var(--primary);
	color: var(--primary);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	transition: color .2s ease, background-color .2s ease;
}

.primary-btn-outline:hover {
	background-color: var(--primary-hover);
	border: 1px solid var(--primary-hover);
	color: var(--white);
}

.primary-btn-outline:active {
	background-color: var(--primary-active);
	border: 1px solid var(--primary-active);
	color: var(--white);
}

.primary-btn-outline:disabled {
	color: var(--grey-2);
	background-color: var(--disabled);
	border: 1px solid var(--disabled);
}



.secondary-btn {
	padding: 10px 12px;
	background-color: transparent;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid var(--outline);
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.secondary-btn i {
	transition: color .2s ease;
}

.secondary-btn:hover {
	background-color: var(--grey-1);
	color: var(--black);
}

.secondary-btn span {
	transition: color .2s ease;
} 

.secondary-btn:hover span {
	color: var(--black);
}

.secondary-btn:hover i {
	color: var(--grey-3);
}

.secondary-btn:active,
.secondary-btn.active {
	background-color: var(--primary-light);
}

.secondary-btn:active i,
.secondary-btn.active i {
	color: var(--grey-3);
}

.round-btn {
	padding: 10px 12px;
	background-color: var(--white);
	border-radius: 500px;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid var(--outline);
	transition: color .2s ease, background-color .2s ease;
}

.round-btn:hover {
	background-color: var(--grey-1);
}

.round-btn:active,
.round-btn.active {
	background-color: var(--primary-light);
}

.round-btn:active .add-icon,
.round-btn.active .add-icon {
	background-color: var(--white);
	color: var(--primary);
}

.add-icon {
	line-height: 0.7;
}

.arrow-btn {
	background-color: var(--primary-lighter);
	border: 1px solid var(--primary-light);
	transition: background-color .2s ease;
}

.arrow-btn:hover {
	background-color: var(--primary-light)
}

.arrow-btn:active {
	background-color: var(--primary-light)
}


@media(min-width: 768px) {
	.primary-btn {
		padding: 10px 24px;
	}

	.secondary-btn {
		padding: 10px 24px;
	}

	.round-btn {
		padding: 6px 12px 6px 8px;
	}
}

.form-control,
.form-select {
	border-color: var(--outline);
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 16px;
}

.form-control.with-icon,
.form-select.with-icon {
	padding-left: 34px;
}

.form-control.with-icon + i,
.form-select.with-icon + i {
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
}

.currency-input {
	position: relative;
}

.currency-input .add-currency {
	padding-left: 28px;
}

.currency-symbol {
	color: var(--grey-2);
	position: absolute;
	bottom: 11px;
	left: 16px;
}

.currency-symbol.active {
	color: var(--black);
}

@media(min-width: 992px) {
	.form-control,
	.form-select {
		padding: 12px 16px;
	}
	
	.form-control.with-icon,
	.form-select.with-icon {
		padding-left: 44px;
	}

	.form-control.with-icon + i,
	.form-select.with-icon + i {
		left: 16px;
	}

	.currency-symbol {
		bottom: 13px;
	}
}

.form-control::placeholder {
	color: var(--outline);
	font-size: 14px;
}

.form-control:focus {
	border-color: var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary-light);
}

.form-control.invalid:focus {
	border-color: var(--error);
	box-shadow: 0px 0px 0px 3px var(--error-light);
}

textarea.form-control {
	resize: none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

input[type=date] {
	cursor: pointer;
}


::-webkit-calendar-picker-indicator {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="grey" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}

.form-select {
	font-size: 16px;
}

.form-select:focus {
	border-color: var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary-light);
}

.form-select:focus .option-style {
	color: var(--black);
}

.form-select.selected {
	color: var(--black);
}

.form-check-input[type=checkbox] {
	border-radius: 2px;
}

.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

.form-check-input:focus {
	border-color: var(--primary);
}

.form-check-input:focus{
	box-shadow: 0 0 0 .25rem rgba(154, 154, 154, 0.25);
}

.form-check-label.disabled {
	opacity: 0.5;
	cursor: default;
}

.form-check-box {
	padding: 20px 16px;
	padding-left: 44px;
	border-radius: 8px;
	border: 1px solid var(--outline);
	width: 100%;
}

.form-check-box.active {
	border-color: var(--primary);
}

#yearpicker-dropdown {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	z-index: 1000;
}
#yearpicker-dropdown div {
	padding: 5px;
	cursor: pointer;
}
#yearpicker-dropdown div:hover {
	background-color: #f0f0f0;
}


/* QUARTER + YEAR PICKER */
.yearPicker {
	padding: 13px 16px;
	border-radius: 8px;
	font-size: 14px;
	width: 100%;
	background-color: transparent;
	border: 1px solid var(--outline);
	color: var(--grey-2);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.yearPicker span {
	font-size: 14px;
	color: var(--grey-2);
}

.yearPicker.active {
	font-size: 16px;
	padding: 12px 16px;
	color: var(--black);
}

.yearPicker.active span {
	font-size: 16px;
	color: var(--black);
}

.yearPicker:focus {
	border-color: var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary-light);
}

.custom-date-display {
	font-size: 14px;
	color: var(--grey-2);
}

.custom-date-display.active {
	font-size: 16px;
	color: var(--black);
}

.dropdown-container .dropdown-menu:not(.multiple-select .dropdown-menu) {
    min-width: 250px;
    text-align: center;
	border: 1px solid var(--outline);
	margin-top: 11px !important;
}

.custom-options-holder {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-columns: repeat(3, 1fr);
}

button[data-options] {
	width: 100%;
}

.form-label {
	font-size: 14px;
}

/* MEDIA UPLOAD */
.form-multimedia {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 48px 0;
	border: 1px dashed var(--outline);
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}

.form-multimedia:hover {
	border-color: var(--primary);
	background-color: var(--primary-lighter);
}

/* COMPANY LOGO UPLOAD */
.company-logo-upload {
	max-width: 150px;
	min-width: 100px;
	max-height: 150px;
	min-height: 100px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.team-img-upload {
	width: 88px;
	height: 88px;
	border-radius: 500px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	padding: 0;
}

.pitch-upload {
	width: 100%;
	height: 100%;
	max-height: 350px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.file_upload_container.uploaded .company-logo-upload {
	padding: 0;
	border: none;
	width: auto;
}

.file_upload_container.uploaded .team-img-upload {
	padding: 0;
	border: none;
}

.file_upload_container.uploaded .pitch-upload {
	padding: 0;
	border: none;
	height: 300px;
}

.file_upload_container.uploaded .file-wrapper img {
	object-fit: cover;
}

.file_upload_container .file-wrapper {
	display: none;
}

.pitch_upload_container .file-wrapper {
	width: 100%;
	height: 100%;
}

.file_upload_container.uploaded .file-wrapper {
	display: block;
}

.file_upload_container.uploaded embed {
	object-fit: cover;
}

.file_upload_container.uploaded .company-logo-upload i,
.file_upload_container.uploaded .company-logo-upload span,
.file_upload_container.uploaded .team-img-upload i,
.file_upload_container.uploaded .team-img-upload span,
.file_upload_container.uploaded .pitch-upload i,
.file_upload_container.uploaded .pitch-upload span {
	display: none;
}

.uploaded-file-tools {
	position: absolute;
	top: 16px;
	right: 16px;
}

.pitch_upload_container .upload-remove-btn,
.pitch_upload_container.uploaded .file-upload-label {
	width: 40px;
	height: 40px;
	border-radius: 500px;
	border: 1px solid var(--outline);
	background-color: var(--white);
	transition: background-color .2s ease;
}

.pitch_upload_container .upload-remove-btn:hover,
.pitch_upload_container.uploaded .file-upload-label:hover {
	background-color: var(--primary-light);
}

.pitch_upload_container .upload-remove-btn i,
.pitch_upload_container .file-upload-label i {
	color: var(--grey-3);
	font-size: 20px;
}

.file_upload_container .upload-remove-btn,
.pitch_upload_container .uploaded-file-tools {
	display: none;
}

.file_upload_container.uploaded .upload-remove-btn {
	display: block;
}

.pitch_upload_container.uploaded .uploaded-file-tools {
	display: flex;
}


/* MULTIPLE IMAGES UPLOAD */
.multiple-images-container {
	display: block;
}

.multiple-images-upload.uploaded .multiple-images-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));

	gap: 12px 8px;
}

.multiple-images-upload.uploaded .multiple-images-container > * {
	width: 100%;
	min-width: 200px;
	border-radius: 8px;
	height: 100%;
	max-height: 150px;
}

.multiple-images-container .uploaded-images-file > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.multiple-images-upload.uploaded .multiple-images-container .uploaded-images-file {
	border: 1px solid var(--outline);
	overflow: hidden;
}

.remove-img-btn {
	width: 24px;
	height: 24px;
	border-radius: 500px;
	border: 1px solid var(--outline);
	background-color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	top: 8px;
	right: 8px;
	transition: background-color .2s ease;
}

.remove-img-btn:hover {
	background-color: var(--grey-1);
}

.remove-img-btn:active {
	background-color: var(--primary-light);
}

.remove-img-btn i {
	font-size: 12px;
	line-height: 0.5 !important;
	color: var(--grey-3);
}

.multiple-images-upload.uploaded .multiple-images-container .form-multimedia {
	padding: 48px 8px;
}

.radius-4 {
	border-radius: 4px;
}

.radius-8 {
	border-radius: 8px;
}

.radius-16 {
	border-radius: 16px;
}

.radius-pill {
	border-radius: 500px;
}

.add-icon {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 500px;
	background-color: var(--primary);
	color: white;
	font-size: 25px;
	font-weight: 500;
	transition: color .2s ease, background-color .2s ease;
}

/* COLOR STYLES */
.bg-black {
	background-color: var(--black);
}

.bg-white {
	background-color: var(--white);
}

.bg-grey-1 {
	background-color: var(--grey-1);
}

.bg-grey-2 {
	background-color: var(--grey-2);
}

.bg-grey-3 {
	background-color: var(--grey-3);
}

.bg-grey-4 {
	background-color: var(--grey-4);
}

.border-line {
	border: 1px solid var(--outline);
}

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

.white-text {
	color: var(--white);
}

.error-text {
	color: var(--error);
}

.green-text {
	color: var(--green);
}

.yellow-text {
	color: var(--yellow);
}

.grey-text-1 {
	color: var(--grey-1);
}

.grey-text-light {
	color: var(--grey-2);
}

.grey-text-dark {
	color: var(--grey-3);
}

.bg-primary-clr {
	background-color: var(--primary);
}

.bg-primary-light {
	background-color: var(--primary-light);
}

.bg-error {
	background-color: var(--error);
}

.bg-error-light {
	background-color: var(--error-light);
}

.bg-yellow {
	background-color: var(--yellow);
}

.bg-yellow-light {
	background-color: var(--yellow-light);
}

.bg-green {
	background-color: var(--green);
}

.bg-green-light {
	background-color: var(--green-light);
}


/* CUSTOM PADDING */
.p-10 {
	padding: 10px; 
}

.ps-10 {
	padding-left: 10px; 
}

.pe-10 {
	padding-right: 10px; 
}

.pb-10 {
	padding-bottom: 10px; 
}

.p-12 {
	padding: 12px; 
}

.ps-12 {
	padding-left: 12px; 
}

.pe-12 {
	padding-right: 12px; 
}

.pb-12 {
	padding-bottom: 12px; 
}

.pt-12 {
	padding-top: 12px; 
}

.py-12 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.px-12 {
	padding-left: 12px;
	padding-right: 12px;
}

.p-20 {
	padding: 20px; 
}

.ps-20 {
	padding-left: 20px; 
}

.pe-20 {
	padding-right: 20px; 
}

.pb-20 {
	padding-bottom: 20px; 
}

.pt-20 {
	padding-top: 20px; 
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.px-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.p-40 {
	padding: 40px; 
}

.ps-40 {
	padding-left: 40px; 
}

.pe-40 {
	padding-right: 40px; 
}

.pb-40 {
	padding-bottom: 40px; 
}

.pt-40 {
	padding-top: 40px; 
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.px-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.gap-12 {
	gap: 12px;
}

.gap-32 {
	gap: 32px;
}

.gx-40 {
	--bs-gutter-x: 40px;
}



/* RICH TEXT EDITOR STYLES */

.rich-text-editor .toastui-editor-defaultUI {
	font-family: inherit;
	border: 1px solid var(--outline);
	border-radius: 8px;
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.rich-text-editor .toastui-editor-defaultUI:focus-within {
	border-color: var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary-light);
}

.rich-text-editor .toastui-editor-defaultUI-toolbar {
	border-bottom: 1px solid var(--outline);
	background-color: var(--grey-1);
	padding: 0px 8px;
}


.rich-text-editor .toastui-editor-defaultUI-toolbar button {
	border-color: transparent;
	margin: 7px 3px;
}

.rich-text-editor .toastui-editor-contents {
	font-family: inherit;
	font-size: 16px;
}

.rich-text-editor .ProseMirror .placeholder {
	color: var(--outline);
	font-size: 14px;
}

.rich-text-editor .toastui-editor-defaultUI .ProseMirror {
    padding: 12px 16px;
}



/* MULTIPLE SELECT */
.multiple-select-fundraising,
.multiple-select {
	position: relative;
	z-index: 500;
}

.multiple-select-fundraising button,
.multiple-select button {
	overflow: hidden;
}

.multiple-select-fundraising .dropdown-menu,
.multiple-select .dropdown-menu {
	min-width: auto;
	width: 100%;
	max-height: 150px;
	overflow-y: auto;
	z-index: 3000;
	font-size: 14px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
	padding-top: 0;
	padding-bottom: 0;
}

.multiple-select-fundraising .dropdown-menu.show,
.multiple-select .dropdown-menu.show {
	transform: translate(0px, 0px) !important;
	inset: auto !important;
}

.multiple-select-fundraising .dropdown-item,
.multiple-select .dropdown-item {
	cursor: pointer;
	width: 100%;
	padding: 0;
}

.multiple-select-fundraising .dropdown-item label,
.multiple-select .dropdown-item label {
	height: 100%;
	width: 100%;
	padding: 8px 16px;
}

.multiple-select-fundraising .dropdown-item input,
.multiple-select .dropdown-item input {
	margin-right: 10px;
}

.multiple-select-fundraising .multiple-select-input,
.multiple-select .multiple-select-input {
	width: 100%;
	background-color: transparent;
	border-radius: 8px;
	border: 1px solid var(--outline);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px 16px;
	font-size: 14px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.multiple-select-fundraising .multiple-select-input:focus,
.multiple-select .multiple-select-input:focus {
	border-color: var(--primary);
	box-shadow: 0px 0px 0px 3px var(--primary-light);
}

.multiple-select-input span,
.multiple-select-input span {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

.multiple-select-fundraising .dropdown-menu li:first-chil,
.multiple-select .dropdown-menu li:first-child{
	padding: 0;
}

.multiple-select-fundraising .dropdown button p,
.multiple-select .dropdown button p {
	font-size: 14px;
	color: var(--grey-2);
}

.multiple-select-fundraising .dropdown button p.active,
.multiple-select .dropdown button p.active {
	font-size: 16px;
	color: var(--black);
}


@media(min-width: 768px) {
	.multiple-select-fundraising .multiple-select-input,
	.multiple-select .multiple-select-input {
		padding: 12px 16px;
	}
}


.modal-filter-selector {
	--bs-modal-width: 685px;
}

.modal-close-btn {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-close-btn i {
	font-size: 14px;
}

.modal-filter {
	padding: 0;
}

.modal-filter label {
	padding: 8px 12px;
	border: 1px solid var(--outline);
	border-radius: 500px;
	font-size: 14px;
	line-height: 1;
	background-color: transparent;
	transition: background-color .2s ease, border-color .2s ease;
	cursor: pointer;
}

.modal-filter label:hover {
	background-color: var(--grey-1);
}
.modal-filter label.active,
.modal-filter label:active,
.modal-filter input[type=checkbox]:checked + label {
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}

.modal-filter-selector .modal-footer button {
	width: 48%;
}

@media(min-width: 768px) {
	.modal-filter-selector .modal-footer button {
		width: 30%;
	}
}


/* CHECKBOX FILTER MODAL */
.checkbox-sector-modal .filters-container {
	border: 1px solid var(--outline);
}

.checkbox-sector-modal .filters-container input {
	border-color: var(--outline);
}

.checkbox-sector-modal .filters-container.checked {
	border-color: var(--primary);
}

#sector_selectAll_groups {
	border: 1px solid var(--outline);
}



/* THANK YOU FOR FOLLOWING MODAL */
#pp_following-modal .following-icon {
	width: 48px;
	height: 48px;
	background-color: var(--grey-1);
	border-radius: 500px;
}

#pp_following-modal .following-icon i {
	font-size: 24px;
	color: var(--grey-3);
}

@media(min-width: 768px) {
	#pp_following-modal .following-icon {
		width: 64px;
		height: 64px;
	}

	#pp_following-modal .following-icon i {
		font-size: 32px;
	}
}

@media(min-width: 1200px) {
	#pp_following-modal .following-icon {
		width: 96px;
		height: 96px;
	}

	#pp_following-modal .following-icon i {
		font-size: 40px;
	}
}