/* CSS Document */

.drc-directory {
	max-width: 1200px !important;
}

.drc-directory  hr {
	margin: 0;
}

.drc-directory-card {
    transition: all .2s ease;
}

.drc-investory-card {
 	font-family: jaf-facitweb,sans-serif;
}

.drc-directory-card .drc-member-card {
	display: grid;
	grid-template-columns: 90px 1fr 180px;
}

@media (max-width: 900px){
	.drc-directory-card .drc-member-card {
		display: flex;
		flex-flow: column;
	}
}
.drc-directory-card .drc-directory-card-section {
	display: flex;
	flex-flow: column;
}
.drc-directory-card .drc-member-card .expand {
	grid-column: span 2;
}

.drc-directory-card-badge {
    display: inline-block;
    width: 90%;
    max-width: 80px;
    box-sizing: border-box;
    padding: .35rem .75rem;
    margin-top: .75rem;
    margin-bottom: 1rem;
    border-radius: 20px;
    background: white;
    font-size: .66rem;
    white-space: nowrap;
    color: white;
    border: 2px solid white;
    font-family: jaf-facitweb,sans-serif;
    font-style: italic;
    text-transform: uppercase;
    text-algin: center;
}	
.summit {
	background-color: #50C878;
	box-shadow: 0 0 0 2px #93E9BE;
}
.signature {
	background-color: #502873;
	box-shadow: 0 0 0 2px #7a5791;

}
.premier {
	background-color: #00a1de;
	box-shadow: 0 0 0 2px #6fc0fb;
}

.general {
	background-color: #f6831f;
	box-shadow: 0 0 0 2px #fe9a69;	
}

.drc-directory-card .drc-directory-logo img {
	display: block;
	max-width: 100%;
	max-height: 100px;
	width: auto;
	height: auto;
	margin-left: auto;
	object-fit: contain;
}

.drc-directory-description {
	margin-top: 1rem;
	padding-right: 8%;
	font-family: jaf-facitweb,sans-serif;
}	

.directory-tabs button {
	font-family: jaf-facitweb,sans-serif;
	text-transform: uppercase;
	color: rgba(33, 37, 41, 0.75);
}

.drc-directory-website {
	text-align: right;
	white-space: nowrap;
	direction: rtl;
}
.drc-directory-class {
	text-align:  right;
}



.directory-controls {
    border: none;
}

.directory-controls .form-label {
    font-weight: 600;
    margin-bottom: .35rem;
}

.directory-controls .form-check {
    padding-top: 2rem;
}

#directoryCount {
    font-weight: 700;
}

.directory-controls .form-check-input {
    appearance: auto;
    padding: 0;
    width: 1rem;
    height: 1rem;
    margin-right: 5px;
}
.directory-controls .form-check {
    display: flex;
    align-items: center;
    padding-top: 0;
}

@media (max-width: 768px) {

    .directory-controls .form-check {
        padding-top: 0;
    }

}