/*/*
Theme Name: GenerPress
Theme URI: http://opensumo.com/generpress/
Author: OpenSumo
Author URI: http://opensumo.com/
Description: GenerPress is a beautifully designed WordPress theme that is built to be creative, modern, fast-loading speed, high performance.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: generpress
Tags: blog, custom-header, featured-image-header, featured-images, sticky-post, theme-options, left-sidebar, right-sidebar, two-columns, custom-background, custom-menu, custom-logo

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.

GenerPress 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	-ms-text-size-adjust:		100%;
	font-size: 62.5%;
	font-family: sans-serif;
}

body {
    margin: 0;
    padding: 0;
    font-family:"Meiryo", Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:1.8;
    font-weight:normal;
    color: #333;
    background: #fff; /* Fallback for when there is no custom background color defined. */
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-word-wrap: break-word;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word
}

h2 {
    font-size:26px;
    line-height:1.3;
    font-weight:normal;
    margin: 0 0 10px;
    padding: 0;
    color: #333;
}

h3 {
    font-size:20px;
    line-height:1.3;
    font-weight:bold;
    margin: 0 0 10px;
    padding: 0;
    color: #c14e4b;
}

p {
    font-size:16px;
    line-height:30px;
    font-weight:normal;
    margin: 10px 0;
    padding: 0;
    color: #333;
}

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

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

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

[hidden],
template {
	display: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

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

figure {
	margin: 1em 40px;
}

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

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

form label {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	text-transform: uppercase;
}

optgroup {
	font-weight: bold;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
optgroup,
textarea {
	color: #333;
}

h4,
h5,
h6 {
	color: #333;
	font-family: 'Lora', serif;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-size: 36px;
	padding: 0;
	margin: 0 0 10px;
	line-height: 1.3;
}

/*h2 {
	font-size: 32px;
	font-size: 3.2rem;
	letter-spacing: -0.01em;
	line-height: 1.4;
}

h3 {
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: -0.01em;
	line-height: 1.23;
}*/

h4 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
}

h5,
h6 {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: .1em;
	line-height: 1.5;
	text-transform: uppercase;
}

.entry-content h1,
.entry-summary h1{
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1.2;
	margin-top: 1.6em;
	margin-bottom: 0.8em;
}

/*.entry-content h2,
.entry-summary h2 {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.2069;
	margin-top: 1.931em;
	margin-bottom: 0.9655em;
}

.entry-content h3,
.entry-summary h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.1667;
	margin-top: 2.3333em;
	margin-bottom: 1.1667em;
}*/

.entry-content h4,
.entry-summary h4{
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.4;
	margin-top: 2.8em;
	margin-bottom: 1.4em;
}

.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6 {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.2353;
	margin-top: 3.2941em;
	margin-bottom: 1.6471em;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

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

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

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	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%;
}


/**
 * 4.0 Elements
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

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

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

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

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

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

th, td {
	padding: 0.4em;
}

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

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

:-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
}

::-moz-placeholder {
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote {
	font-size: 14px;
	font-size: 1.4rem;
	background: #f9f9f9;
	border-left: 6px solid #c14e4b;
	padding: 0.5em 10px;
	margin: 0 0 1.5em 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

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

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #333;
	outline: 0;
	transition: all 0.25s linear;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

.entry-content a {
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:hover,
a:focus,
a:active {
	outline: 0;
	color: #c14e4b;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigationigation {
	display: block;
	float: left;
	width: 100%;
}

.main-navigationigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigationigation ul li {
	float: left;
	position: relative;
}

.main-navigationigation ul li a {
	display: block;
	text-decoration: none;
}

.main-navigationigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigationigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigationigation ul ul a {
	width: 200px;
}

.main-navigationigation ul ul li {

}

.main-navigationigation li:hover > a,
.main-navigationigation li.focus > a {
}

.main-navigationigation ul ul :hover > a,
.main-navigationigation ul ul .focus > a {
}

.main-navigationigation ul ul a:hover,
.main-navigationigation ul ul a.focus {
}

.main-navigationigation ul li:hover > ul,
.main-navigationigation ul li.focus > ul {
	left: auto;
}

.main-navigationigation ul ul li:hover > ul,
.main-navigationigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigationigation .current_page_item > a,
.main-navigationigation .current-menu-item > a,
.main-navigationigation .current_page_ancestor > a,
.main-navigationigation .current-menu-ancestor > a {
}

/* Small menu. */
@media screen and (min-width: 37.5em) {
	.nav-#secondary-site-navigation {
		display: none;
	}
	.main-navigationigation ul {
		display: block;
	}
}

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

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

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#homepage-slide {
	box-shadow: 1px 1px 2px 1px rgba(255, 100, 100, 0.1);
}

/* Body Site */
.container {
	width: 100%;
}
.content-wrap {
	width: 1160px;
	max-width: 90%;
	margin: 0 auto;
	padding: 0 24px;
}
#site-header img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.sheader {
	width: 100%;
	margin: 0;
	display: inline-block;
	position: relative;
	z-index: 99;
	background-color: #fff;
}
.banner-shadow {
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
}
#header-bottom-nav {
	position: relative;
}
#header-bottom-nav::before {
	bottom: 0;
	border-radius: 200px/20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	content: "";
	left: 1%;
	position: absolute;
	right: 1%;
	top: 50%;
	z-index: -1;
}
/* Site Branding */
.site-branding {
	float: left;
	margin: 0;
}
.branding-logo {
	margin: 10px 0;
}
.branding-logo .custom-logo {
	display: block;
	max-height: 82px;
	width: auto;
}
.site-branding .site-title {
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 24px;
	padding: 0;
	margin: 26px 26px 26px 0;
	font-family: 'Dancing Script', cursive;
	font-weight: 700;
	float: left;
}
.site-branding .site-title a {
	color: #fff;
	outline: none;
	font-family: 'Dancing Script', cursive;
}
.site-branding .custom-logo-link {
	margin-top: 0;
	display: block;
}
.site-branding .site-description {
	color: #fff;
	padding: 0;
	margin: 30px 0;
	line-height: 20px;
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2.1px;
	border-left: 1px solid #fff;
	padding-left: 10px;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: -.01em;
}
.main-navigation ul li {
	float: left;
	position: relative;
}
.main-navigation ul li a {
	font-size: 16px;
	display: block;
	padding: 25px 15px;
}
.main-navigation ul li:hover > a,
.main-navigation ul li > a:hover,
.main-navigation ul li.current-menu-parent > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-item a {
	color: #c14e4b;
}
.main-navigation ul li .sub-arrow {
	width: 52px;
	line-height: 52px;
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	color: #333;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	outline: 0;
}

/* Default menus */
.primary-menu,
.secondary-menu {
	float: right;
}


/* Primary menu */
.primary-menu ul li a {
	padding: 15px 10px;
	font-size: 12px;
	font-size: 1.2rem;
}


/* Secondary menu */
.secondary-menu {
	width: auto;
	position: relative;
	z-index: 2;
	margin: 14px 0px;
}
.pmenu {
	float: left;
}
.secondary-menu ul ul li .fa-chevron-right {
	color: #010101;
}
.secondary-menu ul li a {
	color: #333;
	padding: 15px 30px;
}


/* Header menu */
.main-navigation ul ul {
	list-style: none;
	min-width: 240px;
	display: none;
	position: absolute;
	top: inherit;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 9;
	background-color: #fff;
	box-shadow: 0 16px 45px rgba(0,0,0,.18);
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.secondary-menu ul.pmenu ul ul {
	left: -100%;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation ul ul li {
	float: none;
}
.main-navigation ul ul ul {
	top: 0;
	left: -240px;
}
.main-navigation ul ul.sub-menu li a {
	padding: 8px 20px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.featured-sidebar {
	width: 30%;
	margin-left: 6%;
}
.featured-sidebar label {
	width: 100%;
	float: none;
}
.fbox {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
	position: relative;
	margin-bottom: 30px;
	border: solid 1px #DFE0DF;
	/*box-shadow: 0 3px 7px rgba(0,0,0,.12);*/
}
.fbox.fbox-kw {
	padding: 20px;
	background: #f9f9f9;
	border: solid 1px #DFE0DF;
}
.fbox.fbox-kw .sfbox-inner {
	position: relative;
	padding: 10px 20px;
}
.fbox.fbox-kw .sfbox-inner:before,.fbox.fbox-kw .sfbox-inner:after{ 
    content:'';
    width: 30px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.fbox.fbox-kw .sfbox-inner:before{
    border-left: solid 3px #DFE0DF;
    border-top: solid 3px #DFE0DF;
    top:0;
    left: 0;
}
.fbox.fbox-kw .sfbox-inner:after{
    border-right: solid 3px #DFE0DF;
    border-bottom: solid 3px #DFE0DF;
    bottom:0;
    right: 0;
}

.fbox button,
.fbox input[type="button"],
.fbox input[type="reset"], 
.fbox input[type="submit"] {
	width: 100%;
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background-color: #333;
	border-color: #363b3f;
	color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: 1px solid #e7ebed;
	border-radius: 0;
	padding: 10px 15px;
	background: none;
}
.fbox input[type="text"],
.fbox input[type="email"],
.fbox input[type="url"],
.fbox input[type="password"],
.fbox input[type="search"],
.fbox input[type="number"],
.fbox input[type="tel"],
.fbox input[type="range"],
.fbox input[type="date"],
.fbox input[type="month"],
.fbox input[type="week"],
.fbox input[type="time"],
.fbox input[type="datetime"],
.fbox input[type="datetime-local"],
.fbox input[type="color"],
.fbox textarea {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.fbox select {
	width: 100%;
	padding: 16px;
	display: block;
}
.super-subscribe p {
	margin-bottom: 15px;
}
.fbox .sfbox {
	width: 100%;
	padding: 0;
	border-radius: 3px 3px 0 0;
}
.sfbox .fbox-title {
	font-size: 20px;
	background: #df8b04;
	padding: 10px 20px;
}
.sfbox .fbox-title a {
	color: #fff;
	font-weight: bold;
}
.sfbox .fbox-title a:hover {
	color: #fff;
}
.fbox ul {
	margin: 0;
	padding-left: 0;
	list-style-position: inside;
	list-style: none;
}
.fbox ul li {
	position: relative;
	margin: 0;
	padding: 7px 0;
	border-bottom: dashed 1px #ddd;
	background: url(../wp-content/uploads/2020/05/right-arrow.png) no-repeat left center;
	padding-left: 26px;
}
.fbox ul li:hover {
	background: url(../wp-content/uploads/2020/05/right-arrow-a.png) no-repeat left center;
	transition: 0.4s;
}
.fbox ul li a {
	color: #333;
	font-size: 16px;
	font-weight: normal;
}
.fbox ul li a:hover, .fbox ul li:hover a {
	color: #c14e4b;
	font-weight: bold;
}

.site-content {
	width: 100%;
	display: inline-block;
	margin: 0;
}
.featured-content,
.featured-sidebar {
	float: left;
	margin-top: 60px;
}
.featured-content {
	width: 64%;
}
#header-bottom-nav,
.secondary-menu ul ul {
	background-color: #fff9ef;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23fdedd3' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
	border-top: solid 2px #ffe1b1;
}
.post-list {
	width: 100%;
	display: block;
	margin-bottom: 40px;
	background-color: #fff;
}
.fbox-list {
	width: 48%;
	float: left;
	display: block;
	margin-right: 20px;
	padding-bottom: 40px;
	margin-bottom: 40px;
	background-color: #fff;
}

.fbox-list.last {
	float: right;
	margin-right: 0;
}
.featured-post {
	width: 100%;
	display: block;
	margin-bottom: 40px;
	background-color: #fff9ef;
	padding: 20px;
}
.featured-post .entry-content .entry-header h2.entry-title {
	position: relative;
	padding: 10px 20px 10px 40px;
	background: #df8b04;
	margin-left: -40px;
	color: #fff;
}
.featured-post .entry-content .entry-header h2.entry-title::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #cc8411;
}
.featured-post .entry-content p {}
.entry-content h3.entry-title {}
.entry-content h2.entry-title {}
.entry-content .entry-title a:hover {
	color: #c14e4b;
}
.post-list .more-link-wrap {
	width: 100%;
	display: block;
	color: #363940;
	border-radius: 4px;
	transition-duration: .2s;
	text-decoration: none;
	text-align: right;
}
.post-list .more-link-wrap a {
	text-decoration: none;
}
.post-list .more-link-wrap:hover a {
	color: #c14e4b;
}
.full-featured-content {
	width: 100%;
	float: left;
	margin-top: 64px;
}
.full-featured-content-small {
	max-width: 1024px;
	float: none;
	margin: 40px auto;
}
.full-featured-content-small .site-main {
	font-size: 18px;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 1.625;
	margin: 0 0 30px;
}
.full-featured-content-small .site-main a:hover {
	color: #c14e4b;
}
.full-featured-content-small .site-main .posts-entry {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 60px;
}
.full-featured-content-small .site-main .posts-entry.fbox {
	box-shadow: none;
}
.full-featured-content-small .site-main h2,
.full-featured-content-small .site-main h3,
.full-featured-content-small .site-main h4,
.full-featured-content-small .site-main h5,
.full-featured-content-small .site-main h6 {
	font-family: 'Lora', serif;
}
.full-featured-content-small .site-main h2 {
	color: #c14e4b;
	font-weight: bold;
}
.full-featured-content-small .site-main h3,
.full-featured-content-small .site-main h4 {
	margin: 40px 0 20px;
}
.full-featured-content-small .site-main .intro {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -0.7px;
	margin-bottom: 48px;
}
.full-featured-content-small .site-main .intro:first-child:first-letter {
	float: left;
	font-size: 74px;
	font-size: 7.4rem;
	font-weight: bold;
	line-height: 60px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 0px;
}
.section.gray {
	background-color: #fafbfb;
	border: none;
	padding: 40px 60px;
}
.post-content-thumbnail {
	position: relative;
	overflow: hidden;
}
.post-content-thumbnail img {
	transition: 0.4s all ease-in-out;
}
.featured-content .featured-thumbnail {
	width: 300px;
	float: left;
	margin-right: 40px;
}
.post-list .featured-thumbnail img {
	object-fit: cover;
	height: 210px;
	width: 100%;
}

.featured-content .featured-post .featured-thumbnail,
.featured-content .fbox-list .featured-thumbnail {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
} 
.post-content-container {
	border-bottom: 1px solid #e7ebed;
	background-color: #fff;
}
.post-content-container .entry-content {
	padding: 32px 10% 0 10%;
}
.post-content-container .entry-footer {
	padding: 20px 10%;
	border-top: 1px solid #e9e9e9;
	margin-bottom: 0;
}
.left-sidebar .featured-content {
	float: right;
	margin-right: 0;
}
.left-sidebar .featured-sidebar {
	max-width: 32%;
	margin-right: 4%;
	float: left;
	margin-left: 0;
}
.none-sidebar .featured-content {
	width: 100%;
	float: none;
	margin: 0 auto;
	margin-top: 64px;
}
.none-sidebar .post-full .entry-title {
	text-align: center;
}
.post-content-thumbnail img {
	display: block;
}
.xginner-left {
	margin-bottom: 15px;
}
.main-navigation ul li.nav-menu-item-has-children > a i {
	color: #fff;
}
.main-navigation ul .children li a {
	padding: 12px 20px;
	border-bottom: 1px solid #e5e6e9;
}
.page-header {
	background: #fff;
	margin: 0;
	padding: 30px;
}
.section-page-header {
	margin: 0;
	padding-top: 30px;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.archive-page-header {
	padding: 30px;
	border-bottom: 1px solid #e7ebed;
	background-color: #fff;
}
.page-header h1 {
	font-size: 38px;
}
.full-featured-content-small .site-main .posts-entry .entry-header {
	background: #fdedd3;
	border: double 3px #fff;
	padding: 20px 40px 10px;
	margin-bottom: 20px;
}

.h1-space {
	letter-spacing: 1px;
}

.entry-title a {
	color: #c14e4b;
	text-decoration: none;
}

/* Footer */
.site-footer {
	width: 100%;
	float: left;
	padding: 20px 0;
	background: rgb(248,54,0);
	background: linear-gradient(45deg, rgba(248,54,0,1) 0%, rgba(250,204,34,1) 100%);
	border-bottom: solid 4px #f5a627;
}
.site-info {
	text-align: center;
	font-size: 16px;
	line-height: normal;
	color: #fff;
}
.site-info a {
	color: #fff;
	font-weight: bold;
}
.site-info a:hover {
	border-bottom: dashed 1px;
	text-decoration: none;
}
.site-info p {
	padding: 0;
}

/* Landscape phone to Desktop */
@media (min-width: 992px) {
	.full-featured-content-small .site-main .posts-entry {}
	.full-featured-content-small .site-main .entry-header {
		/*width: 116%;
		margin-left: -8%;
		margin-right: -8%;*/
		text-align: center;
	}
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 1024px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.site-branding {
		text-align: center;
		width: 100%;
	}
	.site-branding .site-title,
	.site-branding .site-description {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	/* Mobile Menu */
	.main-container-wrap {
		position: relative;
		left: 0;
		transition: left 500ms ease;
	}
	#page {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transition: transform 0.5s ease;
		-moz-transition: transform 0.5s ease;
		transition: transform 0.5s ease;
	}
	.smenu-hide,
	.main-navigation {
		display: none;
	}

	.inner-label {
		cursor: pointer;
	}
	#tabwrap .inside li div.info a {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 992px) {
	.content-wrap {
		padding: 0;
	}
	.full-featured-content-small .site-main .entry-header h1.entry-title {
		font-size: 34px;
		font-size: 3.4rem;
	}
	.full-featured-content-small .site-main .intro {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.full-featured-content-small .site-main .intro:first-child:first-letter {
		font-size: 58px;
		font-size: 5.8rem;
		line-height: 60px;
	}
	.featured-content,
	.featured-sidebar {
		width: 100%;
		margin-left: 0;
	}
	.featured-content .featured-thumbnail {
		width: 40%;
		margin-right: 6%;
	}

	.site-info {
		width: 100%;
		text-align: center;
	}
}

/* Portrat tablet */
@media (max-width: 767px) {
	.full-featured-content-small {
		width: 1160px;
		max-width: 90%;
	}
	.featured-content .post-list .entry-content {
		width: 54%;
		float: left;
		margin-bottom: 40px;
	}
	.section.gray {
		padding: 20px;
	}
	.xgnotification-top {
		padding: 5px 10px;
	}
	.entry-content .entry-title {
		margin-top: 15px;
		display: inline-block;
	}
	.featured-post .entry-content .entry-header h2.entry-title {
		width: 106%;
	}
	.fbox {
		border-bottom: none;
		box-shadow: none;
	}
	.site-branding {
		padding: 15px 0;
	}
	.site-branding .site-title {
		width: 100%;
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 32px;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
	}
}

/* Iphone 5/SE */
@media (max-width: 640px) {

	.featured-post .entry-content .entry-header h2.entry-title {
		width: 108%;
	}
	.post-full .featured-thumbnail img {
		box-shadow: 0 10px 25px rgba(0,0,0,.1);
	}
	.featured-content .featured-thumbnail {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.featured-content .post-list .entry-content {
		width: 100%;
	}
	.fbox-list {
		width: 100%;
		float: none;
	}
}

/* Portrat tablet */
@media (max-width: 480px) {

	.featured-post .entry-content .entry-header h2.entry-title {
		width: 114%;
	}
	.fbox {
		padding: 30px;
		padding-bottom: 0;
	}
	.post-list {
		border-bottom: none;
		margin-bottom: 0;
	}
	.featured-content .featured-thumbnail {
		width: 100%;
		margin-right: 0;
	}
	.featured-thumbnail,
	.post-content-thumbnail {
		margin: 0 0 20px;
	}
	.post-content-container .entry-content,
	.post-content-container .entry-footer {
		padding: 0;
		border: none;
	}

}

/* Portrat tablet */
@media (max-width: 411px) {
	body {
		font-size: 16px;
		font-size: 1.6rem;
	}
	body > div {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.entry-header {
		margin-bottom: 20px;
	}
	.xginner-right .baner-header {
		font-size: 16px;
		margin-bottom: 10px;
		text-transform: capitalize;
	}
}

/* Portrat tablet */
@media (min-width: 768px) {
	.post-content-thumbnail:hover img {
		-webkit-transform: scale(1.25);
		-moz-transform: scale(1.25);
		-ms-transform: scale(1.25);
		-o-transform: scale(1.25);
		transform: scale(1.25);
	}
	.post-content-thumbnail .fancy-overlay-bg {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		transition: 0.5s all ease-in-out;
		z-index: 10;
	}
	.post-content-thumbnail:hover .fancy-overlay-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		background: rgba(97,115,241,0.5);
		background: -moz-linear-gradient(45deg, rgba(97,115,241,0.5) 0%, rgba(255,132,91,0.5) 100%);
		background: -webkit-linear-gradient(45deg, rgba(97,115,241,0.5) 0%, rgba(255,132,91,0.5) 100%);
		background: linear-gradient(45deg, rgba(97,115,241,0.5) 0%, rgba(255,132,91,0.5) 100%);
	}
}