/*
Theme Name: Mel Wallis de Vries 2024
Theme URI: https://www.melwallisdevries.nl
Author: Eclectic Producties
Author URI: https://www.eclecticproducties.nl
Description: Theme for Mel Wallis de Vries.
Tags:
Version: 2024
Requires at least:
Tested up to: 
Requires PHP: 
License: 
License URI: 
Text Domain: 
*/

/* HTML */
body { background-color: #000000; color: #ffffff; margin: 0px; font-family: "Maven Pro", sans-serif; font-weight: 400; font-size: 22px; line-height: 28px; }
h1 { font-weight: 700; font-size: 48px; line-height: 56px; }
h2 { font-weight: 700; color: #ffffff; font-size: 28px; line-height: 32px; }
h3 { font-weight: 700; }
p { margin: 0px 0px 15px 0px; }

/* general classes */
.button { color: #ffffff; position: relative; padding: 10px 30px 10px 30px; border: 0px; margin: 20px 0px 30px 0px; border-radius: 10px; font-weight: 700; font-size: 24px; cursor: pointer; text-decoration: none; display:  inline-block; /*transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);*/ }
.button:hover { /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);*/ color: #ffffff; }
.button_holder { margin-top: 30px;}
.button_holder a, .submit-wrap input { color: #000000; background-color: #ffffff; position: relative; padding: 10px 30px 10px 30px; border: 0px; margin: 0px 0px 30px 0px; border-radius: 10px; font-weight: 700; font-size: 24px; cursor: pointer; text-decoration: none; /*transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);*/ }
.button_holder a:hover, .submit-wrap input:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); /*color: #ffffff;*/ }
#scheur_holder_content .button_holder { margin-top: 30px;}
#scheur_holder_content .button_holder a { color: #000000 !important; background-color: #ffffff !important; position: relative; padding: 10px 30px 10px 30px; border: 0px; margin: 0px 0px 30px 0px; border-radius: 10px; font-weight: 700; cursor: pointer; text-decoration: none; /*transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);*/ }
#scheur_holder_content .button_holder a:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); background-color: #ffffff !important; /*color: #ffffff;*/ }
/*#scheur_holder_content img, */.roteer_links img { transform: rotate(-5deg); box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); }
.intro { font-weight: 700; }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.image_responsive { width: 100%; height: auto; }
.titel_na_scheur { margin: 0px 0px 40px 0px; }
#content_below_scheur { z-index: 10; position: relative; }
#scheur_holder_content a { color: #000000; }
#scheur_holder_content a:hover { color: #ffffff; }
#content_below_scheur a { color: #ffffff; }
.is-desktop-preview h2 { color: #000000; }

/* header */
.menu-main-menu-2025-container { display: none; }
.menu-main-menu-2025-container ul a { text-decoration: none; font-weight: 700; font-size: 24px; text-transform: capitalize; }
.menu-main-menu-2025-container ul a:hover { color: #ffffff; }
.menu-main-menu-2025-container ul li { margin-bottom: 5px; }
#logo_mel { margin: 20px 0px 20px 0px; width: 100%; height: auto; }
#header_icons { position: absolute; right: 0px; top: 10px; font-size: 36px; }
#holder_header_image_icons { position: relative; }
#holder_header_image_icons img { margin-top: 40px; }
#header_icons a { color: #ffffff; }

#menu_mobile_toggle { font-size: 36px; cursor: pointer; }
#menu_mobile { display: none; }
#menu_mobile .menu-main-menu-2025-container { display: block; position: absolute; z-index: 20; border: 2px solid #000; width: 100%; left: 0px; background-color: rgba(0, 0, 0, 0.8); }
.home_cover img { width: 50%; margin-left: 25%; margin-top: 30px; }

/* footer */
#footer_holder_dislaimer { padding: 160px 0px 50px 0px; }
#footer_holder_socials { position: relative; }
#footer_holder_socials .container { position: absolute; bottom: -120px; left: 50%; transform: translate(-50%, 0); }
footer a { color: #ffffff; text-decoration: none; }
footer a:hover { color: #000000; }

/* nieuws */
#news_overview a { text-decoration: none; }
#news_overview a:hover { color: #ffffff !important; }
#news_overview .date { margin-bottom: 5px; margin-top: 15px; }
#news_overview h2 { margin-top: 0px; margin-bottom: 30px !important; line-height: 32px; }
#scheur_holder_content #news_overview a:hover h2 { color: #ffffff !important; }

#news_overview { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; /*max-width: 1080px;*/ margin: 0 auto; margin-top: 30px; padding: 0; list-style: none; }
#news_overview li { width: 100%; box-sizing: border-box; }
#news_overview li a { display: block; text-decoration: none; color: inherit; }
#news_overview img { width: 100%; height: auto; display: block; }


/* scheur */
#scheur_top { margin-top: -50px; position: relative; pointer-events: none; }
#scheur_top svg { display: block; }
#scheur_top #page_title_holder { position: absolute; bottom: -20px; width: 100%; }
#scheur_top header h1 { color: #000000 !important; text-align: right; margin: 0px; font-size: 28px; line-height: 30px; }
#scheur_top .post-edit-link { display: none; }
#scheur_bottom, #scheur_footer { display: block; margin: 0px 0px -1px 0px; } /* #scheur_top,*/
#scheur_holder_content .container { z-index: 5; position: relative; }
#scheur_holder_content #scheur_bottom { z-index: 1; position: relative; margin-top: 0px; }
#scheur_holder_content { padding-top: 50px; margin-top: -1px; }
#scheur_holder_content h2 { color: #000000; margin-bottom: 15px; margin-top: 0px; font-size: 24px; line-height: 28px; }
.block-editor .titel_na_scheur { color: #ffffff; }
.block-editor .button_holder a { pointer-events: none; }

/* covermodel overview */
#covermodel_overview { margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; list-style-type: none; padding: 0; margin: 0; }
#covermodel_overview li { position: relative; /*width: 25%; padding: 0px; display: inline-block; vertical-align: top;*/ margin-bottom: 20px; }
#covermodel_overview h2 { color: #ffffff; margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 15px 15px 15px 15px; font-size: 24px; }
#covermodel_overview li ul { margin: 0px; padding: 0px; position: absolute; left: 20px; bottom: -40px; display: flex; list-style-type: none; font-weight: 700; }
#covermodel_overview li ul li { display: inline-block; width: 50px; height: 50px; /*line-height: 50px;*/ border-radius: 27px; background-color: #ffffff; text-align: center; font-size: 18px; line-height: 16px; text-decoration: none; display: flex; justify-content: center; align-items: center; margin-right: 10px; }
/*#covermodel_overview li ul li:last-child { margin-right: 0; }*/
.info_social:hover { color: #ffffff !important; }
.info_social { font-size: 36px !important; }
.info_social svg { transform: scale(0.6); transform-origin: center; }
.info_social:hover svg { fill: #ffffff; }

.image_holder { position: relative; }
.image_holder img { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.image_holder .icon-angle-circled-right { position: absolute; top: -18px; right: 45px; font-size: 42px; cursor: pointer; color: #ffffff; text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, 1); }
.image_holder .icon-heart-circled { position: absolute; top: -14px; right: 5px; font-size: 36px; cursor: pointer; color: #ff0000; text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, 1);  }
.image_holder .icon-angle-circled-right:hover, .image_holder .icon-heart-circled:hover { text-shadow: 0 0 10px rgba(0, 0, 0, 0.7), 0 0 20px rgba(0, 0, 0, 0.5); opacity: 1; }
.pagination { text-align: center; margin: 30px 0px 30px 0px; font-size: 24px; font-weight: 700; }
.page-numbers { display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; text-align: center; font-size: 20px; color: #ffffff; text-decoration: none; }
.current, .current:hover { background-color: #dddddd !important; color: #000000; }
.prev.page-numbers, .next.page-numbers { width: auto; padding: 0px 20px 0px 20px; text-decoration: none; }
.prev.page-numbers:hover, .next.page-numbers:hover, .page-numbers:hover { background-color: #ffffff; color: #000000 !important; }
.covermodel_inzend_id { font-size: 18px; font-weight: 400; }
.icon_fav_not_favorite { opacity: 0.5; color: #ffffff !important; }
#covermodel_overview .icon-group { font-size: 36px; }
#covermodel_overview .icon-adult { font-size: 30px; }

/* socials */
#socials_holder { }
#socials_holder h2 { margin: 0px 0px 0px 0px; color: #ffffff !important; }
#socials_holder p { margin-bottom: 0px; }
#socials_icons_holder {  display: flex; gap: 20px; float: right; margin: 5px 0px 0px 0px; width: auto; text-align: center; padding-left: 0px !important; }
#socials_icons_holder li { display: inline-block; }
#socials_icons_holder li .icon_holder { width: 50px; height: 50px; background-color: #ffffff; font-size: 30px; text-align: center; padding-top: 0px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
#socials_icons_holder li .icon_holder:hover { background-color: #000000; }
#socials_text_holder {  }
#social_tiktok { width: 35px; height: 35px; }
#socials_icons_holder .icon_holder svg, #socials_icons_holder .icon_holder i { display: block; }

/* highlighted books */
#highlighted_books_holder { margin: 50px 2% 50px 2%; padding: 0px; list-style: none; display: inline-block; text-align: center; width: 96%; }
#highlighted_books_holder li { display: inline-block; width: 33%; margin: 0px; padding: 0px; position: relative; }
#highlighted_books_holder li:nth-child(1) { z-index: 5; }
#highlighted_books_holder li:nth-child(2) { z-index: 4; }
#highlighted_books_holder li:nth-child(3) { z-index: 3; }
#highlighted_books_holder li:nth-child(4) { z-index: 2; }
#highlighted_books_holder li:nth-child(5) { z-index: 1; }
#highlighted_books_holder li:hover { z-index: 10; }
#highlighted_books_holder li img { width: 105%; height: auto; transform: rotate(7deg); transition: transform 0.5s ease; vertical-align: top; }
#highlighted_books_holder li img:hover { transform: rotate(2deg) scale(1.1); }

/* newsletter */
#newsletter_holder { margin: 50px 0px 0px 0px; }
#newsletter_image { width: 60%; height: auto; border-radius: 50%; margin-left: 20%; }
#newsletter_holder .button { float: left; }

/* Video */
.video_holder, .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; margin-bottom: 40px; overflow: hidden; }
.video_holder iframe, .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Spotler forms */
.mpFormTable { list-style: none; margin: 0px; padding: 0px; }
.mpFormTable li { margin: 0px; padding: 0px; }
.mpFormField input[type="checkbox"] { width: 20px !important; }
.mpFormTable label { font-weight: 700; }
.mpFormTable label.mpMultipleLabel { font-weight: 400; }

#scheur_holder_content .mpErrorRow { color: #ffffff; font-weight: 700; }
#scheur_holder_content .submitButton { background-color: #ffffff; color: #000000; position: relative; padding: 10px 30px 10px 30px; float: right; border: 0px; margin: 30px 0px -50px 0px; border-radius: 10px; font-weight: 700; font-size: 22px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
#scheur_holder_content .submitButton:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); }
.mpFormField input[type="text"] { padding: 10px !important; border: 0px !important; font-size: 18px; width: calc(100% - 20px) !important; }
.submitCellSpacer { flex-basis: 100% !important; }

/* Ninja forms */
.ninja-forms-field[type="text"], .ninja-forms-field[type="email"]{ height: 40px; font-size: 22px; } 
.ninja-forms-field[type="textarea"] { height: 90px; font-size: 22px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h2 { font-size: 36px; line-height: 44px; }
	#socials_text_holder { /*text-align: left; width: auto; margin-bottom: 0px;*/ }
	#socials_icons_holder {  text-align: right; }
	#socials_icons_holder li { /*margin-left: 20px;*/ margin-right: 0px; }
	#covermodel_overview { grid-template-columns: repeat(2, 1fr); }
	#scheur_holder_content #scheur_bottom { /*margin-top: -70px;*/ }
	#news_overview { grid-template-columns: repeat(2, 1fr); }
	#footer_holder_socials .container { bottom: -50px; }
	#footer_holder_dislaimer { padding: 110px 0px 50px 0px; }
	#scheur_top { margin-top: -100px; }
	#scheur_top #page_title_holder { bottom: 20px; }
	#scheur_top header h1 { font-size: 32px; line-height: 36px; }
	#logo_mel { width: 80%; margin-bottom: 0px; }
	.menu-main-menu-2025-container { display: block; }
	/*.menu-main-menu-2025-container ul a { font-size: 24px; }*/
	.titel_na_scheur { margin: -30px 0px 40px 0px; }
	#newsletter_image { width: 40%; margin-left: 30%; }
	.home_cover img { width: 100%; margin-left: 0%; margin-top: 0px; }
	.button, .button_holder a, .submit-wrap input { font-size: 28px; }
	#highlighted_books_holder li { width: 20%; }
	#highlighted_books_holder { margin: 50px 0px 50px 0px; text-align: left; width: 100%; }
	#holder_header_image_icons img { margin-top: 0px; }
	#menu_mobile_toggle { display: none; }
	#scheur_holder_content h2 { font-size: 28px; line-height: 32px; margin-bottom: 20px; }
	#scheur_holder_content { padding-top: 30px; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#covermodel_overview { grid-template-columns: repeat(4, 1fr); }
	#news_overview { grid-template-columns: repeat(3, 1fr); }
	#footer_holder_socials .container { bottom: 0px; }
	#scheur_top { margin-top: -140px; }
	#scheur_top #page_title_holder { bottom: 20px; }
	#scheur_top header h1 { font-size: 42px; line-height: 46px; }
	#logo_mel { width: 100%; margin-bottom: 20px; }
	.menu-main-menu-2025-container ul a { font-size: 28px; }
	.titel_na_scheur { margin: -60px 0px 40px 0px; }
	#newsletter_image { width: 100%; margin-left: 0%; }
	#newsletter_holder .button { float: right; }
}
	
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#scheur_holder_content #scheur_bottom { /*margin-top: -180px;*/ }
	#footer_holder_socials .container { bottom: 50px; }
	#footer_holder_dislaimer { padding: 40px 0px 50px 0px; }
	#scheur_top { margin-top: -175px; }
	#scheur_top #page_title_holder { bottom: 40px; }
	#scheur_top header h1 { font-size: 48px; line-height: 56px; }
	.titel_na_scheur { margin: -120px 0px 40px 0px; }
}

/* bootstrap styles */
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}*/