/* Frisco Client Theme 1.1.0 - customer area. Tokens match fb_theme (staff skin). */
@font-face{font-family:"FB Anton";font-weight:400;font-display:swap;src:url(../fonts/anton-400.woff2) format("woff2")}
@font-face{font-family:"FB Fraunces";font-weight:700;font-style:italic;font-display:swap;src:url(../fonts/fraunces-700-italic.woff2) format("woff2")}
body.customers{--fb-red:#D7261E;--fb-red-d:#A8170F;--fb-mus:#F5B524;--fb-cream:#FFF6E6;--fb-ink:#17110D;--fb-line:#EADBC2;background:var(--fb-cream)!important;color:var(--fb-ink)}
body.customers #wrapper,body.customers #content{background:transparent!important}
/* Header */
body.customers .navbar.header{background:var(--fb-ink) url(../img/grain.webp)!important;background-size:128px!important;border:0!important;border-bottom:4px solid var(--fb-red)!important;box-shadow:none!important;min-height:72px}
body.customers .navbar.header .navbar-brand{padding:12px 15px;height:72px}
body.customers .navbar.header .navbar-brand img{max-height:48px;width:auto;background:transparent}
body.customers .navbar.header .nav>li>a{color:var(--fb-cream)!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;line-height:22px;padding-top:25px;padding-bottom:25px;background:transparent!important}
body.customers .navbar.header .nav>li>a:hover,body.customers .navbar.header .nav>li.active>a{color:var(--fb-mus)!important}
body.customers .navbar.header .nav>li.customers-nav-item-login>a{background:var(--fb-red)!important;color:#fff!important;border-radius:8px;margin:16px 0 0 8px;padding:9px 16px;box-shadow:0 3px 0 #000}
body.customers .navbar.header .navbar-toggle{border-color:var(--fb-mus);margin-top:19px}
body.customers .navbar.header .navbar-toggle .icon-bar{background:var(--fb-mus)}
body.customers .navbar.header .navbar-collapse{border-color:rgba(255,246,230,.15)}
body.customers .navbar.header .dropdown-menu{border:1px solid var(--fb-line);border-radius:10px}
/* Type */
body.customers h1,body.customers h2,body.customers h3,body.customers h4.customer-heading,body.customers .section-heading,body.customers .login-heading{font-family:"FB Anton",Anton,Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em;color:var(--fb-ink)!important}
body.customers .login-heading{font-size:40px!important;line-height:1!important}
body.customers.customers_login .login-heading:before,body.customers.register .login-heading:before{content:"Customer portal";display:block;font-family:"FB Fraunces",Georgia,serif;font-style:italic;font-weight:700;text-transform:none;font-size:20px;color:var(--fb-red);margin-bottom:8px;letter-spacing:0}
body.customers a{color:var(--fb-red-d)}
body.customers a:hover{color:var(--fb-red)}
/* Cards */
body.customers .panel_s,body.customers .panel_s .panel-body{border-radius:14px!important}
body.customers .panel_s{background:#fff;border:1px solid var(--fb-line)!important;box-shadow:0 1px 0 var(--fb-line)!important}
body.customers .panel_s .panel-body{padding:24px}
/* Forms */
body.customers label,body.customers .control-label{font-weight:800!important;font-size:11.5px!important;letter-spacing:.09em;text-transform:uppercase;color:var(--fb-ink)!important}
body.customers .checkbox label{text-transform:none;letter-spacing:0;font-size:14px!important;font-weight:600!important}
body.customers .form-control,body.customers .bootstrap-select>.btn{min-height:46px;border:1.5px solid rgba(23,17,13,.35)!important;border-radius:8px!important;box-shadow:none!important;font-size:15px;color:var(--fb-ink)}
body.customers textarea.form-control{min-height:110px}
body.customers .form-control:focus{border-color:var(--fb-ink)!important;box-shadow:0 0 0 3px rgba(245,181,36,.45)!important}
body.customers .has-error .form-control{border-color:var(--fb-red)!important}
body.customers .text-danger,body.customers .has-error .help-block,body.customers p.text-danger{color:var(--fb-red-d)!important;font-weight:600}
body.customers .checkbox input[type=checkbox]{accent-color:var(--fb-red)}
/* Buttons */
body.customers .btn{border-radius:8px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.07em;font-size:12.5px!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
body.customers .btn-block{display:flex;width:100%}
body.customers .btn-primary,body.customers .btn-info,body.customers .btn-success{background:var(--fb-red)!important;border-color:var(--fb-red)!important;color:#fff!important;box-shadow:0 3px 0 var(--fb-ink)!important}
body.customers .btn-primary:hover,body.customers .btn-info:hover,body.customers .btn-success:hover{background:var(--fb-red-d)!important;border-color:var(--fb-red-d)!important}
body.customers .btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--fb-ink)!important}
body.customers .btn-default{background:#fff!important;border:1.5px solid var(--fb-ink)!important;color:var(--fb-ink)!important}
body.customers .btn-default:hover{background:var(--fb-mus)!important}
body.customers .login-form .btn-block{min-height:48px}
body.customers .login-form .btn-block+.btn-block{margin-top:12px}
/* Alerts */
body.customers .alert{border-radius:10px;border-width:1.5px}
body.customers .alert-danger{background:#FDECEA;border-color:var(--fb-red);color:var(--fb-red-d)}
body.customers .alert-success{background:#FFF1CC;border-color:var(--fb-mus);color:var(--fb-ink)}
/* Tables, stats, tabs, labels */
body.customers table.dataTable thead th,body.customers .table thead th{background:var(--fb-ink)!important;color:var(--fb-cream)!important;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:800;border:0!important}
body.customers .table>tbody>tr:hover{background:#FFF1CC}
body.customers .table>tbody>tr>td{border-color:var(--fb-line)!important}
body.customers .pagination>.active>a,body.customers .pagination>.active>span{background:var(--fb-red)!important;border-color:var(--fb-red)!important}
body.customers .nav-tabs>li.active>a,body.customers .nav-tabs>li>a:hover{color:var(--fb-red)!important;border-bottom:3px solid var(--fb-red)!important}
body.customers .label-default{background:var(--fb-ink)}
body.customers .progress-bar,body.customers .progress-bar-success{background-color:var(--fb-red)}
body.customers .customers-nav-item-profile img,body.customers .client-profile-image-small{border:2px solid var(--fb-mus)}
/* Footer */
body.customers footer.footer{background:var(--fb-ink)!important;color:rgba(255,246,230,.75)!important;border-top:4px solid var(--fb-mus)}
body.customers footer.footer a{color:var(--fb-mus)!important}
/* Auth pages: centered card */
body.customers:is(.customers_login,.register,.forgot_password,.reset_password) #content>.container .row>[class*=mtop]{margin-top:56px}
@media (max-width:991px){body.customers.customers_login .login-form{width:auto}}
@media (max-width:767px){
 body.customers .navbar.header .nav>li>a{padding-top:12px;padding-bottom:12px}
 body.customers .navbar.header .nav>li.customers-nav-item-login>a{margin:8px 15px;display:inline-block}
 body.customers .login-heading{font-size:32px!important}
 body.customers:is(.customers_login,.register,.forgot_password,.reset_password) #content>.container .row>[class*=mtop]{margin-top:24px}
 body.customers .panel_s .panel-body{padding:18px}
}
@media (min-width:768px){
 body.customers .navbar.header>.container{display:flex;align-items:center;justify-content:space-between;min-height:72px}
 body.customers .navbar.header>.container:before,body.customers .navbar.header>.container:after{display:none}
 body.customers .navbar.header .navbar-header,body.customers .navbar.header .navbar-collapse{float:none}
 body.customers .navbar.header .navbar-brand{display:flex;align-items:center;padding-top:0;padding-bottom:0}
 body.customers .navbar.header .navbar-nav{display:flex;align-items:center;margin:0}
 body.customers .navbar.header .navbar-nav>li>a{padding-top:10px!important;padding-bottom:10px!important}
 body.customers .navbar.header .nav>li.customers-nav-item-login>a{margin:0 0 0 8px}
}
/* 1.1.0: iPad widths keep the six menu items on one line */
@media (min-width:768px) and (max-width:1099px){
 body.customers .navbar.header .navbar-nav>li>a{font-size:11px;letter-spacing:.03em;padding-left:7px!important;padding-right:7px!important;white-space:nowrap}
 body.customers .navbar.header .navbar-brand{flex-shrink:0;padding-left:0}
 body.customers .navbar.header .navbar-brand img{max-height:40px;max-width:none;width:auto}
}
