/*
Theme Name: Locus Cards
Author: Kurt Kokoruz
Version: 1.0
*/

.wp-block-image img {height: auto;}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
    max-width: unset;
    width: 100%;
    vertical-align: middle;
	height: auto;
}

/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
    margin: 0 0 1.5em 0;
}

.mce-content-body hr {clear: both !important;}

.alignleft,
img.alignleft {
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    display: block;
    float: none;
    text-align: center;
    max-width: 100%;
    height: auto;
}

.alignright,
img.alignright {
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    display: block;
    float: none;
    text-align: center;
    max-width: 100%;
    height: auto;
}

.aligncenter,
img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    max-width: 100%;
    height: auto;
}

.alignnone,
img.alignnone {
    /* not sure about this one */
}

.video480 {width:100%;}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.gallery dl {}

.gallery dt {}

.gallery dd {}

.gallery dl a {}

.gallery dl img {}

.gallery-caption {}

.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}

@media (min-width: 576px) {
	.alignleft,
	img.alignleft {
    	margin-top: 1em;
    	margin-right: auto;
    	margin-bottom: 1em;
    	margin-left: auto;
    	display: block;
    	float: none;
    	text-align: center;
	}

	.alignright,
	img.alignright {
	    margin-top: 1em;
    	margin-right: auto;
    	margin-bottom: 1em;
    	margin-left: auto;
    	display: block;
    	float: none;
    	text-align: center;
		width:100%;
		height:auto;
	}
}


@media (min-width: 768px) {
    .alignleft,
    img.alignleft {
        margin-top: 0;
        margin-right: 1.5em;
        margin-bottom: 1em;
        margin-left: 0;
        display: inline;
        float: left;
    }
    .alignright,
    img.alignright {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 1.5em;
        display: inline;
        float: right;
		width:50%;
		height:auto;
    }
}

@media (min-width: 990px) {
    .alignleft,
    img.alignleft {
        margin-top: 0;
        margin-right: 1.5em;
        margin-bottom: 1em;
        margin-left: 0;
        display: inline;
        float: left;
    }
    .alignright,
    img.alignright {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 1.5em;
        display: inline;
        float: right;
		width:auto;
		width:50%;
		height:auto;
    }
}

@media (min-width: 1200px) {
    .alignleft,
    img.alignleft {
        margin-top: 0;
        margin-right: 1.5em;
        margin-bottom: 1em;
        margin-left: 0;
        display: inline;
        float: left;
    }
    .alignright,
    img.alignright {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 1.5em;
        display: inline;
        float: right;
		width:auto;
		height:auto;
    }
		.video480 {width:480px;}
}


.btn-primary.disabled, .btn-secondary.disabled, .btn-dark.disabled,
.btn-primary:disabled, .btn-secondary:disabled, .btn-dark:disabled {
	color:#eee;
	background-color: #999;
    border-color: #999;
}

.btn-primary {
    background-color: #144c8d;
    border-color: #144c8d;
}

.btn-secondary {
    background-color: #ef4043;
    border-color: #ef4043;
}
.btn-secondary:hover {
    background-color: #d31245;
    border-color: #d31245;
}

/* Pagination */

.page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
}

.page-numbers.current,
a.page-numbers:hover {
    background: #f9f9f9;
}


body { font-family: 'Roboto Condensed', sans-serif; font-weight:400; }
	.card-wrapper {width:100%;}
	
	.card {
		background-color:hsl(209, 100%, 15%);
		color:white;
		text-align:center;
		width: 100%;
		border:0;
	}
	.card .card--segment {
		color:hsl(198, 75%, 52%);
		text-transform:uppercase;
		font-size:80%;
		padding-top:8px;
		font-weight:400;
		letter-spacing: 2px;
	}
	.card .card--company-type {
		text-transform:uppercase;
		font-weight:700;
	}
	.card .card--company-type-icon {
	margin:10px 15%;
	}
	.card .card--product-type {
		background-color:hsl(198, 75%, 52%);
		padding:4px 0;
	}
	.card .card--warehouse-levels {
		background-color:#0080B5;
		font-size:80%;
		padding:6px 0 4px 0;
	}
	.card .card--facility {
	font-size:80%;
		background-color:hsl(198, 75%, 52%);
		padding:6px 0 4px 0;
	}
	
	.card .card--facility .facility-icon {
		width:32px;
		height:auto;
		display:inline-block;
		position:relative;
		top:-2px;
	}
	
		.card .card--facility .marker-icon {
			margin-left:10px;
		width:14px;
		height:auto;
		display:inline-block;
			position:relative;
			top:-2px;
	}
	.card .card--picking {
				background-color:#0080B5;
		font-size:90%;
		padding:6px 0 4px 0;
		line-height:1.2em;
	}
	
	.card .card--results {
	text-align:left;
		font-size:80%;
		padding:1em;
	}
	
	.card .card--results ul {
		padding:0;
		margin:0 0 0 1.4em;
	}
	
	.color-teal .card--segment {color:hsl(190, 43%, 53%);}
	.color-teal .color-primary {background-color:hsl(190, 43%, 53%);}
	.color-teal .color-companion {background-color:#448E9C;}

	.color-red .card--segment {color:hsl(0, 80%, 58%);}
	.color-red .color-primary {background-color:hsl(0, 80%, 58%);}
	.color-red .color-companion {background-color:#CA3534;}

	.color-pink .card--segment {color:hsl(342, 69%, 55%);}
	.color-pink .color-primary {background-color:hsl(342, 69%, 55%);}
	.color-pink .color-companion {background-color:#AA2C53;}

	.color-purple .card--segment {color:hsl(330, 43%, 43%);}
	.color-purple .color-primary {background-color:hsl(330, 43%, 43%);}
	.color-purple .color-companion {background-color:#7B1752;}

	.color-gold .card--segment {color:hsl(31, 93%, 54%);}
	.color-gold .color-primary {background-color:hsl(31, 93%, 54%);}
	.color-gold .color-companion {background-color:#C97517;}
	.color-yellow .color-primary {background-color:hsl(44, 93%, 57%);}
	.color-yellow .color-companion {background-color:#CDA123;}
	.color-grey .color-primary {background-color:hsl(206, 14%, 71%);}
	.color-grey .color-companion {background-color:#879199;}
	.color-green .color-primary {background-color:hsl(165, 35%, 48%);}
	.color-green .color-companion {background-color:#3B8371;}
	.color-violet .color-primary {background-color:hsl(235, 34%, 62%);}
	.color-violet .color-companion {background-color:#64699B;}
	.color-orange .color-primary {background-color:hsl(22, 90%, 54%);}
	.color-orange .color-companion {background-color:#BE5617;}
	.color-azure .color-primary {background-color:hsl(203, 69%, 48%);}
	.color-azure .color-companion {background-color:#1E73A6;}
	.color-steel .color-primary {background-color:hsl(208, 57%, 54%);}
	.color-steel .color-companion {background-color:#366D9C;}
	.color-baby-blue .color-primary {background-color:hsl(198, 68%, 47%);}
	.color-baby-blue .color-companion {background-color:#006FA8;}
	.color-locus-blue .color-primary {background-color:hsl(198, 75%, 52%);}
	.color-locus-blue .color-companion {background-color:#0080B5;}
	.color-locus-dark-blue {background-color:hsl(209, 100%, 15%);}
	
	.filter-wrapper {
		padding:15px 0 25px 0;
		margin-bottom:1em;
		background-color: hsl(209, 100%, 15%);
		border-radius: 0.25rem;

	}
	.filter-wrapper p {
				color: white;
		text-align: center;
		    margin-bottom: 10px;
		text-transform:uppercase;
		font-weight:700;
	}
	

	
	
	@media (min-width: 576px) {
		.chips-wrapper {}
		.chips-wrapper ul {margin-bottom: 0;}
		.chips-wrapper ul li {margin-bottom: 1em !important;}
		aside.col-sm-3 {
        min-width: 264px;
        max-width: 264px;
    }
		.card-wrapper {width:100%;}
	}
	@media (min-width: 768px) {
		.card-wrapper {width:50%;}
	}
	@media (min-width: 992px) {
		.card-wrapper {width:33.3%;}
	}
	@media (min-width: 1200px) {
		.card-wrapper {width:25%;}
	}
	@media (min-width: 1440px) {
		.card-wrapper {width:20%;}
	}
	@media (min-width: 1680px) {
		.card-wrapper {width:16.66%;}
	}