@charset "utf-8";

body, html { font-family: "Varela Round", sans-serif; background: rgb(244, 244, 244); height: 100%; min-height: 100%; font-size: 14px; }

a { color: rgb(166, 213, 3); }

header { background: url("/bundles/glansje/img/header-bg.jpg") right bottom / cover no-repeat rgb(131, 215, 246); color: rgb(255, 255, 255); position: relative; padding-bottom: 80px; padding-top: 80px; margin-bottom: 1.71em; }

#top-nav { background-color: rgb(255, 255, 255); }

.navbar.navbar-default { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(255, 255, 255); margin: 0px; }

.navbar.navbar-default li a { color: rgb(51, 51, 51); font-weight: bold; font-size: 1.14em; }

.navbar.navbar-default li a:hover { color: rgb(240, 125, 0); }

.navbar.navbar-default li.active a, .navbar.navbar-default li.active a:hover { background-color: rgb(240, 125, 0); color: rgb(255, 255, 255); }

.page-header p { font-size: 1.2em; }

h1 { color: rgb(240, 125, 0); font-size: 2.29em; font-weight: bold; margin-top: 0px; }

.page-header { margin-top: 0px; }

article.content, article.page-header { background-color: rgb(255, 255, 255); padding: 2em 4em 2em 2em; border: 2px solid rgb(227, 227, 227); margin-bottom: 2em; }

article.content .article-img { width: 100%; margin-bottom: 1.5em; }

article.content .date { text-transform: uppercase; font-size: 1.43em; color: rgb(134, 134, 134); }

article.content h2 { font-size: 2em; font-weight: bold; color: rgb(166, 213, 3); margin-bottom: 1em; margin-top: 0.2em; }

article.content .btn-primary { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(166, 213, 3); color: rgb(255, 255, 255); border-radius: 3px; }

article.content, section.content { margin-bottom: 1.71em; }

.article, .product { border: 3px solid rgb(227, 227, 227); border-radius: 3px; background: rgb(255, 255, 255); margin-bottom: 2em; }

.article strong { color: rgb(166, 213, 3); }

.article .inner, .product .inner { padding: 1.5em; }

.article .date { color: rgb(134, 134, 134); font-weight: lighter; font-size: 1.2em; text-transform: uppercase; }

.article h2, .product h2 { font-size: 2.5em; font-weight: bold; color: rgb(166, 213, 3); margin-top: 0px; }

.article .btn.btn-large.btn-default, .product .btn.btn-large.btn-default { background: rgb(166, 213, 3); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold; }

.siBlock { margin-bottom: 2em; }

.siImg { width: 100%; }

.siBlock .inner { background: rgb(240, 125, 0); color: rgb(255, 255, 255); }

.siBlock.blue .inner { background: rgb(255, 255, 255); }

.siBlock .content { padding: 1.2em; font-weight: bold; }

.siBlock h2 { font-size: 1.6em; }

.siBlock .btn.btn-default { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(240, 125, 0); font-weight: bold; }

.partners .row { margin-bottom: 2em; }

.partners .buttons { margin-top: 2em; }

.partners .btn.btn-large.btn-default { background: rgb(166, 213, 3); color: rgb(255, 255, 255); font-size: 1.3em; font-weight: bold; display: block; }

#characters { margin-top: 2em; padding-top: 2em; padding-bottom: 2em; background: rgb(166, 213, 3); }

#characters h2 { font-size: 2.8em; font-weight: bold; color: rgb(255, 255, 255); padding-bottom: 1em; margin-bottom: 1em; border-bottom: 3px solid rgb(255, 255, 255); }

#characters img { margin-bottom: 1em; }

#characters a { color: rgb(255, 255, 255); font-size: 1.3em; font-weight: bold; }

footer { background: rgb(101, 101, 102); color: rgb(255, 255, 255); padding: 2em; text-align: center; font-weight: bold; position: relative; bottom: 0px; }

.alert-fixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; border-radius: 0px; }

.shopping-list { width: 100%; }

.shopping-list .order-row { border-bottom: 1px solid rgb(227, 227, 227); }

.shopping-list .order-row td { padding-bottom: 12px; padding-top: 12px; height: 80px; }

.shopping-list .totals-row td { padding-bottom: 12px; padding-top: 12px; }

.shopping-list .totals-row td:last-child { border-bottom: 1px solid rgb(227, 227, 227); }

.shopping-list .totals-row.strong { font-weight: bold; }

.shopping-list .remove-product { color: rgb(118, 28, 25); font-size: 0.8em; }

.shopping-list th { text-align: center; }

.buttons { margin-top: 2em; }

legend { margin-top: 3em; color: rgb(166, 213, 3); }

.blog-img { margin-bottom: 2em; margin-top: 2em; }

.character-btn { display: block; cursor: pointer; color: rgb(255, 255, 255); font-weight: bold; }

.popover { font-family: "Varela Round", sans-serif; }

.popover-title { color: rgb(166, 213, 3); font-weight: bold; }

.modal-title { color: rgb(166, 213, 3); font-weight: bold; }

.modal .btn.btn-primary { background: rgb(166, 213, 3); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }