/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
.page-id-114 .welcomeheader{padding-top:clamp(28px,6vw,56px)!important}
.page-id-114 .welcomeheader h1{font-size:clamp(28px,7vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin-bottom:.4em}
.page-id-114 .welcomeheader h3{font-size:clamp(17px,4.4vw,21px);font-weight:600;line-height:1.35;color:#555;margin:1.2em 0 .8em}
.page-id-114 .vc_row.vc_row-fluid{margin-left:0!important;margin-right:0!important}
.page-id-114 .vc_row.vc_row-fluid>.vc_column_container>.vc_column-inner{padding-left:clamp(16px,4vw,56px)!important;padding-right:clamp(16px,4vw,56px)!important}
.page-id-114 .mesu_product_grid_wrapper{padding:0!important}
.page-id-114 .vc_separator{overflow:hidden}

/* Inner Circle: one rhythm. Rows have no top or bottom padding; every section heading carries the same space above (48px) and below (20px). */
.postid-2656 .vc_custom_1748787989876,.postid-2656 .vc_custom_1757164130239,.postid-2656 .vc_custom_1757164732374{padding-bottom:0!important}
.postid-2656 .vc_custom_1757164798005{padding-bottom:48px!important}
.postid-2656 .vc_custom_1757164732374>.vc_column_container>.vc_column-inner,.postid-2656 .vc_custom_1757164798005>.vc_column_container>.vc_column-inner{padding-top:0!important}
.postid-2656 .vc_custom_1748787989876 .wpb_content_element{margin-bottom:0!important}
.postid-2656 .wpb_text_column:has(h2){margin-top:48px!important;margin-bottom:20px!important}
.postid-2656 .wpb_text_column h2{margin-top:0!important}
.postid-2656 .wpb_wrapper>.mesu_link:last-child{margin-bottom:0!important}

@media(max-width:767px){
.page-id-114 .vc_separator .vc_sep_holder{display:none!important}
.page-id-114 .vc_separator h4{width:100%;text-align:center;margin:0 0 12px;padding:0}
/* Inner Circle: on mobile show the random unit before the resource cards, with the same 18px gap as between the cards */
.postid-2656 .vc_row.vc_inner:has(.mesu-random-unit){display:flex!important;flex-direction:column}
.postid-2656 .vc_row.vc_inner:has(.mesu-random-unit)::before,.postid-2656 .vc_row.vc_inner:has(.mesu-random-unit)::after{display:none!important}
.postid-2656 .vc_row.vc_inner:has(.mesu-random-unit)>.vc_column_container{width:100%!important}
.postid-2656 .vc_row.vc_inner:has(.mesu-random-unit)>.vc_column_container:has(.mesu-random-unit){order:-1}
.postid-2656 .vc_column_container:has(.mesu-random-unit) .wpb_text_column{margin-bottom:18px!important}
}
.mwp-pill{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:9998;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(40,30,80,.22);max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.mwp-pill::-webkit-scrollbar{display:none}
.mwp-pill a{white-space:nowrap;padding:9px 14px;border-radius:999px;font:600 13px/1 "Open Sans",sans-serif;color:#444;text-decoration:none}
@media(max-width:420px){.mwp-pill a{padding:9px 11px;font-size:12.5px}}
.mwp-pill a:hover{color:#6a5fb8}
.mwp-pill a.is-active,.mwp-pill a.is-active:hover{background:#6a5fb8;color:#fff}
.mwp-anchor{scroll-margin-top:24px}
/* Room under the footer links so the floating pill never covers them */
body.has-mwp-pill .koth_footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}