edryd.org

some of my neat stuff
git clone git://edryd.org/edryd.org
Log | Files | Refs | LICENSE

theme.css (41152B)


      1 /*
      2  * general
      3  */
      4 .text-bold {
      5   font-weight: 700;
      6 }
      7 
      8 .text-small {
      9   font-size: 0.9rem;
     10 }
     11 
     12 html {
     13   height: 100%;
     14 }
     15 
     16 body {
     17   height: 100%;
     18 }
     19 
     20 .italic {
     21   font-style: italic;
     22 }
     23 
     24 .italic-off {
     25   font-style: normal;
     26 }
     27 
     28 @media (max-width: 767.98px) {
     29   section {
     30     padding: 60px 0;
     31   }
     32 }
     33 
     34 .overlay {
     35   position: absolute;
     36   width: 100%;
     37   height: 100%;
     38   left: 0;
     39   top: 0;
     40   background: #000;
     41   z-index: 2;
     42   opacity: 0.6;
     43 }
     44 
     45 section {
     46   padding: 150px 0;
     47 }
     48 
     49 .heading {
     50   margin-bottom: 40px;
     51 }
     52 
     53 .heading:after {
     54   content: " ";
     55   display: block;
     56   width: 100px;
     57   height: 1px;
     58   margin: 20px 0 20px;
     59   background: #555;
     60 }
     61 
     62 .section-grey {
     63   background: #eee;
     64 }
     65 
     66 .section-dark {
     67   background-color: #111;
     68 }
     69 
     70 .section-inverse {
     71   color: #fff;
     72   background: #333;
     73 }
     74 
     75 .section-inverse h1,
     76 .section-inverse h2,
     77 .section-inverse h3,
     78 .section-inverse h4,
     79 .section-inverse h5,
     80 .section-inverse h6 {
     81   color: #fff;
     82 }
     83 
     84 .section-inverse .heading:after {
     85   background: #fff;
     86 }
     87 
     88 .section-inverse .btn {
     89   color: #fff;
     90 }
     91 
     92 .box {
     93   margin-bottom: 20px;
     94 }
     95 
     96 /*
     97  * navbar
     98  */
     99 nav.navbar {
    100   background: #fff;
    101   padding-top: 0;
    102   padding-bottom: 0;
    103   -webkit-box-shadow: 0 1px 0 #ddd;
    104   box-shadow: 0 1px 0 #ddd;
    105 }
    106 
    107 nav.navbar a.nav-link {
    108   position: relative;
    109   top: 1px;
    110   color: #777;
    111   font-style: italic;
    112   border-bottom: 1px solid transparent;
    113   padding-top: 1rem;
    114   padding-bottom: 1rem;
    115 }
    116 
    117 nav.navbar a.nav-link.active, nav.navbar a.nav-link:hover, nav.navbar a.nav-link:focus {
    118   color: #333;
    119 }
    120 
    121 nav.navbar a.nav-link.active {
    122   border-bottom: 1px solid #333;
    123 }
    124 
    125 nav.navbar .navbar-brand {
    126   padding-top: 0;
    127   padding-bottom: 0;
    128 }
    129 
    130 nav.navbar.sticky {
    131   width: 100%;
    132   position: fixed;
    133   top: 0;
    134   left: 0;
    135   background: #fff;
    136   z-index: 999;
    137 }
    138 
    139 /*
    140  * footer
    141  */
    142 footer {
    143   padding: 20px 0;
    144 }
    145 
    146 .copyright {
    147   margin-top: 40px;
    148   margin-bottom: 40px;
    149   color: #eee;
    150 }
    151 
    152 .copyright p {
    153   text-align: right;
    154 }
    155 
    156 .copyright p a {
    157   color: #eee;
    158 }
    159 
    160 /*
    161  *
    162  * bootstrap
    163  *
    164  */
    165 
    166 /*
    167  * navbar
    168  */
    169 .navbar {
    170   padding: 0.5rem 1rem;
    171 }
    172 
    173 .navbar-brand {
    174   display: inline-block;
    175   padding-top: 0.3125rem;
    176   padding-bottom: 0.3125rem;
    177   margin-right: 1rem;
    178   font-size: 2.25rem;
    179 }
    180 
    181 .navbar-toggler {
    182   padding: 0.25rem 0.75rem;
    183   font-size: 1.25rem;
    184   line-height: 1;
    185   border: 1px solid transparent;
    186   border-radius: 0rem;
    187 }
    188 
    189 .navbar-light .navbar-brand {
    190   color: rgba(0, 0, 0, 0.9);
    191 }
    192 
    193 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    194   color: rgba(0, 0, 0, 0.9);
    195 }
    196 
    197 .navbar-light .navbar-nav .nav-link {
    198   color: rgba(0, 0, 0, 0.5);
    199 }
    200 
    201 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    202   color: rgba(0, 0, 0, 0.7);
    203 }
    204 
    205 .navbar-light .navbar-nav .nav-link.disabled {
    206   color: rgba(0, 0, 0, 0.3);
    207 }
    208 
    209 .navbar-light .navbar-nav .show > .nav-link,
    210 .navbar-light .navbar-nav .active > .nav-link,
    211 .navbar-light .navbar-nav .nav-link.show,
    212 .navbar-light .navbar-nav .nav-link.active {
    213   color: rgba(0, 0, 0, 0.9);
    214 }
    215 
    216 .navbar-light .navbar-toggler {
    217   color: rgba(0, 0, 0, 0.5);
    218   border-color: rgba(0, 0, 0, 0.1);
    219 }
    220 
    221 .navbar-light .navbar-toggler-icon {
    222   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    223 }
    224 
    225 .navbar-light .navbar-text {
    226   color: rgba(0, 0, 0, 0.5);
    227 }
    228 
    229 .navbar-dark .navbar-brand {
    230   color: #fff;
    231 }
    232 
    233 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    234   color: #fff;
    235 }
    236 
    237 .navbar-dark .navbar-nav .nav-link {
    238   color: rgba(255, 255, 255, 0.5);
    239 }
    240 
    241 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    242   color: rgba(255, 255, 255, 0.75);
    243 }
    244 
    245 .navbar-dark .navbar-nav .nav-link.disabled {
    246   color: rgba(255, 255, 255, 0.25);
    247 }
    248 
    249 .navbar-dark .navbar-nav .show > .nav-link,
    250 .navbar-dark .navbar-nav .active > .nav-link,
    251 .navbar-dark .navbar-nav .nav-link.show,
    252 .navbar-dark .navbar-nav .nav-link.active {
    253   color: #fff;
    254 }
    255 
    256 .navbar-dark .navbar-toggler {
    257   color: rgba(255, 255, 255, 0.5);
    258   border-color: rgba(255, 255, 255, 0.1);
    259 }
    260 
    261 .navbar-dark .navbar-toggler-icon {
    262   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    263 }
    264 
    265 .navbar-dark .navbar-text {
    266   color: rgba(255, 255, 255, 0.5);
    267 }
    268 
    269 /*
    270  * buttons
    271  */
    272 .btn {
    273   font-weight: 400;
    274   border: 1px solid transparent;
    275   padding: 0.375rem 0.75rem;
    276   font-size: 1rem;
    277   line-height: 1.5;
    278   border-radius: 0rem;
    279   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    280   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    281   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    282   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    283 }
    284 
    285 .btn:focus, .btn.focus {
    286   -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
    287   box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
    288 }
    289 
    290 .btn.disabled, .btn:disabled {
    291   opacity: 0.65;
    292 }
    293 
    294 .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    295   background-image: none;
    296 }
    297 
    298 .btn-link {
    299   font-weight: 400;
    300   color: #333;
    301 }
    302 
    303 .btn-link:hover {
    304   color: #0d0d0d;
    305   text-decoration: underline;
    306 }
    307 
    308 .btn-link:focus, .btn-link.focus {
    309   text-decoration: underline;
    310 }
    311 
    312 .btn-link:disabled, .btn-link.disabled {
    313   color: #6c757d;
    314 }
    315 
    316 .btn-primary {
    317   color: #fff;
    318   background-color: #333;
    319   border-color: #333;
    320 }
    321 
    322 .btn-primary:hover {
    323   color: #fff;
    324   background-color: #202020;
    325   border-color: #1a1a1a;
    326 }
    327 
    328 .btn-primary:focus, .btn-primary.focus {
    329   -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    330   box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    331 }
    332 
    333 .btn-primary.disabled, .btn-primary:disabled {
    334   color: #fff;
    335   background-color: #333;
    336   border-color: #333;
    337 }
    338 
    339 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    340 .show > .btn-primary.dropdown-toggle {
    341   color: #fff;
    342   background-color: #1a1a1a;
    343   border-color: #131313;
    344 }
    345 
    346 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    347 .show > .btn-primary.dropdown-toggle:focus {
    348   -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    349   box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    350 }
    351 
    352 .btn-secondary {
    353   color: #fff;
    354   background-color: #6c757d;
    355   border-color: #6c757d;
    356 }
    357 
    358 .btn-secondary:hover {
    359   color: #fff;
    360   background-color: #5a6268;
    361   border-color: #545b62;
    362 }
    363 
    364 .btn-secondary:focus, .btn-secondary.focus {
    365   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    366   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    367 }
    368 
    369 .btn-secondary.disabled, .btn-secondary:disabled {
    370   color: #fff;
    371   background-color: #6c757d;
    372   border-color: #6c757d;
    373 }
    374 
    375 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    376 .show > .btn-secondary.dropdown-toggle {
    377   color: #fff;
    378   background-color: #545b62;
    379   border-color: #4e555b;
    380 }
    381 
    382 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    383 .show > .btn-secondary.dropdown-toggle:focus {
    384   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    385   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    386 }
    387 
    388 .btn-success {
    389   color: #fff;
    390   background-color: #28a745;
    391   border-color: #28a745;
    392 }
    393 
    394 .btn-success:hover {
    395   color: #fff;
    396   background-color: #218838;
    397   border-color: #1e7e34;
    398 }
    399 
    400 .btn-success:focus, .btn-success.focus {
    401   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    402   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    403 }
    404 
    405 .btn-success.disabled, .btn-success:disabled {
    406   color: #fff;
    407   background-color: #28a745;
    408   border-color: #28a745;
    409 }
    410 
    411 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    412 .show > .btn-success.dropdown-toggle {
    413   color: #fff;
    414   background-color: #1e7e34;
    415   border-color: #1c7430;
    416 }
    417 
    418 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    419 .show > .btn-success.dropdown-toggle:focus {
    420   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    421   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    422 }
    423 
    424 .btn-info {
    425   color: #fff;
    426   background-color: #17a2b8;
    427   border-color: #17a2b8;
    428 }
    429 
    430 .btn-info:hover {
    431   color: #fff;
    432   background-color: #138496;
    433   border-color: #117a8b;
    434 }
    435 
    436 .btn-info:focus, .btn-info.focus {
    437   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    438   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    439 }
    440 
    441 .btn-info.disabled, .btn-info:disabled {
    442   color: #fff;
    443   background-color: #17a2b8;
    444   border-color: #17a2b8;
    445 }
    446 
    447 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    448 .show > .btn-info.dropdown-toggle {
    449   color: #fff;
    450   background-color: #117a8b;
    451   border-color: #10707f;
    452 }
    453 
    454 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    455 .show > .btn-info.dropdown-toggle:focus {
    456   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    457   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    458 }
    459 
    460 .btn-warning {
    461   color: #212529;
    462   background-color: #ffc107;
    463   border-color: #ffc107;
    464 }
    465 
    466 .btn-warning:hover {
    467   color: #212529;
    468   background-color: #e0a800;
    469   border-color: #d39e00;
    470 }
    471 
    472 .btn-warning:focus, .btn-warning.focus {
    473   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    474   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    475 }
    476 
    477 .btn-warning.disabled, .btn-warning:disabled {
    478   color: #212529;
    479   background-color: #ffc107;
    480   border-color: #ffc107;
    481 }
    482 
    483 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    484 .show > .btn-warning.dropdown-toggle {
    485   color: #212529;
    486   background-color: #d39e00;
    487   border-color: #c69500;
    488 }
    489 
    490 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    491 .show > .btn-warning.dropdown-toggle:focus {
    492   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    493   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    494 }
    495 
    496 .btn-danger {
    497   color: #fff;
    498   background-color: #dc3545;
    499   border-color: #dc3545;
    500 }
    501 
    502 .btn-danger:hover {
    503   color: #fff;
    504   background-color: #c82333;
    505   border-color: #bd2130;
    506 }
    507 
    508 .btn-danger:focus, .btn-danger.focus {
    509   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    510   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    511 }
    512 
    513 .btn-danger.disabled, .btn-danger:disabled {
    514   color: #fff;
    515   background-color: #dc3545;
    516   border-color: #dc3545;
    517 }
    518 
    519 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    520 .show > .btn-danger.dropdown-toggle {
    521   color: #fff;
    522   background-color: #bd2130;
    523   border-color: #b21f2d;
    524 }
    525 
    526 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    527 .show > .btn-danger.dropdown-toggle:focus {
    528   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    529   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    530 }
    531 
    532 .btn-light {
    533   color: #212529;
    534   background-color: #f8f9fa;
    535   border-color: #f8f9fa;
    536 }
    537 
    538 .btn-light:hover {
    539   color: #212529;
    540   background-color: #e2e6ea;
    541   border-color: #dae0e5;
    542 }
    543 
    544 .btn-light:focus, .btn-light.focus {
    545   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    546   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    547 }
    548 
    549 .btn-light.disabled, .btn-light:disabled {
    550   color: #212529;
    551   background-color: #f8f9fa;
    552   border-color: #f8f9fa;
    553 }
    554 
    555 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    556 .show > .btn-light.dropdown-toggle {
    557   color: #212529;
    558   background-color: #dae0e5;
    559   border-color: #d3d9df;
    560 }
    561 
    562 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    563 .show > .btn-light.dropdown-toggle:focus {
    564   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    565   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    566 }
    567 
    568 .btn-dark {
    569   color: #fff;
    570   background-color: #343a40;
    571   border-color: #343a40;
    572 }
    573 
    574 .btn-dark:hover {
    575   color: #fff;
    576   background-color: #23272b;
    577   border-color: #1d2124;
    578 }
    579 
    580 .btn-dark:focus, .btn-dark.focus {
    581   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    582   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    583 }
    584 
    585 .btn-dark.disabled, .btn-dark:disabled {
    586   color: #fff;
    587   background-color: #343a40;
    588   border-color: #343a40;
    589 }
    590 
    591 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    592 .show > .btn-dark.dropdown-toggle {
    593   color: #fff;
    594   background-color: #1d2124;
    595   border-color: #171a1d;
    596 }
    597 
    598 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    599 .show > .btn-dark.dropdown-toggle:focus {
    600   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    601   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    602 }
    603 
    604 .btn-outline-primary {
    605   color: #333;
    606   background-color: transparent;
    607   background-image: none;
    608   border-color: #333;
    609 }
    610 
    611 .btn-outline-primary:hover {
    612   color: #fff;
    613   background-color: #333;
    614   border-color: #333;
    615 }
    616 
    617 .btn-outline-primary:focus, .btn-outline-primary.focus {
    618   -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    619   box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    620 }
    621 
    622 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    623   color: #333;
    624   background-color: transparent;
    625 }
    626 
    627 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    628 .show > .btn-outline-primary.dropdown-toggle {
    629   color: #fff;
    630   background-color: #333;
    631   border-color: #333;
    632 }
    633 
    634 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    635 .show > .btn-outline-primary.dropdown-toggle:focus {
    636   -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    637   box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5);
    638 }
    639 
    640 .btn-outline-secondary {
    641   color: #6c757d;
    642   background-color: transparent;
    643   background-image: none;
    644   border-color: #6c757d;
    645 }
    646 
    647 .btn-outline-secondary:hover {
    648   color: #fff;
    649   background-color: #6c757d;
    650   border-color: #6c757d;
    651 }
    652 
    653 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    654   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    655   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    656 }
    657 
    658 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    659   color: #6c757d;
    660   background-color: transparent;
    661 }
    662 
    663 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    664 .show > .btn-outline-secondary.dropdown-toggle {
    665   color: #fff;
    666   background-color: #6c757d;
    667   border-color: #6c757d;
    668 }
    669 
    670 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    671 .show > .btn-outline-secondary.dropdown-toggle:focus {
    672   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    673   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    674 }
    675 
    676 .btn-outline-success {
    677   color: #28a745;
    678   background-color: transparent;
    679   background-image: none;
    680   border-color: #28a745;
    681 }
    682 
    683 .btn-outline-success:hover {
    684   color: #fff;
    685   background-color: #28a745;
    686   border-color: #28a745;
    687 }
    688 
    689 .btn-outline-success:focus, .btn-outline-success.focus {
    690   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    691   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    692 }
    693 
    694 .btn-outline-success.disabled, .btn-outline-success:disabled {
    695   color: #28a745;
    696   background-color: transparent;
    697 }
    698 
    699 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    700 .show > .btn-outline-success.dropdown-toggle {
    701   color: #fff;
    702   background-color: #28a745;
    703   border-color: #28a745;
    704 }
    705 
    706 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    707 .show > .btn-outline-success.dropdown-toggle:focus {
    708   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    709   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    710 }
    711 
    712 .btn-outline-info {
    713   color: #17a2b8;
    714   background-color: transparent;
    715   background-image: none;
    716   border-color: #17a2b8;
    717 }
    718 
    719 .btn-outline-info:hover {
    720   color: #fff;
    721   background-color: #17a2b8;
    722   border-color: #17a2b8;
    723 }
    724 
    725 .btn-outline-info:focus, .btn-outline-info.focus {
    726   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    727   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    728 }
    729 
    730 .btn-outline-info.disabled, .btn-outline-info:disabled {
    731   color: #17a2b8;
    732   background-color: transparent;
    733 }
    734 
    735 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    736 .show > .btn-outline-info.dropdown-toggle {
    737   color: #fff;
    738   background-color: #17a2b8;
    739   border-color: #17a2b8;
    740 }
    741 
    742 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    743 .show > .btn-outline-info.dropdown-toggle:focus {
    744   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    745   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    746 }
    747 
    748 .btn-outline-warning {
    749   color: #ffc107;
    750   background-color: transparent;
    751   background-image: none;
    752   border-color: #ffc107;
    753 }
    754 
    755 .btn-outline-warning:hover {
    756   color: #fff;
    757   background-color: #ffc107;
    758   border-color: #ffc107;
    759 }
    760 
    761 .btn-outline-warning:focus, .btn-outline-warning.focus {
    762   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    763   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    764 }
    765 
    766 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    767   color: #ffc107;
    768   background-color: transparent;
    769 }
    770 
    771 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    772 .show > .btn-outline-warning.dropdown-toggle {
    773   color: #212529;
    774   background-color: #ffc107;
    775   border-color: #ffc107;
    776 }
    777 
    778 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    779 .show > .btn-outline-warning.dropdown-toggle:focus {
    780   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    781   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    782 }
    783 
    784 .btn-outline-danger {
    785   color: #dc3545;
    786   background-color: transparent;
    787   background-image: none;
    788   border-color: #dc3545;
    789 }
    790 
    791 .btn-outline-danger:hover {
    792   color: #fff;
    793   background-color: #dc3545;
    794   border-color: #dc3545;
    795 }
    796 
    797 .btn-outline-danger:focus, .btn-outline-danger.focus {
    798   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    799   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    800 }
    801 
    802 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    803   color: #dc3545;
    804   background-color: transparent;
    805 }
    806 
    807 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    808 .show > .btn-outline-danger.dropdown-toggle {
    809   color: #fff;
    810   background-color: #dc3545;
    811   border-color: #dc3545;
    812 }
    813 
    814 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    815 .show > .btn-outline-danger.dropdown-toggle:focus {
    816   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    817   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    818 }
    819 
    820 .btn-outline-light {
    821   color: #f8f9fa;
    822   background-color: transparent;
    823   background-image: none;
    824   border-color: #f8f9fa;
    825 }
    826 
    827 .btn-outline-light:hover {
    828   color: #fff;
    829   background-color: #f8f9fa;
    830   border-color: #f8f9fa;
    831 }
    832 
    833 .btn-outline-light:focus, .btn-outline-light.focus {
    834   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    835   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    836 }
    837 
    838 .btn-outline-light.disabled, .btn-outline-light:disabled {
    839   color: #f8f9fa;
    840   background-color: transparent;
    841 }
    842 
    843 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    844 .show > .btn-outline-light.dropdown-toggle {
    845   color: #212529;
    846   background-color: #f8f9fa;
    847   border-color: #f8f9fa;
    848 }
    849 
    850 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    851 .show > .btn-outline-light.dropdown-toggle:focus {
    852   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    853   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    854 }
    855 
    856 .btn-outline-dark {
    857   color: #343a40;
    858   background-color: transparent;
    859   background-image: none;
    860   border-color: #343a40;
    861 }
    862 
    863 .btn-outline-dark:hover {
    864   color: #fff;
    865   background-color: #343a40;
    866   border-color: #343a40;
    867 }
    868 
    869 .btn-outline-dark:focus, .btn-outline-dark.focus {
    870   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    871   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    872 }
    873 
    874 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    875   color: #343a40;
    876   background-color: transparent;
    877 }
    878 
    879 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    880 .show > .btn-outline-dark.dropdown-toggle {
    881   color: #fff;
    882   background-color: #343a40;
    883   border-color: #343a40;
    884 }
    885 
    886 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    887 .show > .btn-outline-dark.dropdown-toggle:focus {
    888   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    889   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    890 }
    891 
    892 .btn-lg {
    893   padding: 0.5rem 1rem;
    894   font-size: 1.25rem;
    895   line-height: 1.5;
    896   border-radius: 0rem;
    897 }
    898 
    899 .btn-sm {
    900   padding: 0.25rem 0.5rem;
    901   font-size: 0.875rem;
    902   line-height: 1.5;
    903   border-radius: 0rem;
    904 }
    905 
    906 /*
    907  * type
    908  */
    909 body {
    910   font-family: 'EB Garamond', Times, sans-serif;
    911   font-size: 1.4rem;
    912   font-weight: 400;
    913   line-height: 1.5;
    914   color: #212529;
    915   background-color: #fff;
    916 }
    917 
    918 a {
    919   color: #555;
    920   text-decoration: none;
    921   font-style: italic;
    922 }
    923 
    924 p a {
    925   color: #303030;
    926   font-weight: 600;
    927 }
    928 
    929 a:hover, a:focus {
    930   color: #0d0d0d;
    931   text-decoration: underline;
    932 }
    933 
    934 h1,
    935 h2,
    936 h3,
    937 h4,
    938 h5,
    939 h6,
    940 .h1,
    941 .h2,
    942 .h3,
    943 .h4,
    944 .h5,
    945 .h6 {
    946   margin-bottom: 0.5rem;
    947   font-family: "Raleway", sans-serif;
    948   font-weight: 800;
    949   line-height: 1.44;
    950   color: inherit;
    951   text-transform: uppercase;
    952   letter-spacing: 0.2em;
    953 }
    954 
    955 h1,
    956 .h1 {
    957   font-size: 2.8rem;
    958 }
    959 
    960 h2,
    961 .h2 {
    962   font-size: 2.1rem;
    963 }
    964 
    965 h3,
    966 .h3 {
    967   font-size: 1.75rem;
    968 }
    969 
    970 h4,
    971 .h4 {
    972   font-size: 1.5rem;
    973 }
    974 
    975 h5,
    976 .h5 {
    977   font-size: 1.25rem;
    978   text-transform: none;
    979   letter-spacing: 0.1em;
    980 }
    981 
    982 h6,
    983 .h6 {
    984   font-size: 1rem;
    985   text-transform: none;
    986   letter-spacing: 0.1em;
    987 }
    988 
    989 .lead {
    990   font-size: 1.4375rem;
    991   font-weight: 300;
    992 }
    993 
    994 .display-1 {
    995   font-size: 6rem;
    996   font-weight: 300;
    997   line-height: 1.2;
    998 }
    999 
   1000 .display-2 {
   1001   font-size: 5.5rem;
   1002   font-weight: 300;
   1003   line-height: 1.2;
   1004 }
   1005 
   1006 .display-3 {
   1007   font-size: 4.5rem;
   1008   font-weight: 300;
   1009   line-height: 1.2;
   1010 }
   1011 
   1012 .display-4 {
   1013   font-size: 3.5rem;
   1014   font-weight: 300;
   1015   line-height: 1.2;
   1016 }
   1017 
   1018 hr {
   1019   border-top: 1px solid rgba(0, 0, 0, 0.1);
   1020 }
   1021 
   1022 small,
   1023 .small {
   1024   font-size: 80%;
   1025   font-weight: 400;
   1026 }
   1027 
   1028 mark,
   1029 .mark {
   1030   padding: 0.2em;
   1031   background-color: #fcf8e3;
   1032 }
   1033 
   1034 .blockquote {
   1035   margin-bottom: 1rem;
   1036   font-size: 1.5rem;
   1037   border-left: 5px solid #333;
   1038 }
   1039 
   1040 .blockquote-footer {
   1041   color: #6c757d;
   1042   font-size: 1.3rem;
   1043 }
   1044 
   1045 .blockquote-footer::before {
   1046   content: "\2014 \00A0";
   1047 }
   1048 
   1049 .text-primary {
   1050   color: #333 !important;
   1051 }
   1052 
   1053 a.text-primary:hover, a.text-primary:focus {
   1054   color: #1a1a1a !important;
   1055 }
   1056 
   1057 /*
   1058  * pagination
   1059  */
   1060 .page-item:first-child .page-link {
   1061   border-top-left-radius: 0.25rem;
   1062   border-bottom-left-radius: 0.25rem;
   1063 }
   1064 
   1065 .page-item:last-child .page-link {
   1066   border-top-right-radius: 0.25rem;
   1067   border-bottom-right-radius: 0.25rem;
   1068 }
   1069 
   1070 .page-item.active .page-link {
   1071   color: #fff;
   1072   background-color: #333;
   1073   border-color: #333;
   1074 }
   1075 
   1076 .page-item.disabled .page-link {
   1077   color: #6c757d;
   1078   background-color: #fff;
   1079   border-color: #dee2e6;
   1080 }
   1081 
   1082 .page-link {
   1083   padding: 0.5rem 0.75rem;
   1084   line-height: 1.25;
   1085   color: #333;
   1086   background-color: #fff;
   1087   border: 1px solid #dee2e6;
   1088 }
   1089 
   1090 .page-link:hover, .page-link:focus {
   1091   color: #0d0d0d;
   1092   text-decoration: none;
   1093   background-color: #eee;
   1094   border-color: #dee2e6;
   1095 }
   1096 
   1097 .pagination-lg .page-link {
   1098   padding: 0.75rem 1.5rem;
   1099   font-size: 1.25rem;
   1100   line-height: 1.5;
   1101 }
   1102 
   1103 .pagination-lg .page-item:first-child .page-link {
   1104   border-top-left-radius: 0.3rem;
   1105   border-bottom-left-radius: 0.3rem;
   1106 }
   1107 
   1108 .pagination-lg .page-item:last-child .page-link {
   1109   border-top-right-radius: 0.3rem;
   1110   border-bottom-right-radius: 0.3rem;
   1111 }
   1112 
   1113 .pagination-sm .page-link {
   1114   padding: 0.25rem 0.5rem;
   1115   font-size: 0.875rem;
   1116   line-height: 1.5;
   1117 }
   1118 
   1119 .pagination-sm .page-item:first-child .page-link {
   1120   border-top-left-radius: 0.2rem;
   1121   border-bottom-left-radius: 0.2rem;
   1122 }
   1123 
   1124 .pagination-sm .page-item:last-child .page-link {
   1125   border-top-right-radius: 0.2rem;
   1126   border-bottom-right-radius: 0.2rem;
   1127 }
   1128 
   1129 /*
   1130 * utilities
   1131 */
   1132 .bg-primary {
   1133   background-color: #333 !important;
   1134 }
   1135 
   1136 a.bg-primary:hover, a.bg-primary:focus,
   1137 button.bg-primary:hover,
   1138 button.bg-primary:focus {
   1139   background-color: #1a1a1a !important;
   1140 }
   1141 
   1142 .bg-secondary {
   1143   background-color: #6c757d !important;
   1144 }
   1145 
   1146 a.bg-secondary:hover, a.bg-secondary:focus,
   1147 button.bg-secondary:hover,
   1148 button.bg-secondary:focus {
   1149   background-color: #545b62 !important;
   1150 }
   1151 
   1152 .bg-success {
   1153   background-color: #28a745 !important;
   1154 }
   1155 
   1156 a.bg-success:hover, a.bg-success:focus,
   1157 button.bg-success:hover,
   1158 button.bg-success:focus {
   1159   background-color: #1e7e34 !important;
   1160 }
   1161 
   1162 .bg-info {
   1163   background-color: #17a2b8 !important;
   1164 }
   1165 
   1166 a.bg-info:hover, a.bg-info:focus,
   1167 button.bg-info:hover,
   1168 button.bg-info:focus {
   1169   background-color: #117a8b !important;
   1170 }
   1171 
   1172 .bg-warning {
   1173   background-color: #ffc107 !important;
   1174 }
   1175 
   1176 a.bg-warning:hover, a.bg-warning:focus,
   1177 button.bg-warning:hover,
   1178 button.bg-warning:focus {
   1179   background-color: #d39e00 !important;
   1180 }
   1181 
   1182 .bg-danger {
   1183   background-color: #dc3545 !important;
   1184 }
   1185 
   1186 a.bg-danger:hover, a.bg-danger:focus,
   1187 button.bg-danger:hover,
   1188 button.bg-danger:focus {
   1189   background-color: #bd2130 !important;
   1190 }
   1191 
   1192 .bg-light {
   1193   background-color: #f8f9fa !important;
   1194 }
   1195 
   1196 a.bg-light:hover, a.bg-light:focus,
   1197 button.bg-light:hover,
   1198 button.bg-light:focus {
   1199   background-color: #dae0e5 !important;
   1200 }
   1201 
   1202 .bg-dark {
   1203   background-color: #343a40 !important;
   1204 }
   1205 
   1206 a.bg-dark:hover, a.bg-dark:focus,
   1207 button.bg-dark:hover,
   1208 button.bg-dark:focus {
   1209   background-color: #1d2124 !important;
   1210 }
   1211 
   1212 .border-primary {
   1213   border-color: #333 !important;
   1214 }
   1215 
   1216 .border-secondary {
   1217   border-color: #6c757d !important;
   1218 }
   1219 
   1220 .border-success {
   1221   border-color: #28a745 !important;
   1222 }
   1223 
   1224 .border-info {
   1225   border-color: #17a2b8 !important;
   1226 }
   1227 
   1228 .border-warning {
   1229   border-color: #ffc107 !important;
   1230 }
   1231 
   1232 .border-danger {
   1233   border-color: #dc3545 !important;
   1234 }
   1235 
   1236 .border-light {
   1237   border-color: #f8f9fa !important;
   1238 }
   1239 
   1240 .border-dark {
   1241   border-color: #343a40 !important;
   1242 }
   1243 
   1244 .text-primary {
   1245   color: #333 !important;
   1246 }
   1247 
   1248 a.text-primary:hover, a.text-primary:focus {
   1249   color: #1a1a1a !important;
   1250 }
   1251 
   1252 .text-secondary {
   1253   color: #6c757d !important;
   1254 }
   1255 
   1256 a.text-secondary:hover, a.text-secondary:focus {
   1257   color: #545b62 !important;
   1258 }
   1259 
   1260 .text-success {
   1261   color: #28a745 !important;
   1262 }
   1263 
   1264 a.text-success:hover, a.text-success:focus {
   1265   color: #1e7e34 !important;
   1266 }
   1267 
   1268 .text-info {
   1269   color: #17a2b8 !important;
   1270 }
   1271 
   1272 a.text-info:hover, a.text-info:focus {
   1273   color: #117a8b !important;
   1274 }
   1275 
   1276 .text-warning {
   1277   color: #ffc107 !important;
   1278 }
   1279 
   1280 a.text-warning:hover, a.text-warning:focus {
   1281   color: #d39e00 !important;
   1282 }
   1283 
   1284 .text-danger {
   1285   color: #dc3545 !important;
   1286 }
   1287 
   1288 a.text-danger:hover, a.text-danger:focus {
   1289   color: #bd2130 !important;
   1290 }
   1291 
   1292 .text-light {
   1293   color: #f8f9fa !important;
   1294 }
   1295 
   1296 a.text-light:hover, a.text-light:focus {
   1297   color: #dae0e5 !important;
   1298 }
   1299 
   1300 .text-dark {
   1301   color: #343a40 !important;
   1302 }
   1303 
   1304 a.text-dark:hover, a.text-dark:focus {
   1305   color: #1d2124 !important;
   1306 }
   1307 
   1308 .badge-primary {
   1309   color: #fff;
   1310   background-color: #333;
   1311 }
   1312 
   1313 .badge-primary[href]:hover, .badge-primary[href]:focus {
   1314   color: #fff;
   1315   text-decoration: none;
   1316   background-color: #1a1a1a;
   1317 }
   1318 
   1319 .badge-secondary {
   1320   color: #fff;
   1321   background-color: #6c757d;
   1322 }
   1323 
   1324 .badge-secondary[href]:hover, .badge-secondary[href]:focus {
   1325   color: #fff;
   1326   text-decoration: none;
   1327   background-color: #545b62;
   1328 }
   1329 
   1330 .badge-success {
   1331   color: #fff;
   1332   background-color: #28a745;
   1333 }
   1334 
   1335 .badge-success[href]:hover, .badge-success[href]:focus {
   1336   color: #fff;
   1337   text-decoration: none;
   1338   background-color: #1e7e34;
   1339 }
   1340 
   1341 .badge-info {
   1342   color: #fff;
   1343   background-color: #17a2b8;
   1344 }
   1345 
   1346 .badge-info[href]:hover, .badge-info[href]:focus {
   1347   color: #fff;
   1348   text-decoration: none;
   1349   background-color: #117a8b;
   1350 }
   1351 
   1352 .badge-warning {
   1353   color: #212529;
   1354   background-color: #ffc107;
   1355 }
   1356 
   1357 .badge-warning[href]:hover, .badge-warning[href]:focus {
   1358   color: #212529;
   1359   text-decoration: none;
   1360   background-color: #d39e00;
   1361 }
   1362 
   1363 .badge-danger {
   1364   color: #fff;
   1365   background-color: #dc3545;
   1366 }
   1367 
   1368 .badge-danger[href]:hover, .badge-danger[href]:focus {
   1369   color: #fff;
   1370   text-decoration: none;
   1371   background-color: #bd2130;
   1372 }
   1373 
   1374 .badge-light {
   1375   color: #212529;
   1376   background-color: #f8f9fa;
   1377 }
   1378 
   1379 .badge-light[href]:hover, .badge-light[href]:focus {
   1380   color: #212529;
   1381   text-decoration: none;
   1382   background-color: #dae0e5;
   1383 }
   1384 
   1385 .badge-dark {
   1386   color: #fff;
   1387   background-color: #343a40;
   1388 }
   1389 
   1390 .badge-dark[href]:hover, .badge-dark[href]:focus {
   1391   color: #fff;
   1392   text-decoration: none;
   1393   background-color: #1d2124;
   1394 }
   1395 
   1396 /*
   1397  * forms
   1398  */
   1399 .form-control {
   1400   padding: 0.375rem 0.75rem;
   1401   font-size: 1rem;
   1402   line-height: 1.5;
   1403   color: #555;
   1404   background-color: #fff;
   1405   border: 1px solid #ced4da;
   1406   border-radius: 0rem;
   1407   -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   1408   transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   1409   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   1410   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   1411 }
   1412 
   1413 .form-control::-ms-expand {
   1414   background-color: transparent;
   1415   border: 0;
   1416 }
   1417 
   1418 .form-control:focus {
   1419   color: #555;
   1420   background-color: #fff;
   1421   border-color: #737373;
   1422   outline: 0;
   1423   -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
   1424   box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25);
   1425 }
   1426 
   1427 .form-control::-webkit-input-placeholder {
   1428   color: #6c757d;
   1429 }
   1430 
   1431 .form-control:-ms-input-placeholder {
   1432   color: #6c757d;
   1433 }
   1434 
   1435 .form-control::-ms-input-placeholder {
   1436   color: #6c757d;
   1437 }
   1438 
   1439 .form-control::placeholder {
   1440   color: #6c757d;
   1441 }
   1442 
   1443 .form-control:disabled, .form-control[readonly] {
   1444   background-color: #eee;
   1445 }
   1446 
   1447 select.form-control:not([size]):not([multiple]) {
   1448   height: calc(2.25rem + 2px);
   1449 }
   1450 
   1451 select.form-control:focus::-ms-value {
   1452   color: #555;
   1453   background-color: #fff;
   1454 }
   1455 
   1456 .form-control-sm {
   1457   padding: 0.25rem 0.5rem;
   1458   font-size: 0.875rem;
   1459   line-height: 1.5;
   1460   border-radius: 0rem;
   1461 }
   1462 
   1463 select.form-control-sm:not([size]):not([multiple]) {
   1464   height: calc(1.8125rem + 2px);
   1465 }
   1466 
   1467 .form-control-lg {
   1468   padding: 0.5rem 1rem;
   1469   font-size: 1.25rem;
   1470   line-height: 1.5;
   1471   border-radius: 0rem;
   1472 }
   1473 
   1474 select.form-control-lg:not([size]):not([multiple]) {
   1475   height: calc(2.875rem + 2px);
   1476 }
   1477 
   1478 .valid-feedback {
   1479   display: none;
   1480   width: 100%;
   1481   margin-top: 0.25rem;
   1482   font-size: 80%;
   1483   color: #28a745;
   1484 }
   1485 
   1486 .valid-tooltip {
   1487   position: absolute;
   1488   top: 100%;
   1489   z-index: 5;
   1490   display: none;
   1491   max-width: 100%;
   1492   padding: .5rem;
   1493   margin-top: .1rem;
   1494   font-size: .875rem;
   1495   line-height: 1;
   1496   color: #fff;
   1497   background-color: rgba(40, 167, 69, 0.8);
   1498   border-radius: .2rem;
   1499 }
   1500 
   1501 .was-validated .form-control:valid, .form-control.is-valid, .was-validated
   1502 .custom-select:valid,
   1503 .custom-select.is-valid {
   1504   border-color: #28a745;
   1505 }
   1506 
   1507 .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
   1508 .custom-select:valid:focus,
   1509 .custom-select.is-valid:focus {
   1510   border-color: #28a745;
   1511   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   1512   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   1513 }
   1514 
   1515 .was-validated .form-control:valid ~ .valid-feedback,
   1516 .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
   1517 .form-control.is-valid ~ .valid-tooltip, .was-validated
   1518 .custom-select:valid ~ .valid-feedback,
   1519 .was-validated
   1520 .custom-select:valid ~ .valid-tooltip,
   1521 .custom-select.is-valid ~ .valid-feedback,
   1522 .custom-select.is-valid ~ .valid-tooltip {
   1523   display: block;
   1524 }
   1525 
   1526 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
   1527   color: #28a745;
   1528 }
   1529 
   1530 .was-validated .form-check-input:valid ~ .valid-feedback,
   1531 .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
   1532 .form-check-input.is-valid ~ .valid-tooltip {
   1533   display: block;
   1534 }
   1535 
   1536 .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
   1537   color: #28a745;
   1538 }
   1539 
   1540 .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
   1541   background-color: #71dd8a;
   1542 }
   1543 
   1544 .was-validated .custom-control-input:valid ~ .valid-feedback,
   1545 .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
   1546 .custom-control-input.is-valid ~ .valid-tooltip {
   1547   display: block;
   1548 }
   1549 
   1550 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
   1551   background-color: #34ce57;
   1552 }
   1553 
   1554 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
   1555   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   1556   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   1557 }
   1558 
   1559 .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
   1560   border-color: #28a745;
   1561 }
   1562 
   1563 .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
   1564   border-color: inherit;
   1565 }
   1566 
   1567 .was-validated .custom-file-input:valid ~ .valid-feedback,
   1568 .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
   1569 .custom-file-input.is-valid ~ .valid-tooltip {
   1570   display: block;
   1571 }
   1572 
   1573 .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
   1574   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   1575   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   1576 }
   1577 
   1578 .invalid-feedback {
   1579   display: none;
   1580   width: 100%;
   1581   margin-top: 0.25rem;
   1582   font-size: 80%;
   1583   color: #dc3545;
   1584 }
   1585 
   1586 .invalid-tooltip {
   1587   position: absolute;
   1588   top: 100%;
   1589   z-index: 5;
   1590   display: none;
   1591   max-width: 100%;
   1592   padding: .5rem;
   1593   margin-top: .1rem;
   1594   font-size: .875rem;
   1595   line-height: 1;
   1596   color: #fff;
   1597   background-color: rgba(220, 53, 69, 0.8);
   1598   border-radius: .2rem;
   1599 }
   1600 
   1601 .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
   1602 .custom-select:invalid,
   1603 .custom-select.is-invalid {
   1604   border-color: #dc3545;
   1605 }
   1606 
   1607 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
   1608 .custom-select:invalid:focus,
   1609 .custom-select.is-invalid:focus {
   1610   border-color: #dc3545;
   1611   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   1612   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   1613 }
   1614 
   1615 .was-validated .form-control:invalid ~ .invalid-feedback,
   1616 .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
   1617 .form-control.is-invalid ~ .invalid-tooltip, .was-validated
   1618 .custom-select:invalid ~ .invalid-feedback,
   1619 .was-validated
   1620 .custom-select:invalid ~ .invalid-tooltip,
   1621 .custom-select.is-invalid ~ .invalid-feedback,
   1622 .custom-select.is-invalid ~ .invalid-tooltip {
   1623   display: block;
   1624 }
   1625 
   1626 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
   1627   color: #dc3545;
   1628 }
   1629 
   1630 .was-validated .form-check-input:invalid ~ .invalid-feedback,
   1631 .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
   1632 .form-check-input.is-invalid ~ .invalid-tooltip {
   1633   display: block;
   1634 }
   1635 
   1636 .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
   1637   color: #dc3545;
   1638 }
   1639 
   1640 .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
   1641   background-color: #efa2a9;
   1642 }
   1643 
   1644 .was-validated .custom-control-input:invalid ~ .invalid-feedback,
   1645 .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
   1646 .custom-control-input.is-invalid ~ .invalid-tooltip {
   1647   display: block;
   1648 }
   1649 
   1650 .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
   1651   background-color: #e4606d;
   1652 }
   1653 
   1654 .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
   1655   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   1656   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   1657 }
   1658 
   1659 .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
   1660   border-color: #dc3545;
   1661 }
   1662 
   1663 .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
   1664   border-color: inherit;
   1665 }
   1666 
   1667 .was-validated .custom-file-input:invalid ~ .invalid-feedback,
   1668 .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
   1669 .custom-file-input.is-invalid ~ .invalid-tooltip {
   1670   display: block;
   1671 }
   1672 
   1673 .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
   1674   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   1675   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   1676 }
   1677 
   1678 /*
   1679  * code
   1680  */
   1681 pre,
   1682 code {
   1683   font-size: 80%;
   1684   border-radius: 3px;
   1685   background-color: #eee; !important
   1686 }
   1687 
   1688 code {
   1689   background-color: #eee;
   1690   color: #111;
   1691   padding: 1px 5px;
   1692 }
   1693 
   1694 pre {
   1695   background-color: #eee;
   1696   padding: 8px 12px;
   1697   overflow-x: auto;
   1698 }
   1699 
   1700 pre > code {
   1701   background-color: #eee;
   1702   border: 0;
   1703   padding-right: 0;
   1704   padding-left: 0;
   1705 }
   1706 
   1707 /*
   1708  * nav
   1709  */
   1710 .nav-link {
   1711   font-size: 1.5rem;
   1712   padding: 0.5rem 1rem;
   1713 }
   1714 
   1715 .nav-link.disabled {
   1716   color: #6c757d;
   1717 }
   1718 
   1719 .nav-tabs .nav-item {
   1720   margin-bottom: -1px;
   1721 }
   1722 
   1723 .nav-tabs .nav-link {
   1724   border: 1px solid transparent;
   1725   border-top-left-radius: 0.25rem;
   1726   border-top-right-radius: 0.25rem;
   1727 }
   1728 
   1729 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
   1730   border-color: #eee #eee #dee2e6;
   1731 }
   1732 
   1733 .nav-tabs .nav-link.disabled {
   1734   color: #6c757d;
   1735 }
   1736 
   1737 .nav-tabs .nav-link.active,
   1738 .nav-tabs .nav-item.show .nav-link {
   1739   color: #555;
   1740   background-color: #fff;
   1741 }
   1742 
   1743 .nav-tabs .dropdown-menu {
   1744   margin-top: -1px;
   1745 }
   1746 
   1747 .nav-pills .nav-link {
   1748   border-radius: 0.25rem;
   1749 }
   1750 
   1751 .nav-pills .nav-link.active,
   1752 .nav-pills .show > .nav-link {
   1753   color: #fff;
   1754   background-color: #333;
   1755 }
   1756 
   1757 /*
   1758  * card
   1759  */
   1760 .card {
   1761   background-color: #fff;
   1762   border: 1px solid rgba(0, 0, 0, 0.125);
   1763   border-radius: 0.25rem;
   1764 }
   1765 
   1766 .card > .list-group:first-child .list-group-item:first-child {
   1767   border-top-left-radius: 0.25rem;
   1768   border-top-right-radius: 0.25rem;
   1769 }
   1770 
   1771 .card > .list-group:last-child .list-group-item:last-child {
   1772   border-bottom-right-radius: 0.25rem;
   1773   border-bottom-left-radius: 0.25rem;
   1774 }
   1775 
   1776 .card-body {
   1777   padding: 1.25rem;
   1778 }
   1779 
   1780 .card-title {
   1781   margin-bottom: 0.75rem;
   1782 }
   1783 
   1784 .card-subtitle {
   1785   margin-top: -0.375rem;
   1786 }
   1787 
   1788 .card-link + .card-link {
   1789   margin-left: 1.25rem;
   1790 }
   1791 
   1792 .card-header {
   1793   padding: 0.75rem 1.25rem;
   1794   background-color: rgba(0, 0, 0, 0.03);
   1795   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
   1796 }
   1797 
   1798 .card-header:first-child {
   1799   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
   1800 }
   1801 
   1802 .card-header-transparent {
   1803   background-color: rgba(0, 0, 0, 0.3);
   1804   border-bottom: none;
   1805 }
   1806 
   1807 .card-footer {
   1808   padding: 0.75rem 1.25rem;
   1809   background-color: #f8f9fa;
   1810   border-top: 1px solid rgba(0, 0, 0, 0.125);
   1811 }
   1812 
   1813 .card-footer:last-child {
   1814   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
   1815 }
   1816 
   1817 .card-header-tabs {
   1818   margin-right: -0.625rem;
   1819   margin-bottom: -0.75rem;
   1820   margin-left: -0.625rem;
   1821   border-bottom: 0;
   1822 }
   1823 
   1824 .card-header-pills {
   1825   margin-right: -0.625rem;
   1826   margin-left: -0.625rem;
   1827 }
   1828 
   1829 .card-img-overlay {
   1830   padding: 1.25rem;
   1831 }
   1832 
   1833 .card-img-overlay-opacity {
   1834   background: rgba(0, 0, 0, 0.2);
   1835 }
   1836 
   1837 .card-img {
   1838   border-radius: calc(0.25rem - 1px);
   1839 }
   1840 
   1841 .card-img-top {
   1842   border-top-left-radius: calc(0.25rem - 1px);
   1843   border-top-right-radius: calc(0.25rem - 1px);
   1844 }
   1845 
   1846 .card-img-bottom {
   1847   border-bottom-right-radius: calc(0.25rem - 1px);
   1848   border-bottom-left-radius: calc(0.25rem - 1px);
   1849 }
   1850 
   1851 .card-deck .card {
   1852   margin-bottom: 15px;
   1853 }
   1854 
   1855 @media (min-width: 576px) {
   1856   .card-deck {
   1857     margin-right: -15px;
   1858     margin-left: -15px;
   1859   }
   1860   .card-deck .card {
   1861     margin-right: 15px;
   1862     margin-left: 15px;
   1863   }
   1864 }