/*
 Theme Name:   MrMoeneys
 Theme URI:    https://www.wplounge.nl/
 Description:  MrMoeneys Theme
 Author:       Chris Tol
 Author URI:   https://www.sedero.nl/
 Template:     astra
 Version:      1.0.0
 Tags:         plaats, hier, jouw, tags, gescheiden, door, kommas
 Text Domain:  mrmoeneys
*/
 
/* =Eigen CSS hier beneden plaatsen
-------------------------------------------------------------- */
:root{
	--color-orange-light: #fdbc78;
	--color-orange: #e54e17;
	--color-blue-dark: #322f36;
}

html, body, button, select, span{
	font-family: 'Sofia Sans Condensed';
	font-weight: 300;
	color: #fff;
	font-size: 18px;
}

@media screen and ( max-width: 480px )
{
	.site-header-section > *{
		padding: 0 5px;
	}
}

#page{
	background-image: url('/wp-content/uploads/2025/07/bg-haven-volendam.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-color: var(--color-blue-dark);
}

.d-flex{
	display: flex;
	-webkit-display: flex;
}

.d-block{
	display: block;
}

.align-items-center{
	align-items: center;
}

.gap-1{
	gap: 10px;
}

.gap-2{
	gap: 20px;
}

.gap-3{
	gap: 30px;
}

.gap-4{
	gap: 40px;
}

.slick-slider{
	opacity: 0;
}

.slick-slider.slick-initialized
{
	opacity: 1;
}

.ms-auto {
  margin-left: auto !important; 
}

.badge{
	padding: 8px 15px;
	display: inline-block;
	border-radius: 15px;
	line-height: 1;
}

.badge-primary{
	background-color: var(--color-orange-light);
}

.list-check{
	list-style:none;
}

.list-check li::before{
	content: "\f00c";
	font: var(--fa-font-solid);
	margin-right:5px;
	color: var(--color-orange-light);
}

.ast-builder-menu-2{
	background-color: var(--color-orange-light);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.ast-builder-menu-2 ul li a{
	color: var(--color-blue-dark) !important;
}

.ast-builder-menu-2 ul li::after{
	content: "";
	height: 20px;
	width: 1px;
	background-color: var(--color-blue-dark);
	position: absolute;
	right: 0;
}

.ast-header-account-type-icon{
	display: block;
}

.ast-header-account-link span{
	display: none;
}

.ast-header-account-link::before{
	content: "";
	width: 100%;
	height: 33px;
	clear: both;
	display: block;
	background-image: url('assets/images/icon-account.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	filter: brightness(0) invert(1);
	margin-bottom: 4px;
}

.ast-header-account-link::after{
	content: "ACCOUNT";
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
}

.ast-search-menu-icon.slide-search .search-form{
	right: 3em;
}

.astra-search-icon span{
	display: none;
}

.astra-search-icon{
	display: block !important;
	cursor: pointer;
}

.astra-search-icon::before{
	content: "";
	width: 100%;
	height: 33px;
	clear: both;
	display: block;
	background-image: url('assets/images/icon-search.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	filter: brightness(0) invert(1);
	margin-bottom: 4px;
}

.astra-search-icon::after{
	content: "ZOEKEN";
	display: block;
	font-size: 14px;
	font-weight: 700;
}

.ast-desktop .ast-primary-header-bar .ast-header-woo-cart{
	padding-left: 0;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link{
	color: var(--color-blue-dark) !important;
}

.ast-mobile-header-wrap .ast-above-header-bar, 
.ast-above-header-bar .site-above-header-wrap,
.ast-mobile-header-wrap .ast-primary-header-bar, 
.ast-primary-header-bar .site-primary-header-wrap{
	max-width: 1400px;
	margin: 0px auto;
}


h1.front-page-title{
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.7em;
	font-size: 1.6rem;
}

h1.front-page-title .subtitle{
	font-size: 55px;
	color: var(--color-orange-light);
	font-weight: 900;
	display: block;
	text-transform: uppercase;
}

@media screen and ( min-width: 921px )
{
	.ast-site-identity{
		margin-top: -45px;
	}

	.ast-builder-menu-1{
		margin-left: 10px;
	}
	
	.row-front-page-main{
		max-width: 750px !important;
		margin-left: 12% !important;
	}
	
	h1.front-page-title{
		font-weight: 300;
		text-transform: uppercase;
		line-height: 1.7em;
		font-size: 1.875rem;
	}
	
	h1.front-page-title .subtitle{
		font-size: 90px;
		color: var(--color-orange-light);
		font-weight: 900;
		display: block;
		text-transform: uppercase;
	}

}

.row-header-title{
	text-transform: uppercase;
	font-weight: 300 !important;
	line-height: 1.5em !important;
}

.row-header-title .big-title{
	font-size: 52px !important;
	font-weight: 900  !important;
	color: var(--color-orange-light);
	display: block;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, 
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section{
	max-width: 768px;
}

.site-footer section{
	margin-bottom: 5px;
}

.site-footer section img{
	max-width: 200px;
}

.site-footer section p{
	margin-bottom: 10px;
}

.table-openingstijden table{
	border-spacing: 6px;
  	border-collapse: separate;
  	border: none;
}

.table-openingstijden table td{
	background-color: var(--color-orange-light);
	color: var(--color-blue-dark);
	border-radius: 10px;
	padding: 2px 15px
}

@media screen and ( max-width: 768px )
{
	
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{
	 	max-width: 500px;
	 	margin: 0px auto;
   		text-align: center;
	}
	
	.ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item{
		text-align: center;
	}
}


/*
 * ARCHIVE ARTIST
 */
.alphabet-nav{
	width: 100%;
	margin-bottom: 10px;
}

.alphabet-nav a{
	display: inline-block;
	padding: 7px 16px;
	text-align: center;
	margin-right: 5px;
	border: 1px solid var(--color-orange-light);
	margin-bottom: 5px;
}

.alphabet-nav a.active{
	background-color: var(--color-orange-light);
	color: var(--color-blue-dark);
}

.genres-archive-container{
	width: 100%;
}

.artist-archive-container ul,
.genres-archive-container ul{
	columns: 1;
	margin-left: 20px !important;
}

@media screen and (min-width: 480px )
{
	.artist-archive-container ul,
	.genres-archive-container ul{
		columns: 2;
	}
}

@media screen and (min-width: 921px )
{
	.artist-archive-container ul,
	.genres-archive-container ul{
		columns: 3;
	}
}

.ast-footer-copyright p{
	color: #fff;
}

#row-uitgelicht{
	background-image: url('assets/images/bg-uitgelicht.png');
	background-position: center top;
	background-repeat: no-repeat;
}

#row-uitgelicht h3{
	padding: 1em 0;
}

#columns-showroom .column-showroom-text{
	background-image: url('assets/images/bg-showroom.png');
	background-position: center top;
	background-repeat: no-repeat;
}

#columns-showroom .column-showroom-text h2{
	padding: 2em 0;
}

@media screen and ( min-width: 768px )
{
	#columns-showroom .column-showroom-image img{
		scale: 1.3;
	}
}

#columns-shipping .column-shipping-text h3{
	margin-bottom: 0;
}

#columns-shipping .column-shipping-text .subtitle{
	margin-bottom: 0;
	margin-top: 10px;
	line-height: 1.1;
}

@media screen and ( max-width: 480px )
{
	#columns-shipping{
		padding: 15px;
	}
}

.div-contact-form {
	background-color: #fff;
  	padding: 10px;
  	border-radius: 5px;
}

.gform_wrapper{
--gf-local-bg-color: var(--color-orange);
}

.gform-theme--foundation {
	--gf-form-gap-y: 10px !important;
	--gf-form-footer-margin-y-start: 10px !important;
}

.gform_button {
	background-color: var(--color-orange) !important;
	color: #ffffff !important;
	display: inline-block !important;
	width: 250px !important;
	margin-bottom: 10px !important;
}

.gfield_label.gform-field-label{
	color: #fff !important;
}

.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub{
	color: #fff !important;
}