/*
Theme Name: Hostlasting
Author: ScaleBig
Description: Hostlasting purple and white hosting theme, with editable Elementor pages and responsive navigation.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.0
Text Domain: hostlasting
License: GPL-2.0-or-later
*/
:root{--purple:#50008a;--violet:#6800ac;--ink:#22262c;--muted:#626571;--pale:#f7f6fc;--line:#e8e1ee;--width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:'Poppins',sans-serif;font-size:15px;line-height:1.85;background:#fff}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #eeaa14;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{font-family:'Poppins',sans-serif;line-height:1.3;letter-spacing:-.025em;color:inherit;margin:0 0 22px}h1{font-size:42px;font-weight:600}h2{font-size:28px;font-weight:600}h3{font-size:19px;font-weight:600}p{margin:0 0 19px}ul{padding-left:23px;margin:0 0 22px}li{margin:9px 0} .skip-link{position:absolute;top:-100px;background:#fff;padding:12px;z-index:200}.skip-link:focus{top:0}.hl-header{background:var(--purple);color:#fff}.hl-nav-wrap{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:34px}.hl-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:21px;font-weight:600;white-space:nowrap}.hl-logo img{width:145px;max-height:52px;object-fit:contain}.hl-menu{display:flex;gap:25px;list-style:none;padding:0;margin:0;align-items:center}.hl-menu li{position:relative;margin:0}.hl-menu a,.hl-menu summary{color:#fff;font-size:13px;cursor:pointer;list-style:none}.hl-menu summary:after{content:'⌄';padding-left:8px}.hl-menu details[open] summary{color:#ffcd65}.hl-menu .sub-menu{position:absolute;top:36px;left:-20px;min-width:235px;background:white;border-radius:5px;padding:15px;box-shadow:0 12px 30px #1d003d33;list-style:none;z-index:30}.hl-menu .sub-menu a{display:block;padding:7px 10px;color:var(--ink)}.hl-menu .sub-menu a:hover{background:var(--pale);color:var(--purple)}.hl-header nav{margin-left:auto}.hl-header .hl-button{padding:9px 17px;font-size:12px;background:white;color:var(--purple)}.hl-toggle{display:none;background:none;border:1px solid #ffffff66;border-radius:4px;color:#fff;padding:7px 12px}.hl-button,.elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#273238;color:#fff;border:0;border-radius:4px;padding:12px 24px;font-size:13px;line-height:1.5;font-weight:500;cursor:pointer}.hl-button:hover,.elementor-button:hover{background:var(--violet);color:#fff;text-decoration:none}.hl-section{position:relative;padding:66px 24px}.hl-section>.elementor-container{max-width:var(--width);margin:auto;display:grid;grid-template-columns:1fr;gap:60px;align-items:center}.hl-section .elementor-column{width:100%!important;min-width:0}.hl-section .elementor-widget-wrap{display:block;padding:0!important}.hl-section .elementor-widget{margin-bottom:0!important}.hl-section .elementor-widget-container{margin:0!important}.hl-row>.elementor-container{grid-template-columns:.9fr 1.1fr}.hl-reverse>.elementor-container{grid-template-columns:1.1fr .9fr}.hl-hero{background:var(--purple);color:white;padding:70px 24px 90px}.hl-hero>.elementor-container{min-height:390px;grid-template-columns:.9fr 1.1fr;gap:62px}.hl-hero h1,.hl-hero .elementor-heading-title{color:#fff!important;font-size:42px!important;line-height:1.27!important}.hl-hero p{color:#f5e8ff;font-size:15px}.hl-hero img{width:410px;max-height:415px;object-fit:contain}.hl-hero .elementor-widget-image{text-align:center}.hl-hero .elementor-button{background:#280048}.hl-hero .elementor-button:hover{background:#fff;color:var(--purple)}.hl-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;margin-bottom:17px;display:block}.hl-feature:after{content:'';position:absolute;bottom:0;right:0;height:7px;background:var(--purple);width:50%;border-radius:6px 0 0 6px}.hl-feature.hl-reverse:after{right:auto;left:0;border-radius:0 6px 6px 0}.hl-feature .elementor-widget-image{text-align:center}.hl-feature img{width:365px;max-height:330px;object-fit:contain}.hl-feature p,.hl-feature li{font-size:14px}.hl-feature h2{font-size:27px}.hl-feature .elementor-heading-title{font-size:27px}.hl-wide{background:var(--pale)}.hl-wide>.elementor-container{max-width:980px}.hl-wide h2{color:var(--purple)}.hl-benefits{background:var(--purple);color:#fff}.hl-benefits ul{columns:2;column-gap:50px}.hl-benefits li{break-inside:avoid;padding-left:6px}.hl-table-scroll{overflow:auto;max-width:100%;margin:25px 0;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7;min-width:460px}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--purple);color:white;font-weight:500}tr:nth-child(even) td{background:#f8f6fb}tr:last-child td{border-bottom:0}.hl-faq h3{font-size:18px;color:var(--purple);margin-top:30px;margin-bottom:12px}.hl-faq p{font-size:14px}.hl-faq>.elementor-container{max-width:920px}.hl-offerings{background:#f5f5f5;padding:58px 24px}.hl-offerings>h2{text-align:center;font-size:24px;margin-bottom:32px}.hl-cards{max-width:1020px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hl-card{background:white;text-align:center;padding:32px 24px;border:1px solid #eee;border-radius:3px}.hl-card img{width:90px;height:85px;object-fit:contain;margin-bottom:17px}.hl-card h3{font-size:18px;margin-bottom:13px}.hl-card p{font-size:13px}.hl-card .hl-button{width:100%}.hl-card a{color:inherit}.hl-strip{padding:28px 24px;border-bottom:1px solid var(--line)}.hl-strip-inner{max-width:1080px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--purple);font-weight:500}.hl-intro{text-align:center;padding:55px 24px 20px}.hl-intro img{width:145px;height:120px;object-fit:contain}.hl-intro h2{font-size:25px;margin:10px 0}.hl-contact{padding:68px 24px;background:var(--pale)}.hl-contact-inner{max-width:var(--width);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.hl-contact h2{color:var(--purple)}.hl-form label{display:block;font-size:13px;font-weight:500;margin-bottom:15px}.hl-form input,.hl-form textarea,.hl-form select{display:block;width:100%;border:1px solid #d6cce0;border-radius:4px;background:white;padding:10px 12px;margin-top:6px;font-size:14px}.hl-form textarea{min-height:110px}.hl-form .hl-hp{position:absolute;left:-10000px}.hl-form small{display:block;margin-bottom:17px}.hl-notice{padding:16px;border:1px solid var(--purple);margin-bottom:20px;background:white}.hl-footer{background:var(--purple);color:white;padding:50px 24px 0}.hl-footer-inner{max-width:var(--width);margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:36px}.hl-footer h3{font-size:14px;margin-bottom:19px;text-transform:uppercase;letter-spacing:.05em}.hl-footer ul{list-style:none;padding:0}.hl-footer li,.hl-footer p{font-size:12px}.hl-footer a{color:white}.hl-copyright{max-width:var(--width);margin:30px auto 0;border-top:1px solid #ffffff33;padding:18px 0;font-size:11px}.hl-map{text-align:center;margin-top:20px}.hl-map img{max-width:740px;width:100%}.hl-heading-links{display:flex;flex-wrap:wrap;gap:10px}.hl-heading-links a{padding:8px 14px;background:#eee7f6;font-size:12px;border-radius:4px}.hl-page-title{max-width:1120px;margin:50px auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:1024px){.hl-nav-wrap{gap:20px}.hl-menu{gap:17px}.hl-menu a,.hl-menu summary{font-size:12px}.hl-hero h1,.hl-hero .elementor-heading-title{font-size:35px!important}.hl-section>.elementor-container{gap:35px}.hl-hero>.elementor-container{min-height:320px}.hl-hero{padding:45px 24px 65px}.hl-section{padding:52px 24px}}
@media(max-width:767px){h1{font-size:30px}h2{font-size:25px}.hl-nav-wrap{flex-wrap:wrap;padding:15px 20px}.hl-logo img{width:128px}.hl-toggle{display:block;margin-left:auto}.hl-header nav{width:100%;display:none;order:3;margin:0}.hl-header nav.is-open{display:block}.hl-menu{display:block}.hl-menu>li{padding:9px 0}.hl-menu .sub-menu{position:static;margin:10px 0;box-shadow:none}.hl-header>.hl-nav-wrap>.hl-button{display:none}.hl-menu a,.hl-menu summary{font-size:14px}.hl-section{padding:42px 21px}.hl-section>.elementor-container,.hl-row>.elementor-container,.hl-hero>.elementor-container,.hl-reverse>.elementor-container{grid-template-columns:minmax(0,1fr);gap:25px}.hl-hero{padding-top:25px;padding-bottom:47px}.hl-hero .elementor-column:first-child{order:2}.hl-hero img{max-height:270px;width:280px}.hl-hero h1,.hl-hero .elementor-heading-title{font-size:30px!important}.hl-feature img{max-height:220px;width:250px}.hl-feature .hl-picture{order:2}.hl-feature h2,.hl-feature .elementor-heading-title{font-size:24px}.hl-feature:after{height:4px;width:60%}.hl-benefits ul{columns:1}.hl-cards{grid-template-columns:1fr}.hl-offerings{padding:38px 21px}.hl-strip-inner{display:grid;grid-template-columns:1fr 1fr;font-size:11px}.hl-contact-inner{grid-template-columns:1fr;gap:25px}.hl-footer-inner{grid-template-columns:1fr 1fr;gap:25px}.hl-footer-inner>div:first-child{grid-column:1/-1}.hl-contact{padding:45px 21px}.hl-table-scroll{margin:20px 0}.hl-faq h3{font-size:17px}.hl-intro h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hl-sub-toggle{background:none;border:0;color:#fff;cursor:pointer;padding:5px}.hl-menu .sub-menu[hidden]{display:none}
.hl-section>.elementor-container{display:grid!important;max-width:var(--width)!important;gap:60px!important}.hl-section .elementor-column>.elementor-widget-wrap{display:block!important;padding:0!important}.hl-section .elementor-widget-text-editor{color:inherit;font-family:inherit}.hl-section .elementor-heading-title{font-family:inherit;font-weight:600;line-height:1.3}.hl-raw{padding:0!important}.hl-raw>.elementor-container{max-width:none!important;display:block!important}.hl-section.hl-wide>.elementor-container{max-width:980px!important}.hl-section.hl-faq>.elementor-container{max-width:920px!important}.hl-section .elementor-widget-heading{margin-bottom:22px!important}.hl-section .elementor-widget-heading h1,.hl-section .elementor-widget-heading h2,.hl-section .elementor-widget-heading h3{margin-bottom:0}.hl-section .elementor-widget-image img{border-radius:0;box-shadow:none}
@media(max-width:1024px){.hl-section>.elementor-container{gap:35px!important}}
@media(max-width:767px){.hl-section>.elementor-container{gap:25px!important}}
.hl-section .elementor-heading-title{color:inherit!important;font-family:'Poppins',sans-serif!important;font-weight:600!important}.hl-section h2.elementor-heading-title{font-size:28px!important}.hl-section h3.elementor-heading-title{font-size:18px!important}.hl-section .elementor-widget-text-editor{color:inherit!important;font-family:'Poppins',sans-serif!important}.hl-section .elementor-button{font-family:'Poppins',sans-serif!important;font-size:13px!important}.hl-faq .elementor-widget-heading:has(h3){margin-top:28px!important}.hl-faq .elementor-widget-heading h3{margin-top:0}.hl-hero .elementor-widget-text-editor p{color:#f5e8ff}
@media(max-width:767px){.hl-section h2.elementor-heading-title{font-size:24px!important}}
.hl-card a.hl-button{color:#fff}.hl-section .elementor-button{background:#273238!important;color:#fff!important;border-radius:4px!important;padding:12px 24px!important}.hl-section .elementor-button:hover{background:var(--violet)!important}.hl-hero .elementor-button{background:#280048!important}.hl-hero .elementor-button:hover{background:white!important;color:var(--purple)!important}