/*!
Theme Name: Chip Life
Theme URI: http://www.tutorialchip.com/chip-life/
Author: TutorialChip
Author URI: http://www.tutorialchip.com/
Description: Chip Life is a charming and modern blog WordPress theme. Chip Life theme is compatible with Gutenberg blocks. It has a responsive layout having clean and content focused design with straightforward functionality. Chip Life is a perfect solution for sharing your valuable content and creativity with the world. Chip Life is a versatile, sophisticated WordPress theme designed for creatives and bloggers.
Version: 2.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chip-life
Domain Path: /languages/
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

_s is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Normalize
2.0 - Font Awesome
3.0 - Typography
	3.1 - Global
	3.2 - Paragraph
	3.3 - Headings
	3.4 - Links
	3.5 - Blockquote
	3.6 - General
4.0 - Elements
	4.1 - HR
	4.2 - List
	4.3 - Table
	4.4 - Image
	4.5 - HTML5 Elements
	4.6 - Forms
5.0 - Accessibility
6.0 - Alignments
7.0 - Clearings
8.0 - Navigation Menus
	8.1 - Main Navigation
	8.2 - Primary Menu
	8.3 - Primary Menu Responsive
9.0 - Navigation Misc
		9.1 - Navigation Archives
		9.2 - Navigation Post
		9.3 - Navigation Comments
		9.4 - Navigation Attachments
		9.5 - Navigation Common Styles: Comments, Attachments
10.0 - Skeleton
	10.1 - Site Wrapper
	10.2 - Site Bar
	10.3 - Header
	10.4 - Site Branding Wrapper
	10.5 - Site Logo
	10.6 - Site Branding
	10.7 - Site Content
	10.8 - Sidebar
	10.9 - Footer
11.0 - Content
	11.1 - HEntry
	11.2 - Page Links
	11.3 - More Link
	11.4 - Entry Meta
	11.5 - Post Formats
	11.6 - Author Info
	11.7 - Comments
12.0 - Blocks (Gutenberg)
	12.1 - Block Image
	12.2 - Block Cover Image
	12.3 - Block Gallery
	12.4 - Block Embed
	12.5 - Block Button
13.0 - Widgets
	13.1 - Search Form Widget
	13.2 - Tag Cloud Widget
14.0 - Media
	14.1 - Captions
	14.2 - Galleries
	14.3 - Media Elements
15.0 - Utilities
	15.1 - Misc
16.0 - Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Normalize
1. http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)
2. normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

body {
  background: #fff;
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

summary {
  display: list-item;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

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

blockquote,
q {
  quotes: "" "";
}

a {
  background-color: transparent;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  max-width: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input {
  line-height: normal;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: border-box;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-webkit-input-placeholder,
:-ms-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
  opacity: 1;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  min-width: 0;
}

legend {
  border: 0;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

button:focus,
[type="text"]:focus,
[type="checkbox"]:focus,
[type="number"]:focus,
[type="email"]:focus,
[type="url"]:focus,
[type="password"]:focus,
[type="search"]:focus,
select:focus,
textarea:focus {
  outline: thin dotted;
}

[type="button"]:focus,
[type="reset"]:focus,
[type="submit"]:focus {
  border: 1px solid #007ada;
  outline: none;
}

/*--------------------------------------------------------------
2.0 Font Awesome
--------------------------------------------------------------*/
.toggle-menu-control:before,
.sf-arrows .sf-with-ul:after,
.site-header-menu-responsive .dropdown-toggle:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after,
.paging-navigation .nav-previous a:before,
.paging-navigation .nav-next a:after,
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.pagination .prev.page-numbers:before,
.pagination .next.page-numbers:after,
.widget_nav_menu .custom-menu-toggle:after,
.widget_pages .page-toggle:after,
.widget_categories .category-toggle:after,
.entry-meta .post-first-category a:before,
.entry-meta .byline:before,
.entry-meta .posted-on a:before,
.entry-meta .post-edit-link-meta a:before,
.entry-meta .parent-post-link a:before,
.entry-meta .full-size-link a:before,
.post-label:before,
.more-link:before,
.search-submit:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 Global
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #3d3d3d;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
3.2 Paragraph
--------------------------------------------------------------*/
p {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
3.3 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #020202;
  font-family: "Playfair Display", serif;
  line-height: 1.3;
}

h1 {
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h2 {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h3 {
  font-size: 23px;
  font-size: 1.4375rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h4 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

h5 {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  -webkit-text-stroke: .35px;
  /* Hack to fix thin text in Windows */
}

h6 {
  font-size: 10px;
  font-size: 0.625rem;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  -webkit-text-stroke: .35px;
  /* Hack to fix thin text in Windows */
}

/*--------------------------------------------------------------
3.4 Links
--------------------------------------------------------------*/
a, a:visited {
  color: #007ada;
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: #0089f2;
}

/*--------------------------------------------------------------
3.5 Blockquote
--------------------------------------------------------------*/
blockquote {
  color: #555;
  border-left: 6px solid #007ada;
  font-family: "Playfair Display", serif;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.3;
  margin: 0 auto 26px;
  margin: 0 auto 1.625rem;
  padding: 15px;
  padding: 0.9375rem;
  position: relative;
}

blockquote blockquote {
  margin: 15px;
  margin: 0.9375rem;
}

blockquote p {
  margin: 0;
}

blockquote cite {
  color: #cccccc;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  margin: 15px 0 0;
  margin: 0.9375rem 0 0;
  text-transform: uppercase;
}

blockquote cite a, blockquote cite a:visited {
  color: #cccccc;
}

blockquote cite a:hover, blockquote cite a:focus, blockquote cite a:active {
  color: #999999;
}

blockquote:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
3.6 General
--------------------------------------------------------------*/
b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

abbr, acronym {
  border-bottom: 1px dotted #ebebeb;
  cursor: help;
}

mark {
  background: #fcf8e3;
  padding: 2px 4px;
  padding: 0.125rem 0.25rem;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

cite {
  font-size: 12px;
  font-size: 0.75rem;
  font-style: normal;
  text-transform: uppercase;
}

address {
  font-style: italic;
  margin: 0 0 26px;
  margin: 0 0 1.625rem;
}

address:last-child {
  margin-bottom: 0;
}

code, kbd, samp, tt, var {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  font-size: 0.75rem;
}

kbd {
  background-color: #020202;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 90%;
  padding: 2px 4px;
  padding: 0.125rem 0.25rem;
}

kbd kbd {
  box-shadow: none;
  font-size: 100%;
  font-weight: bold;
  padding: 0;
}

pre {
  background: #fafafa;
  border: 1px dashed #ebebeb;
  color: #020202;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 0 26px;
  margin: 0 0 1.625rem;
  max-width: 100%;
  overflow: auto;
  padding: 15px;
  padding: 0.9375rem;
}

pre:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
4.0 Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 HR
--------------------------------------------------------------*/
hr {
  background-color: #ebebeb;
  border: 0;
  height: 1px;
  margin: 0 auto 26px;
  margin: 0 auto 1.625rem;
  width: 80%;
}

/*--------------------------------------------------------------
4.2 List
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 26px 26px;
  margin: 0 0 1.625rem 1.625rem;
}

ul:last-child, ol:last-child {
  margin-bottom: 0;
}

ul {
  list-style: disc;
}

ul ul {
  list-style: circle;
}

ul ul ul {
  list-style: square;
}

ol {
  list-style: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 26px;
  margin-left: 1.625rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 26px 26px;
  margin: 0 1.625rem 1.625rem;
}

/*--------------------------------------------------------------
4.3 Table
--------------------------------------------------------------*/
/* Table Reboot */
table {
  table-layout: fixed;
  /* Prevents HTML tables from becoming too wide */
}

/* Table Styles */
table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  min-width: 100%;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

table caption {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

table th,
table td {
  padding: 8px;
  padding: 0.5rem;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #ebebeb;
}

table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ebebeb;
  font-weight: 700;
}

table tbody + tbody {
  border-top: 2px solid #ebebeb;
}

table table {
  background-color: #fafafa;
}

table:last-child {
  margin-bottom: 0;
}

/* Table Small */
.table-sm th,
.table-sm td {
  padding: 5px;
}

/* Table Bordered */
.table-bordered {
  border: 1px solid #ebebeb;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #ebebeb;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

/* Table Zebra Striping */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}

/* Table Hover Effect */
.table-hover tbody tr:hover {
  background-color: #f3f3f3;
}

/* Table Active */
.table-active,
.table-active > th,
.table-active > td {
  background-color: #f5f5f5;
}

.table-hover .table-active:hover {
  background-color: #e8e8e8;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e8e8e8;
}

/* Table Success */
.table-success,
.table-success > th,
.table-success > td {
  background-color: #5cb85c;
}

.table-hover .table-success:hover {
  background-color: #4cae4c;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #4cae4c;
}

/* Table Info */
.table-info,
.table-info > th,
.table-info > td {
  background-color: #5bc0de;
}

.table-hover .table-info:hover {
  background-color: #46b8da;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #46b8da;
}

/* Table Warning */
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #f0ad4e;
}

.table-hover .table-warning:hover {
  background-color: #eea236;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #eea236;
}

/* Table Danger */
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #d9534f;
}

.table-hover .table-danger:hover {
  background-color: #d43f3a;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #d43f3a;
}

/* Table Responsive */
.table-responsive {
  display: block;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  width: 100%;
  overflow-x: auto;
}

.table-responsive:last-child {
  margin-bottom: 0;
}

/* Thead Inverse */
.thead-inverse th {
  color: #fff;
  background-color: #3d3d3d;
}

/* Thead Default */
.thead-default th {
  color: #3d3d3d;
  background-color: #ebebeb;
}

/* Table Inverse */
.table-inverse {
  color: #fff;
  background-color: #3d3d3d;
}

.table-inverse.table-bordered {
  border: 0;
}

.table-inverse caption {
  color: #020202;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #999999;
}

.table-inverse a, .table-inverse a:visited {
  color: #ccc;
}

.table-inverse a:hover, .table-inverse a:focus, .table-inverse a:active {
  color: #fff;
}

/* Table Reflow */
.table-reflow thead {
  float: left;
}

.table-reflow tbody {
  display: block;
  white-space: nowrap;
}

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
}

.table-reflow th:last-child,
.table-reflow td:last-child {
  border-right: 1px solid #ebebeb;
}

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #ebebeb;
}

.table-reflow tr {
  float: left;
}

.table-reflow tr th,
.table-reflow tr td {
  display: block !important;
  border: 1px solid #ebebeb;
}

/*--------------------------------------------------------------
4.4 Image
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: middle;
}

img.alignright, img.alignleft {
  max-width: 110px;
}

img.alignright {
  margin: 0 0 15px 20px;
  margin: 0 0 0.9375rem 1.25rem;
}

img.alignleft {
  margin: 0 20px 15px 0;
  margin: 0 1.25rem 0.9375rem 0;
}

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

/*--------------------------------------------------------------
4.5 HTML5 Elements
--------------------------------------------------------------*/
figure {
  margin: 0;
}

embed,
iframe,
object,
audio,
canvas,
progress,
video {
  max-width: 100%;
}

/*--------------------------------------------------------------
4.6 Forms
--------------------------------------------------------------*/
/* Form Reboot */
input,
textarea {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

/* Form Styles */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  color: #5F6368;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  margin: 0;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

button:hover, button:active,
[type="button"]:hover,
[type="button"]:active,
[type="reset"]:hover,
[type="reset"]:active,
[type="submit"]:hover,
[type="submit"]:active {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-color: #f8f8f8;
  border: 1px solid #c6c6c6;
  color: #222;
}

[type="text"],
[type="number"],
[type="email"],
[type="url"],
[type="password"],
[type="search"],
select,
textarea {
  color: #020202;
  border: 1px solid #ebebeb;
  border-radius: 2px;
}

[type="text"]:focus,
[type="number"]:focus,
[type="email"]:focus,
[type="url"]:focus,
[type="password"]:focus,
[type="search"]:focus,
select:focus,
textarea:focus {
  color: #020202;
}

[type="text"],
[type="number"],
[type="email"],
[type="url"],
[type="password"],
[type="search"] {
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
}

select {
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  width: 98%;
}

textarea {
  padding: 8px 10px;
  padding: 0.5rem 0.625rem;
  resize: vertical;
  vertical-align: top;
  width: 98%;
}

/*--------------------------------------------------------------
5.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-color: #f8f8f8;
  border: 1px solid #c6c6c6;
  color: #222;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
6.0 Alignments
--------------------------------------------------------------*/
.alignright {
  display: inline;
  float: right;
  margin: 0 0 15px 15px;
  margin: 0 0 0.9375rem 0.9375rem;
}

.alignleft {
  display: inline;
  float: left;
  margin: 0 15px 15px 0;
  margin: 0 0.9375rem 0.9375rem 0;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
7.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.site-wrapper:before,
.site-wrapper:after,
.site-header:before,
.site-header:after,
.site-branding:before,
.site-branding:after,
.main-navigation:before,
.main-navigation:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.site-content:before,
.site-content:after,
.site-main:before,
.site-main:after,
.sidebar:before,
.sidebar:after,
.hentry:before,
.hentry:after,
.entry-content:before,
.entry-content:after,
.widget:before,
.widget:after,
.site-footer:before,
.site-footer:after,
.site-info:before,
.site-info:after,
.site-info-inside:before,
.site-info-inside:after,
.comment-body:before,
.comment-body:after,
.comment-meta:before,
.comment-meta:after,
.comment-content:before,
.comment-content:after {
  content: " ";
  display: table;
}

.clear:after,
.site-wrapper:after,
.site-header:after,
.site-branding:after,
.main-navigation:after,
.navigation:after,
.nav-links:after,
.site-content:after,
.site-main:after,
.sidebar:after,
.hentry:after,
.entry-content:after,
.widget:after,
.site-footer:after,
.site-info:after,
.site-info-inside:after,
.comment-body:after,
.comment-meta:after,
.comment-content:after {
  clear: both;
}

/*--------------------------------------------------------------
8.0 - Navigation Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.1 - Main Navigation
--------------------------------------------------------------*/
/* Main navigation */
.main-navigation {
  border-top: 1px solid #444;
  display: block;
  margin: 0;
  padding: 0;
  padding: 15px 0 0;
  padding: 0.9375rem 0 0;
  position: relative;
  width: 100%;
  transition: all .25s ease-out;
}

.main-navigation .main-navigation-inside {
  position: relative;
}

/*--------------------------------------------------------------
8.2 - Header Menu Responsive
--------------------------------------------------------------*/
/* Toogle Menu */
.toggle-menu-wrapper a, .toggle-menu-wrapper a:visited {
  color: #020202;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease-out;
}

.toggle-menu-wrapper a:hover, .toggle-menu-wrapper a:focus, .toggle-menu-wrapper a:active {
  color: #007ada;
}

.toggle-menu-wrapper a:before {
  content: "\f0c9";
  font-size: 25px;
  font-size: 1.5625rem;
}

.toggle-menu-wrapper a .toggle-menu-label {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 10px;
  margin: 0 0.625rem;
  text-transform: uppercase;
}

/* Body Control */
body.has-responsive-menu {
  overflow: hidden;
}

/* Site Header Menu Wrapper */
.site-header-menu-wrapper {
  display: none;
}

.site-header-menu-wrapper.site-header-menu-responsive-wrapper {
  display: block;
}

/* Site Header Menu Responsive Wrapper */
.site-header-menu-responsive-wrapper {
  background: #141414;
  color: #fff;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 30px;
  padding: 1.875rem;
  position: fixed;
  top: 0;
  left: -280px;
  visibility: hidden;
  width: 280px;
  height: 100%;
  z-index: 99999;
  transition: all 0.3s ease;
}

.site-header-menu-responsive-wrapper.show {
  left: 0;
  visibility: visible;
}

.site-header-menu-responsive-wrapper .site-header-menu-responsive-close {
  background: #3d3d3d;
  border: transparent;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
}

.site-header-menu-responsive-wrapper .site-header-menu-responsive-close:hover {
  color: #a6a6a6;
}

.site-header-menu-responsive-wrapper .site-header-menu-responsive {
  position: relative;
}

/* Responsive Menu: (375px) and up */
@media (min-width: 375px) {
  .site-header-menu-responsive-wrapper {
    left: -335px;
    width: 335px;
  }
}

/* Responsive Menu: (414px) and up */
@media (min-width: 414px) {
  .site-header-menu-responsive-wrapper {
    left: -375px;
    width: 375px;
  }
}

/* Site Header Menu Responsive */
.site-header-menu-responsive {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.site-header-menu-responsive * {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-header-menu-responsive ul {
  display: none;
  margin-left: 24px;
  margin-left: 1.5rem;
}

.site-header-menu-responsive ul.toggle-on {
  display: block;
}

.site-header-menu-responsive li {
  position: relative;
  word-wrap: break-word;
  white-space: normal;
}

.site-header-menu-responsive li.current_page_item a,
.site-header-menu-responsive li.current-menu-item a,
.site-header-menu-responsive li.current_page_ancestor > a,
.site-header-menu-responsive li.current-menu-ancestor > a,
.site-header-menu-responsive li.current-menu-parent > a {
  color: #a6a6a6;
}

.site-header-menu-responsive li.menu-item-type-close {
  display: block;
  height: 40px;
}

.site-header-menu-responsive a, .site-header-menu-responsive a:visited {
  color: #fff;
  display: block;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 0;
  padding: 0.5rem 0;
  text-transform: uppercase;
  transition: all .25s ease-out;
}

.site-header-menu-responsive a:hover, .site-header-menu-responsive a:focus, .site-header-menu-responsive a:active {
  color: #007ada;
}

.site-header-menu-responsive .dropdown-toggle {
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.site-header-menu-responsive .dropdown-toggle:after {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  content: "\f078";
}

.site-header-menu-responsive .dropdown-toggle.toggle-on:after {
  content: "\f077";
  color: #a6a6a6;
}

.site-header-menu-responsive .page_item_has_children > a,
.site-header-menu-responsive .menu-item-has-children > a {
  padding-right: 40px;
  padding-right: 2.5rem;
}

/*--------------------------------------------------------------
9.0 Navigation Misc
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.1 Navigation Archives
--------------------------------------------------------------*/
.pagination {
  font-size: 0px;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  overflow: hidden;
  text-align: center;
}

.pagination .page-numbers {
  background: #020202;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2px 1px;
  margin: 0.125rem 0.0625rem;
  padding: 9px 14px;
  padding: 0.5625rem 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease-out;
}

.pagination .page-numbers:hover {
  background: #007ada;
  color: #fff;
}

.pagination .current.page-numbers {
  background: #007ada;
  color: #fff;
  font-weight: 700;
}

.pagination .prev.page-numbers:before,
.pagination .next.page-numbers:after {
  font-size: 14px;
  font-size: 0.875rem;
}

.pagination .prev.page-numbers:before {
  content: "\f053";
}

.pagination .next.page-numbers:after {
  content: "\f054";
}

/*--------------------------------------------------------------
9.2 Navigation Post
--------------------------------------------------------------*/
.post-navigation {
  border-top: 1px solid #eee;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  position: relative;
  width: 100%;
}

.post-navigation .nav-next {
  margin: 30px 0 0;
  margin: 1.875rem 0 0;
}

.post-navigation a, .post-navigation a:visited {
  color: #020202;
  display: block;
  padding: 0;
  position: relative;
  transition: all .25s ease-out;
}

.post-navigation a:hover, .post-navigation a:focus, .post-navigation a:active {
  color: #007ada;
}

.post-navigation .meta-nav {
  color: #007ada;
  display: block;
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
9.3 Navigation Comments
--------------------------------------------------------------*/
.comment-navigation {
  margin: 0;
  overflow: hidden;
  text-align: center;
}

.comment-navigation.comment-navigation-above, .comment-navigation.comment-navigation-below {
  margin: 15px 0 0;
  margin: 0.9375rem 0 0;
  padding: 0;
}

/*--------------------------------------------------------------
9.4 Navigation Attachments
--------------------------------------------------------------*/
.image-navigation {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}

/*--------------------------------------------------------------
9.5 Navigation Common Styles: Comments, Attachments
--------------------------------------------------------------*/
.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.image-navigation .nav-previous,
.image-navigation .nav-next {
  display: inline-block;
  margin: 0 1px;
  padding: 0;
}

.comment-navigation .nav-previous a, .comment-navigation .nav-previous a:visited,
.comment-navigation .nav-next a,
.comment-navigation .nav-next a:visited,
.image-navigation .nav-previous a,
.image-navigation .nav-previous a:visited,
.image-navigation .nav-next a,
.image-navigation .nav-next a:visited {
  color: #999;
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0 15px;
  margin: 0 0.9375rem;
  padding: 0;
  text-transform: uppercase;
}

.comment-navigation .nav-previous a:hover, .comment-navigation .nav-previous a:focus, .comment-navigation .nav-previous a:active,
.comment-navigation .nav-next a:hover,
.comment-navigation .nav-next a:focus,
.comment-navigation .nav-next a:active,
.image-navigation .nav-previous a:hover,
.image-navigation .nav-previous a:focus,
.image-navigation .nav-previous a:active,
.image-navigation .nav-next a:hover,
.image-navigation .nav-next a:focus,
.image-navigation .nav-next a:active {
  color: #0089f2;
}

.comment-navigation .nav-previous .meta-nav,
.comment-navigation .nav-next .meta-nav,
.image-navigation .nav-previous .meta-nav,
.image-navigation .nav-next .meta-nav {
  display: none;
}

.comment-navigation .nav-previous a:before,
.image-navigation .nav-previous a:before {
  color: #0089f2;
  content: "\f053";
  margin: 0 5px 0 0;
  margin: 0 0.3125rem 0 0;
}

.comment-navigation .nav-next a:after,
.image-navigation .nav-next a:after {
  color: #0089f2;
  content: "\f054";
  margin: 0 0 0 5px;
  margin: 0 0 0 0.3125rem;
}

/*--------------------------------------------------------------
Superfish Menu - Large devices (desktops, $mq-lg and up)
--------------------------------------------------------------*/
@media (min-width: 992px) {
  /* Navigation Menus: Toggle Menu Wrapper */
  .toggle-menu-wrapper {
    display: none;
  }
  /* Site Header Menu Wrapper */
  .site-header-menu-wrapper {
    display: block;
  }
  /* Essential Styles */
  .sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sf-menu {
    font-size: 0;
  }
  .sf-menu li {
    position: relative;
  }
  .sf-menu ul {
    position: absolute;
    display: none;
    font-size: 17px;
    font-size: 1.0625rem;
    top: 100%;
    left: 0;
    z-index: 99;
  }
  .sf-menu > li > ul {
    top: 57px;
    top: 3.5625rem;
  }
  .sf-menu > li {
    display: inline-block;
  }
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display: block;
  }
  .sf-menu a {
    display: block;
    position: relative;
  }
  .sf-menu ul ul {
    top: 0;
    left: 100%;
  }
  /* Menu Skin */
  .sf-menu {
    margin-bottom: 0;
    text-align: center;
  }
  .sf-menu ul {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    min-width: 12em;
    /* allow long menu items to determine submenu width */
    max-width: 12em;
    text-align: left;
  }
  /* List Separator */
  .sf-menu > li:before {
    background: #333;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    top: calc(50% - 6px);
    width: 1px;
    height: 12px;
  }
  .sf-menu > li:first-child:before {
    display: none;
  }
  /* Parent Anchors */
  .sf-menu a,
  .sf-menu a:visited {
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 17px;
    padding: 1.0625rem;
    text-transform: uppercase;
    text-decoration: none;
  }
  .sf-menu a:hover,
  .sf-menu a:focus,
  .sf-menu a:active {
    color: #007ada;
  }
  /* Child Menu Anchors */
  .sf-menu ul a,
  .sf-menu ul a:visited {
    border-bottom: 1px solid #e6e6e6;
    color: #020202;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 10px 10px;
    padding: 0.625rem 0.625rem;
    text-transform: none;
  }
  .sf-menu ul a:hover,
  .sf-menu ul a:focus,
  .sf-menu ul a:active {
    color: #007ada;
  }
  .sf-menu ul li:last-child a {
    border-bottom: none;
  }
  .sf-menu li {
    word-wrap: break-word;
    white-space: normal;
    /* no need for Supersubs plugin */
    transition: background .2s;
  }
  .sf-menu ul li {
    background: #ffffff;
  }
  .sf-menu ul ul li {
    background: #ffffff;
  }
  .sf-menu li:hover,
  .sf-menu li.sfHover {
    /* only transition out, not in */
    transition: none;
  }
  /* Last Child Reverse */
  .sf-menu > li:last-child > ul ul,
  .sf-menu > li:nth-last-child(2) > ul ul {
    left: auto;
    /* reset the default positioning */
    right: 100%;
    /* this makes the submenu fly out to the left */
  }
  /*** arrows (for all except IE7) **/
  /* styling for both css and generated arrows */
  /* styling for right-facing arrows */
  .sf-arrows ul .sf-with-ul {
    padding-right: 2.5em;
  }
  .sf-arrows ul .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    height: 0;
    width: 0;
    margin-top: -5px;
    margin-right: -3px;
    border: 5px solid transparent;
    border-left-color: #333333;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(51, 51, 51, 0.5);
  }
  .sf-arrows ul li > .sf-with-ul:focus:after,
  .sf-arrows ul li:hover > .sf-with-ul:after,
  .sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #999999;
  }
}

/*--------------------------------------------------------------
10.0 Skeleton
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Site Wrapper
--------------------------------------------------------------*/
.site-wrapper {
  position: relative;
}

/*--------------------------------------------------------------
10.2 Site Bar
--------------------------------------------------------------*/
.site-bar {
  background-color: #fafafa;
}

/*--------------------------------------------------------------
10.3 Header
--------------------------------------------------------------*/
.site-header {
  border-bottom: 1px solid #444;
  margin: 0;
  min-height: 70px;
  padding: 0;
  position: relative;
}

.site-header:after {
  content: '';
  display: block;
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
  border-bottom: 4px solid #444;
}

.site-header .site-header-inside-wrapper {
  position: relative;
  padding: 15px 0;
  padding: 0.9375rem 0;
}

/*--------------------------------------------------------------
10.4 Site Branding Wrapper
--------------------------------------------------------------*/
.site-branding-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 15px;
  padding: 0 0 0.9375rem;
  width: 100%;
  min-height: 40px;
}

/*--------------------------------------------------------------
10.5 Site Logo
--------------------------------------------------------------*/
.custom-logo {
  width: auto;
  max-height: 100px;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
10.6 Site Branding
--------------------------------------------------------------*/
.has-site-branding .site-branding {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.wp-custom-logo.has-site-branding .site-branding {
  margin: 10px 0 0;
  margin: 0.625rem 0 0;
}

.site-title {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  word-wrap: break-word;
}

.site-title a, .site-title a:visited {
  color: #020202;
  text-decoration: none;
}

.site-title a:hover, .site-title a:focus, .site-title a:active {
  color: #666;
}

.site-description {
  color: #666;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*--------------------------------------------------------------
10.7 Site Content
--------------------------------------------------------------*/
.site-content {
  margin: 0;
  padding: 15px 0;
  padding: 0.9375rem 0;
}

/*--------------------------------------------------------------
10.8 Sidebar
--------------------------------------------------------------*/
.sidebar {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  position: relative;
}

/*--------------------------------------------------------------
10.9 Footer
--------------------------------------------------------------*/
/* Site Footer */
.site-footer {
  border-top: 4px solid #444;
  position: relative;
}

.site-footer:before {
  content: '';
  display: block;
  margin-top: 2px;
  margin-top: 0.125rem;
  border-top: 1px solid #444;
}

/* Site info */
.site-info {
  padding: 60px 0;
  padding: 3.75rem 0;
}

/* Credits */
.credits {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}

.credits a, .credits a:visited {
  color: #999;
}

.credits a:hover, .credits a:focus, .credits a:active {
  color: #020202;
}

.credits .copyright {
  color: #020202;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.credits .copyright a, .credits .copyright a:visited {
  color: #020202;
}

.credits .copyright a:hover, .credits .copyright a:focus, .credits .copyright a:active {
  color: #999;
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 HEntry
--------------------------------------------------------------*/
.sticky {
  /* Sticky post is enhanced with a special icon */
}

/* Entry (Posts,Pages) Block */
.hentry {
  border-bottom: 1px solid #eee;
  margin: 0 0 40px;
  margin: 0 0 2.5rem;
  padding: 0 0 40px;
  padding: 0 0 2.5rem;
  position: relative;
}

.hentry:last-of-type {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.sidebar-widget-area .hentry {
  border: none;
  margin: 0;
  padding: 0;
}

/* Entry Post Thumbnail */
.entry-image-wrapper {
  margin: 0 0 30px;
  margin: 0 0 1.875rem;
}

.entry-image-wrapper img {
  margin: 0 auto;
}

.entry-image-wrapper a:focus .img-featured {
  opacity: 0.6;
  outline: thin dotted;
}

/* Page Content Block */
.page-content {
  margin: 0;
  padding: 0;
  position: relative;
  word-wrap: break-word;
}

/* Entry Header & Title (Posts,Pages) */
.entry-header-wrapper {
  margin: 0 0 30px;
  margin: 0 0 1.875rem;
}

.entry-header-wrapper-archive {
  text-align: center;
}

.entry-header {
  margin: 0 0 15px;
  margin: 0 0 0.9375rem;
  padding: 0;
}

.entry-title {
  clear: none;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

/* Page Header & Title */
.page-header {
  border-bottom: 1px solid #eee;
  margin: 0 0 30px;
  margin: 0 0 1.875rem;
  padding: 15px 0 30px;
  padding: 0.9375rem 0 1.875rem;
  position: relative;
  text-align: center;
}

.page-title {
  clear: none;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

.page-title span {
  color: #007ada;
}

.taxonomy-description {
  color: #999;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 5px 0 0;
  margin: 0.3125rem 0 0;
}

/* Entry & Page Title Colors */
.entry-title a, .entry-title a:visited,
.page-title a,
.page-title a:visited {
  color: #020202;
}

.entry-title a:hover, .entry-title a:focus, .entry-title a:active,
.page-title a:hover,
.page-title a:focus,
.page-title a:active {
  color: #0089f2;
}

/* Entry Summary */
.entry-summary {
  margin: 0 0 30px;
  margin: 0 0 1.875rem;
  padding: 0;
  text-align: center;
  word-wrap: break-word;
}

/* Entry Content */
.entry-content {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

/* Entry, Page & Comment Content */
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child {
  margin-top: 0;
}

/*--------------------------------------------------------------
11.2 Page Links
--------------------------------------------------------------*/
.page-links {
  clear: both;
  font-size: 0px;
  margin: 0;
  padding: 0;
}

.page-links a,
.page-links > span {
  background: #ebebeb;
  color: #020202;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0 1px;
  margin: 0 0.0625rem;
  padding: 10px 14px;
  padding: 0.625rem 0.875rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease-out;
}

.page-links a {
  color: #020202;
  text-decoration: none;
}

.page-links a:hover {
  background: #007ada;
  color: #fff;
  font-weight: 700;
}

.page-links > span {
  background: #007ada;
  color: #fff;
}

.page-links .page-links-title {
  background: transparent;
  border: none;
  color: #666;
  display: none;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
  padding: 0 7px 0 0;
  padding: 0 0.4375rem 0 0;
}

/*--------------------------------------------------------------
11.3 More Link
--------------------------------------------------------------*/
.more-link-wrapper {
  text-align: center;
}

.more-link, .more-link:visited {
  border-top: 4px solid #444;
  border-bottom: 1px solid #444;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0;
  padding: 10px 30px;
  padding: 0.625rem 1.875rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .25s ease-out;
}

.more-link:hover, .more-link:focus, .more-link:active {
  color: #444;
}

/*--------------------------------------------------------------
11.4 Entry Meta
--------------------------------------------------------------*/
.entry-meta {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  /*.posted-on {
		a {
			&,
			&:visited {
				color: $brand-primary-color;
			}

			&:hover,
			&:focus,
			&:active {
				color: $brand-secondary-color;
			}
		}
	}*/
}

.entry-meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.entry-meta ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.entry-meta ul > li:before {
  color: #999;
  content: "	\00b7";
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 4px;
  padding: 0 0.25rem;
}

.entry-meta ul > li:first-child:before {
  display: none;
}

.entry-meta a, .entry-meta a:visited {
  color: #999;
}

.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active {
  color: #020202;
}

/* Entry Meta Header */
.entry-meta-header-before {
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
}

/* Entry Meta Footer */
.entry-meta-footer {
  margin: 26px 0 0;
  margin: 1.625rem 0 0;
}

/* Entry Meta Elements */
.updated:not(.published) {
  display: none;
}

/* Post Featured */
.post-label-featured:before {
  content: "\f08d";
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 4px;
  padding: 0 0.25rem;
}

/* Tags etc */
.tags-links:before,
.edit-link:before {
  content: ' \2022 ';
  padding: 0 6px;
}

/* Entry Meta Single Page/Post */
.page .edit-link:before,
.attachment .edit-link:before {
  display: none;
}

/*--------------------------------------------------------------
11.5 Post Formats
--------------------------------------------------------------*/
/* Post Format Label */
.post-format-label a:before {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 4px;
  padding: 0 0.25rem;
}

/* Post Format Icons */
.post-format-label-aside a:before {
  content: "\f0f6";
}

.post-format-label-audio a:before {
  content: "\f028";
}

.post-format-label-gallery a:before {
  content: "\f009";
}

.post-format-label-image a:before {
  content: "\f03e";
}

.post-format-label-link a:before {
  content: "\f0c1";
}

.post-format-label-quote a:before {
  content: "\f10d";
}

.post-format-label-video a:before {
  content: "\f03d";
}

/*--------------------------------------------------------------
11.6 Author Info
--------------------------------------------------------------*/
.author-info {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  position: relative;
}

.author-info .author-avatar {
  margin: 0 0 15px;
  margin: 0 0 0.9375rem;
  padding: 0;
}

.author-info .avatar {
  border: 1px solid #ebebeb;
  padding: 2px;
  padding: 0.125rem;
}

.author-info .author-description {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.author-info .author-description .author-title {
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  padding: 0;
}

/*--------------------------------------------------------------
11.7 Comments
--------------------------------------------------------------*/
#comments {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}

.comments-area-wrapper {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  position: relative;
}

.no-comments-wrapper {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  text-align: center;
  position: relative;
}

/* Comments Title */
.comments-title {
  color: #020202;
  font-size: 23px;
  font-size: 1.4375rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

/* Comment List */
.comment-list {
  list-style: none;
  margin: 15px 0 0;
  margin: 0.9375rem 0 0;
  padding: 0;
}

.comment-list .children {
  list-style: none;
}

/* Comment Body */
.comment-list > li > .comment-body,
.comment-list > li > .children .comment-body {
  border-top: 1px solid #ebebeb;
  margin: 15px 0 0;
  margin: 0.9375rem 0 0;
  padding-top: 15px;
  padding-top: 0.9375rem;
  position: relative;
}

.comment-list > li:first-child:not(.bypostauthor) > .comment-body {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.comment-list .bypostauthor > .comment-body {
  background: #f2f2f2;
  border-bottom: 3px solid #007ada;
  padding: 15px;
  padding: 0.9375rem;
}

/* Comment Avatar */
.comment-list .comment-author .avatar {
  border: 1px solid #ebebeb;
  display: block;
  margin: 0 0 15px;
  margin: 0 0 0.9375rem;
  padding: 2px;
  padding: 0.125rem;
}

.comment-list .bypostauthor .comment-author .avatar {
  border: 1px solid #d9d9d9;
}

.comment-list .comment-author .avatar {
  width: 68px;
  height: 68px;
}

.comment-list .children .comment-author .avatar {
  width: 50px;
  height: 50px;
}

/* Comment Meta */
.comment-list .comment-meta {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.comment-list .comment-content {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  word-wrap: break-word;
}

.comment-list .reply {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.comment-list .comment-author .fn {
  font-weight: 900;
}

.comment-list .comment-author .fn a,
.comment-list .comment-author .fn a:visited {
  color: #333;
}

.comment-list .comment-author .fn a:hover,
.comment-list .comment-author .fn a:focus,
.comment-list .comment-author .fn a:active {
  color: #999;
}

.comment-list .says {
  display: none;
}

.comment-list .edit-link {
  margin-left: 15px;
  margin-left: 0.9375rem;
}

.comment-list .comment-awaiting-moderation {
  color: #0089f2;
  margin-top: 10px;
  margin-top: 0.625rem;
}

/* Comment Form */
div#respond {
  border-top: 1px solid #eee;
  margin: 40px 0 0;
  margin: 2.5rem 0 0;
  padding: 40px 0 0;
  padding: 2.5rem 0 0;
  position: relative;
}

.comment-list div#respond {
  background: #f8f8f8;
  margin: 15px 0;
  margin: 0.9375rem 0;
  padding: 15px;
  padding: 0.9375rem;
  position: relative;
}

div#respond .comment-reply-title {
  color: #020202;
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1;
  margin: 0 0 15px;
  margin: 0 0 0.9375rem;
}

div#respond .comment-notes,
div#respond .logged-in-as,
div#respond .form-allowed-tags,
div#respond .form-allowed-tags code {
  font-size: 13px;
  font-size: 0.8125rem;
}

div#respond .comment-form label {
  display: block;
}

div#respond .form-submit {
  margin: 0;
}

div#respond .required {
  color: #c0392b;
}

div#respond #cancel-comment-reply-link {
  color: #c0392b;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0;
  padding: 10px;
  padding: 0.625rem;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  right: 0;
}

/* Comment Subscription Form */
.comment-subscription-form {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: 30px 0 0;
  margin: 1.875rem 0 0;
  padding: 0;
}

.comment-subscription-form + .comment-subscription-form {
  margin: 8px 0 0;
  margin: 0.5rem 0 0;
}

/*--------------------------------------------------------------
12.0 - Blocks (Gutenberg)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 - Block Image
--------------------------------------------------------------*/
.wp-block-image {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.wp-block-image:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
12.2 - Block Cover Image
--------------------------------------------------------------*/
.wp-block-cover-image {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.wp-block-cover-image:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
12.3 - Block Gallery
--------------------------------------------------------------*/
.wp-block-gallery {
  margin: 0 0 26px 0;
  margin: 0 0 1.625rem 0;
}

.wp-block-gallery:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
12.4 - Block Embed
--------------------------------------------------------------*/
.wp-block-embed {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.wp-block-embed:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
12.5 - Block Button
--------------------------------------------------------------*/
.wp-block-button {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.wp-block-button:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
13.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 40px;
  margin: 0 0 2.5rem;
  padding: 0;
  position: relative;
  word-wrap: break-word;
}

.widget:last-child {
  margin-bottom: 0;
}

.page-content .widget {
  margin: 0 0 30px;
  margin: 0 0 1.875rem;
  padding: 0;
}

.page-content .widget:before, .page-content .widget:after {
  display: none;
}

.page-content .widget:last-child {
  margin-bottom: 0;
}

.widget .widget-title {
  border-bottom: 1px solid #444;
  color: #020202;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 40px;
  margin: 0 0 2.5rem;
  text-align: center;
  text-transform: uppercase;
}

.widget .widget-title:after {
  content: '';
  display: block;
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
  padding: 15px 0 0;
  padding: 0.9375rem 0 0;
  border-bottom: 4px solid #444;
}

.widget a, .widget a:visited {
  color: #3d3d3d;
}

.widget a:hover, .widget a:focus, .widget a:active {
  color: #666;
}

.widget ul,
.widget ol {
  list-style: none;
  margin: 0;
}

.widget li > ul,
.widget li > ol {
  margin-bottom: 0;
  margin-left: 24px;
  margin-left: 1.5rem;
}

.widget li, .widget li.hentry {
  padding: 0 0 15px;
  padding: 0 0 0.9375rem;
  position: relative;
}

.widget li ul, .widget li.hentry ul {
  margin-top: 9px;
  margin-top: 0.5625rem;
}

.widget li li:last-child, .widget li.hentry li:last-child {
  padding-bottom: 0;
}

.widget li:last-child, .widget li.hentry:last-child {
  padding-bottom: 0;
}

/*--------------------------------------------------------------
13.1 Search Form Widget
--------------------------------------------------------------*/
.search-form {
  margin: 0;
  padding: 0;
  position: relative;
}

.search-form .search-field {
  border: 1px solid #f0f0f0;
  height: 50px;
  padding: 0 20px;
  padding: 0 1.25rem;
  text-align: left;
  width: calc(100% - 60px);
}

.search-form .search-submit {
  background: #007ada;
  border: none;
  border-radius: 0;
  color: #fff;
  display: block;
  float: right;
  width: 60px;
  height: 50px;
  text-align: center;
  transition: all .25s ease-out;
}

.search-form .search-submit:hover {
  background: #0089f2;
}

.search-form .search-submit:focus {
  background: #0089f2;
  border: none;
  outline: none;
}

.search-form .search-submit:before {
  content: "\f002";
}

/*--------------------------------------------------------------
13.2 Tag Cloud Widget
--------------------------------------------------------------*/
.widget_tag_cloud > div:before,
.widget_tag_cloud > div:after {
  content: '';
  display: table;
}

.widget_tag_cloud > div:after {
  clear: both;
}

.widget_tag_cloud a:after {
  color: #999;
  content: '\2044';
  margin: 0 6px;
  margin: 0 0.375rem;
}

.widget_tag_cloud a, .widget_tag_cloud a:visited {
  float: left;
  font-size: 13px !important;
  font-size: 0.8125rem !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease-out;
}

/*--------------------------------------------------------------
14.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/*--------------------------------------------------------------
14.1 Captions
--------------------------------------------------------------*/
/* Attachment Caption */
.entry-caption {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
  border: 1px solid #eee;
  margin: 0;
  padding: 10px;
  padding: 0.625rem;
  text-align: center;
}

/* WP Caption */
.wp-caption {
  border: 1px solid #eee;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  max-width: 100%;
}

.wp-caption:last-child {
  margin-bottom: 0;
  margin-bottom: 0;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
  margin: 0;
  padding: 5px;
  padding: 0.3125rem;
  text-align: center;
}

.wp-caption.alignright, .wp-caption.alignleft {
  max-width: 110px;
}

.wp-caption.alignright {
  margin: 0 0 15px 20px;
  margin: 0 0 0.9375rem 1.25rem;
}

.wp-caption.alignleft {
  margin: 0 20px 15px 0;
  margin: 0 1.25rem 0.9375rem 0;
}

/*--------------------------------------------------------------
14.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin: 0 0 26px;
  margin: 0 0 1.625rem;
}

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

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

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

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

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

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

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

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

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

.gallery .gallery-icon img {
  margin: 0 auto;
}

.gallery .gallery-caption {
  color: #999;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 5px 0;
  padding: 0.3125rem 0;
}

.gallery.gallery-columns-4 .gallery-caption,
.gallery.gallery-columns-5 .gallery-caption,
.gallery.gallery-columns-6 .gallery-caption,
.gallery.gallery-columns-7 .gallery-caption,
.gallery.gallery-columns-8 .gallery-caption,
.gallery.gallery-columns-9 .gallery-caption {
  display: none;
}

.gallery:last-child {
  margin: 0;
  margin: 0;
}

/*--------------------------------------------------------------
14.3 Media Elements
--------------------------------------------------------------*/
.hentry .mejs-container {
  margin: 0 0 26px;
  margin: 0 0 1.625rem;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
  background: #333;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #0089f2;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: rgba(255, 255, 255, 0.33);
}

.hentry .mejs-container .mejs-controls .mejs-time {
  padding-top: 9px;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0;
}

.hentry .mejs-overlay-loading {
  background: transparent;
}

/*--------------------------------------------------------------
15.0 Utilities
--------------------------------------------------------------*/
/*--------------------------------------------------------------
15.1 Overlay Effect
--------------------------------------------------------------*/
.overlay-effect {
  background: #141414;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 99995;
  transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

.overlay-effect.open {
  opacity: .4;
  visibility: visible;
}

/*--------------------------------------------------------------
15.2 Misc
--------------------------------------------------------------*/
.img-featured,
.img-postlist {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.img-featured:hover,
.img-postlist:hover {
  opacity: 0.6;
}

/*--------------------------------------------------------------
16.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
16.1 Small devices (landscape phones, $mq-sm and up)
--------------------------------------------------------------*/
@media (min-width: 576px) {
  /* Typography: Blockquote */
  blockquote {
    padding: 15px 20px;
    padding: 0.9375rem 1.25rem;
    width: 90%;
  }
  blockquote blockquote {
    width: 95%;
  }
  .sidebar blockquote,
  .footer-sidebar blockquote {
    width: 100%;
    margin: 0;
    padding-right: 0;
    padding-right: 0;
  }
  /* Elements: Image */
  img.alignright, img.alignleft {
    max-width: 175px;
  }
  /* Navigation Menus: Header Menu Responsive */
  .site-header-menu-responsive-wrapper {
    left: -400px;
    width: 400px;
  }
  /* Navigation Misc: Navigation Post */
  .post-navigation .nav-links {
    display: flex;
  }
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    width: 50%;
  }
  .post-navigation .nav-previous {
    margin: 0;
    padding: 0 30px 0 0;
  }
  .post-navigation .nav-next {
    border-left: 1px solid #eee;
    margin: 0;
    padding: 0 0 0 30px;
  }
  /* Skeleton: Site Branding */
  .site-title {
    font-size: 40px;
    font-size: 2.5rem;
  }
  /* Content: Author Info */
  .author-info {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .author-info .author-avatar {
    margin: 0;
    width: 15%;
  }
  .author-info .author-description {
    padding: 0 0 0 30px;
    padding: 0 0 0 1.875rem;
    width: 85%;
  }
  /* Content: Comments */
  /* Comment Body */
  .comment-list > li > .comment-body {
    padding-left: 83px;
    padding-left: 5.1875rem;
  }
  .comment-list > li > .children .comment-body {
    padding-left: 65px;
    padding-left: 4.0625rem;
  }
  .comment-list .bypostauthor .comment-body {
    padding-left: 98px;
    padding-left: 6.125rem;
  }
  .comment-list > li > .children .bypostauthor .comment-body {
    padding-left: 80px;
    padding-left: 5rem;
  }
  .comment-list .pingback .comment-body {
    padding-left: 0;
  }
  /* Comment Avatar */
  .comment-list > li > .comment-body .comment-author .avatar,
  .comment-list > li > .children .comment-body .comment-author .avatar {
    margin: 0;
    position: absolute;
    top: 15px;
    left: 0;
  }
  .comment-list > li:first-child:not(.bypostauthor) > .comment-body .comment-author .avatar {
    top: 0;
  }
  .comment-list > li.bypostauthor > .comment-body .comment-author .avatar,
  .comment-list > li > .children li.bypostauthor > .comment-body .comment-author .avatar {
    top: 15px;
    left: 15px;
  }
  /* Media: WP Caption */
  .wp-caption.alignright, .wp-caption.alignleft {
    max-width: 175px;
  }
}

/*--------------------------------------------------------------
16.2 Medium devices (tablets, $mq-md and up)
--------------------------------------------------------------*/
@media (min-width: 768px) {
  /* Typography: Global */
  body {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.7;
  }
  /* Typography: Paragraph */
  p {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  /* Typography: Headings */
  h1 {
    font-size: 34px;
    font-size: 2.125rem;
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  h2 {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  h3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  h4 {
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  h5 {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  h6 {
    font-size: 11px;
    font-size: 0.6875rem;
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  /* Typography: Blockquote */
  blockquote {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 auto 28px;
    margin: 0 auto 1.75rem;
  }
  /* Typography: General */
  address {
    margin: 0 0 28px;
    margin: 0 0 1.75rem;
  }
  pre {
    margin: 0 0 28px;
    margin: 0 0 1.75rem;
    padding: 20px;
    padding: 1.25rem;
  }
  /* Elements: HR */
  hr {
    margin: 0 auto 28px;
    margin: 0 auto 1.75rem;
  }
  /* Elements: List */
  ul, ol {
    margin: 0 0 28px 36px;
    margin: 0 0 1.75rem 2.25rem;
  }
  dd {
    margin: 0 24px 28px;
    margin: 0 1.5rem 1.75rem;
  }
  /* Elements: Table */
  table {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  table caption {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  table th,
  table td {
    padding: 12px;
    padding: 0.75rem;
  }
  /* Elements: Image */
  img.alignright, img.alignleft {
    max-width: 270px;
  }
  img.alignright {
    margin: 0 0 15px 25px;
    margin: 0 0 0.9375rem 1.5625rem;
  }
  img.alignleft {
    margin: 0 25px 15px 0;
    margin: 0 1.5625rem 0.9375rem 0;
  }
  /* Alignments */
  .alignleft {
    margin: 0 20px 20px 0;
    margin: 0 1.25rem 1.25rem 0;
  }
  .alignright {
    margin: 0 0 20px 20px;
    margin: 0 0 1.25rem 1.25rem;
  }
  /* Navigation Menus: Main Navigation */
  .main-navigation {
    display: block;
    position: relative;
    width: 100%;
  }
  .main-navigation .main-navigation-inside {
    position: relative;
  }
  /* Navigation Misc: Navigation Archives */
  .pagination .page-numbers {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 13px 20px;
    padding: 0.8125rem 1.25rem;
  }
  /* Navigation Misc: Navigation Comments */
  .comment-navigation.comment-navigation-above, .comment-navigation.comment-navigation-below {
    margin: 30px 0 0;
    margin: 1.875rem 0 0;
  }
  /* Skeleton: Header */
  .site-header {
    min-height: 120px;
  }
  /* Skeleton: Site Branding Wrapper */
  .site-branding-wrapper {
    min-height: 60px;
  }
  /* Skeleton: Site Logo */
  .custom-logo {
    max-height: 150px;
  }
  /* Skeleton: Site Branding */
  .site-title {
    font-size: 52px;
    font-size: 3.25rem;
  }
  /* Skeleton: Site Content */
  .site-content {
    padding: 40px 0;
    padding: 2.5rem 0;
  }
  /* Content: Entry Header & Title (Posts,Pages) */
  .entry-title {
    font-size: 32px;
    font-size: 2rem;
  }
  /* Content: Page Header & Title */
  .page-header {
    margin: 0 0 40px;
    margin: 0 0 2.5rem;
    padding: 0 0 40px;
    padding: 0 0 2.5rem;
  }
  .page-title {
    font-size: 32px;
    font-size: 2rem;
  }
  /* Content: Entry Meta Footer */
  .entry-meta-footer {
    margin: 28px 0 0;
    margin: 1.75rem 0 0;
  }
  /* Content: Comments */
  /* Comment List */
  .comment-list {
    margin: 30px 0 0;
    margin: 1.875rem 0 0;
  }
  /* Comment Body */
  .comment-list > li > .comment-body,
  .comment-list > li > .children .comment-body {
    margin-top: 30px;
    margin-top: 1.875rem;
    padding-top: 30px;
    padding-top: 1.875rem;
  }
  .comment-list .bypostauthor .comment-body {
    padding: 30px 30px 30px 123px;
    padding: 1.875rem 1.875rem 1.875rem 7.6875rem;
  }
  .comment-list > li > .children .bypostauthor .comment-body {
    padding: 30px 30px 30px 94px;
    padding: 1.875rem 1.875rem 1.875rem 5.875rem;
  }
  /* Comment Avatar */
  .comment-list > li > .comment-body .comment-author .avatar,
  .comment-list > li > .children .comment-body .comment-author .avatar {
    top: 30px;
  }
  .comment-list > li.bypostauthor > .comment-body .comment-author .avatar,
  .comment-list > li > .children li.bypostauthor > .comment-body .comment-author .avatar {
    top: 30px;
    left: 30px;
  }
  /* Comment Form */
  .comment-list div#respond {
    margin: 30px 0;
    margin: 1.875rem 0;
    padding: 30px;
    padding: 1.875rem;
  }
  /* Blocks: Block Image */
  .wp-block-image {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  /* Blocks: Block Cover Image */
  .wp-block-cover-image {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  /* Blocks: Block Gallery */
  .wp-block-gallery {
    margin: 0 0 28px 0;
    margin: 0 0 1.75rem 0;
  }
  /* Blocks: Block Embed */
  .wp-block-embed {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  /* Blocks: Block Button */
  .wp-block-button {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  /* Widgets */
  .widget {
    margin: 0 0 60px;
    margin: 0 0 3.75rem;
  }
  /* Media: Attachment Caption */
  .entry-caption {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 20px;
    padding: 1.25rem;
  }
  /* Media: WP Caption */
  .wp-caption {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  .wp-caption .wp-caption-text {
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
  }
  .wp-caption.alignright, .wp-caption.alignleft {
    max-width: 270px;
  }
  .wp-caption.alignright {
    margin: 0 0 15px 25px;
    margin: 0 0 0.9375rem 1.5625rem;
  }
  .wp-caption.alignleft {
    margin: 0 25px 15px 0;
    margin: 0 1.5625rem 0.9375rem 0;
  }
  /* Media: Galleries */
  .gallery {
    margin: 0 0 28px;
    margin: 0 0 1.75rem;
  }
  .gallery .gallery-caption {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 5px;
    padding: 0.3125rem;
  }
  .gallery.gallery-columns-4 .gallery-caption,
  .gallery.gallery-columns-5 .gallery-caption {
    display: block;
  }
  /* Media: Media Elements */
  .hentry .mejs-container {
    margin: 0 0 28px;
    margin: 0 0 1.75rem;
  }
}

/*--------------------------------------------------------------
16.3 Large devices (desktops, $mq-lg and up)
--------------------------------------------------------------*/
@media (min-width: 992px) {
  /* Elements: Table */
  .sidebar table th,
  .sidebar table td {
    padding: 4px;
    padding: 0.25rem;
  }
  /* Navigation Misc: Navigation Post */
  .post-navigation {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
    padding: 50px 0 0;
    padding: 3.125rem 0 0;
  }
  /* Navigation Misc: Navigation Attachments */
  .image-navigation {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
    padding: 50px 0 0;
    padding: 3.125rem 0 0;
  }
  /* Skeleton: Site Content */
  .site-content {
    padding: 50px 0;
    padding: 3.125rem 0;
  }
  .has-no-sidebar .site-content {
    width: 786px;
    margin: 0 auto;
  }
  /* Skeleton: Sidebar */
  .sidebar {
    border: none;
    margin: 0;
    padding: 0;
  }
  /* Navigation Misc: Navigation Archives */
  .pagination {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
  }
  /* Content: Entry (Posts,Pages) Block */
  .hentry {
    margin: 0 0 50px;
    margin: 0 0 3.125rem;
    padding: 0 0 50px;
    padding: 0 0 3.125rem;
  }
  /* Content: Page Header & Title */
  .page-header {
    margin: 0 0 50px;
    margin: 0 0 3.125rem;
    padding: 0 0 50px;
    padding: 0 0 3.125rem;
  }
  /* Content: Author Info */
  .author-info {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
  }
  /* Content: Comments */
  /* Comments */
  .comments-area-wrapper {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
  }
  .no-comments-wrapper {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
  }
  /* Comment Form */
  div#respond {
    margin: 50px 0 0;
    margin: 3.125rem 0 0;
  }
  /* Widgets */
  .widget .widget-title {
    text-align: left;
  }
}

/*--------------------------------------------------------------
16.4 Extra large devices (large desktops, $mq-xl and up)
--------------------------------------------------------------*/
@media (min-width: 1200px) {
  /* Elements: Table */
  .sidebar table th,
  .sidebar table td {
    padding: 6px;
    padding: 0.375rem;
  }
  /* Elements: Image */
  img.alignright, img.alignleft {
    max-width: 300px;
  }
  img.alignright {
    margin: 0 0 15px 30px;
    margin: 0 0 0.9375rem 1.875rem;
  }
  img.alignleft {
    margin: 0 30px 15px 0;
    margin: 0 1.875rem 0.9375rem 0;
  }
  /* Navigation Menus: Primary Menu */
  .sf-menu a, .sf-menu a:visited {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 17px 24px;
    padding: 1.0625rem 1.5rem;
  }
  /* Navigation Misc: Navigation Archives */
  .pagination {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
  }
  .pagination .page-numbers {
    font-size: 17px;
    font-size: 1.0625rem;
    padding: 18px 28px;
    padding: 1.125rem 1.75rem;
  }
  /* Navigation Misc: Navigation Post */
  .post-navigation {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
    padding: 60px 0 0;
    padding: 3.75rem 0 0;
  }
  /* Navigation Misc: Navigation Attachments */
  .image-navigation {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
    padding: 60px 0 0;
    padding: 3.75rem 0 0;
  }
  /* Skeleton: Header */
  .site-header {
    min-height: 150px;
  }
  /* Skeleton: Site Branding Wrapper */
  .site-branding-wrapper {
    min-height: 70px;
  }
  /* Skeleton: Site Logo */
  .custom-logo {
    max-height: 200px;
  }
  /* Skeleton: Site Branding */
  .site-title {
    font-size: 72px;
    font-size: 4.5rem;
  }
  .site-description {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* Skeleton: Site Content */
  .site-content {
    padding: 60px 0;
    padding: 3.75rem 0;
  }
  /* Skeleton: Sidebar */
  .sidebar {
    padding: 0 0 0 40px;
    padding: 0 0 0 2.5rem;
  }
  .has-left-sidebar .sidebar {
    padding: 0 40px 0 0;
    padding: 0 2.5rem 0 0;
  }
  /* Content: Entry (Posts,Pages) Block */
  .hentry {
    margin: 0 0 60px;
    margin: 0 0 3.75rem;
    padding: 0 0 60px;
    padding: 0 0 3.75rem;
  }
  /* Content: Entry Header & Title (Posts,Pages) */
  .entry-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
  /* Content: Page Header & Title */
  .page-header {
    margin: 0 0 60px;
    margin: 0 0 3.75rem;
    padding: 0 0 60px;
    padding: 0 0 3.75rem;
  }
  .page-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
  /* Content: Author Info */
  .author-info {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
  }
  /* Content: Comments */
  /* Comments */
  .comments-area-wrapper {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
  }
  .no-comments-wrapper {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
  }
  /* Comment Form */
  div#respond {
    margin: 60px 0 0;
    margin: 3.75rem 0 0;
  }
  /* Media: WP Caption */
  .wp-caption {
    margin-bottom: 28px;
    margin-bottom: 1.75rem;
  }
  .wp-caption .wp-caption-text {
    padding: 20px;
    padding: 1.25rem;
  }
  .wp-caption.alignright, .wp-caption.alignleft {
    max-width: 300px;
  }
  .wp-caption.alignright {
    margin: 0 0 15px 30px;
    margin: 0 0 0.9375rem 1.875rem;
  }
  .wp-caption.alignleft {
    margin: 0 30px 15px 0;
    margin: 0 1.875rem 0.9375rem 0;
  }
}