body,
html {
margin: 0;
padding: 0;
}
#content.site-content {
margin: 0;
padding: 0;
background-color: #ffde82;
background-image: url(https://www.hoefvinyl.nl/wp-content/uploads/2026/06/background_new.jpg);
} #masthead.site-header.default-style {
padding: 0 !important;
margin: 0 !important;
background-image: url(https://www.hoefvinyl.nl/wp-content/uploads/2026/06/artists_main.jpg) !important;
background-repeat: no-repeat !important;
background-position: center center !important; background-size: 100% 100% !important;
background-color: #160b05 !important; height: clamp(145px, 27.34vw, 525px) !important;
min-height: 0 !important; border-bottom: 15px solid #660000 !important;
box-sizing: content-box !important;
}
@media (max-width: 768px) {
#masthead.site-header.default-style {
height: clamp(145px, 27.34vw, 260px) !important;
background-size: 100% 100% !important;
background-position: center center !important;
border-bottom: 15px solid #660000 !important;
box-sizing: content-box !important;
}
}
html {
scroll-behavior: auto;
}
a:focus,
button:focus {
outline: none;
}
.page-entry-title.entry-title {
display: none;
}
.fm-form-container.fm-theme1 {
margin: 0 auto;
}
input[type=submit] {
margin: 0 auto;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 30px;
font-size: 14px;
line-height: 5px;
text-align: center;
margin-top: 10px;
}
#postKeyword {
border-radius: 20px;
border-width: 1px;
border-style: solid;
border-color: #000000;
width: 350px;
}
.button-submit {
border-width: 2px;
border-style: solid;
border-color: #000;
border-radius: 30px;
}
.widget-title {
background-color: #d1ce1d;
color: #51520c;
height: 50px;
padding: 10px;
} #nav_menu-2.widget.widget_nav_menu {
background: linear-gradient(180deg, rgba(92, 43, 12, 0.96), rgba(38, 18, 8, 0.97));
border: 2px solid #d69a38;
border-radius: 20px;
width: 100%;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 18px rgba(255, 198, 82, 0.18);
text-align: center;
margin-top: -42px;
overflow: hidden;
} #nav_menu-2.widget.widget_nav_menu .widget-title,
#nav_menu-2.widget.widget_nav_menu h2,
#nav_menu-2.widget.widget_nav_menu h3 {
background: linear-gradient(180deg, #e0a943, #8a3f12);
color: #2a1206 !important;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 1px;
padding: 13px 10px;
margin: 0 0 14px 0;
border-bottom: 2px solid #2a1206;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45);
} #nav_menu-2.widget.widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 8px 18px 18px 18px;
} #nav_menu-2.widget.widget_nav_menu li {
margin: 7px 0;
} #nav_menu-2.widget.widget_nav_menu a {
display: block;
color: #ffe7a3 !important;
text-decoration: none;
font-size: 18px;
line-height: 1.35;
padding: 7px 10px;
border-radius: 12px;
text-shadow: 1px 1px 2px #000;
transition: all 0.2s ease;
} #nav_menu-2.widget.widget_nav_menu a:hover {
background: rgba(255, 195, 73, 0.18);
color: #ffffff !important;
box-shadow: inset 0 0 10px rgba(255, 215, 120, 0.25);
} #nav_menu-2.widget.widget_nav_menu ul {
padding: 6px 22px 22px 22px;
}
#nav_menu-2.widget.widget_nav_menu li {
margin: 0;
border-bottom: 1px solid rgba(255, 214, 128, 0.18);
}
#nav_menu-2.widget.widget_nav_menu li:last-child {
border-bottom: none;
}
#nav_menu-2.widget.widget_nav_menu a {
padding: 13px 8px;
font-size: 17px;
}
#nav_menu-2.widget.widget_nav_menu .widget-title,
#nav_menu-2.widget.widget_nav_menu h2,
#nav_menu-2.widget.widget_nav_menu h3 {
letter-spacing: 1.5px;
font-size: 20px;
}
.widget ul li {
padding-left: 5px;
padding-bottom: 10px;
}
[type=button] {
background-color: #d1ce1d;
color: #000;
}
#sluiten {
background-color: #d1ce1d;
}
.linkerwiel {
width: 28px;
height: 28px;
margin-top: 47px;
margin-left: 1px;
}
.rechterwiel {
width: 28px;
height: 28px;
margin-top: 47px;
margin-left: 50px;
}
#start.aanuit {
background-color: #d1ce1d;
border-radius: 30px;
border-width: 2px;
border-style: solid;
border-color: #000000;
margin-top: 10px;
color: #000000;
} #post-1129.post-1129.page.type-page.status-publish.hentry {
background: linear-gradient(180deg, rgba(112, 48, 12, 0.94), rgba(43, 18, 7, 0.97)) !important;
border: 2px solid #d69a38 !important;
border-radius: 30px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 22px rgba(255, 198, 82, 0.14) !important;
padding: 18px !important;
width: 90% !important;
margin-top: 100px !important;
color: #fff0bd !important;
overflow: hidden !important;
} #post-1129.post-1129.page.type-page.status-publish.hentry h1,
#post-1129.post-1129.page.type-page.status-publish.hentry h2,
#post-1129.post-1129.page.type-page.status-publish.hentry h3,
#post-1129.post-1129.page.type-page.status-publish.hentry h4 {
color: #f2c15d !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
}
#post-1129.post-1129.page.type-page.status-publish.hentry p,
#post-1129.post-1129.page.type-page.status-publish.hentry li,
#post-1129.post-1129.page.type-page.status-publish.hentry span {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
}
#post-1129.post-1129.page.type-page.status-publish.hentry a {
color: #ffe7a3 !important;
font-weight: bold !important;
}
#topbar.bam-topbar.clearfix {
background-color: #d1ce1d;
display: none;
}
.alignleft.wp-image-1137.size-medium {
border-width: 2px;
border-style: solid;
border-color: #000;
}
.wp-image-1143.alignright {
border-width: 2px;
border-style: solid;
border-color: #000;
}
form {
text-align: center;
color: #000000;
}
span {
color: #3e0f1c;
}
#custom_html-3.widget_text.widget.widget_custom_html {
height: 50px;
}
.cassettebandje {
position: absolute;
top: 0px;
width: 400px;
box-shadow: 5px 10px 20px black;
margin-top: 20px;
}
#stop.aanuit {
display: none;
}
.tablepress img {
width: 100px;
height: 100px;
}
.dataTables_wrapper .dataTables_length select {
color: #000000;
}
.dataTables_wrapper .dataTables_filter input {
border-width: 2px;
border-style: solid;
border-color: #000000;
background-color: #f09143;
border-radius: 20px;
margin-bottom: 10px;
width: 400px;
}
.dataTables_wrapper {
color: #000000;
}
.column-9 {
display: none;
}
.tablepress>:where(tbody)>.even>* {
background-color: #f7ba13;
border-width: 1px;
border-style: solid;
border-radius: 20px;
border-color: #1a1414;
}
.tablepress>:where(tbody)>.odd>* {
border-width: 1px;
border-style: solid;
border-color: #1a1414;
border-radius: 20px;
background-color: #e37629;
}
.tablepress .sorting:hover {
background-color: #376b21;
color: #ffffff;
}
.tablepress .sorting {
background-color: #376b21;
color: #ffffff;
border-radius: 20px;
visibility: hidden;
}
table.dataTable thead th {
background-color: #44692d;
color: #ffffff;
border-radius: 20px;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin-bottom: 20px;
}
.column-1 {
display: none;
}
.column-5 {
display: none;
}
.column-6 {
display: none;
}
.column-7 {
display: none;
}
.column-8 {
display: none;
}
.column-11 {
display: none;
}
.column-2 {
width: 100px;
height: 100px;
}
.column-3 {
width: 440px;
text-align: left;
font-weight: bold;
}
.column-4 {
width: 440px;
text-align: left;
font-weight: bold;
}
.column-10 {
width: 40px;
text-align: center;
font-weight: bold;
}
.tablepress>.row-hover>tr:hover>* {
display: table;
margin-left: 20%;
}
.footer-widget-area.clearfix.th-columns-3 {
height: 20px;
display: none;
}
#post-1391.post-1391.page.type-page.status-publish.hentry {
background-color: #876a26;
border-radius: 40px;
padding: 30px;
box-shadow: 5px 10px 20px black;
margin-top: 30px;
}
#menu-item-1399.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1399 {
color: #f21111;
font-size: 20px;
font-weight: bold;
}
#post-1408.post-1408.page.type-page.status-publish.hentry {
color: #39324a;
font-size: 18px;
font-weight: bolder;
border-width: 2px;
border-style: solid;
border-color: #6b3c0e;
background-color: #ffc926;
border-radius: 30px;
box-shadow: 5px 8px 5px black;
padding: 20px;
margin-top: 30px;
width: 90%;
margin-left: 92px;
}
#custom_html-5.widget_text.widget.widget_custom_html {
color: #3e0f1c;
background-color: #d0eb23;
width: 300px;
border-radius: 20px;
border-width: 2px;
border-style: solid;
box-shadow: 5px 8px 10px black;
}
.fm-header-title {
color: #d1ce1d;
}
#bericht {
width: 250px;
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: #877b7b;
}
#naam {
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: #877b7b;
width: 250px;
}
.reactie {
text-align: left;
padding-left: 10px;
line-height: 10px;
}
.naam {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #877b7b;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #877b7b;
padding-bottom: 5px;
width: 200px;
}
[type=submit] {
border-radius: 30px;
border-width: 1px;
border-style: solid;
border-color: #000000;
color: #000000;
margin-top: 20px;
}
.messages {
text-align: left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000;
}
.pagination {
height: 20px;
}
button:hover {
color: #000000;
border-radius: 30px;
margin-bottom: 20px;
background-color: #d1ce1d;
}
#panel-1040-0-0-1.so-panel.widget.widget_form_maker_widget.form_maker_widget {
background-color: #916622;
border-radius: 30px;
box-shadow: 5px 8px 10px black;
border-width: 2px;
border-style: solid;
border-color: #000000;
color: #d1ce1d;
margin-top: 0px;
padding-top: 0px;
}
.widget_text.panel-widget-style.panel-widget-style-for-1040-0-0-2 {
color: #000000;
background-color: #d0eb23;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 20px;
width: 300px;
text-align: center;
margin-top: 0px;
padding-top: 0px;
}
.panel-grid-cell .widget-title {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
width: 500px;
margin-top: -20px;
margin-left: -20px;
}
.gastenboek-formulier {
border-width: 2px;
border-style: solid;
border-color: #000;
box-shadow: 5px 8px 5px black;
}
#panel-1040-0-1-0.so-panel.widget.widget_xyz_insert_php_widget.panel-first-child {
background-color: #de7214;
border-radius: 30px;
border-width: 2px;
border-style: solid;
border-color: #000000;
box-shadow: 5px 8px 5px black;
}
.person {
padding-left: 10px;
}
.entry {
margin-top: 30px;
border-width: 1px;
border-style: solid;
border-color: #000;
}
.message {
padding-left: 10px;
}
#message {
border-radius: 10px;
width: 250px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
#person {
border-radius: 10px;
width: 250px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
h4 {
font-size: 22px;
text-align: center;
font-weight: bold;
}
#panel-1040-0-1-1.so-panel.widget.widget_text.panel-last-child {
background-color: #a65215;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 30px;
box-shadow: 5px 8px 5px black;
color: #fcf2f2;
} ::-webkit-scrollbar {
width: 15px; }
::-webkit-scrollbar-track {
background-color: #f1f1f1; }
::-webkit-scrollbar-thumb {
background-color: #DE7214; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-thumb:hover {
background-color: #D05A0D; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-thumb:active {
background-color: #B24F0B; box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.6); } html {
scrollbar-width: thin; scrollbar-color: #DE7214 #f1f1f1; }
#pgc-1040-0-0.panel-grid-cell {
width: 400px;
margin-left: 18px;
}
#start.startStop {
margin-right: 90px;
}
label {
color: #ffffff;
text-align: left;
margin-top: 20px;
font-weight: bold;
}
.select-container {
margin-right: 30px;
}
#genreSelect {
margin-right: -25px;
height: 35px;
margin-top: 20px;
}
#primary.content-area {
margin-left: -20px;
}
#pgc-1040-0-1.panel-grid-cell {
margin-right: 12px;
}
#pg-1040-0.panel-grid.panel-no-style {
margin-top: 40px;
}
.site-logo-image img {
margin-top: 50px;
}
#taal {
height: 35px;
margin-top: 20px;
}
td {
color: #FFF0BD;
}
th {
background-color: #558052;
text-align: center;
}
#post-1597.post-1597.page.type-page.status-publish.hentry {
width: 600px;
}
button {
border-radius: 30px;
border-width: 1px;
border-style: solid;
border-color: #000000;
color: #000;
margin-bottom: 20px;
background-color: #D1CE1D;
}
button:visited {
border-radius: 30px;
border-width: 1px;
border-style: solid;
border-color: #000000;
color: #000;
margin-bottom: 20px;
background-color: #D1CE1D;
}
#panel-1040-0-1-1.widget_text.so-panel.widget.widget_custom_html.panel-last-child {
padding: 20px;
}
input[type=text] {
width: 350px;
}
#site-navigation.main-navigation {
display: none;
}
.vraag-container {
margin-top: 70px;
}
.site-info a:hover {
color: #000000;
visibility: hidden;
}
a:hover {
color: #777777 !important;
} .weetje {
box-sizing: border-box;
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
color: #fff0bd !important;
padding: 22px !important;
border-radius: 20px !important;
border: 2px solid #d69a38 !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 20px rgba(255, 198, 82, 0.16) !important;
max-width: 800px !important;
overflow: hidden !important;
font-family: Georgia, "Times New Roman", serif !important;
margin-left: auto !important;
margin-right: auto !important;
width: 95% !important;
} .weetje h1,
.weetje h2,
.weetje h3,
.weetje h4 {
color: #f2c15d !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
} .weetje p,
.weetje li,
.weetje span {
color: #fff0bd !important;
line-height: 1.6 !important;
text-shadow: 1px 1px 2px #000 !important;
} .weetje hr {
border: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(255, 214, 128, 0.55), transparent) !important;
margin: 24px 0 !important;
} .weetje a {
color: #ffe7a3 !important;
font-weight: bold !important;
}
@media (max-width: 768px) {
.weetje {
width: 95% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
padding: 18px !important;
}
} @media (max-width: 768px) {
#pgc-1040-0-0,
#pgc-1040-0-1 {
width: calc(100% - 40px) !important; margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}
}
.weetje img {
float: right;
margin: 0 0 10px 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
border-radius: 4px; }
.weetje-content {
background-color: #0076ae;
color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 5px 10px 20px black;
max-width: 800px;
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;
font-family: Arial, sans-serif;
margin-left: 200px;
}
.weetje-content img {
float: right;
margin: 0 0 10px 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.5);
border-radius: 4px; } #post-1924.post-1924.page.type-page.status-publish.hentry {
background: linear-gradient(180deg, rgba(112, 48, 12, 0.94), rgba(43, 18, 7, 0.97)) !important;
margin-top: 106px !important;
padding: 22px 20px !important;
border-radius: 30px !important;
box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.75),
inset 0 0 22px rgba(255, 198, 82, 0.14) !important;
border: 2px solid #d69a38 !important;
color: #fff0bd !important;
overflow: hidden !important;
} #post-1924.post-1924.page.type-page.status-publish.hentry h1,
#post-1924.post-1924.page.type-page.status-publish.hentry h2,
#post-1924.post-1924.page.type-page.status-publish.hentry h3,
#post-1924.post-1924.page.type-page.status-publish.hentry h4 {
color: #f2c15d !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
}
#post-1924.post-1924.page.type-page.status-publish.hentry p,
#post-1924.post-1924.page.type-page.status-publish.hentry li,
#post-1924.post-1924.page.type-page.status-publish.hentry span {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
}
#post-1924.post-1924.page.type-page.status-publish.hentry a {
color: #ffe7a3 !important;
font-weight: bold !important;
}
#post-1952.post-1952.page.type-page.status-private.hentry {
background-color: #944747;
margin-top: 30px;
padding-left: 30px;
}
#periode {
background-color: #000000;
}
h3 {
margin-top: -40px;
}
.weetje-artiest {
display: none;
} #artiest-dropdown {
background: #fff7df !important;
color: #2a1206 !important;
padding: 10px 12px !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35),
0 0 8px rgba(255, 198, 82, 0.16) !important;
font-weight: 700 !important;
} .artiesten-dropdown-container {
width: 220px !important;
} #artiest-dropdown:focus {
outline: none !important;
border-color: #d69a38 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35),
0 0 10px rgba(242, 193, 93, 0.45) !important;
} #artiest-search {
color: #2a1206 !important;
background: #fff7df !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
padding: 9px 12px !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35),
0 0 8px rgba(255, 198, 82, 0.16) !important;
} #artiest-search::placeholder {
color: #6a3513 !important;
opacity: 0.75 !important;
} #artiest-search:focus {
outline: none !important;
border-color: #d69a38 !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35),
0 0 10px rgba(242, 193, 93, 0.45) !important;
}
body:not(.home) .entry-content {
margin-top: 0;
}
body:not(.home) .entry-content .hv-agenda-box {
margin-top: 0;
}
.home .entry-content {
margin-top: -30px;
}
.textwidget.custom-html-widget {
text-align: center;
}
.weetjes-lijst {
margin-top: 60px;
}
body:not(.home) #secondary.widget-area {
margin-top: 52px !important;
}
.artiesten-container {
margin-top: 40px;
}
.alignnone.wp-image-1395.size-large {
margin-top: 10px;
}
.alignnone.wp-image-1396.size-large {
margin-top: 20px;
}
div {
border-width: 0px;
}
.page-block {
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px; margin: 2px;
border: 1px solid black;
background-color: #D1CE1D;
color: black;
font-weight: bold;
text-decoration: none;
font-size: 12px; text-align: center; }
.page-block:hover {
background-color: #c0bd1a;
}
.page-block.active {
background-color: black;
color: white;
} .verzoek-blok {
background: linear-gradient(180deg, rgba(126, 56, 16, 0.92), rgba(49, 20, 7, 0.95));
font-weight: bold;
padding: 10px;
margin: 12px 14px 18px 14px;
border-radius: 16px;
border: 1px solid rgba(255, 214, 128, 0.45);
box-shadow: inset 0 0 14px rgba(255, 198, 82, 0.12),
0 3px 7px rgba(0, 0, 0, 0.45);
color: #ffe7a3;
} .verzoek-blok table {
width: 100%;
border-collapse: collapse;
background: transparent !important;
margin: 0;
}
.verzoek-blok tr,
.verzoek-blok td,
.verzoek-blok th {
background: transparent !important;
color: #ffe7a3 !important;
}
.verzoek-blok td,
.verzoek-blok th {
padding: 5px 8px;
border-bottom: 1px solid rgba(255, 214, 128, 0.20);
text-shadow: 1px 1px 2px #000;
}
.verzoek-blok tr:last-child td,
.verzoek-blok tr:last-child th {
border-bottom: none;
} .verzoek-blok td:first-child,
.verzoek-blok th:first-child {
color: #f2c15d !important;
width: 80px;
} .verzoek-blok {
background: rgba(20, 8, 3, 0.35) !important;
font-weight: bold;
padding: 12px 14px !important;
margin: 14px 18px 20px 18px !important;
border-radius: 12px !important;
border: 1px solid rgba(255, 214, 128, 0.28) !important;
box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.45),
0 2px 5px rgba(0, 0, 0, 0.35) !important;
color: #ffe7a3 !important;
} .verzoek-blok table,
.verzoek-blok tbody,
.verzoek-blok tr,
.verzoek-blok td,
.verzoek-blok th {
background: transparent !important;
} .verzoek-blok td,
.verzoek-blok th {
color: #ffe7a3 !important;
padding: 4px 8px !important;
border: none !important;
text-shadow: 1px 1px 2px #000 !important;
} .verzoek-blok td:first-child,
.verzoek-blok th:first-child {
color: #f2c15d !important;
width: 78px;
} .verzoek-blok td:last-child,
.verzoek-blok th:last-child {
color: #fff0bd !important;
} .verzoek-blok table {
table-layout: auto !important;
width: 100% !important;
}
.verzoek-blok td,
.verzoek-blok th {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
vertical-align: top !important;
} .verzoek-blok td:first-child,
.verzoek-blok th:first-child {
width: 74px !important;
min-width: 74px !important;
white-space: nowrap !important;
}
.verzoek-blok td:last-child,
.verzoek-blok th:last-child {
width: auto !important;
} .hv-vz-wrap {
width: 100%;
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98));
border: 2px solid #d69a38;
border-radius: 20px;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 18px rgba(255, 198, 82, 0.16);
position: relative;
margin-top: 40px;
margin-bottom: 50px;
color: #ffe7a3;
overflow: hidden;
} .hv-vz-wrap h1,
.hv-vz-wrap h2,
.hv-vz-wrap h3,
.hv-vz-wrap h4 {
color: #2a1206 !important;
background: linear-gradient(180deg, #e0a943, #8a3f12);
text-align: center;
margin: 0 0 14px 0;
padding: 10px;
border-bottom: 2px solid #2a1206;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45);
} .hv-vz-wrap table {
width: calc(100% - 28px);
margin: 14px;
border-collapse: collapse;
color: #ffe7a3;
background: rgba(20, 8, 3, 0.35);
border: 1px solid rgba(255, 214, 128, 0.25);
} .hv-vz-wrap th {
background: rgba(224, 169, 67, 0.95);
color: #2a1206;
padding: 8px;
font-weight: 800;
border-bottom: 2px solid #2a1206;
} .hv-vz-wrap td {
padding: 7px 8px;
border-bottom: 1px solid rgba(255, 214, 128, 0.18);
color: #ffe7a3;
} .hv-vz-wrap tr:nth-child(even) td {
background: rgba(255, 195, 73, 0.07);
} .hv-vz-wrap .verzoek-blok {
background: #D1CE1D;
border-radius: 12px;
margin: 5px auto; width: calc(100% - 10px); max-width: 280px;  display: grid;
place-items: center;
padding: 8px 10px;
box-sizing: border-box;  height: auto !important;
min-height: 0 !important;
padding: 8px 10px;  line-height: 1.2;
} .hv-vz-wrap .verzoek-blok table {
width: 100%; margin: 0; border-collapse: collapse;
} .hv-vz-wrap .verzoek-blok td {
text-align: center;
padding: 2px 5px; }
.vz-titel {
background-color: #d1ce1d;
color: #51520c;
font-size: 24px;
font-weight: bold;
border-top-right-radius: 18px;
border-top-left-radius: 18px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
text-align: center;
margin-top: -1px;
} .vz-pagination {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-top: 16px !important;
} .vz-pagination a,
.vz-pagination span,
.vz-pagination button {
min-width: 38px !important;
height: 38px !important;
padding: 0 12px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 999px !important;
font-weight: 900 !important;
text-decoration: none !important;
line-height: 1 !important;
text-align: center !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.35) !important;
box-shadow: 0 3px 0 #3a1607,
0 0 10px rgba(255, 205, 90, 0.22) !important;
} .vz-pagination .current,
.vz-pagination .active,
.vz-pagination span.current {
background: linear-gradient(180deg, #ffe08a, #d69a38) !important;
color: #2a1206 !important;
box-shadow: 0 2px 0 #3a1607,
inset 0 0 8px rgba(255, 255, 200, 0.35) !important;
} .vz-pagination a:hover,
.vz-pagination button:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
color: #2a1206 !important;
} .vz-pagination .disabled,
.vz-pagination [aria-disabled="true"] {
opacity: 0.45 !important;
pointer-events: none !important;
}
#panel-2083-0-1-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child.panel-last-child {
margin-top: 50px;
}
#pgc-2083-0-0.panel-grid-cell {
margin-top: 50px;
}
#pg-2078-0.panel-grid.panel-no-style {
margin-top: 46px;
}
.hv-results.hv-inline {
box-shadow: 0;
}
#panel-2078-0-1-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child.panel-last-child {
padding: 5px;
}
#colophon.site-footer {
height: 20px;
}
.vz-empty {
text-align: center;
color: #FFF0BD;
}
#custom_html-4.widget_text.widget.widget_custom_html {
height: 230px;
width: 300px;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 20px;
background-color: #d0eb23;
box-shadow: 5px 8px 5px black;
}
@media (max-width: 900px) { #secondary.widget-area .widget {
width: 100% !important;
max-width: 350px !important; margin: 0 auto 16px !important;
float: none !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
} #secondary.widget-area 
#hv_verzoeknummers_widget-2.widget.widget_hv_verzoeknummers_widget {
max-width: 350px !important;
} #secondary.widget-area .widget img,
#secondary.widget-area .widget iframe,
#secondary.widget-area .widget video {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
} #secondary.widget-area .widget input,
#secondary.widget-area .widget select,
#secondary.widget-area .widget textarea,
#secondary.widget-area .widget button {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
}  @media (max-width: 900px) { #pg-1040-0.panel-grid.panel-no-style {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 20px !important;
}
#pg-1040-0 .panel-grid-cell {
flex: 1 1 100% !important;
max-width: 520px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
} .cassettebandje {
position: relative !important;
display: block !important;
margin: 20px auto !important;
left: auto !important;
right: auto !important;
width: 400px;
} #secondary.widget-area .widget,
.textwidget.custom-html-widget,
#custom_html-3.widget_text.widget.widget_custom_html,
#custom_html-4.widget_text.widget.widget_custom_html,
#custom_html-5.widget_text.widget.widget_custom_html,
#nav_menu-2.widget.widget_nav_menu {
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
} .dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
text-align: center !important;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
} @media (max-width: 900px) { .weetje,
.weetje-content {
margin-left: auto !important;
margin-right: auto !important;
width: calc(100% - 32px) !important; max-width: none !important;
float: none !important;
clear: both !important;
} .weetje img,
.weetje-content img {
float: none !important;
display: block !important;
margin: 10px auto !important;
max-width: 100% !important;
height: auto !important;
} #pgc-1040-0-0.panel-grid-cell,
#pgc-1040-0-1.panel-grid-cell {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#pgc-1040-0-0.panel-grid-cell {
margin-left: 0 !important;
} .panel-grid-cell .widget-title {
width: auto !important;
margin-left: 0 !important;
} #post-1129.post-1129.page.type-page.status-publish.hentry,
#post-1408.post-1408.page.type-page.status-publish.hentry {
margin-left: auto !important;
width: auto !important;
}
}
code {
background-color: #251d59;
font-size: 20px;
}
#post-2150.post-2150.page.type-page.status-publish.hentry {
background-color: #161436;
margin-top: 60px;
border-width: 1px;
border-style: solid;
border-color: #f2ecd0;
}
#post-2147.post-2147.page.type-page.status-publish.hentry {
margin-top: 34px;
}
.hv-poll-name-top {
margin-top: -24px;
}
#post-2142.post-2142.page.type-page.status-publish.hentry {
margin-top: 32px;
https: //www.hoefvinyl.nl/wp-admin/themes.php?page=so_custom_css#visual;
}
#frmSearch {
background-color: #de7214;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: #000000;
border-radius: 20px;
box-shadow: 5px 8px 5px black;
}
#toggleBtn.startStop {
margin-top: -10px;
}
.hv-cassette-widget {
height: auto !important;
}
.tape {
margin-bottom: 20px;
} #custom_html-13.widget_text.widget.widget_custom_html {
background: radial-gradient(circle at center, rgba(176, 91, 28, 0.98), rgba(82, 34, 10, 0.98)) !important;
border: 2px solid #d69a38 !important;
border-radius: 20px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.70),
inset 0 0 26px rgba(255, 198, 82, 0.22) !important;
overflow: hidden;
} #custom_html-13.widget_text.widget.widget_custom_html .widget-title,
#custom_html-13.widget_text.widget.widget_custom_html h2,
#custom_html-13.widget_text.widget.widget_custom_html h3 {
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
color: #2a1206 !important;
padding: 13px 10px !important;
margin: 0 !important;
text-align: center !important;
font-size: 21px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border-bottom: 2px solid #2a1206 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
} #custom_html-13 .textwidget,
#custom_html-13 .custom-html-widget {
background: transparent !important;
padding: 28px 20px 30px 20px !important;
text-align: center !important;
} #custom_html-13 img {
filter: drop-shadow(0 6px 7px rgba(0, 0, 0, 0.55));
} #custom_html-13 button,
#custom_html-13 input[type="button"],
#custom_html-13 input[type="submit"],
#custom_html-13 a.button {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 10px !important;
font-weight: 900 !important;
box-shadow: 0 4px 0 #3a1607,
0 0 12px rgba(255, 205, 90, 0.25) !important;
}
#hv_verzoeknummers_widget-4.widget.widget_hv_verzoeknummers_widget {
width: 350px;
}
.card-msg {
text-align: left;
}
.b-head-decor {
margin-top: 0px;
}
#block-3.widget.widget_block {
margin-top: -30px;
}
#panel-2505-0-1-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child.panel-last-child {
margin-top: 30px;
}
#panel-2505-0-0-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child {
margin-top: 36px;
}
#panel-1040-1-0-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child {
margin-top: -134px;
}
#panel-1040-1-1-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child {
margin-top: -136px;
}
.hv-zoek-title {
border-top-left-radius: 20px;
border-radius: 20px;
}
#panel-1040-1-1-1.widget_text.so-panel.widget.widget_custom_html {
border-radius: 20px;
background-color: #916622;
padding: 10px;
box-shadow: 5px 8px 5px black;
border-width: 1px;
border-style: solid;
border-color: #000;
}
.hvps-strip {
padding: 10px;
}
#pg-1040-1.panel-grid.panel-no-style {
margin-top: 140px;
}
#panel-1040-1-1-2.widget_text.so-panel.widget.widget_custom_html.panel-last-child {
background-color: #763b7d;
border-width: 2px;
border-style: solid;
border-color: #fffff;
border-radius: 20px;
box-shadow: 5px 8px 5px black;
padding: 10px;
}
body:not(.home) .entry-content {
margin-top: 0 !important;
}
.home .hv-agenda-box {
margin-top: 34px !important;
}
#pgc-1129-0-0.panel-grid-cell {
margin-top: 20px;
}
.whitespace-normal {
color: #ffffff;
} #panel-1040-1-1-1.widget_text.so-panel.widget.widget_custom_html.panel-last-child {
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
border: 2px solid #d69a38 !important;
border-radius: 20px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 18px rgba(255, 198, 82, 0.16) !important;
color: #ffe7a3 !important;
overflow: hidden !important;
} #panel-1040-1-1-1 .textwidget,
#panel-1040-1-1-1 .custom-html-widget {
background: transparent !important;
color: #ffe7a3 !important;
padding: 22px 20px !important;
text-align: center !important;
}
#panel-1040-1-1-1 h1,
#panel-1040-1-1-1 h2,
#panel-1040-1-1-1 h3,
#panel-1040-1-1-1 h4 {
color: #ffe7a3 !important;
text-shadow: 2px 2px 3px #000 !important;
letter-spacing: 1px !important;
}
#panel-1040-1-1-1 p,
#panel-1040-1-1-1 span,
#panel-1040-1-1-1 div {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
}
.copyright-container {
display: none;
}
#panel-1843-0-0-0.so-panel.widget.widget_sow-editor.panel-first-child.panel-last-child {
margin-top: 46px;
}
#post-1891.post-1891.page.type-page.status-publish.hentry {
margin-top: 76px;
}
#panel-2078-0-0-0.widget_text.so-panel.widget.widget_custom_html.panel-first-child {
margin-top: 24px;
}
.theiaStickySidebar {
width: 100%!important;
}
#post-1040.post-1040.page.type-page.status-publish.hentry {
margin-top: 20px;
} #custom_html-15.widget_text.widget.widget_custom_html {
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
border: 2px solid #d69a38 !important;
border-radius: 20px !important;
width: 100% !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 18px rgba(255, 198, 82, 0.16) !important;
color: #ffe7a3 !important;
overflow: hidden !important;
} #custom_html-15 .textwidget,
#custom_html-15 .custom-html-widget {
background: transparent !important;
color: #ffe7a3 !important;
padding: 20px !important;
text-align: center !important;
} #custom_html-15 .widget-title,
#custom_html-15 h1,
#custom_html-15 h2,
#custom_html-15 h3,
#custom_html-15 h4 {
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
color: #2a1206 !important;
padding: 12px 10px !important;
margin: -20px -20px 18px -20px !important;
text-align: center !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
border-bottom: 2px solid #2a1206 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
} #custom_html-15 p,
#custom_html-15 div,
#custom_html-15 span,
#custom_html-15 label {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
} #custom_html-15 input[type="text"],
#custom_html-15 input[type="search"],
#custom_html-15 input[type="email"],
#custom_html-15 textarea,
#custom_html-15 select {
background: #fff7df !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 10px !important;
padding: 9px 12px !important;
box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35) !important;
} #custom_html-15 button,
#custom_html-15 input[type="submit"],
#custom_html-15 input[type="button"],
#custom_html-15 a.button {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
font-weight: 900 !important;
padding: 9px 18px !important;
text-decoration: none !important;
box-shadow: 0 4px 0 #3a1607,
0 0 12px rgba(255, 205, 90, 0.25) !important;
cursor: pointer !important;
} #custom_html-15 button:hover,
#custom_html-15 input[type="submit"]:hover,
#custom_html-15 input[type="button"]:hover,
#custom_html-15 a.button:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
} #custom_html-15.widget_text.widget.widget_custom_html {
padding: 0 !important;
} #custom_html-15.widget_text.widget.widget_custom_html .widget-title {
margin: 0 !important;
padding: 13px 10px !important;
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
color: #2a1206 !important;
border-bottom: 2px solid #2a1206 !important;
text-align: center !important;
font-size: 20px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
} #custom_html-15 .textwidget,
#custom_html-15 .custom-html-widget {
padding: 16px 18px 18px 18px !important;
background: transparent !important;
} #custom_html-15 .custom-html-widget > div {
background: rgba(20, 8, 3, 0.28) !important;
border: 1px solid rgba(255, 214, 128, 0.30) !important;
border-radius: 16px !important;
box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.35) !important;
} #custom_html-15 .custom-html-widget,
#custom_html-15 .custom-html-widget p,
#custom_html-15 .custom-html-widget span,
#custom_html-15 .custom-html-widget div,
#custom_html-15 .custom-html-widget strong {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
} #custom_html-15 .custom-html-widget img {
border-radius: 8px !important;
border: 1px solid rgba(255, 214, 128, 0.45) !important;
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.55) !important;
} #custom_html-15 .custom-html-widget a,
#custom_html-15 .custom-html-widget button,
#custom_html-15 .custom-html-widget input[type="submit"],
#custom_html-15 .custom-html-widget input[type="button"] {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 999px !important;
font-weight: 900 !important;
padding: 7px 15px !important;
text-decoration: none !important;
display: inline-block !important;
box-shadow: 0 3px 0 #3a1607,
0 0 9px rgba(255, 205, 90, 0.22) !important;
} #custom_html-15 .custom-html-widget a:hover,
#custom_html-15 .custom-html-widget button:hover,
#custom_html-15 .custom-html-widget input[type="submit"]:hover,
#custom_html-15 .custom-html-widget input[type="button"]:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
color: #2a1206 !important;
} #custom_html-15.widget_text.widget.widget_custom_html {
background: linear-gradient(180deg, rgba(94, 41, 12, 0.98), rgba(32, 13, 5, 0.98)) !important;
border: 2px solid #d69a38 !important;
border-radius: 20px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 22px rgba(255, 198, 82, 0.16) !important;
overflow: hidden !important;
padding: 0 !important;
} #custom_html-15.widget_text.widget.widget_custom_html .widget-title,
#custom_html-15.widget_text.widget.widget_custom_html h2:first-child,
#custom_html-15.widget_text.widget.widget_custom_html h3:first-child {
display: block !important;
background: linear-gradient(180deg, #efb64f, #8f3f14) !important;
color: #2a1206 !important;
margin: 0 !important;
padding: 13px 10px 12px 10px !important;
border-bottom: 2px solid #2a1206 !important;
text-align: center !important;
font-size: 19px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
} #custom_html-15 .textwidget,
#custom_html-15 .custom-html-widget {
background: transparent !important;
padding: 14px 16px 18px 16px !important;
} #custom_html-15 .custom-html-widget,
#custom_html-15 .custom-html-widget div,
#custom_html-15 .custom-html-widget section,
#custom_html-15 .custom-html-widget article {
background: transparent !important;
box-shadow: none !important;
} #custom_html-15 .custom-html-widget > div {
border: 1px solid rgba(255, 214, 128, 0.28) !important;
border-radius: 15px !important;
background: rgba(18, 7, 3, 0.34) !important;
overflow: hidden !important;
} #custom_html-15 .custom-html-widget > div > div {
background: rgba(255, 210, 115, 0.045) !important;
border-bottom: 1px solid rgba(255, 214, 128, 0.18) !important;
}
#custom_html-15 .custom-html-widget > div > div:last-child {
border-bottom: none !important;
} #custom_html-15 .custom-html-widget,
#custom_html-15 .custom-html-widget p,
#custom_html-15 .custom-html-widget span,
#custom_html-15 .custom-html-widget div,
#custom_html-15 .custom-html-widget strong {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
} #custom_html-15 .custom-html-widget strong,
#custom_html-15 .custom-html-widget b {
color: #ffe7a3 !important;
font-weight: 900 !important;
} #custom_html-15 .custom-html-widget img {
border-radius: 8px !important;
border: 1px solid rgba(255, 214, 128, 0.42) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.58) !important;
} #custom_html-15 .custom-html-widget a,
#custom_html-15 .custom-html-widget button,
#custom_html-15 .custom-html-widget input[type="submit"],
#custom_html-15 .custom-html-widget input[type="button"] {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 999px !important;
font-weight: 900 !important;
padding: 7px 15px !important;
text-decoration: none !important;
display: inline-block !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.35) !important;
box-shadow: 0 3px 0 #3a1607,
0 0 8px rgba(255, 205, 90, 0.20) !important;
} #custom_html-15 .custom-html-widget a:hover,
#custom_html-15 .custom-html-widget button:hover,
#custom_html-15 .custom-html-widget input[type="submit"]:hover,
#custom_html-15 .custom-html-widget input[type="button"]:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
color: #2a1206 !important;
} #custom_html-15 .custom-html-widget a,
#custom_html-15 .custom-html-widget button,
#custom_html-15 .custom-html-widget input[type="submit"],
#custom_html-15 .custom-html-widget input[type="button"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important;
min-height: 34px !important;
box-sizing: border-box !important;
} #custom_html-15 .custom-html-widget a {
vertical-align: middle !important;
} #hv-gb {
--hv-goud: #d69a38;
--hv-lichtgoud: #ffe7a3;
--hv-creme: #fff0bd;
--hv-bruin: #5c2b0c;
--hv-donker: #201006;
--hv-inkt: #2a1206;
font-family: "Courier New", monospace !important;
color: var(--hv-creme) !important;
} #hv-gb .panel {
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
border: 2px solid var(--hv-goud) !important;
border-radius: 20px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 18px rgba(255, 198, 82, 0.16) !important;
padding: 18px !important;
} #hv-gb .panel .panel-head {
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
color: var(--hv-inkt) !important;
border: 2px solid #2a1206 !important;
border-radius: 14px !important;
padding: 11px 14px !important;
font-weight: 900 !important;
text-align: center !important;
letter-spacing: 0.5px !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
box-shadow: 0 3px 0 #3a1607,
inset 0 0 10px rgba(255, 230, 150, 0.22) !important;
} #hv-gb form.gb-form label {
color: var(--hv-lichtgoud) !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px #000 !important;
} #hv-gb .gb-field,
#hv-gb .gb-area {
background: #fff7df !important;
color: var(--hv-inkt) !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35) !important;
} #hv-gb .btn {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: var(--hv-inkt) !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
padding: 10px 18px !important;
font-weight: 900 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.35) !important;
box-shadow: 0 4px 0 #3a1607,
0 0 12px rgba(255, 205, 90, 0.25) !important;
}
#hv-gb .btn:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
} #hv-gb .card {
background: rgba(20, 8, 3, 0.35) !important;
border: 1px solid rgba(255, 214, 128, 0.35) !important;
border-radius: 15px !important;
box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.42),
0 4px 7px rgba(0, 0, 0, 0.55) !important;
overflow: hidden !important;
} #hv-gb .card-head {
background: rgba(255, 198, 82, 0.16) !important;
border-bottom: 1px solid rgba(255, 214, 128, 0.28) !important;
padding: 8px 10px !important;
}
#hv-gb .card-name {
color: var(--hv-lichtgoud) !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px #000 !important;
}
#hv-gb .card-time {
color: #f2c15d !important;
font-size: 12px !important;
text-shadow: 1px 1px 2px #000 !important;
} #hv-gb .card-msg {
background: transparent !important;
color: var(--hv-creme) !important;
line-height: 1.45 !important;
padding: 12px 14px !important;
text-shadow: 1px 1px 2px #000 !important;
} #hv-gb .pager {
gap: 8px !important;
}
#hv-gb .page-link,
#hv-gb .page-edge,
#hv-gb .page-current {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: var(--hv-inkt) !important;
border: 2px solid #2a1206 !important;
border-radius: 999px !important;
font-weight: 900 !important;
min-width: 34px !important;
min-height: 34px !important;
padding: 6px 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
text-decoration: none !important;
line-height: 1 !important;
box-shadow: 0 3px 0 #3a1607,
0 0 8px rgba(255, 205, 90, 0.20) !important;
}
#hv-gb .page-current {
background: linear-gradient(180deg, #ffe08a, #d69a38) !important;
}
#hv-gb .page-edge[aria-disabled="true"] {
opacity: 0.45 !important;
} #hv-gb .errors {
background: rgba(90, 18, 12, 0.85) !important;
color: #ffe7a3 !important;
border: 1px solid rgba(255, 214, 128, 0.35) !important;
border-radius: 12px !important;
text-shadow: 1px 1px 2px #000 !important;
} #hv-gb .cards .card[role="status"] {
background: rgba(32, 13, 5, 0.88) !important;
border: 1px solid rgba(255, 214, 128, 0.55) !important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.70),
inset 0 0 14px rgba(255, 198, 82, 0.12) !important;
} #hv-gb .cards .card[role="status"] .card-head {
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
border-bottom: 2px solid #2a1206 !important;
}
#hv-gb .cards .card[role="status"] .card-name {
color: #2a1206 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
font-weight: 900 !important;
} #hv-gb .cards .card[role="status"] .card-msg {
background: rgba(20, 8, 3, 0.35) !important;
color: #fff0bd !important;
font-size: 17px !important;
line-height: 1.5 !important;
text-shadow: 1px 1px 2px #000 !important;
}  .hv-wrapper {
max-width: 520px !important;
margin: 0 auto !important;
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
border: 2px solid #d69a38 !important;
border-radius: 20px !important;
padding: 18px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 20px rgba(255, 198, 82, 0.16) !important;
color: #fff0bd !important;
overflow: hidden !important;
} .hv-wrapper .hv-box {
background: rgba(20, 8, 3, 0.32) !important;
border: 1px solid rgba(255, 214, 128, 0.32) !important;
border-radius: 16px !important;
padding: 16px !important;
margin: 0 0 14px 0 !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.42) !important;
}  .hv-wrapper .hv-retroline {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
display: block !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
font-size: clamp(18px, 3.8vw, 23px) !important;
letter-spacing: 0 !important;
padding-left: 4px !important;
padding-right: 4px !important;
} .hv-wrapper .hv-field label {
color: #ffe7a3 !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-wrapper .hv-field input,
.hv-wrapper .hv-field select,
.hv-wrapper textarea {
background: #fff7df !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35) !important;
} .hv-wrapper .hv-field input::placeholder {
color: #5a2a0c !important;
opacity: 0.75 !important;
} .hv-wrapper .hv-btn,
.hv-wrapper .hv-pagebtn,
.hv-wrapper button,
.hv-wrapper input[type="submit"],
.hv-wrapper input[type="button"] {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 999px !important;
font-weight: 900 !important;
text-decoration: none !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.35) !important;
box-shadow: 0 3px 0 #3a1607,
0 0 10px rgba(255, 205, 90, 0.22) !important;
} .hv-wrapper .hv-btn:hover,
.hv-wrapper .hv-pagebtn:hover,
.hv-wrapper button:hover,
.hv-wrapper input[type="submit"]:hover,
.hv-wrapper input[type="button"]:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
color: #2a1206 !important;
filter: none !important;
} .hv-wrapper .hv-surprise-btn {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
} .hv-wrapper .hv-meta {
color: #ffe7a3 !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-wrapper .hv-results-wrap {
background: rgba(20, 8, 3, 0.32) !important;
border: 1px solid rgba(255, 214, 128, 0.32) !important;
border-radius: 16px !important;
padding: 12px !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.42) !important;
} .hv-wrapper .hv-table {
width: 100% !important;
background: transparent !important;
border-collapse: collapse !important;
border-radius: 14px !important;
overflow: hidden !important;
} .hv-wrapper .hv-table thead,
.hv-wrapper .hv-table tbody,
.hv-wrapper .hv-table tr,
.hv-wrapper .hv-table th,
.hv-wrapper .hv-table td {
background: transparent !important;
} .hv-wrapper .hv-table thead th {
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
color: #2a1206 !important;
font-weight: 900 !important;
border-bottom: 2px solid #2a1206 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
} .hv-wrapper .hv-table th,
.hv-wrapper .hv-table td {
color: #fff0bd !important;
border-bottom: 1px solid rgba(255, 214, 128, 0.20) !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-wrapper .hv-table tbody tr:nth-child(4n+1) td,
.hv-wrapper .hv-table tbody tr:nth-child(4n+2) td {
background: rgba(255, 210, 115, 0.045) !important;
} .hv-wrapper .hv-table strong,
.hv-wrapper .hv-table b {
color: #ffe7a3 !important;
font-weight: 900 !important;
} .hv-wrapper .hv-thumb {
border-radius: 8px !important;
border: 1px solid rgba(255, 214, 128, 0.45) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.58) !important;
} .hv-wrapper .hv-pager {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-top: 14px !important;
}
.hv-wrapper .hv-pagebtn {
min-height: 34px !important;
padding: 6px 12px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.hv-wrapper .hv-pagebtn.active {
background: linear-gradient(180deg, #ffe08a, #d69a38) !important;
color: #2a1206 !important;
}
.hv-wrapper .hv-pagebtn.disabled {
opacity: 0.45 !important;
} .hv-wrapper .hv-suggest {
background: rgba(20, 8, 3, 0.38) !important;
border: 1px dashed rgba(255, 214, 128, 0.42) !important;
border-radius: 14px !important;
}
.hv-wrapper .hv-suggest-title {
color: #ffe7a3 !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-wrapper .hv-req {
background: rgba(20, 8, 3, 0.38) !important;
border: 1px solid rgba(255, 214, 128, 0.35) !important;
border-radius: 16px !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.42) !important;
}
.hv-wrapper .hv-req-title {
color: #f2c15d !important;
font-size: 24px !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
} .hv-wrapper .hv-hp-allow {
background: rgba(255, 210, 115, 0.08) !important;
border: 1px dashed rgba(255, 214, 128, 0.42) !important;
border-radius: 14px !important;
}
.hv-wrapper .hv-hp-allow-label {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-wrapper #hv_hp_msg {
color: #ffe7a3 !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-wrapper .hv-status,
.hv-wrapper .hv-alert {
border: 1px solid rgba(255, 214, 128, 0.42) !important;
border-radius: 14px !important;
text-shadow: 1px 1px 2px #000 !important;
}
.hv-wrapper .hv-status.open,
.hv-wrapper .hv-alert.ok {
background: rgba(64, 112, 34, 0.85) !important;
color: #fff0bd !important;
}
.hv-wrapper .hv-status.blocked,
.hv-wrapper .hv-alert.err {
background: rgba(120, 42, 18, 0.90) !important;
color: #ffe7a3 !important;
} @media (max-width: 600px) {
.hv-wrapper {
max-width: 100% !important;
padding: 14px !important;
}
.hv-wrapper .hv-row {
flex-direction: column !important;
align-items: stretch !important;
}
.hv-wrapper .hv-field-btn {
margin-bottom: 0 !important;
}
.hv-wrapper .hv-row .hv-field-btn .hv-btn {
width: 100% !important;
}
.hv-wrapper .hv-table th,
.hv-wrapper .hv-table td {
font-size: 13px !important;
padding: 8px 7px !important;
}
} .hv-wrapper .hv-pager {
margin-bottom: 14px !important;
} .hv-wrapper .hv-table {
margin-top: 8px !important;
}  .hv-poll {
max-width: 560px !important;
margin: 18px auto !important;
padding: 18px !important;
background: linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
border: 2px solid #d69a38 !important;
border-radius: 20px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 20px rgba(255, 198, 82, 0.16) !important;
color: #fff0bd !important;
overflow: hidden !important;
} .hv-formblock {
background: rgba(20, 8, 3, 0.34) !important;
border: 1px solid rgba(255, 214, 128, 0.34) !important;
border-radius: 16px !important;
padding: 16px !important;
margin-bottom: 16px !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.42) !important;
} .hv-formblock h3 {
background: linear-gradient(180deg, #efb64f, #9a4616) !important;
color: #2a1206 !important;
margin: -16px -16px 14px -16px !important;
padding: 13px 10px !important;
border-bottom: 2px solid #2a1206 !important;
text-align: center !important;
font-size: 21px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
} .hv-intro-text {
background: rgba(255, 210, 115, 0.08) !important;
border: 1px solid rgba(255, 214, 128, 0.34) !important;
border-radius: 14px !important;
color: #fff0bd !important;
line-height: 1.5 !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-choice {
display: flex !important;
gap: 10px !important;
align-items: flex-start !important;
background: rgba(255, 210, 115, 0.055) !important;
color: #fff0bd !important;
border: 1px solid rgba(255, 214, 128, 0.28) !important;
border-radius: 14px !important;
padding: 11px 12px !important;
margin: 9px 0 !important;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.22) !important;
}
.hv-choice:hover {
background: rgba(255, 210, 115, 0.12) !important;
border-color: rgba(255, 214, 128, 0.55) !important;
} .hv-choice input[type="radio"] {
accent-color: #d69a38 !important;
transform: scale(1.2) !important;
margin-top: 3px !important;
} .hv-artist {
color: #ffe7a3 !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px #000 !important;
}
.hv-title {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
} .hv-submit {
width: 150px !important;
height: 50px !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
font-weight: 900 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.35) !important;
box-shadow: 0 4px 0 #3a1607,
0 0 12px rgba(255, 205, 90, 0.25) !important;
cursor: pointer !important;
}
.hv-submit:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
}
.hv-submit[disabled] {
opacity: 0.55 !important;
cursor: not-allowed !important;
} .hv-poll h4 {
color: #f2c15d !important;
text-align: center !important;
font-size: 22px !important;
font-weight: 900 !important;
letter-spacing: 1px !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
} .hv-results.hv-inline,
.hv-results {
background: rgba(20, 8, 3, 0.34) !important;
border: 1px solid rgba(255, 214, 128, 0.34) !important;
border-radius: 16px !important;
padding: 14px !important;
color: #fff0bd !important;
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.42) !important;
} .hv-res-row {
color: #fff0bd !important;
font-family: Georgia, "Times New Roman", serif !important;
text-shadow: 1px 1px 2px #000 !important;
}
.hv-res-label .hv-res-artist {
color: #ffe7a3 !important;
font-weight: 900 !important;
}
.hv-res-label .hv-res-title {
color: #fff0bd !important;
}
.hv-res-pct {
color: #f2c15d !important;
font-weight: 900 !important;
} .hv-resultbar {
height: 13px !important;
background: rgba(20, 8, 3, 0.60) !important;
border: 1px solid rgba(255, 214, 128, 0.32) !important;
border-radius: 999px !important;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.55) !important;
}
.hv-resultbar > span {
border-radius: 999px !important;
box-shadow: 0 0 8px rgba(255, 205, 90, 0.25) !important;
} .hv-resultbar.idx-0 > span {
background: linear-gradient(90deg, #d69a38, #f0c15a) !important;
}
.hv-resultbar.idx-1 > span {
background: linear-gradient(90deg, #9a4616, #de7214) !important;
}
.hv-resultbar.idx-2 > span {
background: linear-gradient(90deg, #7a2f16, #c96b20) !important;
} .hv-msg {
background: rgba(64, 112, 34, 0.80) !important;
border: 1px solid rgba(255, 214, 128, 0.35) !important;
border-radius: 14px !important;
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
}
.hv-error {
background: rgba(120, 42, 18, 0.90) !important;
border-color: rgba(255, 214, 128, 0.45) !important;
} .hv-note {
color: #ffe7a3 !important;
text-shadow: 1px 1px 2px #000 !important;
} #post-3112.post-3112.page.type-page.status-publish.hentry {
background: linear-gradient(180deg, rgba(112, 48, 12, 0.94), rgba(43, 18, 7, 0.97)) !important;
border-radius: 20px !important;
border: 2px solid #d69a38 !important;
margin-top: 100px !important;
box-shadow: 5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 22px rgba(255, 198, 82, 0.14) !important;
padding: 18px !important;
color: #fff0bd !important;
overflow: hidden !important;
} #post-3112.post-3112.page.type-page.status-publish.hentry h1,
#post-3112.post-3112.page.type-page.status-publish.hentry h2,
#post-3112.post-3112.page.type-page.status-publish.hentry h3,
#post-3112.post-3112.page.type-page.status-publish.hentry h4 {
color: #f2c15d !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
}
#post-3112.post-3112.page.type-page.status-publish.hentry p,
#post-3112.post-3112.page.type-page.status-publish.hentry li,
#post-3112.post-3112.page.type-page.status-publish.hentry span {
color: #fff0bd !important;
text-shadow: 1px 1px 2px #000 !important;
}
#post-3112.post-3112.page.type-page.status-publish.hentry a {
color: #ffe7a3 !important;
font-weight: bold !important;
} #post-3112.post-3112.page.type-page.status-publish.hentry a,
#post-3112.post-3112.page.type-page.status-publish.hentry .wp-block-button__link {
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
min-height: 62px !important;
padding: 12px 24px !important;
font-weight: 900 !important;
letter-spacing: 0.4px !important;
text-decoration: none !important;
line-height: 1.2 !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.45) !important;
box-shadow: 0 4px 0 #3a1607,
0 0 12px rgba(255, 205, 90, 0.25) !important;
} #post-3112.post-3112.page.type-page.status-publish.hentry a:hover,
#post-3112.post-3112.page.type-page.status-publish.hentry .wp-block-button__link:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
color: #2a1206 !important;
} @media (max-width: 768px) { #custom_html-13.widget_text.widget.widget_custom_html .widget-title,
#custom_html-13.widget_text.widget.widget_custom_html h2,
#custom_html-13.widget_text.widget.widget_custom_html h3 {
width: fit-content !important;
max-width: calc(100% - 36px) !important;
min-width: 150px !important;
margin: 18px auto 22px auto !important;
padding: 10px 18px !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
font-size: 16px !important;
line-height: 1.2 !important;
text-align: center !important;
box-sizing: border-box !important;
} #nav_menu-2.widget.widget_nav_menu .widget-title,
#nav_menu-2.widget.widget_nav_menu h2,
#nav_menu-2.widget.widget_nav_menu h3 {
width: fit-content !important;
max-width: calc(100% - 36px) !important;
min-width: 190px !important;
margin: 18px auto 18px auto !important;
padding: 10px 18px !important;
border: 2px solid #2a1206 !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
font-size: 16px !important;
line-height: 1.2 !important;
text-align: center !important;
box-sizing: border-box !important;
}
}
.hv-koplink {
color: #f2c15d !important;
font-weight: 900 !important;
font-size: 1.1em !important;
text-decoration: none !important;
text-shadow: 2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
}
.hv-koplink:hover {
color: #ffe7a3 !important;
text-decoration: underline !important;
}
.alignnone.size-full.wp-image-3206 {
border-width: 2px;
border-style: solid;
border-color: #FFF0BD;
border-radius: 20px;
}  .weetje-detail-page .weetje-content {
box-sizing: border-box;
background:
linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
color: #fff0bd !important;
padding: 22px !important;
border-radius: 20px !important;
border: 2px solid #d69a38 !important;
box-shadow:
5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 20px rgba(255, 198, 82, 0.16) !important;
max-width: 800px !important;
overflow: hidden !important;
font-family: Georgia, "Times New Roman", serif !important;
margin-left: auto !important;
margin-right: auto !important;
width: 95% !important;
} .weetje-detail-page .weetje-content h1,
.weetje-detail-page .weetje-content h2,
.weetje-detail-page .weetje-content h3,
.weetje-detail-page .weetje-content h4 {
color: #f2c15d !important;
text-align: center !important;
text-shadow:
2px 2px 0 #2a1206,
4px 4px 8px rgba(0, 0, 0, 0.65) !important;
} .weetje-detail-page .weetje-content p,
.weetje-detail-page .weetje-content li,
.weetje-detail-page .weetje-content span {
color: #fff0bd !important;
line-height: 1.6 !important;
text-shadow: 1px 1px 2px #000 !important;
} .weetje-detail-page .weetje-artiest,
.weetje-detail-page .weetje-datum {
color: #ffe7a3 !important;
text-align: center !important;
font-weight: 700 !important;
} .weetje-detail-page .weetje-content a {
color: #ffe7a3 !important;
font-weight: bold !important;
} .weetje-detail-page .weetje-content img {
max-width: 100% !important;
height: auto !important;
border-radius: 12px !important;
border: 1px solid rgba(255, 214, 128, 0.45) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.58) !important;
margin-bottom: 16px !important;
} .artiesten-container {
box-sizing: border-box;
background:
linear-gradient(180deg, rgba(112, 48, 12, 0.96), rgba(43, 18, 7, 0.98)) !important;
color: #fff0bd !important;
padding: 22px !important;
border-radius: 20px !important;
border: 2px solid #d69a38 !important;
box-shadow:
5px 8px 8px rgba(0, 0, 0, 0.75),
inset 0 0 20px rgba(255, 198, 82, 0.16) !important;
max-width: 900px !important;
margin-left: auto !important;
margin-right: auto !important;
width: 95% !important;
} .artiesten-container label {
color: #ffe7a3 !important;
font-weight: 900 !important;
text-shadow: 1px 1px 2px #000 !important;
} .artiesten-horizontaal {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
} .artiest-item a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(180deg, #f0c15a, #b7641d) !important;
color: #2a1206 !important;
border: 2px solid #2a1206 !important;
border-radius: 999px !important;
padding: 8px 16px !important;
font-weight: 900 !important;
text-decoration: none !important;
text-shadow: 1px 1px 0 rgba(255, 230, 150, 0.35) !important;
box-shadow:
0 3px 0 #3a1607,
0 0 10px rgba(255, 205, 90, 0.22) !important;
}
.artiest-item a:hover {
background: linear-gradient(180deg, #ffd36c, #c96b20) !important;
color: #2a1206 !important;
} .artiest-naam {
color: #2a1206 !important;
text-shadow: none !important;
} @media (max-width: 768px) {
.artiesten-container {
display: block !important;
width: 95% !important;
padding: 18px !important;
}
.artiesten-dropdown-container,
.artiesten-lijst-container {
max-width: 100% !important;
width: 100% !important;
}
.artiesten-horizontaal {
justify-content: center !important;
}
.weetje-detail-page .weetje-content {
width: 95% !important;
padding: 18px !important;
}
}