/*! * Nostalgie Plus - Main SCSS Stylesheet * * Description: Landing page styles for Nostalgie Plus radio station * Author: Okgreat.be * Version: 1.0.0 * * This file compiles to: assets/css/style.css * * Table of Contents: * 1. Variables & Configuration * 2. Mixins & Functions * 3. Base & Reset Styles * 4. Typography * 5. Layout Components * 6. UI Components * 7. Page-Specific Styles * 8. Utilities * 9. Responsive Design * */*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:"Barlow",sans-serif;font-weight:400;line-height:1.6;font-size:16px;color:#241931;background-color:#fff;overflow-x:hidden;margin-bottom:0 !important;padding-bottom:0 !important}.barlow-regular{font-family:"Barlow",sans-serif;font-weight:400;font-style:normal}.barlow-semibold{font-family:"Barlow",sans-serif;font-weight:600;font-style:normal}.barlow-bold{font-family:"Barlow",sans-serif;font-weight:700;font-style:normal}.p-small{font-size:.875em;margin:0}.p-large{margin-top:0;margin-bottom:0;font-size:1.125em}.p-large.text-link{color:#131313}.content-wrapper{padding-top:5rem;background:linear-gradient(360deg, rgba(255, 255, 255, 0.31) 0%, rgba(167, 152, 186, 0.31) 100%),#fff}@media screen and (max-width: 767px){.content-wrapper{padding-top:3rem}}.hero{width:100%;height:400px;background:linear-gradient(0deg, #332741 0%, #4e3f61 100%);overflow:hidden;position:relative}@media screen and (max-width: 767px){.hero{height:220px}}.hero .logo-link{display:block}@media screen and (max-width: 767px){.hero .logo-main{max-width:150px;position:relative;top:-10px}}.hero .nostalgie-regenboog{position:absolute;bottom:0;left:0;max-width:none;z-index:8}@media screen and (max-width: 767px){.hero .nostalgie-regenboog{bottom:-53px;left:10px;width:520%}}.hero nav{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:nowrap;align-items:center}@media screen and (max-width: 855px){.hero nav{display:none}}.hero nav a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:600;padding:.5rem 0;margin:0 1rem;border-radius:.5rem;transition:all .3s ease}.hero .container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.hero .player-host-wrapper{max-width:870px}@media screen and (max-width: 1400px){.hero .player-host-wrapper{max-width:850px}}.hero .host-image{position:absolute;right:0;bottom:0;max-width:214px;z-index:1020}@media screen and (max-width: 1400px){.hero .host-image{max-width:188px}}@media screen and (max-width: 940px){.hero .host-image{display:none}}.nostalgie-player{background-color:rgba(36,25,49,.94);border-radius:20px;padding:20px;position:relative;z-index:1000;width:500px;margin-left:160px;top:-44px}@media screen and (max-width: 767px){.nostalgie-player{display:none}}.nostalgie-player img{border-radius:5px;max-width:132px;height:auto}.nostalgie-player .show-title{font-family:"Barlow",sans-serif;font-weight:600;color:#fff;font-size:17px;margin-bottom:0}.nostalgie-player .live-indicator{color:#a798ba;font-size:16px;font-weight:400}.nostalgie-player .live-indicator .dot{display:none}.nostalgie-player .artist-name{font-family:"Barlow",sans-serif;font-weight:600;color:#fff;line-height:1em;font-size:23px;margin-bottom:0}@media screen and (max-width: 980px){.nostalgie-player .artist-name{font-size:18px}}.nostalgie-player .song-title{font-family:"Barlow",sans-serif;font-weight:400;color:#a798ba;font-size:18px;margin-bottom:0}.nostalgie-player .play-btn{background-color:#f74d72;border:none;border-radius:50%;width:45px;height:45px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color .28s cubic-bezier(0.22, 0.61, 0.36, 1),transform .32s cubic-bezier(0.22, 0.61, 0.36, 1);will-change:transform,background-color}.nostalgie-player .play-btn svg{position:relative;left:1px;transition:transform .34s cubic-bezier(0.22, 0.61, 0.36, 1);transform-origin:center}.nostalgie-player .play-btn:hover,.nostalgie-player .play-btn:focus-visible{background-color:rgb(245.9032258065,52.5967741935,94.6693548387);transform:scale(1.08)}.nostalgie-player .play-btn:hover svg,.nostalgie-player .play-btn:focus-visible svg{transform:scale(1.35)}.footer-wrapper{position:relative;overflow:hidden;background:linear-gradient(0deg, #332741 0%, #4e3f61 100%);color:#fff;margin-bottom:0 !important;padding-bottom:0 !important}.footer-wrapper .footer-regenboog{position:absolute;bottom:-20px;right:-70px}@media screen and (max-width: 767px){.footer-wrapper .footer-regenboog{display:none}}.footer-wrapper .nav .nav-item a{color:#a798ba;transition:color .3s ease}.footer-wrapper .nav .nav-item a:hover{color:#fff;text-decoration:underline}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex{justify-content:flex-start !important;flex-direction:row !important;align-items:center !important;flex-wrap:nowrap !important;gap:1rem;margin-top:0}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex li{margin:0 !important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex li.ms-3{margin-left:0 !important}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex a{color:#a798ba;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex a svg{fill:#a798ba;transition:fill .3s ease,stroke .3s ease}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex a:hover{color:#fff}.footer-wrapper ul.nav.socials.col-md-4.justify-content-end.list-unstyled.d-flex a:hover svg{fill:#fff}.footer-wrapper .nav.socials{justify-content:flex-start !important;flex-direction:row !important;flex-wrap:nowrap !important}.footer-wrapper .nav.socials li{display:inline-block !important;margin-left:0 !important}.footer{background-color:#241931;color:#fff}.footer p{color:hsla(0,0%,100%,.8)}.footer.py-5.my-5{padding-top:3rem !important;padding-bottom:2rem !important;margin:0 !important}.footer.py-3.my-4{padding-top:1rem !important;padding-bottom:0 !important;margin:0 !important}.company-info{font-size:.85rem;opacity:.8}.legal .nav-link{color:#5f536d}.legal.border-bottom{border-color:rgb(38.4951923077,29.4375,49.0625) !important}.btn-primary{background-color:#332741;border-color:#332741;color:#fff;padding:.75rem 2rem;border-radius:.5rem;transition:all .3s ease;transition:transform .3s ease}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:hover{background-color:#f74d72;border-color:#f74d72}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(51,39,65,.25)}.btn-outline-primary{color:#332741;border-color:#332741;padding:.75rem 2rem;border-radius:.5rem;transition:all .3s ease;transition:transform .3s ease}.btn-outline-primary:hover{transform:translateY(-2px)}.btn-outline-primary:hover{background-color:#332741;border-color:#332741;color:#fff}.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(51,39,65,.25)}.underline-link{color:#fff;text-decoration:none;position:relative}.underline-link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;transition:transform .735s cubic-bezier(0.625, 0.05, 0, 1);transform-origin:right;transform:scaleX(0) rotate(0.001deg)}.underline-link:hover::before{transform-origin:left;transform:scaleX(1) rotate(0.001deg)}.card-news a{display:block}.header.mobile{z-index:10;display:flex;align-items:center;justify-content:center;justify-content:flex-end;position:fixed;top:2em;left:2em;right:2em}@media screen and (max-width: 855px){.header.mobile{display:flex}}@media(min-width: 855px){.header.mobile{display:none}}.mobnav{z-index:9;width:100%;height:100vh;margin:0 auto;display:none;position:fixed;inset:0}.menu{grid-gap:5em;flex-direction:column;justify-content:space-between;align-items:flex-start;width:35em;height:100%;margin-left:auto;padding:6em 0 2em;position:relative;overflow:auto;display:flex}.menu-bg{z-index:0;position:absolute;inset:0}.bg-panel{z-index:0;background-color:#fff;border-top-left-radius:1.25em;border-bottom-left-radius:1.25em;position:absolute;inset:0;background-image:url("../images/footer-regenboog.png");background-repeat:no-repeat;background-position:bottom right}.bg-panel.first{background-color:#f74d72}.bg-panel.second{background-color:#d9ac02}.menu-inner{z-index:1;grid-gap:5em;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;position:relative;overflow:auto;display:flex}.menu-list{flex-direction:column;width:100%;margin-bottom:0;margin-top:80px;padding-left:0;list-style:none;display:flex}.menu-list-item{height:4em;position:relative;overflow:hidden}.menu-link{grid-gap:.75em;color:#131313;width:100%;padding:.75em 0 .75em 2em;text-decoration:none;display:flex}.menu-link-heading{z-index:1;font-family:"Barlow",sans-serif;font-weight:400;font-style:normal;font-size:2.5em;line-height:.75;transition:transform .55s cubic-bezier(0.65, 0.05, 0, 1);position:relative}.menu-details{grid-gap:1.25em;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:2em;display:flex}.menu-button{z-index:10;grid-gap:.625em;background-color:#fff;justify-content:flex-end;align-items:center;padding:.5em 1em .7em;border-radius:10px;position:relative;top:22px;border:none;display:flex;transition:background-color .3s ease}.menu-button.menu-open{background-color:#f5f5f6}.menu-button-text{flex-direction:column;justify-content:flex-start;align-items:flex-end;text-transform:uppercase;height:1.5em;overflow:hidden;display:flex;color:#241931}.menu-button-text .p-large{color:#241931}.menu-button-icon{width:1em;height:1em;stroke:#f5c242;fill:#f5c242}.menu-button-icon path{stroke:#f5c242;fill:#f5c242}.icon-wrap{transition:transform .4s cubic-bezier(0.65, 0.05, 0, 1)}.overlay{z-index:0;cursor:pointer;background-color:rgba(19,19,19,.4);width:100%;height:100%;position:absolute;inset:0}.eyebrow{z-index:1;color:#f74d72;text-transform:uppercase;font-family:"RM Mono",Arial,sans-serif;font-weight:400;position:relative}.socials-row{grid-gap:1.5em;flex-direction:row;display:flex}.social-icon-link{color:#241931;transition:color .3s ease,transform .3s ease}.social-icon-link:hover{color:#f74d72;transform:translateY(-2px)}.social-icon-link svg{width:24px;height:24px}.stuur-bericht{background:linear-gradient(0deg, #332741 0%, #4e3f61 100%);background-position:top center;background-repeat:no-repeat;background-size:100%;display:flex;flex-direction:column}.stuur-bericht h2{color:#fff;max-width:280px;line-height:1.1em;margin:30px auto 0;padding:0 10px;text-align:center}.stuur-bericht .form-group{grid-gap:1.5em;flex-direction:column;padding:2rem;display:flex}.stuur-bericht .form{grid-gap:1.5em;flex-direction:column;width:100%;display:flex}.stuur-bericht .form-field-group{grid-gap:.75em;flex-direction:column;align-items:flex-start;display:flex}.stuur-bericht .form-field{width:100%;position:relative}.stuur-bericht .form-label{margin-bottom:0;color:#fff}.stuur-bericht .form-required{color:rgb(245.9032258065,52.5967741935,94.6693548387)}.stuur-bericht .form-input{-webkit-appearance:none;appearance:none;background-color:#e4dfea;border:1px solid rgb(253.9811320755,253.7924528302,254.2075471698);border-radius:.328125em;width:100%;height:auto;padding:.7em 3.5em .7em 1em;font-size:1.125em;font-weight:500;line-height:1.2;margin-bottom:0;outline:0 rgba(0,0,0,0);box-shadow:0 0 rgba(0,0,0,0);box-sizing:border-box;vertical-align:middle;outline-offset:0}.stuur-bericht .form-input:focus{border-color:rgb(189.0283018868,176.8113207547,203.6886792453)}.stuur-bericht .form-input::placeholder{color:rgba(19,19,19,.3)}.stuur-bericht .form-input.is--textarea{resize:vertical;min-height:9em}.stuur-bericht .form-submit{background-color:#fff;border:none;border-radius:10px;height:45px;padding:0 20px;color:#241931;font-weight:600;transition:all .3s ease}.stuur-bericht .form-submit:hover{background-color:#e4dfea}.stuur-bericht .form-notification{display:none}.stuur-bericht .w-form-done,.stuur-bericht .w-form-fail{display:none}.stuur-bericht .form-notification-bg{background-color:hsla(0,0%,100%,.1);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.stuur-bericht .form-notification-p{color:inherit;font-size:1.125em;font-weight:500;text-align:center;margin-bottom:0}.stuur-bericht .form-notification-icon,.stuur-bericht .form-field-icon{pointer-events:none;color:inherit;display:flex;align-items:center;justify-content:center;width:3.5em;height:3.5em;padding:1em}.stuur-bericht .form-notification-icon svg,.stuur-bericht .form-field-icon svg{width:1.5em;height:1.5em;max-width:24px;max-height:24px}.stuur-bericht .form-notification-icon{position:relative;margin:0 auto}.stuur-bericht .form-field-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.stuur-bericht [data-validate].is--error input,.stuur-bericht [data-validate].is--error textarea{border-color:#ff4c24}.stuur-bericht [data-validate].is--error .form-field-icon.is--error{opacity:1;color:#ff4c24}.stuur-bericht [data-validate].is--success .form-field-icon.is--success{opacity:1;color:#22c55e}@media screen and (max-width: 767px){.stuur-bericht .form-group{width:100%}}.text-primary-custom{color:#332741 !important}.bg-primary-custom{background-color:#332741 !important}.text-muted-custom{color:#5f536d !important}.zoom{transition:transform .3s ease}.zoom:hover{transform:scale(1.05)}.fade-in-up{animation:fadeInUp .6s ease ease-out}.gap-4-5{gap:2rem}@media(min-width: 768px){.gap-md-4-5{gap:2rem}}@media screen and (max-width: 767px){.mob-comp{margin:2em 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 992px){.container{max-width:90%}}@media(max-width: 768px){.hero-section{text-align:center}.section-padding{padding:3rem 0}}@media(max-width: 576px){.hero-section .hero-actions{justify-content:center}}.content-wrapper{background-color:#faf7f4;min-height:50vh}.news-item-wrapper{max-width:960px;margin-top:-330px;z-index:8;position:relative}@media screen and (max-width: 767px){.news-item-wrapper{margin-top:-35px}}.news-article{background:#fff;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:2rem}.news-article .article-header .article-meta .badge{font-size:.8rem;font-weight:600;background-color:#d9ac02 !important;color:#332741 !important}.news-article .article-header .article-title{color:#332741;font-weight:400 !important;line-height:1.1;margin-bottom:1rem}.news-article .article-header .lead{font-size:1.1rem;line-height:1.6;color:#5f536d}.news-article .article-content h2,.news-article .article-content h3,.news-article .article-content h4,.news-article .article-content h5,.news-article .article-content h6{color:#332741;font-weight:600;margin-top:.5rem;margin-bottom:1rem}.news-article .article-content p{line-height:1.7;margin-bottom:1.2rem;color:#241931}.news-article .article-content a{color:#f74d72;text-decoration:none;font-weight:500}.news-article .article-content a:hover{color:rgb(244.8064516129,28.1935483871,75.3387096774);text-decoration:underline}.news-article .article-content .blockquote{background-color:rgb(254.4383561644,241.801369863,194.0616438356);padding:1.5rem;border-radius:6px;border-left:4px solid #d9ac02 !important}.news-article .article-content .blockquote p{font-size:1.1rem;margin-bottom:.5rem;color:#241931}.news-article .article-content .blockquote .blockquote-footer{color:#5f536d;font-size:.9rem}.news-article .article-content ul li,.news-article .article-content ol li{margin-bottom:.8rem;line-height:1.6;color:#241931}.news-article .article-content ul li strong,.news-article .article-content ol li strong{color:#332741}.news-article .article-content .alert{border-radius:8px;border:none;background-color:hsl(47.4418604651,98.1735159817%,90.9411764706%);color:#241931}.news-article .article-content .alert .alert-heading{color:#332741;font-weight:600}.news-article .article-content .btn{border-radius:6px;font-weight:500;transition:all .3s ease}.news-article .article-content .btn.btn-outline-primary{border-color:#f74d72;color:#f74d72}.news-article .article-content .btn.btn-outline-primary:hover{background-color:#f74d72;border-color:#f74d72;color:#fff}.news-article .article-content .btn.btn-outline-danger{border-color:#e91e63;color:#e91e63}.news-article .article-content .btn.btn-outline-danger:hover{background-color:#e91e63;border-color:#e91e63}.news-article .article-footer .author-info img{border:3px solid #d9ac02}.news-article .article-footer .author-info h5{color:#332741;font-weight:600;margin-bottom:.2rem}.news-article .article-footer .author-info small{color:#5f536d;font-size:.85rem}.news-article .article-footer .article-tags .badge{background-color:rgb(204.0384615385,192.5,217.5) !important;color:#332741 !important;font-weight:500;font-size:.75rem;padding:.4rem .6rem;border-radius:4px}.news-thumbnail-wrapper{position:sticky;top:2rem}.news-thumbnail-wrapper img{transition:transform .3s ease;border:1px solid rgba(51,39,65,.1)}.news-thumbnail-wrapper img:hover{transform:scale(1.02)}@media(max-width: 768px){.news-article{padding:1.5rem;margin-bottom:1rem}.news-article .article-header .article-title{font-size:1.8rem}.news-thumbnail-wrapper{position:static;margin-bottom:0}}@media(max-width: 576px){.news-article{padding:1rem}.news-article .article-header .article-title{font-size:1.5rem}.news-article .article-content .d-flex.gap-3{flex-direction:column;gap:1rem}.news-article .article-content .d-flex.gap-3 .btn{text-align:center}}/*# sourceMappingURL=style.css.map */