/* Start - Autoflex 'PEW' functionalities */

/* General */
html {
    background-color: #000000 !important;
}

pew-widget div.section {
    padding: 40px 0 0 0 !important;
}

/* Navigation and filterbar */
@media screen and (min-width: 833px) {
	pew-widget .navbar {
		background: #1E1E1D !important;
		border-radius: 60px;
		padding: 8px 27px;
	}
	
	pew-widget .navbar .navbar-start {
		display: none !important;
	}
}

@media screen and (max-width: 832px) {
	pew-widget .navbar {
		background: transparent !important;
	}
	
	pew-widget .navbar-menu {
		background: #1E1E1D !important;
		border-radius: 60px;
		padding: 8px 27px;
	}
	
	pew-widget .navbar-menu .navbar-start .navbar-item:first-of-type {
		display: none;
	}
	
	pew-widget .navbar-menu .navbar-start .navbar-item .column {
		display: flex;
		align-items: center;
		padding: 0 0 0 20px;
	}
	
	pew-widget .navbar .navbar-menu .control::before {
		content: 'Sorteer op';
		font-family: var(--e-global-typography-512a415-font-family), Sans-serif;
		font-size: 20px;
		font-weight: var(--e-global-typography-512a415-font-weight);
		text-transform: var(--e-global-typography-512a415-text-transform);
		line-height: var(--e-global-typography-512a415-line-height);
		color: white;
		padding-bottom: 3px;
		white-space: nowrap;
		margin-right: 14px;
	}

	pew-widget .navbar .navbar-menu .control {
		display: flex;
		align-items: center;
	}
}

pew-widget .navbar .navbar-end,
pew-widget .navbar .navbar-start {
    width: 100% !important;
    justify-content: space-between !important;
	align-items: center;
}

pew-widget .navbar .navbar-end .navbar-item {
	padding: 0;
}

pew-widget .navbar .navbar-end .navbar-item:last-of-type {
    display: none !important;
}

pew-widget .navbar .navbar-end button.button,
pew-widget .navbar .navbar-menu button.button {
    border-radius: 50px !important;
    background: transparent !important;
    color: white !important;
    border: unset !important;
    font-size: 22px !important;
}

pew-widget .navbar .navbar-end .field-label,
pew-widget .navbar .navbar-menu .field-label {
	flex-basis: min-content !important;
	padding-top: 0;
	display: flex;
    align-items: center;
}

pew-widget .navbar .navbar-end .field-label label,
pew-widget .navbar .navbar-menu .field-label label {
	font-family: var(--e-global-typography-512a415-font-family), Sans-serif;
    font-size: 20px;
    font-weight: var(--e-global-typography-512a415-font-weight);
    text-transform: var(--e-global-typography-512a415-text-transform);
    line-height: var(--e-global-typography-512a415-line-height);
	color: white;
	padding-bottom: 3px;
}

pew-widget .navbar .navbar-end .select,
pew-widget .navbar .navbar-menu .select{
    height: unset;
}

pew-widget .navbar .navbar-end .select select,
pew-widget .navbar .navbar-menu .select select {
    border-radius: 50px;
	border-color: #434343;
    background: transparent;
    padding: 10px 20px;
    height: unset;
    color: #ffffff95;
    
}

/* Productcards */
pew-widget .column a div.card {
    border: none !important;
    background: transparent;
    box-shadow: unset;
}

pew-widget .column a div.card .card-image {
    border-radius: 18px;
}

pew-widget .column a div.card .card-content .media .media-content .title {
    color: white;
	font-family: var(--e-global-typography-512a415-font-family), Sans-serif;
    font-size: var(--e-global-typography-512a415-font-size);
    font-weight: var(--e-global-typography-512a415-font-weight);
    text-transform: var(--e-global-typography-512a415-text-transform);
    line-height: var(--e-global-typography-512a415-line-height);
	margin: 0;
}

pew-widget .column a div.card .card-content .media .media-content .brand-price-model-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

pew-widget .column a div.card .card-content .media .media-content .brand-price-model-wrapper .brand-price-wrapper {
    display: flex;
    justify-content: space-between;
}

pew-widget .column a div.card .card-content .media .media-content .brand-price-model-wrapper .brand-price-wrapper .car-price {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-30e33ea-line-height);
    display: flex;
    padding: 5px 10px;
    background: #1771a4;
    border-radius: 50px;
}

pew-widget .column a div.card .card-content .media .media-content .brand-price-model-wrapper .model-and-details-wrapper .model-and-details {
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
	text-transform: var(--e-global-typography-accent-text-transform);
	line-height: var(--e-global-typography-accent-line-height);
	color: var(--e-global-color-9d7454d);
}

pew-widget .column a div.card .card-content .media .media-content .subtitle {
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: start;
	gap: 8px;
	margin-top: 10px;
}

pew-widget .column a div.card .card-content .media .media-content .subtitle .label {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 3px 14px;
	background: #1e1e1d;
	border-radius: 50px;
	color: white;
}

pew-widget .column a div.card .card-content .media .media-content .subtitle .label {
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-9d7454d);
}

/* Single occasion page meta */
pew-widget .hero .hero-body {
    border-top: 2px solid #2c2c2c;
}

pew-widget .hero .hero-body .title {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    color: white;
}

pew-widget .hero .hero-body .level .level-item .heading {
    font-family: var(--e-global-typography-30e33ea-font-family), Sans-serif;
    font-size: var(--e-global-typography-30e33ea-font-size);
    font-weight: var(--e-global-typography-30e33ea-font-weight);
    text-transform: var(--e-global-typography-30e33ea-text-transform);
    line-height: var(--e-global-typography-30e33ea-line-height);
    color: white;
    margin-bottom: 1px;
}

pew-widget .hero .hero-body .level .level-item .subtitle {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-9d7454d);
}
@media screen and (min-width: 833px) {
	pew-widget .container .level {
    	background: #202020;
	    border-radius: 500px;
    	padding: 15px 10px 5px 10px;
	    border: 1px solid #3a3a3a;
	}
}

/* Single occasion page gallery */
pew-widget .container .gallery {
	border-bottom-color: #3a3a3a; 
}

pew-widget .container .gallery .image {
    border-radius: 15px;
    border: none;
}

pew-widget .container .gallery .image__count__number {
    color: white;
    font-weight: 500;
    font-size: 16px;
}

/* Single occasion page gallery modal */
pew-widget a.prev,
pew-widget a.next,
pew-widget a.close {
    font-family: 'Anek Latin' !important;
    background: white !important;
    opacity: 1 !important;
    color: black !important;
}

pew-widget a.close {
    font-weight: 500 !important;
    font-size: 30px !important;
    padding: 8px 17px !important;
    border-radius: 0 0 0 12px;
}

pew-widget a.prev,
pew-widget a.next {
    font-weight: 500 !important;
    font-size: 45px !important;
}

/* Single occasion page specs */
pew-widget .vehicle--columns .column .collapse.card,
pew-widget .vehicle--columns .column .collapse.card * {
    background: transparent !important;
    border: none !important;
}

pew-widget .vehicle--columns .column .collapse.card * {
    color: white;
}

pew-widget .vehicle--columns .column .collapse.card .vcolumn .option {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-9d7454d);
}

pew-widget .vehicle--columns .column .collapse.card .vcolumn svg, 
pew-widget .vehicle--columns .column .collapse.card .vcolumn svg * {
    color: #0473b1;
}

pew-widget .vehicle--columns .column .collapse.card .card-content .table td {
    color: var(--e-global-color-9d7454d);
}

/* Single occasion page sidebar */
pew-widget .vehicle--columns .column:last-child {
    display: flex;
	gap: 20px;
	flex-direction: column-reverse;
	justify-content: flex-end;
}

@media screen and (min-width: 1280px) {
	pew-widget .vehicle--columns .column:last-child {
		padding-left: 60px;
	}
}

pew-widget .vehicle--columns .column:last-child .card:first-child,
pew-widget .vehicle--columns .column:last-child br {
    display: none;
}

pew-widget .card.detailcontact {
	background: transparent !important;
	border: 0px solid transparent !important;
}

/* End - Autoflex 'PEW' functionalities */