/*
Theme Name: Metropole Auction
Theme URI: https://www.metropole-auction.com/
Description: Metropole Auction
Author: OneStep Media
Author URI: https://www.onestepmedia.nl
*/
@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-theme.css'); html{	scroll-behavior: smooth;}html, body {
    max-width: 100%;
    overflow-x: hidden;
}
@media (min-width: 1200px) {
    .container {
		width: 90vw !important;
	}
}
body { 	
	font-family: "Poppins", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	background:#F6F3EC;
}
hr{
	color:#EAE2D6!important;
}
.fullwidth-bg {
    position: relative;
    isolation: isolate;
    overflow: visible !important;

    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fullwidth-bg::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    background: inherit;
    z-index: -1;
    pointer-events: none;
}

/* ================================================== HEADER ================================================== */
.header{
	position: absolute;
	width:100%;
	background: linear-gradient(180deg, #cdcdcd 0%, #f6f3ec08 100%);
	z-index:999;
}
.logo{
	margin-top:35px;
}
/* ================================================== FRONTPAGE ================================================== */



/*.frontpage-banner{
	background:url('https://www.metropole-auction.com/wp-content/uploads/2026/07/frontpage-banner-1.jpg');
	height:80vh;
	background-size: cover;
	background-position: bottom;
	margin-bottom: 20px;
}*/
.frontpage-left{
	font-size:50px!important;
	line-height:45px!important;
}
.frontpage-right{
	font-size:24px!important;
	text-transform:uppercase!important;
}
.auction-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
	color:#242424!important;
}

.auction-info-row > * {
    margin: 0;
}

.auction-info-row .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.auction-info-row .wp-block-column:first-child {
    text-align: left;
}

.auction-info-row .wp-block-column:last-child {
    text-align: right;
}

.auction-info-row p,
.auction-info-row h1,
.auction-info-row h2,
.auction-info-row h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.diensten h2, .diensten h3, .diensten h4,.diensten h5, .diensten button{
	font-family: "Abyssinica SIL", serif;
  	font-weight: 400;
  	font-style: normal;
	text-transform: uppercase;
}
.diensten h2{
	font-size:50px!important;
}
.diensten h3{
	font-size:35px;
	margin-top:-15px;
}
.diensten h4{
	font-size:32px;
	color:#113861;
}
.diensten h5{
	font-size:18px;
}
.diensten button{
	border:1px solid #113861!important;
	background:transparent;
	padding:5px 40px!important;
	border-radius: 3px!important;
	text-transform: uppercase;
	margin-top:10px;
	color:#fff!important;
}
.diensten button:hover{
	font-weight:bold!important;
	color:#fff!important;
}

@media (max-width:960px){
	.frontpage-banner{
		height:85vh!important;
		font-size:35px!important;
	}
	.frontpage-left{
		text-align:center!important;
		font-size:35px!important;
	}
	.frontpage-right{
		text-align:center!important;
		font-size:22px!important;
	}
	.page h2{
		font-size:35px!important;
	}
	.diensten h3{
		font-size:25px!important;
		margin-top:15px;
	}
}


/* ================================================== PAGE ================================================== */
.overview h3{
	margin:0px!important;
	font-family: "Abyssinica SIL", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}

.page h2{
	font-family: "Abyssinica SIL", serif;
  	font-weight: 400;
  	font-style: normal;
	text-transform: uppercase;
	font-size:50px;
}
.page p{
	font-size:16px;
	line-height:27px;
}
.page button{
	border:1px solid #282828;
	background:transparent;
	padding:5px 40px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-top:10px;
	color:#282828;
}
.page button:hover{
	font-weight:bold;
	color:#1f1f1f;
}

.auction-image-right-bleed.wp-block-columns {
    align-items: stretch !important;
    margin-bottom: 0 !important;
}

.auction-image-right-bleed > .wp-block-column:last-child {
    position: relative;
}

/* Desktop */
@media (min-width: 1251px) {
    .auction-image-right-bleed
    > .wp-block-column:last-child
    .auction-main-image-bleed {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;

        /*
         * Container is 90vw:
         * 5vw ruimte rechts + 15px Bootstrap-containerpadding.
         */
        right: calc(-5vw - 15px);

        width: auto;
        max-width: none;
        margin: 0;
    }

    .auction-image-right-bleed
    > .wp-block-column:last-child
    .auction-main-image-bleed img {
        width: 100%;
        height: 100%;
        max-width: none !important;
        object-fit: cover;
        display: block;
        border-radius: 5px 0 0 5px !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
}

/* Tablet en mobiel normaal weergeven */
@media (max-width: 1250px) {
    .auction-image-right-bleed
    > .wp-block-column:last-child
    .auction-main-image-bleed {
        position: relative;
        inset: auto;
        width: 100%;
        margin: 0;
    }

    .auction-image-right-bleed
    > .wp-block-column:last-child
    .auction-main-image-bleed img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
}

.sponsor-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
	color:#242424!important;
}

.sponsor-row > * {
    margin: 0;
}

.sponsor-row .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sponsor-row .wp-block-column:first-child {
    text-align: left;
}

.sponsor-row .wp-block-column:last-child {
    text-align: right;
}
/* ================================================== BLOG ================================================== */

/* ================================================== FOOTER ================================================== */
.logo-footer{
	max-width:130px;
}
.copyright{
	background:#000000;
	color:#fff;
	padding:20px 0px 0px 0px;
}
.copyright a{
	color:#fff;
}
p.copy {
	text-align: center;
	font-size:7px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.copyright .container > .row:first-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.copyright .logo {
    display: block;
    max-height: 55px;
}

.copyright p {
    margin: 0;
}

.copyright_right {
    text-align: right;
}

.copyright .copy {
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.copy{
	background:#000000;
	color:#fff;
}

.pre-footer{
	padding:0px!important;
}
.pre-footer-left{
	padding:50px 0px;
}
.pre-footer button{
	margin-bottom:75px;
}
.pre-footer p{
	font-family: "Abyssinica SIL", serif;
  	font-weight: 400;
  	font-style: normal;
	text-transform: uppercase;
	font-size:20px;
}
/* ================================================== GLOBAAL ================================================== */

/* ---------- Menu Desktop ---------- */
.menu_desktop ul{
	padding-top: 24px;
    margin-left: -35px;
    text-align: center;
    padding-bottom: 10px;
	float:right;
}
@media (max-width:960px){
	.menu_desktop ul{
		float:none!important;
		text-align: left!important;
	}
	.menu_desktop li{
		margin: 20px 0px!important;
		padding: 0px 0px!important;
	}
	.logo-mobiel{
		display:block!important;
		max-width:200px!important;
	}
}
.logo-mobiel{
	display:none;
}
.menu_desktop li{
	display:inline;
	list-style-type:none;
}
.menu_desktop a{
	font-size:15px;
	color:#464646;
	padding:24px 20px 0px 20px;
	padding-bottom:10px;
	font-family: "Abyssinica SIL", serif;
  	font-weight: 400;
  	font-style: normal;
	z-index: 999;
    position: relative;
}
.menu_desktop a:hover{
	color:black;
	text-decoration: none!important;
}
.menu_desktop .current_page_item a{
	font-weight:bold;
	color:#464646;
	border-bottom:1px solid black;
}
/* voorkomt dat sub menu's ook activ worden */
.menu_desktop .current_page_item .sub-menu a{
		color:#fff;
	font-weight:normal!important;
	border-top: 0px solid #FFA200!important;
}

/* ==== SUB MENU'S ==== */
/* menu submenu nieuw */
.menu-het-hoofd-menu-container,.menu-het-hoofd-menu-2025-test-container{
	margin-left:40px;
}
ul.sub-menu {
	text-align:left!important;
	background:black!important;
}
@media (min-width:1023px){
.sub-menu {
  display: none;
  position: absolute;
  padding: 12px 16px;
  z-index: 1;
  background:#fafafa;
  margin-top:30px;
  box-shadow: 0px 8px 18px -6px rgba(0, 0, 0, 0.3);
  border-radius:5px;
  z-index:999;
}
.menu-item-has-children:hover .sub-menu {
display: block;
display: inline-grid;
margin-left: -135px;
}
.sub-menu li{
	margin:10px 20px;
}	
/* sub sub */
.sub-menu .menu-item-has-children .sub-menu{
	display:none;
}	
.sub-menu .menu-item-has-children:hover .sub-menu{
	display:block!important;
	margin-left:230px!important;
	top:-30px!important;
	border-left:4px solid #05d5ff;
	color:#FFA200;
}
.sub-menu .menu-item-has-children:hover .sub-menu li{
	margin:15px 20px!important;
	display:block!important;
}
}

/* ==== MOBIEL SUB MENU'S ==== */
/* mobiele opmaak */
@media (max-width:1023px){
	.menu_desktop a{
		font-size:14px!important;
	}
	.sticky{
		padding: 3px 0px 3px 0px!important;
	}
	.menu_desktop ul{
		margin:0px!important;
		padding:0px!important;
	}
	.menu-het-hoofd-menu-container,.menu-het-hoofd-menu-2025-test-container{
		margin-left: -35px !important;
        padding-top: 40px;
        padding: 40px 0px;
        width: 110vw !important;
	}
	.menu_desktop li{
		display:block!important;
		margin:20px 20px;
		        padding: 0px 20px;
	}
	/* verbergt de sub */
	ul.sub-menu{
		display:none!important;
	}
	*/ laat de sub zien */
	ul.sub-menu .menu-item-has-children:hover ul.submenu{
		display:block!important;
	}
	.menu-item-has-children:hover ul.sub-menu{
		display:block!important;
		margin-top:20px!important;
		width: 100%;
        margin-bottom: 20px !important;
	}
	.sticky .menu-item-has-children:hover ul.sub-menu{
		margin-top:0px!important;
	}
	
	/* verbergt de sub van de sub */
	ul.sub-menu .menu-item-has-children ul.sub-menu{
		display:none!important;
	}
	
	ul.sub-menu li{
		margin:12px 0px!important;
		background:#000;
		padding: 10px 0px !important;
	}
	.arrowmobile{
		display:block!important;
		float:right;
	}

}

/* ==== MOBIEL ALGEMEEN MENU'S ==== */
/* ---------- Menu Mobiel ---------- */
/* open sluit animatie */
.verwijdermenuopenen{
	display:none!important;
}
.verwijdermenuopenen{
	display:none!important;
}
.menuisgesloten{
	display:none!important;
}
/* hamburger icon */
.menu_mobiel{
	font-size:30px;
	text-align:right;
	margin-top: 0px;
    padding-bottom: 3px;
	top: 5px;
    right: 0px;
	position:absolute;
}
.menu_mobiel button{
	    background: none !important;
    border: 0px solid black;
	z-index: 9999;
    position: relative;
}
/* hamburger Menu op desktop uitschakelingen*/
@media (min-width:1023px){
.menu_mobiel{
	display:none!important;
}
}
/* Menu op mobiel uitschakelingen*/
@media (max-width:1023px){
.menu_desktop{
	display:none!important;
}
}
/* menu openen op command */
.menugaatopen{
    display: block !important;
    background: #fff;
    min-height: 75vh;
	border-bottom:2px solid #BBF64A;
    width: 100%;
    margin-top: 0px;
    box-shadow: 0px 8px 18px -6px rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 30px 30px;
    z-index: 1;
    position: absolute;
	z-index:9998;
}
.menugaatopen .button01{
	display:none!important;
}
.hamburger{
	width:30px;
}

/* opmaak formulieren */ .contact input[type="text"], .contact input[type="tel"], .contact input[type="email"], .contact input[type="url"], .contact textarea { background: #fff!important; color: #000; font-size: 16px; padding: 10px 15px 10px 15px; font-weight:300; border:0px solid #fff; margin-bottom:10px; width:100%; } .contact textarea{ height:200px; } /* button op 100% */ @media only screen and (max-width: 960px){ .contact input[type="submit"] { width:100%!important; } } .contact input[type="submit"] { border: 1px solid #282828; background: transparent; padding: 5px 40px; border-radius: 3px; text-transform: uppercase; margin-top: 10px; color: #282828; } .contact input[type="submit"]:hover { font-weight:bold;}


.menu-button{
    border: 1px solid #282828;
    background: transparent;
    padding: 5px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    /* margin-top: 10px; */
    color: #282828;
}
p a{
	color:#549C84;
}
p a:hover{
	color:#549C84;
}
.nieuwsbrief{
	padding:40px 0px 25px 0px!important;
	box-shadow: 0 8px 18px -6px rgba(0, 0, 0, .3);
}
.nieuwsbrief-right{
	margin-right:100px!important;
}
.nieuwsbrief-links p{
	font-size:25px;
}
.newsletter-signup {
    display: flex;
    width: 100%;
    background: #f7f2e8;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}

/* Fix voor Contact Form 7 automatische p/br tags */
.newsletter-signup p {
    display: contents;
    margin: 0;
}

.newsletter-signup br {
    display: none;
}



.newsletter-signup input[type="email"] {
    width: 100%;
    height: 50px;
    border: 0;
    background: #fff;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #444;
    outline: none;
    box-sizing: border-box;
	font-family: "Abyssinica SIL", serif;
}

.newsletter-signup input[type="email"]::placeholder {
    color: #444;
    opacity: 1;
}

.newsletter-signup input[type="submit"] {
    flex: 0 0 34%;
    height: 50px;
    border: 0;
    border-radius: 0;
    background: #5a86b5;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    appearance: none;
	font-family: "Abyssinica SIL", serif;
}

.newsletter-signup input[type="submit"]:hover {
    background: #2d66a3;
}

/* CF7 spinner niet tussen de velden laten vallen */
.newsletter-signup .wpcf7-spinner {
    position: absolute;
    right: 20px;
    bottom: -35px;
    margin: 0;
}
.lots button{
	background:#5a86b5;
	color:#fff;
}
.lots button {
	background: #5a86b5;
	color: #fff;
	position: relative;
	animation: lotsPulse 1.8s infinite;
	box-shadow: 0 0 0 0 rgba(84, 156, 132, 0.65);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.lots button:hover {
	transform: translateY(-2px);
	font-weight:normal!important;
}

@keyframes lotsPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(84, 156, 132, 0.65);
	}
	70% {
		box-shadow: 0 0 0 16px rgba(84, 156, 132, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(84, 156, 132, 0);
	}
}
.sponsors{
	font-family: "Abyssinica SIL", serif;
	padding: 0px;
    margin: 0px;
	margin-top: -5px;
}
.usp{
	padding: 70px 0px 40px 0px;
}
.pre-footer{
	margin:0px!important;
	background:#5a86b5!important;
	color:#fff!important;
}
.pre-footer img{
	width: 100% !important;
}
.pre-footer button{
	color:#fff;
	border:1px solid #fff;
}

@media (max-width:960px){
.nieuwsbrief-right{
	margin-right:0px!important;
}
	.nieuwsbrief-links p{
		text-align:center!important;
	}
	.copyright_right{
		text-align:center!important;
		margin:25px 0px;
	}
}
.osm-video-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 18px;
	border: 0;
	border-radius: 6px;
	background: #e30613;
	color: #fff;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease;
}

.osm-video-button:hover {
	background: #c9000d;
	transform: translateY(-2px);
}

.osm-video-button span {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	background: #fff;
	color: #e30613;
	font-size: 11px;
}

.osm-video-popup {
	width: min(1000px, calc(100% - 32px));
	max-width: none;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: #000;
	overflow: visible;
}

.osm-video-popup::backdrop {
	background: rgb(0 0 0 / 75%);
}

.osm-video-popup__content {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: inherit;
}

.osm-video-popup iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.osm-video-popup__close {
	position: absolute;
	z-index: 1;
	top: -42px;
	right: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #212529;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.osm-action-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.page .osm-action-buttons .osm-video-button,
.page .osm-action-buttons .osm-info-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 38px;
	margin-top: 10px;
	padding: 5px 40px;
	border: 1px solid #282828;
	border-radius: 3px;
	background: transparent;
	color: #282828;
	font: inherit;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.page .osm-action-buttons .osm-video-button:hover,
.page .osm-action-buttons .osm-info-button:hover {
	background: #282828;
	color: #fff;
}
.owner-image-column {
	position: relative;
}

.owner-video-card {
    position: absolute;
    z-index: 2;
    left: 30px;
    bottom: -30px;
    width: min(365px, calc(100% - 30px));
    padding: 28px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 12px 35px rgb(0 0 0 / 15%);
}

.owner-video-card h3 {
	margin: 0 0 8px;
	color: #282828;
	font-size: clamp(24px, 2vw, 34px);
	line-height: 1.15;
	font-family: "Abyssinica SIL", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}

.owner-video-card p {
	margin: 0 0 18px;
	color: #282828;
	line-height: 1.5;
}

.page .owner-video-card .osm-video-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 8px 22px;
	border: 1px solid #282828;
	border-radius: 3px;
	background: #282828;
	color: #fff;
	font: inherit;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

.page .owner-video-card .osm-video-button:hover {
	background: transparent;
	color: #282828;
}

.owner-video-card .osm-video-button span {
	font-size: 11px;
}

@media (max-width: 781px) {
	.owner-video-card {
		position: relative;
		left: auto;
		bottom: auto;
		width: calc(100% - 30px);
		margin: -35px auto 0;
	}
}
.ticket-button {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 13px 20px;
	border-radius: 11px;
	background: #5a86b5;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
	transition:
		transform 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

.ticket-button svg {
	flex: 0 0 auto;
	width: 27px;
	height: 27px;
	fill: currentColor;
}

.ticket-button:hover,
.ticket-button:focus-visible {
	background: #397360;
	color: #fff;
	text-decoration: none;
	transform: translateY(-3px);
	box-shadow: 0 11px 22px rgba(0, 0, 0, 0.24);
}

.ticket-button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.ticket-button {
		right: 15px;
		bottom: 15px;
		padding: 12px 16px;
		font-size: 14px;
	}

	.ticket-button svg {
		width: 24px;
		height: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ticket-button {
		transition: none;
	}
}

.order-succes{
	border:2px solid green;
	padding:10px;
}
.order-fail{
	border:2px solid red;
	padding:10px;
}