/* peritonine.lt — Jekyll port of the bizto WordPress theme */
* { box-sizing: border-box; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #404040; background: #f1f1f1; }
img { max-width: 100%; height: auto; }
a { color: #21759b; }

/* Header */
.site-header { width: 100%; background: #2d2d2d; padding: 0; overflow: auto; }
.site-branding { width: 100%; padding: 5%; float: left; position: relative; }
.site-branding h1 { margin: 0 0 0.2em 0; color: rgba(255,255,255,0.94); font-family: 'Titillium Web', sans-serif; font-size: 1.8rem; }
.site-branding h1 a { color: inherit; text-decoration: none; }
.site-branding p { margin: 0; color: rgba(255,255,255,0.84); }
.site-branding .menu-button { position: absolute; top: 50%; right: 5%; font-size: 1.4em; margin: -0.6em 0 0 0; color: rgba(255,255,255,0.84); cursor: pointer; }
.site-branding .menu-button:before { content: "☰"; }
.main-navigation { display: none; float: left; width: 100%; padding: 10%; background: rgba(0,0,0,0.3); }
.menu-container { width: 100%; padding: 10% 0; }
.bizto-menu { text-align: left; }
.menu-container ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
.menu-container ul li { padding: 0 0 1.0em 0; margin: 0; font-weight: 600; color: rgba(255,255,255,0.84); width: 100%; font-size: 1.2rem; }
.menu-container ul li a { text-decoration: none; color: rgba(255,255,255,0.84); font-weight: 600; }
.menu-container ul li a:hover, .menu-container ul li.current-menu-item a { color: #fff; }

/* Content */
.header-container { width: 100%; }
.site-content { width: 100%; padding: 5%; overflow: auto; }
.content-area { width: 100%; float: left; margin: 0 0 10% 0; }
.content-area-full { width: 100%; float: left; margin: 0 0 10% 0; }
.entry-header { margin: 5% 0 3% 0; }
.entry-title { font-family: 'Titillium Web', sans-serif; color: #2d2d2d; margin: 0 0 0.4em 0; font-size: 2em; line-height: 1.2; }
.entry-content { font-size: 1rem; line-height: 1.7; overflow-wrap: break-word; }
.entry-content h2 { font-family: 'Titillium Web', sans-serif; color: #2d2d2d; margin: 1.4em 0 0.6em 0; }
.entry-content img.float-left { float: left; margin: 0.4em 1.5em 0.4em 0; }
.entry-content iframe { max-width: 100%; }
.entry-content ul { list-style: disc; padding-left: 1.6em; }
.entry-content ul ul { list-style: circle; }

/* Front page */
.front-page-posts { overflow: auto; width: 100%; }
.front-page-post { width: 100%; margin: 0 0 5% 0; background: rgba(0,0,0,0.09); padding: 10%; float: left; }
.front-page-post-image { width: 100%; text-align: center; }
.front-page-post-image a { display: block; }
.front-page-post h2 { color: #000; margin: 0.5em 0; font-family: 'Titillium Web', sans-serif; }
.front-page-post-description { width: 100%; color: #333; }
.front-page-post-link { text-decoration: none; }
.front-page-post-link h2 { color: #e55656; }

/* Footer */
.site-footer { width: 100%; background: #1f2022; padding: 10%; overflow: auto; }
.site-logo { width: 100%; text-align: center; float: left; }
.site-logo h1 { color: rgba(255,255,255,0.94); margin: 0 0 0.3em 0; font-family: 'Titillium Web', sans-serif; font-size: 1.6rem; }
.site-logo p { color: rgba(255,255,255,0.6); margin: 0; }
.footer-widgets { width: 100%; float: left; margin-top: 5%; }
.footerWidgetContainer { width: 100%; float: left; padding: 2% 0; }
.widget-title { color: rgba(255,255,255,0.94); font-family: 'Titillium Web', sans-serif; margin: 0 0 0.6em 0; font-size: 1.2rem; }
.footerWidgetContainer ul { list-style: none; margin: 0; padding: 0; }
.footerWidgetContainer li { padding: 0.3em 0; }
.footerWidgetContainer a { color: rgba(255,255,255,0.7); text-decoration: none; }
.footerWidgetContainer a:hover { color: #fff; }

/* Desktop (matches bizto >= 1201px) */
@media screen and (min-width: 1201px) {
  .responsive-container { max-width: 1200px; margin: 0 auto; }
  .site-header { padding: 2%; }
  .site-branding { width: 20%; padding: 0; }
  .site-branding .menu-button { display: none; }
  .main-navigation { width: 80%; padding: 0; display: block; background: none; overflow: auto; }
  .bizto-menu { text-align: right; }
  .menu-container { padding: 0; float: right; width: 80%; }
  .menu-container ul li { padding: 0 2.0em; display: inline-block; width: auto; }
  .content-area { width: 65%; margin: 0 5% 10% 0; }
  .front-page-post { width: 27%; margin: 0 3% 6% 3%; padding: 3%; }
  .front-page-post:nth-child(3n+1) { clear: both; float: left; }
  .site-logo { width: 40%; }
  .footerWidgetContainer { width: 20%; }
}