ZiN Inspiratielab

Algemene informatie

.gridelement { margin-top: 20px; margin-bottom: 20px; } .breadcrumb-sligro { display: none; } .zinheader{ position: relative; width: 100%; height: 0; padding-bottom: 27.5%; /* 72.5% */ padding-top: 0px !important; } .zinvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .zinvideo img, .zinslider{ width: 100% !important; } .youtubecontainer{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .google-maps { position: relative; padding-bottom: 45%; // 75 This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; pointer-events: none; } #over { margin: 0; background: yellow; position: absolute; top: 70%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } #over-v2 { margin: 0; background: yellow; position: absolute; bottom: 0; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } /* disable scroll */ .google-maps iframe.clicked{ pointer-events: auto; } .btn-zin-sligro { background-color: #ffa111; border: 0; border-radius: 0; font-weight: bold; text-decoration: none; } .btn-zin { color: #fff; background-color: #ffa111; border-color: #357ebd; } .btn-zin-sligro:hover { color: #ffa111; background-color: #333; border: 0; }