25 Websites with Lighting Effects - Vandelay Design

:root{--global-palette1:#2c9ccf;--global-palette2:#85c51f;--global-palette3:#191919;--global-palette4:#333;--global-palette5:#535353;--global-palette6:#999;--global-palette7:#e4f7fb;--global-palette8:#f6f6f6;--global-palette9:#fff;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-body-font-family:Lato,sans-serif;--global-heading-font-family:Lato,sans-serif;--global-primary-nav-font-family:inherit;--global-fallback-font:sans-serif;--global-content-width:1290px;}:root .has-theme-palette-1-background-color{background-color:var(--global-palette1);}:root .has-theme-palette-1-color{color:var(--global-palette1);}:root .has-theme-palette-2-background-color{background-color:var(--global-palette2);}:root .has-theme-palette-2-color{color:var(--global-palette2);}:root .has-theme-palette-3-background-color{background-color:var(--global-palette3);}:root .has-theme-palette-3-color{color:var(--global-palette3);}:root .has-theme-palette-4-background-color{background-color:var(--global-palette4);}:root .has-theme-palette-4-color{color:var(--global-palette4);}:root .has-theme-palette-5-background-color{background-color:var(--global-palette5);}:root .has-theme-palette-5-color{color:var(--global-palette5);}:root .has-theme-palette-6-background-color{background-color:var(--global-palette6);}:root .has-theme-palette-6-color{color:var(--global-palette6);}:root .has-theme-palette-7-background-color{background-color:var(--global-palette7);}:root .has-theme-palette-7-color{color:var(--global-palette7);}:root .has-theme-palette-8-background-color{background-color:var(--global-palette8);}:root .has-theme-palette-8-color{color:var(--global-palette8);}:root .has-theme-palette-9-background-color{background-color:var(--global-palette9);}:root .has-theme-palette-9-color{color:var(--global-palette9);}:root .has-theme-palette1-background-color{background-color:var(--global-palette1);}:root .has-theme-palette1-color{color:var(--global-palette1);}:root .has-theme-palette2-background-color{background-color:var(--global-palette2);}:root .has-theme-palette2-color{color:var(--global-palette2);}:root .has-theme-palette3-background-color{background-color:var(--global-palette3);}:root .has-theme-palette3-color{color:var(--global-palette3);}:root .has-theme-palette4-background-color{background-color:var(--global-palette4);}:root .has-theme-palette4-color{color:var(--global-palette4);}:root .has-theme-palette5-background-color{background-color:var(--global-palette5);}:root .has-theme-palette5-color{color:var(--global-palette5);}:root .has-theme-palette6-background-color{background-color:var(--global-palette6);}:root .has-theme-palette6-color{color:var(--global-palette6);}:root .has-theme-palette7-background-color{background-color:var(--global-palette7);}:root .has-theme-palette7-color{color:var(--global-palette7);}:root .has-theme-palette8-background-color{background-color:var(--global-palette8);}:root .has-theme-palette8-color{color:var(--global-palette8);}:root .has-theme-palette9-background-color{background-color:var(--global-palette9);}:root .has-theme-palette9-color{color:var(--global-palette9);}body{background:var(--global-palette9);}body,input,select,optgroup,textarea{font-style:normal;font-weight:normal;font-size:20px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg,body.content-style-unboxed .site{background:var(--global-palette9);}@media all and (max-width: 767px){body{font-size:18px;}}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:900;font-size:36px;line-height:1.5;font-family:Lato,sans-serif;color:var(--global-palette3);}h2{font-style:normal;font-weight:900;font-size:30px;line-height:1.5;color:var(--global-palette3);}h3{font-style:normal;font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-style:normal;font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}@media all and (max-width: 1024px){h1{font-size:30px;}h2{font-size:28px;}h3{font-size:22px;}}@media all and (max-width: 767px){h1{font-size:22px;}h2{font-size:22px;}h3{font-size:20px;}h4{font-size:20px;}}.site-container,.site-header-row-layout-contained,.site-footer-row-layout-contained,.entry-hero-layout-contained,.comments-area,.alignfull > .wp-block-cover__inner-container,.alignwide > .wp-block-cover__inner-container{max-width:1290px;}.content-width-narrow .content-container.site-container,.content-width-narrow .hero-container.site-container{max-width:842px;}@media all and (min-width: 1520px){.site .content-container .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .site .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .site .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;}@media all and (max-width: 1024px){.content-style-boxed .site .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;}}@media all and (max-width: 767px){.content-style-boxed .site .entry-content .alignwide{margin-left:-1.5rem;margin-right:-1.5rem;}}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}.primary-sidebar.widget-area .widget{margin-bottom:2em;font-style:normal;font-size:18px;color:var(--global-palette4);}.primary-sidebar.widget-area .widget-title{font-style:normal;font-weight:700;font-size:20px;line-height:1.5;text-transform:none;color:var(--global-palette1);}.has-sidebar.has-left-sidebar .primary-sidebar.widget-area{border-right:1px none transparent;}.has-sidebar:not(.has-left-sidebar) .primary-sidebar.widget-area{border-left:1px none transparent;}button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{font-style:normal;font-weight:normal;font-family:"Open Sans",sans-serif;border:2px none currentColor;border-color:#d2d2d2;}@media all and (max-width: 1024px){button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{border-color:#d2d2d2;}}@media all and (max-width: 767px){button,.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"],.fl-button,.elementor-button-wrapper .elementor-button{border-color:#d2d2d2;}}.site-branding a.brand img{max-width:200px;}.site-branding a.brand img.svg-logo-image{width:200px;}.site-branding{padding:0px 0px 0px 0px;}.site-branding .site-title{font-style:normal;font-weight:normal;font-size:33px;line-height:1.2;font-family:"Bebas Neue",cursive;color:var(--global-palette9);}.site-branding .site-description{font-weight:700;font-size:16px;line-height:1.4;color:var(--global-palette5);}#masthead,#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container),#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:#333;}.site-main-header-inner-wrap{min-height:68px;}.site-top-header-wrap .site-header-row-container-inner{background:#ff4264;}.site-top-header-inner-wrap{min-height:44px;}.site-bottom-header-wrap .site-header-row-container-inner{border-bottom:0px none transparent;}.site-bottom-header-inner-wrap{min-height:0px;}#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above),#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner{background:linear-gradient(135deg,var(--global-palette1) 0%,#9b51e0 100%);}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:calc(44px + 68px);}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:68px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:68px;}}.site .entry-hero-container-inner{background:var(--global-palette9);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc(100% - 1.2em);}.main-navigation .primary-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);color:var(--global-palette9);}.main-navigation .primary-menu-container > ul li a{font-style:normal;font-weight:normal;font-size:16px;text-transform:none;}.main-navigation .primary-menu-container > ul > li > a:hover{color:#54afd6;}.main-navigation .primary-menu-container > ul > li.current-menu-item > a{color:var(--global-palette9);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.secondary-menu-container>ul>li>a:after{width:calc(100% - 1.2em);}.secondary-navigation .secondary-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:.6em;padding-bottom:.6em;color:var(--global-palette5);}.secondary-navigation .secondary-menu-container > ul > li > a:hover{color:var(--global-palette-highlight);}.secondary-navigation .secondary-menu-container > ul > li.current-menu-item > a{color:var(--global-palette3);}.header-navigation .header-menu-container ul ul{background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li,.header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li > a{border-bottom:1px solid rgba(255,255,255,.1);}.header-navigation .header-menu-container ul ul li a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-style:normal;font-size:15px;}.header-navigation .header-menu-container ul ul li a:hover{color:var(--global-palette1);background:var(--global-palette4);}.header-navigation .header-menu-container ul ul li.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);}.mobile-toggle-open-container .menu-toggle-open{color:var(--global-palette9);padding:.4em .6em .4em .6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:20px;}.mobile-toggle-open-container .menu-toggle-open:hover,.mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette1);}.mobile-navigation ul li{font-size:14px;}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a,.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a,.mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,.mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,.1);}#main-header .header-button{font-style:normal;font-size:16px;border:2px none transparent;}#main-header .header-button.button-size-custom{padding:5px 5px 5px 5px;}.header-html{font-style:normal;font-size:17px;color:var(--global-palette9);}.header-html a{color:#f5fa7a;}.header-html a:hover{color:#f5fa7a;}.header-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.header-social-wrap .header-social-inner-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}.header-mobile-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}.search-toggle-open-container .search-toggle-open{color:var(--global-palette5);}.search-toggle-open-container .search-toggle-open.search-toggle-style-bordered{border:1px solid currentColor;}.search-toggle-open-container .search-toggle-open .search-toggle-icon{font-size:1em;}.search-toggle-open-container .search-toggle-open:hover,.search-toggle-open-container .search-toggle-open:focus{color:var(--global-palette-highlight);}#search-drawer .drawer-inner{background:rgba(9,12,16,.97);}.mobile-header-button-wrap .mobile-header-button{border:2px none transparent;}#colophon{background:#333;}.site-middle-footer-inner-wrap{min-height:10px;padding-top:9px;padding-bottom:0px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-top-footer-inner-wrap{padding-top:30px;padding-bottom:30px;grid-column-gap:30px;grid-row-gap:30px;}.site-top-footer-inner-wrap .widget{margin-bottom:30px;}.site-top-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.site-bottom-footer-inner-wrap{min-height:10px;padding-top:15px;padding-bottom:15px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.footer-social-inner-wrap{font-size:1em;margin-top:-.3em;margin-left:calc(-.3em / 2);margin-right:calc(-.3em / 2);}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .social-button{margin-top:.3em;margin-left:calc(.3em / 2);margin-right:calc(.3em / 2);border:2px none transparent;border-radius:3px;}#colophon .footer-html{font-style:normal;font-size:16px;color:var(--global-palette9);}#kt-scroll-up{border-radius:0px 0px 0px 0px;bottom:30px;font-size:1.2em;padding:.4em .4em .4em .4em;}#kt-scroll-up.scroll-up-side-right{right:30px;}#kt-scroll-up.scroll-up-side-left{left:30px;}#colophon .footer-navigation .footer-menu-container > ul > li > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);color:var(--global-palette9);}#colophon .footer-navigation .footer-menu-container > ul li a{font-style:normal;font-size:16px;}#colophon .footer-navigation .footer-menu-container > ul li a:hover{color:var(--global-palette-highlight);}#colophon .footer-navigation .footer-menu-container > ul li.current-menu-item > a{color:var(--global-palette9);}.entry-hero.page-hero-section .entry-header{min-height:200px;}.entry-hero.post-hero-section .entry-header{min-height:200px;}.affdisclosure{font-size:85%;}.promo-box{background:#e4f7fb;padding:20px;}.entry-content h2 a{color:#2c9ccf;text-decoration:underline;}.entry-content h3 a{color:#2c9ccf;text-decoration:underline;}.entry-content h2 a:hover{color:#85c51f;}.entry-content h3 a:hover{color:#85c51f;}.entry-content h2 a:hover{color:#85c51f;}.entry-content h3 a:hover{color:#85c51f;}.single-content a{color:#2c9ccf;font-weight:bold;}