body,
html {
margin: 0;
padding: 0;
}
#content.site-content {
margin: 0;
padding: 0;
background-image: url(https://www.hoefvinyl.nl/wp-content/uploads/2024/06/hoefvinyl_achtergrond2.fw_.png);
background-color: #ffde82;
}
#masthead.site-header.default-style {
padding: 0 !important;
margin: 0 !important;
background-image: url(https://www.hoefvinyl.nl/wp-content/uploads/2025/05/studio2.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
height: 300px;
}
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 {
color: #51520c;
background-color: #d1ce1d;
text-align: center;
padding-top: 10px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#nav_menu-2.widget.widget_nav_menu {
background-color: #d0eb23;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 20px;
width: 100%;
box-shadow: 5px 8px 5px black;
text-align: center;
margin-top: -42px;
}
.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-color: #a65215;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 30px;
box-shadow: 5px 8px 5px black;
padding: 10px;
width: 90%;
margin-top: 100px;
}
#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;
margin-top: 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: #000000;
text-align: center;
}
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-color: #0076ae;
color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 5px 10px 20px black;
max-width: 800px;
overflow: hidden;
font-family: Arial, sans-serif;
margin-left: auto;
margin-right: auto;
width: 95%;
}
@media (max-width: 768px) {
.weetje {
width: 95%;
margin-left: auto !important;
margin-right: auto !important;
float: none;
}
} @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; }
.marquee-text span {
color: inherit !important;
}
#post-1924.post-1924.page.type-page.status-publish.hentry {
background-color: #4ec94a;
margin-top: 106px;
padding-left: 20px;
padding-right: 20px;
border-radius: 30px;
box-shadow: 5px 8px 10px black;
border-width: 2px;
border-style: solid;
border-color: #000000;
}
#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-color: #4ec94a;
color: #472b2b;
padding: 10px;
}
.artiesten-dropdown-container {
width: 200px;
}
#artiest-search {
color: #242020;
background-color: #4ec94a;
}
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-color: #d1ce1d;
font-weight: bold;
padding: 5px;
margin-bottom: -30px;
border-radius: 20px;
}
.hv-vz-wrap {
width: 100%;
background-color: #d0eb23;
border: 2px solid #000000;
border-radius: 20px;
box-shadow: 5px 8px 5px black;
position: relative;
margin-top: 40px;
margin-bottom: 50px;
} .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;
}
#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;
}
#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;
}
#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-color: #D0EB23;
border-width: 2px;
border-style: solid;
border-color: #000000;
border-radius: 20px;
width: 100%;
box-shadow: 5px 8px 5px black;
}
#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-color: #8b41c4;
}
.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;
}