/* Production's inline custom CSS (from the Warp template config) — captured verbatim so
   headings, links, buttons and layout match prod. Loaded after the merged stylesheet. */

.knop {
    margin-top: 0px;
    box-shadow: inset 0px 1px 0px 0px #dd3333;
    background: #dd3333;
    background-color: #dd3333;
    border-radius: 6px;
    border: 1px solid #dd3333;
    display: inline-block;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 15px;
    font-weight: normal;
    padding: 0px 15px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #b23e35;
}
.knop:hover { color: #FFFFFF; }

#header-top {
    min-height: 180px;
    margin: 0 auto;
}
.nn_tabs > ul.nav-tabs > li > a {
    display: block !important;
    transition-duration: .2s;
    color: #444;
    text-decoration: none;
    line-height: inherit;
}
.nn_tabs.outline_content > .tab-content {
    border: 1px solid #ddd;
    border-top: 4px solid #FFCB54;
}
em { color: #444; }
#copyright .menu li { float: left; margin-right: 5px; }
.menu-sidebar a.level1 > span:before,
.menu-sidebar span.level1 > span:before { content: " | "; }
h1, h3, h3 a, h2 { font-size: 24px; color: #444; }
a { color: #444; text-decoration: underline; }
a:hover { color: #FFCB54; }
.module-title { padding-bottom: 25px; }
#footer-block .menu a, #toolbar a { color: #444; }
#footer-block .menu a:hover, #toolbar a:hover { color: #FFCB54; }
#header-right a { text-decoration: none; }
#footer-block .menu a { font-size: 12px; }
.tag-line {
    font-size: 16px;
    font-weight: bold;
    border-left: 0px;
    padding-top: 20px;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
#logo img { width: 600px !important; padding-top: 20px; }
a[data-lightbox], a[data-lightbox] img, .spotlight .overlay-default { float: left; margin-right: 8px; }

/* Multi-column module positions (bottom-c, spotlight, innerbottom) as equal columns like prod */
#bottom-c .wrapper, #spotlight .wrapper.grid-block, #innerbottom .wrapper {
    display: flex; flex-wrap: wrap; gap: 24px;
}
#bottom-c .grid-box, #spotlight .grid-box, #innerbottom .grid-box { flex: 1 1 0; min-width: 220px; }
#bottom-c .grid-box .module, #spotlight .grid-box .module { margin: 0; }
/* RSForm fields full width like prod */
.rsform-block input[type=text], .rsform-block input[type=email], .formResponsive input[type=text],
.formResponsive input[type=email], .formResponsive textarea, .formResponsive select,
.item-page form input[type=text], .item-page form input[type=email], .item-page form textarea {
    width: 100%; max-width: 340px; box-sizing: border-box;
}
