/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./lib/components/companies-directory/assets/styles/companies-directory.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.wp-block-companies-directory {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--style--global--content-size);
	padding-top: var(--mwc-spacing-88);
	padding-bottom: var(--mwc-spacing-88);
}

@media (min-width: 576px) {

.wp-block-companies-directory {
        padding-left: var(--mwc-spacing-16);
        padding-right: var(--mwc-spacing-16);
}
    }

.wp-block-companies-directory.alignwide {
		max-width: var(--wp--style--global--wide-size);
	}

.wp-block-companies-directory.alignfull {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}

.wp-block-companies-directory #companies-filters {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-bottom: var(--mwc-spacing-64);
	}

.wp-block-companies-directory #companies-filters select,
		.wp-block-companies-directory #companies-filters #filters-toggle {
			border: 1px solid var(--mwc-color-dark);
			border-radius: 50px;
			cursor: pointer;
			display: inline-flex;
			font-size: var(--mwc-font-size-btn);
			letter-spacing: -0.5px;
			line-height: var(--mwc-font-line-height-btn);
			padding: var(--mwc-spacing-8) var(--mwc-spacing-24);
			text-align: center;
			transition: all 0.25s;
		}

.wp-block-companies-directory #companies-filters select:not(#does-not-exist):hover,.wp-block-companies-directory #companies-filters #filters-toggle:hover,.wp-block-companies-directory #companies-filters select.active:not(#does-not-exist),.wp-block-companies-directory #companies-filters #filters-toggle.active {
				background-color: var(--mwc-color-dark);
				color: var(--mwc-color-white);
			}

.wp-block-companies-directory #companies-filters #filters-toggle {
            margin-left: var(--mwc-spacing-16);
        }

@media (min-width: 576px) {

.wp-block-companies-directory #companies-filters #filters-toggle {
                margin-left: 0;
                margin-left: initial;
        }
            }

.wp-block-companies-directory #companies-filters .order-toggle {
			align-items: center;
			display: flex;
			gap: var(--mwc-spacing-8);
            margin-right: var(--mwc-spacing-16);
		}

@media (min-width: 576px) {

.wp-block-companies-directory #companies-filters .order-toggle {
                margin-right: 0;
                margin-right: initial;
		}
            }

@media (max-width: 575px) {

.wp-block-companies-directory #companies-filters .order-toggle label {
					display: none;
			}
				}

.wp-block-companies-directory #companies-filters #filters-dropdown {
			display: grid;
			grid-template-rows: 0fr;
			transition: grid-template-rows 0.25s;
			width: 100%;
		}

.wp-block-companies-directory #companies-filters #filters-dropdown > div {
				background-color: var(--mwc-color-gray-light);
				border-radius: 4px;
				display: grid;
				grid-gap: var(--mwc-spacing-16);
				gap: var(--mwc-spacing-16);
                grid-template-columns: repeat(2, 1fr);
				overflow: hidden;
				transition: padding 0.25s;
			}

@media (min-width: 576px) {

.wp-block-companies-directory #companies-filters #filters-dropdown > div {
                    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			}
                }

.wp-block-companies-directory #companies-filters #filters-dropdown > div .filter-item {
					display: flex;
					flex-direction: column;
					gap: var(--mwc-spacing-8);
                    justify-content: space-between;
                    width: 100%;
				}

.wp-block-companies-directory #companies-filters #filters-dropdown > div .filter-item select {
						width: 100%;
					}

.wp-block-companies-directory #companies-filters #filters-dropdown.active {
				grid-template-rows: 1fr;
			}

.wp-block-companies-directory #companies-filters #filters-dropdown.active > div {
					margin-top: var(--mwc-spacing-24);
					padding: var(--mwc-spacing-24);
				}

.wp-block-companies-directory #companies-grid {
		border-radius: 4px;
		display: grid;
		grid-gap: var(--mwc-spacing-24);
		gap: var(--mwc-spacing-24);
		grid-template-columns: 1fr;
		min-height: 240px;
		overflow: hidden;
        padding-left: var(--mwc-spacing-16);
        padding-right: var(--mwc-spacing-16);
		position: relative;
		transition: all 0.25s;
	}

@media (min-width: 576px) {

.wp-block-companies-directory #companies-grid {
            grid-template-columns: repeat(2, minmax(240px, 1fr));
            padding-left: 0;
            padding-left: initial;
            padding-right: 0;
            padding-right: initial;
	}
        }

@media (min-width: 992px) {

.wp-block-companies-directory #companies-grid {
            grid-template-columns: repeat(3, minmax(240px, 1fr));
            gap: var(--mwc-spacing-48);
	}
        }

/* @media (--break-large-desktop) {
            grid-template-columns: repeat(4, minmax(240px, 1fr));
        } */

.wp-block-companies-directory #companies-grid:before {
			align-items: center;
			backdrop-filter: blur(10px);
			background-color: rgba(0, 0, 0, 0.1);
			content: close-quote;
			display: flex;
			font-size: var(--mwc-font-size-xs);
			height: 100%;
			justify-content: center;
			line-height: var(--mwc-font-line-height-xs);
			opacity: 0;
			padding: var(--mwc-spacing-48) var(--mwc-spacing-24);
			pointer-events: none;
			position: absolute;
			text-align: center;
			width: 100%;
			z-index: 99;
		}

.wp-block-companies-directory #companies-grid.loading:before {
			content: attr(data-loading);
			opacity: 1;
		}

.wp-block-companies-directory #companies-grid.noresults:before {
			content: attr(data-noresults);
			opacity: 1;
		}

.wp-block-companies-directory #company-modal {
		align-items: center;
		backdrop-filter: blur(10px);
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		height: 100svh;
		justify-content: center;
		opacity: 0;
		left: 0;
		position: fixed;
		top: 0;
		transform: translateX(-120%);
		transition:
			transform 0.25s 0.25s, opacity 0.25s 0s;
		width: 100%;
		z-index: 99;
	}

@media (min-width: 576px) {

.wp-block-companies-directory #company-modal {
			padding: var(--mwc-spacing-24);
	}
		}

.wp-block-companies-directory #company-modal .company-modal-content {
			background-color: #fff;
			max-height: 100svh;
			max-width: 800px;
			overflow-y: scroll;
			position: relative;
			transform: scale(0);
			transition: transform 0.25s;
			width: 100%;
		}

@media (min-width: 576px) {

.wp-block-companies-directory #company-modal .company-modal-content {
				border-radius: 8px;
		}
			}

.wp-block-companies-directory #company-modal .company-modal-content .company-modal-body {
				padding: var(--mwc-spacing-48) var(--mwc-spacing-32);
			}

.wp-block-companies-directory #company-modal .company-modal-content .company-modal-close {
				align-items: center;
				background-color: #eee;
				border-radius: 50px;
				cursor: pointer;
				display: flex;
				font-size: var(--mwc-spacing-24);
				height: var(--mwc-spacing-48);
				justify-content: center;
				position: absolute;
				right: var(--mwc-spacing-8);
				top: var(--mwc-spacing-8);
				width: var(--mwc-spacing-48);
			}

.wp-block-companies-directory #company-modal.active {
			opacity: 1;
			transform: translateX(0);
			transition-delay: 0s, 0.25s;
		}

.wp-block-companies-directory #company-modal.active .company-modal-content {
				transform: scale(1);
			}

.company {
	background-color: var(--mwc-color-gray-light);
}

.company .company-logo {
		background-color: var(--mwc-color-white);
		padding: var(--mwc-spacing-32) var(--mwc-spacing-16);
	}

.company .company-logo img {
			display: block;
			-o-object-fit: contain;
			   object-fit: contain;
			-o-object-position: center;
			   object-position: center;
			width: 100%;
		}

.company .company-data {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding: var(--mwc-spacing-32) var(--mwc-spacing-16);
	}

.company .company-title {
		font-size: var(--mwc-font-size-s);
		line-height: var(--mwc-font-line-height-s);
		letter-spacing: -1.6px;
		margin-bottom: var(--mwc-spacing-16);
	}

.company .company-subtitle {
		font-size: var(--mwc-font-size-xs);
		line-height: var(--mwc-font-line-height-xs);
		letter-spacing: -1.6px;
		margin-bottom: var(--mwc-spacing-16);
	}

.company .company-excerpt {
		color: var(--mwc-color-gray);
		font-size: var(--mwc-font-size-small);
		line-height: var(--mwc-font-line-height-small);
		letter-spacing: -0.32px;
		font-weight: 400;
		margin-bottom: var(--mwc-spacing-24);
	}

.company-popup {
	display: flex;
	flex-direction: column;
	gap: var(--mwc-spacing-24);
}

.company-popup .company-logo {
		max-width: 240px;
		-o-object-fit: contain;
		   object-fit: contain;
		-o-object-position: center;
		   object-position: center;
		width: 100%;
	}

.company-popup .company-title {
		font-size: var(--mwc-font-size-pgh-desk);
		line-height: var(--mwc-font-line-height-pgh-desk);
	}

.company-popup .company-description {
		font-size: var(--mwc-font-size-small);
		line-height: var(--mwc-font-line-height-btn);
	}

.company-popup .company-location {
		font-size: var(--mwc-font-size-small);
		line-height: var(--mwc-font-line-height-btn);
	}

.company-popup .company-tags {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: var(--mwc-spacing-24);
		gap: var(--mwc-spacing-24);
	}

.company-popup .company-tags .company-tag {
			display: flex;
			flex-direction: column;
			gap: var(--mwc-spacing-8);
		}

.company-popup .company-tags .company-tag .company-tag-title {
				font-weight: bold;
				text-transform: capitalize;
			}

.company-popup .company-tags .company-tag .company-tag-group {
				display: flex;
				flex-flow: row wrap;
				gap: var(--mwc-spacing-8);
			}

.company-popup .company-tags .tag {
			background-color: #eee;
			border-radius: 3px;
			display: inline-flex;
			font-size: var(--mwc-font-size-verysmall);
			line-height: var(--mwc-font-line-height-default);
			padding: 3px 6px;
		}

#filters-clearall {
    margin-left: 12px;
    font-size: 14px;
    background: none;
    border: none;
    cursor: pointer;
}

#filters-clearall:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

#showmore-container {
	display: flex;
	justify-content: center;
}

#companies-loadmore {
	--mwc-button-primary-bg: var(--mwc-button-bg-dark);
    --mwc-button-primary-color: var(--mwc-button-color-dark);
    --mwc-button-primary-border: var(--mwc-button-border-dark);
    --mwc-button-icon: var(--mwc-button-icon-dark);
    --mwc-button-circle-bg: var(--mwc-button-bg-light);
    display: inline-flex;
    height: 50px;
    border-radius: 50px;
    background-color: var(--mwc-button-primary-bg);
    color: var(--mwc-button-primary-color);
    border: var(--mwc-button-primary-border);
    padding: 10px 20px;
    font-size: var(--mwc-font-size-btn);
    align-items: center;
    -webkit-text-decoration: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    overflow: hidden;
}

@media (min-width: 576px) {

#companies-loadmore {
            margin-top: var(--mwc-spacing-24);
}
        }

@media (min-width: 992px) {

#companies-loadmore {
            margin-top: var(--mwc-spacing-48);
}
        }


/*# sourceMappingURL=companies-directory.css.map*/