/*
 Theme Name:   Beterburen
 Theme URI:    
 Description:  Twenty twenty Child Theme
 Author:       Arjan Vriezen
 Author URI:   http://arjan.ch
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  twentytwentychild
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {font-family: "Block Berthold Condensed";
  src: url("fonts/98c1d54a54c44dfe6f53f226cc9ff479.eot"); /* IE9*/
  src: url("fonts/98c1d54a54c44dfe6f53f226cc9ff479.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/98c1d54a54c44dfe6f53f226cc9ff479.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/98c1d54a54c44dfe6f53f226cc9ff479.woff") format("woff"), /* chrome、firefox */
  url("fonts/98c1d54a54c44dfe6f53f226cc9ff479.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/98c1d54a54c44dfe6f53f226cc9ff479.svg#Block Berthold Condensed") format("svg"); /* iOS 4.1- */
}


html {
	font-size: 16px !Important;
}


.home_tekst {
	max-width: 100%;
}




body, label {
	font-size: 1em !important;
}

.gallery-tekst p {
	font-weight: 500 !Important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Abel', sans-serif !Important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !Important;
	margin: 1em 0 0.5em 0 !important;
	line-height: 1em !Important;
}

p, span, li, a, b, i, .wp-block-latest-posts__post-excerpt {
	letter-spacing: 0 !important;
	color: #03464B;
}

a {
	color: #019BA8 !important;
}

.entry-content a {
	font-weight: 700;
}

.entry-content ul, ol {
	margin: 0 0 1em 0 !important;
}

.entry-content li {
	margin-top: 0;
	margin-left: 1.2em;
}


h1 {
	font-size: 3.625em;
	color: #019BA8;
}

h2 {
	font-size: 2.5625em;
	color: #03464B;
}

.contactbox h2 {
	color: white !important;
	font-size: 2.25em !Important;
	margin-top: 0 !important;
}

.contactbox p {
	margin-bottom: 0.5em !important;
	color: white !important;
}

.contactbox .button {
	margin-bottom: 0.5em !Important;
}

h3 {
	font-size: 2em;
	color: #03464B;	
}

h4,  .gsection_title  {
	font-size: 1.4em;
	color: #03464B;	
}
.menu-item a {
	font-weight: 700;
	text-decoration: none !important;
	letter-spacing: 0 !important;
}

body, .widget_text p, #site-content .entry-content, figcaption, .entry-content .wp-block-latest-posts  {
	font-family: 'Open Sans', sans-serif !Important;
}

input, textarea {
	border-radius: 7px !important;
	border: none !Important;
	margin-bottom: 10px !important;
}

.button, input[type="submit"], .wp-block-button__link {
	background: none !important;
	border: solid 2px !important;
	border-radius: 2em !important;
	border-color: #C7EBF0;
	padding: 0.5em 1.5em;
	box-sizing: border-box;
	text-decoration: none !Important;
	font-weight: 700;
}

.header-contact .button {
	margin-left: 1em;	
}

.button.button-negative {
	color: white !Important;
	border-color: white !Important;
}

.button.button-negative, .footer-nav-widgets-wrapper input[type="submit"] {
	border-color: white !Important;	
}


.button.button-negative:hover {
	background-color: #C7EBF0 !important;
	color: #019ba8 !important;
	border-color: white !important;
}

.wp-block-button__link:hover, 
.button:hover  {
	background-color: #019BA8 !important;
	border-color: #019BA8 !important;
	color: white !important;
}

.contactbox .button.button-negative:hover {
	color: #03464B !Important;
}

.steunons-blok .button.button-negative:hover {
	color: #FF9933 !Important;
	background-color: white !Important;
	border-color: white !Important;
}

.contactbox .button {
	min-width: 12em;
	margin: 0 0.5em;
}

.button.button-negative:hover, .footer-nav-widgets-wrapper input[type="submit"]:hover {
	background-color: white !important;
	color: #019ba8 !important;
}

.caps {
	text-transform: uppercase;
}

.widget-title {
	font-family: 'Open Sans', sans-serif !Important;
	letter-spacing: 0 !Important;
	font-size: 1em !Important;
	text-transform: uppercase;
	margin-bottom: 1em !Important;
}

.widget {
	font-size: 1em !Important;	
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, button, .button, .faux-button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size: 1em !Important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
	padding: 15px !Important;
}

.ac_title_class {
	font-family: 'Abel', sans-serif !Important;
	text-transform: uppercase;
	letter-spacing: 0.05em !Important;
	margin: 1em 0 0.5em 0 !important;
	line-height: 1em !Important;
	color: #019BA8 !Important;
	padding: 0.5em 0 !Important;
	margin: 0 !important;
	border-top: solid 1px #019BA8;
	font-size: 1.5em !Important;
}

#site-content .wpsm_panel-group div.wpsm_panel:last-child {
	border-bottom: solid 1px #019BA8 !important;
}

#site-content .wpsm_panel-group div.wpsm_panel-heading {
	background: none !Important;
	padding: 0 !important;
}



#site-content span.ac_open_cl_icon {
	font-size: 1em !Important;
	padding-top: 1.1em !important;
}

.ac_open_cl_icon:before {
	color: #019BA8 !Important;
}

.ac_title_class .fa {
	display: none !Important;
}

.wpsm_panel {
	margin: 0 !important;
}

#site-content div.wpsm_panel-body {
	padding: 1em 0 2em 0 !Important;
	color: #03464B !important;
}

#site-content .wpsm_panel .ac_open_cl_icon {
	background-color: transparent !Important;
}

/* ------------------------------------------------------ HEADER ---------------------------------------------------------- */

.entry-header {
	background-color: #ffffff !important;
	padding: 1.5em 0 !important;
}

.entry-header-inner {
	text-align: left !Important;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.entry-header-inner .titles p {
	margin-bottom: 0.3em !Important;
}

.entry-header-inner .titles a {
	text-decoration: none !important;
}

.header-icon img {
	width: 150px !important;
}

.entry-header-inner * {
	color: #019ba8 !Important;
}

.entry-title {
	color: #019ba8 !Important;
	text-align: left !Important;
	margin: 0 !important;
	font-size: 1.8em !important;
}

figcaption.header-bijschrift {
	position: absolute !Important;
	bottom: -4em !Important;
	left: 5% !Important;
}

.menu-modal {
	margin-top: 141px;
}

.menu-modal-inner {
	background-color: white !important;
}

.menu-modal-inner .menu-wrapper {
	margin: 0 !Important;
	padding: 0 !important;
	width: 100% !Important;
}

.menu-modal-inner .menu-item a {
	font-size: 1em !Important;
	color: #03464B !important;
	padding: 1.5em !important;
}

.menu-modal-inner .sub-menu-toggle, .sub-menu-toggle .svg-icon, .sub-menu-toggle polygon {
	color: #03464B !important;	
}

.menu-bottom {
	display: none;
}

.menu-modal-inner .svg-icon {
	width: 1em !Important;
}

.menu-modal-inner .sub-menu-toggle {
	padding: 0 1.5em !Important;
}

.close-nav-toggle  {
	background-color: #03464B !important;
	padding: 1.5em !important;
}

.mobile-nav-toggle .toggle-inner, .nav-toggle .toggle-icon, .mobile-nav-toggle {
	height: unset !important;
	width: unset !Important;
}

.mobile-nav-toggle .toggle-inner, .mobile-nav-toggle {
	padding: 0 !important;
}

.nav-toggle .toggle-icon img {
	width: 30px !important;
	
}

.site-logo a {
	width: 130px !important;
}

.section-inner.header-inner {
	max-width: 1700px !Important;
	position: relative;
	width: 100%;
}

.header-spacer {
	width: 100%;
	height: 141px !Important;
}

.header-footer-group, .header-footer-group * {
	color: white !Important;
}

.header-footer-group input[type=text] {
	color: gray !Important;
}

#site-header {
	position: fixed;
	width: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
}

.header-inner {
	padding: 0;
	align-items: stretch;
}

.header-toggles {
	justify-content: flex-end;
	position: absolute;
	top: 15px;
	left: 0 !important;
	width: 100% !important;
	padding: 0 20px;
}

.header-titles-wrapper {
	flex-basis: 10%;
	display: block;
	padding: 1.2em 0;
	margin-right: 4em !Important;
}

.header-navigation-wrapper {
	justify-content: space-between;
	justify-self: flex-end;
	display: flex !Important;
}

.primary-menu-wrapper {
	display: flex !Important;
	width: unset !important;
	align-items: stretch !Important;
}

.header-right {
	flex-basis: 90%;
	display: flex;
	justify-content: space-between;
}

.header-titles {
	margin: 0 !important;	
}

.site-logo {
	margin: 0 !important;
}

.header-contact {
	display: flex;
	align-items: baseline;
}

.header-contact p {
	margin-bottom: 0 !Important;
}

.search-toggle {
	padding: 15px 0 !Important;
	height: unset !Important;
}

.header-toggles {
	margin-right: 0 !Important;
}

.search-toggle .toggle-inner {
	background-color: white !important;
	padding: 5px;
	border-radius: 1em;
	height: unset !important;
	max-width: unset !important;
}

.search-toggle .toggle-inner .svg-icon {
	width: 18px !important;
	height: auto !Important;
}

.search-toggle .toggle-inner .svg-icon path {
	fill: #019ba8 !important;	
}

.site-logo img {
	width: 150px !Important;
	max-height: unset !Important;
}

.searchbtn {
	position: relative;
}

.search-form {
	padding: 0 !Important;
}

.search-form .search-field {
	border: none !important;
	border-bottom-left-radius: 2em !important;
	border-top-left-radius: 2em !important;
	font-size: 0.8em !Important;
	padding: 6px 10px !important;
	color: black !important;
	opacity: 0;
}

.search-form label {
	display: block !Important;
	margin-right: -0.2em !important;
}

.search-submit {
	font-size: 0.8em !Important;
	background-color: white !important;
	border-radius: 2em !Important;
	padding: 5px !Important;
	position: relative;
	margin: 0 !Important;
	height: 27px !Important;
	width: 27px !Important;
}

.opensearch {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


.primary-menu-wrapper .menu-item a {
	display: flex;
	align-items: center;
	transition: all 0s !important;
}

.primary-menu-wrapper .menu-item {
	margin: 0;
	padding: 14px 1em 0 1em;
	position: relative !Important;
	display: flex;
	align-items: stretch;
}

.primary-menu-wrapper .menu-item .icon {
	right: 0.5em !Important;
}


.primary-menu-wrapper .menu-item:hover a, 
.primary-menu-wrapper .menu-item:hover .icon  {
	color: #03464B !important;
}

.primary-menu-wrapper .menu-item:hover {
	background-color: white;
}


.primary-menu-wrapper .menu-item:hover .sub-menu, .primary-menu-wrapper .menu-item:hover .menu-item:hover .sub-menu {
	display: block;	
}

.primary-menu-wrapper .menu-item:hover .menu-item .sub-menu {
	display: none;	
}


.primary-menu-wrapper .sub-menu:before, .primary-menu-wrapper .sub-menu:after, .post-meta-wrapper, .home .entry-header {
	display: none !Important;
}

.primary-menu-wrapper .sub-menu {
	background-color: white !important;
	right: unset !Important;
	left: 0 !Important;
	top: 100% !important;
	width: 200% !Important;
	max-width: 500px;
	padding: 1em 0;
	border-top-left-radius: 0 !important;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	display: none;
}

.primary-menu-wrapper .sub-menu .sub-menu {
	background-color: #C7EBF0 !important;
	left: 100% !important;
	top: 0 !Important;
}

.primary-menu-wrapper .sub-menu .sub-menu .menu-item:hover {
	background-color: #C7EBF0 !important;	
}

.primary-menu-wrapper .sub-menu .menu-item a {
	color: #03464B !important;
	padding: 1em;
}

.primary-menu-wrapper .sub-menu .menu-item a:hover {
	color: #00828e !important;
}

ul.primary-menu, .primary-menu ul {
	font-size: 1em !Important;
}

.primary-menu .icon::before {
	height: 10px;
    width: 3px;
	bottom: calc(50% - 8px);
}

.primary-menu .icon::after {
    height: 3px;
    width: 10px;
	bottom: calc(50% - 8px);
}

.vacatures-blok {
	position: relative;
}

.vacatures-blok:before, .vacatures-blok:after  {
	content: '';
	position: absolute;
    display: block;
    background-color: #019BA8;
	transform: rotate(-45deg);
	transition: all 0.3s ease;
}

.vacatures-blok:before{
	height: 10px;
    width: 2px;
	bottom: calc(50% - 2px);
	right: 12px;
}

.vacatures-blok:after {
    height: 2px;
    width: 10px;
	bottom: calc(50% - 4px);
	right: 8px;
}

.vacatures-blok:hover:before{
	right: 4px;	
}


.vacatures-blok:hover:after  {
	right: 0px;	
}

body.touch-enabled .primary-menu > li.menu-item-has-children > a {
	margin-right: 1.2em !important;
}

.home .header-afbeelding {
	max-width: 100%;
	border-radius: 0;
}

.header-afbeelding {
	padding-bottom: 25%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	max-width: 1640px;
	margin: auto;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	position: relative;
}

/* ------------------------------------------------------ CONTENT ---------------------------------------------------------- */

.wp-social-link {
	background-color: #03464B !Important;
}

.wp-social-link:hover {
	background-color: #019BA8 !important;
}


.wp-social-link a {
	color: white !Important;	
}

.section-inner {
	width: 100% !important;
}

#site-content h4.wpsm_panel-title a {
	font-size: 1em !Important;
}

.wp-block-button {
	margin-top: 1em !Important;
	margin-bottom: 1em !Important;
}

.post-inner {
	padding-top: 2em !Important;
}


h4 .home_tekst{
		max-width: none !Important;
}


.entry-content {
	font-size: 1em !important;
	padding: 0 20px !Important;
	width: 100%;
	max-width: 1404px !Important;
	margin: auto;
}

.section-inner {
	max-width: 1404px !Important;
	padding: 0 20px !Important;
}

.wp-block-columns {
	width: 100% !important;
	max-width: 100% !Important;
	margin-bottom: 6em !Important;
	margin-top: 4em !important;
}

.entry-content .wp-block-latest-posts, figure {
	margin-top: 2em !Important;
	margin-bottom: 2em !Important;
}

.wp-block-latest-posts__featured-image {
	margin-bottom: 2em !Important;
	position: relative;
	padding-bottom: 66.5% !Important;
}

.wp-block-latest-posts__featured-image a  {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
	border-radius: 4px !Important;
}

.wp-block-latest-posts__featured-image a img {
  position: absolute;
  top: 50%;
  left: 50%;

  width: auto;
  height: auto;

  max-height: none;
  max-width: none;

  min-height: 100%;
  min-width: 100%;

  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
	border-radius: 0 !Important;
}
	
.wp-block-latest-posts a {
	color: #03464B !important;
}

.wp-block-latest-posts a, .wp-block-latest-posts a img {
	width: 100% !important;
	max-width: 100% !Important;
}

.wp-block-column > *:first-child {
	margin-top: 0 !Important;
}

.wp-block-column > *:last-child {
	margin-bottom: 0 !Important;
}

#site-content .entry-content > *:not(.wp-block-columns):not(.gallery-section) {
	max-width: 812px !Important;
	width: 100% !Important;
	margin-left: auto !Important;
	margin-right: auto !Important;
}



#site-content .entry-content img {
	border-radius: 7px;
}

figure.wp-block-image {
	position: relative;
}

figure.caption {
	padding-bottom: 0;	
	padding-right: 2.5em;
}

figure.caption img {
	z-index: 0 !important;	
	position: relative !Important;
}

figcaption {
	color: #03464B !important;
	font-size: 0.9em !Important;
	line-height: 1.5em !Important;
	background-color: #C7EBF0;
	padding: 2em 3em;
	border-radius: 7px;
	font-weight: 700 !Important;
	max-width: 400px;
	margin: -2.5em -2.5em 0 2.5em !important;
	z-index: 1;
	position: relative !Important;
	float: right;
}

.wp-block-column:not(:first-child) {
    margin-left: 6% !important;
}

.entry-content .wp-block-separator {
	background: #019ba8 !Important;
	background-color: #019ba8 !Important;
	color: #019ba8 !Important;
	height: 1px !Important;
}


.wp-block-separator:before, .wp-block-separator:after {
	display: none !important;
}

/* ----------------------------------- HOME ---------------------------------- */

.home-buttons {
	position: absolute;
	width: 100%;
	max-width: 1000px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
		flex-wrap: wrap;
}

.home-button {
	background-color: #019ba8;
	flex-basis: 210px;
	border-radius: 50%;
	border: solid 6px white;
	text-align: center !Important;
	text-decoration: none !Important;
	margin: 0.5em 1.5em;
	position: relative;
	padding-bottom: 200px;
}


.home-button:hover {
	transform: scale(1.1);
}

.home-button h4 {
	color: white !Important;
	margin-top: 0 !important;
	font-size: 1.2em;
	line-height: 1em;
}

.home-button img {
	margin-bottom: 5px;
}

.button-inner {
	position: absolute;
	width: 75%;
	height: 70%;
	top: calc(50% - 10px);
	left: 50%;
	transform: translate(-50%, -50%);
}

.steunons-blok {
	display: flex;
	width: 100% !important;
	max-width: 1368px !important;
	margin: auto;
	border-radius: 7px;
	background-color: #FF9933;
	color: white !Important;
}

.steunons-blok .col{
	display: flex;
	flex-basis: 50%;
}

.steunons-blok .col .img{
	flex-basis: 25%;
	margin-right: 5%;
}

.steunons-blok .col .text{
	flex-basis: 70%;
}

.steunons-blok .left {
	padding: 2em;
}

.steunons-blok p, .steunons-blok b {
	color: white !Important;
}

.steunons-blok h3 {
	color: white !Important;
	font-size: 2.5625em !important;
}

.steunons-blok .right {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background-size: cover;
	background-position: center;
}

.extra-content {
	padding: 0 20px;
}

#twitter {
	background-color: #C7EBF0;
	padding: 3em 0;
	position: relative;
}

#twitter:before {
	content: '';
	background-color: #C7EBF0;
	position: absolute;
	left: -100%;
	right: -100%;
	top: 0;
	bottom: 0;
	z-index: -1;
}

#twitter-feed-Beterburen {
	display: flex;
	margin-top: 3em;
	flex-wrap: wrap !important;
}

.fts-tweeter-wrap {
	border-radius: 7px;
	background-color: white;
	flex-basis: 29.33333333333333%;
	margin-right: 6%;
	margin-bottom: 2em;
}


.fts-tweeter-wrap:nth-child(3n) {
	margin-right: 0;	
}

.tweeter-info {
	border: none !important;
	padding: 20px !Important;
}

#twitter .fts-powered-by-text {
	display: none !Important;
}

/* ----------------------------------- POSTS ---------------------------------- */

.pagination-single {
	display: none;
}

.backto {
	margin-top: 6em;
	text-align: center;
}

/* ----------------------------------- GALLERIES ---------------------------------- */
#team-section {
	margin-top: 4em;
}

.team-thumb-container {
	padding: 1em 3em !Important;
}

.team-thumb {
	padding-bottom: 100% !Important;
	border-radius: 50% !Important;
}

.referenties-container {
	margin-top: 1em !Important;
}

.gallery-section, .gallery {
	width: 100% !important;
	max-width: 100% !important;
}

.gallery {
	margin: 3em 0 !Important;
}

.container {
	max-width: 1368px !important;
	margin: auto;
}

.gallery-container {
	max-width: 1368px !important;
	margin: 3em auto;
	display: flex;
	flex-wrap: wrap;
}

.referenties h3 {
	text-align: center;
}

.gallery-blok {
	margin-right: 6%;
	flex-basis: 29.33333333333333%;
	margin-bottom: 2em;
}

.gallery-blok:nth-child(3n) {
	margin-right: 0;
}

.referentie {
	text-align: center;
}

.referentie p {
	margin-top: 1em !Important;
}

.quote {
	color: #019ba8;
	font-weight: 700;
	font-size: 1.375em;
}

.gallery-thumb {
	padding-bottom: 60%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 7px;
	background-color: #C7EBF0;
	margin-bottom: 1em;
}

.gallery-tekst h2 {
	font-family: 'Open Sans', sans-serif !Important;
	font-size: 1em !Important;
	line-height: 1.5em !important;
	font-weight: 700;
	text-transform: none !Important;
	letter-spacing: 0 !Important;
	margin-bottom: 0 !Important;
}

.datum {
	margin-bottom: 0 !Important;
	font-size: 0.8em;
}

.gallery-blok a {
	text-decoration: none !Important;
}

#vacatures-section {
	max-width: 812px !Important;
    width: 100% !Important;
    margin-left: auto !Important;
    margin-right: auto !Important;
}

.vacatures-container {
	 flex-direction: column !Important;

}

.vacatures-blok {
	flex-basis: 100% !Important;
	border-top: solid 1px #019BA8;
}

.vacatures-blok:last-child {
	border-bottom: solid 1px #019BA8 !important;
}

.vacatures-blok a {
	text-decoration: none !Important;	
}

.vacatures-blok h2  {
	padding: 0.5em 0 !Important;
	margin: 0 !Important;
	color: #019BA8;
	font-size: 1.5em !important;
}

.nieuwsbrieven-blok {
	flex-basis: 100% !important;
	display: flex;
	flex-wrap: wrap;
}

.nieuwsbrieven-blok .nieuwsbrieven-thumb-link {
	flex-basis: 47% !important;	
	margin-right: 6% !important;
}

.nieuwsbrieven-blok .nieuwsbrieven-tekst {
	flex-basis: 47% !important;		
}

/* ------------------------------------------------------ FORMS ---------------------------------------------------------- */

.gform_wrapper {
	border-radius: 7px;
	padding: 2em;
	background-color: #C7EBF0;
	margin-top: 3em !Important;
}

.gform_title {
	margin-top: 0 !Important;
	font-size: 2em !Important;
}

.gfield_label {
	color: #03464B !important;
}

.gform_button {
	color: #019ba8 !important;
	border-color: #019ba8 !important;
}

.gform_footer {
	padding-bottom: 0 !Important;
}

.ginput_complex label {
	font-weight: 700 !Important;
}

.gsection {
	border-top: solid 1px #03464B;
	margin-top: 1em;
}

.gsection_title {
	margin: 1em 0 0 0 !Important;
}


/* ------------------------------------------------------ ZOEKEN ---------------------------------------------------------- */

.archive-header {
	background-color: #FF9933 !important;
	padding: 4em 0 !Important;
}

.archive-title {
	margin: 0 !Important;
	font-size: 2.5em !Important;
}

.archive-subtitle {
	margin: 0.5em 0 0 0 !Important;
	font-size: 1.5em !Important;
}

.search article {
	max-width: 812px !Important;
	background-color: #C7EBF0 !important;
	border-radius: 7px;
	padding: 2em !Important;
	margin: 2em auto;
}

.search article .entry-header {
	background: none !Important;
}

.search article .post-inner {
	padding: 0 !Important;
}


.search article .entry-header-inner {
	justify-content: flex-start !important;
}

.search .titles p b, .search .titles h1 {
	color: #03464B !Important;
}


.search article:hover {
	background-color: white !Important;
}

.search article .entry-header .entry-header-inner, 
.search article .entry-content {
	padding: 0 !Important;
}

.search article a {
	text-decoration: none !Important;
	color: #03464B !Important;
}

.search .post-separator {
	display: none !Important;
} 

.nav-links {
	font-size: 1em !Important;
}

.pagination-separator {
	display: none !important;
}

.navigation {
	margin-top: 6em;
}

/* ------------------------------------------------------ FOOTER ---------------------------------------------------------- */

#site-footer {
	padding: 1em 0;
	font-size: 0.8em !important;
}

.footer-menu {
	font-size: 1em !important;
	margin: 0 !important;
}

.footer-menu .menu-item {
	margin: 0 10px !important;
}

.footer-menu .menu-item a {
	text-transform: uppercase;
}

#site-footer .section-inner {
	max-width: 100%;
	width: 100%;
	padding: 20px;
}

.footer-widgets-outer-wrapper {
	border: none !Important;
	padding-top: 8em !Important;
}

.footer-nav-widgets-wrapper {
	margin-top: 0 !important;
	font-size: 1em !Important;
}

.widget {
	margin-top: 0 !Important;
	margin-bottom: 2em !Important;
	flex-basis: 22%;
	padding-right: 2em;
}

.contactbox-container {
	position: relative;
	height: 130px;
	margin-top: 2em;
}

.contactbox {
	background-color: #03464B;
	color: white !important;
	max-width: 550px;
	padding: 2em;
	border-radius: 7px;
	text-align: center;
	top: 0;
	position: absolute;
	  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}

.footer-copyright {
	font-weight: 500 !Important;
}

.copyright-tekst {
	margin: 0 0 0 5px;
}

.footer-ontwerp p {
	margin: 0 !important;
}

.simple-social-icons .widget-content ul li {
	line-height: 0 !Important;
}

.simple-social-icons .widget-content ul li a {
	padding: 7px !important;	
	border: solid 2px white !important;
	border-radius: 2em;
}

.simple-social-icons .widget-content ul li a:hover {
	background-color: white !Important;
	color: #019ba8 !Important;
}

.widget-content {
	font-size: 1em !Important;
}

.footer-widgets-wrapper {
	margin-left: 0 !Important;
	width: 100% !important;
}

.simple-social-icons:before {
	content: '';
	background-image: url('https://beterburen.nl/wp-content/uploads/2021/02/BB_logo_wit-pay-off-wit_web2021.png');
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 3em;
	padding-bottom: 50%;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	max-width: 300px;
	
}


.keurmerk {
	overflow: hidden;
	max-width: 300px;
}

.keurmerk img {
	width: 45%;
	float: left;
	margin: 0 10% 1em 0;
	
}

.keurmerk img:nth-child(2n) {
	margin-right: 0;
}





.cc-compliance a {
	color: white !Important;
	background-color: #00828e !important;
}

.cc-compliance a.cc-btn.cc-show-settings {
	color: #00828e  !Important;	
}

/* ----------------------------------------------------------------------------------- RESPONSIVE ---------------------------------------------------------------------------------- */

@media only screen and (max-width: 1400px) {
	.header-contact p.caps {
		display: none;
	}
	
	.home .header-afbeelding {
		padding-bottom: 30%;
	}
}


@media only screen and (max-width: 1100px) {
	
	.header-afbeelding {
		padding-bottom: 34% !important;
	}
	
	.mobile-nav-toggle {
		display: flex !Important;
		justify-content: flex-end;
		position: relative !Important;
		right: unset !Important;
	}

	.header-right, .header-titles-wrapper {
		flex-basis: unset !Important;
		margin: 0 !important;
	}
	
	.primary-menu-wrapper {
		display: none !Important;
	}
	
	.header-contact .button {
		margin: 0 0.5em !Important;
	}
}


@media only screen and (max-width: 1000px) { 
	.home .header-afbeelding {
		padding-bottom: 50% !important;
	}	
	
	#site-header {
		position: relative;
	}
	
	.header-spacer {
		height: 0 !important;
	}
	
	.header-toggles {
		display: flex !important;
	}
	
	.header-inner {
		display: flex !Important;
		justify-content: space-between !Important;
	}
	
	.header-contact {
		align-items: center;
	}

	
	
}



@media only screen and (max-width: 900px) { 

	.home .header-afbeelding {
		padding-top: 1em !Important;		
		padding-bottom: 1em !Important;	
		background-position: left center;
	}
	.home-buttons {
		position: relative;
		transform: none !important;
		top: 0 !important;
		left: 0 !Important;
	}
	
	.home-button h4 {
		font-size: 1.2em !Important;
	}
	
	.home-button {
		flex-basis: 210px;
		padding-bottom: 210px;
		border-width: 4px;
	}
}

@media only screen and (max-width: 800px) { 
	
	.steunons-blok {
		flex-wrap: wrap;
	}
	.steunons-blok .col {
		flex-basis: 100% !important;
	}
	
	.wp-block-column:not(:only-child) {
		flex-basis: 100% !Important;
		margin: 1em 0 !Important;
	}
	
	.wp-block-column:first-child {
		margin-top: 0 !Important;
	}
	
	.wp-block-column:last-child {
		margin-bottom: 0 !Important;
	}
	
	.wp-block-columns {
		flex-wrap: wrap !Important;
		margin: 4em 0 !Important;
	}

	.footer-widgets-wrapper {
		flex-wrap: wrap !Important;
		justify-content: flex-start !Important;
	}
	
	.footer-widgets-wrapper .widget {
		flex-basis: 50% !important;
		padding-right: 0 !Important;
		flex-direction: row !important;
	}
	
	.gallery-blok, .fts-tweeter-wrap {
		flex-basis: 47% !important;
	}
	
	.gallery-blok.nieuwsbrieven-blok {
		flex-basis: 100% !important;		
	}
	
	.fts-tweeter-wrap:nth-child(3), .referentie:nth-child(3) {
		display: none !Important;
	}
	
	.gallery-blok:nth-child(3n) {
		margin-right: 6% !important;
	}
	
	.gallery-blok:nth-child(2n), .fts-tweeter-wrap:nth-child(2n) {
		margin-right: 0 !important;		
	}
	
}


@media only screen and (max-width: 700px) { 

	h1 {
		font-size: 2.5em;
	}

	h2 {
		font-size: 2em;
	}

	.contactbox h2 {
		font-size: 1.75em !Important;
	}


	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 1.4em;
	}
	
	.ac_title_class {
		font-size: 1.2em !Important;
	}
	
	.post-inner {
		padding-top: 2em !Important;
	}
	
	
	
	.header-contact {
		flex-direction: column !important;
		 justify-content: center !Important;
	}
	
	.header-contact .button {
		margin: 5px 0 !Important;
		min-width: 180px !Important;
		font-size: 0.8em !important;
	}
	
	.header-toggles {
		display: none !Important;
	}
	
	
	.footer-widgets-wrapper {
		flex-wrap: wrap !Important;
		flex-direction: row !Important;
	}
}

@media only screen and (max-width: 500px) { 
	
	.home-button {
		flex-basis: 180px;
		padding-bottom: 180px;
	}
	
	.home-button h4 {
		font-size: 1em !Important;
	}	
	
	.gallery-blok, .fts-tweeter-wrap, .nieuwsbrieven-blok .nieuwsbrieven-thumb-link, .nieuwsbrieven-blok .nieuwsbrieven-tekst {
		flex-basis: 100% !important;
		margin-right: 0 !important;	
	}
	
	.steunons-blok .img {
		display: none !Important;
	}
	
	.steunons-blok h3 {
		margin-top: 0 !Important;
	}
	
	.steunons-blok .text {
		flex-basis: 100% !important;
	}
	
	.fts-tweeter-wrap:nth-child(3), .referentie:nth-child(3) {
		display: block !Important;
	}
}

@media only screen and (max-width: 400px) {
	.header-contact {
		display: none !Important;
	}
}