/* Copyright www.digiplek.nl */
/*
STANDAARD LICHTER (10% meer helderder) DONKERDER (10% minder helderder) EXTRA KLEUR
DONKERBLAUW: #241D4F / rgba(36,29,79,1.0) #2f2769 / rgba(47,39,105,1.0) #181436 / rgba(24,20,54,1.0) #c8c6d3 / rgba(200,198,211,1.0) #bebdc7 / rgba(190,189,199,1.0)
LICHTBLAUW: #7AC1E3 / rgba(122,193,227,1.0) #88d8fc / rgba(136,216,252,1.0) #6dacc9 / rgba(109,172,201,1.0) #d1dfe5 / rgba(209,223,229,1.0) #E5F3F9 / rgba(229,243,249,1.0)
GROEN: #35AB52 / rgba(53,171,82,1.0) #3dc45f / rgba(61,196,95,1.0) #2d9146 / rgba(45,145,70,1.0) #c3d9c8 / rgba(195,217,200,1.0)
ROOD: #E6332A / rgba(230,51,42,1.0) #ff382e / rgba(255,56,46,1.0) #cc2d25 / rgba(204,45,37,1.0) #e5c4c3 / rgba(229,196,195,1.0)
WIT: #f5f5f5 / rgba(245,245,245,1.0) #ffffff / rgba(255,255,255,1.0) #dbdbdb / rgba(219,219,219,1.0)
LICHT-GRIJS: #cccccc / rgba(204,204,204,1.0) #e3e3e3 / rgba(227,227,227,1.0) #444444 / rgba(68,68,68,1.0)
ZWART: #1e1e1e / rgba(30,30,30,1.0) #2b2b2b / rgba(43,43,43,1.0) #000000 / rgba(0,0,0,1.0)
*/
/* Gebruik deze opmaak voor de betreffende onderdelen maar niet bij de sections of containers met de class dp_no-text-decor. */
.dp_text-decor a:link,
.dp_text-decor a:visited,
.dp_text-decor a:hover,
.dp_text-decor a:active,
.dp_text-decor a:focus,
#sp-main-body a:link,
#sp-main-body a:visited,
#sp-main-body a:hover,
#sp-main-body a:active,
#sp-main-body a:focus,
#sp-right a:link,
#sp-right a:visited,
#sp-right a:hover,
#sp-right a:active,
#sp-right a:focus,
#sp-dp-prefooter a:link,
#sp-dp-prefooter a:visited,
#sp-dp-prefooter a:hover,
#sp-dp-prefooter a:active,
#sp-dp-prefooter a:focus,
#sp-bottom a:link,
#sp-bottom a:visited,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
text-decoration:underline solid #241D4F 1px;
-webkit-text-decoration-line:underline; /* Safari */
-webkit-text-decoration-color:#241D4F; /* Safari */
text-decoration-thickness:1px; /* Safari */
/* Voor een enkele hyperlink gebruik je de bootstrap class text-decoration-underline */
}
.dp_no-text-decor a:link,
.dp_no-text-decor a:visited,
.dp_no-text-decor a:hover,
.dp_no-text-decor a:active,
.dp_no-text-decor a:focus,
a.dp_no-text-decor:link,
a.dp_no-text-decor:visited,
a.dp_no-text-decor:hover,
a.dp_no-text-decor:active,
a.dp_no-text-decor:focus {
text-decoration:none !important;
-webkit-text-decoration-line:none !important; /* Safari */
/* Voor een enkele hyperlink gebruik je de bootstrap class text-decoration-none */
}
.dp_no-text-decor a.text-decoration-underline:link,
.dp_no-text-decor a.text-decoration-underline:visited,
.dp_no-text-decor a.text-decoration-underline:hover,
.dp_no-text-decor a.text-decoration-underline:active { /* Bij gebruik van de class dp_no-text-decor gecombineerd met een hyperlink met de class text-decoration-underline onderlijning toestaan. */
text-decoration:underline solid 1px !important;
-webkit-text-decoration-line:underline !important; /* Safari */
text-decoration-thickness:1px !important; /* Safari */
}
.dp_hover-text-decor a:hover,
.dp_hover-text-decor a:active,
.dp_hover-text-decor a:focus,
a.dp_hover-text-decor:hover,
a.dp_hover-text-decor:active,
a.dp_hover-text-decor:focus { /* Bij gebruik van de classes dp_no-text-decor dp_hover-text-decor wel decoration bij on hover */
text-decoration:underline solid 1px !important;
-webkit-text-decoration-line:underline !important; /* Safari */
text-decoration-thickness:1px !important; /* Safari */
}
/* END */
/* TAGS: AANGEPASTE OPMAAK */
#sp-main-body .article-details .page-header {
margin-bottom:14px;
}
html:not(.coming-soon) h1 {
position:relative;
text-align:center;
padding-bottom:22px;
margin-bottom:20px;
text-transform:uppercase;
}
.dp_fadeinup { /* Fadeinup animatie: Nabootsen. */
animation:dp_fadeinup 1s 0.5s both;
}
@keyframes dp_fadeinup { /* Fadeinup animatie: Voor diverse elementen. */
0% {
transform:translate(0,10px);
opacity:0;
}
100% {
transform:translate(0,0px);
opacity:1;
}
}
@keyframes dp_fadeinup-logo { /* Fadeinup animatie: Speciaal voor het logo. */
0% {
transform:translate(-50%,10px);
left:50%;
opacity:0;
}
100% {
transform:translate(-50%,0px);
left:50%;
opacity:1;
}
}
html:not(.coming-soon) h1::before {
position:absolute;
content:"";
bottom:-20px;
left:50%;
transform:translateX(-50%);
width:40px;
height:40px;
border-radius:6px;
background:url('../../../images/layout/acta-synergia_light-logo-small.svg'),rgba(36,29,79,1.0);
background-repeat:no-repeat,repeat;
background-position:center,center;
background-size:26px auto,auto;
z-index:1;
}
html:not(.coming-soon) h1::after {
position:absolute;
bottom:0;
width:100%;
left:50%;
transform:translateX(-50%);
max-width:575px;
background-image:linear-gradient(to right, rgba(255,255,255,1.0), rgba(255,255,255,1.0)),linear-gradient(to right, rgba(36,29,79,1.0), rgba(36,29,79,1.0));
background-size:60px,100%;
background-position:center,center;
background-repeat:no-repeat,repeat;
height:1px;
content:"";
}
html:not(.coming-soon) h1,
html:not(.coming-soon) h1::before,
html:not(.coming-soon) h1::after {
animation:dp_fadeinup-logo 1s 0.5s both;
}
/* end */
u,
span[style*="text-decoration:underline;"],
span[style*="text-decoration: underline;"] { /* Tags: Standaard onderlijning opmaken */
text-decoration-thickness:2px !important;
}
strong,
table th {
font-weight:600;
}
table.dp_tabel-opmaak1 {
color:#241D4F;
border-color:#D1DFE5;
background-color:rgba(255,255,255,0.7);
}
/* END */
/* TOPBAR */
#sp-top-bar .row>* {
padding-right:4px;
padding-left:4px;
align-self:center; /* Topbar: Verticaal centreren. */
}
#sp-top-bar .social-icon-custom .fas.fa-phone::after {
content:" 033 303 4200";
font-weight:initial;
font-family:'Inter', sans-serif;
}
@media all and (max-width: 991px) {
#sp-top1 .social-icon-custom {
display:none;
}
}
#sp-top-bar {
font-size:initial;
line-height:initial;
font-weight:initial;
}
#sp-top-bar a:link,
#sp-top-bar a:link span::after {
text-decoration:none;
}
#sp-top-bar a:link,
#sp-top-bar a:link span::before,
#sp-top-bar a:link span::after {
transition:all 400ms ease;
}
/* End */
#sp-top-bar .dp_toplinks * { /* Topbar: Tabbladen naar onderen vergroten. */
height:100%;
}
#sp-top-bar .dp_toplinks li {
margin-right:0.3rem !important;
margin-left:0.3rem !important;
}
#sp-top-bar .dp_toplinks li:first-child {
margin-left:0 !important;
}
#sp-top-bar .dp_toplinks li:last-child {
margin-right:0 !important;
}
#sp-top-bar .dp_toplinks li a.btn {
position:relative;
z-index:1;
}
#sp-top-bar .dp_toplinks li a.btn::after,
#sp-top-bar .dp_toplinks li a.btn::before {
content:"";
position:absolute;
height:8px;
width:16px;
bottom:0px;
}
#sp-top-bar .dp_toplinks li.active a.btn,
#sp-top-bar .dp_toplinks li.alias-parent-active a.btn { /* Topbar: Tabbladen actief. */
color:#241D4F;
font-weight:600 !important;
text-decoration:none;
cursor:default;
background-color:#F7F7F7;
z-index:0;
}
#sp-top-bar .dp_toplinks li.active a.btn::after,
#sp-top-bar .dp_toplinks li.alias-parent-active a.btn::after {
right:-16px;
border-radius:0 0 0 8px;
box-shadow:-8px 0 0 0 #F7F7F7;
border:0px;
background-color:#241D4F;
}
#sp-top-bar .dp_toplinks li.active a.btn::before,
#sp-top-bar .dp_toplinks li.alias-parent-active a.btn::before {
left:-16px;
border-radius:0 0 8px 0;
box-shadow:8px 0 0 0 #F7F7F7;
border:0px;
background-color:#241D4F;
}
#sp-top-bar .dp_toplinks li:not(.active):hover a.btn {
background-color:#2f2769;
}
#sp-top-bar .dp_toplinks li.alias-parent-active:hover a.btn {
background-color:#F7F7F7;
}
/* End */
#sp-top-bar .btn-group button.btn.show,
#sp-top-bar .btn-group button.btn:hover { /* Topbar: Buttons. */
color:#6dacc9;
background-color:#2f2769;
}
#sp-top-bar .btn-group a.dropdown-item:link,
#sp-top-bar .btn-group a.dropdown-item:visited {
color:#241D4F;
}
#sp-top-bar .btn-group a.dropdown-item:hover,
#sp-top-bar .btn-group a.dropdown-item:focus {
color:#7AC1E3;
background-color:#2f2769;
}
/* END */
/* HEADER */
#sp-header {
-webkit-backdrop-filter:blur(15px);
backdrop-filter:blur(15px);
background:rgba(245,245,245,0.8);
box-shadow:0 4px 4px -4px rgba(0, 0, 0, 0.3);
}
#sp-header .row {
padding-right:4px;
padding-left:4px;
}
#sp-header #sp-top2 {
padding-right:8px;
padding-left:8px;
align-self:center; /* Header: Class sp-top-2 verticaal centreren */
}
@media all and (max-width: 575px) {
#sp-header .sp-contact-phone {
margin-left:1.5rem !important;
}
}
@media all and (min-width: 992px) {
#sp-header #sp-logo {
padding-left:0px;
}
}
#sp-header #sp-top2 .sp-contact-info {
margin:0 auto;
}
@media all and (min-width: 992px) and (max-width: 1199px) {
#sp-menu .sp-megamenu-parent > li > a { /* Header: Menu grootte aanpassen. */
font-size:0.9em;
}
}
/* END */
/* MENU-BUTTONS */
#sp-header.header-sticky + section { /* Menu-buttons: Content jump voorkomen zodra menu balk sticky wordt. */
margin-bottom:120px;
}
@media all and (min-width: 1px) and (max-width: 991px) {
#sp-header.header-sticky + section {
margin-bottom:110px;
}
}
/* End */
a.dp_menu-button.btn {
transition:all 0.4s ease-in-out;
}
.offcanvas-menu .offcanvas-inner ul.menu li>a.dp_menu-button.btn { /* Menu-buttons: Hover en active buttons. */
color:#f5f5f5;
}
.active a.dp_menu-button.btn,
a.dp_menu-button.btn:hover,
.offcanvas-menu .offcanvas-inner ul.menu li.active>a.dp_menu-button.btn { /* Menu-buttons: Hover en active buttons. */
color:#7AC1E3;
}
.active a.dp_menu-button.btn {
cursor:default;
}
/* END */
/* OFFCANVAS MENU */
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span { /* Menu: Offcanvas tekst doorzichtigheid opheffen. */
opacity:initial;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a { /* Menu: Offcanvas kleur probleem oplossen. */
color:#241D4F !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus { /* Menu: Offcanvas kleur probleem oplossen. */
color:#6dacc9 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a { /* Menu: Offcanvas kleur probleem oplossen. */
color:#7AC1E3 !important;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info li,
.offcanvas-menu .offcanvas-inner .social-icons li { /* Menu: Offcanvas tekst en icoon grootte. */
font-size:initial;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a,
.offcanvas-menu .offcanvas-inner .social-icons>li>a { /* Menu: Offcanvas contactgegevens. */
opacity:1;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info a:hover { /* Menu: Offcanvas contactgegevens. */
color:#6dacc9;
}
.offcanvas-menu .social-icons .fa:hover, .offcanvas-menu .social-icons .fab:hover, .offcanvas-menu .social-icons .far:hover, .offcanvas-menu .social-icons .fas:hover, .offcanvas-menu .offcanvas-inner .social-icons a:hover { /* Menu: Offcanvas social icons. */
color:#6dacc9;
}
@media all and (max-width: 991px) {
.offcanvas-menu .offcanvas-inner .social-icons .social-icon-custom { /* Menu: Telefoonnummer weg op custom social media positie onderin offcanvas menu scherm. */
display:none;
}
}
#offcanvas-toggler::before { /* Menu: Offcanvas MENU tekst toevoegen. */
content:"MENU";
float:right;
padding-right:9px;
color:#241D4F;
font-size:22px;
transition:color 300ms ease-in;
}
#offcanvas-toggler:hover .burger-icon span, /* Menu: Offcanvas MENU tekst toevoegen en styling. */
.burger-icon:hover>span {
background-color:#6dacc9;
}
@media all and (max-width: 575px) {
#offcanvas-toggler::before {
content:"";
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
margin-left:10px
}
}
#offcanvas-toggler:hover::before { /* Menu: Offcanvas MENU tekst toevoegen en styling. */
color:#6dacc9;
}
/* END */
/* VERVOLGPAGINA TITELBALK */
#sp-title .sp-page-title { /* Vervolgpagina titelbalk: achtergrond afbeelding */
position:relative;
width:100%;
height:auto;
background-image:linear-gradient(15deg, rgba(36,29,79,1.0) 40%, rgba(122,193,227,1.0) 100%);
background-color:transparent;
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
background-attachment:scroll; /* Hier is "fixed" niet bruikbaar omdat 100% breedte niet behouden blijft. */
}
#sp-title div.sp-page-title[style]::after { /* Vervolgpagina titelbalk: gradient overlay als bg afbeelding in inline style aanwezig is */
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background-image:linear-gradient(15deg, rgba(36,29,79,0.9) 40%, rgba(122,193,227,0.9) 100%);
}
#sp-title .sp-page-title .container { /* Vervolgpagina titelbalk: titel en subtitel bovenop gradient */
position:relative;
z-index:1;
}
/* End */
#sp-title .sp-page-title .sp-page-title-heading {
line-height:1.4;
}
/* End */
#sp-title .sp-page-title .container ol.breadcrumb {
font-size:0.75em;
}
#sp-title .sp-page-title .container ol.breadcrumb > li.active {
/* font-weight:300;
color:rgba(255,255,255,1.0); */
}
#sp-title .sp-page-title .container ol.breadcrumb > li > a:link,
#sp-title .sp-page-title .container ol.breadcrumb > li > a:visited {
text-decoration:underline;
}
#sp-title .sp-page-title .container ol.breadcrumb > li > a:hover,
#sp-title .sp-page-title .container ol.breadcrumb > li > a:active {
color:rgba(122,193,227,1.0);
}
@media all and (max-width: 767px) { /* Vervolgpagina titelbalk: Centreren titel en breadcrumb. */
#sp-title .sp-page-title .container {
text-align:center;
}
#sp-title .sp-page-title .container ol.breadcrumb {
justify-content:center;
}
}
/* END */
/* SLIDESHOW */
.sp-slider.dp_hmpg-slider .sp-nav-control .nav-control i {
line-height:normal !important;
}
.sp-slider.dp_hmpg-slider p a:link,
.sp-slider.dp_hmpg-slider p a:visited {
text-decoration:underline solid #f5f5f5 1px;
}
/* END */
/* MAINBODY */
#sp-main-body { /* Mainbody: Visueel nodig voor hoofdtitel met logo en lijn. */
background-color:#fff;
background-image:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(236,255,255,0) 100%),url('../../../images/layout/acta-synergia_accountancy-advice_blue-logo-watermerk.svg');
background-size:100% 250px,130% auto;
background-repeat:no-repeat,no-repeat;
background-position:center top,left bottom -1px;
background-attachment:scroll,fixed;
}
@media all and (max-width: 1199px) {
#sp-main-body { /* Mainbody: Fixed watermerk uitschakelen voor ipad/iphone omdat het daarin niet werkt. */
background-attachment:scroll,scroll;
}
}
.itemid-106 #sp-main-body {
background-image:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(236,255,255,0) 100%),url('../../../images/layout/acta-synergia_financial-estate-planning_green-logo-watermerk.svg');
}
.itemid-108 #sp-main-body {
background-image:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(236,255,255,0) 100%),url('../../../images/layout/acta-synergia_academy_red-logo-watermerk.svg');
}
.itemid-106 #sp-main-body h1 {
color:#35AB52;
}
.itemid-108 #sp-main-body h1 {
color:#E6332A;
}
/* END */
/* SIDEBARS */
#sp-right .sp-module {
border-image:linear-gradient(135deg, #7AC1E3 0%, #241D4F 100%) 1; /* Sidebars: Module rechter kolom border kleur. */
}
#sp-left .sp-module {
border-image:linear-gradient(225deg, #7AC1E3 0%, #241D4F 100%) 1; /* Sidebars: Module linker kolom border kleur. */
}
#sp-right .sp-module .sp-module-title {
border-image:linear-gradient(90deg, #7AC1E3 0%, #241D4F 100%) 1; /* Sidebars: Titel rechter kolom border kleur. */
}
#sp-left .sp-module .sp-module-title {
border-image:linear-gradient(270deg, #7AC1E3 0%, #241D4F 100%) 1; /* Sidebars: Titel linker kolom border kleur. */
}
/* End */
#sp-right .sp-module h3.sp-module-title,
#sp-left .sp-module h3.sp-module-title { /* Sidebars: Module titel grootte. */
font-size:1.4em;
}
@media all and (max-width: 767px) {
#sp-right .sp-module h3.sp-module-title,
#sp-left .sp-module h3.sp-module-title {
font-size:1.1em;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#sp-right .sp-module h3.sp-module-title,
#sp-left .sp-module h3.sp-module-title {
font-size:1.3em;
}
}
#sp-right .sp-module ul>li>a:hover {
color:#7AC1E3;
}
/* End */
#sp-right .sp-module.dp_sdb-flat,
#sp-left .sp-module.dp_sdb-flat { /* Sidebar: Sidebar flat in kleur. */
border:1px solid #d1dfe5;
background-color:rgba(255,255,255,0.7);
}
.itemid-106 #sp-right .sp-module.dp_sdb-flat,
.itemid-106 #sp-left .sp-module.dp_sdb-flat {
border-color:#c3d9c8;
}
.itemid-108 #sp-right .sp-module.dp_sdb-flat,
.itemid-108 #sp-left .sp-module.dp_sdb-flat {
border-color:#e5c4c3;
}
#sp-right .sp-module .sp-module-title,
#sp-left .sp-module .sp-module-title {
border-image:linear-gradient(0deg, #d1dfe5 0%, #d1dfe5 100%) 1;
}
#sp-right .sp-module.dp_sdb-flat {
border-radius:50px 8px 30px;
}
#sp-left .sp-module.dp_sdb-flat {
border-radius:8px 50px 8px 30px;
}
@media all and (max-width: 991px) {
#sp-right .sp-module.dp_sdb-flat,
#sp-left .sp-module.dp_sdb-flat {
border-radius:30px;
}
}
/* End */
#dp_partner-logos .sppb-addon-content img { /* Sidebar: Partner logos */
width:auto;
height:44px;
}
@media all and (max-width: 575px) {
#dp_partner-logos .sppb-addon-content img {
width:auto;
height:34px;
}
}
/* END */
/* HOMEPAGE */
.itemid-101 #dp_partner-logos .sppb-row-column { /* Homepage: Partner logos op homepage. */
max-width:25%;
flex-basis:25%;
margin-bottom:0;
}
.itemid-101 .sp-page-builder .page-content #dp_partner-logos {
max-width:600px;
}
/* End */
#dp_product_to .sppb-addon-overlay-image-content {
cursor:pointer;
}
#dp_product_to .overlay-background-image {
transition:1.0s;
}
#dp_product_to .overlay-image-title {
width:100%;
}
#dp_product_to h2.sppb-addon-title {
line-height:normal;
transform:translate3d(0,0,0);
width:100%;
}
#dp_product_to h2.sppb-addon-title a:link,
#dp_product_to h2.sppb-addon-title a:visited {
background-color:rgba(36,29,79,0.9);
color:#fff;
display:block;
padding:20px 5px;
width:100%;
}
#dp_product_to h2.sppb-addon-title a:hover,
#dp_product_to h2.sppb-addon-title a:active,
#dp_product_to .sppb-addon-overlay-image-content:hover h2.sppb-addon-title a {
background-color:rgba(47,39,105,0.9);
color:#7AC1E3;
}
#dp_product_to .dp_hmpg-financial h2.sppb-addon-title a:link,
#dp_product_to .dp_hmpg-financial h2.sppb-addon-title a:visited {
background-color:rgba(214,238,220,0.9);
color:#241D4F;
}
#dp_product_to .dp_hmpg-financial h2.sppb-addon-title a:hover,
#dp_product_to .dp_hmpg-financial h2.sppb-addon-title a:active,
#dp_product_to .dp_hmpg-financial .sppb-addon-overlay-image-content:hover h2.sppb-addon-title a {
background-color:rgba(61,196,95,0.9);
color:#181436;
}
#dp_product_to .dp_hmpg-administration h2.sppb-addon-title a:link,
#dp_product_to .dp_hmpg-administration h2.sppb-addon-title a:visited {
background-color:rgba(229,243,249,0.9);
color:#241D4F;
}
#dp_product_to .dp_hmpg-administration h2.sppb-addon-title a:hover,
#dp_product_to .dp_hmpg-administration h2.sppb-addon-title a:active,
#dp_product_to .dp_hmpg-administration .sppb-addon-overlay-image-content:hover h2.sppb-addon-title a {
background-color:rgba(136,216,252,0.9);
color:#181436;
}
#dp_product_to .dp_hmpg-academy h2.sppb-addon-title a:link,
#dp_product_to .dp_hmpg-academy h2.sppb-addon-title a:visited {
background-color:rgba(250,214,212,0.9);
color:#241D4F;
}
#dp_product_to .dp_hmpg-academy h2.sppb-addon-title a:hover,
#dp_product_to .dp_hmpg-academy h2.sppb-addon-title a:active,
#dp_product_to .dp_hmpg-academy .sppb-addon-overlay-image-content:hover h2.sppb-addon-title a {
background-color:rgba(255,56,46,0.9);
color:#181436;
}
@media all and (min-width: 768px) and (max-width: 991px) {
.dp_hmpg-administration.ratio.ratio-4x3 {
--bs-aspect-ratio:258px;
}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
.dp_hmpg-administration.ratio.ratio-4x3 {
--bs-aspect-ratio:348px;
}
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
#dp_hmpg_subdiensten .ratio.ratio-4x3 {
--bs-aspect-ratio:120%;
}
}
@media all and (min-width: 1400px) and (max-width: 1500px) {
#dp_hmpg_subdiensten .ratio.ratio-4x3 {
--bs-aspect-ratio:90%;
}
}
#dp_product_to .dp_belastingdienst-feed ul {
margin-bottom:0;
padding-left:0;
}
@media all and (max-width: 1199px) {
#dp_product_to .dp_belastingdienst-feed /* #dp_product_to .dp_hmpg-belastingdienst-feed */ {
background-image:none;
}
}
/* END */
/* CATEGORIELIJST PAGINA */
body.view-category .content-category #adminForm {
position:relative;
margin-top:71px;
background-color:rgba(255,255,255,0.7);
animation:dp_fadeinup-logo 1s 0.5s both;
}
@media all and (min-width: 1px) and (max-width: 991px) {
body.view-category .content-category #adminForm .table.table-bordered {
text-align:center;
}
}
body.view-category .content-category #adminForm .table.table-bordered tr {
border-color:#D1DFE5;
}
body.view-category .content-category #adminForm .table.table-bordered td {
padding:0;
}
body.view-category .content-category #adminForm .table.table-bordered td a {
padding:20px;
display:block;
font-weight:600;
}
/* END */
/* PLAATSEN PAGINAS */
body.view-article:has(.dp_belastingadviseur-regio .current) div[itemprop="articleBody"] {
position:relative;
animation:dp_fadeinup-logo 1s 0.5s both;
}
/* END */
/* DP_AFTER-CONTENT01 */
#sp-dp-after-content01.border-top {
border-top:1px solid #d1dfe5 !important;
}
.itemid-106 #sp-dp-after-content01.border-top {
border-top:1px solid #c3d9c8 !important;
}
.itemid-108 #sp-dp-after-content01.border-top {
border-top:1px solid #e5c4c3 !important;
}
@media all and (max-width: 1199px) {
#dp_bottom_banner { /* Dp_after-content: Parallax Background uitschakelen voor ipad/iphone omdat het daarin niet werkt. */
background-attachment: scroll !important;
background-position: center !important;
}
}
/* END */
/* BLOG */
body:has(.item-1024.alias-parent-active) div[itemprop="articleBody"], /* Blog: Nieuws. */ /* Accordions: check welke pagina's deze class-combinatie bevat en voer op die pagina deze CSS uit. */
body.view-article:has(.item-1025.active) div.article-header, /* Blog: Blogs. */
body.view-article:has(.item-1025.active) div.article-info, /* Blog: Blogs. */
body.view-article:has(.item-1025.active) div[itemprop="articleBody"], /* Blog: Blogs. */
body.view-article:has(.item-1023.active) div.article-header, /* Blog: Vacatures. */
body.view-article:has(.item-1023.active) div.article-info, /* Blog: Vacatures. */
body.view-article:has(.item-1023.active) div[itemprop="articleBody"] { /* Blog: Vacatures. */
animation:dp_fadeinup 1s 0.5s both;
}
.blog .article-list {
margin-top:24px;
animation:dp_fadeinup 1s 0.5s both;
}
.blog .article-list .article {
border:1px solid #D1DFE5;
background-color:rgba(255,255,255,0.7);
}
.blog .article-list .article .article-header h2,
.article-details .article-header h2 {
font-size:1.8em;
line-height:1.4;
margin:0;
}
.blog .article-list .article .article-info > span,
.article-info > span {
font-size:1rem;
}
@media all and (max-width: 767px) {
.blog .article-list .article .article-header h2 {
font-size:1.4em;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.blog .article-list .article .article-header h2 {
font-size:1.6em;
}
}
.blog .article-list .article .readmore {
font-size:1em;
}
.blog .article-list .article .readmore a {
display:inline-block;
padding:8px 16px;
font-weight:400;
}
.blog .article-list .article .readmore a:link,
.blog .article-list .article .readmore a:visited {
color:#ffffff;
background-color:rgba(36,29,79,1.0);
border-radius:8px;
}
.blog .article-list .article .readmore a:hover,
.blog .article-list .article .readmore a:active {
color:#7AC1E3;
}
/* END */
/* ACCORDIONS */
body:has(.item-1024.alias-parent-active) div[itemprop="articleBody"] { /* Accordions: Check welke pagina's deze class-combinatie bevat en voer op die pagina deze CSS uit. */
margin-bottom:26px;
}
.dp_accrd .accordion-item {
color:inherit;
background-color:rgba(255,255,255,0.7);
background:linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(229,243,249,0.7) 100%);
border-color:#d1dfe5;
}
.dp_accrd .accordion-button {
color:#241D4F;
background-color:rgba(255,255,255,0.7);
font-size:20px;
font-weight:600;
}
@media all and (max-width: 767px) {
.dp_accrd .accordion-button {
font-size:16px;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.dp_accrd .accordion-button {
font-size:18px;
}
}
.dp_accrd .accordion-button:link,
.dp_accrd .accordion-button:visited {
}
.dp_accrd .accordion-button:hover,
.dp_accrd .accordion-button:active {
color:#ffffff;
background-color:rgba(47,39,105,1.0);
}
.dp_accrd .accordion-button:not(.collapsed) {
color:#ffffff;
background-color:rgba(36,29,79,1.0);
}
.accordion-button::after { /* Accordions: Icoon standaard. */
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23241D4F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:hover::after,
.accordion-button:not(.collapsed)::after { /* Accordions: Icoon hover en actief. */
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.dp_accrd .accordion-body {
padding:40px;
}
.dp_accrd .accordion-body > :last-child {
margin-bottom:0;
}
/* END */
/* BOTTOM */
#sp-bottom {
position:relative;
font-size:revert;
line-height:revert;
}
@media all and (min-width: 992px) {
#sp-bottom {
font-size:18px;
line-height:1.4;
}
}
#sp-bottom::after {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
background-image:linear-gradient(90deg, rgba(36,29,79,1) 5%, rgba(36,29,79,0) 50%, rgba(36,29,79,1) 95%),url('../../../images/layout/acta-synergia_dark-logo-small.svg'), radial-gradient(circle, rgba(36,29,79,1) 0%, rgba(109,172,201,1) 100%);
background-size:auto,auto 130%,auto;
background-repeat:no-repeat,repeat-x,no-repeat;
background-attachment:scroll,scroll,scroll;
background-position:center,center,center;
opacity:0.125;
}
#sp-bottom .row {
position:relative;
z-index:1;
}
#sp-bottom .sp-module .sp-module-title {
font-size:1.5em;
}
@media all and (max-width: 767px) {
#sp-bottom .sp-module .sp-module-title {
font-size:1.1em;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#sp-bottom .sp-module .sp-module-title {
font-size:1.3em;
}
}
#sp-bottom .sp-module ul>li {
margin-bottom:5px;
}
#sp-bottom a:link,
#sp-bottom a:visited,
#sp-bottom a:hover,
#sp-bottom a:active {
text-decoration-line:none;
}
#sp-bottom ul li.current a {
color:#7AC1E3;
cursor:default;
}
#sp-bottom .latestnews a span {
display:none; /* BOTTOM: Datum weghalen bij latest module. */
}
#sp-bottom .dp_bottom-mlchp .btn.btn-primary:hover { /* Bottom: Nieuwsbrief aanmelden */
background-color:#2f2769;
}
#sp-bottom input[type="email"]:not(.form-control),
#sp-bottom .dp_bottom-mlchp .btn.btn-primary {
font-size:inherit !important;
line-height:normal !important;
padding:0.75rem!important;
}
#sp-bottom input[type="email"]:not(.form-control) {
border:0;
}
/* End */
#sp-bottom svg.dp_bottom-x-twitter { /* Bottom: Nodig zolang workaround voor X-Twitter-logo gebruikt moet worden. */
position:relative;
top:-2px;
width:auto;
height:26px;
}
@media all and (min-width: 992px) and (max-width: 1399px) {
#sp-bottom svg.dp_bottom-x-twitter {
top:-3px;
}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
#sp-bottom svg.dp_bottom-x-twitter {
top:-2px;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
#sp-bottom svg.dp_bottom-x-twitter {
top:-3px;
}
}
@media all and (min-width: 1px) and (max-width: 767px) {
#sp-bottom svg.dp_bottom-x-twitter {
top:-2px;
height:23px;
}
}
/* END */
/* FOOTER */
#sp-footer .container-inner {
border:none;
}
#sp-footer .dp_footer-regio a:hover { /* Footer: links */
color:rgba(109,172,201,1.0);
}
/* END */
/* OVERIGE */
.pagenavigation .pagination a { /* Overige: Pagina navigatie en buttons. */
padding:8px 16px;
}
.pagenavigation a.btn,
.btn.btn-primary {
border-color:#f5f5f5;
border-radius:8px;
}
.pagenavigation a.btn:link,
.pagenavigation a.btn:visited,
.btn.btn-primary:link,
.btn.btn-primary:visited {
font-size:1.0em;
text-decoration:none !important;
color:#f5f5f5;
background-color:#241D4F;
}
.pagenavigation a.btn:hover,
.pagenavigation a.btn:active,
.btn.btn-primary:hover,
.btn.btn-primary:active {
color:#6dacc9;
background-color:#241D4F;
}
/* End */
/* Overige: naar top icoon */
.sp-scroll-up {
background:rgba(36,29,79,0.40);
border:1px solid rgba(80,62,179,0.25);
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
background:rgba(109,172,201,0.9);
}
/* End */
/* FORMULIEROPMAAK */
.dp_frm-opmaak {
padding:1rem;
background-color:rgba(255,255,255,0.7);
}
.dp_frm-opmaak .form-label {
font-weight:700;
}
.dp_frm-opmaak .form-control {
border-radius:0;
color:#241D4F;
/* border-color:#241D4F; */
background-color:rgba(229,243,249,0.8);
border-color:rgba(229,243,249,0.8);
transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak .form-control:hover {
border-color:#7AC1E3;
}
.dp_frm-opmaak .form-check-input {
background-color:rgba(229,243,249,0.8);
border-color:rgba(209,223,229,1.0);
transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak .form-check-input:hover {
background-color:#7AC1E3;
border-color:#241D4F;
}
.dp_frm-opmaak .form-check-input:checked {
background-color:#7AC1E3;
border-color:#241D4F;
}
.dp_frm-opmaak ::placeholder {
color:#444444;
transition:all 0.4s ease-in-out;
}
.dp_frm-opmaak :hover::placeholder {
color:#d1dfe5;
}
.dp_frm-opmaak .formError {
font-size:0.7em;
font-weight:500;
color:red;
border:1px solid #241D4F;
margin-top:2px;
padding:5px;
background-color:white;
}
.dp_frm-opmaak .btn {
border-radius:0;
color:#f5f5f5;
font-size:1em;
padding:8px 16px;
}
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:link,
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:visited {
text-decoration:none !important;
background-color:#241D4F;
}
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:hover,
.dp_frm-opmaak a.rsform-captcha-refresh-button.btn.btn-secondary:active {
color:#7AC1E3;
background-color:#241D4F;
}
.dp_frm-opmaak .btn-primary,
.dp_frm-opmaak .sppb-btn-primary,
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
font-weight:400;
color:#f5f5f5;
border-color:#241D4F;
background-color:#241D4F;
}
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary {
border-radius:0;
font-size:20px;
padding:8px 16px;
}
.dp_frm-opmaak .btn-primary:hover,
.dp_frm-opmaak .sppb-btn-primary:hover,
button.rsform-submit-button.rsform-thankyou-button.btn.btn-primary:hover {
color:#7AC1E3;
border-color:#241D4F;
background-color:#241D4F;
}
.dp_frm-opmaak .btn.btn-warning {
color:#f5f5f5;
background-color:#E5301F;
border-color:#E5301F;
margin-right:10px;
}
.dp_frm-opmaak .btn.btn-warning:hover {
color:#231f20;
background-color:#72C00B;
border-color:#72C00B;
}
.dp_frm-opmaak .btn.btn-success {
color:#f5f5f5;
}
.dp_frm-opmaak .btn.btn-success:hover {
color:#231f20;
}
.dp_frm-opmaak .rsformProgress {
margin-bottom:1rem!important;
}
.dp_frm-opmaak .progress {
border-radius:0;
height:30px;
color:#f5f5f5;
background-color:#f5f5f5;
}
.dp_frm-opmaak .progress .progress-bar {
background-color:#88d8fc;
}
/* End */
.dp_belastingdienst-feed ul {
list-style-type:decimal !important;
list-style-position:inside !important;
}
#sp-left .sp-module.dp_belastingdienst-feed ul>li,
#sp-right .sp-module.dp_belastingdienst-feed ul>li {
display:list-item;
}
.dp_belastingdienst-feed ul li {
margin-bottom:10px;
border-bottom:none !important;
}
.dp_belastingdienst-feed ul li:last-child {
margin-bottom:0;
}
/* END */
.grecaptcha-badge { /* Overige: badge altijd zichtbaar */
z-index:11;
}
:target { /* Overige: Linken naar anchor/anker positie met 120x (fixed header) + 50px (extra speling) = 170px zodat de anchor positie niet deels achter fixed header schuil gaat */
scroll-margin-top:170px;
}
.coming-soon body { /* Overige: Coming soon pagina stylen */
color:#f5f5f5;
}
.error-page body { /* Overige: Error pagina stylen */
color:#241D4F;
}
.error-page body h2.error-message {
animation:dp_fadeinup 1s 0.5s both;
}
.coming-soon .coming-soon-logo {
background-color:#f5f5f5;
border:10px solid #f5f5f5;
}
/* End */
.text-white code { /* Overige: Styling voor voorbeeldpagina. */
color:#f5f5f5;
font-size:0.8em;
}
/* End */
ul.dp_list-inline li { /* Overige: Horizontale lijst items. */
display:inline-block;
}
/* END */
/* EIGEN OPMAAK CLASSES */
.dp_full-width-row { /* CONTENT: Met rij ontsnappen uit een container zodat de rij full screen breed wordt. */
width:100vw;
position:relative;
left:calc(-1 * (100vw - 100%)/2);
}
.dp_marker, .dp_yellow, .dp_bg-yellow {
background-color:yellow;
}
.dp_red, .dp_bg-red {
background-color:red;
}
.dp_text-red {
color:red;
}
.dp_orange, .dp_bg-orange {
background-color:orange;
}
.dp_text-green {
color:green;
}
.dp_green, .dp_bg-green {
background-color:green;
}
.dp_blue, .dp_bg-blue {
background-color:blue;
}
.dp_bg-grey {
background-color:rgba(227,227,227,1.0);
}
.dp_text-shaduw-light {
text-shadow:0px 0px 10px rgba(245,245,245,0.50);
}
.dp_text-shaduw-light02 {
text-shadow:2px 2px 0px rgba(245,245,245,0.50);
}
.dp_text-shaduw-dark {
text-shadow:0px 0px 10px rgba(30,30,30,0.50);
}
.dp_text-shaduw-dark02 {
text-shadow:2px 2px 0px rgba(30,30,30,0.50);
}
.dp_box-shadow-light {
box-shadow:0px 0px 4px rgba(245,245,245,0.20);
}
.dp_box-shadow-dark {
box-shadow:0px 0px 4px rgba(0,0,0,0.20);
}
.dp_box-shaduw-dark02 {
box-shadow:0px 0px 40px rgba(0,0,0,0.80) !important;
}
.dp_w-15 { /* Element/afbeelding met aangepaste breedte */
width:15% !important; /* Of gebruik de standaard B5 classes w-25, w-50 en w-75 */
height:auto;
}
.dp_w-35 { /* Element/afbeelding met aangepaste breedte */
width:35% !important;
height:auto;
}
.dp_w-40 { /* Element/afbeelding met aangepaste breedte */
width:40% !important;
height:auto;
}
.dp_w-65 { /* Element/afbeelding met aangepaste breedte */
width:65% !important;
height:auto;
}
@media all and (min-width: 768px) and (max-width: 991px) {
.dp_w-15 {
width:25% !important; /* Element/afbeelding 25% breed maken op kleinere schermen */
}
}
@media (max-width: 767px) {
.dp_element-full,
.dp_image-full { /* Element/afbeelding volle breedte op kleine schermen. */
width:100% !important;
height:auto !important;
margin-right:0 !important;
margin-left:0 !important;
}
}
img.dp_bw-image,
.dp_bw-image img { /* Afbeelding met grijstint */
filter:grayscale(100%);
transition:all 0.4s ease-in-out;
}
a:hover img.dp_bw-image,
.dp_bw-image a:hover img {
filter:grayscale(0%);
}
.dp_object-fit-cover { /* Vulling afbeeldingen. */
object-fit:cover;
}
.dp_object-fit-contain {
object-fit:contain;
}
a.btn.dp_buttons,
a.btn.dp_buttons:link,
a.btn.dp_buttons:visited { /* Algemeen: afwijkende button opmaak */
color:rgba(245,245,245,1.0) !important;
background-color:rgba(30,30,30,1.0);
text-decoration:none !important;
border-radius:0;
}
a.btn.dp_buttons:hover,
a.btn.dp_buttons:focus,
a.btn.dp_buttons:active {
color:rgba(245,245,245,1.0) !important;
background-color:rgba(0,0,0,1.0);
}
blockquote.blockquote {
margin:2rem 0;
border:1px solid rgba(209,223,229,1.0);
border-left:5px solid rgba(36,29,79,1.0);
padding:20px 20px 20px 40px;
background-color:rgba(229,243,249,0.7);
}
blockquote.blockquote :last-child {
margin-bottom:0;
}
.dp_z-index0 { /* Te combineren met de Bootstrap classes position-relative en position-absolute. */
z-index:0;
}
.dp_z-index1 {
z-index:1;
}
.dp_list-indent-0 { /* Toevoegen aan UL om lijsten niet te laten uitspringen. */
padding-left:0;
list-style-position:inside;
}
/* END */