/*
Theme Name: Minn Lite
Author: David Gwyer
Theme URI: http://demo.wpgothemes.com/minn
Description: Minn lite is a beautiful and simple modern HTML5 & CSS3 mobile ready theme which is suitable for ANY type of site. It incorporates a fully responsive design which looks fantastic on all devices from mobile/tablet to desktop at higher resolutions. There are many great features built-in to Minn lite. These include: multiple color pickers to control your site color scheme, footer links and copyright notice editor, custom logo uploader, custom background support, and a hide page title feature which is especially useful when creating landing pages. There is also a unique column layout system on a global AND 'per page' basis allowing you to create unique column layouts on different pages! Many of the features are incorporated via the customizer so you see changes happening to your site in real time! Finally, Minn lite is developed to meet WordPress coding standards and best practices, and is compatible with all the top WordPress plugins such as Yoast SEO, Easy Digital Downloads, WooCommerce, Contact Form 7, Jetpack, and many more!
Version: 0.20
Author URI: http://www.wpgothemes.com/
Tags: one-column, two-columns, three-columns, left-sidebar, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: minn-lite
License: GNU General Public License, Version 2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

The Minn Lite theme was designed and created by David Gwyer.
Please visit <a href="http://www.wpgothemes.com/">WPGO Themes</a> for more WordPress themes.
*/
/*
	CSS CONTENTS:
	--------------------------------------------------------------
	0. =NORMALIZE CSS
	1. =BASIC SETUP
	2. =LAYOUTS
	3. =TYPOGRAPHY
	4. =TABLES
	5. =LISTS
	6. =IMAGES
	7. =FORMS
	8. =HEADER/NAVIGATION
	9. =CONTAINERS & CONTENT
	10. =POSTS/PAGES
	11. =COMMENTS
	12. =SEARCH RESULTS
	13. =404 PAGE
	14. =WIDGETS
	15. =FOOTER
	16. =NON-SEMANTIC HELPER CLASSES
	17. =DEFAULT COLORS
	18. =MEDIA QUERIES
*/
/* 0. =NORMALIZE CSS
-------------------------------------------------------------- */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* 1. =BASIC SETUP
-------------------------------------------------------------- */
body {
  width: auto;
  height: auto;
}

#body-container {
  overflow: hidden;
}

:focus {
  outline: 0;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

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

.clear {
  clear: both;
}

.sticky {
  visibility: visible;
}

/* 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. */
}

figure {
	margin: 0;
}

/* 2. =LAYOUTS
-------------------------------------------------------------- */
/* Content floats */
.two-col-l .content, .three-col-l .content {
  float: right;
}

.two-col-r .content, .three-col-r .content, .three-col-c .content {
  float: left;
}

/* Primary sidebar */
.two-col-l #primary-sidebar {
  float: left;
}

.two-col-r #primary-sidebar {
  float: right;
}

.three-col-l #primary-sidebar, .three-col-c #primary-sidebar {
  float: left;
  margin-right: 20px;
}

.three-col-r #primary-sidebar {
  float: right;
  margin-right: 20px;
}

/* Secondary sidebar */
.three-col-l #secondary-sidebar {
  float: left;
}

.three-col-r #secondary-sidebar {
  float: right;
}

.three-col-c #secondary-sidebar {
  float: right;
}

/* Column styles */
.one-half, .one-third, .two-thirds, .three-fourths, .one-fourth {
  float: left;
  margin-bottom: 20px;
  margin-right: 4%;
  position: relative;
}

.last-col {
  clear: right;
  margin-right: 0;
}

.one-half {
  width: 48%;
}

.one-third {
  width: 30.66%;
}

.two-thirds {
  width: 65.33%;
}

.one-fourth {
  width: 22%;
}

.three-fourths {
  width: 74%;
}

/* 3. =TYPOGRAPHY
-------------------------------------------------------------- */
body {
  line-height: 1.6;
  font-size: 16px;
  font-family: 'Arial', 'Lucida Sans Unicode', 'Trebuchet MS', Arial, sans-serif;
}

p a.more-link:link, p a.more-link:visited, p a.more-link:hover {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:link, a:visited, a:hover, .entry-title a:hover, .page-title a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 22px 0 15px 0;
  padding: 0;
  font-family: sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 35px;
  line-height: 40px;
}

h2 {
  font-size: 26px;
  line-height: 30px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 10px;
}

.entry-title {
  margin: 10px 0 11px;
  font-size: 30px;
  line-height: 1;
}

em {
  font-style: italic;
}

blockquote {
  font-style: italic;
  overflow: hidden;
  padding-left: 15px;
  margin: 15px;
  font-family: "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 18px;
}

.page-link {
  margin-bottom: 10px;
  clear: both;
}

.page-link a {
  padding: 4px;
  margin: 0 2px;
}

/* 4. =TABLES
-------------------------------------------------------------- */
th, td {
  padding: 8px;
}

th {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

fieldset, table {
  margin-bottom: 15px;
}

.widget table#wp-calendar {
  width: 100%;
}

/* 5. =LISTS
-------------------------------------------------------------- */
ol {
  list-style: decimal;
  margin: 0 0 18px 1em;
}

ol li {
  list-style: decimal;
}

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

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

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

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

ul {
  margin: 0;
  padding: 0;
}

#container ul {
  margin-bottom: 15px;
}

.content ul {
  padding-left: 35px;
}

#container ul li ul li {
  border-bottom: none;
}

.post ul li:before,
.widget ul li:before {
	font-family: dashicons;
	content: "\f147";
	padding-left: 0;
	margin-left: 0;
	font-size: 16px;
	/* vertical-align: sub; */
	color: #fff;
	margin-right: 5px;
	background: #328cc1;
	border-radius: 4px;
	position: relative;
	top: 2px;
}

.post ul,
.widget ul {
	list-style: none;
	margin-left: 0 !important;
}

/* 6. =IMAGES
-------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}

.post-content img.alignright, .post-content img.alignleft {
  margin: 6px 12px 9px 0;
}

.post .post-thumb {
  margin-bottom: 10px;
  overflow: hidden;
}

.post .post-thumb img {
  margin: 0;
  display: block;
}

p.wp-caption-text {
  margin-top: 0;
  margin-bottom: 8px;
  text-align: center;
  font-size: 12px;
}

.gallery img {
  margin: 10px;
}

.gallery .gallery-caption {
  font-size: 12px;
}

.icon {
  margin: 0 10px 0 0;
  position: relative;
  top: 10px;
}

.content img.noborder {
  border: none;
}

/* 7. =FORMS
-------------------------------------------------------------- */
label {
  cursor: pointer;
}

input, textarea {
  font-weight: 300;
  line-height: 1.625;
  padding: 3px 5px;
}

input[type="text"], input[type="search"], input[type="email"], input[type="password"] {
  -webkit-appearance: none;
  border-radius: 0;
}

input.button, input.search-submit, input[type="submit"] {
  padding: 0.4em 1.5em 0.4em;
  border: 0;
}

.button, .btn, .search-submit, #submit, .submit, .post-edit-link, .more-link, input[type="submit"], ul#filters li a {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 0.6em 0.8em;
  overflow: hidden;
}

.more-link {
  margin-top: 10px;
}

p a.button:link, p a.button:visited, p a.button:hover {
  text-decoration: none;
}

.button:hover, .btn:hover, .search-submit:hover, #submit:hover, .submit:hover, .post-edit-link:hover, .more-link:hover {
  text-decoration: none;
}

.large {
  font-size: 18px;
}

/* 8. =HEADER/NAVIGATION
-------------------------------------------------------------- */
/*** Header ***/
#header-container {
  position: relative;
  z-index: 100;
  padding-top: 10px;
  width: 100%;
}

#header-container header {
  display: block;
  clear: both;
  position: relative;
  margin: 0 auto;
  max-width: 960px;
  min-height: 100px;
}

#logo-wrap {
  float: left;
  margin: 10px 0;
}

#logo-wrap {
  -webkit-font-smoothing: antialiased;
}

#site-title {
  margin: 0;
  max-width: 450px;
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
}

#site-title a:hover {
  text-decoration: none;
}

#site-title a span {
  display: visible;
}

#site-description {
  font-size: 16px;
  clear: left;
  display: inline;
  float: left;
  font-weight: 200;
  margin-bottom: 17px;
}

#site-logo a {
  max-width: 600px;
  float: left;
  overflow: hidden;
  position: relative;
  margin: 0 15px 5px 0;
}

#site-logo span {
  display: none;
}

#site-logo a img {
  display: inline-block;
  vertical-align: middle;
}

/*** Navigation ***/
#header-container .nav-wrap {
  clear: both;
}

nav.primary-menu {
  max-width: 960px;
  padding: 0;
  margin: 25px auto 0 auto;
}

.primary-menu, .menu, .menu > li, .menu > li > a {
  height: 100%;
}

nav.primary-menu .menu {
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
}

nav.primary-menu .menu:after, nav.primary-menu.menu:before {
  display: table;
  content: " ";
}

nav.primary-menu .menu:after {
  clear: both;
}

nav.primary-menu ul > :first-child a {
  margin-left: 0;
}

nav.secondary-menu {
  float: right;
  font-size: 14px;
  margin: 10px 0;
  border-radius: 5px;
}

nav.secondary-menu li a {
  padding: 5px 8px;
}

nav .menu li {
  display: inline;
  float: left;
  position: relative;
}

nav li a {
  display: block;
  text-decoration: none;
  padding: 6px 15px;
  margin: 0 5px;
  float: left;
}

nav li a:hover {
  text-decoration: none;
}

input[type="checkbox"]#nav-respond {
  display: none;
}

/*** Drop Downs ***/
nav ul ul {
  position: absolute;
  top: 37px;
  left: 5px;
  display: none;
  float: left;
  z-index: 89;
  width: 170px;
  list-style: none outside none;
  margin: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

nav.secondary-menu ul ul {
  top: 100%;
}

nav ul ul li {
  max-width: 220px;
  width: 100%;
}

nav ul ul li a {
  border-bottom: none;
  font-weight: normal;
  padding: 10px;
  margin: 0;
  float: none;
  z-index: 90;
}

nav ul ul ul {
  left: 100%;
  top: 0;
}

nav ul ul a {
  height: auto;
}

nav .menu li:hover > ul {
  display: block;
}

nav.primary-menu ul li.menu-item-has-children.current-menu-item > a:after, nav.primary-menu ul li.menu-item-has-children.current_page_item > a:after {
  content: ' \25bc';
  font-size: 9px;
  position: relative;
  top: -2px;
  left: 3px;
}

nav.primary-menu ul li > a:after {
  color: #eee;
  content: ' \25bc';
  font-size: 9px;
  position: relative;
  top: -2px;
  left: 3px;
}

nav.secondary-menu .sub-menu .sub-menu {
  top: 0;
}

nav.primary-menu ul ul li.menu-item-has-children.current-menu-item > a:after, nav.primary-menu ul ul li.menu-item-has-children.current_page_item > a:after {
  content: ' \25b6';
}

nav.primary-menu ul ul.sub-menu li > a:after {
  content: ' \25b6';
}

nav.primary-menu li > a:only-child:after {
  content: '';
}

nav.primary-menu ul.sub-menu li > a:only-child:after {
  content: '';
}

/* 9. =CONTAINERS & CONTENT
-------------------------------------------------------------- */
#outer-container {
  position: relative;
  z-index: 92;
  width: 100%;
}

#container {
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
}

#before-content {
  margin: 0;
  padding: 0;
  position: relative;
}

.two-col-r .content, .two-col-l .content {
  max-width: 650px;
  width: 67%;
  padding-top: 25px;
}

.three-col-r .content, .three-col-l .content, .three-col-c .content {
  overflow-y: hidden;
  overflow-x: visible;
  width: 47%;
  padding-top: 25px;
}

.one-col .content {
  padding-top: 25px;
}

#main-content {
  margin-bottom: 15px;
}

#main-content img {
  margin-bottom: 15px;
}

hr.end {
  margin: 30px 0 10px 0;
}

p.small-p {
  line-height: 1.3;
  font-style: italic;
}

/* 10. =POSTS/PAGES
-------------------------------------------------------------- */
.post {
  clear: both;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.post-content {
  margin-bottom: 30px;
}

.post-content li {
  margin-left: 2px;
}

/*** Meta Information ***/
.post-date {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  width: 60px;
  height: 48px;
  padding-top: 12px;
  margin: 0;
  border-radius: 30px;
}

.social-btns {
  width: 63px;
  height: 150px;
}

.post-meta {
  font-size: 14px;
  margin: 0 0 20px;
}

article footer .post-meta {
  margin: 0 0 10px;
}

.post-meta li {
  display: inline;
  float: left;
  padding: 0;
}

header .post-meta p.left, footer .post-meta p.left {
  float: left;
}

header .post-meta p.right, footer .post-meta p.right {
  float: right;
}

header .post-meta p.center, footer .post-meta p.center {
  text-align: center;
}

header .post-meta p.center, footer .post-meta p.center {
  float: none;
  text-align: center;
}

footer .post-meta p {
  margin: 0 5px 8px 0;
}

footer .post-meta .tags a[rel="tag"] {
	background: #328cc1;
	padding: 2px 4px;
	border-radius: 2px;
	color: #fff !important;
}

p.author {
  font-size: 12px;
  font-style: italic;
  padding-bottom: 10px;
  text-align: center;
  overflow: hidden;
}

p.author:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: relative;
  bottom: -10px;
  left: 20px;
}

.bypostauthor {
  visibility: visible;
}

.edit-link {
  display: block;
  clear: both;
  margin: 20px 0;
}

.next-prev-post-links {
  padding-top: 15px;
  overflow: auto;
  margin-bottom: 20px;
}

nav.next-prev-post-links .next {
  margin-left: 10px;
}

nav.next-prev-post-links .prev {
  margin-right: 10px;
}

nav.next-prev-post-links.pagination {
  text-align: center;
}

a.wp-link {
  opacity: 0.8;
}

a.wp-link:hover {
  opacity: 1;
}

#container .search {
  display: block;
  clear: both;
  line-height: 30px;
  overflow: hidden;
  margin: 15px 0 10px 0;
}

#container main.content article:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}

/* 11. =COMMENTS
-------------------------------------------------------------- */
#commentform input[type='url'], #commentform input[type='email'], #commentform input[type='text'], #commentform textarea {
  display: block;
  clear: both;
}

#comments ol.commentlist {
  margin: 0;
  padding: 0 0 10px 0;
}

#comments ol.commentlist > li {
  clear: both;
  position: relative;
  overflow: hidden;
  list-style-type: none;
}

.comment-body {
  padding: 0 15px;
  margin-bottom: 30px;
  position: relative;
  width: 75%;
  float: left;
  margin-top: 5px;
}

.comment-body:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: -15px;
  top: 12px;
}

.comment-author {
  text-align: center;
  float: right;
  font-size: 13px;
  width: 15%;
  margin-top: 30px;
}

.comment-author .avatar {
  display: block;
  margin: 0 auto;
}

.comment-author .fn {
  clear: left;
  display: block;
}

.comment-meta {
  font-size: 11px;
}

ol.commentlist li ul.children {
  text-indent: 0;
  clear: both;
}

ol.commentlist li ul.children li {
  list-style: none;
  margin: 20px 0 20px 0;
  background: none;
}

ol.commentlist li.pingback {
  padding: 0 15px;
  border-bottom: none;
  font-size: 12px;
}

span.says {
  display: none;
}

div.reply {
  font-size: 11px;
  margin-bottom: 10px;
  display: inline;
}

div.reply a {
  padding: 0;
}

.cancel-comment-reply a, .cancel-comment-reply-link {
  display: none;
}

#respond {
  width: 100%;
  padding-bottom: 20px;
  clear: both;
}

#respond textarea {
  width: 96%;
}

.form-allowed-tags {
  padding: 2px 3px;
  font: normal normal normal 12px/22px "Trebuchet MS", Arial, Verdana, sans-serif;
  display: none;
}

.nocomments {
  display: none;
}

#comments .navigation {
  height: 50px;
}

#comments .navigation .nav-previous {
  float: left;
}

#comments .navigation .nav-next {
  float: right;
}

/* 12. =SEARCH RESULTS
-------------------------------------------------------------- */
div .search-results {
  font-weight: bold;
}

.search-results {
  margin: 0;
}

.search-results .hentry {
  margin: 15px 0;
  border: none;
  padding: 0;
}

#search-results-header {
  display: inline;
}

#search-matches {
  float: right;
  display: inline;
  margin-top: 12px;
  font-style: italic;
}

#search-hr {
  height: 1px;
  border: none;
  clear: both;
  margin-bottom: 25px;
}

.search-loop-header {
  font-size: 21px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  display: inline;
}

.post-meta-inline {
  display: inline;
  margin-left: 5px;
}

/* 13. =404 PAGE
-------------------------------------------------------------- */
.search404, .no-posts-found {
  margin: 0 auto;
  width: 300px;
  padding-bottom: 15px;
}

.no-posts-found .searchform .search-submit, .search404 .searchform .search-submit {
  margin-left: 33%;
}

/* 14. =WIDGETS
-------------------------------------------------------------- */
/*** Widget Containers ***/
.sidebar-container {
  overflow: visible;
  padding-top: 20px;
}

#primary-sidebar {
  max-width: 270px;
  width: 28%;
}

#secondary-sidebar {
  max-width: 270px;
  width: 20%;
}

.sidebar-container .widget {
  padding-bottom: 20px;
  position: relative;
  overflow: visible;
}

.widget {
  margin: 0 0 15px 0;
}

#before-content .widget {
  width: 100%;
  margin: 20px auto 50px auto;
}

.search input[type="search"] {
  padding-left: 10px;
  margin-bottom: 10px;
  width: 80%;
}

.searchform .search-submit {
  clear: both;
  display: block;
  margin: 10px 0;
}

.searchform {
  max-width: 270px;
}

.widget-area .widget:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.widget-area:last-of-type {
  border-bottom: 0;
}

.sidebar-container {
  padding-bottom: 20px;
}

#container .search-submit {
  clear: none;
  line-height: 1.45;
  margin: 0;
  padding: 0.4em 0.95em;
}

/** Footer Widgets **/
footer .widget {
  width: 23.4%;
  float: left;
  margin: 20px 0 20px 2.1%;
  background: none;
  border: none;
  padding: 0;
}

footer .widget:first-child {
  margin-left: 0;
}

footer .widget-title {
  font-size: 22px;
  line-height: 26px;
  background: none;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}

#container .widget.widget_search .search {
  margin: 25px 0 5px 0;
}

/** General Widgets **/
.widget_recent_entries ul {
  list-style-type: none;
}

.widget_meta ul, .widget_text ul, .widget_rss ul, .widget_recent_comments ul, .widget_pages ul, .widget_nav_menu ul, .widget_categories ul, .widget_archive ul {
  margin-left: 25px;
}

/* 15. =FOOTER
-------------------------------------------------------------- */
footer {
  clear: both;
  overflow: hidden;
  display: block;
}

.footer-widget-container {
  width: 100%;
  overflow: hidden;
}

.footer-widget-container .inside, #site-info {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

#site-info {
  font-size: 14px;
}

#site-info .copyright {
  float: left;
  max-width: 400px;
  padding-left: 5px;
}

#site-info .wpgo-link {
  float: right;
  max-width: 400px;
  padding-right: 5px;
}

/* 16. =NON-SEMANTIC HELPER CLASSES
-------------------------------------------------------------- */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

/* 17. =DEFAULT COLORS
-------------------------------------------------------------- */

body {
  color: #1d2731;
}

input[type='search'], input[type='text'], input[type='email'], input[type='url'], input[type='password'], textarea {
  border: 1px solid rgba(29, 39, 49, 0.5);
}

blockquote {
  border-left: 1px solid rgba(29, 39, 49, 0.5);
}

.quote:before {
  border-right: 15px solid #fff;
}

.quote {
  background: #fff;
}

.avatar {
  border: 2px solid #fff;
}

.widget-area, article.post, .sidebar-container .widget {
  border-bottom: 1px dotted #0b3c5d;
}

.comment-body, li.pingback {
  background: rgba(11, 60, 93, 0.05);
}

.comment-body:before {
  border-left: 15px solid rgba(11, 60, 93, 0.05);
}

.box {
  border: 1px solid rgba(29, 39, 49, 0.5);
}

#search-hr {
  color: #328cc1;
  background-color: #328cc1;
}

.next-prev-post-links {
  border-top: 1px dotted #328cc1;
}

#header-container a, #header-container a:visited, #footer-container a, #footer-container a:visited {
  text-decoration: none;
}

#header-container a, #header-container a:visited {
  color: #d9b310;
}

#footer-container a, #footer-container a:visited {
  color: #ddd;
}

#footer-container #site-info a,
#footer-container #site-info a:visited {
  color: #d9b310;
}

footer .post-meta {
  color: #1d2731;
  font-size: 14px;
}

/*#header-container nav ul li a:hover,
#header-container nav ul ul li a:hover {
  background-color: #0b3c5d;
}*/

/*#body-container nav.primary-menu ul li.current-menu-item > a, #body-container nav.primary-menu ul li.current_page_item > a {
  background-color: #00a1dd;
}*/

#header-container .nav-wrap, nav ul {
  background-color: #0b3c5d
}

nav ul ul {
  background-color: #18496A;
}

#header-container nav ul li a,
#header-container nav ul li a:visited {
  color: #fff;
}

#header-container nav li a:hover,
#header-container nav ul ul li a:hover,
#header-container nav.secondary-menu ul ul li a:hover {
  color: #fff;
}

#header-container nav ul li a {
  text-align: left;
}

nav.secondary-menu {
  background: #d9b310;
}

nav.secondary-menu ul ul {
  background: #e6c01d;
}

#body-container nav.primary-menu ul li.current-menu-item > a, #body-container nav.primary-menu ul li.current_page_item > a {
  color: #fff;
  display: block;
  height: 21px;
}

#body-container nav.primary-menu ul ul li.current-menu-item > a, #body-container nav.primary-menu ul ul li.current_page_item > a {
  background-color: #328cc1;
  color: #fff;
}

.footer-widget-container {
  background-color: #0b3c5d;
}

#site-info {
  color: #1d2731;
}

footer,
footer .widget-title {
  color: #fff;
}

footer .widget-title {
  border-bottom: 1px dotted #fff;
}

a.button, a.button:visited,
a.more-link, a.more-link:visited,
a.post-edit-link, a.post-edit-link:visited,
input.search-submit, input.search-submit:visited,
input#submit, input.submit#visited,
input.submit, input.submit:visited,
ul#filters li a {
  color: #fff;
  background: #328cc1;
}

#container a.button:link, #container a.button:visited,
#container a.more-link:link, #container a.more-link:visited,
#container a.post-edit-link:link, #container a.post-edit-link:visited,
#container input.search-submit, #container input.search-submit:visited,
#container input.submit, #container input.submit:visited,
#container ul#filters li a {
  color: #fff;
  background: #328cc1;
}

.note, .warning, .alert, .error, .download {
  color: #444;
}

.note {
  background: #eee;
  border: 1px solid #ccc;
}

.warning, .alert {
  background: #fffbbc;
  border: 1px solid #e6db55;
}

.error {
  background: #ffebe8;
  border: 1px solid #c00;
}

.download {
  background: #e4f2f8;
  border: 1px solid #328cc1;
}

.optin-error, .contact-error, .warning {
  background: #ffebe8;
  border: 1px solid #cc0000;
}

/* 18. =MEDIA QUERIES
-------------------------------------------------------------- */
@media only screen and (max-width: 990px) {
  nav ul ul {
	top: 34px;
  }

  #header-container header:before, #header-container header:after {
    content: " ";
    display: table;
  }

  #site-description {
    font-size: 15px;
  }

  #header-container header:after {
    clear: both;
  }

  #header-container nav.primary-menu li a {
    padding: 6px 12px;
  }

  nav.secondary-menu {
    float: left;
    margin: 0 0.5% 20px 0.5%;
    width: 99%;
  }

  nav.primary-menu {
    padding: 0 1%;
    font-size: 14px;
  }

  #header-container nav li a {
    padding: 6px 5px;
  }

  #logo-wrap {
    padding-left: 10px;
  }

  .footer-widget-container .inside {
    max-width: none;
    width: 99%;
    margin: 0 auto;
    display: block;
    padding: 0 5px;
  }

  footer .widget-title {
    font-size: 20px;
  }

  /*  #header-container nav.primary-menu ul li a.sf-with-ul {
  	padding-right: 10px;
  	}*/
  #container .wpgo_connect .search-submit {
    float: none;
    margin-top: 8px;
  }

  #front-page-default div:after {
    left: 84%;
    font-size: 36px;
  }

  #front-page-default h3 {
    font-size: 20px;
  }

  .two-col-l #primary-sidebar {
    padding-left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  #header-container nav.primary-menu li a {
    padding: 6px 10px;
  }

  #logo-wrap {
    padding-left: 0;
    width: 98%;
    margin-left: 0;
  }

  #site-logo a {
    max-width: none;
  }

  #site-title, #site-description, .site-logo {
    text-align: center;
    float: none;
    display: block;
    max-width: none;
  }

  #site-logo a {
    text-align: center;
    float: none;
    display: block;
    width: 98%;
  }

  .two-col-r #primary-sidebar, .two-col-l .content {
    float: left;
  }

  #primary-sidebar, #secondary-sidebar {
    max-width: 98%;
    width: 98%;
    padding-left: 2%;
  }

  .sidebar-container .widget {
    clear: both;
  }

  #front-page-default div:after {
    left: 80%;
    font-size: 31px;
    top: 6px;
  }

  #front-page-default h3 {
    font-size: 19px;
  }

  .two-col-r .content, .two-col-l .content, .sidebar-container, .three-col-r .content, .three-col-l .content, .three-col-c .content {
    max-width: 98%;
    width: 98%;
  }

  footer .widget {
    float: none;
    width: 95%;
  }

  footer .widget:first-child {
    margin-left: 2.1%;
  }
}
@media only screen and (max-width: 650px) {

}
@media only screen and (max-width: 580px) {

  #body-container nav.primary-menu ul li.current-menu-item > a, #body-container nav.primary-menu ul li.current_page_item > a {
    height: auto;
  }

  #header-container {
    padding: 10px 0 0 0;
  }

  #header-container nav.secondary-menu {
    width: 99%;
  }

  body.home .post-content p {
    font-size: 14px;
  }

  #site-info {
    padding: 10px;
    text-align: center;
  }

  #site-info .wpgo-link, #site-info .copyright {
    float: none;
    text-align: center;
    max-width: 100%;
  }

  .primary-menu .menu, .secondary-menu .menu {
    display: none;
    opacity: 0;
    width: 100%;
    position: absolute;
    right: 0;
  }

  .primary-menu .menu > li, .secondary-menu .menu > li {
    display: block;
    width: 100%;
    margin: 0;
  }

  .primary-menu .menu > li > a, .secondary-menu .menu > li > a {
    display: block;
    width: 100%;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  nav.primary-menu ul > :first-child a {
    margin-left: 5px;
  }

  nav ul ul {
    position: relative;
    top: 0;
    display: block;
    float: left;
    z-index: 100;
    width: 100%;
  }

  /*nav .menu li:hover > ul {
    display: none;
  }*/

  nav ul ul ul {
    left: 0;
  }

  ul.sub-menu {
	border-radius: 5px;
  }

  #header-container nav.primary-menu ul ul ul a {
    padding-left: 40px;
  }

  nav.primary-menu {
    position: relative;
    max-width: 960px;
    padding: 0;
    margin: 25px 0 0 0;
    font-size: 15px;
  }

  nav.primary-menu .menu {
    text-align: left;
    padding: 0 0 5px 0;
  }

  #header-container nav.primary-menu .menu a {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  nav.primary-menu li {
    max-width: 98%;
  }

  #header-container nav.primary-menu li li a {
    padding-left: 20px;
  }

  input[type="checkbox"]#nav-respond {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    opacity: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    border-width: 0;
  }

  #nav-respond-wrapper:before {
    content: "\f333";
    -webkit-font-smoothing: antialiased;
    font: normal 28px/1 'dashicons';
    vertical-align: middle;
    font-style: normal;
    font-size: 35px;
    color: #ffffff;
    padding: 0 10px;
  }

  input[type="checkbox"]#nav-respond:checked + div .menu {
    display: block;
    opacity: 1;
  }
}