/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--sc-font-main:'Comfortaa',cursive;--sc-primary:#38bdf8;--sc-primary-dark:#0ea5e9;--sc-secondary:#ff7a00;--sc-secondary-light:#ffcc00;--sc-accent-purple:#a855f7;--sc-accent-pink:#ff4d6d;--sc-bg:linear-gradient(180deg,#dbeafe 0%,#f0f9ff 100%);--sc-text:#2b2b2b;--sc-muted:#6c757d;--sc-border:rgba(0,0,0,0.08);--sc-radius:20px;--sc-navbar-height:96px;--sc-shadow-soft:0 10px 25px rgba(0,0,0,0.08);--sc-gradient-main:linear-gradient(90deg,#00c2a8,#ff7a00,#ffcc00,#a855f7,#38bdf8);--sc-gradient-warm:linear-gradient(90deg,#ffcc00,#ff7a00,#ff4d6d);--sc-gradient-blue:linear-gradient(135deg,#4be4fe 10%,#0fcfff 100%);}*,*::before,*::after{box-sizing:border-box;}.green{background-image:linear-gradient(135deg,#13c5c5 10%,#21d9bc 100%);color:#ffffff;}.fa-square-check{color:#21d9bc;font-size:24px;}.fa-cart-arrow-down{color:#ffffff;font-size:24px;}.green h2,.green h3,.green h4,.green h5{color:#ffffff;text-align:center;}.green a{color:#ffffff;}.green a:hover{color:#ffd60c;}.red{background-image:linear-gradient(135deg,#fe7731 10%,#ff466f 100%);}.red a{color:#ffffff;}.red a:hover{color:#ffd60c;}.orange{background-image:linear-gradient(135deg,#ff662c 10%,#ffa712 100%);}.orange h2,.orange h3,.orange h4,.orange h5{color:#ffffff;}.orange a{color:#ffffff;}.orange a:hover{color:#ffd60c;}.orange .form-text{margin:0.25rem;font-size:.875em;color:var(--bs-secondary-color);border-radius:15px;padding:10px;border:#ff466f solid 1px;max-width:80%;}.orange .form-email{margin:0.25rem;font-size:.875em;color:var(--bs-secondary-color);border-radius:15px;padding:10px;border:#ff466f solid 2px;max-width:80%;}.yellow{background-image:linear-gradient(135deg,#fedd24 10%,#ffd60c 100%);}.yellow a{color:#ffffff;}.yellow a:hover{color:#ffd60c;}.purple{background-image:linear-gradient(135deg,#d682ff 10%,#ad3ff9 100%);}.purple a{color:#ffffff;}.purple a:hover{color:#ffd60c;}.blue{background-image:linear-gradient(135deg,#4be4fe 10%,#0fcfff 100%);}.blue a{color:#ffffff;}.blue a:focus{color:#ffffff;}.blue a:hover{color:#ffd60c;}.white{background-image:linear-gradient(135deg,#fcfafa 10%,#ffffff 100%);padding:10px 20px;color:#000;font-weight:600;}.white-menu{background-image:linear-gradient(135deg,#fcfafa 10%,#ffffff 100%);padding:15px
  color:#000;font-weight:700;}.social-bar{background-image:linear-gradient(135deg,#ff662c 10%,#ffa712 100%);padding :5px;color:#ffffff;}.social-media-link-icon{color:#FFF;}body{margin:0;overflow-x:hidden;font-family:var(--sc-font-main);font-size:12px;line-height:1.5;color:var(--sc-text);}.body-content{padding:5px;}.breadcrumb{font-size:85%;color:#ad3ff9;padding:10px;}.breadcrumb a{color:#ffa712;}.hero-banner{background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-hero-background.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:10px 10px;margin-left:auto;margin-right:auto;overflow:visible !important;}.site-logo{background-image:url(/themes/custom/stouto_crochet_v2/images/logos/logo-main.svg);}.topbar{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);margin-left:auto;max-width:1200px;padding:10px 20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);height:80px;padding:15px;margin:5px;overflow:visible !important;}.website-translate{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border-radius:50px;margin-left:auto;max-width:1200px;padding:10px 20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);height:80px;margin-right:auto;margin-top:10px;margin-bottom:10px;overflow:visible !important;}.stouto-site-branding{margin:5px;width:200px;}.page-title{overflow:visible !important;margin:25px;}.desktop-menu{background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);padding:5px;box-shadow:0 10px 25px rgba(0,0,0,0.08);overflow:visible !important;padding:15px;border:#0ea5e9 solid 1px;border-radius:15px;}.page{background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);padding:5px;box-shadow:0 10px 25px rgba(0,0,0,0.08);overflow:visible !important;padding:15px;border:#eeeeee solid 1px;}.page-img{width:95%;margin:auto;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,0.08);}bold{font-weight:800;font-size :95%;}.postcard-txt{margin-top:auto;margin-bottom:auto;padding:35px;}.postcard-img{margin-top:auto;margin-bottom:auto;}#about-page{margin-top:auto;margin-bottom:auto;}.frame{margin:10px;padding:10px;border-radius:var(--sc-radius);}.gallery{background-size:inherit;background-position:top;background-repeat:no-repeat;background-color:#21d9bc;border-radius:var(--sc-radius);padding:15px;background-size:100%;border:2px solid #ffffff;box-shadow:0 10px 25px rgba(0,0,0,0.08);margin:20px;}.messages{background-image:linear-gradient(135deg,#13c5c5 10%,#21d9bc 100%);color:#ffffff;padding:15px;margin :20px;}.messages a{text-decoration:underline;font-weight:bold;color:#ffffff;}.messages--status

.shop-pattern{}.shop-pattern-top{padding:15px;}.shop-pattern-cart{padding:15px;margin:20px;background-color:#ffffff;color:#000000;}.shop-pattern-cart h2{color:#000000;}.shop-pattern-stores{background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-shop-pattern-stores-banner.png);background-size:inherit;background-position:bottom;background-repeat:no-repeat;border-radius:var(--sc-radius);padding:15px;background-size:100%;border:1px solid var(--sc-border);border-top:4px solid #ff662c;box-shadow:0 10px 25px rgba(0,0,0,0.08);margin:5px;background-color:#ffffff;}.store-table{width:auto;margin-left:auto;margin-right:auto;margin:10px;}.materials,.stitch-diagram,.pattern-pages,.promo-box,.pattern-details,.page-calculator{padding:1.5rem;border:1px solid var(--sc-border);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);margin:5px;color:#000;display:block;}.materials{border-top:4px solid #ff466f;}.stitch-diagram{border-top:4px solid #ffa712;}.pattern-pages{border-top:4px solid #ffd60c;}.promo-box{border-top:4px solid #ad3ff9;}.pattern-details{border-top:4px solid #0fcfff;background-size:100%;}.page-calculator{border-top:4px solid #ad3ff9;background-size:100%;}.pattern-page-img{margin:auto;display:block;}.sign-up{background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/join-stouto-crochet-newsletter.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;:#e69610;color:#fff;border:2px solid #ffffff;border-radius:var(--sc-radius);padding :15px;margin :5px;box-shadow:0 10px 25px rgba(0,0,0,0.08);display:block;}.sign-up-modal{background-image:linear-gradient(135deg,#ff662c 10%,#ffa712 100%);border-color:#e69610;color:#fff;padding:15px;}.pattern-review{padding:15px;border-radius:15px;background-color:#FFF;margin:5px;}.raverly-sale-border{padding:15px;border-radius:15px;margin:20px;}.raverly-sale{padding:15px;border-radius:15px;background-color:#FFF;margin:29px;background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-sales-banner.png);background-size:cover;background-position:center;background-repeat:no-repeat;}.sale-border{padding:15px;border-radius:5px;background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-sales-banner.png);background-size:cover;background-position:right;background-repeat:no-repeat;}.pattern-border{padding:25px;background-size:100%;border:1px solid #ad3ff9;box-shadow:0 10px 25px rgba(0,0,0,0.08);margin:5px;}.pattern-border-inner{padding:25px;margin:auto;}.promocode{padding:5px;margin:auto;border-radius:35px;background-image:linear-gradient(135deg,#fedd24 10%,#ffd60c 100%);border:2px solid #fff;color :#000;width:200px;font-weight:900;font-size:110%;margin-bottom:10px;}.promocode-text{color :#000;font-size:40%;}.sale{color:#fff;}.pinit{padding:15px;border-radius:15px;}.share_banner{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;width:100%;max-width:500px;margin-left:auto;margin-right:auto;text-align:center;}.adsense{width:100%;max-width:728px;margin:2.5rem auto;padding:0.75rem;background:#f8f9fa;border:1px solid var(--sc-border);border-radius:12px;text-align:center;}.adsense::before{content:"Advertisement";display:block;font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--sc-muted);margin-bottom:0.5rem;}.topnav{width:120px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;line-height:1.2;font-size:0.8rem;text-align:center;}.topnav i{font-size:18px;line-height:1;}.topnav br{display:none;}h1,h2,h3,h4,h5,h6{margin-bottom:0.75rem;}h1{font-size:1.8rem;}h2{font-size:1.4rem;}h3{font-size:1.2rem;}p{margin-bottom:1rem;}a{color:var(--sc-primary-dark);text-decoration:none;font-weight:700;}a:hover{color:var(--sc-secondary);}h3 a{color:#000;text-decoration:none;font-weight:500;}h3 a:hover{color:var(--sc-secondary);}.mainphoto{border-radius:15px;box-shadow:rgba(50,50,93,0.25) 0px 13px 27px -5px,rgba(0,0,0,0.3) 0px 8px 16px -8px;}table{width:100%;border-collapse:collapse;margin-bottom:1rem;}th,td{border:1px solid var(--sc-border);padding:0.6rem;}.region-top-header{background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);font-size:0.9rem;}header{background:transparent;}.navbar{background:transparent;backdrop-filter:blur(12px);box-shadow:0 10px 25px rgba(0,0,0,0.08);position:relative;z-index:1000;max-width:1320px;margin:auto;}.navbar .nav-link{font-weight:900;}.navbar .nav-link a{color:#ffffff;}.navbar .nav-link:hover{color:#000000;}#mobileDropdown{background:transparent;}#mobileDropdown .mobile-menu ul{padding-left:0;}#mobileDropdown .mobile-menu li{margin-bottom:5px;}.dropdown-menu{z-index:1000 !important;display:none;}.dropdown-menu.show{display:block;}.dropdown-submenu{position:relative;}.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px;}@media (min-width:992px){.dropdown:hover > .dropdown-menu{display:block;}.dropdown-submenu:hover > .dropdown-menu{display:block;}}ul.sf-menu,ul.sf-menu ul{margin:0;padding:0;list-style:none;box-sizing:border-box;}ul.sf-menu *,ul.sf-menu *::before,ul.sf-menu *::after{box-sizing:border-box;}ul.sf-menu{display:flex;justify-content:center;align-items:center;gap:0;line-height:1;z-index:497;}ul.sf-menu > li{position:relative;margin:0;padding:0;}ul.sf-menu > li > a,ul.sf-menu > li > span.nolink{display:block;padding:14px 20px;color:#000;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s ease;}ul.sf-menu > li > a:hover,ul.sf-menu > li.sfHover > a{color:#0fcfff;}ul.sf-menu ul{position:absolute;top:100%;left:0;display:none;min-width:260px;margin:0;padding:12px 0;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:999;}ul.sf-menu li:hover > ul,ul.sf-menu li.sfHover > ul{display:block;}ul.sf-menu ul li{float:none;display:block;width:100%;margin:0;padding:0;}ul.sf-menu ul li a,ul.sf-menu ul li span.nolink{display:block;padding:9px 18px;font-size:13px;white-space:nowrap;border-radius:0;}ul.sf-menu ul li a:hover{background:#f7f7f7;color:#0fcfff;}ul.sf-menu ul ul{top:0;left:100%;margin-left:4px;}ul.sf-menu ul.sf-megamenu,ul.sf-menu ul.multicolumn{display:none;position:absolute;left:0;top:100%;width:900px;max-width:90vw;padding:25px;background:#fff;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.15);}ul.sf-menu li:hover > ul.sf-megamenu,ul.sf-menu li.sfHover > ul.sf-megamenu,ul.sf-menu li:hover > ul.multicolumn,ul.sf-menu li.sfHover > ul.multicolumn{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start;}ul.sf-menu ul.sf-megamenu > li,ul.sf-menu ul.multicolumn > li{flex:1 1 220px;min-width:200px;margin:0;padding:0;list-style:none;}ul.sf-menu ul.sf-megamenu > li > a,ul.sf-menu ul.multicolumn > li > a{font-weight:700;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}ul.sf-menu ul.sf-megamenu > li > ul,ul.sf-menu ul.multicolumn > li > ul{position:static;display:block !important;width:auto;min-width:auto;padding:0;margin:0;background:transparent;box-shadow:none;border:none;}ul.sf-menu ul.sf-megamenu > li > ul > li,ul.sf-menu ul.multicolumn > li > ul > li{width:100%;margin:0;padding:0;}ul.sf-menu ul.sf-megamenu > li > ul > li > a,ul.sf-menu ul.multicolumn > li > ul > li > a{padding:6px 0;white-space:normal;}@media (max-width:991px){ul.sf-menu{display:block;}ul.sf-menu ul,ul.sf-menu ul.sf-megamenu,ul.sf-menu ul.multicolumn{position:static;width:100%;max-width:100%;display:block !important;padding:0;box-shadow:none;border-radius:0;}ul.sf-menu ul.sf-megamenu > li,ul.sf-menu ul.multicolumn > li{width:100%;flex:none;margin-bottom:15px;}ul.sf-menu ul li a{padding:10px 20px;}}.region-banner{margin-bottom:1rem;text-align:center;overflow:visible !important;}.hero-banner h1{font-size:3rem;}.region-sidebar{background:#ffffff;padding:20px;border-radius:var(--sc-radius);box-shadow:0 10px 25px rgba(0,0,0,0.08);}.nav-link.active{color:#fff;border:none;}.nav-link{color:#ffffff;}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center;margin:2px;color:#ffffff;}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%;color:#ffffff;}.nav-fill .nav-item .nav-link:hover,.nav-justified .nav-item .nav-link:hover{opacity:0.75;color:#000000 !important;background-color:#f8f9fa;}.nav-tabs .nav-item .nav-link{color:#000000;border:1px solid #000000;border-bottom:transparent;}.nav-tabs .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link:focus{color:#000000;border-color:#000000;border-bottom-color:transparent;}.nav-tabs .nav-item .nav-link.active{color:#000000;background-color:#ffffff;border-color:#000000;border-bottom-color:#ffffff;}.nav-tabs{border-bottom:1px solid #000000;}.pattern-page h1{font-size:2.5rem;}.pattern-intro{font-size:1.1rem;}.pattern-facts{background:#fff8e1;padding:15px;border-left:6px solid var(--sc-secondary);border-radius:var(--sc-radius);}.pattern-cta{background:#ffffff;border-radius:var(--sc-radius);padding:20px;box-shadow:0 10px 25px rgba(0,0,0,0.08);}.product-price{color:#ffa712;font-weight:600;font-size:14px;}.card{border:none;border-radius:var(--sc-radius);background:#ffffff;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:all 0.25s ease;}.card:hover{transform:translateY(-6px) scale(1.02);}.card-title{font-size:1.2rem;font-weight:700;}.btn{padding:10px 10px;font-size:14px;text-transform:capitalize;margin:5px;font-weight:700;white-space:nowrap;}.btn-primary{background-image:linear-gradient(135deg,#13c5c5 10%,#21d9bc 100%);border:none;color:#fff;}.btn-primary:hover{transform:translateY(-2px);}.btn-secondary{background-image:linear-gradient(135deg,#13c5c5 10%,#21d9bc 100%);color:#fff;}.btn-stouto-green{background-image:linear-gradient(135deg,#13c5c5 10%,#21d9bc 100%);border-color:#1ec3a9;color:#fff;}.btn-stouto-green:hover{background-image:linear-gradient(135deg,#89e2e2 10%,#90ecde 100%);border-color:#1ec3a9;color:#fff;}.btn-stouto-red{background-image:linear-gradient(135deg,#fe7731 10%,#ff466f 100%);border-color:#e63f64;color:#fff;}.btn-stouto-red:hover{background-image:linear-gradient(135deg,#ffbb98 10%,#ffa3b7 100%);border-color:#e63f64;color:#fff;}.btn-stouto-orange{background-image:linear-gradient(135deg,#ff662c 10%,#ffa712 100%);border-color:#e69610;color:#fff;}.btn-stouto-orange:hover{background-image:linear-gradient(135deg,#ffb396 10%,#ffd389 100%);border-color:#e69610;color:#fff;}.btn-stouto-yellow{background-image:linear-gradient(135deg,#fedd24 10%,#ffd60c 100%);border-color:#e6c10b;color:#fff;}.btn-stouto-yellow:hover{background-image:linear-gradient(135deg,#ffee92 10%,#ffeb86 100%);border-color:#e6c10b;color:#fff;}.btn-stouto-purple{background-image:linear-gradient(135deg,#d682ff 10%,#ad3ff9 100%);border-color:#9c39e0;color:#fff;}.btn-stouto-purple:hover{background-image:linear-gradient(135deg,#ebc1ff 10%,#d69ffc 100%);border-color:#9c39e0;color:#000;}.btn-stouto-blue{background-image:linear-gradient(135deg,#4be4fe 10%,#0fcfff 100%);border-color:#0ebae6;color:#fff;}.btn-stouto-blue:hover{background-image:linear-gradient(135deg,#a5f2ff 10%,#87e7ff 100%);border-color:#0ebae6;color:#fff;}.btn-stouto-white{background-image:linear-gradient(135deg,#fcfafa 10%,#ffffff 100%);border-color:#d1d1d1;color:#000;opacity:0.7;}.btn-stouto-white:hover{background-image:linear-gradient(135deg,#f0f0f0 10%,#ffffff 100%);border-color:#d1d1d1;color:#000;opacity:0.7;}.btn-add-to-cart{background-image:linear-gradient(135deg,#000000 10%,#000000 100%);border-color:#999999;color:#fff;font-size:120%;font-weight:bolder;padding:15px;}.btn-add-to-cart:hover{background-image:linear-gradient(135deg,#fe7731 10%,#ff466f 100%);border-color:#ffffff;color:#fff;font-size:120%;font-weight:bolder;padding:15px;}.file a{padding:10px 16px;font-size:18px;font-weight:bolder;text-transform:capitalize;background-image:linear-gradient(135deg,#ff662c 10%,#ffa712 100%);border-color:#e69610;color:#fff;margin:5px;padding:15px;border-radius:30px;display:inline-block;width:80%;}.mobile-menu-button{margin-top:20px;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;}.section-divider{height:6px;background:var(--sc-gradient-main);border-radius:10px;margin:30px 0;}footer{height:auto;margin-top:15px;}footer h2{margin-top:15px;margin-bottom:15px;font-size:1.2rem;}footer .nav-item{text-decoration:none;font-size:12px;}footer a{text-decoration:none;font-size:12px;}footer a:hover{color:#ffd60c;text-decoration:none;font-size:12px;}@media (min-width:768px){.footer{background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-creative-crochet-footer.png);background-size:100% auto;background-position:bottom;background-repeat:no-repeat;padding-bottom:200px;padding-top:10px;}}@media (min-width:992px){.footer{background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-creative-crochet-footer.png);background-size:contain;background-position:bottom;background-repeat:no-repeat;padding-bottom:200px;padding-top:10px;}}@media (min-width:1200px){.footer{background-image:url(/themes/custom/stouto_crochet_v2/images/backgrounds/stouto-creative-crochet-footer.png);background-size:contain;background-position:bottom;background-repeat:no-repeat;padding-bottom:200px;padding-top:10px;}}.region-credits{background:#000;color:#fff;font-size:0.8rem;}body::after{content:"www.stouto.co.za";position:fixed;bottom:10px;right:20px;opacity:0.2;font-size:24px;pointer-events:none;}@media (max-width:768px){h1{font-size:1.8rem;}ul.sf-menu{flex-direction:column;}input.form-control,textarea.form-control,select.form-select{width:100%;font-size:1rem;}.form-control,.form-select{font-size:14px;padding:8px 12px;}.btn{width:100%;}}label{display:inline-block;}@media (min-width:768px){.form-control,.form-select{font-size:15px;}}@media (max-width:576px){.input-group{flex-direction:column;}.input-group .form-control,.input-group .btn,.input-group-text{width:100%;border-radius:12px !important;margin-bottom:5px;}}.search-block .input-group{display:flex;flex-direction:column;}@media (min-width:768px){.search-block .input-group{flex-direction:row;}}.form-row,.views-exposed-form{display:flex;flex-wrap:wrap;gap:10px;}.views-exposed-form > div{width:100%;}@media (min-width:768px){.views-exposed-form > div{width:calc(50% - 10px);}}@media (min-width:992px){.views-exposed-form > div{width:calc(25% - 10px);}}*,*::before,*::after{box-sizing:border-box;}img{max-width:100%;height:auto;}.container-custom{width:100%;margin:0 auto;padding:0 15px;}.layout{display:flex;flex-wrap:wrap;}.main-content{width:100%;}.sidebar{width:100%;}@media (min-width:992px){.main-content{width:100%;}}.pattern-grid{display:grid;gap:20px;grid-template-columns:1fr;}@media (min-width:768px){.pattern-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:992px){.pattern-grid{grid-template-columns:repeat(3,1fr);}}@media (min-width:1200px){.pattern-grid{grid-template-columns:repeat(4,1fr);}}.primary-menu{display:flex;flex-wrap:wrap;gap:10px;}@media (max-width:768px){.primary-menu{flex-direction:column;}}@media (max-width:576px){.btn{width:100%;}}@media (max-width:576px){.pattern-content{padding:0 10px;}}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;border-radius:20px;line-height:30px;padding:10px;margin-right:-20px;margin-top:10px;}.form-text{margin:0.25rem;font-size:.875em;color:var(--bs-secondary-color);border-radius:5px;padding:10px;}.submit-search{border-radius:60px;}button,input,optgroup,select,textarea{margin:0.25rem;font-size:.875em;color:var(--bs-secondary-color);border-radius:5px;padding:10px;}input,textarea,select{box-sizing:border-box;max-width:100%;}.block{}.block-page{border-radius:20px;padding:10px;}.block-content{}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto;}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center;background:rgba(255,255,255,0.85);}.carousel-caption p{color:#000;}.table{width:100%;margin-bottom:1rem;border-collapse:collapse;}.table td,.table th{white-space:nowrap;padding:10px;vertical-align:middle;}@media (max-width:576px){.table-responsive-stack thead{display:none;}.table-responsive-stack tr{display:block;border-bottom:2px solid #ddd;margin-bottom:10px;}.table-responsive-stack td{display:block;text-align:right;position:relative;padding-left:50%;}.table-responsive-stack td::before{content:attr(data-label);position:absolute;left:10px;width:45%;text-align:left;font-weight:bold;}}.table{background:#fff;border-radius:12px;overflow:hidden;}.table thead{background:#1f3a5f;color:#fff;}.table tbody tr:nth-child(even){background:#f8f9fa;}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}.table td:first-child{min-width:150px;}.table td:last-child{min-width:120px;}.pattern-table{overflow:hidden;margin:20px;}.pattern-table td,.pattern-table th{white-space:normal;word-break:break-word;}.pattern-table th{width:40%;font-weight:600;}.table-highlight td{background:#ffffff;text-align:center;font-weight:600;}.table-price td{font-size:1.4rem;color:#1f3a5f;}@media (max-width:576px){.pattern-table th,.pattern-table td{display:block;width:100%;}@media (max-width:992px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}}.pattern-table tr{display:block;margin-bottom:10px;border-bottom:1px solid #ddd;}.pattern-table th{background:none;padding-bottom:0;}}#spb-block-stouto-crochet-simplenewssubscription-5{}#block-stouto-crochet-simplenewssubscription-5{}.block-stouto-crochet-simplenewssubscription-5-modal{}.block-stouto-crochet-simplenewssubscription-5-modal-close{}.block-stouto-crochet-simplenewssubscription-5-modal-minimize{}.block-stouto-crochet-simplenewssubscription-5-modal-minimized{}.block-stouto-crochet-simplenewssubscription-5-modal .spb_top_center{}.spb-popup-main-wrapper{position:fixed;padding:10px;margin:10px;border:none;z-index:999999;background-image:linear-gradient(135deg,#fcfafa 10%,#ffffff 100%);}#edit-subscriptions--2--wrapper--description .description{font-size:70%;}.fieldset-legend{font-size:70%;}.webform-submission-form{margin:auto;}.webform-submission-form fieldset{border-radius:16px;padding:20px;border:1px solid #f0dcd3;}.webform-submission-form label{font-weight:600;}.webform-element-description{font-size:80%;}.webform-button--submit{border-radius:12px;padding:12px 20px;color:white;border:none;}.yarn-calculator{max-width:1100px;margin:40px auto;font-family:'Inter',sans-serif;}.calc-header{text-align:center;margin-bottom:30px;}.calc-header h1{font-size:32px;color:#2f2f2f;}.calc-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;}.calc-inputs{background:#fff7f2;padding:25px;border-radius:16px;border:1px solid #f1d9cf;}.calc-results{display:flex;flex-direction:column;gap:20px;}.result-card{background:white;padding:20px;border-radius:16px;border:1px solid #eee;box-shadow:0 6px 18px rgba(0,0,0,0.05);}.result-card h3{font-size:14px;color:#888;margin-bottom:10px;}.result-value{font-size:28px;font-weight:bold;color:#d98c73;}.webform-submission-form input{border-radius:10px;padding:10px;border:1px solid #ddd;}@media (max-width:768px){.calc-container{grid-template-columns:1fr;}}input[type="radio"],input[type="checkbox"]{display:inline-block !important;opacity:1 !important;visibility:visible !important;position:static !important;appearance:auto !important;}.pattern-library-table{max-height:80vh;overflow:auto;}.sticky-header-table thead th{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.08);vertical-align:middle;}.sticky-header-table{border-collapse:separate;border-spacing:0;}.sticky-header-table td,.sticky-header-table th{white-space:nowrap;vertical-align:middle;}.sticky-header-table tbody tr:hover{background-color:rgba(0,0,0,0.03);}.tbm{background-color:transparent;}@media (max-width:768px){.pattern-library-table{max-height:70vh;}.sticky-header-table td,.sticky-header-table th{font-size:0.9rem;padding:0.5rem;}}.mt-8{margin-top:2rem !important;}.mt-10{margin-top:2.5rem !important;}.mt-12{margin-top:3rem !important;}.mb-8{margin-bottom:2rem !important;}.mb-10{margin-bottom:2.5rem !important;}.mb-12{margin-bottom:3rem !important;}.my-12{margin-top:3rem !important;margin-bottom:3rem !important;}.my-16{margin-top:4rem !important;margin-bottom:4rem !important;}.p-8{padding:2rem !important;}.py-20{padding-top:5rem !important;padding-bottom:5rem !important;}.ck-anchor{display:block;scroll-margin-top:var(--sc-navbar-height);}.pattern-quicknav{position:sticky;top:var(--sc-navbar-height);z-index:900;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:8px;margin-bottom:1.5rem;}.pattern-quicknav .nav-link{border-radius:calc(var(--sc-radius) - 8px);font-weight:600;transition:transform 0.15s ease,opacity 0.15s ease;}.pattern-quicknav .nav-link:active{transform:scale(0.97);}.sc-card{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;}.pattern-reviews-block,.pattern-copyright,.pattern-end-message{background:rgba(255,255,255,0.92);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;}.pattern-end-message{text-align:center;border:2px dashed var(--sc-border);}.pattern-copyright ul{list-style:none;padding-left:0;}.pattern-copyright li{padding:4px 0;}.banner{border-radius:var(--sc-radius);overflow:hidden;margin-top:1rem;margin-bottom:1rem;}.pagehero header{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:2rem;}@media (max-width:767px){.nav-pills .nav-link,.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}.pattern-quicknav{top:calc(var(--sc-navbar-height) - 10px);}}.node-pattern section{margin-top:2.5rem;padding-top:2rem;}.node-pattern section:first-of-type{margin-top:0;padding-top:0;}.node-pattern section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue){border-top:1px solid var(--sc-border);}.pillar-page > section{margin-top:2.5rem;padding-top:2rem;}.pillar-page > section:first-of-type{margin-top:0;padding-top:0;}.pillar-page > section:not(.yellow):not(.red):not(.green):not(.orange):not(.purple):not(.blue){border-top:1px solid var(--sc-border);}.catagories-page-image{border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);max-width:320px;width:100%;height:auto;}.pattern-catagories .field-item,.pillar-page .field-item{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;line-height:1.65;}.pattern-faq,.page-faq,.pillar-page .faq{font-size:1rem;background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;}.pattern-faq h3,.page-faq h3,.pillar-page .faq h3,.pattern-faq h4,.page-faq h4,.pillar-page .faq h4{font-size:1.1rem;}.stouto-crochet-pattern-category-list,.stouto-crochet-pattern-articles-list,.page-pattern-list{padding-top:0.5rem;}.content-copy{max-width:56rem;margin-left:auto;margin-right:auto;line-height:1.75;font-size:1rem;}.content-copy p{margin-bottom:1.25em;}.content-narrow{max-width:48rem;}.content-wide{max-width:64rem;}.shadow-strong{box-shadow:0 20px 40px rgba(0,0,0,0.15);}.text-brand-purple{color:var(--sc-accent-purple);}.text-brand-teal{color:#0f766e;}.stack-gap > * + *{margin-top:1.5rem;}.stack-gap-xl > * + *{margin-top:5rem;}.col-label{width:10rem;}.hero-thumb{width:20rem;max-width:100%;}.gallery-thumb-link{transition:box-shadow 0.2s ease;}.gallery-thumb-link:hover{box-shadow:var(--sc-shadow-soft),0 0 0 3px var(--sc-primary);}.my-custom-wrapper,.tutorial-wrapper,.body-wrapper{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;line-height:1.65;}.tutorial-faq{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;}.postcard-hero{margin-bottom:2rem;}.postcard{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;overflow:hidden;}.postcard-img img{border-radius:calc(var(--sc-radius) - 6px);}.node-free-pa section,.node-free-pa-af section,.node-crochet-stitch section,.node-tutorials section,.node-article section,.node-pattern-pages section,.node-page section{margin-top:2.5rem;padding-top:2rem;}.node-free-pa section:first-of-type,.node-free-pa-af section:first-of-type,.node-crochet-stitch section:first-of-type,.node-tutorials section:first-of-type,.node-article section:first-of-type,.node-pattern-pages section:first-of-type,.node-page section:first-of-type{margin-top:0;padding-top:0;}.node-free-pa section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue),.node-free-pa-af section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue),.node-crochet-stitch section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue),.node-tutorials section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue),.node-article section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue),.node-pattern-pages section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue),.node-page section:not(.red):not(.green):not(.orange):not(.yellow):not(.purple):not(.blue){border-top:1px solid var(--sc-border);}.pattern-teaser-card{background:#ffffff;border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-soft);padding:1.5rem;margin-bottom:2rem;}.pattern-teaser-img{width:100%;height:260px;object-fit:cover;}.topcontent{max-width:56rem;margin:1.5rem auto;padding:0 1rem;text-align:center;color:var(--sc-muted);line-height:1.6;}.page-title h1{text-align:center;font-weight:700;}section.search{max-width:40rem;margin:1.5rem auto;padding:1rem;}section.search .form-control{border-radius:var(--sc-radius);}.tb-megamenu-nav-wrapper.collapse,.tb-megamenu-responsive .navbar-collapse.collapse{display:block !important;height:auto !important;visibility:visible !important;}