body {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

.hpbymc {
    display: none;
}

h1, h2, h3, h4 {color: #333333;}

h1 {
    font-weight: 300;
    font-size: 2.2rem;
    font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}

h2 {font-weight: 300; font-size: 1.8rem}
h4 {font-weight: 200;}

a {
    color: #333;
}

a:hover {
    color: #df9712;
}

/******************************
*  COLORS
******************************/
.light-grey {
    color: #999999;
}

.green {
    color: #20b77e;
}

.inactive {
    color: #999;
    text-decoration: line-through;
}

.bg-secondary {background-color: #5a6268 !important;}
.bg-success {background-color: #2f8f6b !important;}
.bg-primary {background-color: #23568c !important;}
.bg-light-orange {background-color: #fdd9c9;}
.bg-light-yellow {background-color: #fdf6ca;}
.bg-light-purple {background-color: #fddee6;}
.bg-light-blue {background-color: #dbeef2;}
.bg-light-yellow-green {background-color: #f0f6d0;}
.bg-light-green {background-color: #def7cf;}
.bg-light-green2 {background-color: #d2f3e2;}

/******************************
*  BUTTONS
******************************/
.btn-primary {
    background-color: #df9712;
    border: none;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover,
.btn-primary:active:focus {
    background-color: #ae7a19;
}

.btn-success {
    background-color: #20b77e;
    border: none;
}

.btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success:active:hover,
.btn-success:active:focus {
    background-color: #1d5641;
    border: none;
}

.btn-premium {
    background-color: #fbfdff;
    border: 2px solid #23568c;
    padding: 0.275rem .65rem;
}

.btn-premium:focus, .btn-premium:hover, .btn-premium:active, .btn-premium:active:hover,
.btn-premium:active:focus {
    background-color: #dbe0e7;
    border: 2px solid #23568c;
}

#word_list_create:disabled {
    background-color: #a3a3a3;
    cursor: wait;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.box-shadow-strong {
    -moz-box-shadow: 2px 4px 8px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, .5);
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .5);
}

/******************************
*  ALERTS
******************************/
.alert-light {
    border-color: #d3d3d3;
    font-size: 0.9rem;
    margin-bottom: 0;
}

.loading-gear {
    width: 200px;
    height: 200px;
    background: url(../images/crossword/loading-gear.gif) no-repeat left 50px;
}

/******************************
*  CARDS
******************************/
.card h2.card-header {
    font-size: 1.2rem;
}

.card h3.card-header {
    font-size: 1.1rem;
}

.card .card-body ul {
    padding: 0;
}

.card .card-body ul li {
    list-style: none;
    margin-bottom: 5px;
}

.card .card-body ul li svg {
    margin-top:-3px;
}

.card-header a {
    color: #242628;
}

/******************************
*  TOP BAR
******************************/
.top-bar {
    background-color: #179597;
    height: 10px;
}

/******************************
*   ANIMATION
******************************/
.row [class*='col-'] {
    transition: all 0.5s ease-in-out;
}

/******************************
*  NAVIGATION
******************************/
.navbar {
    background-color: #fff;
    border: none;
    border-bottom: solid #777 1px;
    border-radius: 0;
}

.navbar-nav > li > a {
    color: #4e4e4e;
    font-size: 0.9rem;
    font-weight: 500;
}

.navbar-nav > li > a:hover {
    color: #111111;
    background-color: #f1f1f1;
    border-radius: 6px;
}

.navbar-light .navbar-nav > .active > a.nav-link {
    color: #df9712;
}

/******************************
*  JUMBOTRON
******************************/
.jumbotron {
    margin-bottom: 0;
    background: url(../images/crossword/background-kruiswoordpuzzelfabriek-nl.jpg) no-repeat center 0;
    background-size: cover;
}

.jumbotron p:last-child {
    margin-bottom: 0;
}

body#main {
    background-image:
            linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)),
            url(../images/crossword/background-kruiswoordpuzzelfabriek-nl.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    margin-bottom: 0;
}

.design-item {
    max-width: 311px;
}

.center-line {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 1px solid #bbb;
    margin: 15px;
}

/* INPUT FORM */
form .col-form-label,
form label {
    font-weight: 500;
}

.license_explanation {
    height: 217px;
}

#crossword-form-license .col-form-label,
#crossword-form-license .form-check-label,
form label.font-weight-regular {
    font-weight: 400;
}

form .large-help {
    font-size: 1rem;
}

.solution_char {
    font-weight: normal;
    font-size: 0.9rem;
    margin-left: 2px;
}

form ul {
    padding: 0;
}

form ul li {
    list-style: none;
    margin-bottom: 5px;
}

/******************************
*  BASKET
******************************/
.total-price {
    font-size: 1.4rem;
    color: #3ed036;
    font-weight: 500;
}

/******************************
*  RESULT
******************************/
.crossword .questions {
    column-count: 2;
    font-size: 1.2rem;
}

.crossword .cw-description {
    max-width: 800px;
}

.crossword .puzzle {
    overflow: hidden;
}

.cw-table {
    overflow: hidden;
    margin-bottom: 10px;
}

.cw-row {
    clear: both;
}

.cw-cell {
    width: 32px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    float: left;
}

.cw-cell.char {
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
    background-color: #fff !important;
}

.cw-cell.char .preview {
    color: #aaaaaa;
}

.cw-cell.b-top {border-top: #000 solid 1px;}
.cw-cell.b-bottom {border-bottom: #000 solid 1px;}
.cw-cell.b-left {border-left: #000 solid 1px;}
.cw-cell.b-right {border-right: #000 solid 1px;}

.cw-cell.empty {
    background: none;
}

.crossword .puzzle .char .hint {
    position: absolute;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}

.crossword .puzzle .char .solution {
    margin-top: 26px;
    padding-right: 2px;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
}

/** SOLUTION */
.crossword .puzzle .solution-cells {
    clear: both;
}

.crossword .puzzle .solution-cells .word {
    margin: 0 4px 4px 0;
    white-space: nowrap;
    display: inline-block;
}

.crossword .solution-cells .char {
    border: #000 solid 1px;
    border-right: none;
}

.crossword .puzzle .solution-cells .char.last {
    border-right: #000 solid 1px;
}

.crossword .puzzle .solution-cells .char .hint {
    font-weight: 400;
}

.crossword .puzzle .solution-cells .char .preview {
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #aaa;
}

.hints {
    max-width: 800px;
}

.hints ul {
    padding: 0;
}

.hints ul li {
    list-style: none;
    margin-bottom: 5px;
}

.result.print {
    padding: 0.5cm;
}

/******************************
*  FOOTER
******************************/
footer {
    background-color: #333;
    border-top: 1px solid #000;
    color: #e7e7e7;
    font-size: 0.9rem;
}

footer h3 {
    font-size: 1.2em;
    text-decoration: underline;
    color: #fff;
}

footer .nav a{
    color: #e7e7e7;
    padding: 5px 0;
}

footer .nav a:hover,
footer .nav a:focus,
footer .nav a:active {
    background-color: #333;
    color: #fff;
}

/******************************
*  ORDER FLOW
******************************/
.license-message {
    font-size: 0.8rem;
}

/******************************
*  DEBUG
******************************/
.debug {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #555;
    padding: 5px;
}

/******************************
*  THEMES
******************************/
.a4paper {
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    display: block;
    width: 21cm;
    height: 29.7cm;
    margin: 10px auto 0.5cm;
}

.theme {
    background-size: cover;
}

.theme.print .background-image {
    top: 10px;
    left: 50%;
    margin-left: -10.5cm;
    position: absolute;
    width: 21cm;
    height: 29.7cm;
    z-index: -1;
}

.theme .cw-table {
    margin: 0 auto 10px auto;
}

.theme .solution-title,
.theme .watermark,
.theme .solution-cells {
    text-align: center;
}

.theme .solution-cells {
    max-width: 600px;
    margin: 0 auto;
}

.theme h2 {
    font-size: 42px;
    text-align: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 100px 0 0 0;
    letter-spacing: 2px;
    text-shadow: 2px 2px 2px #ffffff!important;
}

.theme.preview h2 {
    padding-top: 80px;
}

/** LARGE PUZZLE FIXES */
.theme.height-12 h2,
.theme.height-13 h2,
.theme.height-14 h2,
.theme.height-15 h2,
.theme.height-16 h2,
.theme.height-17 h2,
.theme.height-18 h2,
.theme.height-19 h2,
.theme.height-20 h2,
.theme.height-21 h2,
.theme.height-22 h2,
.theme.height-23 h2,
.theme.height-24 h2 {
    padding-top: 50px;
}

.theme.height-14 {line-height: 1.3}
.theme.height-15,
.theme.height-16,
.theme.height-17,
.theme.height-18,
.theme.height-19,
.theme.height-20,
.theme.height-21,
.theme.height-22,
.theme.height-23,
.theme.height-24 {line-height: 1.2}

.theme.height-16 .crossword .puzzle .char .hint,
.theme.height-17 .crossword .puzzle .char .hint,
.theme.height-18 .crossword .puzzle .char .hint,
.theme.height-19 .crossword .puzzle .char .hint,
.theme.height-20 .crossword .puzzle .char .hint,
.theme.height-21 .crossword .puzzle .char .hint,
.theme.height-22 .crossword .puzzle .char .hint,
.theme.height-23 .crossword .puzzle .char .hint,
.theme.height-24 .crossword .puzzle .char .hint {
    margin-top: 1px;
    margin-left: 1px;
    font-size: 11px;
}

.theme.height-14 .crossword .puzzle .cw-cell {height: 37px;line-height: 37px;}
.theme.height-15 .crossword .puzzle .cw-cell {height: 36px;line-height: 36px;}
.theme.height-16 .crossword .puzzle .cw-cell {height: 35px;line-height: 35px;}
.theme.height-17 .crossword .puzzle .cw-cell {height: 34px;line-height: 34px;}
.theme.height-18 .crossword .puzzle .cw-cell {height: 32px;line-height: 32px;}
.theme.height-19 .crossword .puzzle .cw-cell {height: 30px;line-height: 30px;}
.theme.height-20 .crossword .puzzle .cw-cell {height: 29px;line-height: 29px;}
.theme.height-21 .crossword .puzzle .cw-cell {height: 28px;line-height: 28px;}
.theme.height-22 .crossword .puzzle .cw-cell {height: 26px;line-height: 26px;}

.theme.height-14 .crossword .puzzle .cw-cell .solution {margin-top: 22px;}
.theme.height-15 .crossword .puzzle .cw-cell .solution {margin-top: 22px;}
.theme.height-16 .crossword .puzzle .cw-cell .solution {margin-top: 21px;}
.theme.height-17 .crossword .puzzle .cw-cell .solution {margin-top: 20px;}
.theme.height-18 .crossword .puzzle .cw-cell .solution {margin-top: 19px;}
.theme.height-19 .crossword .puzzle .cw-cell .solution {margin-top: 16px;}
.theme.height-20 .crossword .puzzle .cw-cell .solution {margin-top: 16px;}
.theme.height-21 .crossword .puzzle .cw-cell .solution {margin-top: 15px;}
.theme.height-22 .crossword .puzzle .cw-cell .solution {margin-top: 13px;}

.theme.none.height-16 .crossword .puzzle .cw-cell {height: 33px;line-height: 33px;}
.theme.none.height-17 .crossword .puzzle .cw-cell {height: 33px;line-height: 33px;}
.theme.none.height-18 .crossword .puzzle .cw-cell {height: 33px;line-height: 33px;}
.theme.none.height-19 .crossword .puzzle .cw-cell {height: 32px;line-height: 32px;}
.theme.none.height-20 .crossword .puzzle .cw-cell {height: 31px;line-height: 31px;}
.theme.none.height-21 .crossword .puzzle .cw-cell {height: 30px;line-height: 30px;}
.theme.none.height-22 .crossword .puzzle .cw-cell {height: 28px;line-height: 28px;}
.theme.none.height-23 .crossword .puzzle .cw-cell {height: 27px;line-height: 27px;}
.theme.none.height-24 .crossword .puzzle .cw-cell {height: 26px;line-height: 26px;}
.theme.none.height-25 .crossword .puzzle .cw-cell {height: 25px;line-height: 25px;}
.theme.none.height-26 .crossword .puzzle .cw-cell {height: 24px;line-height: 24px;}
.theme.none.height-27 .crossword .puzzle .cw-cell {height: 23px;line-height: 23px;}
.theme.none.height-28 .crossword .puzzle .cw-cell {height: 22px;line-height: 22px;}
.theme.none.height-29 .crossword .puzzle .cw-cell {height: 21px;line-height: 21px;}
.theme.none.height-30 .crossword .puzzle .cw-cell {height: 20px;line-height: 20px;}
.theme.none.height-31 .crossword .puzzle .cw-cell {height: 20px;line-height: 20px;}
.theme.none.height-32 .crossword .puzzle .cw-cell {height: 19px;line-height: 19px;}
.theme.none.height-33 .crossword .puzzle .cw-cell {height: 19px;line-height: 19px;}
.theme.none.height-34 .crossword .puzzle .cw-cell {height: 18px;line-height: 18px;}
.theme.none.height-35 .crossword .puzzle .cw-cell {height: 18px;line-height: 18px;}
.theme.none.height-36 .crossword .puzzle .cw-cell {height: 17px;line-height: 17px;}
.theme.none.height-37 .crossword .puzzle .cw-cell {height: 17px;line-height: 17px;}
.theme.none.height-38 .crossword .puzzle .cw-cell {height: 16px;line-height: 16px;}
.theme.none.height-39 .crossword .puzzle .cw-cell {height: 16px;line-height: 16px;}
.theme.none.height-40 .crossword .puzzle .cw-cell {height: 16px;line-height: 16px;}
.theme.none.height-41 .crossword .puzzle .cw-cell {height: 15px;line-height: 15px;}
.theme.none.height-42 .crossword .puzzle .cw-cell {height: 15px;line-height: 15px;}

.theme.none.height-16 .crossword .puzzle .cw-cell .solution {margin-top: 19px;}
.theme.none.height-17 .crossword .puzzle .cw-cell .solution {margin-top: 19px;}
.theme.none.height-18 .crossword .puzzle .cw-cell .solution {margin-top: 19px;}
.theme.none.height-19 .crossword .puzzle .cw-cell .solution {margin-top: 18px;}
.theme.none.height-20 .crossword .puzzle .cw-cell .solution {margin-top: 17px;}
.theme.none.height-21 .crossword .puzzle .cw-cell .solution {margin-top: 16px;}
.theme.none.height-22 .crossword .puzzle .cw-cell .solution {margin-top: 15px;}
.theme.none.height-23 .crossword .puzzle .cw-cell .solution {margin-top: 14px;}
.theme.none.height-24 .crossword .puzzle .cw-cell .solution {margin-top: 13px;}
.theme.none.height-25 .crossword .puzzle .cw-cell .solution {margin-top: 12px;}
.theme.none.height-26 .crossword .puzzle .cw-cell .solution {margin-top: 11px;}
.theme.none.height-27 .crossword .puzzle .cw-cell .solution {margin-top: 10px;}
.theme.none.height-28 .crossword .puzzle .cw-cell .solution {margin-top: 9px;}
.theme.none.height-29 .crossword .puzzle .cw-cell .solution {margin-top: 8px;}
.theme.none.height-30 .crossword .puzzle .cw-cell .solution {margin-top: 7px;}
.theme.none.height-31 .crossword .puzzle .cw-cell .solution {margin-top: 6px;}
.theme.none.height-32 .crossword .puzzle .cw-cell .solution {margin-top: 5px;}
.theme.none.height-33 .crossword .puzzle .cw-cell .solution {margin-top: 4px;}
.theme.none.height-34 .crossword .puzzle .cw-cell .solution {margin-top: 3px;}
.theme.none.height-35 .crossword .puzzle .cw-cell .solution {margin-top: 2px;}
.theme.none.height-36 .crossword .puzzle .cw-cell .solution {margin-top: 1px;}
.theme.none.height-37 .crossword .puzzle .cw-cell .solution {margin-top: 0px;}
.theme.none.height-38 .crossword .puzzle .cw-cell .solution {margin-top: 0px;}
.theme.none.height-39 .crossword .puzzle .cw-cell .solution {margin-top: 0px;}
.theme.none.height-40 .crossword .puzzle .cw-cell .solution {margin-top: 0px;}
.theme.none.height-41 .crossword .puzzle .cw-cell .solution {margin-top: 0px;}
.theme.none.height-42 .crossword .puzzle .cw-cell .solution {margin-top: 0px;}

.theme .table.solution {margin-bottom: 2px;}

.theme.width-19 .crossword .cw-cell {width: 31px}
.theme.width-20 .crossword .cw-cell {width: 30px}
.theme.width-21 .crossword .cw-cell {width: 29px}
.theme.width-22 .crossword .cw-cell {width: 28px}
.theme.width-23 .crossword .cw-cell {width: 27px}
.theme.width-24 .crossword .cw-cell {width: 26px}
.theme.width-25 .crossword .cw-cell {width: 25px}
.theme.width-26 .crossword .cw-cell {width: 24px}

/** puzzles without design */
.theme.none.width-19 .crossword .cw-cell,
.theme.none.width-20 .crossword .cw-cell,
.theme.none.width-21 .crossword .cw-cell,
.theme.none.width-22 .crossword .cw-cell {width: 32px}
.theme.none.width-23 .crossword .cw-cell {width: 31px}
.theme.none.width-24 .crossword .cw-cell {width: 29px}
.theme.none.width-25 .crossword .cw-cell {width: 28px}
.theme.none.width-26 .crossword .cw-cell {width: 27px}
.theme.none.width-27 .crossword .cw-cell {width: 26px}
.theme.none.width-28 .crossword .cw-cell {width: 25px}
.theme.none.width-29 .crossword .cw-cell {width: 24px}
.theme.none.width-30 .crossword .cw-cell {width: 23px}
.theme.none.width-31 .crossword .cw-cell {width: 23px}
.theme.none.width-32 .crossword .cw-cell {width: 22px}
.theme.none.width-33 .crossword .cw-cell {width: 21px}
.theme.none.width-34 .crossword .cw-cell {width: 20px}
.theme.none.width-35 .crossword .cw-cell {width: 20px}
.theme.none.width-36 .crossword .cw-cell {width: 19px}
.theme.none.width-37 .crossword .cw-cell {width: 19px}
.theme.none.width-38 .crossword .cw-cell {width: 18px}
.theme.none.width-39 .crossword .cw-cell {width: 18px}
.theme.none.width-40 .crossword .cw-cell {width: 17px}
.theme.none.width-41 .crossword .cw-cell {width: 17px}
.theme.none.width-42 .crossword .cw-cell {width: 16.9px}
/** END LARGE PUZZLE FIXES */

.theme p.cw-description {
    text-align: center;
    font-style: italic;
    color: #7d7d7d !important;
    padding: 20px 0;
    max-width: 580px;
    margin: 0 auto;
}

/** NONE - This is as special theme to support better PDF downloads for larger puzzles */
.theme.none {
    padding: 24px;
}

.theme.none h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2rem;
    margin: 0;
    text-align: left;
    max-width: none;
}

.theme.none.print h2 {
    padding-top: 54px;
}

.theme.none p {
    text-align: left;
    font-style: normal;
    margin: 0;
    padding: 0;
}

.theme.none .cw-table {
    margin: 0 0 10px 0;
}

.theme.none .solution-title, .theme.none .watermark, .theme.none .solution-cells {
    text-align: left;
    margin: 0;
    max-width: none;
}

/** PARTY */
.theme.party {
    background: url("/images/themes/party.png") no-repeat top left;
    background-size: cover;
}

.theme.party h2 {
    font-family: 'Bangers', cursive;
    color: #ffaa08 !important;
    font-size: 42px;
}

.theme.party p {
    font-style: normal;
    font-weight: normal;
    color: #007cc9 !important;
}

.theme.party .crossword .puzzle td.char {
    border: #29351f solid 1px;
}

/** TRENDY */
.theme.trendy {
    background: url("/images/themes/trendy.png") no-repeat top left;
    background-size: cover;
}

.theme.trendy h2 {
    font-family: 'Courgette', cursive;
    color: #6c8674 !important;
    font-size: 42px;
}

.theme.trendy p {
    font-style: normal;
    font-weight: bold;
    color: #e0784f !important;
}

.theme.trendy .crossword .puzzle td.char {
    border: #4e5048 solid 1px;
}

/** CLASSIC */
.theme.classic {
    background: url("/images/themes/classic.png") no-repeat top left;
    background-size: cover;
}

.theme.classic h2 {
    font-family: 'Playfair Display', serif;
    color: #e0586e !important;
    font-size: 44px;
}

.theme.classic p {
    color: #30546f !important;
    font-family: 'Times New Roman', Times, serif;
    font-size: 18px;
}

.theme.classic .crossword .puzzle td.char {
    border: #1d364c solid 1px;
}

/** STYLISH */
.theme.stylish {
    background: url("/images/themes/stylish.png") no-repeat top left;
    background-size: cover;
}

.theme.stylish h2 {
    font-family: 'Alex Brush', cursive;
    font-size: 50px;
    color: #c69433 !important;
}

.theme.stylish .crossword .puzzle td.char {
    border: #29351f solid 1px;
}

/** HAPPY */
.theme.happy {
    background: url("/images/themes/happy.png") no-repeat top left;
    background-size: cover;
}

.theme.happy h2 {
    font-family: 'Alex Brush', cursive;
    font-size: 50px;
    color: #dd4d32 !important;
    font-weight: bold;
}

.theme.happy .crossword .puzzle td.char {
    border: #164e24 solid 1px;
}

/** SAINT NICHOLAS */
.theme.saint-nicholas {
    background: url("/images/themes/saint-nicholas.png") no-repeat top left;
    background-size: cover;
}

.theme.saint-nicholas h2 {
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 42px;
    color: #fbaa19!important;
    font-weight: bold;
    text-shadow: 1px 1px 1px #152f42 !important;
}

.theme.saint-nicholas p {
    color: #333333!important;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal;
}

/** SAINT NICHOLAS 2 */
.theme.saint-nicholas-2 {
    background: url("/images/themes/saint-nicholas-2.png") no-repeat top left;
    background-size: cover;
}

.theme.saint-nicholas-2 h2 {
    font-family: 'Courgette',Helvetica,Arial,sans-serif;
    font-size: 42px;
    color: #ef4923!important;
    font-weight: bold;
}

.theme.saint-nicholas-2 p {
    font-style: normal;
}

/** CHRISTMAS */
.theme.christmas {
    background: url("/images/themes/christmas.png") no-repeat top left;
    background-size: cover;
}

.theme.christmas h2 {
    font-family: 'Courgette', cursive;
    color: #ba2636!important;
    font-weight: bold;
}

.theme.christmas p {
    max-width: 530px;
    color: #0f595a!important;
}

/** SUMMER */
.theme.summer {
    background: url("/images/themes/summer.png") no-repeat top left;
    background-size: cover;
}

.theme.summer h2 {
    font-family: 'Courgette',Helvetica,Arial,sans-serif;
    color: #e40329!important;
    font-weight: bold;
}

.theme.summer p {
    max-width: 530px;
    color: #241f1a!important;
    font-style: normal;
}

/** AUTUMN */
.theme.autumn {
    background: url("/images/themes/autumn.png") no-repeat top left;
    background-size: cover;
}

.theme.autumn h2 {
    font-family: 'Courgette',Helvetica,Arial,sans-serif;
    color: #d80c2f!important;
    font-weight: bold;
}

.theme.autumn p {
    max-width: 530px;
    color: #331b0c!important;
    font-style: normal;
}

/** WINTER */
.theme.winter {
    background: url("/images/themes/winter.png") no-repeat top left;
    background-size: cover;
}

.theme.winter h2 {
    font-family: 'Courgette';
    color: #dc3e1a!important;
    font-weight: bold;
}

.theme.winter p {
    max-width: 530px;
    font-style: normal;
}

/** Valentine */
.theme.valentine {
    background: url("/images/themes/valentine.png") no-repeat top left;
    background-size: cover;
}

.theme.valentine h2 {
    font-family: 'Courgette',Helvetica,Arial,sans-serif;
    color: #da3b00 !important;
    font-weight: bold;
    padding-top: 120px;
}
.theme.preview.valentine h2 {padding-top: 100px}

.theme.valentine p {
    max-width: 530px;
    font-style: normal;
    color: #558383 !important;
}

/** Spring */
.theme.spring {
    background: url("/images/themes/spring.png") no-repeat top left;
    background-size: cover;
}

.theme.spring h2 {
    font-family: 'Alex Brush', cursive;
    font-size: 50px;
    color: #ffce5a!important;
    padding-top: 120px;
    text-shadow: 1px 1px 1px #152f42 !important;
}

.theme.preview.spring h2 {padding-top: 100px;}

.theme.spring p {
    max-width: 530px;
    font-style: normal;
    padding: 0 0 20px 0;
}

/** Mothers day */
.theme.mothers-day {
    background: url("/images/themes/mothers-day.png") no-repeat top left;
    background-size: cover;
}

.theme.mothers-day h2 {
    font-family: 'Courgette', cursive;
    color: #cf5117 !important;
    padding-top: 124px;
    text-shadow: 1px 1px 1px #cfcfcf;
}

.theme.preview.mothers-day h2 {padding-top: 104px;}

.theme.mothers-day p {
    max-width: 530px;
    font-style: normal;
}

/** HALLOWEEN */
.theme.halloween {
    background: url("/images/themes/halloween.png") no-repeat top left;
    background-size: cover;
}

.theme.halloween h2 {
    font-family: 'Bangers', cursive;
    color: #191919 !important;
    margin-top: 8px;
    text-shadow: 1px 1px 1px #cfcfcf !important;
}

.theme.halloween p {
    max-width: 530px;
    font-style: normal;
}

/** MEN STUFF */
.theme.men-stuff {
    background: url("/images/themes/men-stuff.png") no-repeat top left;
    background-size: cover;
}

.theme.men-stuff h2 {
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    color: #009193!important;
    font-weight: bold;
    text-shadow: 1px 1px 1px #152f42 !important;
}

.theme.men-stuff p {
    color: #333333!important;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal;
}

/** GOLDEN STARS */
.theme.golden-stars {
    background: url("/images/themes/golden-stars.png") no-repeat top left;
    background-size: cover;
}

.theme.golden-stars h2 {
    font-family: 'Alex Brush', cursive;
    font-size: 50px;
    color: #c69433 !important;
    font-weight: bold;
    margin-top: 8px;
}

.theme.golden-stars p {
    color: #333333!important;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal;
}

/** KINGSDAY */
.theme.kingsday {
    background: url("/images/themes/kingsday.png") no-repeat top left;
    background-size: cover;
}

.theme.kingsday h2 {
    font-family: 'Bangers', cursive;
    color: #ff9100 !important;
    font-size: 42px;
    font-style: normal;
}

.theme.kingsday p {
    font-style: normal;
    font-weight: normal;
    color: #0000ff !important;
}

.theme.print {background: none;}

.theme .print-warning {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*********************
 * ACCOUNT
 ********************/
.account .nav-item.first a {
    border-top: solid 1px #ddd;
}

.account .nav-item a {
    border-bottom: solid 1px #ddd;
}

.account .nav-item a:hover {
    background-color: #f1f1f1;
    color: #333;
    -webkit-transition: background-color 10ms linear;
    -ms-transition: background-color 10ms linear;
    transition: background-color 10ms linear;
}

.account .nav-item a .bi
{
    margin-top:5px;
    float: right;
}

.account dt {
    font-weight: 500;
}

@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }
    body, #container {
        margin: 0;
        box-shadow: none;
        padding: 0;
    }

    .theme.none {
        padding: 40px;
    }

    body.theme.none.print h2 {
        padding-top: 10px;
    }

    body.theme.print .background-image {
        margin: 0;
        left: 0;
        top: 0;
    }
    .crossword .table td,
    .crossword .table th {
        background:none !important
    }

    .print-warning {
        display:  none;
    }

    .debug {
        display: none;
    }
}