/* Theme Name: Lenus Child Theme Theme URI: http://childtheme-generator.com/ Description: Lenus Child Theme is a child theme of Page Builder Framework, created by ChildTheme-Generator.com Author: Lenus Author URI: http://childtheme-generator.com/ Template: page-builder-framework Version: 1.0.0 Text Domain: lenus-child-theme */ /* General */ html, body { max-width: 100% !important; overflow-x: hidden !important; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .wpbf-padding-medium { padding-top: 0px !important; padding-bottom: 0px !important; } /* Social media menu */ #menu-social-media { display: flex; align-items: center; justify-content: end; margin: 0; } #menu-social-media .menu-item { list-style: none; padding: 0 10px; } /* Mobile Menu */ .wpbf-mobile-menu-hamburger.wpbf-hidden-large > .wpbf-mobile-nav-wrapper.wpbf-container > .wpbf-menu-toggle-container.wpbf-1-3 { z-index: 2 !important; } .wpbf-mobile-menu-hamburger.wpbf-hidden-large > .wpbf-mobile-nav-wrapper.wpbf-container > .wpbf-menu-toggle-container.wpbf-1-3 > .wpbf-mobile-nav-item.wpbf-mobile-menu-toggle.wpbff.active.wpbff-times { color: #4d5a68 !important; } .wpbf-mobile-menu-hamburger.wpbf-hidden-large > .wpbf-mobile-menu-container.active { justify-content: stretch; left: 0px; opacity: 1; right: 0px; transition: opacity 0.25s ease-out 0s; display: flex; position: fixed; bottom: 0; top: 0; background: #fff !important; overflow: auto; width: 100%; } .wpbf-mobile-menu-hamburger.wpbf-hidden-large > .wpbf-mobile-menu-container.active > nav#navigation { background: #fff none repeat scroll 0% 0% !important; overflow: auto; margin-left: auto; margin-right: auto; max-width: 130rem; width: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; padding-top: 100px; } .home .wpbf-mobile-nav-item { color: #4d5a68 !important; } /* 404 Button */ .error-404-button { color: #fff; text-decoration: none; font-family: sans-serif; font-size: 20px; position: relative; padding: 15px 70px 15px 30px; background: #606161; border-radius: 50px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .error-404-button:hover { color: #fff; background: #606161; opacity: 0.5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .error-404-button .bg { background: #fff; width: 30px; height: 2px; position: absolute; top: 50%; margin-top: -1px; margin-left: 5px; } .error-404-button .bg:before, .error-404-button .bg:after { content: ''; height: 2px; width: 10px; background: #fff; position: absolute; right: -2px; } .error-404-button .bg:before { bottom: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .error-404-button .bg:after{ top: 3px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .wpbf-404-content { padding: 70px 0 !important; } .wpbf-404-content img { padding-bottom: 50px; } .wpbf-404-content h1.entry-title { margin-bottom: 50px; } /* Password Form DELETE AT END*/ .post-password-form { min-height: initial; max-width: 700px; margin: auto; padding-top: 15%; padding-bottom: 15%; } .post-password-form input { background: #1C1C1C; border: 2px solid #1C1C1C; } @media (max-width: 479px) { .post-password-form { padding: 40px; } } /* Lenus Form */ /*Title*/ .lenus-form-titles > [data-id="form-title"]{ color: #FDFDFD !important; font-size: 1rem !important; font-family: font-family: Raleway, sans-serif !important; } /* Progress Bar */ .lenus-form .lenus-progressbar > div > div{ border-radius: 0 !important; background: transparent !important; border: 1px solid #ddd !important; border-radius:0.15em !important; } /* Question */ .lenus-form [data-id="step-header"] { font-family: Raleway, sans-serif !important; color: #FDFDFD !important; } /* Options */ .lenus-option [data-id="step-button"]{ background: #fff !important; border-radius: 0 !important; border: 1px solid #303030B2 !important; color: #1d1d1d !important; font-family: Raleway, sans-serif !important; line-height: 1.5 !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22492%22%20height%3D%2252%22%20viewBox%3D%220%200%20492%2052%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url%28%23filter0_g_3040_13595%29%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%22485%22%20height%3D%2245%22%20fill%3D%22white%22/%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%22485%22%20height%3D%2245%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_g_3040_13595%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22492%22%20height%3D%2252%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.999%200.999%22%20numOctaves%3D%223%22%20seed%3D%225223%22/%3E%3CfeDisplacementMap%20in%3D%22shape%22%20scale%3D%226%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22displacedImage%22%20width%3D%22100%25%22%20height%3D%22100%25%22/%3E%3CfeMerge%20result%3D%22effect1_texture_3040_13595%22%3E%3CfeMergeNode%20in%3D%22displacedImage%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")!important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22492%22%20height%3D%2252%22%20viewBox%3D%220%200%20492%2052%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url%28%23filter0_g_3040_13595%29%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%22485%22%20height%3D%2245%22%20fill%3D%22white%22/%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%22485%22%20height%3D%2245%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_g_3040_13595%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22492%22%20height%3D%2252%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.999%200.999%22%20numOctaves%3D%223%22%20seed%3D%225223%22/%3E%3CfeDisplacementMap%20in%3D%22shape%22%20scale%3D%226%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%20result%3D%22displacedImage%22%20width%3D%22100%25%22%20height%3D%22100%25%22/%3E%3CfeMerge%20result%3D%22effect1_texture_3040_13595%22%3E%3CfeMergeNode%20in%3D%22displacedImage%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")!important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* Buttons */ .lenus-form .lenus-form-controls > button{ background: #c9c9c9 !important; border-radius: 0 !important; border: 1px solid #303030B2 !important; color: #1d1d1d !important; font-family: Raleway, sans-serif !important; } /* CUSTOM CSS ---------- STARTS HERE */ /*----- BUTTONS -----*/ .elementor-button{ white-space: nowrap!important; } /* ---------- CONTAINERS */ .container-small{ margin-left: auto !important; margin-right: auto !important; width:100% !important; max-width: 48rem !important; } .container-medium{ margin-left: auto !important; margin-right: auto !important; width:100% !important; max-width: 64rem !important; } .container-large{ margin-left: auto !important; margin-right: auto !important; width:100% !important; max-width: 90rem !important; } .container-xlarge{ margin-left: auto !important; margin-right: auto !important; width:100% !important; max-width: 120rem !important; } /* ---------- PADDING VERTICAL */ .padding-section-small{ padding-top: 3rem !important; padding-bottom: 3rem !important; @media only screen and (max-width: 767px){ .padding-vertical-small{ padding-top: 2rem !important; padding-bottom: 2rem !important; } } } .padding-section-medium{ padding-top: 5rem !important; padding-bottom: 5rem !important; /* Tablet */ @media only screen and (max-width: 991px){ .padding-section-medium{ padding-top: 4rem !important; padding-bottom: 4rem !important; } } /* Mobile */ @media screen and (min-width: 300px) and (max-width: 768px){ .padding-section-medium{ padding-top: 3rem !important; padding-bottom: 3rem !important; } } } .padding-section-large{ padding-top: 7rem !important; padding-bottom: 7rem !important; /* Tablet */ @media screen and (min-width: 300px) and (max-width: 768px){ .padding-section-large{ padding-top: 4rem !important; padding-bottom: 4rem !important; } } /* Mobile */ @media screen and (min-width: 300px) and (max-width: 768px){ .padding-section-large{ padding-top: 3rem !important; padding-bottom: 3rem !important; } } } /* ---------- MAX WIDTH */ .max-width-xxlarge{ width: 100%; max-width: 80rem; } .max-width-xlarge{ width: 100%; max-width: 64rem; } .max-width-large{ width: 100%; max-width: 48rem; } .max-width-medium{ width: 100%; max-width: 35rem; } .max-width-small{ width: 100%; max-width: 30rem; } .max-width-xsmall{ width: 100%; max-width: 24rem; } .max-width-xxsmall{ width: 100%; max-width: 20rem; } /* Max Width Full on Tablet */ @media screen and (min-width:768px) and (max-width:991px){ .max-width-full-tablet{ max-width: none; } } /* Mobile */ @media screen and (min-width: 300px) and (max-width: 768px){ .max-width-full-mobile-landscape{ max-width: none; } } /* ---------- PADDING SIDES */ .padding-sides{ padding-left: 5% !important; padding-right: 5% !important; } /* ---------- HOW-IT-WORKS SECTION CSS */ .scrollbar-wrapper{ width:3px !important; } /*Fluid Design*/ :root { --font-from: 18; --font-to: 20; --vw-from: calc(1920 / 100); --vw-to: calc(2400 / 100); --coefficient: calc((var(--font-to) - var(--font-from)) / (var(--vw-to) - var(--vw-from))); --base: calc((var(--font-from) - var(--vw-from) * var(--coefficient)) / 16); } html { font-size: calc(var(--base) * 1rem + var(--coefficient) * 1vw); } @media screen and (max-width: 1920px) { :root { --font-from: 16; --font-to: 18; --vw-from: calc(1440 / 100); --vw-to: calc(1920 / 100); } } @media screen and (max-width: 1440px) { :root { --font-from: 14; --font-to: 16; --vw-from: calc(479 / 100); --vw-to: calc(1440 / 100); } } @media screen and (max-width: 479px) { :root { --font-from: 12; --font-to: 16; --vw-from: calc(1 / 100); --vw-to: calc(479 / 100); } } /* CUSTOM CSS ---------- ENDS HERE */