/*
Theme Name: RollemaMedia
Theme URI: https://www.rollemamedia.nl/
Author: Rollema Media
Author URI: https://www.rollemamedia.nl/
Description: Een door Rollema Media ontwikkelde template voor Pardytec B.V.
Version: 2024-04
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: rollemamedia
*/

html, body { margin: 0; padding: 0; }

.elementor-widget:not(:last-child) { margin-bottom: 0 !important; }
.grecaptcha-badge { opacity: 0 !important; } 

select { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 15px 40px 15px 15px; border: 1px solid #ccc; border-radius: 3px; color: #2d2d2f; background: #fff url('https://cdn.onlinewebfonts.com/svg/img_295694.svg') no-repeat; background-size: 14px; background-position: 97% 50%; }
input,
textarea { border: 1px solid #ccc; border-radius: 3px; padding: 10px; font-family: "Fira Sans"; font-size: 15px; font-weight: 300; }

main { max-width: 1600px; margin: 0 auto; }
main .container { padding: 10px; }

header h1 { padding: 0 10px; }

[data-elementor-type="single-post"] a { text-decoration: underline !important; }
[data-elementor-type="single-post"] .contact-blok a { text-decoration: none !important; }

.melding-balk { padding: 10px; color: #fff; text-align: center; }
.melding-balk a { color: #fff; }

.pagina-blok { display: flex; flex-direction: column; flex-wrap: nowrap; ; }
.pagina-blok .single-blok { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 40px; margin: 0 auto; margin-bottom: 40px; background: var(--e-global-color-df43628); }
.pagina-blok .single-blok .inner { margin: 0 auto; display: flex; flex-direction: row; flex-wrap: nowrap;  max-width: 1600px; padding: 10px; gap: 40px; justify-content: space-between; }
.pagina-blok .single-blok .inner img { border-radius: 5px; box-shadow: 0 0 20px -8px rgb(0, 0, 0, 0.3); }
.pagina-blok .single-blok .inner .blok-tekst  {  max-width: 66%;}
.pagina-blok .single-blok .inner .blok-tekst .blok-knop { background: #fff; padding: 10px 20px; border-radius: 3px; margin: 10px 0 0 0; display: inline-block; transition: .3s; border: 2px solid #fff; text-decoration: none !important;}
.pagina-blok .single-blok .inner .blok-tekst .blok-knop:hover { background: #fff; color: var(--e-global-color-primary); border-color: var(--e-global-color-primary);  }
.pagina-blok .single-blok .inner .blok-afbeelding { padding: 40px;}

.pagina-blok .single-blok:nth-child(2) { background: none;}
.pagina-blok .single-blok:nth-child(2) .inner { flex-direction: row-reverse; background: none; }
.pagina-blok .single-blok:nth-child(2) .inner .blok-tekst .blok-knop { background: var(--e-global-color-primary); color: #fff; border-color: var(--e-global-color-primary); text-decoration: none !important;}
.pagina-blok .single-blok:nth-child(2) .inner .blok-tekst .blok-knop:hover { background: #fff; color: var(--e-global-color-primary);}

.projecten-slider { max-width: 100%; display: grid !important; }
.projecten-slider ul.slick-dots { gap: 7px; padding: 0; margin: 10px 0 0 0; list-style: none; display: flex !important; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.projecten-slider ul.slick-dots button { cursor: pointer; width: 20px; height: 20px; padding: 0px; line-height: 16px; font-size: 11px; border-radius: 100%; border: 1px solid; }
.projecten-slider ul.slick-dots .slick-active button { background: #D8DEE9; color: var(--e-global-color-primary); }

@media only screen and (max-width: 1023px) {
	.pagina-blok .single-blok .inner .blok-tekst  {  max-width: 50%;}
}

@media only screen and (max-width: 767px) {
 	.pagina-blok .single-blok .inner { flex-direction: column; }
	.pagina-blok .single-blok .inner .blok-tekst  {  max-width: 100%;}
	.pagina-blok .single-blok .inner .blok-afbeelding { padding: 0px;}
	.pagina-blok .single-blok:nth-child(2) .inner { flex-direction: column; }
}