/* Extracted from themes/default/views/header.php. */

/* Style block 1 */
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333;background-color:#fff}a{color:#08c;text-decoration:none}p{margin:0 0 9px}.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px}h1,h4{margin:0;font-family:inherit;font-weight:700;color:inherit;text-rendering:optimizelegibility}h1{font-size:30px;line-height:36px}h4{line-height:18px}h4{font-size:14px}ul{padding:0;margin:0 0 9px 25px}ul{list-style:disc}li{line-height:18px}hr{margin:18px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}.muted{color:#999}:-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}::-webkit-input-placeholder{color:#999}.btn{display:inline-block;padding:4px 10px;margin-bottom:0;font-size:13px;line-height:18px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;background-color:#f5f5f5;background-image:-ms-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(top,#fff,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-repeat:repeat-x;border:1px solid #ccc;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.btn{border-color:#ccc;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.btn-success{background-color:#5bb75b;background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(top,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)}.nav{margin-bottom:18px;margin-left:0;list-style:none}.nav>li>a{display:block}.nav-pills:after,.nav-pills:before{display:table;content:""}.nav-pills:after{clear:both}.nav-pills>li{float:left}.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nav-pills>.active>a{color:#fff;background-color:#08c}.pull-right{float:right}@media (max-width:767px){body{padding-right:20px;padding-left:20px}}@media (max-width:979px){body{padding-top:0}}body{padding-top:20px;padding-bottom:40px}.container-narrow{margin:0 auto;max-width:750px}.jumbotron{margin:60px 0}.container-narrow>hr{margin:30px 0}.jumbotron{text-align:center}.jumbotron h1{font-size:50px;line-height:1}.jumbotron .btn{font-size:21px;padding:14px 24px}

/* Style block 2 */
body {
      background: linear-gradient(180deg, #09090b 0, #09090b 245px, #fff 245px, #fff 100%) !important;
      color: #18181b !important;
      font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
      font-size: 15px !important;
      line-height: 1.6 !important;
      padding-top: 0 !important;
    }
    a {
      color: #18181b;
      font-weight: 700;
    }
    a:hover {
      color: #000;
      text-decoration: none;
    }
    .container-narrow {
      max-width: 1080px !important;
      padding: 0 22px;
      box-sizing: border-box;
    }
    .masthead {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 24px 0 18px;
      color: #fff;
    }
    .masthead h4 {
      margin: 0;
      line-height: 1;
    }
    .masthead h4 img {
      width: 240px;
      height: auto;
      filter: brightness(0) invert(1);
      opacity: 0.96;
    }
    .masthead .nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
      margin: 0;
    }
    .masthead .nav > li {
      float: none;
    }
    .masthead .nav > li > a {
      margin: 0;
      padding: 8px 11px;
      border-radius: 999px;
      color: #d4d4d8;
      font-size: 14px;
      font-weight: 600;
      line-height: 18px;
    }
    .masthead .nav > li > a:hover {
      background: rgba(255,255,255,0.1);
      color: #fff;
    }
    .masthead .nav-pills > .active > a,
    .masthead .nav-pills > .active > a:hover,
    .masthead .nav-pills > li.active > a,
    .masthead .nav-pills > li.active > a:hover,
    .masthead .nav-pills > li.active > a:focus {
      background: #fff !important;
      color: #09090b !important;
      font-weight: 800 !important;
    }
    .container-narrow > hr,
    hr {
      border: 0;
      border-top: 1px solid #e4e4e7;
      border-bottom: 0;
    }
    .container-narrow > hr:first-of-type {
      border-top-color: rgba(255,255,255,0.14);
      margin-top: 6px;
    }
    h1,
    h2,
    h3,
    h4 {
      color: #09090b;
      letter-spacing: 0;
    }
    h1 {
      font-size: 42px;
      line-height: 1.1;
    }
    h2 {
      font-size: 30px;
      line-height: 1.18;
    }
    h3 {
      font-size: 24px;
      line-height: 1.25;
    }
    p,
    li {
      color: #3f3f46;
    }
    .btn {
      border-radius: 7px !important;
      border: 1px solid #d4d4d8 !important;
      background: #fff !important;
      background-image: none !important;
      box-shadow: none !important;
      color: #18181b !important;
      text-shadow: none !important;
      font-weight: 700 !important;
    }
    .btn:hover {
      border-color: #18181b !important;
      background: #f4f4f5 !important;
      color: #09090b !important;
    }
    .btn-large {
      padding: 12px 18px !important;
      font-size: 16px !important;
      line-height: 20px !important;
    }
    .btn-success,
    .btn-primary {
      border-color: #09090b !important;
      background: #09090b !important;
      color: #fff !important;
    }
    .btn-success:hover,
    .btn-primary:hover {
      border-color: #27272a !important;
      background: #27272a !important;
      color: #fff !important;
    }
    .marketing {
      margin: 34px 0;
    }
    .marketing,
    .jumbotron,
    .choice-card,
    .category-card,
    .template-list-card,
    .category-empty,
    .alert,
    form,
    .well {
      border-color: #e4e4e7 !important;
    }
    .choice-card,
    .category-card,
    .template-list-card,
    .category-empty,
    .well {
      background: #fff !important;
      box-shadow: 0 10px 28px rgba(9, 9, 11, 0.05) !important;
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    select,
    textarea {
      border: 1px solid #d4d4d8 !important;
      border-radius: 6px !important;
      background: #fafafa !important;
      color: #18181b !important;
      box-shadow: none !important;
      box-sizing: border-box;
    }
    table {
      background: #fff;
    }
    .table th,
    .table td {
      border-top-color: #e4e4e7 !important;
    }
    .table-bordered {
      border-color: #e4e4e7 !important;
    }
    .table-striped tbody > tr:nth-child(odd) > td,
    .table-striped tbody > tr:nth-child(odd) > th {
      background-color: #fafafa !important;
    }
    .nav,
    .masthead .nav {
      list-style: none;
    }
    .container-narrow > h1:first-of-type,
    .container-narrow > h2:first-of-type,
    .container-narrow > h3:first-of-type {
      margin-top: 38px;
    }
    .container-narrow > ul,
    .container-narrow > ol {
      margin-left: 0;
      padding: 18px 22px;
      border: 1px solid #e4e4e7;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(9, 9, 11, 0.05);
      list-style-position: inside;
    }
    .container-narrow > ul li,
    .container-narrow > ol li {
      margin-bottom: 8px;
    }
    .footer {
      padding: 18px 0 32px;
      color: #71717a;
      font-size: 13px;
      text-align: center;
    }
    .footer-links {
      margin-bottom: 10px;
    }
    .footer-links a {
      display: inline-block;
      margin: 0 8px 8px;
      color: #3f3f46;
      font-weight: 600;
    }
    @media (max-width: 767px) {
      body {
        padding-right: 0 !important;
        padding-left: 0 !important;
      }
      .container-narrow {
        padding: 0 16px;
      }
      .masthead {
        display: block;
        text-align: center;
      }
      .masthead .nav {
        justify-content: center;
        margin-top: 16px;
      }
      .masthead h4 img {
        width: 220px;
      }
    }