/*
Theme Name: Branding in detail
Version: 2.0.6
*/

/**
 * Table of Contents
 *
 * 1.0 HTML5 Reset
 *   1.1 Baseline Normalize
 *   1.2 Box Sizing
 *   1.3 Float Clearing
 * 2.0 Defaults
 *   2.1 Typographical Elements
 *   2.2 Headings
 *   2.3 Objects
 *   2.4 Forms
 *   2.5 Tables
 *   2.6 Screen Reader Text
 * 3.0 Media
 *   3.1 Smiley
 *   3.2 Captions
 *   3.3 Media Elements
 *   3.4 Gallery
 * 4.0 Font icon
 * 5.0 Alignment
 * 6.0 Widgets
 * 7.0 Navigation
 *   7.1 Menu and sub-menu toggle buttons
 *   7.2 Primary menu
 *   7.3 Post pagination and navigation
 *   7.4 Social Navigation menu
 * 8.0 Site Layout & Structure
 *   8.1 Site Header
 *   8.2 Site Content
 *   8.3 Author
 *   8.4 Comments
 *   8.5 Sidebar
 *   8.6 Footer
 * 9.0 Infinite scroll
 * 10.0 SVG Fallbacks
 */

/**
 * 1.0 HTML5 Reset
 */

/**
 * 1.1 Baseline Normalize
 * Based on normalize.css v7.0.0 | MIT License | http://necolas.github.io/normalize.css/
 */

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Bold.eot');
    src: url('assets/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Bold.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Bold.ttf') format('truetype'),
        url('assets/fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Light.eot');
    src: url('assets/fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Light.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Light.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Light.ttf') format('truetype'),
        url('assets/fonts/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Regular.eot');
    src: url('assets/fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Regular.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Regular.ttf') format('truetype'),
        url('assets/fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-SemiBold.eot');
    src: url('assets/fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
        url('assets/fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}

body {
	margin: 0;
	overflow-x: hidden;
	width: 100%;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  -webkit-text-decoration-skip: objects;
}

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

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

[type="search"] {
  -webkit-appearance: textfield;
  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;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

/**
 * 1.2 Box Sizing
 */

html,
input[type='search'] {
	box-sizing: border-box;
}

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

/**
 * 1.3 Float Clearing
 */

.author-info:after,
.footer-menu:after,
.footer-widgets:after,
.gallery:after,
.header-menu:after,
.header-items:after,
.hentry:after,
.main-navigation:after,
.post-navigation:after,
.site-content:after,
.widget .search-form:after,
.widget-title:after,
.footer-widgets:after,
.nav-links:after,
.social-icons-menu:after {
	display: table;
	clear: both;
	content: '';
}

/**
 * 2.0 Defaults
 */

/**
 * 2.1 Typographical Elements
 */

body {
	font: 400 16px/1.625 'Titillium Web', Tahoma, sans-serif;
	font-size: 1rem;
	margin: 0;
	word-wrap: break-word;
	color: #3b3b3b;
	background-color: #fff;
}

a,
button,
input:focus,
input[type='button'],
input[type='reset'],
input[type='submit'],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a {
	text-decoration: none;
	color: #004d80;
}

a:focus {
	outline: transparent;
	outline-offset: -1px;
}

a:hover,
a:focus {
	text-decoration: none;
	box-shadow: inset 0 0 0 currentColor, 0 1px 0 currentColor;
}

a:hover > img,
a:focus > img {
	opacity: 0.7;
	border-bottom-width: 0;
}

address,
p {
	margin: 0 0 24px;
}

ul,
ol {
	margin: 0 0 24px;
	padding: 0 0 0 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

hr {
	height: 1px;
	margin-bottom: 1.625rem;
	border: 0;
	background-color: #ccc;
}

b,
strong {
	font-weight: 600;
}

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

abbr,
dfn[title],
acronym {
	cursor: help;
	border-bottom: 1px dotted #666;
}

mark,
ins {
	text-decoration: none;
	background: #fff9c0;
}

code,
kbd,
tt,
var {
	font: 16px/1.625 Courier New, Courier, monospace;
	padding: 2px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	color: maroon;
	background-color: #f2f2f2;
}

pre {
	font: 16px/1.625 Courier New, Courier, monospace;
	overflow: auto;
	max-width: 100%;
	margin: 0 0 24px;
	padding: 0 12px;
	color: maroon;
	border: 1px solid #e6e6e6;
	border-left-width: 10px;
	background: #f2f2f2 -webkit-linear-gradient(#f2f2f2 50%, #fff 50%) repeat 0 0;
	background: #f2f2f2 linear-gradient(#f2f2f2 50%, #fff 50%) repeat 0 0;
	background-image: -webkit-linear-gradient(#f2f2f2 50%, #fff 50%);
	background-size: 52px 52px;
}

pre code {
	padding: 0;
	background-color: transparent;
}

blockquote {
	font: italic 300 18px/1.4445 'Titillium Web', Georgia, Serif;
	margin-bottom: 24px;
	padding-left: 15px;
	color: #6d6d6d;
	border-left: 6px solid #3eabb5;
	margin-left: 15px;
}

blockquote p {
	margin-bottom: 26px;
}

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

blockquote cite,
blockquote small {
	font-size: 16px;
	line-height: 1.625;
	color: #333;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

@media only screen and (min-width: 860px) {
	html {
		font-size: 112.5%;
	}

	code,
	kbd,
	samp,
	pre {
		font-family: monaco, Consolas, 'Lucida Console', monospace;
	}

	.entry-content,
	.entry-footer,
	.comment-content {
		font-size: 17px;
	}
}

/**
 * 2.2 Headings
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Titillium Web', Tahoma, sans-serif;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 24px;
	color: #242424;
}

h1 {
	font-size: 2.2rem;
}

h2 {
	font-size: 1.8rem;
}

h3 {
	font-size: 1.525rem;
}

h4 {
	font-size: 1.275rem;
}

h5 {
	font-size: 1.175rem;
}

h6 {
	font-size: 1.125rem;
}

@media only screen and (max-width: 1023px) {
	h1 {
		font-size: 1.4rem;
	}
	h2 {
		font-size: 1.3rem;
	}
	h3 {
		font-size: 1.2rem;
	}
	h4, h5, h6 {
		font-size: 1.125rem;
	}
}

/**
 * 2.3 Objects
 */

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

figure {
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}

/**
 * 2.4 Forms
 */

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 16px;
	line-height: 1.425;
	width: 100%;
	margin: 0;
	padding: 0.8125em;
	color: inherit;
	border: 1px solid #e6e6e6;
}

input {
	line-height: normal;
}

input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='search'] {
	width: auto;
}

button,
input[type='button'],
input[type='reset'] {
	width: auto;
	cursor: pointer;
	color: #e3e3e3;
	background-color: #6d6d6d;
	-webkit-appearance: button;
}
button[type='submit'],
input[type='submit'] {
	color: #fff;
	background-color: #3eabb5;
	border-color: #3eabb5;
}

button:hover,
input:hover[type='button'],
input:hover[type='reset'] {
	border-color: #000;
}

button:focus,
input:focus[type='button'],
input:focus[type='reset'] {
	border-color: #000;
}

button[type='submit']:hover,
input[type='submit']:hover,
button[type='submit']:focus,
input[type='submit']:focus {
	background-color: #51c5c9;
	border-color: #147079;
}

input:focus,
textarea:focus {
	border-color: #3eabb5;
	background-color: #f9f9f9;
	outline: 2px solid #3eabb5;
}

.label-search,
.search-submit {
	display: inline-block;
	vertical-align: middle;
}
.search-submit {
	line-height: 0;
	padding: 0 10px;
	position: relative;
	background-color: transparent !important;
	border: none;
}
.search-submit:after {
	content: '\f002';
	font: normal normal normal 28px/1 FontAwesome;
	line-height: 45px;
	color: #3eabb5;
}
.search-submit:hover:after {
	color: #51c5c9;
}
.post-password-form input[type='password'] {
	width: auto;
}

/**
 * 2.5 Tables
 */

table,
th,
td {
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	width: 100%;
	margin: 0 0 26px;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	border-spacing: 0;
	border-collapse: separate;
	border-width: 1px 0 0 1px;
}

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

th {
	font-weight: 700;
	border-width: 0 1px 1px 0;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.5em;
}

/**
 * 2.6 Screen Reader Text
 * Text meant only for screen readers.
 */

.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

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

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

/**
 * 3.0 Media
 */

/**
 * 3.1 Smiley
 */

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

/**
 * 3.2 Captions
 */

.wp-caption {
	max-width: 100%;
	margin-bottom: 24px;
	padding: 2px;
	border: 1px solid #e6e6e6;
}

.wp-caption img[class*='wp-image-'],
.entry-content .gallery img {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

.wp-caption-text {
	font-size: 14px;
	line-height: 1.8572;
	text-align: center;
}

/**
 * 3.3 Media Elements
 */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	border: 0;
	background: transparent;
}

/**
 * 3.4 Gallery
 */

.gallery {
	margin-bottom: 24px;
}

.gallery-item {
	line-height: 10px;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 4px 4px 0;
}

.gallery-columns-1.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 24px;
}

.gallery-columns-1 .gallery-item {
	text-align: center;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	font-size: 12px;
	font-style: italic;
	line-height: 1.2;
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	max-height: 50%;
	margin: 0;
	padding: 0.5em 0.6667em;
	text-align: left;
	opacity: 0;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
}

.gallery-caption:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 49px;
	content: '';
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

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

@media only screen and (min-width: 389px) {
	.gallery-columns-2.gallery-size-thumbnail {
		display: table;
		margin: 0 auto 24px;
	}

	.gallery-columns-2 .gallery-item {
		text-align: center;
	}
}

@media only screen and (min-width: 540px) {
	.gallery-columns-3.gallery-size-thumbnail {
		display: table;
		margin: 0 auto 24px;
	}

	.gallery-columns-3 .gallery-item {
		text-align: center;
	}
}

/**
 * 4.0 Font icon
 */

.icon {
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

/**
 * 5.0 Alignment
 */

.alignleft {
	display: inline;
	float: left;
	margin-right: 13px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 13px;
}

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

.alignnone {
	display: block;
}

/**
 * 6.0 Widgets
 */

.social-color-blue .wp-social-link {
	background-color: #3eabb5 !important;
}
.social-color-blue .wp-social-link:hover,
.social-color-blue .wp-social-link:focus {
	background-color: #51c5c9 !important;
}

/**
 * 7.0 Navigation
 */

/**
 * 7.1 Menu and sub-menu toggle buttons
 */

.menu-toggle {
	width: 100%;
	border: 1px solid #e6e6e6;
	border-width: 1px 0 0 0;
	background-color: transparent;
	color: #fff;
	font-family: 'Titillium Web', Tahoma, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	height: 82px;
	padding: 0;
	padding-right: 15px;
	text-align: right;
}

.menu-toggle:focus,
.menu-toggle:hover {
	color: #0067ac;
	border-color: #e6e6e6;
	outline: 0;
	background-color: transparent;
}

.hamline-1 {
	display: inline-block;
	width: 24px;
	height: 2px;
	background-color: #000;
	position: absolute;
	right: 15px;
	top: 31px;
	transition: all .3s ease-in-out;
}
.hamline-2 {
	display: block;
	width: 24px;
	height: 2px;
	background-color: #000;
	position: absolute;
	right: 15px;
	top: 41px;
	transition: all .3s ease-in-out;
}
.hamline-3 {
	display: block;
	width: 24px;
	height: 2px;
	background-color: #000;
	position: absolute;
	right: 15px;
	top: 51px;
	transition: all .3s ease-in-out;
}
.toggled-on .hamline-1 {
	top: 41px;
	transform: rotate(45deg);
	transition: all .3s ease-in-out;
}
.toggled-on .hamline-2 {
	top: 41px;
	transform: rotate(135deg);
	transition: all .3s ease-in-out;
}
.toggled-on .hamline-3 {
	top: 41px;
	transform: rotate(-45deg);
	transition: all .3s ease-in-out;
}

.menu-toggle .icon {
	top: -0.0825em;
	margin-right: 5px;
}

.sub-menu-toggle {
	position: absolute;
	top: 5px;
	right: 0;
	padding: 0;
	color: #333;
	background-color: #f0f0f0;
	border: 1px solid #fff;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 0;
}
.sub-menu-toggle:after {
	content: "\f0d7";
	font-family: FontAwesome;
}
.sub-menu-toggle.toggled-on:after {
	content: "\f0d8";
}
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
	color: #0067ac;
	outline: 0;
	background-color: transparent;
}

.sub-menu .sub-menu-toggle {
	padding: 12px 10px;
}

.sub-menu-toggle .icon {
	width: 24px;
	height: 24px;
	-webkit-transition: transform 0.25s ease-in-out;
	        -webkit-transition: -webkit-transform 0.25s ease-in-out;
	        transition: -webkit-transform 0.25s ease-in-out;
	        transition: transform 0.25s ease-in-out;
	        transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-webkit-transform: rotate( 0 );
	        transform: rotate( 0 );
}

.sub-menu-toggle.toggled-on .icon {
	-webkit-transform: rotate( 180deg );
	        transform: rotate( 180deg );
}

/**
 * 7.2 Primary menu
 */

.nav-menu,
.nav-menu .sub-menu {
	display: none;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.no-js .nav-menu,
.no-js .sub-menu,
.toggled-on .nav-menu,
.sub-menu.toggled-on {
	display: block;
}

.nav-menu .menu-item {
	position: relative;
}

.nav-menu .menu-item a {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.733334;
	display: block;
	padding: 5px 0;
	text-transform: uppercase;
	color: #000;
	border: none;
	letter-spacing: 0.025em;
}

.nav-menu a:hover,
.nav-menu a:focus {
	color: #0067ac;
	box-shadow: none;
	outline-offset: -2px;
}

.nav-menu .menu-item-has-children > a .icon,
.nav-menu .page_item_has_children > a .icon {
	display: none;
}

.nav-menu .sub-menu .menu-item-has-children > a:after {
	content: "\f0da";
}
.sub-menu .menu-item a {
	font-size: 14px;
	line-height: 1.8571;
	color: #6d6d6d;
}

/**
 * 7.3 Post pagination and navigation
 */

.pagination {
	clear: both;
	margin: 0 auto 15px;
}

.page-numbers {
	display: inline-block;
	padding: 0.3125em 0.625em;
	border-top: 1px solid #e6e6e6;
	border-bottom: 3px solid #e6e6e6;
}

.page-numbers:focus,
.page-numbers:hover,
.page-numbers.current {
	text-decoration: none;
	border-bottom: 3px solid #333;
}

.dots {
	border: none;
}

.dots:hover {
	color: #333;
	border: none;
	background-color: #fcfcfc;
}

.post-navigation {
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.nav-next a,
.nav-previous a {
	display: block;
	padding: 1.625em 0;
	color: #333;
	background-color: transparent;
}

.nav-previous a,
.nav-next a {
	border-top: 1px solid #e6e6e6;
}

.nav-next a:hover,
.nav-previous a:hover,
.nav-next a:focus,
.nav-previous a:focus {
	color: #004d80;
	box-shadow: none;
}

.meta-nav {
	display: block;
}

.post-title {
	font-size: 28px;
	font-weight: 400;
}

/**
 * 7.4 Social Navigation menu
 */

.social-icons-menu ul {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

.social-icons-menu .menu-item {
	float: left;
	padding: 0;
	list-style-type: none;
	border: none;
}

.social-icons-menu a {
	font-size: 22px;
	line-height: 1em;
	display: inline-block;
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 11px;
	text-align: center;
	color: #333;
	border-radius: 3px;
	background-color: #eee;
}

.social-icons-menu a:hover,
.social-icons-menu a:focus {
	color: #fff;
	box-shadow: none;
	background-color: #333;
}

.social-icons-menu .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
}

@media only screen and (min-width: 540px) {
	.pagination,
	.post-navigation {
		margin-bottom: 40px;
	}
}

@media only screen and (min-width: 1024px) {
	.fixed-nav .site-navigation-fixed {
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
		background-color: rgba(242, 242, 240, 0.8);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.fixed-nav .site-header .site-navigation-fixed .nav-menu {
		border-top-width: 0;
	}

	.admin-bar.fixed-nav .site-navigation-fixed {
		top: 32px;
	}

	.menu-toggle,
	.sub-menu-toggle {
		display: none;
	}

	.nav-menu,
	.nav-menu .menu-item {
		display: inline-block;
		vertical-align: middle;
	}

	.nav-menu .menu-item a {
		padding: 26px 15px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border: none
	}

	.nav-menu .menu-item-has-children > a,
	.nav-menu .page_item_has_children > a {
		margin-right: 0;
	}
	
	.nav-menu .menu-item-has-children > a:after {
		content: "\f0d7";
		font-family: FontAwesome;
		position: absolute;
		right: 0;
	}

	/*.nav-menu .menu-item:hover a,
	.nav-menu .menu-item.focus a {
		background-color: WhiteSmoke;
	}*/

	.nav-menu .menu-item-has-children > a .icon,
	.nav-menu .page_item_has_children > a .icon {
		display: inline;
	}

	.nav-menu .sub-menu .icon {
		position: absolute;
		top: 50%;
		right: 1em;
		left: auto;
		margin-top: -9px;
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg);
	}

	.nav-menu .sub-menu {
		display: block;
		position: absolute;
		z-index: -1;
		top: 100%;
		visibility: hidden;
		margin-left: 0;
		-webkit-transition: all 0.2s ease-in-out 0.15s;
		transition: all 0.2s ease-in-out 0.15s;
		text-align: left;
		opacity: 0;
	}

	.nav-menu .sub-menu a {
		width: 200px;
		padding: 5px 20px;
		word-wrap: break-word;
		text-transform: capitalize;
		letter-spacing: 0.05em;
		color: #333;
		border-bottom: 1px solid #e6e6e6;
		background-color: WhiteSmoke;
		background-color: rgba(242, 242, 240, 0.8);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.nav-menu .sub-menu .sub-menu {
		top: -1px;
		left: 199px;
	}

	.nav-menu .menu-item:hover > .sub-menu,
	.nav-menu .menu-item.focus > .sub-menu {
		z-index: 99999;
		visibility: visible;
		-webkit-transition-delay: 0.1s;
		        transition-delay: 0.1s;
		opacity: 1;
		max-height: 80%;
		max-height: -webkit-calc(100vh - 78px);
		max-height: calc(100vh - 78px);
		overflow-y: auto;
	}

	.nav-links {
		position: relative;
	}

	.post-navigation .nav-links:before {
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		display: block;
		width: 50%;
		content: ' ';
		border-right: 1px solid #e6e6e6;
	}

	.nav-next a,
	.nav-previous a {
		float: left;
		width: 50%;
		padding: 2.25em 1.625em;
	}

	.nav-next a {
		padding-right: 0;
	}

	.nav-previous a {
		padding-left: 0;
	}
}
@media only screen and (max-width: 1023px) {
	.main-navigation.toggled-on .wrap {
		background: #fff;
		text-align: center;
		max-width: unset;
		max-height: 80vh;
		max-height: -webkit-calc(100vh - 82px);
		max-height: calc(100vh - 82px);
		overflow-y: auto;
	}
	.main-navigation.toggled-on .nav-menu {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

/**
 * 8.0 Site Layout & Structure
 */

/**
 * 8.1 Site Header
 */

.site-header {
	margin-bottom: 40px;
	border-bottom: 1px solid #e6e6e6;
	background-color: rgba(242, 242, 240, 0.5);
	position: relative;
}

.header-items {
	text-align: center;
	position: relative;
}

.custom-logo-link {
	line-height: 0;
	display: inline-block;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.custom-logo-link:hover,
.custom-logo-link:focus {
	box-shadow: none;
}

.custom-logo {
	max-height: 65px;
	max-width: 150px;
	transition: all 0.2s ease-in-out;
}

.site-branding {
	padding: 5px;
	position: absolute;
	left: 10px;
}

.site-title {
	font: 700 39px/1.2 Helvetica, serif;
	margin: 0;
	text-transform: uppercase;
}

.site-title a {
	color: #333;
}

.site-title a:hover,
.site-title a:focus {
	box-shadow: none;
	color: #888;
}

.site-description {
	font-style: italic;
	margin: 0;
	color: #707070;
}

.wp-custom-header {
	display: block;
	max-width: 1100px;
	height: auto;
	margin: 0 auto 15px;
}

@media only screen and (min-width: 540px) {
	.site-header,
	.wp-custom-header {
		margin-bottom: 40px;
	}
}

@media only screen and (min-width: 1024px) {
	.main-navigation {
		text-align: right;
	}
	.main-navigation .wrap {
		padding-right: 0;
		padding-left: 150px;
	}
}
@media only screen and (max-width: 1023px) {
	.site-branding {
		padding-left: 15px;
		left: unset;
	}
}

/**
 * 8.2 Site Content
 */

.site-content {
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
}

.wrap {
	padding: 0 15px;
}

.page-header {
	margin-bottom: 40px;
	padding: 1.625em;
	background-color: #f9f9f9;
}

.page-header .page-title,
.page-header p,
.home .entry-content p:last-child,
.archive .entry-content p:last-child,
.search .entry-content p:last-child {
	margin: 0;
}

.page-header h1 + p {
	margin-top: 24px;
}

.home .hentry,
.archive .hentry,
.search .hentry,
.page-content {
	margin-bottom: 15px;
}

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	position: absolute;
	top: 0.35em;
	left: -1.25em;
	display: block;
	width: 20px;
	height: 18px;
}

.sticky.has-post-thumbnail .icon-thumb-tack {
	top: 0;
}

.entry-header {
	margin-bottom: 40px;
}

.entry-title {
	margin-bottom: 0;
}

.entry-title a {
	color: #333;
}

.entry-title a:hover,
.entry-title a:focus {
	box-shadow: inset 0 0 0 currentColor, 0 3px 0 currentColor;
}

.entry-meta {
	font-size: 15px;
	font-style: italic;
	line-height: 1.73334;
	color: #909090;
	margin-top: 15px;
}

.entry-meta a {
	font-style: normal;
	text-transform: uppercase;
}

.updated:not(.published) {
	display: none;
}

.posted-on,
.byline {
	display: inline-block;
	margin-right: 0.3125em;
}

.edit-link {
	display: inline-block;
}

.comments-link {
	display: none;
}

.entry-content a {
	box-shadow: inset 0 0 0 currentColor, 0 1px 0 currentColor;
}

.entry-content a:hover,
.entry-content a:focus {
	box-shadow: none;
}

.entry-content li {
	margin-top: 0.5em;
}

.entry-content img,
.single-thumb {
	margin-bottom: 24px;
}

.entry-content > p:last-child,
.entry-summary > p:last-child {
	margin: 0;
}

.post-thumbnail {
	line-height: 0;
	outline: 0;
}

.thumbnails {
	margin: 0 auto 24px;
}

a.more-link {
	font-size: 14px;
	line-height: 1.85715;
	display: inline-block;
	padding: 0.625em;
	-webkit-transition: all 0.25s ease-in;
	        transition: all 0.25s ease-in;
	text-transform: uppercase;
	color: #333;
	border: 1px solid #606060;
	box-shadow: none;
}

.more-link:hover,
.more-link:focus {
	color: #fff;
	border: 1px solid #111;
	background-color: #111;
}

.entry-footer {
	clear: both;
	padding: 1.625em 0;
}

.cat-links,
.tags-links {
	display: block;
}

.page .content-area {
	margin-bottom: 40px;
}

@media only screen and (min-width: 540px) {
	.site-content,
	.wrap {
		padding: 0 40px;
	}

	.page-header,
	.page .content-area {
		margin-bottom: 40px;
	}

	.home .hentry,
	.archive .hentry,
	.search .hentry,
	.page-content {
		margin-bottom: 40px;
	}

	.site-main,
	.pagination,
	.wrap {
		max-width: 620px;
		margin-right: auto;
		margin-left: auto;
	}

	.wrap {
		max-width: 800px;
	}

	.page-header {
		border-width: 1px;
	}

	.entry-header {
		margin-bottom: 40px;
	}
}

@media only screen and (min-width: 860px) {

	.page .content-area {
		padding-bottom: 0;
		border-bottom-width: 0;
	}

	.full-content .entry-title {
		font-size: 2rem;
		line-height: 1.625;
	}

	.comments-link {
		display: inline;
	}

	.edit-link {
		float: right;
	}

	.excerpt .entry-content p {
		text-align: left;
	}
}

@media only screen and (min-width: 1024px) {
	.site-content {
		max-width: 960px;
		padding: 0;
	}

	.only-content .site-content {
		max-width: 720px;
	}

	.content-sidebar .content-area {
		float: left;
		width: 620px;
	}

	.sidebar-content .content-area {
		float: right;
		width: 620px;
	}

	.author-info,
	.page-header {
		padding: 2.25em;
	}

	.wrap {
		max-width: none;
	}
}

@media only screen and (min-width: 1200px) {
	.site-content {
		max-width: 1100px;
	}

	.content-sidebar .content-area,
	.sidebar-content .content-area {
		width: 720px;
	}
}

/**
 * 8.3 Author
 */

.author-info {
	padding: 1.625em;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fcfcfc;
}

.avatar {
	display: block;
	margin: 0 auto;
	border-radius: 100%;
}

.author-title {
	margin-bottom: 0;
	text-align: center;
}

.author-bio {
	margin: 0;
}

@media only screen and (min-width: 860px) {
	.avatar {
		float: left;
		width: 60px;
		height: auto;
		margin-right: 0.8125rem;
		margin-bottom: 0;
	}

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

	.author-bio {
		clear: both;
		text-align: left;
	}
}

/**
 * 8.4 Comments
 */

.comments-title {
	margin-bottom: 5%;
	padding: 5%;
	background-color: #fcfcfc;
}

.comment-list {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.comment-list .children {
	margin: 0;
	padding-left: 0.625em;
	list-style: none;
}

.comment-body,
.comment-respond {
	margin-bottom: 5%;
	padding: 1.625em;
	border: 1px solid #e6e6e6;
}

.pingback p {
	margin: 0;
}

.comment-author .avatar {
	float: left;
	margin-right: 1.625rem;
	border-radius: 100%;
}

.bypostauthor .avatar {
	border-color: green;
}

.comment-content {
	clear: both;
	padding: 1em 0;
}

.comment-content a {
	border-bottom: 1px solid currentColor;
}

.comment-content a:hover,
.comment-content a:focus {
	box-shadow: none;
}

.comment-content p:last-child {
	margin: 0;
}

.comment-respond {
	clear: both;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fcfcfc;
}

.comment-reply-link {
	margin-right: 13px;
}

.comment-edit-link {
	display: inline-block;
}

.pingback .comment-edit-link {
	display: block;
}

.no-comments {
	margin-top: 1.625rem;
	padding-left: 0.8125em;
}

@media only screen and (min-width: 540px) {
	.comments-title,
	.comment-body,
	.pingback,
	.comment-respond {
		margin-bottom: 40px;
	}

	.no-comments {
		margin-top: 0;
		padding: 0;
	}

	.comment-list .children {
		padding-left: 1.625em;
	}

	.comment-reply-title {
		margin-top: 1.625rem;
	}
}

@media only screen and (min-width: 860px) {
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		float: left;
		width: 32%;
	}

	.comment-form-email,
	.comment-form-url {
		margin-left: 2%;
	}
}

/**
 * 8.5 Sidebar
 */

@media only screen and (min-width: 1024px) {
	.content-sidebar .sidebar {
		float: right;
		width: 300px;
		margin-left: 40px;
	}

	.sidebar-content .sidebar {
		float: left;
		width: 300px;
		margin-right: 40px;
	}

	.js .sidebar {
		position: static;
		background-color: transparent;
	}

	.js .sidebar .widget {
		display: block;
		max-width: none;
	}

}

@media only screen and (min-width: 1200px) {
	.content-sidebar .sidebar,
	.sidebar-content .sidebar {
		width: 340px;
	}
}

/**
 * 8.6 Footer
 */

.footer-widgets {
	border-top: 1px solid #e6e6e6;
	background-color: #f2f2f0;
	padding: 40px 0;
}

.footer-widgets ul {
	margin-bottom: 0;
}

.footer-widgets .widget {
	margin-bottom: 0;
	border-width: 0;
}

.footer-widget {
	margin-right: auto;
	margin-left: auto;
}

.site-footer {
	font-size: 14px;
	line-height: 1.85715;
	padding: 0 0 100px;
	text-align: center;
	/*border-top: 1px solid #e6e6e6;*/
	background-color: #f2f2f0;
	background-image: url(assets/img/bg-footer-01-01.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.site-footer p {
	margin: 0;
}

.site-info {
	background-color: #f2f2f0;
	padding: 40px 0;
}

@media only screen and (min-width: 1024px) {
	

	.site-footer {
		padding: 0 0 300px;
		text-align: center;
	}
}

/**
 * 9.0 Infinite scroll
 */

.infinite-scroll .pagination,
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}

/**
 * 10.0 SVG Fallbacks
 */

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .sub-menu-toggle {
	right: 0;
	width: 2em;
	padding: 0.5em 0 0;
	text-align: center;
}

.no-svg .sub-menu-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	        transform: rotate(180deg);
}

.no-svg .sub-menu-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	        transform: rotate(0);
}

.no-svg .sub-menu-toggle .svg-fallback.icon-angle-down:before {
	content: '\005E';
}

/* Social Menu fallbacks */

.no-svg .social-icons-menu a {
	width: auto;
	height: auto;
	color: #222;
	background: transparent;
}

/* Show screen reader text in some cases */

.no-svg .social-icons-menu a .screen-reader-text {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	position: relative !important; /* overrides previous !important styles */
	clip: auto;
	width: auto;
	height: auto;
}

/* Fixed feature */
.fixed-nav .site-header {
	position: fixed;
	z-index: 11;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.fixed-nav #content {
	padding-top: 123px;
}
.fixed-nav #home-content {
	padding-top: 83px;
}
@media only screen and (min-width: 1024px) {
	.fixed-nav #content {
		padding-top: 120px;
	}
	.fixed-nav #home-content {
		padding-top: 79px;
	}
}