@import url(https://fonts.googleapis.com/css?family=Roboto%20Condensed:400,700);
.audioplayer{height:2.5em;color:#fff;position:relative;z-index:0;background:#333;font-size:16px}.audioplayer>div{position:absolute}.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba(255,255,255,0.15)}.audioplayer-mini{width:2.5em;margin:0 auto}.audioplayer-mini .audioplayer-playpause{width:100%}.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}.audioplayer-mini .audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#222}.audioplayer-playpause a{display:block}.audioplayer-stopped .audioplayer-playpause a{width:0;height:0;border:0.45em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-0.45em 0 0 -0.25em}.audioplayer-playing .audioplayer-playpause a{width:0.75em;height:0.75em;position:absolute;top:50%;left:50%;margin:-0.375em 0 0 -0.375em}.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}.audioplayer-playing .audioplayer-playpause a:before{left:0}.audioplayer-playing .audioplayer-playpause a:after{right:0}.audioplayer-time{width:4.375em;height:100%;line-height:2.5em;text-align:center;z-index:2;top:0}.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba(0,0,0,0.25);left:2.5em}.audioplayer-time-duration{border-right:1px solid #555;border-right-color:rgba(255,255,255,0.15);right:2.5em}.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}.audioplayer-bar{height:0.875em;background-color:#000;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-0.438em}.audioplayer-novolume .audioplayer-bar{right:4.375em}.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}.audioplayer-bar-loaded{background-color:#555;background:-webkit-linear-gradient(top, #555, #444);background:linear-gradient(to bottom, #555, #444);z-index:1}.audioplayer-bar-played{background:#007fd1;z-index:2}.audioplayer-volume{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}.audioplayer-volume:hover,.audioplayer-volume:focus{background-color:#222}.audioplayer-volume-button{width:100%;height:100%}.audioplayer-volume-button a{width:0.313em;height:0.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute}.audioplayer-volume-button a:before{width:0;height:0;border:0.5em solid transparent;border-left:none;border-right-color:#fff;z-index:2;top:50%;right:-0.25em;margin-top:-0.5em}.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{width:0.313em;height:0.313em;border:0.25em double #fff;border-width:0.25em 0.25em 0 0;left:0.563em;top:-0.063em;border-radius:0 0.938em 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:0;top:-9999px;background:#333}.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}.audioplayer-volume-adjust>div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1}.audioplayer-novolume .audioplayer-volume{display:none}.audioplayer,.audioplayer-volume-adjust{background-color:#333;background:-webkit-linear-gradient(top, #444, #222);background:linear-gradient(to bottom, #444, #222)}.audioplayer,.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{border-radius:3px}.audioplayer-volume-adjust{border-top-left-radius:3px;border-top-right-radius:3px}.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition:color .25s ease, background-color .25s ease, opacity .5s ease;transition:color .25s ease, background-color .25s ease, opacity .5s ease}section.theme h1,section.theme h2,section.theme h3,section.theme h4,section.theme h5,section.theme h6{padding-bottom:.3em;margin:0;font-style:normal;font-weight:normal}section.theme h1{font-size:1.6em}section.theme h2{font-size:1.5em}section.theme h3{font-size:1.3em}section.theme h4{font-size:1.2em}section.theme h5{font-size:1.1em}section.theme h6{font-size:1.0em}ul,ol{margin:0 0 18px 0;padding:0 0 0 20px}ul.disc{list-style-type:disc}ul.circle{list-style-type:circle}ul.square{list-style-type:square}ol.arabic-numbers{list-style-type:decimal}ol.upper-alpha{list-style-type:upper-alpha}ol.lower-alpha{list-style-type:lower-alpha}ol.upper-roman{list-style-type:upper-roman}ol.lower-roman{list-style-type:lower-roman}b,strong{font-weight:bolder}em{font-style:italic}pre code{padding:10px 15px;display:block;white-space:normal}code{display:block;font-size:1.0em;padding:3% 4%;display:inline-block;font-size:0.9em;font-family:Menlo, Monaco, 'Andale Mono', 'lucida console', 'Courier New', monospace}blockquote{font-style:italic;padding:3% 4%;margin:10px 0;border-top:1px solid rgba(136,136,136,0.2);border-bottom:1px solid rgba(136,136,136,0.2)}blockquote p{margin:0;font-size:1.1em}blockquote p:before,blockquote p:after{opacity:0.8;font-family:arial;font-size:24px;width:20px;position:absolute;margin-top:-3px}blockquote p:before{content:"“";margin-left:-11px}blockquote p:after{content:"”";margin-left:1px}.cf:after{content:"";display:table;clear:both}a{text-decoration:none;outline:none}a:hover{text-decoration:underline}img[alt~="edge"]{width:100% !important;height:auto !important;line-height:0 !important}.image-left img{float:left;margin:5px 20px 15px 5px}.image-right img{float:right;margin:5px 5px 15px 20px}.image-left img[alt~="edge"]{max-width:50%}.image-right img[alt~="edge"]{max-width:50%}#config_theme{position:absolute;visibility:hidden}.cf:after{content:"";display:table;clear:both}body [class^="social-forward"]{font-family:'Rubik_400' !important}.social-forward:after{content:"\e90e";display:inline-block;padding-left:5px;font-family:'ncdsi-201' !important}.social-forward:before{display:none}hr{height:1px;width:100%;font-size:0;border:none;background:rgba(136,136,136,0.2);position:relative}hr:before{height:3px;width:40px;content:'';display:block;position:absolute;left:0%}code{background:rgba(136,136,136,0.1);border-radius:4px}h1,h2,h3,h4,h4,h5,h6{font-weight:normal;padding:0}html,body{padding:0;margin:0}body{font-size:15px;line-height:1.4;font-weight:400;font-family:'Rubik', sans-serif;background:#fff;color:#000}b,strong{font-weight:500}img{max-width:100%;height:auto}.wrap{margin:0 auto}section.header_top .wrap{padding:7px 20px}header.theme .wrap{padding-left:20px;padding-right:20px}.header_top{text-transform:uppercase;font-size:12px;line-height:1.9}.header_top .float_left{float:left}.header_top .float_left a{text-decoration:none;font-size:1.15em}.header_top .float_left a:last-child:after{display:none}.header_top .float_left a:after{content:'/';padding:0 10px;color:#666;font-size:0.9em}.header_top .float_left span{font-size:12px !important;line-height:1.4 !important;font-weight:400 !important;font-family:'Rubik', sans-serif !important;padding-left:5px;vertical-align:1px;-webkit-font-smoothing:subpixel-antialiased}.header_top .float_right{text-align:right;float:right}.header_top .cartloom-viewcart{padding-left:30px;cursor:pointer;text-decoration:none}.header_top .cartloom-viewcart .cartloom-cart-count{color:#fff;display:inline-block;margin-left:4px;padding:10px 6px;border-radius:3px;line-height:0}@media screen and (max-width: 600px){.header_top .float_left,.header_top .float_right{float:none;width:100% !important;text-align:left}.header_top .float_right .cartloom-viewcart{padding:10px 0 5px;display:block}}header.theme{line-height:normal}header.theme .wrap{position:relative}header.theme #site_logo{display:none;line-height:0;margin:0 10px 0 0}header.theme #site_logo img{float:left}header.theme h1{margin:0;font-size:1em;line-height:1.2}header.theme #site_title{padding-right:5px}header.theme #site_slogan{font-size:15px;font-family:georgia;font-style:italic;display:block}header.theme .cartloom-viewcart{position:absolute;padding:8px 12px;right:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:3px;text-decoration:none;border-width:2px;border-style:solid;cursor:pointer}header.theme .cartloom-viewcart .cartloom-cart-count{color:#fff;padding:10px 13px;right:-15px;position:relative;border-radius:0 3px 3px 0;margin:-10px -13px -10px 13px;float:right}nav.theme::-webkit-scrollbar{width:0 !important}nav.theme{position:relative;z-index:11;text-transform:uppercase;letter-spacing:1px;-ms-overflow-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nav.theme .wrap{overflow-x:hidden;overflow-y:hidden}nav.theme.open .wrap{height:100%;overflow-x:visible;overflow-y:visible}nav.theme ul{position:relative}nav.theme ul.l1>li.move{visibility:hidden;position:absolute}nav.theme ul.l1>li>a{position:relative;z-index:10}nav.theme ul.l1>li.open>a{color:#000}nav.theme ul.l1>li.open>ul.l2{left:0;top:100%;opacity:1}nav.theme ul li.open>a,nav.theme ul li>a.current,nav.theme ul a.currentAncestor{opacity:1}nav.theme ul ul{width:250px;text-align:left;opacity:0;position:absolute;left:-9999px;top:-9999px}nav.theme ul ul.l2{z-index:0;padding-top:10px;padding-bottom:10px}nav.theme ul ul.l2 li.open>ul.l3,nav.theme ul ul.l2 li.open>ul.l4,nav.theme ul ul.l2 li.open>ul.l5,nav.theme ul ul.l2 li.open>ul.l6,nav.theme ul ul.l2 li.open>ul.l7{position:relative;left:0;top:0;opacity:1}nav.theme ul ul li{float:none}nav.theme ul ul li a{padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;line-height:normal}nav.theme ul ul li ul{background:transparent}nav.theme ul ul li ul li a{padding-left:30px}nav.theme ul ul li ul ul li a{padding-left:40px}nav.theme ul ul li ul ul ul li a{padding-left:50px}nav.theme ul ul li ul ul ul ul li a{padding-left:60px}nav.theme ul ul li ul ul ul ul ul li a{padding-left:70px}nav.theme ul li#moNav{position:absolute;right:0}nav.theme ul li#moNav a[role="show-more-navigation"]{cursor:pointer;-webkit-transition:background .25s;transition:background .25s}nav.theme ul li#moNav a[role="show-more-navigation"]:before{content:"More"}nav.theme ul li.hasChild>a:after,nav.theme ul div[role="show-more-navigation"]:after{content:"+";font-size:15px;top:0;right:5px;position:absolute;z-index:100;-webkit-transition:color 250ms, -webkit-transform 250ms;transition:color 250ms, -webkit-transform 250ms;transition:transform 250ms, color 250ms;transition:transform 250ms, color 250ms, -webkit-transform 250ms}nav.theme ul li:hover{z-index:1000;position:relative}nav.theme ul li.open>a:after,nav.theme ul li.open div[role="show-more-navigation"]:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}nav.theme ul ul li.hasChild>a:after{font-size:17px;top:6px;right:12px}nav.theme ul.l3{padding-bottom:10px}nav.theme ul.l3,nav.theme ul.l4,nav.theme ul.l5,nav.theme ul.l6,nav.theme ul.l7{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}nav.theme li#moNav{float:none;top:0}nav.theme li#moNav>ul.l2{left:-9999px;top:-9999px;opacity:1}nav.theme li#moNav>ul.l2>li{display:none}nav.theme li#moNav>ul.l2>li.move{display:block;visibility:visible}nav.theme li#moNav.open>ul.l2{top:100%;right:0;left:auto}nav.theme ul.l1>li#moNav.open>ul.l2,nav.theme li#moNav ul.l2>li.open>ul.l3{-webkit-transition:opacity 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, transform 0.25s;transition:opacity 0.25s, transform 0.25s, -webkit-transform 0.25s}nav.theme{border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid;text-transform:uppercase}nav.theme>.wrap{padding:0;position:relative}nav.theme>.wrap>ul>li{display:inline-block;border-right-width:1px;border-right-style:solid}nav.theme ul{padding:0;margin:0;list-style:none;background:#fff;white-space:nowrap}nav.theme ul li{position:relative;cursor:pointer;padding:0;margin:0}nav.theme ul li a{-webkit-transition:color 300ms;transition:color 300ms;font-size:15px;padding:20px;display:inline-block;text-decoration:none}nav.theme ul.l2{border-radius:0 0 3px 3px;box-shadow:inset 0 2px 0 #f6f6f6,0 1px 0 1px rgba(0,0,0,0.07)}nav.theme ul.l2>li a{display:block;-webkit-transition:color 150ms;transition:color 150ms}nav.theme .cartloom-cart-count{color:#fff;display:inline-block;margin-left:4px;padding:10px 6px;border-radius:3px;line-height:0}main.theme>.wrap{background:#fff}main.theme>.wrap.first-box{border-radius:3px 3px 0 0}main.theme>.wrap.footer-box{padding-top:0;border-radius:0 0 3px 3px}main.theme .breadcrumb{padding:0 0 40px;margin:0;list-style:none;width:100%;text-transform:uppercase;letter-spacing:1px}main.theme .breadcrumb li{padding:0;margin:0;float:left;font-size:0.85em}main.theme .breadcrumb li a{color:#999;font-size:14px;text-decoration:none}main.theme .breadcrumb li span{padding:0 7px}main.theme .breadcrumb li:last-child span{display:none}main.theme h1{font-size:2em}main.theme h2{font-size:1.8em}main.theme h3{font-size:1.6em}main.theme h4{font-size:1.4em}main.theme h5{font-size:1.2em}main.theme h6{font-size:1em}main.theme h1,main.theme h2,main.theme h3,main.theme h4,main.theme h4,main.theme h5,main.theme h6{margin:0 0 .1em}section.theme{float:left;margin-right:0;margin-left:-310px;width:100%}section.theme #section-theme{padding-left:310px}aside.theme{width:260px;float:right;padding-right:0;padding-left:20px;font-size:0.95em}aside.theme #sideTitle{line-height:1.4}aside.theme h1,aside.theme h2,aside.theme h3,aside.theme h4,aside.theme h4,aside.theme h5,aside.theme h6{padding-bottom:.3em}footer.theme{padding-top:30px;font-size:0.9em}footer.theme .wrap{box-sizing:border-box;padding:20px 0px;border-top-width:1px;border-top-style:solid}@media screen and (max-width: 600px){header.theme .cartloom-viewcart{margin-top:15px;display:inline-block;position:static;top:auto;right:auto;-webkit-transform:none;transform:none}#moNav{border-right:0}ul.nav_ul.l1{margin-left:0 !important}main.theme>.wrap{padding-left:20px !important;padding-right:20px !important}section.theme{float:none;margin-right:0;margin-left:0;width:100%}section.theme #section-theme{padding-left:0}aside.theme{width:100%;float:none;padding-right:0;padding-left:0;font-size:1em}}.blog-entry hr{margin:0 0 40px}.blog-entry h1.blog-entry-title{line-height:normal;padding-bottom:0}.blog-entry .blog-entry-date{padding-bottom:30px}.blog-entry .blog-entry-date a{padding:0 5px}.blog-entry .blog-entry-date i{font-size:14px;padding-right:10px}.blog-entry .blog-entry-body{padding:0 0 30px;clear:both}.blog-entry .blog-entry-body .blog-read-more{display:block}.blog-entry .blog-entry-body .blog-read-more a{display:inline-block;position:relative;margin:25px 0 0;font-size:.95em;border-radius:3px;padding:7px 34px 7px 12px;text-align:center;-webkit-transition:background 100ms;transition:background 100ms;border-width:2px;border-style:solid;color:#000;text-decoration:none}.blog-entry .blog-entry-body .blog-read-more a i{font-size:19px;color:#000;position:absolute;font-weight:normal;right:12px;top:2px;font-family:times}.blog-entry .blog-entry-body a.blog-comment-link{padding:15px 0;display:block;clear:both;font-size:1.1em}.blog-entry .blog-entry-body .blog-entry-tags{clear:both;word-wrap:break-word;margin-top:10px;padding-top:10px}.blog-entry .blog-entry-body .blog-entry-tags a{padding:6px 0;border-radius:0;margin:0 5px 6px;line-height:10px;font-size:0.8em;display:inline-block;border-bottom-width:1px;border-bottom-style:solid;text-decoration:none}#blog-categories,#blog-archives,.blog-tag-cloud,#blog-rss-feeds{list-style:none;padding:40px 0 0;display:block;position:relative}#blog-categories:before,#blog-archives:before,.blog-tag-cloud:before,#blog-rss-feeds:before{font-size:0.9em;text-transform:uppercase;letter-spacing:2px;display:inline-block;padding-bottom:10px;margin-bottom:10px}#blog-categories a,#blog-archives a,.blog-tag-cloud a,#blog-rss-feeds a{padding:10px 0 0;display:inline-block;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid}#blog-categories .sub-title,#blog-archives .sub-title,.blog-tag-cloud .sub-title,#blog-rss-feeds .sub-title{text-transform:uppercase;letter-spacing:2px;display:inline-block;margin-bottom:5px;font-size:15px}#blog-categories .sub-title i,#blog-archives .sub-title i,.blog-tag-cloud .sub-title i,#blog-rss-feeds .sub-title i{padding-right:5px;font-size:15px;vertical-align:-1px;margin:0}#blog-categories .sub-title:after{content:"Categories"}#blog-archives .sub-title:after{content:"Archives"}.blog-tag-cloud .sub-title:after{content:"Tags"}#blog-rss-feeds .sub-title:after{content:"Feeds"}ul.blog-tag-cloud .sub-title{margin-bottom:22px}ul.blog-tag-cloud:after{content:"";display:table;clear:both}ul.blog-tag-cloud li a{padding:4px 7px;margin:0 8px 7px 0;line-height:16px;font-size:0.95em;display:inline-block;float:left;border-width:1px;border-style:solid}.blog-category-link-enabled,.blog-archive-link-enabled,.blog-rss-link{display:block}#blog-archives a.blog-archive-link-enabled{display:inline-block;margin-right:20px}#blog-archives br ~ br,.blog-category-link-disabled,.blog-archive-link-disabled,.blog-archive-month,.blog-archive-link{display:none}.filesharing-item{margin-bottom:20px}.filesharing-item ~ .filesharing-item{margin-top:20px}.filesharing-item .filesharing-item-title{margin:0 0 15px}.filesharing-item .filesharing-item-title a{font-size:1.1em;border-radius:3px;padding:6px 11px;border-width:2px;border-style:solid;-webkit-transition:color 300ms;transition:color 300ms;text-decoration:none;display:inline-block}.filesharing-item .filesharing-item-title .filesharing-item-description{padding-bottom:10px}.album-title{font-size:1.6em;padding:0 0 8px}.album-description{padding:0 0 30px}.thumbnail-caption{margin:0;font-size:0.9em}.thumbnail-wrap{margin-bottom:-10px}img[data-action="zoom"]{cursor:pointer;cursor:-moz-zoom-in}.zoom-img,.zoom-img-wrap{position:relative;z-index:666;-webkit-transition:all 300ms;transition:all 300ms}img.zoom-img{cursor:pointer;cursor:-moz-zoom-out}.zoom-overlay{z-index:420;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:"alpha(opacity=0)";opacity:0;-webkit-transition:opacity 300ms;transition:opacity 300ms}.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}form.rw-contact-form{line-height:normal}form.rw-contact-form label{font-family:'Rubik', sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:rgba(100,100,100,0.7)}form.rw-contact-form input,form.rw-contact-form textarea{padding:12px 2%;display:block;margin:7px 0 -10px;width:100%;font-size:1em;box-sizing:border-box;border-width:2px;border-radius:3px;border-style:solid;-webkit-transition:box-shadow 300ms;transition:box-shadow 300ms;background:transparent;-webkit-appearance:none}form.rw-contact-form input.form-input-button[type="reset"],form.rw-contact-form input.form-input-button[type="submit"]{width:auto;display:inline-block;padding:12px 15px;margin:0px 20px 0 0;cursor:pointer;border-radius:3px;font-family:'Rubik', sans-serif !important;-webkit-appearance:none}form.rw-contact-form .form-input-field:focus{outline:none}.rw-sitemap>ul.tree{padding:0;margin:0 !important;list-style:none}.rw-sitemap>ul.tree ul{padding:0 0 0 15px;margin:0;list-style:none}.rw-sitemap>ul.tree ul ul{padding:0}.rw-sitemap>ul.tree>li>a{padding:5px 0}.rw-sitemap>ul.tree>li li{padding:5px 0}.rw-sitemap>ul.tree a{display:block}.rw-sitemap>ul.tree a i{display:none}/* site background */body,nav.theme ul,main.theme>.wrap{background: #FFFFFF;}/* site borders */nav.theme,nav.theme > .wrap > ul > li,.cartloom-viewcart,.blog-read-more a,.blog-entry-tags a,footer.theme .wrap,#blog-categories a,#blog-archives a,.blog-tag-cloud a,#blog-rss-feeds a,ul.blog-tag-cloud li a,.filesharing-item-title a,form.rw-contact-form input,form.rw-contact-form textarea{border-color: #E2E7EA;}/* top background + text */.header_top{background: #2C353B; color: #FFFFFF;}/* top links */.header_top a{color: #FFFFFF;}/* top links hover */.header_top a:hover{color: #FFFFFF;}/* cart count */.cartloom-cart-count{background: #7FB546;}/* site title */#site_title{color: #000000;}/* site slogan */#site_slogan{color: #969FA4;}/* nav links */nav.theme li a,main.theme .breadcrumb a{color: #969FA4;}/* nav hover */nav.theme li a:hover,main.theme .breadcrumb a:hover{color: #2C353B;}/* nav current */nav.theme li.current > a,nav.theme li.currentParent > a,nav.theme li.currentParent > a:hover,main.theme .breadcrumb li:last-child a{color: #527CFE !important;}/* nav marker */nav.theme ul li.hasChild > a:after, nav.theme ul li div[role="show-more-navigation"]:after,main.theme .breadcrumb li span{color: #4A5A65;}/* nav open marker */nav.theme ul li.hasChild.open > a:after, nav.theme ul li.open div[role="show-more-navigation"]:after{color: #527CFE;}/* content headings */main.theme h1,main.theme h2,main.theme h3,main.theme h4,main.theme h5,main.theme h6,main.theme .blog-entry-title a,main.theme .blog-entry-title a:hover,main.theme .filesharing-item .filesharing-item-title a{color: #000000;}/* content text */main.theme{color: #333333;}/* content links */main.theme a{color: #527CFE;}/* content links hover */main.theme a:hover{color: #75A2FF;}/* footer text */footer.theme{color: #999999;}/* footer links */footer.theme a{color: #999999;}/* footer links hover */footer.theme a:hover{color: #333333;}#config_theme{padding-right:1px}#config_theme{margin-bottom: 1px;}aside.theme h3#sideTitle{display: none}h3#sideTitle{padding: 0;margin: 0;font-size: inherit;}nav.theme{border-top-width: 4px;}aside.theme{display: none;}section.theme{float: none;  margin-right: 0;  margin-left: 0;  width: 100%;}section.theme #section-theme{padding-left: 0;}#config_theme{margin-top:0px;}.wrap{ max-width: 100%; }.header_top .float_left{width:48%}.header_top .float_right{width:48%}h1,h2,h3,h4,h5,h6,.album-title{font-family: 'Roboto Condensed', sans-serif !important;}.album-title{font-size: 1.8em;}header.theme #site_title{font-size: 36px;}#site_title{font-weight: 500}header.theme #site_slogan{font-size: 15px;}header.theme .wrap{padding-top: 35px;padding-bottom: 35px}figure.theme .wrap{max-width: 100%;}figure.theme{background-size: cover;background-repeat: no-repeat;background-position: center;height: 200px;overflow: hidden;line-height: 0;margin: 0;width: 100%;z-index: 2;position: relative;}figure.theme img{display: none;}main.theme > .wrap{padding-left: 40px;padding-right: 40px;}main.theme > .wrap{padding-top: 50px}section.theme h1 {    font-size: 1.7em}section.theme h2 {    font-size: 1.6em}section.theme h3 {    font-size: 1.5em}section.theme h4 {    font-size: 1.4em}section.theme h5 {    font-size: 1.3em}section.theme h6 {    font-size: 1.2em}main.theme h1,main.theme h2,main.theme h3,main.theme h4,main.theme h5,main.theme h6,.album-title{font-weight: 500}main.theme{font-size: 1.05em}main.theme{line-height: 1.6}/*
 * Welsh Locums CSS Framework
 * Version 1.0
 *
 * A unified styling system for welshlocums.co.uk
 * Add this to RapidWeaver: Settings → Advanced → Site-Wide Code → CSS
 *
 * Class prefix: wl- (Welsh Locums)
 */

/* ==========================================================================
   Site Layout Fixes (RapidWeaver theme overrides)
   ========================================================================== */

@media (max-width: 1024px) {
    .header_top .float_left,
    .header_top .float_right {
        float: none;
        width: 100%;
        text-align: left;
    }
    section.theme {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    aside.theme {
        width: 100%;
        padding-left: 0;
    }
}

/* ==========================================================================
   CSS Variables (Custom Properties)
   ========================================================================== */

:root {
    /* Primary colors */
    --wl-primary: #2c5aa0;
    --wl-primary-dark: #1e3d6f;
    --wl-primary-light: #e3f2fd;

    /* Success/Action colors */
    --wl-success: #28a745;
    --wl-success-dark: #1e7e34;
    --wl-success-light: #d4edda;

    /* Danger colors */
    --wl-danger: #dc3545;
    --wl-danger-dark: #c82333;
    --wl-danger-light: #f8d7da;

    /* Warning colors */
    --wl-warning: #ffc107;
    --wl-warning-dark: #e0a800;
    --wl-warning-light: #fff3cd;

    /* Info colors */
    --wl-info: #17a2b8;
    --wl-info-light: #d1ecf1;

    /* Neutral colors */
    --wl-gray-100: #f8f9fa;
    --wl-gray-200: #e9ecef;
    --wl-gray-300: #dee2e6;
    --wl-gray-400: #ced4da;
    --wl-gray-500: #adb5bd;
    --wl-gray-600: #6c757d;
    --wl-gray-700: #495057;
    --wl-gray-800: #343a40;
    --wl-gray-900: #212529;

    /* Spacing */
    --wl-spacing-xs: 5px;
    --wl-spacing-sm: 10px;
    --wl-spacing-md: 15px;
    --wl-spacing-lg: 20px;
    --wl-spacing-xl: 30px;

    /* Border radius */
    --wl-radius-sm: 4px;
    --wl-radius-md: 6px;
    --wl-radius-lg: 8px;

    /* Shadows */
    --wl-shadow-sm: 0 1px 2px rgba(0,0,0,0.1);
    --wl-shadow-md: 0 2px 4px rgba(0,0,0,0.15);
    --wl-shadow-lg: 0 4px 8px rgba(0,0,0,0.2);

    /* Transitions */
    --wl-transition: 0.2s ease;
}


/* ==========================================================================
   Base & Reset
   ========================================================================== */

.wl-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 var(--wl-spacing-md);
}

.wl-container-narrow {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 var(--wl-spacing-md);
}


/* ==========================================================================
   Typography
   ========================================================================== */

.wl-page-title {
    font-size: 1.5em;
    color: var(--wl-gray-800);
    margin: 0 0 var(--wl-spacing-lg) 0;
    padding-bottom: var(--wl-spacing-sm);
    border-bottom: 2px solid var(--wl-primary);
}

.wl-section-title {
    font-size: 1.2em;
    color: var(--wl-gray-800);
    margin: 0 0 var(--wl-spacing-md) 0;
}

.wl-text-muted {
    color: var(--wl-gray-600);
}

.wl-text-success {
    color: var(--wl-success);
}

.wl-text-danger {
    color: var(--wl-danger);
}

.wl-text-warning {
    color: #856404;
}

.wl-text-small {
    font-size: 0.85em;
}

.wl-text-center {
    text-align: center;
}

.wl-text-right {
    text-align: right;
}


/* ==========================================================================
   Sections / Cards
   ========================================================================== */

.wl-section {
    background: #fff;
    border: 1px solid var(--wl-gray-300);
    border-radius: var(--wl-radius-lg);
    margin-bottom: var(--wl-spacing-lg);
    overflow: hidden;
}

.wl-section-header {
    background: linear-gradient(135deg, var(--wl-primary) 0%, var(--wl-primary-dark) 100%);color: white;padding: 12px var(--wl-spacing-lg);font-weight: bold;font-size: 1.1em;}.wl-section-header h3,.wl-section-header h4 {margin: 0;font-size: 1em;font-weight: bold;}.wl-section-header p {margin: 5px 0 0 0;font-size: 0.9em;opacity: 0.9;font-weight: normal;}.wl-section-header-light {background: var(--wl-gray-200);color: var(--wl-gray-800);padding: 12px var(--wl-spacing-lg);font-weight: bold;border-bottom: 1px solid var(--wl-gray-300);}.wl-section-body {padding: var(--wl-spacing-lg);}.wl-section-footer {background: var(--wl-gray-100);border-top: 1px solid var(--wl-gray-300);padding: var(--wl-spacing-md) var(--wl-spacing-lg);}/* Subsection - for grouping within a section */.wl-subsection {padding-bottom: var(--wl-spacing-lg);border-bottom: 1px solid var(--wl-gray-200);}.wl-subsection-header {font-size: 1em;font-weight: 600;color: var(--wl-gray-800);margin: 0 0 var(--wl-spacing-md) 0;}/* Practice list - for linked practices */.wl-practice-list {display: flex;flex-direction: column;gap: var(--wl-spacing-sm);}.wl-practice-item {display: flex;align-items: center;justify-content: space-between;background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius);padding: var(--wl-spacing-sm) var(--wl-spacing-md);}.wl-practice-name {font-weight: 500;}/* Card variant - for items in a list */.wl-card {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-lg);margin-bottom: var(--wl-spacing-md);overflow: hidden;}.wl-card:last-child {margin-bottom: 0;}.wl-card-header {background: #fff;padding: var(--wl-spacing-md);border-bottom: 1px solid var(--wl-gray-300);display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: var(--wl-spacing-sm);}.wl-card-body {padding: var(--wl-spacing-md);}.wl-card-footer {background: var(--wl-warning-light);border-top: 1px solid var(--wl-warning);padding: 12px var(--wl-spacing-md);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--wl-spacing-sm);}/* ==========================================================================   Forms   ========================================================================== */.wl-form-group {margin-bottom: var(--wl-spacing-md);}.wl-form-group:last-child {margin-bottom: 0;}.wl-label {display: block;font-weight: 600;margin-bottom: var(--wl-spacing-xs);color: var(--wl-gray-700);font-size: 0.9em;}.wl-input,.wl-select,.wl-textarea {width: 100%;padding: 8px 12px;border: 1px solid var(--wl-gray-400);border-radius: var(--wl-radius-sm);font-size: 1em;font-family: inherit;box-sizing: border-box;transition: border-color var(--wl-transition), box-shadow var(--wl-transition);}.wl-input:focus,.wl-select:focus,.wl-textarea:focus {border-color: var(--wl-primary);outline: none;box-shadow: 0 0 0 3px rgba(44, 90, 160, 0.15);}.wl-textarea {min-height: 100px;resize: vertical;}.wl-input-sm {padding: 5px 10px;font-size: 0.9em;}.wl-help-text {font-size: 0.85em;color: var(--wl-gray-600);margin-top: var(--wl-spacing-xs);}/* Field rows - horizontal layout */.wl-field-row {display: flex;flex-wrap: wrap;gap: var(--wl-spacing-lg);margin-bottom: var(--wl-spacing-md);}.wl-field-row:last-child {margin-bottom: 0;}.wl-field {flex: 1;min-width: 200px;}.wl-field-narrow {flex: 0 0 150px;min-width: 120px;}.wl-field-wide {flex: 2;min-width: 300px;}/* Inline form elements */.wl-inline-form {display: flex;align-items: center;gap: var(--wl-spacing-sm);flex-wrap: wrap;}/* Checkbox and radio styling */.wl-checkbox-label,.wl-radio-label {/* Override site default label styling */    display: flex !important;align-items: center;gap: 8px;padding: 8px 12px !important;background: var(--wl-gray-100);border-radius: var(--wl-radius-sm);cursor: pointer;transition: background var(--wl-transition);/* Reset site defaults that break layout */    width: auto !important;overflow: visible !important;text-indent: 0 !important;padding-left: 12px !important;}.wl-checkbox-label:hover,.wl-radio-label:hover {background: var(--wl-gray-200);}.wl-checkbox-label input,.wl-radio-label input {margin: 0 !important;flex-shrink: 0;width: 16px !important;height: 16px !important;/* Override site default float styling */    float: none !important;position: static !important;top: auto !important;vertical-align: middle !important;order: -1;/* Ensure checkbox comes first */}.wl-checkbox-label span,.wl-radio-label span {flex: 1;min-width: 0;}.wl-radio-group {display: flex;flex-direction: column;gap: 6px;}/* File upload */.wl-file-upload {position: relative;}.wl-file-input {display: block;width: 100%;padding: 10px 12px;border: 2px dashed var(--wl-gray-400);border-radius: var(--wl-radius-md);background: var(--wl-gray-100);cursor: pointer;transition: border-color var(--wl-transition), background var(--wl-transition);}.wl-file-input:hover {border-color: var(--wl-primary);background: var(--wl-primary-light);}.wl-file-input:focus {outline: none;border-color: var(--wl-primary);}/* Date input - narrower width */.wl-input-date {max-width: 200px;}/* ==========================================================================   Buttons   ========================================================================== */.wl-btn {display: inline-block;padding: 10px 20px;border: none;border-radius: var(--wl-radius-sm);font-size: 1em;font-weight: 600;font-family: inherit;cursor: pointer;text-decoration: none;text-align: center;transition: background var(--wl-transition), transform 0.1s;}.wl-btn:active {transform: translateY(1px);}/* Primary button - green for main actions */.wl-btn-primary,a.wl-btn-primary,a.wl-btn-primary:link,a.wl-btn-primary:visited {background: linear-gradient(135deg, var(--wl-success) 0%, var(--wl-success-dark) 100%);color: white !important;box-shadow: var(--wl-shadow-sm);}.wl-btn-primary:hover,a.wl-btn-primary:hover {background: linear-gradient(135deg, #218838 0%, #1a6b2c 100%);color: white !important;}/* Secondary button - blue */.wl-btn-secondary,a.wl-btn-secondary,a.wl-btn-secondary:link,a.wl-btn-secondary:visited {background: linear-gradient(135deg, var(--wl-primary) 0%, var(--wl-primary-dark) 100%);color: white !important;box-shadow: var(--wl-shadow-sm);}.wl-btn-secondary:hover,a.wl-btn-secondary:hover {background: linear-gradient(135deg, #245a8a 0%, #1a3560 100%);color: white !important;}/* Danger button - red for destructive actions */.wl-btn-danger {background: var(--wl-danger);color: white;}.wl-btn-danger:hover {background: var(--wl-danger-dark);}/* Outline buttons */.wl-btn-outline {background: transparent;border: 2px solid var(--wl-primary);color: var(--wl-primary);}.wl-btn-outline:hover {background: var(--wl-primary);color: white;}.wl-btn-outline-danger {background: transparent;border: 2px solid var(--wl-danger);color: var(--wl-danger);}.wl-btn-outline-danger:hover {background: var(--wl-danger);color: white;}/* Button sizes */.wl-btn-sm {padding: 6px 12px;font-size: 0.9em;}.wl-btn-lg {padding: 15px 40px;font-size: 1.2em;}/* Button block - full width */.wl-btn-block {display: block;width: 100%;}/* ==========================================================================   Tables   ========================================================================== */.wl-table {width: 100%;border-collapse: collapse;background: #fff;}.wl-table th,.wl-table td {padding: 12px 15px;text-align: left;border-bottom: 1px solid var(--wl-gray-300);}.wl-table th {background: var(--wl-gray-200);font-weight: 600;color: var(--wl-gray-700);}.wl-table tbody tr {transition: background var(--wl-transition);}.wl-table tbody tr:hover {background: var(--wl-gray-100);}.wl-table tbody tr:last-child td {border-bottom: none;}/* Striped table */.wl-table-striped tbody tr:nth-child(even) {background: var(--wl-gray-100);}/* Compact table */.wl-table-compact th,.wl-table-compact td {padding: 8px 12px;}/* Responsive table wrapper */.wl-table-responsive {overflow-x: auto;-webkit-overflow-scrolling: touch;}/* ==========================================================================   Table to Cards (Mobile)   ========================================================================== */@media (max-width: 768px) {.wl-table-cards thead {        display: none;}    .wl-table-cards,    .wl-table-cards tbody,    .wl-table-cards tr,    .wl-table-cards td {display: block;width: 100%;}    .wl-table-cards tr {margin-bottom: var(--wl-spacing-md);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-lg);padding: var(--wl-spacing-sm);background: var(--wl-gray-100);}    .wl-table-cards td {padding: 8px var(--wl-spacing-sm);text-align: left;border: none;border-bottom: 1px solid var(--wl-gray-200);}    .wl-table-cards td:last-child {border-bottom: none;}    .wl-table-cards td[data-label]::before {content: attr(data-label) ": ";font-weight: 600;color: var(--wl-gray-600);display: block;margin-bottom: 3px;font-size: 0.85em;}    .wl-table-cards td.wl-td-actions {text-align: center;padding-top: var(--wl-spacing-sm);}    .wl-table-cards td.wl-td-actions::before {display: none;}}/* ==========================================================================   Alerts & Notices   ========================================================================== */.wl-alert {padding: var(--wl-spacing-md);border-radius: var(--wl-radius-md);margin-bottom: var(--wl-spacing-md);}.wl-alert p {margin: 0;}.wl-alert-info {background: var(--wl-primary-light);border-left: 4px solid var(--wl-primary);color: var(--wl-primary-dark);}.wl-alert-success {background: var(--wl-success-light);border-left: 4px solid var(--wl-success);color: #155724;}.wl-alert-warning {background: var(--wl-warning-light);border-left: 4px solid var(--wl-warning);color: #856404;}.wl-alert-danger {background: var(--wl-danger-light);border-left: 4px solid var(--wl-danger);color: #721c24;}/* Inline notice - less prominent */.wl-notice {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-sm);padding: var(--wl-spacing-sm) var(--wl-spacing-md);font-size: 0.9em;color: var(--wl-gray-700);}/* ==========================================================================   Badges   ========================================================================== */.wl-badge {display: inline-block;padding: 3px 8px;border-radius: 3px;font-size: 0.75em;font-weight: 600;text-transform: uppercase;letter-spacing: 0.3px;}.wl-badge-primary {background: var(--wl-primary-light);color: var(--wl-primary-dark);}.wl-badge-success {background: var(--wl-success-light);color: #155724;}.wl-badge-warning {background: var(--wl-warning-light);color: #856404;}.wl-badge-danger {background: var(--wl-danger-light);color: #721c24;}.wl-badge-info {background: var(--wl-info-light);color: #0c5460;}.wl-badge-gray {background: var(--wl-gray-200);color: var(--wl-gray-700);}.wl-badge-preferred {background: #e0b3ff;color: #5a2d82;}/* ==========================================================================   Grid Layouts   ========================================================================== */.wl-grid {display: grid;gap: var(--wl-spacing-md);}.wl-grid-2 {grid-template-columns: repeat(2, 1fr);}.wl-grid-3 {grid-template-columns: repeat(3, 1fr);}.wl-grid-4 {grid-template-columns: repeat(4, 1fr);}@media (max-width: 768px) {.wl-grid-2,    .wl-grid-3,    .wl-grid-4 {        grid-template-columns: 1fr;}}@media (min-width: 769px) and (max-width: 1024px) {.wl-grid-3,    .wl-grid-4 {        grid-template-columns: repeat(2, 1fr);}}/* ==========================================================================   Flexbox Utilities   ========================================================================== */.wl-flex {display: flex;}.wl-flex-wrap {flex-wrap: wrap;}.wl-flex-between {justify-content: space-between;}.wl-flex-center {justify-content: center;}.wl-flex-end {justify-content: flex-end;}.wl-flex-align-center {align-items: center;}.wl-flex-align-start {align-items: flex-start;}.wl-flex-gap-sm {gap: var(--wl-spacing-sm);}.wl-flex-gap-md {gap: var(--wl-spacing-md);}.wl-flex-gap-lg {gap: var(--wl-spacing-lg);}/* ==========================================================================   Spacing Utilities   ========================================================================== */.wl-mt-0 {margin-top: 0;}.wl-mt-sm {margin-top: var(--wl-spacing-sm);}.wl-mt-md {margin-top: var(--wl-spacing-md);}.wl-mt-lg {margin-top: var(--wl-spacing-lg);}.wl-mt-xl {margin-top: var(--wl-spacing-xl);}.wl-mb-0 {margin-bottom: 0;}.wl-mb-sm {margin-bottom: var(--wl-spacing-sm);}.wl-mb-md {margin-bottom: var(--wl-spacing-md);}.wl-mb-lg {margin-bottom: var(--wl-spacing-lg);}.wl-mb-xl {margin-bottom: var(--wl-spacing-xl);}.wl-p-sm {padding: var(--wl-spacing-sm);}.wl-p-md {padding: var(--wl-spacing-md);}.wl-p-lg {padding: var(--wl-spacing-lg);}/* ==========================================================================   Status Indicators   ========================================================================== */.wl-status {display: inline-flex;align-items: center;gap: 6px;font-size: 0.9em;}.wl-status-dot {width: 10px;height: 10px;border-radius: 50%;}.wl-status-pending .wl-status-dot {background: var(--wl-warning);}.wl-status-confirmed .wl-status-dot {background: var(--wl-success);}.wl-status-declined .wl-status-dot {background: var(--wl-danger);}.wl-status-cancelled .wl-status-dot {background: var(--wl-gray-500);}/* ==========================================================================   Date/Time Display   ========================================================================== */.wl-date-display {font-weight: 600;color: var(--wl-gray-800);}.wl-date-day {font-size: 1.5em;line-height: 1;}.wl-date-month {font-size: 0.85em;text-transform: uppercase;color: var(--wl-gray-600);}/* ==========================================================================   Cost Display   ========================================================================== */.wl-cost {font-size: 1.2em;}.wl-cost-amount {font-weight: 700;color: var(--wl-success);font-size: 1.3em;}.wl-cost-breakdown {font-size: 0.8em;color: var(--wl-gray-600);display: block;margin-top: 3px;}/* ==========================================================================   Loading & Disabled States   ========================================================================== */.wl-loading {opacity: 0.6;pointer-events: none;}.wl-disabled {opacity: 0.5;pointer-events: none;user-select: none;}/* ==========================================================================   Dividers   ========================================================================== */.wl-divider {border: none;border-top: 1px solid var(--wl-gray-300);margin: var(--wl-spacing-lg) 0;}.wl-divider-sm {margin: var(--wl-spacing-sm) 0;}/* ==========================================================================   Links   ========================================================================== */.wl-link {color: var(--wl-primary);text-decoration: none;}.wl-link:hover {text-decoration: underline;}/* ==========================================================================   Lists   ========================================================================== */.wl-list {list-style: none;padding: 0;margin: 0;}.wl-list-item {padding: var(--wl-spacing-sm) 0;border-bottom: 1px solid var(--wl-gray-200);}.wl-list-item:last-child {border-bottom: none;}/* ==========================================================================   Empty States   ========================================================================== */.wl-empty-state {text-align: center;padding: var(--wl-spacing-xl);color: var(--wl-gray-600);}.wl-empty-state-icon {font-size: 3em;margin-bottom: var(--wl-spacing-md);opacity: 0.5;}.wl-empty-state-title {font-size: 1.2em;margin-bottom: var(--wl-spacing-sm);color: var(--wl-gray-700);}/* ==========================================================================   Calendar Legend (for date pickers)   ========================================================================== */.wl-calendar-legend {display: flex;gap: var(--wl-spacing-lg);flex-wrap: wrap;padding: var(--wl-spacing-sm) var(--wl-spacing-md);background: var(--wl-gray-100);border-bottom: 1px solid var(--wl-gray-300);font-size: 0.85em;}.wl-legend-item {display: flex;align-items: center;gap: 6px;}.wl-legend-color {width: 18px;height: 18px;border-radius: 3px;border: 1px solid var(--wl-gray-400);}/* ==========================================================================   Visibility Utilities   ========================================================================== */.wl-hidden {display: none !important;}@media (max-width: 768px) {.wl-hidden-mobile {        display: none !important;}}@media (min-width: 769px) {.wl-hidden-desktop {        display: none !important;}}/* ==========================================================================   Mobile-Specific Adjustments   ========================================================================== */@media (max-width: 768px) {.wl-section-body {        padding: var(--wl-spacing-md);}    .wl-field-row {flex-direction: column;gap: var(--wl-spacing-md);}    .wl-field,    .wl-field-narrow,    .wl-field-wide {min-width: 100%;flex: none;}    .wl-btn-lg {padding: 12px 30px;font-size: 1.1em;}    .wl-card-header,    .wl-card-footer {flex-direction: column;align-items: stretch;}    .wl-calendar-legend {flex-direction: column;gap: var(--wl-spacing-sm);}}/* ==========================================================================   Profile Components   ========================================================================== */.wl-profile-header {display: flex;align-items: flex-start;gap: 1.5rem;}.wl-avatar {width: 60px;height: 60px;background: linear-gradient(135deg, var(--wl-success) 0%, var(--wl-success-dark) 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem;font-weight: 600;flex-shrink: 0;}.wl-avatar-lg {width: 80px;height: 80px;font-size: 2rem;}.wl-avatar-sm {width: 40px;height: 40px;font-size: 1rem;}.wl-profile-info {flex: 1;}.wl-profile-name {font-size: 1.5rem;font-weight: 600;color: var(--wl-gray-800);margin: 0 0 0.5rem 0;}.wl-profile-subtitle {color: var(--wl-gray-600);font-size: 0.9rem;margin-top: 0.25rem;}.wl-profile-name-row {display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.wl-profile-name-row .wl-profile-name {margin-bottom: 0;}.wl-profile-practice-controls {display: flex;align-items: center;gap: 2rem;flex-wrap: wrap;padding: 0.75rem 1rem;background: var(--wl-gray-100);border-radius: var(--wl-radius-md);}.wl-profile-practice-controls .wl-inline-form,.wl-profile-practice-controls .wl-status-controls {display: flex;align-items: center;gap: 0.5rem;margin: 0;flex-wrap: nowrap;}.wl-label-inline {font-weight: 500;color: var(--wl-gray-700);white-space: nowrap;}.wl-select-inline {padding: 0.375rem 0.75rem;font-size: 0.9rem;min-width: 150px;max-width: 300px;}.wl-status-controls {display: flex;align-items: center;gap: 0.5rem;}@media (max-width: 600px) {.wl-profile-header {        flex-direction: column;align-items: center;text-align: center;}    .wl-profile-name-row {justify-content: center;}    .wl-profile-practice-controls {flex-direction: column;align-items: stretch;gap: 0.75rem;}    .wl-inline-form,    .wl-status-controls {flex-direction: column;align-items: stretch;}    .wl-select-inline {width: 100%;}}/* ==========================================================================   Info Grid (for displaying labeled data)   ========================================================================== */.wl-info-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 1rem;}.wl-info-item {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius-lg);padding: 1rem;}.wl-info-label {font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: var(--wl-gray-600);margin-bottom: 0.5rem;}.wl-info-value {font-size: 0.95rem;color: var(--wl-gray-800);}.wl-info-value.wl-info-empty {color: var(--wl-gray-500);font-style: italic;}.wl-info-note {font-size: 0.85rem;color: var(--wl-gray-600);margin-top: 0.5rem;}/* ==========================================================================   Document List   ========================================================================== */.wl-document-list {display: flex;flex-direction: column;gap: 0.75rem;}.wl-document-item {display: flex;align-items: center;justify-content: space-between;background: var(--wl-gray-100);border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius-lg);padding: 0.875rem 1rem;}.wl-document-info {display: flex;align-items: center;gap: 0.75rem;}.wl-document-icon {width: 36px;height: 36px;background: var(--wl-primary-light);border-radius: var(--wl-radius-lg);display: flex;align-items: center;justify-content: center;color: var(--wl-primary);font-size: 1rem;}.wl-document-name {font-weight: 500;color: var(--wl-gray-800);}.wl-document-type {font-size: 0.8rem;color: var(--wl-gray-600);}.wl-document-actions {display: flex;align-items: center;gap: 0.5rem;}.wl-document-link {display: inline-flex;align-items: center;gap: 0.25rem;color: var(--wl-primary);text-decoration: none;font-weight: 500;font-size: 0.9rem;}.wl-document-link:hover {text-decoration: underline;}.wl-document-missing {color: var(--wl-gray-500);font-style: italic;font-size: 0.9rem;}@media (max-width: 600px) {.wl-document-item {        flex-direction: column;align-items: flex-start;gap: 0.75rem;}    .wl-document-actions {width: 100%;justify-content: flex-start;}}/* ==========================================================================   Pills (inline status indicators)   ========================================================================== */.wl-pill {display: inline-block;padding: 0.25rem 0.75rem;border-radius: 1rem;font-size: 0.85rem;font-weight: 500;}.wl-pill-primary {background: var(--wl-primary);color: white;}.wl-pill-success {background: var(--wl-success-light);color: #155724;}.wl-pill-danger {background: var(--wl-danger-light);color: #721c24;}.wl-pill-warning {background: var(--wl-warning-light);color: #856404;}.wl-pill-muted {background: var(--wl-gray-200);color: var(--wl-gray-600);}/* ==========================================================================   Badge List (for tags/skills)   ========================================================================== */.wl-badge-list {display: flex;flex-wrap: wrap;gap: 0.5rem;}.wl-badge-pill {display: inline-block;background: var(--wl-primary-light);color: var(--wl-primary);padding: 0.25rem 0.75rem;border-radius: 1rem;font-size: 0.85rem;font-weight: 500;}/* ==========================================================================   Preview/Notice Banner   ========================================================================== */.wl-preview-banner {background: var(--wl-warning-light);border: 1px solid var(--wl-warning);border-radius: var(--wl-radius-lg);padding: 1rem;margin-bottom: 1.5rem;display: flex;align-items: center;gap: 0.75rem;color: #856404;}.wl-preview-banner-icon {font-size: 1.25rem;flex-shrink: 0;}/* ==========================================================================   External Links   ========================================================================== */.wl-external-link {display: inline-flex;align-items: center;gap: 0.25rem;color: var(--wl-primary);text-decoration: none;font-size: 0.85rem;}.wl-external-link:hover {text-decoration: underline;}/* ==========================================================================   About/Bio Text   ========================================================================== */.wl-about-text {line-height: 1.6;color: var(--wl-gray-800);}/* ==========================================================================   Shift Cards (for shift listings)   ========================================================================== */.wl-select-all-row {padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid var(--wl-gray-300);}.wl-shift-list {display: flex;flex-direction: column;gap: 0.75rem;}.wl-shift-card {display: flex;align-items: flex-start;gap: 1rem;background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-left: 4px solid var(--wl-warning);border-radius: var(--wl-radius-lg);padding: 1rem;}.wl-shift-card.wl-card-border-warning {border-left-color: var(--wl-warning);}.wl-shift-card.wl-card-border-success {border-left-color: var(--wl-success);}.wl-shift-card.wl-card-border-danger {border-left-color: var(--wl-danger);}.wl-shift-card.wl-card-border-gray {border-left-color: var(--wl-gray-500);}.wl-shift-card.wl-card-border-info {border-left-color: var(--wl-info);}.wl-shift-card.wl-card-border-primary {border-left-color: var(--wl-primary);}.wl-shift-card-historical {opacity: 0.7;}.wl-shift-checkbox {padding-top: 0.25rem;}.wl-checkbox-input {width: 1.25rem;height: 1.25rem;cursor: pointer;}.wl-shift-content {flex: 1;}.wl-shift-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.5rem;}.wl-shift-date {display: flex;flex-direction: column;}.wl-shift-day {font-weight: 600;color: var(--wl-gray-800);}.wl-shift-date-formatted {font-size: 0.9rem;color: var(--wl-gray-600);}.wl-shift-details {display: flex;flex-wrap: wrap;gap: 0.5rem 1.5rem;font-size: 0.9rem;}.wl-shift-practice {font-weight: 500;color: var(--wl-gray-800);}.wl-shift-time {color: var(--wl-gray-700);}.wl-shift-info {color: var(--wl-gray-600);font-size: 0.85rem;}.wl-shift-actions {display: flex;gap: 0.5rem;margin-top: 0.75rem;}.wl-shift-badges {display: flex;gap: 6px;flex-wrap: wrap;}.wl-shift-offers {margin-top: 0.5rem;font-size: 0.9em;}.wl-shift-offers a {color: var(--wl-primary);text-decoration: none;}.wl-shift-offers a:hover {text-decoration: underline;}@media (max-width: 600px) {.wl-shift-card {        flex-direction: column;gap: 0.75rem;}    .wl-shift-checkbox {order: -1;}    .wl-shift-header {flex-direction: column;gap: 0.5rem;}}/* ==========================================================================   Balance Card (for billing pages)   ========================================================================== */.wl-balance-card {background: linear-gradient(135deg, var(--wl-primary) 0%, var(--wl-primary-dark) 100%);color: white;border-radius: var(--wl-radius-lg);padding: 1.5rem;text-align: center;margin-top: 1rem;}.wl-balance-label {font-size: 0.9rem;opacity: 0.9;margin-bottom: 0.5rem;}.wl-balance-amount {font-size: 2.5rem;font-weight: 700;}/* ==========================================================================   Pricing Grid   ========================================================================== */.wl-pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem;}.wl-pricing-item {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-lg);padding: 1.25rem;text-align: center;}.wl-pricing-amount {font-size: 1.75rem;font-weight: 700;color: var(--wl-success);margin-bottom: 0.25rem;}.wl-pricing-desc {font-weight: 600;color: var(--wl-gray-800);margin-bottom: 0.5rem;}.wl-pricing-note {font-size: 0.8rem;color: var(--wl-gray-600);}/* ==========================================================================   Locum Manager (three-column list selector)   ========================================================================== */.wl-locum-manager {display: flex;gap: 0.5rem;align-items: stretch;}.wl-locum-column {flex: 1;display: flex;flex-direction: column;gap: 0.5rem;}.wl-locum-column-header {display: flex;flex-direction: column;gap: 0.25rem;}.wl-locum-select {width: 100%;min-height: 200px;border: 1px solid var(--wl-gray-400);border-radius: var(--wl-radius-sm);padding: 0.5rem;font-family: inherit;font-size: 0.9rem;}.wl-locum-select:focus {outline: none;border-color: var(--wl-primary);box-shadow: 0 0 0 3px rgba(44, 90, 160, 0.15);}.wl-locum-arrows {display: flex;flex-direction: column;justify-content: center;gap: 0.5rem;padding: 0 0.25rem;}.wl-locum-arrows .wl-btn {padding: 0.5rem;min-width: 2.5rem;}@media (max-width: 768px) {.wl-locum-manager {        flex-direction: column;}    .wl-locum-arrows {flex-direction: row;justify-content: center;padding: 0.5rem 0;}    .wl-locum-arrows .wl-btn {transform: rotate(90deg);}    .wl-locum-select {min-height: 150px;}}/* ==========================================================================   Action Bar (for form action buttons)   ========================================================================== */.wl-action-bar {display: flex;gap: 1rem;margin-top: 1.5rem;padding-top: 1.5rem;border-top: 1px solid var(--wl-gray-300);}.wl-action-bar .wl-btn:disabled {opacity: 0.5;cursor: not-allowed;}@media (max-width: 600px) {.wl-action-bar {        flex-direction: column;}    .wl-action-bar .wl-btn {width: 100%;}}/* ==========================================================================   Margin Utilities   ========================================================================== */.wl-ml-sm {margin-left: var(--wl-spacing-sm);}.wl-ml-md {margin-left: var(--wl-spacing-md);}.wl-ml-lg {margin-left: var(--wl-spacing-lg);}.wl-mr-sm {margin-right: var(--wl-spacing-sm);}.wl-mr-md {margin-right: var(--wl-spacing-md);}.wl-mr-lg {margin-right: var(--wl-spacing-lg);}/* ==========================================================================   Practice Info Card   ========================================================================== */.wl-practice-info-card {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-lg);padding: 1.25rem;}.wl-practice-info-card h4 {margin: 0 0 0.75rem 0;font-size: 1rem;color: var(--wl-gray-800);}.wl-practice-info-card p {margin: 0 0 0.5rem 0;}/* ==========================================================================   Info Grid Compact Variant   ========================================================================== */.wl-info-grid-compact {gap: 0.75rem;}.wl-info-grid-compact .wl-info-item {padding: 0.75rem;}/* ==========================================================================   Shift Card Enhancements   ========================================================================== */.wl-shift-selected {border-left-color: var(--wl-success) !important;background: var(--wl-success-light);}.wl-shift-offer-section {border-top: 1px solid var(--wl-gray-300);padding-top: 1rem;}.wl-shift-comment-section {margin-top: 1rem;padding-top: 1rem;border-top: 1px dashed var(--wl-gray-300);}.wl-shift-card-unavailable {opacity: 0.8;}.wl-select-offer {max-width: 300px;}/* ==========================================================================   Rates Grid (for rate/currency inputs)   ========================================================================== */.wl-rates-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.5rem;}.wl-rate-field {display: flex;flex-direction: column;}.wl-rate-field .wl-rate-input {display: flex;align-items: center;gap: 0.5rem;}.wl-rate-currency {font-size: 1.25rem;font-weight: 600;color: var(--wl-gray-600);}.wl-rate-field .wl-input {flex: 1;max-width: 120px;}@media (max-width: 768px) {.wl-rates-grid {        grid-template-columns: 1fr 1fr;}}@media (max-width: 480px) {.wl-rates-grid {        grid-template-columns: 1fr;}}/* ==========================================================================   Back to Top Button   ========================================================================== */.wl-back-to-top {position: fixed;bottom: 20px;right: 20px;padding: 10px 15px;background: var(--wl-primary);color: white;border: none;border-radius: var(--wl-radius-md);cursor: pointer;display: none;z-index: 1000;box-shadow: var(--wl-shadow-md);}.wl-back-to-top:hover {background: var(--wl-primary-dark);}/* ==========================================================================   Sticky Section Navigation   ========================================================================== */.wl-section-nav {position: sticky;top: 0;z-index: 100;background: white;}.wl-nav-links {display: flex;flex-wrap: wrap;gap: 0.5rem;}.wl-nav-link {padding: 0.5rem 1rem;background: var(--wl-gray-100);border-radius: var(--wl-radius-sm);text-decoration: none;color: var(--wl-gray-700);font-size: 0.9rem;}.wl-nav-link:hover {background: var(--wl-primary-light);color: var(--wl-primary);}@media (max-width: 768px) {.wl-nav-links {        justify-content: center;}}/* ==========================================================================   Settings Card   ========================================================================== */.wl-settings-card {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-lg);padding: 1.25rem;}.wl-settings-card-title {margin: 0 0 0.75rem 0;font-size: 1rem;color: var(--wl-gray-800);}/* ==========================================================================   Checkbox Grid   ========================================================================== */.wl-checkbox-grid {display: flex;flex-direction: column;gap: 0.5rem;}/* ==========================================================================   Days Grid (for day-of-week selectors)   ========================================================================== */.wl-days-grid {display: flex;flex-wrap: wrap;gap: 0.5rem;}.wl-day-checkbox {/* Override site default label styling */    display: flex !important;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem !important;background: var(--wl-gray-100);border: 2px solid var(--wl-gray-300);border-radius: var(--wl-radius-md);cursor: pointer;transition: all 0.2s;/* Reset site defaults that break layout */    width: auto !important;overflow: visible !important;text-indent: 0 !important;padding-left: 1rem !important;}.wl-day-checkbox input {margin: 0 !important;flex-shrink: 0;float: none !important;position: static !important;top: auto !important;order: -1;}.wl-day-checkbox:hover {border-color: var(--wl-primary);}.wl-day-checkbox.wl-day-checked,.wl-day-checkbox:has(input:checked) {background: var(--wl-success-light);border-color: var(--wl-success);}/* ==========================================================================   Practice List Controls   ========================================================================== */.wl-practice-controls {display: flex;flex-wrap: wrap;gap: 1rem;align-items: center;margin-bottom: 1rem;}.wl-practice-search {flex: 1;min-width: 200px;}.wl-practice-buttons {display: flex;gap: 0.5rem;}.wl-practice-list-container {max-height: 60vh;overflow-y: auto;border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-md);}.wl-practice-table .area-header {background: var(--wl-gray-200);cursor: pointer;}.wl-practice-table .area-header:hover {background: var(--wl-gray-300);}.wl-practice-table .area-toggle {display: inline-block;width: 1.5rem;}@media (max-width: 768px) {.wl-practice-controls {        flex-direction: column;}}/* ==========================================================================   Inline Radio Buttons   ========================================================================== */.wl-radio-inline {display: flex;gap: 1rem;}.wl-radio-label-inline {display: inline-flex !important;align-items: center;gap: 0.5rem;cursor: pointer;padding: 4px 8px !important;text-indent: 0 !important;}.wl-radio-label-inline input[type="radio"] {margin: 0 !important;float: none !important;position: static !important;width: 16px !important;height: 16px !important;flex-shrink: 0;}/* ==========================================================================   Rate Input (for currency/rate fields)   ========================================================================== */.wl-rate-input {display: flex;align-items: center;gap: 0.75rem;}.wl-rate-input .wl-input {width: 100px;}/* ==========================================================================   Small Select (compact dropdown)   ========================================================================== */.wl-select-sm {padding: 0.375rem 0.5rem;font-size: 0.9rem;}/* ==========================================================================   Inline File Input   ========================================================================== */.wl-file-input-inline {max-width: 200px;}@media (max-width: 768px) {.wl-document-item {        flex-direction: column;}    .wl-document-actions {flex-wrap: wrap;}}/* ==========================================================================   Filter Section   ========================================================================== */.wl-filter-section {background: var(--wl-gray-100);border: 1px solid var(--wl-gray-300);border-radius: var(--wl-radius-lg);padding: 1rem;margin-top: 1rem;}.wl-filter-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.75rem;flex-wrap: wrap;gap: 0.5rem;}.wl-filter-buttons {display: flex;flex-wrap: wrap;gap: 0.5rem;}.wl-filter-btn {background: white;border: 1px solid var(--wl-gray-400) !important;color: var(--wl-gray-700);}.wl-filter-btn:hover {background: var(--wl-gray-200);border-color: var(--wl-gray-500) !important;}.wl-filter-btn.wl-filter-active {background: var(--wl-primary);border-color: var(--wl-primary) !important;color: white;}@media (max-width: 768px) {.wl-filter-buttons {        flex-direction: column;}    .wl-filter-btn {width: 100%;text-align: left;}}/* ==========================================================================   Sortable Table   ========================================================================== */.wl-table-sortable th.wl-sortable {cursor: pointer;user-select: none;}.wl-table-sortable th.wl-sortable:hover {background: var(--wl-gray-300);}.wl-table-sortable th.wl-sortable::after {content: ' \2195';opacity: 0.4;}.wl-table-sortable th.sort-asc::after {content: ' \2191';opacity: 1;}.wl-table-sortable th.sort-desc::after {content: ' \2193';opacity: 1;}/* ==========================================================================   Padding Utilities   ========================================================================== */.wl-p-0 {padding: 0 !important;}/* ==========================================================================   Tabs   ========================================================================== */.wl-tabs {display: flex;gap: 0;border-bottom: 2px solid var(--wl-gray-200);margin-bottom: 0;}.wl-tab-btn {padding: 12px 20px;background: none;border: none;border-bottom: 2px solid transparent;margin-bottom: -2px;cursor: pointer;font-size: 14px;font-weight: 500;color: var(--wl-gray-600);display: flex;align-items: center;gap: 8px;transition: all var(--wl-transition);}.wl-tab-btn:hover {color: var(--wl-primary);background: var(--wl-gray-50, #f8f9fa);}.wl-tab-btn.active {color: var(--wl-primary);border-bottom-color: var(--wl-primary);}.wl-tab-content {display: none;}.wl-tab-content.wl-tab-active {display: block;}@media (max-width: 576px) {.wl-tab-btn {        padding: 10px 12px;font-size: 13px;}}/* ==========================================================================   Offer Cards (View My Offers)   ========================================================================== */.wl-offer-list {display: flex;flex-direction: column;gap: 16px;}.wl-offer-card {background: white;border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius);overflow: hidden;transition: box-shadow var(--wl-transition);}.wl-offer-card:hover {box-shadow: var(--wl-shadow);}.wl-offer-pending {border-left: 4px solid var(--wl-warning);}.wl-offer-accepted {border-left: 4px solid var(--wl-success);}.wl-offer-ib-pending {border-left: 4px solid var(--wl-danger);background: #fff5f5;}.wl-offer-header {display: flex;justify-content: space-between;align-items: center;padding: 12px 16px;background: var(--wl-gray-50, #f8f9fa);border-bottom: 1px solid var(--wl-gray-200);}.wl-offer-practice {font-weight: 600;}.wl-offer-body {padding: 16px;display: flex;flex-direction: column;gap: 12px;}.wl-offer-detail-row {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 8px;}.wl-offer-date {display: flex;flex-direction: column;gap: 2px;}.wl-offer-badges {display: flex;flex-wrap: wrap;gap: 6px;}.wl-offer-rates,.wl-offer-comment {padding: 8px 12px;background: var(--wl-gray-50, #f8f9fa);border-radius: var(--wl-radius-sm);}.wl-offer-footer {display: flex;gap: 8px;padding: 12px 16px;background: var(--wl-gray-50, #f8f9fa);border-top: 1px solid var(--wl-gray-200);flex-wrap: wrap;}.wl-btn-danger-outline {background: white;color: var(--wl-danger);border: 1px solid var(--wl-danger);}.wl-btn-danger-outline:hover {background: var(--wl-danger);color: white;}@media (max-width: 576px) {.wl-offer-header {        flex-direction: column;align-items: flex-start;gap: 8px;}    .wl-offer-detail-row {flex-direction: column;}    .wl-offer-footer {flex-direction: column;}    .wl-offer-footer .wl-btn {width: 100%;justify-content: center;}}/* ==========================================================================   CPD Cards   ========================================================================== */.wl-cpd-card {background: white;border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius);overflow: hidden;}.wl-cpd-featured {border-left: 4px solid var(--wl-primary);background: var(--wl-primary-light);}.wl-cpd-card-body {padding: 20px;}.wl-cpd-card h4 {margin: 0 0 4px 0;color: var(--wl-gray-800);}.wl-cpd-card p {margin: 0 0 12px 0;}.wl-cpd-list {display: flex;flex-direction: column;gap: 16px;}/* ==========================================================================   Job Cards (Permanent Positions)   ========================================================================== */.wl-job-list {display: flex;flex-direction: column;gap: 16px;}.wl-job-card {background: white;border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius);overflow: hidden;transition: box-shadow var(--wl-transition);}.wl-job-card:hover {box-shadow: var(--wl-shadow);}.wl-job-header {display: flex;justify-content: space-between;align-items: flex-start;padding: 16px;background: var(--wl-gray-50, #f8f9fa);border-bottom: 1px solid var(--wl-gray-200);gap: 12px;flex-wrap: wrap;}.wl-job-title h4 {margin: 0;color: var(--wl-gray-800);}.wl-job-body {padding: 16px;}.wl-job-body p {margin: 0;color: var(--wl-gray-700);line-height: 1.6;}.wl-job-footer {display: flex;gap: 8px;padding: 12px 16px;background: var(--wl-gray-50, #f8f9fa);border-top: 1px solid var(--wl-gray-200);flex-wrap: wrap;}@media (max-width: 576px) {.wl-job-header {        flex-direction: column;align-items: flex-start;}    .wl-job-footer {flex-direction: column;}    .wl-job-footer .wl-btn {width: 100%;justify-content: center;}}/* ==========================================================================   Login Card   ========================================================================== */.wl-login-container {display: flex;justify-content: center;padding: 20px;}.wl-login-card {background: white;border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius-lg);box-shadow: var(--wl-shadow-md);width: 100%;max-width: 420px;overflow: hidden;}.wl-login-header {padding: 24px 24px 0;text-align: center;}.wl-login-header h2 {margin: 0 0 8px 0;color: var(--wl-gray-800);}.wl-login-form {padding: 24px;}.wl-login-actions {margin-top: 20px;}.wl-btn-block {display: block;width: 100%;}.wl-login-links {display: flex;justify-content: space-between;margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--wl-gray-200);flex-wrap: wrap;gap: 8px;}.wl-btn-link {background: none;border: none;color: var(--wl-primary);cursor: pointer;font-size: 14px;padding: 4px 0;text-decoration: none;}.wl-btn-link:hover {text-decoration: underline;color: var(--wl-primary-dark);}.wl-login-footer {background: var(--wl-gray-50, #f8f9fa);padding: 20px 24px;text-align: center;border-top: 1px solid var(--wl-gray-200);}.wl-login-footer p {margin: 0 0 12px 0;color: var(--wl-gray-600);}@media (max-width: 480px) {.wl-login-container {        padding: 10px;}    .wl-login-header,    .wl-login-form,    .wl-login-footer {padding: 16px;}    .wl-login-links {flex-direction: column;align-items: center;}}/* ==========================================================================   Homepage / About Section   ========================================================================== */.wl-hero-login {display: flex;gap: 16px;justify-content: center;flex-wrap: wrap;}.wl-btn-lg {padding: 14px 28px;font-size: 16px;}.wl-stats-highlight {text-align: center;padding: 24px;background: var(--wl-primary-light);border-radius: var(--wl-radius);margin-bottom: 20px;}.wl-stat-number {font-size: 3rem;font-weight: 700;color: var(--wl-primary);line-height: 1;}.wl-stat-label {font-size: 1rem;color: var(--wl-gray-600);margin-top: 4px;}.wl-stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;}@media (max-width: 768px) {.wl-stats-grid {        grid-template-columns: repeat(2, 1fr);}}.wl-stat-card {text-align: center;padding: 20px 12px;background: var(--wl-gray-50);border-radius: var(--wl-radius);border: 1px solid var(--wl-gray-200);}.wl-stat-card .wl-stat-number {font-size: 2rem;}.wl-stat-card .wl-stat-label {font-size: 0.85rem;}.wl-cta-cards {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin-top: 24px;}.wl-cta-card {display: block;padding: 24px;background: white;border: 1px solid var(--wl-gray-200);border-radius: var(--wl-radius);text-decoration: none;text-align: center;transition: all var(--wl-transition);}.wl-cta-card:hover {border-color: var(--wl-primary);box-shadow: var(--wl-shadow);transform: translateY(-2px);}.wl-cta-icon {font-size: 2.5rem;margin-bottom: 12px;}.wl-cta-card h4 {margin: 0 0 8px 0;color: var(--wl-primary);}.wl-cta-card p {margin: 0;color: var(--wl-gray-600);font-size: 14px;}.wl-text-center {text-align: center;}/* ==========================================================================   Print Styles   ========================================================================== */@media print {.wl-btn,    .wl-hidden-print {        display: none !important;}    .wl-section {break-inside: avoid;border: 1px solid #000;}    .wl-section-header {background: #eee !important;color: #000 !important;-webkit-print-color-adjust: exact;}}