* {
font-family: 'Calibri', sans-serif;
margin:0px;
padding:0px;
}
* { 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
} 
a, a:hover {
color:#00509e;
} 
a:hover {
text-decoration: underline;
}
.col-left {
text-align:left;
}
.col-center {
text-align:center;
}
.col-right {
text-align:right;
}
a:hover {
text-decoration: none;
}
main h1 {
font-size:25px;
font-weight:bold;
line-height:28px;
margin-bottom:20px;
}
main .block-content h1 {
font-size:27px;
}
main .block-content h2 {
font-size:27px;
font-weight:bold;
line-height:40px;
}
main .block-content .col-post-content h2:first-child {
margin-bottom:20px;
}
main .block-content .col-post-content h3 {
}
main p {
font-size:17px;
font-weight:normal;
line-height:30px;
}
main h3 {
font-size:20px;
font-weight:bold;
line-height:26px;
}
ul, li {
margin:0;
padding:0;
}
ul li {
line-height: 27px;
font-size: 16px;
}
body header#navheader {
border-top:6px solid #00519e;
}
.primary-menu-wrapper ul li {
display: inline;
list-style-type: none;
transition-duration: 0.5s;
}
li.menu-item {
position: relative;
text-decoration: none;
transition-duration: 0.5s;
padding-bottom: 25px;
}
ul.sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
margin-top: 0px;
left: 0;
display: none; 
z-index:1;  
background-color:#fff; 
width:300px;
padding-bottom:10px;
padding-top:10px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.48);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.48);
}
.primary-menu-wrapper ul.sub-menu li a {
padding:0px;
text-transform: none;
color:#000;
font-size:17px;
font-weight:normal;
width:100%;
padding-left:25px;
padding-right:25px;
padding-top:10px;
padding-bottom:10px;  
}
.primary-menu-wrapper ul.sub-menu li {
padding-bottom:0px;
padding-top:0px;
}
.primary-menu-wrapper ul.sub-menu li a:hover, .primary-menu-wrapper ul.sub-menu li.current-menu-item a {
background-color:transparent;
}
.primary-menu-wrapper ul.sub-menu li.current-menu-item a {
font-weight: bold;
}
.primary-menu-wrapper ul.sub-menu li a:after {
display:none;
}
.primary-menu-wrapper ul.sub-menu li {
display:block;
}
.primary-menu-wrapper ul li.menu-item-has-children:hover > ul,
.primary-menu-wrapper ul li.menu-item-has-children ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
.primary-menu-wrapper ul li.search-item a:before {
content:'';
position:absolute;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/search-blue.svg);
background-size:cover; 
height:20px;
width:20px;
top: 0px;
right: 0;
left: 0;
margin: auto;
}
.primary-menu-wrapper ul li.search-item a {
background-color:transparent !important;
width:100px; 
}
.primary-menu-wrapper ul li.search-item a:hover {
background-color: #f9f9f9 !important; 
color:#f9f9f9;
}
.primary-menu-wrapper ul li a {
padding:40px;
padding-left:20px;
padding-right:20px;
display:inline-block;
text-transform: uppercase;
color:#262626;
font-weight:600;
letter-spacing:0.57px;
}
.primary-menu-wrapper ul li a:hover {
background-color:#f9f9f9;
color:#105ca4; 
}
.primary-menu-wrapper li.current-menu-item a {
color:#00519e;
background-color:#f9f9f9; 
}
.primary-menu-wrapper li.menu-item-has-children a:after {
content:'';
position:absolute;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/arrow-blue-down.svg);
background-size:cover;
top:5px;
right:16px;
width:12px;
height:7px;   
}
.primary-menu-wrapper li.menu-item-has-children a {
padding-right:35px;
}
header .outer-container {
max-width:1920px;
}
header .logo-top {
float:left;
padding-top:17px;
}
header .call-me-back {
float:right;
margin-top:20px;
margin-right:5px;
}
.header-image-container {
background-size: cover;
height: 670px;
width: 100%;
background-position: center center;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/bg_groningen.jpg);
position: relative;
}
header .container-nav-desktop .row:first-child {
margin-left:0px;
margin-right:0px;
}
.header-image-container:after {
position: absolute;
width: 100%;
height: 97px;
content: '';
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/header-overlay.svg);
background-size: cover;
background-position: center center;
bottom: -2px;
left: 0;  
}
.block-default-pd {
padding-top:66px;
padding-bottom:66px;
}
.container .border-top {
border-top:1px solid #ddd;
padding-top:66px;
}
.block-border-top {
padding-top:0px;
}
body.home .block-intro {
background-color:#f9f9f9;
text-align:center;
}
.container-search-header .search-wrapper {
max-width:732px;
width:100%;  
padding:15px;
}
.container-search-header .search-wrapper input {
border-radius:0px;
}
.container-search-header h1 {
text-transform: uppercase;
font-size:73px;
line-height:78px;
font-weight:bold;
text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.69);
}
.container-search-header h2 {
font-size:30px;
margin-bottom:20px;
font-weight:bold;
text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.69);
letter-spacing: 1px;
}
.container-search-header h1, .container-search-header h2 {
color:#fff;
}
.container-search-header .col {
position:relative;
}
.container-search-header .search-wrapper {
position:absolute;
right:0;
left:0;
margin:auto;
width:100%;
top:160px;
}
.container-search-header .search-box {
position:relative;
}
.container-search-header .search-box input {
width:100%;
padding:26px;
line-height:65px;
height:65px;
-webkit-appearance: none;
outline:none;
border:0px;
}
.container-search-header .search-box a.button {
position:absolute;
right:0px;
top:0px;
}
.search-box .results {
width:100%;
background-color:#fff;
border-top:1px solid #efefef;
padding:0px; 
position:absolute;
padding-top:12px;
padding-bottom:12px;
display:none;
z-index:1;
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
border-radius: 0px 0px 4px 4px;
}
.search-box .results ul {
list-style-type: none;
}
.search-box .results ul li a {
color:#000;
position: relative;
padding-left: 55px;
font-weight: bold;
line-height: 20px;
padding-top: 12px;
padding-bottom: 12px;
display: block;
padding-right:20px;
}
.search-box .results ul li:hover {
background-color:#f9f9f9;
}
.search-box .results ul li a:before {
position:absolute;
content:'';
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/search-black.svg);
background-size:cover;
width: 19px;
height: 19px;
top: 13px;
left: 20px;    
}
.search-box .loader {
position:absolute;
width:30px;
height:30px;
right:220px;
top:0;
bottom:0;
margin:auto;
display:none;
}
.search-box .loader.show {
display:block !important;
}
.block-headings h1 {
font-size:27px;
font-weight: bold;
line-height: 26px;
margin-bottom: 20px;    
}
ul.list-statics {
list-style-type:none;
}
ul.list-statics li {
padding-bottom:25px;
border-bottom:1px solid #ddd;
padding-top:25px;
}
ul.list-statics li:first-child {
padding-top:0px;
}
ul.list-statics li:last-child {
border-bottom:0px;
padding-bottom:0px;
}
ul.list-statics .info-bl {
padding:20px 16px 20px 16px;
background-color:#00519e;
color:#fff;
height:60px;
width:60px;
text-align:center;
line-height: 20px;
margin-right:15px;
}
ul.list-statics .info-bl span {
font-size:20px;
font-weight:bold;
display:block;    
}
ul.list-statics .info-bl.small span {
margin-right:-4px;
}
ul.list-statics .info-bl.large span {
margin-left:-2px;
}
ul.list-statics-blue .info-bl.hover {
background-color: #f1870f;
}
ul.list-statics-orange .info-bl.hover {
background-color: #00519e; 
}
ul.list-statics-blue .info-bl {
background-color:#00519e; 
}
ul.list-statics-orange .info-bl {
background-color:#f1870f;  
}
ul.list-statics span {
font-size:17px;
line-height:20px;
font-weight:bold;
}
ul.list-statics {
background-color:#fafafa;
padding:27px;
}
ul.list-statics table {
cursor:pointer;
}
.nieuws-wrapper {
position:relative; 
margin-bottom:30px; 
cursor:pointer;  
}
.nieuws-col-large .nieuws-wrapper {
height:380px;
background-size:cover;
background-position: center center;
padding:20px;
position:relative;
overflow:hidden;
}
.nieuws-col-large .nieuws-wrapper .gradient {
position:absolute;
top:0;
left:0;
width:100%;
height:380px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.nieuws-col-large .nieuws-wrapper .categorie {
background-color:#00509e;
padding:9px 23px 11px 23px;
color:#fff;
font-weight:bold;
font-size:18px;
display:inline-block;
}
.nieuws-col-large .nieuws-wrapper time {
text-transform: uppercase;
color:#fff;
font-size:18px;
padding-left:10px;
}
.nieuws-col-large .nieuws-wrapper h2 {
color:#fff;
font-size:25px;
font-weight:bold;
margin-top:17px;
}
.nieuws-col-large .nieuws-wrapper .info-top {
position:absolute;
bottom:20px; 
}
.nieuws-col-default .nieuws-wrapper .photo { 
height:265px;
background-size:cover;
background-position: center center;
transition: all .5s;
}
.nieuws-col-default .nieuws-wrapper .photo-wrapper {
overflow:hidden;
}
.nieuws-col-default .nieuws-wrapper .photo:hover {
transform: scale(1.10);
}
.nieuws-col-large .nieuws-wrapper-outer .background {
height: 380px;
position: absolute;
top: 0;
left: 0;
width:100%;
background-size: cover;
background-position: center center;
padding: 20px;   
transition: all .5s;
}
.nieuws-col-large .nieuws-wrapper-outer .background.hover {
transform: scale(1.10);
}
.team-box a {
overflow:hidden;
}
.team-box > a img {
transition: all .5s;
}
.team-box > a img:hover {
transform: scale(1.05); 
}
.nieuws-col-default .nieuws-wrapper .categorie {
color:#000;
font-size:15px;
font-weight:normal;
font-size:15px;
display:inline-block;
text-transform: uppercase;
}
.nieuws-col-default .nieuws-wrapper .info-top {
margin-top:20px;
}
.nieuws-col-default .nieuws-wrapper .categorie time {
color:#bdbdbd;
}
.nieuws-col-default .nieuws-wrapper h2 {
font-size:25px;
font-weight:bold;
margin-top:5px;
}
.nieuws-wrapper .text-box {
text-overflow: ellipsis; overflow: hidden;
height:189px;
}
.rounded-images img{
border-radius: 50%;
width:230px;
height:230px;  
}
.team-box h3 {
margin-top:25px;
cursor:pointer; 
}
.team-box p.functie {
font-size:18px;
text-transform: lowercase;
cursor:pointer; 
}
ul.socials {
list-style-type: none;
}
ul.socials li {
display:inline-block;
}
ul.socials li img {
width:49px;
height:49px;
}
ul.socials li {
margin-right:15px;
}
ul.socials li:last-child {
margin-right:0px;
}
footer .block-footer-1 {
height:345px;
background-color:#00509e;
color:#fff;
}
footer .container-bg .bg {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/footer.svg);
background-size:cover; 
background-position: center;
height:180px;
width:100%;
}
footer .block-footer-1 h3 {
color:#fff;
font-size:25px;
font-weight:bold;
line-height:26px;
}
footer p {
font-size:17px;
line-height:26px;
}
footer a.follow-us-twitter {
color:#00509e;
font-size:17px;
font-weight:bold;
float:right;
}
footer h1.twitter {
float:left;
}
footer .block-footer-2 {
background-color:#f9f9f9;
}
footer .block-footer-2 p {
font-size:17px;
line-height:30px;
letter-spacing: 0.94px;
}
footer .block-footer-2 h1 {
margin-bottom:30px;
}
footer h1.contact, footer h1.socialmedia {
margin-top:35px;
}
footer h1.twitter {
margin-bottom:13px;
}
footer .block-footer-3 {
background-color:#fff;
padding-top:40px;
padding-bottom:40px;
}
footer .block-footer-3 a {
color:#000;
font-size:17px;
letter-spacing: 0.94px;
padding-left:15px;
padding-right:15px;
}
footer .block-footer-3 p {
letter-spacing: 0.94px; 
color:#000;
font-size:17px;
}
footer .block-footer-3 a:first-child {
padding-left:0px;
}
footer .block-footer-3 p {
margin:0px;
}
footer .block-footer-4 {
border-top:1px solid #f1f1f1;
padding-top:58px;
padding-bottom:58px;
}
footer .logos {
display:flex;
align-items: top;
justify-content: center;
}
footer .logos p:first-child img {
margin-top:15px;
}
footer .logos p:not(:last-child) {
margin-right:60px;
}
footer .logos p strong {
color:#aeaeae;
font-size:17px;
line-height:50px;
font-weight:normal;
}
#ctf.ctf-narrow .ctf-author-avatar, #ctf.ctf-narrow .ctf-author-avatar img {
width:48px;
height:48px;
border-radius:50%;
}
#ctf.ctf-narrow .ctf-tweet-content, #ctf.ctf-narrow .ctf-tweet-actions, #ctf.ctf-narrow .ctf-quoted-tweet {
margin-left: 59px;
}
#ctf.ctf-narrow .ctf-context {
margin-left: 59px;
display:none; 
}
.ctf-corner-logo {
display:none !important;
}
.ctf-twitterlink {
display:none;
}
.header-container-content {
height:350px;
background-color:#00519e;
background-size:cover;
background-repeat: no-repeat;
text-align:center;
width:100%;
}
.header-container-content .container, .header-container-content .container .row {
height:100%;
}
.header-container-content .title-wrapper {
width:100%;
max-width:879px;
background-color:#00519e;
background-color: rgba(0, 81, 158, 0.89);
display:inline-block;
padding-top:35px;
padding-bottom:30px;
border-radius:10px 10px 0 0;
padding-left:25px;
padding-right:25px;
}
.header-container-content .title-wrapper p { 
color:#fff;
margin:0;
padding:0;
}
.header-container-content .title-wrapper h1 {
color:#fff;
font-size:35px;
font-weight:bold;
margin:0;
padding:0;
text-transform: uppercase; 
margin-bottom:15px;
}
.no-margin {
margin:0px !important;
}
.header-container-content .title-wrapper h1.no-margin {
margin-top:-2px !important;
}
#breadcrumbs a {
color:#858585;
}
#breadcrumbs * {
text-transform: uppercase;
font-size:15px;
letter-spacing: 0.50px;
}
p#breadcrumbs {
margin:0px !important;
}
.breadcrumb-container {
padding-top:30px;
padding-bottom:35px;
}
.block-nieuws-filters .container .wrapper {
background-color:#f4f4f4;
border-radius:2px;
padding:24px 20px 24px 20px;
}
.thema-box {
background-color:#f4f4f4;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-size: cover;
background-position: center center;
height:217px;
text-align:center;
position:relative;
width:100%;
display:block;
transition: all .5s;
}
.thema-box:hover {
transform: scale(1.10);
}
.thema-box-outer {
overflow: hidden;
height:217px;
margin-bottom:30px;
position:relative;
}
.thema-box .gradient {
position:absolute;
top:0;
left:0;
width:100%;
height: 217px;   
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
.col-last .thema-box {
margin-bottom: 0px;
}
.thema-box-outer h2 {
font-size:25px;
font-weight:700;
color:#fff;
position:absolute;
bottom:10px;
left:15px;
width:100%;
pointer-events: none;
}
body.home .slider-outer-box {
margin-top:31px;
}
.icon-locatie {
background-color:#00519e;  
}
.icon-postadres {
background-color:#f1870f;  
}
.icon-block {
display:flex;
align-items: center;
justify-content: center; 
margin-right:20px; 
width:73px;
height:73px;   
}
.icon-block i {
color:#fff;
font-size:25px;
}
.custom-widget strong {
font-size:17px;
}
.custom-widget p {
margin:0;
}
.custom-widget {
margin-bottom:55px;
}
.col-widget-bar .custom-widget:last-child {
margin-bottom:0px; 
}
.widget-locatie table {
margin-bottom:25px;
}
.widget-locatie img.maps {
width:100%;
}
.img-maps-container {
width:100%;
text-align:right;
}
.img-maps-container a.button {
margin-top:15px;
}
.widget-contactgegevens {
}
.widget-contactgegevens a {
display:block;
line-height:28px;
}
.widget-contactgegevens a i {
padding-right:10px;
}
.block-contact-form .col-side-1 {
padding-right:190px;
}
.block-content .col-post-content {
padding-left:160px;
padding-right:160px;
position:relative;
}
.block-content .col-post-content.full-width {
padding-left:15px !important;
padding-right:15px !important;
}
.block-content .col-post-content img {
height:auto;
border:50px solid #fafafa;
width: calc(100% + 160px);
position: relative;
left: -100px;
margin-right: -100px;
margin-top:35px;
margin-bottom:35px;  
}
.block-content .col-post-content ul, .block-content .col-post-content ol {
margin-left:15px;
margin-top:15px;
margin-bottom:15px;
}
.block-content .col-post-content ul li, .block-content .col-post-content ol li {
font-size:17px;
line-height:32px;  
}
.block-content form ul {
margin:0px;
}
.block-content ul li {
line-height:32px;
}
.tableauPlaceholder1 {
margin-bottom:25px;
border: 50px solid #fafafa;
width: calc(100% + 160px);
position: relative;
margin-right: -100px;
margin-top: 35px;
margin-bottom: 35px;
height:auto !important;
width: 100% !important;
}
.popup_wrapper .tableauPlaceholder {
background:white;
} 
.post-content-share-container {
text-align:center;
margin-top:35px;
}
ul.faq {
margin:0 !important;
padding:0 !important;
}
ul.faq li {
list-style-type: none;
font-size:17px;
width:100%;
position:relative;
padding:30px;
background-color:#f4f4f4;
margin-bottom:25px;
border-radius:2px;
border:2px solid #f4f4f4; 
}
ul.faq li.active {
background-color:#fff;
}
ul.faq li div.question {
font-weight:bold;
line-height:30px;
cursor:pointer;
padding-right:25px;
}
ul.faq li div.answer {
margin-top:20px;
display:none;
}
ul.faq a.btn-toggle:hover {
text-decoration: none;
}
ul.faq a.btn-toggle {
display:flex;
position:absolute;
right:20px;
top:20px;
background-color:#fff;
border-radius:50%;
width:50px;
height:50px;
align-items: center;
justify-content: center;    
}
ul.faq a.btn-toggle:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
content: "\f078";
font-size:13px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
color:#000;
}
ul.faq li.active a.btn-toggle:before {
content: "\f077";
}
.block-team-full .team-box {
margin-bottom:65px;
}
body.single-medewerker img.medewerker-large {
width: 100%;
}
body.single-medewerker .medewerker-info-wrapper {
margin-top:20px;
border-top:1px solid #f0f0f0;
padding-top:20px;
}
body.single-medewerker .medewerker-info-wrapper ul.socials {
margin-top:20px;
}
body.page-template-2-columns .block-contact-form .col-side-1 {
padding-right:15px !important;
}
body.page-template-2-columns .block-contact-form input {
width:auto;
}
body.page-template-2-columns .block-contact-form input[type="submit"] {
display:block;   
}
a.ss-button-twitter, a.ss-button-linkedin {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/icon-twitter-orange.svg) !important;
width: 49px !important;
height: 49px !important;
margin:0 !important;
padding:0 !important;
background-position: center !important;
background-size: cover !important;
margin-left:7px !important;
margin-right:7px !important;
}
a.ss-button-linkedin {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/icon-linkedin-orange.svg) !important;  
}
.newsletter-success-msg {
display:none;
}
form#LoginForm input[type="submit"] {
margin-bottom:25px;
}
.block-content iframe {
width: 100%;
max-width: 850px;
}
.popup_wrapper iframe {
width: auto;
max-width: auto;
}
.popup_wrapper .tableauPlaceholder {
width: auto !important;
margin:0px !important;
border:0 !important;
}
.tableau-temp-holder {
display:none;
position:relative;
}
.tableau-temp-holder a.close {
position:absolute;
width:30px;
height:30px;
right:1px;
top:1px;
content:'';
background-color:#fff;
z-index:1;
display:block;
opacity:1 !important;
}
.tableau-temp-holder a.close:before {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/close-cross.svg);
width: 100%;
height: 100%;
content: '';
position: absolute;
background-size: 15px 15px;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-repeat: no-repeat;
background-position: center;
}
}
.tableau-temp-holder .zoom-tbl {
display:none; 
}
.header-container-content .title-wrapper p {
font-size:22px;
}
.block-themaoverzicht-1 .contents-actueel .inner-block {  
background-color:#f1870f;
width:100%;
height:180px;
display:flex;
align-items: center;
justify-content: center;
margin-bottom:15px;
margin-top:15px;
transition-duration: 0.2s;
}
.block-themaoverzicht-1 .contents-actueel .inner-block:hover {
box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, 0.05); 
}
.block-themaoverzicht-1 .contents-actueel .inner-block span {
color:#fff;
font-size:24px;
font-weight:600;
text-align:center;
padding:20px;
}
.block-themaoverzicht-1 .contents-actueel {
margin-bottom:15px;
}
.no-padding-bottom {
padding-bottom:0px;
}
.block-themaoverzicht-2 .onderwerp-block {
width:100%;
height:66px;
background-color:#00519e;
display:flex;
align-items: center;
justify-content: center;    
text-align:center;
transition-duration: 0.2s;
margin-bottom:20px;
}
.block-themaoverzicht-2 .onderwerp-block:hover {
box-shadow: inset 0px 0px 400px 110px rgba(255, 255, 255, 0.08); 
}
.block-themaoverzicht-2 .onderwerp-block span {
color:#fff;
font-size:17px;
font-weight:600;
}
.block-themaoverzicht-2 .row-onderwerpen {
padding-top:10px;
}
.single-thema ul.subjects {
margin:0;
padding:0;
list-style-type: none;
}
.single-thema ul.subjects a {
color: #000 !important;
}
.single-thema ul.subjects a.active {
font-weight:600;
}
.single-thema ul.subjects a:hover {
text-decoration: underline;
}
.button-back:before {
content: '';
position: absolute;
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/arrow-blue-right.svg);
background-size: cover;
width: 22px;
height: 15px;
top: 5px;
left:0;
transform: rotate(180deg);
}
.button-back:after {
display:none;
}
.button-back {
margin-top:-60px;
position:relative;
padding-right:0px !important;
padding-left:35px;
}
.single-thema .col-cnt-3 .post-content-share-container {
text-align:left;
}
.single-thema h3 {
font-size:21px;
}
.single-thema .col-cnt-3 h2 {
font-size:21px;
font-weight:bold;
margin-bottom:25px;
}
.single-thema .contents-outer {
width: 100%;
max-width: 879px;
display:inline-block;
padding-bottom:45px;
}
.single-thema .col-cnt-center {
text-align:center; 
}
.single-thema .contents-outer .content {
text-align:left;
padding:35px;
}
.single-thema .content-intro {
background-color:#f1870f;
color:#fff !important;
}
.single-thema .content-intro a {
color:#fff;
text-decoration: underline;
}
.single-thema .content-intro p, .single-thema .content-intro h1, .single-thema .content-intro h2 {
color:#fff;
}
.single-thema .contents-left {
position:absolute;
width:255px;
text-align:left;
margin-left:-159px;
top:0px;
}
.single-thema .contents-left.sticky {
position:fixed;
top:20px;    
z-index:1;
}
.single-thema .contents-left-back {
position:absolute;
width:350px;
text-align:left;
margin-top:-60px;
margin-left:-159px; 
top:0;   
}
.single-thema ol, .single-thema ul {
margin-left:30px;
}
.single-thema ol li, .single-thema ul li{
padding-bottom:5px;
font-size: 17px;
font-weight: normal;
line-height: 30px;
}  
.single-thema .contents-right {
position:absolute;
top:0;
right:-120px;
text-align:left;
}
.single-thema .block-betrokken-medewerkers .more-info {
background-color:#00519e;
border-radius:50%;
width: 230px;
height: 230px;
align-items: center;
justify-content: center;  
display:flex;  
flex-direction: column; 
padding:15px; 
}
.single-thema .block-betrokken-medewerkers ul.socials {
margin:0;
}
.single-thema .block-betrokken-medewerkers .more-info h2 {
font-size:25px;
font-weight:bold;
color:#fff;
}
.single-thema .block-betrokken-medewerkers .more-info p{
color:#fff;
padding:0;
margin:0;
}
.single-thema ol li, .single-thema ul li{
padding-bottom:17px;
font-size: 17px;
font-weight: normal;
line-height: 30px;
}  
.single-thema ul.subjects {
margin-top:15px;
}
.single-thema ul.subjects li {
line-height:20px;
}
.single-thema .contents-right .hoofdauteur img{
width:130px;
height:130px;
}
.single-thema .contents-right .hoofdauteur h3 {
font-size:18px;
margin-bottom:0px;
}
.col-publicaties-title h1 {
margin-top:30px;
}
.border-top.margin-top {
margin-top:45px;
}
.col-related .contents {
background-color:#00519e;
color:#fff;
text-align:left;
padding:30px;
margin-top:30px;
height:100%;
}
.col-related {
padding-bottom:35px;
}
.col-related a {
color:#fff !important;
}
.col-related ul {
margin:0;
padding:0;
list-style-type: none;
}
.col-related ul li {
position:relative;
padding-bottom:10px;
}
.col-related ul li a {
padding-left:37px;
display:block;
}
.col-related ul li a:hover {
text-decoration: underline;
}
.col-related ul li a:before {
content:'';
position:absolute;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/icon-pdf.svg);
background-size:cover; 
height:19px;
width:15px;
top: 3px;
left: 0;  
}
.col-related-nieuws ul li a:before {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/arrow-white-right.svg); 
height:13px;
width:10px;
top: 7px;    
}
.single-thema .tableauPlaceholder {
margin-left:-65px;
max-width: 940px;
width: 940px !important;
}
.search-overlay {
position:relative;
display:none;
}
.search-overlay-body {
margin-top:-110px;
width: 100%;
background: #fff;
padding-bottom:45px;
}
.search-overlay .button-back {
margin-top:0px;
}
.search-overlay h3 {
font-size:21px;
font-weight: bold;
line-height: 26px;
margin-top:30px;
}
.search-overlay .contents-left-back {
margin-top:30px;
}
.search-overlay ul {
margin:0;
padding:0;
list-style-type:none;
}
.search-overlay ul li label {
padding-left:15px;
}
.search-overlay h4 {
font-size:18px;
font-weight:600;
}
.search-overlay h3.filter-title {
margin-bottom:45px;
}
.search-overlay ul.themas {
margin-bottom:35px;
}
.search-overlay .col-results .col-res-left .photo {
width:170px;
height:170px;
background-size:cover;
background-repeat: no-repeat;
display:block;    
}
.search-overlay .col-results .col-res-left {
padding-right:0px;
max-width:22%;
}
.search-overlay .col-results {
padding-top:57px;
}
.search-overlay .col-results .row-result {
margin-bottom:30px;
}
.search-overlay .nieuws-col-default .nieuws-wrapper .info-top {
margin-top:0px;
}
.search-overlay .nieuws-col-default .nieuws-wrapper {
cursor:inherit;
}
.search-overlay .nieuws-col-default a.read-more {
text-decoration: underline;
cursor:pointer;
}
.search-overlay .nieuws-col-default a.item-title {
color:#000; 
}
.search-overlay a.photo-wrapper {
overflow:hidden;
display:block;
}
.tableau-img-wrapper {
display:block;
background-color:#fafafa;
padding:70px;
margin-top: 35px;
margin-bottom: 35px;   
width: calc(100% + 130px);
position: relative;
left:-70px;
padding-top:36px;
padding-bottom:36px;
}
.tableau-img-wrapper a.zoom {
position:relative;
display:block;
width:100%;
height:420px;
background-size:cover;
transition: all 0.5s ease;  
}
.tableau-img-wrapper a.zoom:after {
position:absolute;
width:100%;
height:100%;
content:'';
background-color: rgba(20, 79, 156, 0.65);
}
.tableau-img-wrapper a.zoom:hover:after {
background-color: rgba(20, 79, 156, 0.35); 
}
.tableau-img-wrapper a.zoom:before {
position:absolute; 
content:'';
width:92px;
height:95px;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/zoom-tableau.svg);
background-size:cover;
z-index:1;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
}
.tableau-img-wrapper .more {
margin-top:30px;
}
div.tableauPlaceholder.automatic-size {
width: 85vw !important;
height: 90vh !important;
}
.col-feiten-cijfers .list-statics-blue {
padding-bottom:45px;
}
footer ul.themas {
margin:0;
padding:0;
list-style-type: none;
margin-bottom:30px;
}
footer ul.themas li a {
font-size: 17px;
line-height: 30px;
letter-spacing: 0.94px;
color:#000; 
position:relative;
padding-left:25px;
}
footer ul.themas li {
padding-bottom:5px;
}
footer ul.themas li a:before {
position:absolute; 
content:'';
width:6px;
height:11px;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/opsomming.svg);
background-size:cover;  
left:0px;  
top:4px;
}
footer .about-us {
padding-right:25px;
}
.single a.button-back {
margin-top: -40px;
display: block;
margin-bottom: 45px;
}
.summary-top .contents {
margin-bottom:35px;
display:inline-block;
margin-top:-40px;
}
.block-content .col-post-content .logos-container img {
height: auto;
border: 0px;
width: 100%;
position: relative;
left: auto;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.logos-container {
margin-top:35px;
}
.block-content .col-post-content .logos-container .row > div {
padding-bottom:60px;
}
.tableau-img-wrapper.only-preview a {
cursor:default;
pointer-events:none;
}
.tableau-img-wrapper.only-preview a:before, .tableau-img-wrapper.only-preview a:after {
display:none;
}
.tableau-img-wrapper.only-preview .more {
display:none;
}
.page-template-2-columns .block-content .outer-block {
background-color:#f9f9f9;
padding:35px;
}
.page-template-2-columns .block-contact-form input[type="text"], .page-template-2-columns .block-contact-form textarea { 
border:1px solid #979797;
background-color:#fff;
}
.inline-tableau .tableauPlaceholder {
width:auto !important;
height:auto  !important;
margin-left:inherit !important;
text-align:center;
}
.inline-tableau .tableauPlaceholder iframe {
display:inline-block !important;
}
.inline-tableau {
margin-bottom:30px;
}
.page-template-onderhoud footer .block-default-pd, .page-template-onderhoud footer .block-footer-3 {
display:none;
}
.page-template-onderhoud .logo {
max-width:380px;
width:70%;
margin-top:50px;
margin-bottom:50px;
}
.page-template-onderhoud .block-1 {
padding-top:75px;
padding-bottom:75px;
background-color:#f9f9f9;
}
.page-template-onderhoud .block-2 {
padding-top:75px;
padding-bottom:75px;
background-color:#fff;
}
.page-template-onderhoud .block-2 a:hover {
text-decoration: underline;
}
.page-template-onderhoud .block-2 p {
margin-bottom:2rem;
}
.single-thema-show-mobile {
display:none;
}
.single-thema-show-mobile h2 {
font-size: 25px;
font-weight: bold;
line-height: 40px; 
}
.single-thema-show-mobile {
margin-bottom:40px;
}
.single-thema-show-mobile .border-top {
padding-top:0px !important;
}
body.single .block-betrokken-medewerkers {
padding-bottom:70px;
}
body.single .block-betrokken-medewerkers h1 {
font-size:27px;
margin-bottom:40px;
}
body.single p.date {
color:#a2a2a2;
}
body.single .quote-container {
height:230px;
width: calc(100% + 45px);
position: relative;
left: -25px;
margin-bottom:35px;
margin-top:25px;
background-repeat: no-repeat;
background-size: auto 230px;
position:relative;
}
body.single .quote-container .quote-block-1 {
width: 110px;
height: inherit;
transform: skew(-10deg);
background-color:#e77e07;
position:absolute;
right:50%;    
z-index:1;
display:flex;
align-items: center; 
justify-content: center;
}
body.single .quote-container .quote-block-1 img {
border:0px;
height:28px;
margin-left:96px;
}
body.single .quote-container .quote-block-2 {
background-color:#f1870f;
width:57%;
height: inherit;
right:0;
position:absolute;
display:flex;
align-items: center; 
justify-content: center;     
}
body.single .quote-container .quote-block-2 p {
padding:0;
margin:0;
color:#fff;
padding-left:120px;
padding-right:20px;
font-size:20px;
font-weight: 600;
font-style:italic;     
}
.col-post-content a.button-large {
color:#fff;
cursor:pointer;
white-space: normal;
height:auto;
line-height: 25px;
padding-top:20px;
padding-bottom:20px;
}
.col-post-content a.button-large:hover {
text-decoration: none;
}
.contact-card-medewerker{
background-color:#f9f9f9;
padding:30px;
margin-top:30px;
}
.contact-card-medewerker h3 {
margin-bottom:0px;
}
.contact-card-medewerker .widget-contactgegevens {
margin-bottom:35px;
}
body.single-medewerker .row-more {
display:none;
}
body.single-medewerker .quote-container {
margin-top:-40px !important;
}
body.single .quote-container-2 .quote-block-1 {
right:auto;
}
body.single .quote-container-2 {
left:0px;
width:100%;
}
body.single .quote-container-2 .quote-block-3 {
position:absolute;
z-index:1;
background-color:#e38011;
height:230px;
width:50px;
}
body.single .quote-container-2 .quote-block-2 {
width:100%;
}
body.single .quote-container-2 {
overflow:hidden;  
}
body.single .quote-container-2 .quote-block-1 img {
border: 0px;
height: 28px;
margin-left: 6px;
}
body.single-medewerker .widget-contactgegevens i {
display:none;
}
body.single-medewerker .socials li:first-child {
display:none;
}
body.page-template-contact .block-1 .contents {
background-color:#f9f9f9;
height:683px;
}
body.page-template-contact .block-1 .contents .afbeelding-top {
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
height:268px;
width:100%;
}
body.page-template-contact .block-1 .contents-2 {
padding:25px;
}
body.page-template-contact .block-1 .contents-3 {
padding:25px;
padding-top:0px;
text-align: center;
}
body.page-template-contact .block-1 .col-cnt-1 .contents ul {
margin:0pxp;
padding:0px;
list-style-type: none;
}
body.page-template-contact .block-1 .col-cnt-1 .contents ul p {
margin-bottom:0px;
}
body.page-template-contact .block-1 .col-cnt-1 .contents ul li {
padding-bottom:20px;
position:relative;
padding-left:35px;
}
body.page-template-contact .block-1 .col-cnt-1 .contents ul li:before {
content: "\f041";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
position:absolute;
left:0;
top:5px;
color:#00519e;
font-size:20px;
}
body.page-template-contact .block-1 .col-cnt-1 .contents ul.ul-2 li {
padding-bottom:0px;
}
body.page-template-contact .block-1 .contents ul li.tel:before {
content: "\f095";
font-size:17px;
top:8px;
transform: rotate(90deg); 
}
body.page-template-contact .block-1 .contents ul li.email:before {
content: "\f1d8";
font-size:17px;
top:8px;
}
body.page-template-contact .block-1 .contents .button {
text-transform: none;
width:100%;
}
body.page-template-contact .block-1 .col-cnt-2 .contents {
background-size:cover;
}
body.page-template-contact .block-1 .col-cnt-2 .contents {
position:relative;
}
body.page-template-contact .block-1 .col-cnt-2 .contents-3 {
position:absolute;
bottom:3px;
width:100%;
}
body.page-template-contact .block-1 .widget-socialmedia {
margin-top:50px;
}
.contents-left-back-nonscroll {
margin-top:-65px;
padding-bottom:40px;
padding-right: 40px;
}
.contents-left-back-scroll {
margin-top:0px;
margin-top:30px;
}
.contents-left-back-nonscroll a {
display:block;
margin-top:-5px;
}
h3 {
font-size:25px !important;
}
h4 {
font-size:21px;
}
.page-id-237 .row-onderwerpen div:last-child {
}
article h1.hoofdstuk-title + h3 {
margin-top:-10px;
}
.team-box .phone-placeholder {
height:41px;  
}
.team-box p.functie {
padding-bottom:0px;
margin-bottom:5px;
}
.su-spoiler-content .info-block-content-wrapper {
margin-left: -15px;
width: calc(100% + 30px);
}
.su-spoiler-content ul {
margin-left:25px;
margin-bottom:20px;
}
.nieuws-wrapper-outer a.nieuws-wrapper {
display:block;
color:#000 !important;
text-decoration: none !important;
}
.tableau-img-wrapper {
background-color:transparent;
}
.newsletter-success-msg.type2 {
display:block !important;
}
html :where(img[class*=wp-image-]) {
max-width: none !important;
}
.medewerker-o-single {
border-radius:10px;
background-color:#00509e;
display:block;
overflow:hidden;
margin-bottom:35px;
transform: translateZ(0);
}
.medewerker-o-single * {
color:#fff;
}
.medewerker-o-single .bg {
background-position:center center;
width:100%;
height:280px;
background-size:cover; 
transition: all .5s;
position: relative;
z-index:0;   
}
.medewerker-o-single .infos {
text-align:left !important;
padding:25px;
background-color:#00509e;
position: relative;
z-index:1;
height:140px;
}
.medewerker-o-single .infos p {
margin:0;
padding:0;
line-height: 25px;
}
.medewerker-o-single:hover .bg {
transform: scale(1.04);
}
.col-groep-title {
margin-bottom:20px;
}
.col-groep-title:not(.col-groep-title.g1) {
margin-top:40px;
}
.contact-card-medewerker {
margin-top:0;
padding-right:10px;
padding-left:20px;
}
img.medewerker-large {
border-radius:10px 10px 0 0;
}
.widget-contactgegevens {
padding-bottom:25px;
border-bottom:1px solid #e0e8f0;
}
body.single-medewerker .widget-contactgegevens i {
display: inline-block;
}
body.single-medewerker .widget-contactgegevens a {
text-decoration: none !important;
}
.contact-card-medewerker .widget-contactgegevens {
margin-bottom: 30px;
}
ul.socials li img {
width: 40px;
height: 40px;
}
ul.socials li {
margin-right: 7px;
}
blockquote p {
color:#00509e;
font-weight: 600;
font-style:italic;
}
.contact-card-medewerker {
border-radius: 0 0 10px 10px;
}
.single-thema .contents-right .hoofdauteur img {
width:150px;
height:auto;
}
.medewerker-o-single .bg {
background-size:140%;
background-repeat: no-repeat;   
background-position: top center;
}
div.medewerker-large {
height:355px;
width:100%;
background-size:140%;
background-repeat: no-repeat;   
background-position: top center;
border-radius:10px 10px 0 0;    
}
.team-box a.thema-auteur {
height: 260px;
width: 100%;
background-repeat: no-repeat;
background-position: top center;
display: block;
background-size: 180%;  
}
.block-headings h2.title, h2.hoofdstuk-title {
font-size: 27px;
font-weight: bold;
line-height: 26px;
margin-bottom: 20px;
}
footer .block-footer-2 h2.title {
margin-bottom: 30px;
}
footer h2.contact, footer h2.socialmedia {
margin-top: 35px;
}
main h2.title2 {
font-size: 25px;
font-weight: bold;
line-height: 28px;
margin-bottom: 20px;
}
.last-edited-article {
margin-top:15px;
text-align:left;
background-color:#fcfbfb;
}
.last-edited-article .content {
padding-top:15px !important;
padding-bottom:15px !important;
font-style:italic;
}
.logo-top img {
width:184px;
}
footer p.copyright {
text-align:right;
}