/*
	 * Theme Name: Cecilia Meireles
	 *
	 * assets/css/filter-bar.css | Barra de filtros (programação)
	 *
	 */

	 .filter-bar {
	 	width: 282px;
	 	margin-right: 55px;
	 	position: relative;
	 }

	 .filter-bar .header {
	 	display: none;
	 	align-items: center;
	 	justify-content: center;
	 	padding: 8px;
	 	border-top: 1px solid #d2d2d2;
	 	border-bottom: 1px solid #d2d2d2;
	 	text-transform: uppercase;
	 	font-size: 14px;
	 	cursor: pointer;
	 }

	 .filter-bar .content {
	 	display: block;
	 }

	 .filter-bar .content > div {
	 	margin-bottom: 25px;
	 	padding-bottom: 25px;
	 	border-bottom: 1px solid #f0f0f0;
	 }

	 .filter-bar .content > div:last-child {
	 	border-bottom: 0px;
	 }

	 .filter-bar .titulo {
	 	font-size: 22px;
	 	margin-bottom: 28px;
	 }

	 .filter-bar .filter-value {
	 	display: flex;
	 	flex-direction: row;
	 	min-height: 40px;
	 	align-items: flex-start;
	 }

	 .filter-bar .filter-value > div {
	 	flex-grow: 0;
	 }

	 .filter-bar .filter-value .color-element {
	 	margin-top: 5px; 
	 	width: 24px;
	 	height: 8px;
    	border-radius: 3px;
    	margin-right: 10px;
	 }

	 .filter-bar .filter-value .nome {
	 	flex-grow: 1;
	 	font-size: 11px;
	 	text-transform: uppercase;
	 	margin: 0px 10px 20px 0px;
	 }

	 .filter-bar .filter-value label {
	 	margin-top: 2px;
	 	font-size: 18px;
	 }

	 .filter-bar .filter-link, .filter-bar .toggle-button {
	 	cursor: pointer;
	 	text-transform: uppercase;
	 	font-size: 11px;
	 	height: 22px;
	 }

	.filter-bar .filter-link i, .filter-bar .toggle-button i {
	 	font-size: 8px;
	 	margin-right: 3px;
	 }

	.filter-bar .toggle-button, .filter-bar .filter-link.selected {
		font-weight: bold;
	} 

	.filter-bar .toggle-target .filter-link {
		margin-left: 12px;
		display: none;
	}

	.filter-bar .toggle-target.toggled .filter-link {
		display: block;	
	}	

	.filter-bar .toggle-target .toggle-button .icon-arrow-up,
	.filter-bar .toggle-target.toggled .toggle-button .icon-arrow-dn {
		display: none;
	}	

	.filter-bar .toggle-target .toggle-button .icon-arrow-dn,
	.filter-bar .toggle-target.toggled.toggled .toggle-button .icon-arrow-up {
		display: inline;
	}

	 .filter-bar .icon-filter {
	 	font-size: 14px;
	 	margin-right: 5px;
	 }	

@media screen and (max-width: 1365px) {

	

}	

@media screen and (max-width: 760px) {

	.filter-bar {
	 	flex-grow: 1;
	 	width: initial;
	 	margin-right: 0px;	
	 }	

	.filter-bar .header {
		display: flex;
	}

	.filter-bar .content {
		margin-top: 25px;
	}	

	.filter-bar.closed .content {
	 	display: none;
	 }

	 .filter-bar .content > div:last-child {
	 	margin-bottom: 0px;
	 	padding-bottom: 0px;
	 }

}