/** Basic styling */
body { background-color: #eee !important; }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Links */
a { color: #568078; text-decoration: none; }
a:visited { color: #37524d; }
a:hover { color: #111; text-decoration: underline; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #828282; }

/** Site header */
.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 56px; position: relative; }

.site-title { font-size: 26px; font-weight: 300; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }
.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 56px; }
.site-nav .menu-icon { display: none; }
.site-nav .page-link { color: #111; line-height: 1.5; }
.site-nav .page-link:not(:last-child) { margin-right: 20px; }
@media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #eee; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; }
  .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
  .site-nav .menu-icon > svg { width: 18px; height: 15px; }
  .site-nav .menu-icon > svg path { fill: #424242; }
  .site-nav .trigger { clear: both; display: none; }
  .site-nav:hover .trigger { display: block; padding-bottom: 5px; }
  .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; }
  .site-nav .page-link:not(:last-child) { margin-right: 0; } }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); }
  .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
/** Page content */
.page-content { padding: 30px 0; }

.page-heading { font-size: 20px; }

.post-list { margin-left: 0; list-style: none; }
.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14px; color: #828282; }

.post-link { display: block; font-size: 24px; }

/** Posts */
.post-header { margin-bottom: 30px; }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }
@media screen and (max-width: 800px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }
.post-content h2 { font-size: 32px; }
@media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } }
.post-content h3 { font-size: 26px; }
@media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } }
.post-content h4 { font-size: 20px; }
@media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } }

.filters > div.checkbox, .filters > .form-group { margin: 0 !important; }

hr.dictionary-page { margin-top: 10px; margin-bottom: 5px; }

h1.dictionary-title { margin-top: 0; }

h4.dictionary-name { margin-top: 3px; margin-bottom: 3px; }

html, body#body { background-color: #eee !important; }

#root-parent { max-width: 960px; margin: auto; }

@media (max-width: 767px) { #stenodict-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
  #stenodict-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #ddd; } }
#stenodict-menu.navbar-default .navbar-brand { color: white; font-size: 36px; font-family: 'Sofia', sans-serif; }

#stenodict-menu.navbar-default { font-size: 14px; background-color: #568078; border-width: 0px; border-radius: 0px; }

#stenodict-menu.navbar-default .navbar-nav > li > a { color: white; background-color: #568078; }

#stenodict-menu.navbar-default .navbar-nav > li > a:hover, #stenodict-menu.navbar-default .navbar-nav > li > a:focus { color: white; background-color: #5d9187; }

#stenodict-menu.navbar-default .navbar-nav > .active > a, #stenodict-menu.navbar-default .navbar-nav > .active > a:hover, #stenodict-menu.navbar-default .navbar-nav > .active > a:focus { color: white; background-color: #446b64; }

#stenodict-menu.navbar-default .navbar-toggle { border-color: #eee; }

#stenodict-menu.navbar-default .navbar-toggle:hover, #stenodict-menu.navbar-default .navbar-toggle:focus { background-color: #446b64; }

#stenodict-menu.navbar-default .navbar-toggle .icon-bar { background-color: #eee; }

#stenodict-menu.navbar-default .navbar-toggle:hover .icon-bar, #stenodict-menu.navbar-default .navbar-toggle:focus .icon-bar { background-color: #eee; }

.author { color: #555; }

table { position: relative; }

/* Table row links */
td.row-link-wrapper { width: 0; margin-right: -1px; padding: 0 !important; border: 0 !important; border-color: white !important; }

td.row-link-wrapper + td { border-left: none !important; }

.row-link::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 3.5em; /* don't forget to set the height! */ }

/** Links */
a { color: #568078; text-decoration: none; }
a:visited { color: #37524d; }
a:hover { color: #111; text-decoration: underline; }

/* Bootstrap overrides */
.btn-primary, .btn.btn-primary, .btn.btn-primary:visited { color: white; background-color: #568078; border-color: #2d433f; }

.btn-primary:focus, .btn.btn-primary:focus { color: white; background-color: #42615b; border-color: #192422; }

.btn-primary:hover, .btn.btn-primary:hover { color: white; background-color: #42615b; border-color: #192422; }

a.btn.btn-primary:active, .btn-primary:active { color: white; background-color: #2d433f !important; border-color: #040606 !important; }

.label-info { background-color: #c89d39 !important; }