/* 
---
TABLE of CONTENTS
---

# VARIABLEs, MIXINs, main helper CLASSes
	- fonts
	- colors
	- helper classes
# TYPOGRAPHY
# FORMS
# BASICs (basic desings all of thing for all stuff)
# TEMPLATE CSS STYLE (style for custom elements)
	- header ad
	- menu
		- sidemenu
		- sidemenu social icons
	- progress bar
	- featured post
	- archive title
	- article-list
	- pager
	- article, page
		- related
		- comments
	- footer
		- copyright
		- footer social icons
	- error - 404
	- footer sidebar
# WP SPECIFIC STUFF
	- table, gallery, image aling... etc.
# RESPONSIVE QUERYes
	- large tablet
	- tablet
	- mobile

 */
/* FONTS */
@font-face {
  font-family: 'fff_forwardregular';
  src: url("../fonts/FFFFORWA/fffforwa-webfont.woff2") format("woff2"), url("../fonts/FFFFORWA/fffforwa-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* GRID */
.left {
  float: left; }

.right {
  float: right; }

.relative {
  position: relative; }

.block {
  display: block; }

.inner {
  padding: 1rem; }

.nopadding {
  padding: 0 !important; }

.full {
  width: 100%; }

.gutter-left {
  padding-left: 1rem; }

.gutter-right {
  padding-right: 1rem; }

.gutter-top {
  padding-top: 1rem; }

.gutter-bottom {
  padding-bottom: 1rem; }

.gutter-vertical {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.gutter-horizonal {
  padding-left: 1rem;
  padding-right: 1rem; }

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

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

.text-center {
  text-align: center; }

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

.wrap {
  box-sizing: border-box;
  max-width: 110rem;
  margin: 0 auto; }

.wrap-big {
  box-sizing: border-box;
  max-width: 125rem;
  margin: 0 auto; }

/*  -----------------------------------------------------------------------
TYPOGRAPHY
 -------------------------------------------------------------------------- */
html {
  font-size: 62.5%; }

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5; }

body {
  font-size: 1.5em;
  line-height: 1.4;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
  color: #474747; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
  margin: 1.5rem 0;
  font-weight: 800;
  color: #000; }

p {
  margin: 1.5rem 0; }

h1, .h1 {
  font-size: 2em;
  line-height: 1.25; }

h2, .h2 {
  font-size: 1.625em;
  line-height: 1.15384615; }

h3, .h3 {
  font-size: 1.375em;
  line-height: 1.13636364; }

h4, .h4 {
  font-size: 1.125em;
  line-height: 1.11111111; }

h5, .h5 {
  font-size: 1em;
  line-height: 1.25; }

h6, .h6 {
  font-size: 0.75em;
  line-height: 1.25; }

blockquote {
  font-size: 1.15em;
  line-height: 1.375; }

@media (min-width: 782px) {
  body {
    line-height: 1.6; }

  h1, .h1 {
    font-size: 2.5em;
    line-height: 1.125; }

  h2, .h2 {
    font-size: 2em;
    line-height: 1.125; }

  h3, .h3 {
    font-size: 1.5em;
    line-height: 1.25; }

  h4, .h4 {
    font-size: 1.125em;
    line-height: 1.22222222; }

  h5, .h5 {
    font-size: 1em;
    line-height: 1.375; }

  h6, .h6 {
    font-size: 0.75em;
    line-height: 1.203125; }

  blockquote {
    font-size: 1.15em;
    line-height: 1.375; } }
@media (min-width: 900px) {
  h1, .h1 {
    font-size: 3em;
    line-height: 1.05; }

  h2, .h2 {
    font-size: 2.25em;
    line-height: 1.125; }

  h3, .h3 {
    font-size: 1.75em;
    line-height: 1.25; } }
/* FORMS
****************************************************** */
textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  text-shadow: none !important;
  border: 0.1rem solid #a8a7a7;
  border-radius: 0;
  font-size: 1.5rem;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 3.5rem;
  text-indent: 1.5rem;
  padding: 3px 0;
  width: 100%;
  font-weight: normal;
  color: #005be2;
  box-sizing: border-box;
  margin-bottom: 1rem; }

textarea {
  height: 20rem; }

select {
  text-transform: uppercase; }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  text-shadow: none !important;
  box-sizing: border-box;
  border-radius: 0;
  border: 0.1rem solid #a8a7a7;
  width: 100%;
  margin-bottom: 1rem;
  font-weight: normal;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 3.5rem;
  text-indent: 1.5rem;
  color: #005be2; }

textarea:focus, select:focus, input[type="email"]:focus, input[type="email"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="search"]:focus, input[type="search"]:hover, input[type="text"]:focus, input[type="text"]:hover, input[type="tel"]:focus, input[type="tel"]:hover, input[type="url"]:focus, input[type="url"]:hover, input[type="password"]:focus, input[type="password"]:hovertextarea:hover, select:hover {
  border: 0.1 solid #a8a7a7;
  outline: 0; }

label, legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  text-shadow: none;
  font-size: 1.15rem;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 3.5rem;
  padding: 0 1.5rem;
  color: #fff;
  background-color: #000;
  outline: 0;
  box-shadow: none; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  background: #005be2;
  outline: 0;
  box-shadow: none; }

/*  -----------------------------------------------------------------------
BASIC

75% = 4:3
66.66% = 3:2
62.5% = 8:5
 -------------------------------------------------------------------------- */
a {
  text-decoration: none;
  color: #005be2;
  -o-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  transition: all 0.20s ease-in-out; }
  a:hover {
    color: #474747; }

.bg-img {
  padding-top: 62.5%;
  background-size: cover;
  display: block;
  background-position: center;
  background-size: cover; }

.body-top {
  padding-top: 7.3rem; }

.meta {
  color: #a8a7a7;
  text-transform: uppercase;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 400; }
  .meta a {
    color: #005be2; }
  .meta span:after {
    content: " |";
    margin: 0 .5rem; }
  .meta span:last-of-type:after {
    content: ""; }
  .meta span a {
    color: #a8a7a7; }
  .meta span a:hover {
    color: #005be2; }
  .meta span.date:before {
    content: '\f017 ';
    font-family: "FontAwesome"; }
  .meta span.tags:before {
    content: '\f02c ';
    font-family: "FontAwesome"; }
  .meta span.comments:before {
    content: '\f0e6  ';
    font-family: "FontAwesome"; }

.categories {
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.15rem;
  font-weight: 700; }
  .categories a {
    color: #000; }
  .categories a:hover {
    color: #005be2; }

.social {
  text-align: left; }
  .social a {
    color: #fff;
    text-shadow: 0 -1px #a8a7a7, 0 1px #a8a7a7, -1px 0 #a8a7a7, 1px 0 #a8a7a7;
    font-size: 2rem;
    margin: 1rem; }
    .social a i {
      color: #fff; }
  .social a:hover {
    text-shadow: none; }
  .social a.facebook:hover {
    color: #3B5998;
    text-shadow: 0 -1px #3B5998,  0 1px #3B5998, -1px 0 #3B5998,  1px 0 #3B5998; }
    .social a.facebook:hover i {
      color: #3B5998; }
  .social a.twitter:hover {
    color: #1DA1F2;
    text-shadow: 0 -1px #1DA1F2,  0 1px #1DA1F2, -1px 0 #1DA1F2,  1px 0 #1DA1F2; }
    .social a.twitter:hover i {
      color: #1DA1F2; }

.search-form .search-field, .search-form .search-submit {
  margin: 0; }

/*  -----------------------------------------------------------------------
TEMPLATE CSS STYLE STARTING
 -------------------------------------------------------------------------- */
#header-ad {
  border-bottom: 0.1rem dotted #a8a7a7;
  padding: .5rem; }
  #header-ad img, #header-ad iframe {
    margin: 0 auto; }

/* MENU */
#menu {
  border-bottom: 0.1rem dotted #a8a7a7;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10; }
  #menu .menu-inner * {
    line-height: 5rem;
    font-size: 2.5rem; }
  #menu a, #menu #menu-bars, #menu #menu-search {
    color: #474747;
    -o-transition: all 0.20s ease-in-out;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out; }
  #menu a:hover, #menu #menu-bars:hover, #menu #menu-search:hover {
    color: #005be2;
    cursor: pointer; }
  #menu #menu-logo {
    margin: 0;
    padding: 0;
    font-size: 3rem;
    overflow: hidden;
    height: 5rem; }
    #menu #menu-logo .custom-logo-link img {
      margin: 0 auto; }
    #menu #menu-logo .title {
      text-transform: uppercase;
      margin: 0;
      padding: 0;
      font-family: "fff_forwardregular";
      font-weight: normal;
      letter-spacing: -.1rem; }
    #menu #menu-logo .single-title {
      margin: 0;
      padding: 0;
      display: none;
      font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; }
      #menu #menu-logo .single-title span, #menu #menu-logo .single-title i {
        font-size: 2rem !important; }
  #menu #menu-searchform {
    display: none;
    border-top: 0.1rem dotted #a8a7a7; }

.admin-bar #menu {
  top: 32px; }

#sidemenu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.5);
  display: none; }
  #sidemenu a {
    color: #000; }
  #sidemenu a:hover {
    color: #005be2; }
  #sidemenu #sidemenu-content {
    position: relative;
    max-width: 30rem;
    width: 100%;
    height: 100%;
    background: #fff;
    border-right: 0.1rem dotted #a8a7a7; }
    #sidemenu #sidemenu-content .logo {
      display: block;
      padding: 1.1rem 0;
      line-height: 5rem;
      text-transform: uppercase;
      text-align: center;
      font-size: 2rem;
      margin: 0;
      font-family: "fff_forwardregular";
      font-weight: normal;
      letter-spacing: -.1rem;
      border-bottom: 0.1rem dotted #a8a7a7; }
    #sidemenu #sidemenu-content .meanmenu {
      line-height: 1.3; }
      #sidemenu #sidemenu-content .meanmenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #sidemenu #sidemenu-content .meanmenu ul li {
          display: block;
          font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          margin: 0;
          border-bottom: 1px dotted #a8a7a7;
          position: relative; }
          #sidemenu #sidemenu-content .meanmenu ul li a {
            display: block;
            padding: 1.55rem 2rem;
            text-transform: uppercase;
            overflow: hidden;
            background: #fff; }
            #sidemenu #sidemenu-content .meanmenu ul li a:hover {
              background: #000;
              color: #fff; }
          #sidemenu #sidemenu-content .meanmenu ul li:last-of-type {
            border-bottom: 0; }
        #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children {
          position: relative; }
          #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children a.expand, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children a.expand {
            display: block;
            position: absolute;
            right: 0;
            text-indent: 0;
            top: 0;
            font-family: "FontAwesome";
            line-height: 5rem;
            content: "\f067";
            padding: 0 2rem;
            border-left: 1px dotted #a8a7a7; }
          #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children ul, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children ul {
            display: none;
            background: #eee; }
            #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children ul li, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children ul li {
              border-top: 1px dotted #a8a7a7;
              border-bottom: 0px; }
              #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children ul li a, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children ul li a {
                background: rgba(0, 0, 0, 0.005); }
                #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children ul li a:hover, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children ul li a:hover {
                  background: #000; }
              #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children ul li a.expand, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children ul li a.expand {
                background: rgba(255, 255, 255, 0.5); }
                #sidemenu #sidemenu-content .meanmenu ul li.menu-item-has-children ul li a.expand:hover, #sidemenu #sidemenu-content .meanmenu ul li.page_item_has_children ul li a.expand:hover {
                  background: rgba(255, 255, 255, 0.9);
                  color: #000; }

.admin-bar #sidemenu {
  top: 32px; }

.admin-bar #sidemenu-social-icons {
  bottom: 32px; }

.socialicons .menu {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .socialicons .menu li {
    display: inline-block; }

#sidemenu-social-icons {
  border-top: 0.1rem dotted #a8a7a7;
  position: absolute;
  bottom: 0rem;
  overflow: hidden;
  width: 100%; }
  #sidemenu-social-icons a {
    padding: 1.55rem 1rem;
    display: block; }

/* MENU */
/* READ-o-METER */
progress {
  width: 100%;
  height: .3rem;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 999;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  color: #a8a7a7; }
  progress .progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block; }
  progress .progress-bar {
    background-color: #a8a7a7;
    width: 50%;
    display: block;
    height: inherit; }

progress::-webkit-progress-bar {
  background-color: transparent; }

.flat::-webkit-progress-value {
  background-color: #a8a7a7; }

.flat::-moz-progress-bar {
  background-color: #a8a7a7; }

.admin-bar progress {
  top: calc(32px); }

/* READ-o-METER */
/* FEATURED */
#featured {
  background: #000; }
  #featured .article-item {
    padding: 0;
    border: 0; }
    #featured .article-item .featured-image {
      border-right: 0.1rem dotted #a8a7a7;
      padding-top: .5rem;
      padding-bottom: .5rem; }
      #featured .article-item .featured-image:before {
        display: none; }
    #featured .article-item .text {
      padding-top: .5rem;
      padding-bottom: .5rem;
      color: #fff; }
      #featured .article-item .text a {
        color: #fff; }
      #featured .article-item .text a:hover {
        color: #005be2; }

/* /FEATURED */
/* ARCHIVE-TITLE */
#archive-title {
  text-align: center;
  padding: 2rem 0;
  background: #000;
  color: #fff; }
  #archive-title .title {
    color: #fff;
    border-bottom: 1px dotted #a8a7a7;
    text-transform: uppercase; }
  #archive-title .description p {
    margin-top: 0; }

/* /ARCHIVE-TITLE */
/* ARTICLE-LIST */
.article-item {
  padding-top: .5rem;
  padding-bottom: 5rem;
  border-right: 0.1rem dotted #a8a7a7; }
  .article-item.border {
    border: 0; }
  .article-item .text .title a {
    color: #000; }
  .article-item .text .title a:hover {
    color: #005be2; }
  .article-item .featured-image {
    padding-bottom: 1rem; }
    .article-item .featured-image .bg-img {
      opacity: 1; }
    .article-item .featured-image .bg-img:hover {
      opacity: .8; }
  .article-item.sticky {
    background: rgba(0, 0, 0, 0.05); }
    .article-item.sticky .featured-image {
      position: relative;
      min-height: 4rem; }
      .article-item.sticky .featured-image:before {
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        content: "\f08d";
        font-family: "FontAwesome";
        color: #000;
        background: rgba(255, 255, 255, 0.3);
        width: 4rem;
        line-height: 4rem;
        text-align: center; }

/* /ARTICLE-LIST */
/* PAGER */
#more-posts {
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-top: 0.1rem dotted #a8a7a7;
  padding: 1rem; }
  #more-posts span {
    display: block;
    text-transform: uppercase;
    color: #474747 !important; }
  #more-posts div:last-of-type {
    text-align: right;
    padding: 2rem 0; }
    #more-posts div:last-of-type span:after {
      content: '\f178';
      margin-left: 1rem;
      font-family: "FontAwesome"; }
  #more-posts div:first-of-type {
    text-align: left;
    padding: 2rem 0; }
    #more-posts div:first-of-type span:before {
      content: '\f177';
      margin-right: 1rem;
      font-family: "FontAwesome"; }
  #more-posts a {
    color: #000; }
  #more-posts a:hover {
    color: #005be2; }

/* /PAGER */
/* ARTICLE-PAGE */
.article-page {
  margin-top: 2rem;
  position: relative; }
  .article-page .article-head {
    font-size: 120%;
    line-height: 140%;
    font-weight: bold;
    border-bottom: 0.1rem dotted #a8a7a7; }
    .article-page .article-head .lead {
      margin: 2rem 0 1.5rem;
      font-size: 100%; }
    .article-page .article-head .categories {
      font-size: 100%;
      line-height: 140%; }
  .article-page .featured-img {
    padding: 2rem 0 0; }
    .article-page .featured-img img {
      margin: 0 auto; }
  .article-page .article-body {
    overflow: hidden;
    max-width: 100%; }
    .article-page .article-body h1, .article-page .article-body h2, .article-page .article-body h3, .article-page .article-body h4, .article-page .article-body h5, .article-page .article-body h6 {
      margin: 1em 0; }
  .article-page mark {
    color: #000;
    font-style: italic;
    background: transparent; }
  .article-page ul, .article-page ol {
    margin: 3rem 0;
    padding: 0 0 0 3rem; }
    .article-page ul ul, .article-page ul ol, .article-page ol ul, .article-page ol ol {
      margin: 1.5rem 0; }
    .article-page ul li, .article-page ol li {
      padding: 0;
      margin: 0 0 .25rem 0; }
  .article-page ul {
    list-style-type: square; }
  .article-page blockquote {
    padding: 1rem 1.5rem;
    margin: 3rem 1.4rem;
    border-left: 0.5rem solid #474747;
    font-style: italic; }
    .article-page blockquote p {
      margin: 0;
      padding: 0; }
  .article-page .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 2rem 0; }
    .article-page .video-container iframe, .article-page .video-container embed, .article-page .video-container object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .article-page address {
    padding: 1.5rem 1.5rem 1.5rem 5.5rem;
    margin: 1.5rem 5rem;
    background: rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    overflow-x: auto; }
    .article-page address:before {
      content: "\f041";
      font-family: "FontAwesome";
      position: absolute;
      z-index: 0;
      color: #fff;
      font-size: 6rem;
      line-height: 6rem;
      top: 0.0rem;
      left: 0.4rem; }
  .article-page pre {
    padding: 1.5rem 1.5rem 1.5rem 7.5rem;
    margin: 1.5rem 5.0rem;
    background: rgba(0, 0, 0, 0.05);
    position: relative;
    overflow-x: auto; }
    .article-page pre:before {
      content: "\f121";
      font-family: "FontAwesome";
      position: absolute;
      z-index: 0;
      color: #fff;
      font-size: 6rem;
      line-height: 6rem;
      top: 0.0rem;
      left: 0.4rem; }
  .article-page .wp-caption {
    margin: 0;
    max-width: 100%; }
    .article-page .wp-caption .wp-caption-text {
      margin: 0;
      font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.15rem;
      text-align: center; }
  .article-page img {
    width: auto;
    height: auto;
    max-width: 100%; }
  .article-page .wp-caption.alignleft, .article-page .alignleft {
    margin-right: 1.5rem;
    float: left; }
  .article-page .wp-caption.alignright, .article-page .alignright {
    margin-left: 1.5rem;
    float: right; }
  .article-page .wp-caption.aligncenter, .article-page .aligncenter {
    margin-left: auto;
    margin-right: auto; }
  .article-page .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 2rem 0; }
    .article-page .video-container iframe, .article-page .video-container embed, .article-page .video-container object {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .article-page .post-password-form {
    display: block;
    margin: 1rem auto;
    text-align: center; }
    .article-page .post-password-form label {
      display: block;
      width: 60%;
      min-width: 25rem;
      margin: 0px auto; }
      .article-page .post-password-form label input[type="password"] {
        width: 100%;
        margin: 1rem auto;
        line-height: 3rem;
        padding: 0; }
    .article-page .post-password-form input[type="submit"] {
      width: 30%;
      min-width: 25rem;
      padding: 0;
      text-align: center;
      text-transform: uppercase;
      background: #000;
      color: #fff;
      box-shadow: none;
      border: 1px solid #000;
      line-height: 3rem; }
      .article-page .post-password-form input[type="submit"]:hover {
        background: #005be2;
        color: #fff; }
  .article-page .pager {
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .article-page .pager p {
      margin: 0 !important;
      padding: 2rem 0;
      margin-bottom: 1rem; }

/* /ARTICLE-PAGE */
/* RELATED */
#related {
  padding-bottom: 1rem;
  margin-top: 4rem;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #related .ads {
    width: 300px; }
  #related h4 {
    margin: 0; }
  #related ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    #related ul li {
      border-bottom: 0.1rem dotted #a8a7a7;
      padding: .75rem 0;
      padding-left: 1rem; }
      #related ul li a {
        color: #474747; }
      #related ul li a:hover {
        color: #005be2; }
    #related ul li:last-of-type {
      border: 0; }

/* end of RELATED */
/* COMMETNS */
#comments {
  margin: 4rem 0; }
  #comments .bypostauthor {
    display: block; }
  #comments .comments-title {
    text-indent: 1rem; }
  #comments ol {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #comments ol li {
      border-top: 0.1rem dotted #a8a7a7; }
  #comments .children {
    padding-left: 1rem;
    border-left: 0.1rem dotted #a8a7a7;
    border-top: 0.1rem dotted #a8a7a7; }
    #comments .children li {
      border: 0; }
  #comments .comment-body {
    position: relative;
    padding: 1rem 0 0 0rem; }
    #comments .comment-body .comment-meta {
      font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.15rem;
      text-transform: uppercase;
      line-height: 1.4;
      background: rgba(0, 0, 0, 0.05);
      padding: 1rem; }
      #comments .comment-body .comment-meta .avatar {
        float: left;
        margin-right: 1rem; }
      #comments .comment-body .comment-meta a {
        color: #474747; }
      #comments .comment-body .comment-meta a:hover {
        color: #005be2; }
    #comments .comment-body .comment-content {
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      margin-left: 5rem; }
      #comments .comment-body .comment-content ul, #comments .comment-body .comment-content ol {
        margin: 1rem 0;
        padding: 0 0 0 3rem; }
        #comments .comment-body .comment-content ul li, #comments .comment-body .comment-content ol li {
          padding: 0;
          margin: 0 0 .25rem 0;
          border: 0; }
      #comments .comment-body .comment-content ol {
        list-style-type: decimal; }
    #comments .comment-body .reply {
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      font-size: 1.15rem; }
      #comments .comment-body .reply a {
        color: #a8a7a7; }
      #comments .comment-body .reply a:hover {
        color: #005be2; }

#respond {
  padding: 1rem; }
  #respond input[type='text'], #respond input[type='email'], #respond input[type='url'] {
    width: 50%;
    min-width: 25rem; }

/* /COMMETNS */
/* FOOTER */
#footer #copyright {
  border-top: 0.1rem dotted #a8a7a7;
  line-height: 5rem;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.299rem; }
  #footer #copyright a {
    color: #474747; }
  #footer #copyright a:hover {
    color: #005be2; }
  #footer #copyright p {
    margin: 0; }
    #footer #copyright p a {
      font-weight: bold; }
  #footer #copyright #footer-social-icons a {
    margin: 0 .5rem; }

/* /FOOTER */
/* 404 */
.error404 .article-page {
  text-align: center;
  margin-top: 15rem;
  margin-bottom: 15rem; }

/* SIDEBAR */
#footer-social-icons {
  font-size: 1.5rem; }

#footer-sidebar {
  background: #000; }
  #footer-sidebar .box {
    border-right: 0.1rem dotted #a8a7a7;
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    padding: .5rem 1.5rem 5rem;
    color: #fff; }
    #footer-sidebar .box .title {
      text-align: center;
      border-bottom: 0.1rem dotted #a8a7a7;
      padding: 0rem 0 1.5rem;
      text-transform: uppercase;
      letter-spacing: .2rem;
      color: #fff; }
      #footer-sidebar .box .title img {
        display: inline;
        margin: 0rem 1rem -.2rem; }
    #footer-sidebar .box ul {
      padding-left: 2.5rem;
      list-style-type: square; }
      #footer-sidebar .box ul li {
        margin: 1rem 0 1rem; }
    #footer-sidebar .box a {
      color: #fff;
      border-bottom: 0.1rem dotted #a8a7a7; }
    #footer-sidebar .box a:hover {
      color: #005be2; }
  #footer-sidebar .box.border {
    border: 0; }
  #footer-sidebar .widget_rss li {
    margin: 1.25rem 0 1.25rem; }
    #footer-sidebar .widget_rss li a.rsswidget {
      display: block; }
    #footer-sidebar .widget_rss li .rss-date {
      display: block;
      color: #a8a7a7;
      font-size: 1rem;
      text-transform: lowercase; }
  #footer-sidebar .tagcloud a {
    display: inline-block;
    line-height: 3rem;
    font-size: 1em !important;
    margin: .5rem;
    padding: 0 1rem;
    border: 0.1rem dotted #a8a7a7; }

/* Others */
table {
  width: 100%;
  text-align: center;
  border-collapse: collapse; }
  table th, table td {
    padding: 1rem;
    border: 0.1rem dotted #a8a7a7;
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2rem; }
  table th {
    background: rgba(0, 0, 0, 0.05); }
  table caption {
    padding: 1rem 0; }

/* =WordPress Core
-------------------------------------------------------------- */
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0 !important; }
  .gallery-item .gallery-caption {
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.15rem; }

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  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. */ }

/*  -----------------------------------------------------------------------
RESPONSIVE QUERY-S 
 -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  #wrapper.article-list .article-item {
    border: 0; }
  #wrapper.article-list .article-item:nth-of-type(2n+2) {
    border-left: 1px dotted #a8a7a7; } }
@media (max-width: 782px) {
  .body-top {
    padding-top: 6.3rem; }

  #menu .menu-inner * {
    line-height: 4rem;
    font-size: 2rem; }
  #menu #menu-logo {
    height: 4rem; }
    #menu #menu-logo * {
      font-size: 2rem; }

  progress {
    display: none; }

  .admin-bar #menu, .admin-bar #sidemenu {
    top: 46px;
    position: absolute; }

  #wrapper.article-list .article-item, #wrapper.article-list .featured-image, #featured .article-item, #featured .featured-image {
    border: 0 !important; }
  #wrapper.article-list .featured-image, #featured .featured-image {
    padding-bottom: .5rem !important; }

  #related .ads {
    width: 100%; } }

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