@charset "UTF-8";
/*
 * PX WP Blank main CSS file
 * developed by www.pixelready.de
 * all styling of main elements and containers is done here.
 * @import imports CSS reset
 * additional styling for grid system, form element and navigation is loaded via stylefooter.css before closing body tag.
 * V1
 */
/*
 * PX reset CSS
 * developed by www.pixelready.de
 * based on Eric Meyers CSS reset, http://meyerweb.com/eric/tools/css/reset/
 * V1
 */
/* ############################################################################################ */
/*   px2. CSS Reset & Clearings                                                            */
/* ############################################################################################ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, figure, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

/* Set all box-sizing to border-box */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* font-size fix */
html, body {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Clearings ---------------------*/
.clear:before, .clear:after,
.entry-content:before, .entry-content:after,
.comment-content:before, .comment-content:after,
.site-header:before, .site-header:after, .site-content:before, .site-content:after,
.site-footer:before, .site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/* This file is containing all colors and
 * predefined settings for grid system, menu, formstyles & margins
 */
/* ############################################################################################ */
/*   px1. SCSS variables                                                                        */
/* ############################################################################################ */
/* Define global grid settings =========================================================
=========================================================================================*/
/* width of container class in percent */
/* limited width on large screens */
/* @media breakpoint, which set all columns to 100% (of container width) */
                     /* set the margin-bottom for rows.

 * For margin-bottom:0 simply add class .rowsticky to specific rows
 * For empty columns used for whitespace add class .columnfall - this columns simply don't appear on small devices -
 * Collapse defines breakpoint, where columns all switch to 100% width.
*/
/* Define main font & color settings =========================================================== */
/* Font definition */
/* write combined style: font: font-style font-variant font-weight font-size/line-height font-family; */
/*$iconfont2: '';*/
/* If you need another iconfont, add it here */
/* if you need more font-families or font-syles, use auxiliary fonts */
/* Colors --------------- */
/* body font color */
/* headlines font color */
/* link color */
/* link visited color */
/* link hover color */
/* Color sheme:
 * define your theme's main colors here and write in the comment, for which elements you use them */
/* main color 1, used for .... please comment it's usage */
/* main color 2, used for .... please comment it's usage */
/*$col_main3: ; */
/*   main color 3, used for .... please comment it's usage */
/*$col_main4: ; */
/*  main color 4, used for .... please comment it's usage */
/* add more if you need to */
/* Helper colors */
/* Simply to have them on hand */
/* predifined greyscales for your design - or change it to colored nuances */
/* border-color, used for separator lines and content borders */
/* add more greyscales if you need to */
/* add more greyscales if you need to */
/* add more greyscales if you need to header background */
/* Used for success messages & classes  */
/* If you need a variation of green, e.g. as background for messages */
/* Used for error messages & classes */
/* If you need a variation of red, e.g. as background for messages  */
/* Used for low-in-stock products  */
/* If you need a variation of orange, e.g. as background for low-in-stock products */
/* Used for info messages & classes */
/* If you need a variation of blue, e.g. as background for messages */
/* screen-reader-focus color */
/* screen-reader-focus background */
/* Border definitions */
/* global border radius */
/* default border-style */
/* Margins -------------- */
/* defines the top & bottom margin of content blocks like hentry, comment blocks etc. */
/*defines the bottom margin of content elements and sections like p, form, ul, .entry-meta, .entry-footer etc. */
/*defines the bottom margin of the last child of p, ul etc. */
/* Others --------------- */
/* opacity for text links hover */
/* opacity for buttons hover */
/* alpha value for rgba backgrounds on content containers */
/* alpha value for rgba backgrounds on button elements */
/* Define navigation menu settings ========================================================= */
/* Menu color settings */
/* define menu font settings */
/* font-size for navigation links */
/* Menu font & icon color */
/* Menu font hover */
/* li background */
/* li hover background */
/* li ul li background */
/* border separator for li */
/* menu button background */
/* menu button hover background */
/* the lines inside the menu button */
/* defines hover effect for menu-icons, can be color or i.e. opacity */
/* actually only needed, if .menu-collapser font should be colored */
/* only needed, if navigation bar should have a colored background */
/* Adjust length of li>ul */
/* Adjust <i> line-height or margin-top, depending on projects settings */
/* Define form & field styles =============================================================== */
/* color for inputs & textareas */
/* placeholder color */
/* border for fields */
/* background for inputs $ fields */
/* extra background for radio and checkboxes */
/* box-shadow for inputs & textareas */
/* extra box-shadow for radio and checkboxes */
/* inner color of a checked radio or checkbox */
/* box-shadow for a checked radio or checkbox */
/* Styles for hovers */
/*$bxshad_field_hv: none;*/
/* hover box-shadow for fields */
/* hover box-shadow for radio and checkboxes */
/*$bxshad_check_hv: none; */
/* hover box-shadow for radio and checkboxes */
/* Button styles */
/* Styles for validation */
/* error color for fields and error message */
/* error border for fields */
/* error background for fields */
/* extra background for .w№cf7-validation-errors container */
/* error box-shadow for fields */
/* color for success message */
/* background for success message */
/*
 * PX WP Fonts included
 */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/merriweather-sans-v9-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Merriweather Sans"), local("MerriweatherSans-Regular"), url("../fonts/merriweather-sans-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-sans-v9-latin-regular.woff2") format("woff2"), url("../fonts/merriweather-sans-v9-latin-regular.woff") format("woff"), url("../fonts/merriweather-sans-v9-latin-regular.ttf") format("truetype"), url("../fonts/merriweather-sans-v9-latin-regular.svg#MerriweatherSans") format("svg");
  /* Legacy iOS */ }
.cbp-bislideshow {
  list-style: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 0;
  margin: 0; }

.cbp-bislideshow li {
  position: absolute;
  width: 101%;
  height: 101%;
  top: -0.5%;
  left: -0.5%;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s; }

/* If background-size supported we'll add the images to the background of the li */
.cbp-bislideshow li {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: top center; }

/* ...and hide the images */
.cbp-bislideshow li img {
  display: none; }

/* Fallback */
@supports not (background-size: cover) {
  .cbp-bislideshow li img {
    display: block;
    width: 100%; }

  .cbp-bislideshow li:first-child {
    opacity: 1; }

  .cbp-bislideshow li:first-child img {
    display: block; } }
/* CONTENT ( [no] bookmarks for PHPStorm ):
 * px1. SCSS variables [1]
 * px2. Global Theme Settings
 *      [2] Main tags
 *      [3] General structure (style header, footer, sidebar ect.)
 *      [4] Page & single style settings
 *          Settings for subpages & special classes
 *      [5] Shop settings for pages displaying products
 *          Shop sidebar settings
 *      [6] Shop pages for cart, checkout & myAccount pages
 *      [7] Plugin settings
 * px3. Media Queries for Theme Templates [8]
 * px4. Print CSS [9]


/* ############################################################################################ */
/*   px2. START PIXEL:READY; Template Settings                                                  */
/* ############################################################################################ */
/* Main tags -----------------------------------------------------------------------------
########################################################################################### */
/* CONTENT ( [no] bookmarks for PHPStorm ):
 * px1. SCSS variables [1]
 * px2. Global Theme Settings
 *      [2] Main tags
 *      [3] General structure (style header, footer, sidebar ect.)
 *      [4] Page & single style settings
 *      [5] Settings for subpages & special classes
 *      [6] Plugin settings
 * px3. Media Queries for Theme Templates [7]
 * px4. Print CSS [8]



/* ############################################################################################ */
/*   px2. START PIXEL:READY; Template Settings                                                  */
/* ############################################################################################ */
/* Main tags -----------------------------------------------------------------------------
########################################################################################### */
html {
  /*  overflow-y: scroll;  /* Use this to avoid jumping when the scrollbar appears */ }

body {
  max-width: 1920px;
  margin: auto;
  -ms-word-break: break-all;
  word-break: break-word;
  font: 100%/1.5em "Open Sans", Helvetica, Arial, sans-serif;
  color: #c4c6c6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
  font: bold 2em/1.2em "Merriweather Sans", Helvetica, Arial, sans-serif;
  clear: both;
  margin: 0 0 1em;
  color: #c4cdd0;
  font-weight: normal; }

h1 {
  font-size: 160%; }

h2 {
  font-size: 135%; }

h3 {
  font-size: 130%; }

h4 {
  font-size: 115%; }

h5 {
  font-size: 95%;
  text-transform: uppercase; }

h6 {
  font-size: 95%;
  margin-bottom: 0; }

p, form, blockquote, cite {
  margin-bottom: 1em; }

p:last-child {
  /*margin-bottom: $marg_bott1;*/ }

ul, ol, dl {
  margin-bottom: 1em; }

ul:last-child, ol:last-child, dl:last-child {
  /*margin-bottom: $marg_bott2;*/ }

li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

pre, code {
  font-family: monospace;
  background-color: #f4f4f4;
  padding: 0.5em 1em;
  margin-bottom: 1em; }

pre {
  background: rgba(0, 0, 0, 0.5);
  overflow: auto; }

table {
  width: 100%;
  text-align: left;
  margin-bottom: 1em; }

/* Images, embed & galleries-------------------------------------------------- */
img, figure {
  max-width: 100%;
  height: auto;
  margin: 0; }

embed,
iframe,
object {
  max-width: 100%;
  height: auto; }

hr {
  height: 1px;
  background: #c4c6c6;
  border: none; }

/* Text selection color */
::selection {
  background: #ff0012;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #ff0012;
  /* Gecko Browsers */ }

/* Important settings for SVGs --------- */
/* always needed for ie */
@media screen and (min-width: 0\0) {
  img[src*=".svg"] {
    width: 100%; } }
svg:not(:root) {
  overflow: hidden; }

/* use for embedded SVG */
.svgwrapper {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: middle;
  overflow: hidden; }

.svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0; }

/* WP image classes ---------------------- */
.wp-post-image {
  margin: 0 0 1.5em 0; }

.alignleft {
  display: inline;
  float: left;
  margin: 0 1.5em 0 0; }

.alignright {
  display: inline;
  float: right;
  margin: 0 0 0 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Galleries ----------------------------- */
.gallery {
  margin-bottom: 1.5em; }

.gallery-caption {
  display: block; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-item {
  margin: 0 2% 25px 0; }

.gallery-item {
  /*  margin-right: 2%;*/ }

.gallery-columns-2 .gallery-item {
  max-width: 49%; }

.gallery-columns-2 .gallery-item:nth-child(even) {
  margin-right: 0; }

.gallery-columns-3 .gallery-item {
  max-width: 32%; }

.gallery-columns-3 .gallery-item:nth-child(3n) {
  margin-right: 0; }

.gallery-columns-4 .gallery-item {
  max-width: 23.5%; }

.gallery-columns-4 .gallery-item:nth-child(4n) {
  margin-right: 0; }

.gallery-columns-5 .gallery-item {
  max-width: 18.4%; }

.gallery-columns-5 .gallery-item:nth-child(5n) {
  margin-right: 0; }

.gallery-columns-6 .gallery-item {
  max-width: 15%; }

.gallery-columns-6 .gallery-item:nth-child(6n) {
  margin-right: 0; }

.gallery-columns-7 .gallery-item {
  max-width: 12.57%; }

.gallery-columns-7 .gallery-item:nth-child(7n) {
  margin-right: 0; }

.gallery-columns-8 .gallery-item {
  max-width: 10.75%; }

.gallery-columns-8 .gallery-item:nth-child(8n) {
  margin-right: 0; }

.gallery-columns-9 .gallery-item {
  max-width: 9.33%; }

.gallery-columns-9 .gallery-item:nth-child(9n) {
  margin-right: 0; }

/*  Link & form styles ---------------------------------------------------- */
a {
  color: #ff0012;
  text-decoration: none; }

a:visited {
  color: #ff0012; }

a:hover, a:focus, a:active {
  color: #b80915; }

article a {
  color: #ff0012;
  text-decoration: none; }
  article a:visited {
    color: #c4c6c6;
    text-decoration: underline; }
  article a:hover, article afocus {
    color: #b80915; }

/* Form style overwrites ------------------------ */
/* Styles for form elements and fields can be overwritten here, if you have larger changes, do it in _formstyle.scss */
/* General structure ----------------------------------------------------------------------
########################################################################################### */
/* disable edit-links for development */
.edit-link {
  /*display: none !important;*/ }

/*  Page title resets  */
.page-title {
  margin-top: 0; }

/* Header --------------------------------------------------------- */
.site-header {
  margin-bottom: 6em;
  padding: 10px 0;
  background: #2F3438;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15); }
  .site-header .headerinner.row {
    margin-bottom: 0; }
  .site-header .topbar {
    float: left;
    margin: 1px 0; }
  .site-header .topsearch {
    float: right; }
  .site-header .topnavi .menu-item {
    display: inline-block;
    vertical-align: middle; }
  .site-header .topnavi .menu-item + .menu-item {
    margin-left: 20px; }
  .site-header .topnavi a {
    font-size: 12px;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .site-header .topnavi a:hover {
      color: #ff0012;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .site-header .toplinks {
    margin-bottom: 0; }

/* Site Branding --------------------------------------------------------- */
/* Content / pages & posts ----------------------------------------- */
.row.site-content {
  margin-top: 18%;
  margin-left: 40px;
  padding: 40px !important;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

article {
  position: relative;
  background: rgba(0, 0, 0, 0.4); }
  article ul li, article ol li, article dl li {
    list-style: disc;
    margin-left: 1em; }

.hentry {
  margin: 0 0 4%;
  padding: 30px 0 0; }
  .hentry > img {
    margin-right: 50px;
    margin-left: 50px;
    max-width: calc(100% - 100px); }

.entry-header {
  padding: 0 50px 25px; }

h1.entry-title {
  margin: 0 0 35px; }

h2.entry-title {
  margin: 0 0 15px; }
  h2.entry-title a, h2.entry-title a:visited {
    color: #c4cdd0;
    text-decoration: none; }
    h2.entry-title a:hover, h2.entry-title a:focus, h2.entry-title a:visited:hover, h2.entry-title a:visited:focus {
      color: #ff0012; }

.entry-meta, .entry-footer, .logged-in-as, .wp-caption-text, .comment-metadata {
  margin-bottom: 1em;
  font-size: 0.85em; }

.entry-meta {
  /*padding-bottom: 0.8em;
  border-bottom: 1px solid $grey-dark;*/ }

.entry-content,
.entry-summary {
  padding: 0 50px; }

.entry-content .more-link {
  font-weight: bold;
  text-decoration: none; }

.entry-footer {
  margin: 0;
  padding: 2em 50px;
  background: rgba(0, 0, 0, 0.4); }

.entry-footer span {
  display: block; }

/* Posts --------------------- */
.entry-meta a, .entry-footer a {
  font-size: 12px;
  color: #c4c6c6;
  letter-spacing: 0.15em; }
.entry-meta a, .entry-meta a:visited, .entry-footer a, .entry-footer a:visited {
  text-decoration: none; }
  .entry-meta a:hover, .entry-meta a:focus, .entry-meta a:visited:hover, .entry-meta a:visited:focus, .entry-footer a:hover, .entry-footer a:focus, .entry-footer a:visited:hover, .entry-footer a:visited:focus {
    text-decoration: underline; }

a.articleico {
  position: absolute;
  top: 20px;
  right: 0;
  display: block;
  width: 50px;
  height: 40px;
  background: #ff0012;
  text-align: center;
  font-family: 'Fontawesome';
  font-size: 24px;
  line-height: 40px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  a.articleico:hover {
    background: #b80915;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  a.articleico i {
    font-style: normal;
    color: #fff; }

.byline {
  display: block; }

.avatar {
  width: 100px;
  height: 100px;
  margin-right: 10px; }

.posted-on {
  /*margin-right: 5px;*/ }

.comments-link {
  color: #c4c6c6; }

.tags-links a, .cat-links a {
  margin-left: 5px;
  padding: 5px;
  background: #555;
  color: #fff; }
  .tags-links a:hover, .cat-links a:hover {
    background: #ff0012;
    color: #fff;
    text-decoration: none; }

.tags-links a:first-child, .cat-links a:first-child {
  margin-left: 10px; }

.cat-links a {
  font-size: 0.9em;
  text-transform: uppercase; }

.social-share-buttons {
  margin-top: 40px; }
  .social-share-buttons li {
    display: inline-block; }

.cat-links + .tags-links {
  margin-top: 20px; }

.entry-footer {
  margin-top: 30px; }
  .entry-footer .comments-link {
    font-size: 16px; }
    .entry-footer .comments-link a, .entry-footer .comments-link a:visited {
      display: inline-block;
      color: #ff0012;
      margin-top: 10px;
      text-decoration: underline; }
      .entry-footer .comments-link a:hover, .entry-footer .comments-link a:focus, .entry-footer .comments-link a:visited:hover, .entry-footer .comments-link a:visited:focus {
        color: #b80915; }

/* Blog & archive pages ---------------- */
.blog article, .archive article {
  margin-bottom: 6%; }
.blog .entry-footer, .archive .entry-footer {
  margin-top: 2em; }

/* Footer -------------------------------------------------------- */
.site-footer .footerwidgets {
  text-align: center; }
.site-footer .row.container {
  margin-left: 40px;
  margin-bottom: 0;
  padding: 5px 0; }
.site-footer nav {
  display: inline-block; }
.site-footer ul {
  margin-bottom: 0; }
  .site-footer ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 0.8rem; }
    .site-footer ul li a {
      color: #909090;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .site-footer ul li a:hover, .site-footer ul li a:focus {
      color: #5f5f5f;
      text-decoration: underline;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

/* Go to top button */
.gotop_btn {
  overflow: hidden;
  float: right;
  cursor: pointer; }
  .gotop_btn a {
    display: inline-block;
    text-indent: -9999999px; }
  .gotop_btn:before {
    position: relative;
    top: -2px;
    content: '\f106';
    font-family: FontAwesome;
    font-size: 30px;
    color: #909090;
    padding-top: 4px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .gotop_btn:hover:before, .gotop_btn:focus:before {
    top: -5px; }

/* Widgets & sidebar settings ------------------------------------- */
.widget-area_flex .widget,
.widget-area_fix .widget {
  margin-top: 40px;
  padding: 30px 50px;
  background: rgba(255, 0, 18, 0.6);
  font-size: 14px;
  color: #fff; }
  .widget-area_flex .widget a,
  .widget-area_fix .widget a {
    color: #fff;
    text-decoration: underline; }
    .widget-area_flex .widget a:hover,
    .widget-area_fix .widget a:hover {
      text-decoration: none; }
.widget-area_flex .widget-title,
.widget-area_fix .widget-title {
  margin: 0 0 20px;
  padding: 0;
  font-size: 1.2em;
  color: #fff;
  letter-spacing: 0.1em; }
.widget-area_flex .calendar_wrap table,
.widget-area_fix .calendar_wrap table {
  text-align: center; }

/* Comments ---------------------------------------------------------- */
.comments-area {
  margin-bottom: 4%;
  margin-top: 4%;
  padding: 4%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff; }

.comment-list {
  margin-bottom: 50px; }

.comment article {
  margin-bottom: 2.5em; }

.comment p:last-child {
  margin-bottom: 1em; }

.comment-author.vcard img {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  float: left;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  border-radius: 42px; }

.comments-title,
.comment-reply-title {
  font-size: 1.2em; }

#commentform label {
  display: block; }

#commentform label, span.required {
  display: inline-block; }

.logged-in-as a:last-child {
  margin-left: 10px; }

.commentheader.row {
  margin-bottom: 15px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6); }
  .commentheader.row cite {
    display: inline-block;
    margin: 8px 0; }
  .commentheader.row .comment-author {
    float: left; }
  .commentheader.row .comment-meta {
    float: left;
    margin-top: 8px;
    margin-left: 20px; }
  .commentheader.row .reply {
    text-align: right; }
  .commentheader.row .comment-reply-link {
    display: inline-block;
    margin: 7px 0;
    padding: 1px 5px;
    background: #5f5f5f;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.1em; }

/* Comment form validation classes ---------------------------------------------------------------
 * As long as you use Contact Form 7 form plugin and PX prepared _variables.scss & _formstyle.scss, you don't have to
 * define any colors here!
 * If you have to set it here, uncomment it
 */
/*
div.error  {
  padding: 10px 0 20px 0;
  color: $col_err;
}

input.error, textarea.error {
  color:$col_err;
}*/
/* Searchform styles --------------------------------------------------------- */
.search-form {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  background: #fff;
  border-radius: 30px;
  overflow: hidden; }
  .search-form div {
    margin: 0 14px; }
  .search-form input {
    width: 100%;
    max-width: 100%;
    height: 30px !important;
    margin: 0;
    padding: 0 3px;
    font-size: 12px; }
  .search-form button[type="submit"] {
    display: none;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    height: 32px;
    width: 42px; }

/* WordPress navigations ---------------------------------------------------- */
/* Add custom styling for post-navigation, posts-navigation / -pagination, wp_link_pages */
.posts-navigation {
  margin-bottom: 1em; }

.post-navigation {
  margin: 50px 0; }
  .post-navigation a {
    text-decoration: none; }

.nav-links {
  display: table;
  margin-bottom: 8%;
  width: 100%; }

.nav-previous, .nav-next {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  /* Setting for development - just that you see it ;-) / Delete it for final styling */
  font-size: 1.5rem; }
  .nav-previous i, .nav-next i {
    font-size: 20px; }
  .nav-previous a, .nav-previous i, .nav-next a, .nav-next i {
    color: #fff; }

.nav-previous {
  text-align: left; }

.nav-previous .fa {
  margin-right: 10px; }

.nav-next .fa {
  margin-left: 10px; }

.nav-next {
  text-align: right; }

.page-links {
  margin-top: 4em; }

/* Page & single style settings -----------------------------------------------------------
########################################################################################### */
.socialwrapper {
  display: none; }

.social-share-buttons {
  margin-bottom: 0; }

.sharing {
  margin-top: 25px;
  padding: 5px 25px; }

/* Special styles for subpages ------------------------------------------------------------
########################################################################################### */
.search .page-title {
  font-size: 1.4em; }

/* Page 404 */
.error404 .search-form {
  max-width: 400px;
  margin-bottom: 1.5em; }

/* Special classes ------------------------------------------------------------------------
########################################################################################### */
/* Accessibility - text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

.clear {
  float: none;
  clear: both; }

/* Plugins -------------------------------------------------------------------------------
########################################################################################### */
/* ############################################################################################# */
/*	px3. CSS3 Media Queries for Responsiveness (mobile-first, from small to big)                 */
/* ############################################################################################# */
/* #### smartphones ########################################################## */
@media screen and (max-width: 479px) {
  .site-header .topnavi .menu-item {
    font-size: 14px; }

  .site-header .topnavi .menu-item + .menu-item {
    margin-left: 5px; }

  .site-header {
    position: relative; }

  .search-form input {
    height: 26px !important;
    line-height: 26px; }

  .site-branding {
    max-width: none;
    text-align: center;
    padding-top: 0;
    width: 100%; }

  .logo {
    margin-left: auto;
    margin-right: auto; }

  /*

  .menu-collapser {
    position: absolute !important;
    right: 0;
  }
  */
  .post + .post {
    margin-top: 2em; }

  .entry-footer {
    margin-top: 0; }

  .nav-previous,
  .nav-next {
    font-size: 14px; }
    .nav-previous i,
    .nav-next i {
      font-size: 16px; } }
/* ##### Query END #### */
@media screen and (max-width: 640px) {
  .site-header .headerinner.row,
  .row.site-content {
    width: calc( 100% - 20px );
    margin-right: 10px;
    margin-left: 10px; }

  .row.site-content {
    padding: 20px !important; }

  .site-footer {
    padding: 10px 20px; }
    .site-footer .row.container {
      margin-left: 10px; }
    .site-footer nav {
      display: block; }
    .site-footer ul li {
      display: block; } }
/* ##### Query END #### */
@media screen and (min-width: 640px) and (max-width: 992px) {
  .site-header .headerinner.row,
  .row.site-content, .site-footer .row.container {
    width: calc( 100% - 40px );
    margin-right: 20px;
    margin-left: 20px; } }
/* ##### Query END #### */
@media (max-width: 767px) {
  .entry-header,
  .entry-content,
  .entry-footer,
  .entry-summary,
  .widget-area_flex aside,
  .widget-area_fix aside {
    padding-right: 20px;
    padding-left: 20px; }

  .widget-area_flex .widget,
  .widget-area_fix .widget {
    padding: 25px 20px; }

  a.articleico {
    top: -10px; }

  .commentheader.row .comment-meta {
    float: none;
    clear: both;
    display: block;
    margin-left: 0; } }
/* #### tablets ########################################################## */
/* Breakpoint where sidebar starts floating right */
@media screen and (max-width: 992px) {
  .site-branding {
    text-align: center; }

  #primary,
  #secondary {
    float: none;
    width: 100%; }

  #secondary {
    margin-top: 100px;
    margin-left: 0; }

  .widget_search input {
    max-width: 100%; }

  .cbp-bicontrols {
    right: 20px; }

  .commentheader.row .reply {
    text-align: left; } }
/* ##### Query END #### */
@media (max-width: 992px) {
  .site-header {
    margin-bottom: 50px; }

  .headerinner .col {
    margin: 0; }

  .site-content {
    margin-top: 50px !important; }

  .commentheader.row .comment-reply-link {
    font-size: 10px; } }
@media screen and (max-width: 992px) and (orientation: portrait) {
  .row.site-content {
    margin-top: 50%; } }
/* ##### Query END #### */
/* #### standard laptop + desktop screens #################################### */
/* ##### Query END #### */
@media (max-width: 767px) {
  .site-header {
    margin-bottom: 30px;
    padding: 10px 0; }

  .site-header .topbar {
    margin: 0; }

  .site-header .topsearch {
    max-width: 50%; }

  .logo {
    margin-bottom: 30px; } }
/* ############################################################################################# */
/*	px4. Print CSS                                                                               */
/* ############################################################################################# */
@media only print {
  @page :left {
    margin: 1cm; }
  @page :right {
    margin: 1cm; }
  body {
    background: white;
    font-size: 10pt;
    line-height: 2em;
    width: 100%;
    -webkit-print-color-adjust: exact; }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid; }

  h3 {
    margin-bottom: 10px; }

  a, p {
    word-wrap: break-word; }

  a {
    font-weight: normal !important; }

  blockquote, pre, code {
    page-break-inside: avoid; }

  ul, ol, dl {
    page-break-before: avoid; }

  table {
    page-break-inside: inherit !important; }

  img {
    page-break-inside: avoid;
    page-break-after: avoid; }

  .site-branding {
    display: none; }

  nav {
    display: none; }

  .ms-nav-next, .ms-nav-prev {
    display: none; }

  .site-content.row.container {
    margin-left: 0;
    float: none;
    width: auto;
    color: black;
    font-size: 12pt; }

  .content-area.col.col_4_of_5 {
    width: 100%;
    margin: 0; }

  .themesidebar.widget-area.col.col_1_of_5 {
    display: none; }

  .comment-respond {
    display: none; }

  .button {
    line-height: 24px !important; }

  footer {
    display: none; } }
/* ##### Query END #### */

/*# sourceMappingURL=mainstyle.css.map */