/* Directory overview and category layouts. */
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-heading{padding:30px 34px!important;margin-bottom:22px;border:1px solid #dce6f5!important;border-radius:16px!important;background:linear-gradient(115deg,#edf3ff,#f9fbff)!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-kicker{color:#5478b0;font-size:11px;letter-spacing:2px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-heading h1{font-size:32px!important;color:#233b5d}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-heading p{font-size:14px;color:#6c809a;line-height:1.8}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-overview{padding-left:24px;border-color:#d9e4f6;color:#42699f;font-size:14px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar{position:static;max-height:none;overflow:visible;padding:19px 22px!important;border:1px solid #e0e7f2!important;border-radius:12px!important;background:#fff!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar h2{margin:0 0 12px;font-size:13px;color:#70839d}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar nav{display:flex!important;flex-wrap:wrap!important;gap:9px;overflow:visible!important;counter-reset:none}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar nav a{display:flex;flex:0 1 auto;width:auto;padding:9px 14px;border:1px solid #e5ebf5;background:#f7f9fd;border-radius:7px;font-size:13px;color:#466282}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar nav a:before{display:none}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar nav a:hover{background:#edf3ff;color:#2c61d6;border-color:#c6d8fa}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar>p{padding:0;margin:12px 0 0;border:0;font-size:11px;color:#94a0b1}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter{padding:0!important;margin-bottom:23px;background:transparent!important;border:0!important;border-radius:0!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter>div{padding:9px 9px 9px 16px;border:1px solid #dae4f1;border-radius:10px;background:#fff}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter input{font-size:13px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter button{min-height:36px;padding:0 20px;background:#2c61d6;color:#fff;border-radius:7px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter>p{margin:8px 2px 0;color:#8c9aae;font-size:11px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group{padding:0!important;margin-bottom:28px;border:0!important;background:transparent!important;box-shadow:none!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group>header{align-items:center;margin-bottom:14px;padding:0 2px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group h2{font-size:19px;color:#263e5e}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group h2>span{background:#eaf1fc;color:#6384b4;padding:3px 8px;border-radius:12px;font-size:10px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group>header p{color:#8795a8;font-size:12px;margin-top:7px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-more{color:#4774bd!important;font-size:12px;padding:6px 10px;white-space:nowrap;background:#edf3ff;border-radius:6px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card{padding:20px 18px 16px!important;border:1px solid #e1e8f2!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;gap:14px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card:hover{border-color:#a8c2eb!important;box-shadow:0 5px 17px #31568710!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-icon{width:40px;height:40px;flex-basis:40px;border:0;background:#edf3ff;color:#537ebc;border-radius:12px;font-size:18px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card:nth-child(4n+2) .web-directory-icon{background:#ecf5f2;color:#679b8c}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card:nth-child(4n+3) .web-directory-icon{background:#f2edfa;color:#9073b1}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card:nth-child(4n+4) .web-directory-icon{background:#fcf3e8;color:#ad8853}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card h3{font-size:15px;color:#334c6d;line-height:1.6}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card>p{font-size:12px;line-height:1.85;color:#7f8fa3;min-height:44px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card-entry{padding-top:12px;color:#7290b7;font-size:11px;border-color:#edf1f7}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card-arrow{color:#a8b9d1}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-category{padding:0!important;border:0!important;background:transparent!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card:focus-visible{outline:3px solid #3b70cd;outline-offset:3px}
@media(max-width:1050px) and (min-width:761px){body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-heading{padding:24px 20px!important;gap:16px;display:block}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-heading h1{font-size:27px!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-heading p{font-size:13px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-overview{display:block;margin-top:16px;padding:0;border:0;font-size:12px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-overview>span{display:none}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar{padding:17px 15px!important}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar nav{gap:7px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar nav a{padding:7px 10px;font-size:12px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-sidebar>p{display:none}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter>div{padding:7px 7px 7px 12px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter input{font-size:12px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-filter button{padding:0 12px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group>header{display:flex;align-items:flex-start;gap:10px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group h2{font-size:17px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-group>header p{font-size:11px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-more{font-size:10px;padding:5px 7px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card{padding:15px 12px!important;gap:11px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card-top{flex-wrap:wrap;gap:8px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-icon{width:31px;height:31px;flex-basis:31px;border-radius:9px;font-size:15px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card h3{font-size:13px;line-height:1.5}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card-arrow{display:none}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card>p{font-size:11px;line-height:1.8;min-height:40px}
body.front-ui.selfmedia-ui.cms-design:not(.admin-layout) .web-directory-page .web-directory-card-entry{font-size:10px;padding-top:9px}
}