/*
Theme Name: sunnysite
Author: sunnysite-matsumoto
Author URI: https://sunnysite-matsumoto.pro/
Version: 1.6.1.1
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: sunnysite
*/
/*--------------------------------------------------------------
	# RESET CSS
--------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	/*vertical-align: baseline;*/
}
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}
*:focus {
outline: none;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: grayscale;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
blockquote {
	quotes: none;
}
blockquote::before,
blockquote::after {
	content: '';
	content: none;
}
blockquote cite {
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.7em;
}
table {
	max-width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
}

/*<br class="br-sp">*/
@media screen and (min-width: 481px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 480px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

.more-button{
    width: 250px;
    margin: 0 auto 70px auto;
    padding: 0;
}
a.more-link {
    color: #000;
    background: #fff;
    font-size: 15px;
    line-height: 56px;
    position: relative;
    border: 1px solid #000;
    text-align: center;
    z-index: 1;
    transition: 0.3s linear !important;
    display: block;
    font-weight: 600;
    letter-spacing: 0.5px;
    overflow: hidden;
}
a.more-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: 0.2s linear;
}
a.more-link:hover {
    left: 0;
    color: #fff !important;
}
a.more-link:hover:after {
    left: 0;
    background: #000;
    color: #fff !important;
}
a.more-link svg {
    position: absolute;
    width: 1.1em;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease-out;
    will-change: right, opacity;
}
a.more-link:hover svg {
    stroke: #fff;
    left: 90%;
}

/*--------------------------------------------------------------
animation
--------------------------------------------------------------*/
.translateY {
    opacity: 0.0;
    transition: opacity 0.5s ease;
    transform: translateY(80px);
    transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.show.translateY {
    transform: translateY(0);
     opacity: 1.0;
}

.fadein{
    transform: scale(0.5);
    opacity: 0.0;
}
.fadein.show{
     opacity: 1.0;
     transform: scale(1);
     animation:fadein 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes fadein {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


/*--------------------------------------------------------------
	# THEME SPECIFIC DEFAULTS
--------------------------------------------------------------*/
html {
	line-height: 1.8;
}
body {
	font-size: 1em;
	font-family:"ヒラギノ角ゴ pro w3","ヒラギノ角ゴ w3","hiragino kaku gothic pro w3","ヒラギノ角ゴ pro","hiragino kaku gothic pro","ヒラギノ角ゴ","hiragino kaku gothic","游ゴシック medium","游ゴシック体","YuGothic","yu gothic medium",sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}
pre {
	overflow: auto;
	max-width: 100%;
	border: 1px solid transparent;
	padding: 1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
kbd,
tt,
var,
code {
	overflow: auto;
	padding: 0 5px;
	vertical-align: middle;
	text-indent: 0;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
q,
blockquote {
	font-size: 1.1em;
	font-family: Georgia, "Bitstream Charter", serif;
}
address {
	padding-left: 1em;
}
del {
	text-decoration: line-through;
}
img {
	max-width: 100%; /* Adhere to container width. */
	height: auto; /* Make sure images are scaled correctly. */
	border: 0;
}
a img {
	border: none;
	vertical-align: middle;
}
hr {
	clear: both;
	height: 1px;
	border: 0;
}
/* Text elements */

.main li > ul,
.main li > ol {
	margin-bottom: 0;
	margin-left: 2em;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: square;
}
ul ul ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style-type: upper-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}
ol ol ol ol {
	list-style-type: lower-alpha;
}
dl {
	margin: 0 0 2em 0;
}
dt {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 125%;
}
mark,
ins {
	text-decoration: none;
}
abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}
sup,
sub {
	position: relative;
	vertical-align: baseline;
	font-size: .8em;
	line-height: 0;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
	max-width: 100%;
	width:100%;
	border: 1px solid transparent;
	/*border-radius: 4px;*/
	border-color: #222 !important;
	padding: 0.75em 1em;
	font-size: inherit;
	font-family: inherit;
	background: transparent;
	-webkit-transition: background .3s ease-out;
	transition: background .3s ease-out;
}

input[type="file"] {
	font-size: initial;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	border: 0;
	border-radius: 2px;
	padding: .75em 1.5em;
	font-size: 1em;
	font-family: inherit;
	font-size: 1em;
	-webkit-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	        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;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
select option {
	padding: .25em .5em;
}
select optgroup,
select option {
    color: initial;
}
embed,
iframe,
object {
	max-width: 100%;
}
.fluid-width-video-wrapper {
  max-height: 100vh;
}
a:link,
a:visited {
	text-decoration: none;
}

/*--------------------------------------------------------------
	# ACCESSIBILITY
--------------------------------------------------------------*/

textarea:focus,
select:focus,
input:focus {
	outline: thin dotted;
}

#access .menu-item :focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"] {
	outline-offset: -4px;
}

a:hover,
a:active,
a:focus:active,
a:focus:hover,
input:hover:focus,
textarea:hover:focus,
button:hover:focus {
	outline: 0;
}

.post-thumbnail-container:focus-within > a,
.post-thumbnail-container > a:focus {
	outline: 0;
}

a.continue-reading-link {
	outline-offset: -5px;
}

.staticslider-caption-buttons a:focus {
	outline-offset: -10px;
}


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

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

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

/*--------------------------------------------------------------
	# GUTENBERG
--------------------------------------------------------------*/

.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-latest-posts {
    padding: 0;
    list-style: none;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	padding: 2em 2em 2em 5em;
}

.aligncenter[class^='wp-block']:not([class^='wp-block-cover']) {
	display: table;
}

.wp-block-columns ul,
.wp-block-columns ol {
	list-style-position: inside;
}

.wp-block-separator {
	max-width: 25%;
}
.wp-block-separator.is-style-wide {
	max-width: 100%;
}
.wp-block-separator.is-style-dots::before {
	color: inherit;
}

.wp-block-button .wp-block-button__link {
	border: 3px solid;
	padding: 0.5em 1.5em;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	/* background: transparent; */
}

.wp-block-pullquote {
	padding: 1.5em 0;
}

.wp-block-button {
	-webkit-transition: .2s opacity;
	transition: .2s opacity;
}

.wp-block-button:hover {
	opacity: 0.85;
}

.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-item a {
	-webkit-transition: .2s ease-out opacity;
	transition: .2s ease-out opacity;
}

.wp-block-gallery.is-cropped .blocks-gallery-image a:hover,
.wp-block-gallery.is-cropped .blocks-gallery-item a:hover {
	opacity: 0.8;
}

/*--------------------------------------------------------------
	# LAYOUT
--------------------------------------------------------------*/

#site-wrapper {
	overflow: hidden;
}

.kahuna-boxed-layout #site-wrapper {
	overflow: hidden;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
	        box-shadow: 0 0 8px rgba(0,0,0,.2);
}

#container {
	position: relative;
	float: none;
	display: block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	overflow: hidden;
	width: 100%;
	margin: 0;
}
#container.one-column{
    width: 100%;
    max-width: 100% !important;
}
#container.one-column .inner-area{
    width: 100%;
    max-width: 1080px !important;
    margin:0 auto;
}
.archive #container.one-columns{
        margin-bottom: 180px;
}

#container::after {
	content: "";
	display: table;
	clear: both;
}
body:not(.kahuna-landing-page) #container {
    /*width: 90%;*/
    max-width: 1080px !important;
    margin-top: 120px !important;
}
body.page #container {
    max-width: 100% !important;
    margin-top: 0 !important;
}
body.privacy-policy #container,
body.single #container,
body.error404 #container,
body.search #container {
    width: 90%;
    max-width: 1080px !important;
    margin-top: 120px !important;
}

#container.two-columns-left #primary,
#container.three-columns-left #primary,
#container.three-columns-left #secondary,
#container.three-columns-sided #primary  	{ -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
#container.three-columns-sided .main 		{ -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }
#container.three-columns-sided #secondary 	{ -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

.main {
	clear: both;
	overflow: hidden;
	min-height: 400px;
	margin-bottom: 0;
}

/* Left/right padding for content */
#access .menu-search-animated .searchform input[type="search"],
#site-wrapper > #breadcrumbs-container #breadcrumbs-container-inside,
#colophon-inside,
.footer-inside,
.lp-staticslider .staticslider-caption,
.seriousslider.seriousslider-theme .seriousslider-caption {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

#container:not(.kahuna-landing-page) .main {
	/*padding-top: 2.5em;
	padding-bottom: 2.5em;*/
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 180px;
}

#content-masonry {
	margin-right: -3%;
	margin-left: -3%;
}

.sidey {
	position: relative;
	display: block;
	float: left;
	/*padding-top: 2.5em;*/
	padding-bottom: 2em;
}

#primary {
	padding-left: 0;
	padding-right: 3%;
}

#secondary {
	padding-right: 0;
	padding-left: 5%;
}

#container.three-columns-right #primary {
	padding-left: 3%;
	padding-right: 0;
}

#container.three-columns-left #secondary {
	padding-left: 0;
	padding-right: 3%;
}

.kahuna-boxed-layout #primary,
.kahuna-boxed-layout #secondary {
	padding-left: 3%;
	padding-right: 3%;
}

#main {
	position: relative;
	overflow: visible !important;
}

#footer {
	clear: both;
	width: 100%;
}

body.archive.category #container {
    width: 90%;
    max-width: 1080px !important;
    margin-top: 120px !important;
    /*margin-bottom: 180px !important;*/
}

/*--------------------------------------------------------------
	#breadcrumb
--------------------------------------------------------------*/
#breadcrumb{
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: #808080;
    margin: 0;
    padding: 20px 0 40px 5px;
}
#breadcrumb a {
    color: #808080;
}
#breadcrumb ul {
    max-width: 1080px;
    margin: 0 auto;
    list-style: none;
}
#breadcrumb ul li {
    position: relative;
    float: left;
}
#breadcrumb .ico-home {
    background: url(resources/images/ico-home.svg)center left no-repeat;
    background-size: 1pc 1pc;
    margin-top: -10px;
    padding-left: 20px;
}
#breadcrumb li:before {
    content: ">";
    margin: 0 1em;
}
#breadcrumb li:first-of-type:before {
    content: none;
}

/*--------------------------------------------------------------
	# Blog archive
--------------------------------------------------------------*/
body.category-blog #container {
    max-width: 1080px !important;
}
.one-columns-main {
    width: 100%;
}
body.category-blog .page-header.pad-container{
    display: none;
}
body.kahuna-magazine-three #content-masonry {
    margin: 0 0 60px 0;
}

/*--------------------------------------------------------------
	# HEADER
--------------------------------------------------------------*/
	#site-header-main.header-fixed {
    		position: fixed !important;
    		top: 0;
		height: 80px;
	}
	body.home #site-header-main.header-fixed #access > div > ul > li > a{
    		color: #212529;
		line-height: 80px;
	}
@media (min-width: 801px) {
	#site-header-box {
    		width: 94%;
    		max-width: 1080px;
    		margin: 0 auto;
    		font-size: 0;
    		height: 80px;
    		display: flex;
    		flex-flow: wrap;
   		 justify-content: space-between;
   		 align-items: center;
	}
	#site-header-box h1 {
    		font-size: 11px;
    		font-weight: 600;
   		 display: inline-block;
    		vertical-align: middle;
    		width: 73%;
	}
	#site-header-box ul {
    		font-size: 0;
    		float: right;
    		display: flex;
    		flex-flow: wrap;
    		align-items: center;
	}
	#site-header-box li {
    		display: inline-block;
    		vertical-align: middle;
    		margin-left: 10px;
	}
	#site-header-main {
    		position: static;
    		top: -80px;
    		transition: all 0.3s ease 0s;
	}

	#site-header-sns{
    		width: 94%;
    		max-width: 1080px;
		margin: 0 auto;
		padding: 8px 0 0 0;
	}
	#site-header-sns ul{
    		list-style: none;
		display: flex;
		flex-flow: wrap;
		justify-content: flex-end;
	}
	#site-header-sns ul li{
    		max-width: 110px;
		margin-left: 5px;
	}
}
@media (max-width: 980px) {
	#site-header-box, #site-header-sns {
    		display: none;
	}
}

#site-header-main {
    height: 80px;
    background-color: transparent !important;
}

#masthead::after {
	display: table;
	clear: both;
	content: "";
}
#masthead {
	position: relative;
}

#branding {
	float: left;
	position: relative;
	z-index: 100;
	/*-webkit-transition: .5s height ease-in-out;
	transition: .5s height ease-in-out;*/
}
#site-header-main.header-fixed #branding.home {
    background: url(resources/images/logo-g.png) no-repeat 0 8px;
    background-size: 90%;
    width: 140px;
    height: 80px;
}
#site-header-main.header-fixed #branding.home img{
    display: none;
}
#site-header-main.header-fixed #branding {
    height: 80px;
}
#site-header-main.header-fixed .identity{
    height: 80px;
    line-height: 80px;
}

#branding .identity {
	float: left;
}
a.custom-logo-link {
	display: block;
}
img.custom-logo {
	max-height: 81px;
	vertical-align: middle;
}
#site-header-main.header-fixed img.custom-logo {
	max-height: 70px;
}

#branding .identity.pc {display: block;}
#branding .identity.sp {display: none;}

@media (max-width: 980px) {
	#branding .identity.pc {display: none;}
	#branding .identity.sp {display: block;}
}

#site-header-main {
	display: inline-block;
	top: 0;
	z-index: 101;
	width: 100%;
	margin: 0 auto;
	vertical-align: top;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.kahuna-over-menu #site-header-main {
	position: absolute;
}

.kahuna-over-menu #site-header-main,
.kahuna-over-menu #access::after {
	background: transparent;
}

#site-header-main-inside {
	position: relative;
	display: block; /*table*/
	width: 94%;
}

#site-header-main.header-fixed,
.mobile-fixed #site-header-main.header-fixed #site-header-main-inside,
#site-header-main.header-fixed #access::after {
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -webkit-transition: .25s background-color ease-in-out;
    transition: .25s background-color ease-in-out;
    background: rgba(255, 255, 255, 0.96) !important;
    -webkit-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}

#header-image-main,
#header-image-main-inside {
	position: relative;
	overflow: hidden;
}

.kahuna-cropped-headerimage div.header-image {
	height: 100%;
}

.kahuna-responsive-headerimage #masthead div.header-image {
	display: none;
}

.kahuna-cropped-headerimage #masthead img.header-image {
	display: none;
}

#masthead .header-image {
	display: block;
	width: inherit;
	max-width: 100%;
	margin: 0 auto;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
body.category-information #masthead .header-image {
	background-position: 50% 10%;
}
body.privacy-policy #masthead .header-image {
		background-position: 50% 80px;
}

@media (max-width: 1440px) {
	#masthead .header-image {
		background-size: inherit;
	}
	body.privacy-policy #masthead .header-image {
		background-position: 55% 80px;
	}

}
@media (max-width: 800px) {
	body.page-id-164 #masthead .header-image {
		background-size: auto 400px;
	}
}

.wp-custom-header {
	position: relative;
	line-height: 0;
}

.wp-custom-header-video-button.wp-custom-header-video-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: rgba(255,255,255,.1);
	opacity: 0;
	cursor: pointer;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.wp-custom-header:hover .wp-custom-header-video-button.wp-custom-header-video-button {
    opacity: .7;
}

.wp-custom-header video {
	display: block;
	object-fit: cover;
	max-width: 100%;
	margin: 0 auto;
}

/* Header widget area */
#header-widget-area {
	display: block;
	position: absolute;
	overflow: hidden;
	height: 100%;
	top: 10px;
	z-index: 10;
}

@media (max-width: 800px) {
	#masthead #site-header-main.header-fixed #site-header-main-inside {
		-webkit-transition: .3s ease-out top;
		transition: .3s ease-out top;
		-webkit-animation: none;
		animation: none;
	}
	.mobile-fixed #masthead #site-header-main.header-fixed #site-header-main-inside {
		position: fixed;
		top: 0;
	}
	.mobile-fixed #sheader-container, .mobile-fixed #branding, .mobile-fixed .identity, .mobile-fixed #nav-toggle {
		line-height: 75px;
		height: 75px;
	}

}

/*body.admin-bar #site-header-main.header-fixed #site-header-main-inside {
	margin-top: 32px;
}*/

@media (min-width: 600px) and (max-width: 782px) {
	body.admin-bar #site-header-main.header-fixed #site-header-main-inside {
		margin-top: 46px;
	}
}

@media (max-width: 600px) {
	body.admin-bar #site-header-main.header-fixed #site-header-main-inside {
		margin-top: 0;
	}
}

/*--------------------------------------------------------------
	## MAIN MENU
--------------------------------------------------------------*/

#access {
	display: inline;
	float: right;
	margin-right: -1.6em;
}

.kahuna-menu-left #access {
	float: left;
	margin-left: 2em;
}

.kahuna-menu-center #access {
	display: table;
	float: none;
	margin: 0 auto;
}

#access::after {
	position: absolute;
	z-index: -1;
	clear: both;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}

.menu-item a img {
	vertical-align: middle;
}

#access ul.sub-menu > li.current_page_item > a,
#access ul.sub-menu > li.current-menu-item > a,
#access ul.sub-menu > li.current_page_ancestor > a,
#access ul.sub-menu > li.current-menu-ancestor > a,
#access ul.children > li.current_page_item > a,
#access ul.children > li.current-menu-item > a,
#access ul.children > li.current_page_ancestor > a,
#access ul.children > li.current-menu-ancestor > a {
}

#access a {
	display: block;
	padding: 0 1.6em;
	text-decoration: none;
	line-height: 3;
	-webkit-transition: .3s color ease-out;
	transition: .3s color ease-out;
}

#access a > span {
	display: block;
	text-transform: uppercase;
}

#access > div > ul > li > a > span {
	position: relative;
	display: inline-block;
	line-height: 2.5em;
}

#access > div > ul > li > a > span::before,
#site-title::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: auto;
	opacity: 0;
	-webkit-transition: .35s ease-out all;
	transition: .35s ease-out all;
}

#site-title::before {
	-webkit-transition: .25s ease-out all;
	transition: .25s ease-out all;
}

#access > div > ul > li:hover > a > span::before,
#site-title:hover::before {
	opacity: 1;
	height: 3px;
}

#access > div ul li a:not([href]) { /* Default cursor for menu items with no link */
	cursor: default;
}

#access a:hover {}

#access > div > ul > li > a {
	position: relative;
	z-index: 999;
}
#site-header-main.header-fixed #access > div > ul > li > a {
	line-height: 80px;
}

#access ul.children {
	z-index: -1;
}

#access > div > ul li > a:not(:only-child) span {
	padding-right: .5em;
}

#access > div > ul li > a:not(:only-child) > span::after {
	position: absolute;
	z-index: 251;
	right: -.6em;
	content: "\e915";
	font-family: "iconmeta";
	opacity: .5;
	top: 0;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#access > div > ul li:hover > a:not(:only-child) > span::after {
	top: .5em;
	opacity: 0;
	filter: alpha(opacity=0);
}

#access > div > ul ul > li a:not(:only-child) > span::after {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	right: 1em;
}

#access > div > ul ul > li:hover > a:not(:only-child) > span::after {
	top: auto;
	right: -0.5em;
	opacity: 0;
	filter: alpha(opacity=0);
}

#access > div > ul li > a:not(:only-child) > span {
	/*padding-right: 1.5em;*/
}

#access ul li {
	display: block;
	float: left;
	position: relative;
	white-space: nowrap;
}

#access .sub-menu,
#access .children {
}

#access ul ul {
	position: absolute;
	z-index: 1000;
	clear: both;
	margin-left: 0;
	min-width: 125%;
	box-shadow: 0 0 .5em .1em rgba(0, 0, 0, .05);
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	-webkit-transition: .2s all ease-in;
	transition: .2s all ease-in;
}

#access .sub-menu li span,
#access .children li span {
	padding: 0.2em 0;
}

#access ul li.menu-hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#access li ul ul {
	height: 0;
}

#access li.menu-hover > ul > li > ul {
	width: auto;
	height: auto;
}

#access ul ul li { /* level 2 */
	display: table;
	position: relative;
	float: left;
	clear: both;
	width: 100%; /* submenu width fix */
	min-width: 150px;
	margin: 0;
}

#access ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	min-width: 150px;
	border-top: 0;
}

#access ul ul ul li { /* level 3 */
	display: block;
	float: none;
	width: 100%;
}

#access ul ul ul ul li { /* level 4 */}

#access ul ul a,
#access ul ul ul a {
	display: block;
	float: none;
	width: 100%;
}

#access ul ul li:hover,
#access ul ul ul li:hover {}

#access li,
#access ul ul li {
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
	transition: background .3s ease-in-out, color .3s ease-in-out;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-item > a{}

#access ul ul li.current_page_item ,
#access ul ul li.current-menu-ancestor,
#access ul ul li.current-menu-item ,
#access ul ul li.current-menu-parent {}

#access ul li.current_page_item a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item a,
#access ul li.current-menu-parent a,
#access ul li a:hover {}


/*--------------------------------------------------------------
	## MOBILE MENU
--------------------------------------------------------------*/

.noscroll { /* to be added to body on mobile */
	overflow: hidden;
}

#nav-toggle { /* Mobile nav toggle will only be visible on mobile */
	display: none;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1em;
	font-size: 24px;
	cursor: pointer;
}

nav#mobile-menu { /* Actual mobile menu */
	display: none;
	position: fixed;
	z-index: 999999;
	overflow-y: auto;
	overflow-x: hidden;
	top: -100%;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 2em;
	width: 100%;
	height: 100%;
	padding: 2em;
	opacity: 0;
	background-color: #FFFFFF;
}

#mobile-menu > div {
	margin: 6em auto 0;
	max-width: 400px;
	width: 80%;
}
#mobile-menu > div#site-mobile-sns {
	margin: 2em auto 0;
	max-width: 400px;
	width: 80%;
}
#mobile-menu > div#site-mobile-sns li {
    margin: 10px 0;
    padding: 0 0 10px 0;
}

@media (max-width: 480px) {
	#mobile-menu > div {
	    width: 90%;
	}
}

nav#mobile-menu a {
	display: inline;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: 600;
}

nav#mobile-menu a span {
	display: inline-block;
}

nav#mobile-menu > div  ul li a:not([href]) { /* Default cursor for menu items with no link */
	cursor: default;
}

nav#mobile-menu > div > ul > li > a {
	position: relative;
	z-index: 9999;
}

nav#mobile-menu ul li {
	clear: both;
	display: block;
	float: none;
	line-height: 3;
	position: relative;
	white-space: normal;
	border-bottom: 1px solid #efefef;
}

#mobile-nav ul li a span {
	max-width: 85%;
 	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	line-height: 1.4;
}

.dropdown-toggle {
	display: inline-block;
	position: relative;
	float: right;
	margin: 0;
	border: 0;
	margin-right: -1em;
	padding: 1em 1em;
	cursor: pointer;
	font-size: 1em;
	color: inherit;
	background: transparent;
	-webkit-transform: rotateX(0);
	-ms-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transition: .6s all ease-in-out;
	transition: .6s all ease-in-out;
}

.dropdown-toggle:hover {
	background: transparent;
}

.toggle-on.dropdown-toggle {
	-webkit-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

a.toggled-on {
	border-bottom: 1px solid;
}

.dropdown-toggle::after {
	font-family: "iconmeta";
	content: "\e912";
	font-size: 1.3em;
}

nav#mobile-menu .sub-menu,
nav#mobile-menu .children {
	display: none;
	opacity: 0;
	max-height: 0;
	margin: 0 auto;
	padding-left: 10px;
	font-size: .95em;
	-webkit-transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease;
	transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease;
}

nav#mobile-menu .sub-menu.toggled-on,
nav#mobile-menu .children.toggled-on {
	display: block;
	opacity: 1;
	max-height: 1000px;
	-webkit-transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease;
	transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease;
}

nav#mobile-menu #nav-cancel {
	position: absolute;
	top: 0;
	right: 0;
    	display: inline-block;
	width: auto;
	height: 2.5em;
	margin-top: 25px;
	padding: 0 1em;
	cursor: pointer;
    	font-size: 24px;
	line-height: 2.5;
	color: inherit;
	background: transparent;
}

#mobile-menu .menu-main-search { /* Searchbar in main menu will always be top */
	font-size: 1.2em;
	left: 0;
	margin: 25px auto 0;
	max-width: 400px;
	position: absolute;
	right: 0;
	top: 0;
	width: 70%;
}

#mobile-menu .menu-main-search > a { /* Search icon in cloned mobile menu must not be visible/focusable */
	display: none;
}

#mobile-menu .menu-main-search a > .icon-search {
	display: none;
}

#mobile-menu .searchform .searchsubmit,
#mobile-menu .searchform:hover input[type="search"],
#mobile-menu .searchform input[type="search"]:focus {
	color: inherit;
}

#mobile-menu .menu-main-search .searchform{
	max-width: 100%;
}

nav#mobile-menu #smobile {
	display: table;
	margin: 3em auto 1em;
	text-align: center;
}


/*--------------------------------------------------------------
	# FOOTER
--------------------------------------------------------------*/
#footer {
    display: block;
    overflow: visible;
    width: 100%;
    background: #fff !important;
    text-align: center;
}
.footer-inside {
	display: block;
	float: none;
	position: relative;
	overflow: hidden;
	padding: 0 !important;
}

#footer-top .footer-inside {
	padding: 0;
}

#footer::after {
	display: table;
	clear: both;
	content: "";
}

#colophon a,
#footer a {
	-webkit-transition: color .2s;
	transition: color .2s;
}

#site-copyright {
    display: block;
    font-size: 10px;
    font-weight: 600;
}

#footer-separator {
	display: block;
	float: left;
	clear: both;
	height: 0;
	width: 100%;
	margin: .5em 0;
}

#footer a,
#footer a:hover{
	text-decoration: none;
}

img#wpstats {
	display: block;
	margin: 0 auto .5em;
}

/*--------------------------------------------------------------
	## FOOTER MENU
--------------------------------------------------------------*/
.footermenu {
	display: block;
	float: left;
}

.footermenu > ul {}

.footermenu ul li {
	display: inline-block;
	float: left;
	white-space: nowrap;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.footermenu ul li span.sep {
	margin: 0 .5em;
	font-weight: bold;
	visibility: hidden;
}

.footermenu ul li:last-child span.sep {
	display: none;
}

.footermenu ul li a {
	position: relative;
	display: inline-block;
}

.footermenu ul li a:hover {
	color: inherit;
}

.footermenu ul li a::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out;
}

.footermenu ul li a:hover::after {
	opacity: 1;
	height: 3px;
}

#home-colophon {
    background: url(resources/images/footer-bg.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}
#home-colophon #colophon-inside{
    padding: 0;
}
.footer-info {
    width: 85%;
    max-width: 600px;
    margin: 0 auto;
    padding: 60px 0 80px 0;
    color: #fff;
    display: flex;
    flex-flow: nowrap;
    justify-content: center;
    align-items: center;
}
.footer-info .footer-info-ph{
    margin: 0 60px 0 0;
}
.footer-info .footer-info-text{
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}
#home-footer {
    background: #fff;
    text-align: center;
    margin: 40px 0;
}
#home-footer #footer-bottom {
    background: #fff !important;
}

/*--------------------------------------------------------------
	## FOOTER WIDGET AREA
--------------------------------------------------------------*/
#colophon{
    width: 100%;
    background: #000 !important;
    border-top: none !important;
}
#colophon-inside {
    float: none;
    display: block;
    height: 100%;
    max-width: 100% !important;
    overflow: hidden;
    min-height: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0 0 0;
}
#colophon .widget-container {
    display: block;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    padding: 0;
    margin: 0 0 20px 0;
    /* align-items: center; */
}
#colophon-inside .widget_nav_menu {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 25px 0;
}
#colophon-inside .widget_nav_menu ul{
    list-style: none;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
#colophon-inside .widget_nav_menu ul a{
    color: #fff;
    font-weight: 600;
}
#colophon-inside .widget_nav_menu ul li {
    margin: 0 20px;
}
#colophon-inside .widget-container ul li:before{
    content: none;
}

.footer-center .footer-widget-inside {
	display: table;
	margin: 0 auto;
}

@media (max-width: 640px) {
	.footer-center .footer-widget-inside {
		width: 100%;
	}
}

#colophon .footer-four .widget-container {
	width: 25%;
}

#colophon.footer-four .widget-container:nth-child(4n+1) {
	clear: both;
	padding-left: 0;
}

#colophon .footer-three .widget-container {
	width: 33.333%;
}

#colophon .footer-three .widget-container:nth-child(3n+1) {
	clear: both;
	padding-left: 0;
}

#colophon .footer-two .widget-container {
	width: 50%;
}

#colophon .footer-two .widget-container:nth-child(2n+1) {
	clear: both;
	padding-left: 0;
}

#colophon .footer-one .widget-container {
	width: 100%;
	clear: both;
	padding-left: 0;
	padding-right: 0;
}

.footer-all .widget-container {
	-webkit-box-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (max-width: 480px) {
	#colophon-inside .widget_nav_menu {
	    display: none;
	}
	.footer-info {
	    display: block;
	}
	.footer-info .footer-info-ph {
	    text-align: center;
	    margin: 0 auto 30px auto;
	}
}


/*--------------------------------------------------------------
	# CONTENT
--------------------------------------------------------------*/

.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
	margin: 1em 0 .5em;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child {
	margin-top: 0;
}

.main article ul:not([class]),
.main article ol:not([class]) {
	margin-left: 2em;
}

.main table {
	max-width: 100%;
	margin: 0 0 2em 0;
	border: 0;
	vertical-align: top;
}

.main tr {
	vertical-align: top;
}

.main .alternate {}

.main th{
	font-weight: 600;
}

.main th,
.main td {
	padding: .75em;
}

.kahuna-stripped-table .main td {
	border-top: 1px solid transparent;
}

.kahuna-stripped-table .main tr.even {
	background-color: transparent;
}

.kahuna-bordered-table .main th,
.kahuna-bordered-table .main td {
	border: 1px solid transparent;
	border-color: #cacaca !important;
}

.kahuna-stripped-table .main th,
.kahuna-bordered-table .main th {
	border-top: 1px solid transparent;
}


.kahuna-stripped-table .main thead th,
.kahuna-bordered-table .main thead th {
	border-bottom: 2px solid transparent;
}

.kahuna-stripped-table .main thead th {
	border-top-width: 2px;
}
.kahuna-bordered-table .main tr td:first-child{
    background: #eeeeee;
}

.entry-content,
.entry-summary {
	clear: both;
	word-wrap: break-word;
	    font-size: 15px;
}

.entry-content::after,
.entry-summary::after,
.content-masonry::after {
	content: "";
	display: block;
	clear: both;
}

.content-masonry .entry-content,
.content-masonry .entry-summary {
	padding-top: 1em;
}

.main .entry-summary p:last-child {
	margin-bottom: 1em;
}

.entry-content h1, .entry-summary h1,
.entry-content h2, .entry-summary h2,
.entry-content h3, .entry-summary h3,
.entry-content h4, .entry-summary h4,
.entry-content h5, .entry-summary h5,
.entry-content h6, .entry-summary h6 {
	line-height: 1.2;
}

.entry-content h5,
.entry-content h6 {
	text-transform: uppercase;
	font-weight: bold;
}

.entry-content fieldset {
	border: 1px solid transparent;
	margin: 0 0 2em 0;
}

.entry-content fieldset legend {
	font-weight: bold;
}

.entry-content blockquote.left {
	float: left;
	width: 33%;
	margin-right: 2em;
	margin-left: 0;
	text-align: right;
}

.entry-content blockquote.right {
	float: right;
	width: 33%;
	margin-right: 0;
	margin-left: 2em;
	text-align: left;
}

/*--------------------------------------------------------------
	## PAGE TITLES
--------------------------------------------------------------*/
.main .page-title {
	display: block;
	float: none;
	margin: 0;
	padding-bottom: .1em;
}

.main .page-title:only-child {
	padding: 0;
}

.main .pad-container p:last-child {
	margin: 0;
}

.article-inner header{
    border-bottom: 1px solid #808080;
    margin-bottom: 50px;
}

.entry-title {
	margin: 0;
	padding: 3px 0 0;
	line-height: 1.4;
	word-wrap: break-word;
	font-size: 25px !important;
}

.entry-title a {
	border-bottom: 3px solid transparent;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.entry-title a:hover {
	border-color: inherit;
	padding-bottom: 0;
}

.entry-title a:link,
.entry-title a:visited {
	color: inherit;
	text-decoration: none;
}

.main .entry-title {
	margin: 0 0 0.5em 0;
}
.not-found .entry-title {
	margin: 0 0 1.5em 0;
}

/*--------------------------------------------------------------
	## POST METAS
--------------------------------------------------------------*/
.entry-meta {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 1em;
	text-transform: uppercase;
}

.entry-meta:empty {
	display: none;
}

.entry-meta em {
	display: inline-block;
	font-style: normal;
}

.entry-meta > span {
	display: inline-block;
	margin-right: 1em;
}

.entry-meta span a {
	border-bottom: 2px solid transparent;
	-webkit-transition: .25s all ease;
	transition: .25s all ease;
}

.entry-meta span a:hover {
	border-color: inherit;
}

.entry-meta .icon-metas {}

.entry-meta .updated {
	display: none;
}

.entry-meta .avatar {
	position: relative;
	top: .5em;
	max-width: 2em;
	margin-right: .3em;
	border-radius: 100%;
}

.entry-utility {
	float: none;
	clear: both;
	overflow: visible;
	margin-bottom: 1em;
}

.entry-utility span.bl_bookmark {
	display: inline;
	float: none;
	padding: 0;
}

.single .entry-meta.aftertitle-meta {
    margin-top: 0.5em;
}

.comments-link a {
	margin-left: 5px;
}

.article-inner .entry-header {
	position: relative;
}

.entry-meta abbr,
.entry-utility abbr {
	border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted transparent;
}

.entry-meta span i::before {
	cursor: default;
	-webkit-transition: .6s all ease-in-out .2s;
	transition: .6s all ease-in-out .2s;
}

.entry-meta span:hover i::before {
}

.tag-links {
	margin-left: 2em;
}

span.edit-link {
	display: block;
	font-size: 0.9em;
	opacity: 0.5;
	padding: 0 .5em;
	position: absolute;
	right: 0.25em;
	top: 0.25em;
	border-radius: 2px;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
}

span.edit-link a.post-edit-link,
span.edit-link a.post-edit-link:hover,
span.edit-link .icon-edit::before {
	margin: 0;
	padding: 0;
}

span.edit-link:hover {
	opacity: 1;
}

span.edit-link .icon-edit::before {
	font-size: 0.8em;
}

.post-thumbnail-container .featured-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 2;
}

.post-thumbnail-container .featured-image-meta {
	position: relative;
	z-index: 5;
	float: left;
	left: -33%;
	min-width: 33%;
	max-width: 50%;
	height: 100%;
	padding: 1.5em 1em;
	opacity: 0;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.post-thumbnail-container:hover .featured-image-meta {
	left: 0;
	opacity: 1;
}

.post-thumbnail-container:focus-within .featured-image-meta {
	left: 0;
	opacity: 1;
}

.post-thumbnail-container .featured-image-link {
	position: relative;
	z-index: 5;
	display: block;
	float: none;
	overflow: hidden;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.post-thumbnail-container .featured-image-link::before {
	content: "\e917";
	font-family: "iconmeta";
	position: absolute;
	z-index: 10;
	top: 0;
	right: 50%;
	bottom: 0;
	width: 2.5em;
	height: 2.5em;
	margin: auto;
	opacity: 0;
	font-size: 20px;
	line-height: 2.5;
	text-align: center;
	border-radius: 100px;
	color: #FFF;
	background: transparent;
	border: none;
	-webkit-transform: translateX(70%);
	transform: translateX(70%);
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.post-thumbnail-container:hover .featured-image-link::before {
	opacity: 1;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.post-thumbnail-container:focus-within .featured-image-link::before {
	opacity: 1;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.post-thumbnail-container:hover picture,
.post-thumbnail-container:hover .post-featured-image {
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.post-thumbnail-container:hover picture,
.post-thumbnail-container:hover .post-featured-image {
	-webkit-filter: saturate(25%);
	filter: saturate(25%);
}

.post-thumbnail-container .entry-meta > span {
	display: block;
	float: none;
	clear: both;
	margin-right: 0;
	line-height: 1.4;
	padding: 0.3em 0;
}

.post-thumbnail-container .entry-meta .icon-metas {
	float: left;
	margin-right: .5em;
}

.post-thumbnail-container .entry-meta > span.comments-link {
	position: absolute;
	top: auto;
	bottom: 1.5em;
	line-height: 1.5;
}

.post-thumbnail-container .comments-link a {
	margin-left: 0;
}

.post-thumbnail-container .featured-image-meta.entry-meta a,
.post-thumbnail-container .featured-image-meta.entry-meta i::before,
.post-thumbnail-container .featured-image-meta.entry-meta,
.post-thumbnail-container .featured-image-meta.entry-meta time {
	color: #CCC;
}

.post-thumbnail-container:hover .featured-image-meta.entry-meta a,
.post-thumbnail-container:hover .featured-image-meta.entry-meta i::before,
.post-thumbnail-container:hover .featured-image-meta.entry-meta,
.post-thumbnail-container:hover .featured-image-meta.entry-meta time {

}

#header-page-title {
    position: absolute;
    z-index: 11;
    right: 0;
    top: 50%;
    left: 50%;
    max-width: 100% !important;
    padding: 0;
    opacity: 0;
    -webkit-animation: .7s .5s animation-fadeIn forwards;
    animation: .7s .5s animation-fadeIn forwards;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

#header-page-title-inside {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    color: #FFF;
    background-color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header-page-title .entry-title{
    display: inline-block;
    opacity: 0;
    -webkit-animation: .7s .75s animation-fadeIn forwards;
    animation: .7s .75s animation-fadeIn forwards;
    font-size: 32px !important;
}

#header-page-title #breadcrumbs-container {
	position: absolute;
	top: 50%;
	right: 2em;
	width: auto;
	max-width: 30%;
	float: right;
	background: transparent;
	line-height: 1.3;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#header-page-title #breadcrumbs {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .8em;
}

#header-page-title #breadcrumbs-nav {
	display: inline-block;
	opacity: 0;
	-webkit-animation: .7s 1s animation-fadeIn forwards;
	animation: .7s 1s animation-fadeIn forwards;
}

#header-page-title .icon-bread-home::before {
	margin-left: 0.3em;
}

#header-page-title #breadcrumbs-nav a {
	color: #EEE;
	opacity: .7;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#header-page-title #breadcrumbs-nav a:hover {
	color: #FFF;
	opacity: 1;
}

#header-page-title .byline {
	display: block;
	clear: both;
	font-size: 1.2em;
	opacity: 0;
	-webkit-animation: .7s 1s animation-fadeIn forwards;
	animation: .7s 1s animation-fadeIn forwards;
}

/*--------------------------------------------------------------
	## ARTICLES
--------------------------------------------------------------*/
.kahuna-magazine-one #content-masonry.info-list article.hentry{
    width: 94%;
    border-bottom: 1px solid #808080;
    padding: 35px 0;
}
.kahuna-magazine-one #content-masonry.info-list article.hentry:first-child{
    border-top: 1px solid #808080;
}

.article-inner.info-list {
    display: flex !important;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
        height: auto !important;
}
.article-inner.info-list .info-photo{
    width: 254px;
    height: 164px;
}
.article-inner.info-list .info-photo img {
    height: 164px;
    width: 100%;
    object-fit: cover;
}
.article-inner.info-list .info-text {
    width: calc(100% - 280px);
}
.info-list-title{
    font-size: 16px;
}
.info-list-title a{
    color: #000;
}

article.sticky .date {
	display: none;
}

article.hentry,
.main .content-widget {
	display: block;
	position: relative;
	margin-bottom: 2em;
}

article.hentry .article-inner {
	display: block;
}

#content-masonry article.hentry {
	display: block;
	margin: 0;
	margin-right: 3%;
	margin-bottom: 0;
	margin-left: 3%;
}
.kahuna-magazine-three #content-masonry article.hentry {
	display: block;
	margin: 0;
	margin-right: 0;
	margin-left: 0;
}

#content-masonry article.hentry .article-inner {
    padding: 0;
    position: relative;
    height: 330px;
}
.lp-box-text{
    position: absolute;
    left: 30px;
    bottom: 0;
}

.page-header.pad-container {
	display: block;
	overflow: hidden;
	margin: 0;
	margin-bottom: 3em;
	padding: 1.5em 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.page-header.pad-container:empty {
	display: none;
}

article.hentry .post-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 1em;
	line-height: 0;
}

body:not(.single) article.hentry .post-thumbnail-container::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	opacity: 0;
	-webkit-transition: .3s opacity ease-out;
	transition: .3s opacity ease-out;
}

body:not(.single) article.hentry .post-thumbnail-container:hover::after {
	opacity: 1;
}

article.hentry .post-thumbnail-container > .responsive-featured-image {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.kahuna-cropped-featured .main .post-thumbnail-container picture.responsive-featured-image {
	display: none;
}

.kahuna-responsive-featured .main .post-thumbnail-container a.post-featured-image {
	display: none;
}

.kahuna-magazine-one #content-masonry article.hentry {
	width: 94%;
}

.kahuna-magazine-two #content-masonry article.hentry {
	float: left;
	width: 44%;
}

.kahuna-magazine-two #content-masonry article.hentry:nth-child(2n+1) {
	clear: both;
}

.kahuna-magazine-three #content-masonry article.hentry {
    float: left;
    width: 33.33333333%;
    border: 1px solid #dddddd;
    height: 340px;
}
body.search.kahuna-magazine-three #content-masonry article.hentry  {
    float: none;
    clear: both;
    width: 100%;
    border: none;
    border-bottom: 1px solid #dddddd;
    height: auto;
    margin-bottom: 30px;
}
body.search #content-masonry article.hentry .article-inner {
    padding: 0;
    position: relative;
    height: auto;
}

.kahuna-magazine-three #content-masonry article.hentry:nth-child(3n+1) {
	clear: both;
}

.kahuna-magazine-three #content-masonry article.hentry img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.kahuna-magazine-three #content-masonry article.hentry .entry-content{
    padding: 1em 30px;
}
.kahuna-magazine-three #content-masonry article.hentry .entry-content .lp-box-title{
    font-size: 15px;
}
.kahuna-magazine-three #content-masonry article.hentry .entry-content .day-cat {
    font-size: 12px;
    color: #808080;
    margin-top: 1em;
    font-weight: 600;
}
.kahuna-magazine-three #content-masonry article.hentry .entry-content .day-cat a{
    color: #808080;
}

.kahuna-elementborder #site-header-main,
.kahuna-elementborder article.hentry,
.kahuna-elementborder .pad-container,
.kahuna-elementborder .sidey,
.kahuna-elementborder #colophon,
.kahuna-elementborder .page-numbers:not(.dots),
.kahuna-elementborder #cryout_ajax_more_trigger {
	border: 1px solid rgba(0, 0, 0, .07);
}

.kahuna-elementborder #colophon {
	border-width: 1px 0 0 0;
}

.kahuna-elementborder #branding {
	border-width: 0 0 1px 0;
}

.kahuna-elementshadow #site-header-main,
.kahuna-elementshadow article.hentry,
.kahuna-elementshadow .pad-container,
.kahuna-elementshadow .sidey,
.kahuna-elementshadow .page-numbers:not(.dots),
.kahuna-elementshadow #cryout_ajax_more_trigger {
	box-shadow: 0 0 0.5em 0.1em rgba(0, 0, 0, 0.05);
}

.kahuna-elementshadow article.hentry,
.kahuna-elementradius .post-thumbnail-container,
.kahuna-elementradius .sidey,
.kahuna-elementradius .page-number,
.kahuna-elementradius #cryout_ajax_more_trigger,
.kahuna-elementradius #toTop,
.kahuna-elementradius .page-header {
	border-radius: 5px;
}

.kahuna-elementradius a.continue-reading-link,
.kahuna-elementradius span.entry-format {
	border-radius: 3px;
}

@media ( max-width: 640px ) {
	#content-masonry {
		margin: 0;
	}
	.article-inner.info-list {
		display: block !important;
	}
	.article-inner.info-list .info-photo {
		width: 100%;
		height: 210px;
	}
	.article-inner.info-list .info-photo img {
		height: 210px;
	}
	.article-inner.info-list .info-text {
		width: 100%;
	}
	.kahuna-magazine-one #content-masonry.info-list article.hentry {padding: 0;}
	.kahuna-magazine-three #content-masonry article.hentry img{height: 210px;}
}

/*--------------------------------------------------------------
	## ARTICLE ANIMATION
--------------------------------------------------------------*/

article.hentry {
	opacity: 1;
	-webkit-filter: none;
	filter: none;
	-webkit-transform: translateY(0) scale(1, 1) blur(0);
	-ms-transform: translateY(0) scale(1, 1) blur(0);
	transform: translateY(0) scale(1, 1) blur(0);
	-webkit-transition: .5s opacity ease-in-out, .5s transform ease-in-out, .5s filter ease;
	transition: .5s opacity ease-in-out, .5s transform ease-in-out, .5s filter ease;
}

/* Article Animation - Fade */
.kahuna-article-animation-fade .animated-article {
	opacity: 0;
}

/* Article Animation - Slide */
.kahuna-article-animation-slide .animated-article {
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}

/* Article Animation - Grow */
.kahuna-article-animation-grow .animated-article {
	-webkit-transform: scale(0.85, 0.85);
	-ms-transform: scale(0.85, 0.85);
	transform: scale(0.85, 0.85);
}

/* Article Animation - Slide Left */
.kahuna-article-animation-slideLeft .animated-article {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}

/* Article Animation - Slide Right */
.kahuna-article-animation-slideRight .animated-article {
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Article Animation - Zoom In */
.kahuna-article-animation-zoomIn .animated-article {
	opacity: 0;
	-webkit-transform: scale(.9, .9);
	-ms-transform: scale(.9, .9);
	transform: scale(.9, .9);
}

/* Article Animation - Zoom out */
.kahuna-article-animation-zoomOut .animated-article {
	opacity: 0;
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

/* Article Blur */
.kahuna-article-animation-blur .animated-article {
	opacity: 0;
	-webkit-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
}

/*--------------------------------------------------------------
	## IMAGES
--------------------------------------------------------------*/

/* Prevent overlfow */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.main a.post-featured-image {
	display: inline-block;
	position: relative;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.main a.post-featured-image:hover {
	background-position: 50% 0%;
}

.main a.post-featured-image::before {
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	content: "";
	border-bottom: 1px solid rgba(255,255,255,.4);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.main a.post-featured-image:hover::before {
	bottom: -1px;
}

.alignleft,
img.alignleft {
	float: left;
	margin-right: 2em;
}

.alignright,
img.alignright {
	float: right;
	margin-left: 2em;
}

.aligncenter,
img.aligncenter {
	/* 	display: block; */
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
img.aligncenter {
	display: block;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1em;
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.wp-caption img {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

img.alignleft:hover,
img.alignright:hover,
img.aligncenter:hover,
img.alignnone:hover,
.wp-caption img:hover {}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1em;
	text-align: center;
}

body .main .wp-caption > a {
	display: block;
}

.wp-caption img {
	display: block;
	width: 100%;
	border: none;
	padding: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.wp-caption .wp-caption-text {
	padding: .7em .5em;
	text-align: center;
	font-style: italic;
}

.wp-smiley {
	width: auto;
	margin: 0;
	border: 0;
	vertical-align: middle;
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

/*--------------------------------------------------------------
	## PAGE NAVIGATION
--------------------------------------------------------------*/

/* Multiple page navigation */
.page-link {
	display: inline-block;
	clear: both;
	margin: .7em 0;
}

.page-link a,
.page-link > span > em {
	display: inline-block;
	height: 2em;
	width: 2em;
	border-radius: 2px;
	line-height: 2;
	margin-right: 1px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.page-link > span {
	display: inline-block;
}

.page-link a:hover {}

.page-link em {
	font-style: normal;
}

.page-link span > em,
.pagination span {
	cursor: default;
}

.page-link a:hover {}

/* Single Previous/Next Post Navigation */
#nav-below {
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
	margin-top: 2em;
	padding: 1.5em 0;
}

#nav-below > div {
	min-height: 1em;
}

#nav-below em {
	display: block;
	font-style: normal;
	font-weight: bold;
}

#nav-below em:only-child {
	display: none;
}

#nav-below .nav-previous,
#nav-below .nav-next {
	display: block;
	float: left;
	width: 50%;
}

#nav-below .nav-next {
	text-align: right;
}

#nav-below .nav-previous a,
#nav-below .nav-next a  {
	clear: both;
	font-size: 1.1em;
}

/* Single Fixed Previous/Next Post Navigation */
#nav-fixed {
	opacity: 0;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

#nav-fixed a {
	color: inherit;
}

#nav-fixed.nav-fixed-show {
	opacity: 1;
}

#nav-fixed.nav-fixed-show .nav-previous i {
	left: 0;
}

#nav-fixed.nav-fixed-show .nav-next i {
	right: 0;
}

#nav-fixed a + a {
	position: relative;
	z-index: -1;
	visibility: hidden;
	display: inline-block;
	opacity: 0;
	max-width: 500px;
	padding: 12px 1em;
	line-height: 30px;
	-webkit-transition: .25s all ease-out;
	transition: .25s all ease-out;
}

#nav-fixed .nav-previous a + a {
	margin-left: 70px;
}

#nav-fixed .nav-next a + a {
	margin-right: 70px;
}

#nav-fixed .nav-previous a:hover + a,
#nav-fixed .nav-previous a + a:hover {
	visibility: visible;
	margin-left: 56px;
	opacity: 1;
}

#nav-fixed .nav-next a:hover + a,
#nav-fixed .nav-next a + a:hover {
	visibility: visible;
	margin-right: 56px;
	opacity: 1;
}

#nav-fixed span {
	font-style: italic;
	position: relative;
}

#nav-fixed span::before,
#nav-fixed span:after {
	content: '"';
	position: relative;
}

#nav-fixed i {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 54px;
	height: 54px;
	margin: auto;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

#nav-fixed .nav-previous i {
	left: -60px;
}

#nav-fixed .nav-next i {
	right: -60px;
}

#nav-fixed i::before {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	text-align: center;
	font-size: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

#nav-fixed .nav-previous i::before {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

#nav-fixed .nav-previous,
#nav-fixed .nav-next {
	position: fixed;
	top: 50%;
	z-index: 9999;
	max-width: 54px;
	max-height: 54px;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

#nav-fixed .nav-previous:hover,
#nav-fixed .nav-next:hover {
	max-width: 9999px;
	-webkit-transition: none;
	transition: none;
}

#nav-fixed .nav-previous {
	left: -10px;
}

#nav-fixed .nav-next {
	right: -10px;
}

#nav-fixed .nav-previous i::before {
	left: 10px;
}

#nav-fixed .nav-next i::before {
	right: 10px;
}


/* Blog, Archive Pages Previous/Next Posts Pagination */
#nav-old-below {
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
	margin: 2em 0;
	font-weight: bold;
}

#nav-old-below .nav-previous{
	float: left;
}

#nav-old-below .nav-next {
	float: right;
}

#nav-old-below .nav-previous a,
#nav-old-below .nav-next a {
	display: block;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
}

#nav-old-below i::before {
	margin: 0 .5em;
}

.schema-publisher,
.schema-image {
    display: none;
}

/*--------------------------------------------------------------
	# LANDING PAGE
--------------------------------------------------------------*/
body.home #access > div > ul > li > a {
    color: #fff;
}
body.home #access > div > ul > li:hover > a, 
body.home #access > div > ul > li a:hover, 
body.home #access > div > ul > li:hover {
    color: #fff;
}
body.home #access > div > ul > li > a > span::before, body.home　#site-title::before {
   background-color: #fff;
}
body.home .header-fixed #access > div > ul > li > a > span::before,
body.home　.header-fixed #site-title::before {
    background-color: #007940;
}

.kahuna-landing-page .lp-blocks-inside,
.kahuna-landing-page .lp-boxes-inside,
.kahuna-landing-page .lp-page-inside,
.kahuna-landing-page .lp-posts-inside,
.kahuna-landing-page .lp-portfolio-inside {
	margin: 0 auto;
	overflow: hidden;
}

.kahuna-landing-page .lp-text-inside {
    margin: 0 auto;
    max-width: 100% !important;
    padding: 0;
}

.kahuna-landing-page #header-image-main-inside {
	display: none;
}

@media (min-width: 981px) {
	.kahuna-landing-page #content {
		margin-top: -110px;
	}
}

.kahuna-landing-page #main {
	width: 100%;
}
.lp-slider .seriousslider{
    width: 100%;
    max-width: 100vw !important;
    height: calc(100vh - 110px) !important;
}
.lp-slider .seriousslider-responsive-legacy .seriousslider-inner > .item img.item-image {
    width: 100%;
    max-width: 100%;
    height: 100vh !important;
    object-fit: cover;
    margin-top: -110px;
}

@media (max-width: 780px) {
	.lp-slider .seriousslider-inner > .item img.item-image {
		margin-top: -110px;
	}
	.lp-slider .seriousslider-responsive-legacy .seriousslider-inner > .item img.item-image {height: calc(100vh - 110px) !important;}
}
@media (max-width:480px) {
	.lp-slider .seriousslider {
		/*margin-top: -80px !important;*/
		height: calc(100vh - 110px) !important;
	}
}

.home .one-column .index-mark {
    margin-bottom: 50px;
    margin-top: 180px;
}
p.index-intro{
    margin-bottom: 60px !important;
}
.index-ph{
    margin-bottom: 110px;
}

.lp-section-header {
	display: block;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-flow: column wrap;
	margin: 4em auto 0;
	text-align: center;
}

.lp-section-header .lp-section-title,
.lp-section-header .lp-section-desc {
	margin-right: auto;
    margin-left: auto;
    max-width: 75%;
}
.lp-section-header .lp-section-title {
	line-height: 1.3;
	margin-top: .1em;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	order: 2;
	color: #007940;
}
.lp-section-header .lp-section-desc {
	margin-bottom: 5px;
	font-size: 1em;
	line-height: 1.3;
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: .75;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}
.lp-section-header + .lp-boxes-padding {
	margin-top: 4em;
}
@media (max-width: 800px) {
	.index-ph {
		max-width: 90%;
		margin: 0 auto 60px auto;
	}
}
@media (max-width: 480px) {
	.home .one-column .index-mark {
		margin-top: 100px;
	}
}

/* ## information */
.lp-information-area{
    max-width: 900px;
    margin: 30px auto 50px auto;
    background: #f7f7f7;
}
.lp-information-area ul {
    margin: 0;
    list-style: none;
}
.lp-information-area li {
    border: 1px solid #f0f0f0;
    padding: 20px 30px;
}
.lp-information-area li .day{
    color: #007940;
    margin-right: 30px;
    font-weight: 600;
}
.lp-information-area li a {
    color: #000000;
    font-weight: 600;
}
@media (max-width: 900px) {
	.lp-information-area {
		max-width: 90%;
	}
}
@media (max-width: 480px) {
	.lp-information-area{
		display: block;
	}
	.lp-information-area li .day{
		display: block;
	}
}

/* ## campain */
#lp-campain {
    background: #f7f7f7;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 150px 0;
    margin: 110px 0 120px 0;
}
.Campaign_area {
    text-align: center;
}
.Campaign_area ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.Campaign_area ul li {
    display: inline-block;
    margin: 0 15px 10px 15px;
    vertical-align: top;
}
.Campaign_area ul li img {
    width: 100%;
    max-width: 450px;
    height: auto;
}
@media (max-width: 480px) {
	#lp-campain {
		padding: 80px 0;
		margin: 50px 0 50px 0;
	}
}

/* ## brand */
#lp-brand {
    margin: 110px 0 120px 0;
}
ul.staff-area-inner {
    max-width: 760px;
    list-style: none;
    padding: 0;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}
ul.staff-area-inner li {
    width: 33.3%;
    display: inline-block;
}
ul.staff-area-inner li img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .3s;
}
ul.staff-area-inner li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 1000;
}
.modal-bg {
    position: absolute;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.modal-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    width: 90%;
    max-width: 600px;
    background: #f0f0f0;
    padding: 40px 40px 20px 40px;
    display: flex;
    flex-flow: wrap;
}
.modal-content .photo{
    text-align: center;
    width: 100%;
}
.modal-content .text h2{
    font-size: 14px;
    margin-bottom: 2em;
}
.modal-content .more-button {
    margin: 40px 0 70px 0;
    padding: 0;
}
.js-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #000000;
    border: 0;
    outline: 0;
    left: auto;
    width: 48px;
    height: 48px;
    background: #000000;
    font-size: 8px;
}
.js-modal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "\00d7";
    text-align: center;
    z-index: 30;
    line-height: 48px;
    width: 48px;
    font-size: 40px;
    color: #fff;
}
@media (max-width: 480px) {
	#lp-brand {
		margin: 50px 0;
	}
	.modal-content {
		width: 100%;
		padding: 20px 20px 0 20px;
	}
	.modal-content .photo{
		width: 75%;
		margin: 0 auto;
	}
}

/* ## shop */
#lp-shop{
    padding: 60px 0;
    margin: 110px 0 120px 0;
    position: relative;
}
#lp-shop::before {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100vw;
    height:100vh;
    background: url(resources/images/onlinshop-bg.jpg) no-repeat;
    background-size: cover;
    content:"";
}
#lp-shop .lp-section-header .lp-section-title{
    color: #fff;
}
.lp-shop-area{
    margin: 50px 0;
    text-align: center;
}
.lp-shop-area ul {
    list-style: none;
    font-size: 0;
    margin: 40px 0 !important;
}
.lp-shop-area li {
    display: inline-block;
    margin: 20px 2% 20px 2%;
    vertical-align: middle;
}
.lp-shop-area p {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
}

#lp-shop a.more-link{
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
#lp-shop a.more-link:hover {
    left: 0;
    color: #000 !important;
}
#lp-shop a.more-link:hover:after {
    left: 0;
    background: #fff;
    color: #000 !important;
}
@media (min-width: 1860px) {
	#lp-shop {
		background-size: cover;
	}
}
@media (max-width: 480px) {
	#lp-shop {
		background-size: 1420px 816px;
		margin: 100px 0 0 0;
	}
}

/* ## insta */
.lp-insta-area {
    width: 90%;
    max-width: 1110px;
    margin: 0 auto;
}
@media (max-width: 640px) {
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3     #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
        width: 50% !important;
    }
    #sb_instagram #sbi_images{ padding: 0.5% !important;}
}

/* ## shop-info */
#lp-shopinfo {
    margin-bottom: 40px;
    margin-top: 110px;
}

.lp-shopinfo-area .wp-block-columns .wp-block-column:first-of-type{
    position: absolute;
    right: 60vw;
}
.lp-shopinfo-area .wp-block-columns .wp-block-column:last-of-type {
    margin-left: 48vw;
    max-width: 750px;
    overflow: hidden;
}
.lp-shopinfo-text{
    margin-left: 40px;
    margin-top:20px;
}

.lp-shopinfo-area .seriousslider {
    width: 100%;
    max-width: 100% !important;
    height: 100% !important;
}
.lp-shopinfo-ph {}
.lp-shopinfo-ph img {
    width: 100%;
}
#lp-map {
    margin-top: -50px;
    margin-bottom: 110px;
}
#lp-map iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media (max-width: 1024px) {
	.lp-shopinfo-area .wp-block-columns .wp-block-column:first-of-type {
		right: 62vw;
	}
	.lp-shopinfo-area .wp-block-columns .wp-block-column:last-of-type {
	    margin-left: 41vw;
	}

	.lp-shopinfo-area .seriousslider {
		height: auto !important;
	}
	.seriousslider-inner > .item img.item-image {
		height: auto !important;
	}
	#lp-map {
		margin-top: -20px;
	}
}
@media (max-width: 800px) {
	.home .wp-block-columns {
		display: block;
	}
	.lp-shopinfo-area .wp-block-columns .wp-block-column:first-of-type {
		position: static;
                width: 300px;
                margin: 0 auto;
                padding-bottom: 30px;
	}
	.lp-shopinfo-area .wp-block-columns .wp-block-column:last-of-type {
		margin: 0 auto;
	}
}
@media (max-width: 480px) {
	#lp-shopinfo {
		margin-top: 60px;
	}
}

/* ## link */
.lp-link-area {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 140px;
}
.lp-link-area ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}
.lp-link-area ul li{
    width: 16.6%;
}
.lp-link-area ul li img{
    width: 100%;
}
@media (max-width: 480px) {
	#lp-map {
		margin-bottom: 40px;
	}
	.lp-link-area ul li {
		width: 49%;
	}
}

/* ## LP Slider */
.lp-staticslider {
	position: relative;
	overflow: hidden;
	max-height: 100vh;
}

.lp-staticslider-image,
.header-image {
	display: block;
	width: 100%;
	height: auto;
	/*opacity: 0;*/
	-webkit-animation: .75s animation-fadeIn ease-out forwards;
	animation: .75s animation-fadeIn ease-out forwards;
}

.lp-staticslider .staticslider-caption,
.seriousslider-theme .seriousslider-caption {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: 50%;
	bottom: auto;
	margin: 0 auto;
	padding: 0 2em;
	opacity: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: .75s .5s animation-fadeIn ease-out forwards;
	animation: .75s .5s animation-fadeIn ease-out forwards;
	text-align: left;
}

.lp-staticslider .staticslider-caption-inside,
.seriousslider-theme .seriousslider-caption-inside {
	/*border: 1em solid rgba(221,221,221,.4);*/
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	background-clip: padding-box;
}

@-webkit-keyframes animation-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes animation-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes animation-fadeIn-blur {

	0% {
		opacity: 0;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}

}

@keyframes animation-fadeIn-blur {

	0% {
		opacity: 0;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}

}

.lp-staticslider .staticslider-caption-title,
.seriousslider-theme .seriousslider-caption-title {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 auto 0.1em;
	font-size: 2.5em;
	line-height: 2;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	opacity: 0;
	-webkit-animation: .75s 0.75s animation-fadeIn ease-out forwards;
	animation: .75s 0.75s animation-fadeIn ease-out forwards;
}

.lp-staticslider .staticslider-sep {
	display: none;
}

.lp-staticslider .staticslider-caption-text,
.seriousslider-theme .seriousslider-caption-text {
	position: relative;
	display: inline-block;
	float: left;
	clear: both;
	margin-bottom: .5em;
	font-size: 1.2em;
	line-height: 2;
	font-weight: 300;
	letter-spacing: 1px;
	color: #DDD;
	opacity: 0;
	text-align: left;
	-webkit-animation: .75s 1s animation-fadeIn ease-out forwards;
	animation: .75s 1s animation-fadeIn ease-out forwards;
}

.lp-staticslider .staticslider-caption-title span,
.lp-staticslider .staticslider-caption-text span,
.seriousslider.seriousslider-theme .seriousslider-caption .seriousslider-caption-title span,
.seriousslider.seriousslider-theme .seriousslider-caption .seriousslider-caption-text span,
.seriousslider.seriousslider-theme .seriousslider-caption .seriousslider-caption-text > p,
.seriousslider.seriousslider-theme .seriousslider-caption .seriousslider-caption-text > p {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: .2em 20px;
}

.staticslider-caption-buttons,
.seriousslider-theme .seriousslider-caption-buttons {
	display: inline-block;
    clear: both;
    float: left;
}

a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
	position: relative;
    display: inline-block;
    margin-top: 2em;
    padding: 0.5em 1.5em;
	border-bottom: 3px solid transparent;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
	-webkit-animation: .75s 1.25s animation-fadeIn ease-out forwards;
	animation: .75s 1.25s animation-fadeIn ease-out forwards;
}

.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
    padding: 0.75em 1.5em;
}

a.staticslider-button + a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button + a.seriousslider-button {
	margin-left: 1em;
}

/* ## LP Blocks */
.lp-blocks {
	display: block;
	float: none;
	width: 100%;
	overflow: hidden;
}

.lp-blocks-inside {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	padding: 3em 0;
}

.lp-block {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	background: transparent;
	margin-right: 6%;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 3em 2em;
	text-align: center;
	-webkit-transition: .4s ease-out all;
	transition: .4s ease-out all;
}

.lp-blocks.lp-blocks-rows-4 .lp-block {
	width: 20.5%;
}

.lp-blocks.lp-blocks-rows-3 .lp-block {
	width: 29.333%;
}

.lp-blocks.lp-blocks-rows-2 .lp-block {
	width: 47%;
}

.lp-blocks.lp-blocks-rows-1 .lp-block {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2em;
}

.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n),
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n),
.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n) {
	margin-right: 0;
}

.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n+1),
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n+1),
.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n+1) {
    clear: both;
}

.lp-block i[class^=blicon] {
	display: block;
    float: none;
	margin: 0 auto 1em;
    text-align: center;
	line-height: 1;
	cursor: default;
}

.lp-block > a i[class^=blicon] {
	cursor: pointer;
}

.lp-block > a {
	display: inline-block;
	opacity: 1;
	-webkit-transition: .2s ease-out opacity;
	transition: .2s ease-out opacity;
}

.lp-block > a:hover {
	opacity: .8;
}

.lp-block i[class^=blicon]::before {
	font-size: 28px; /* em units cause blur */
	line-height: 1;
	border-bottom: 4px solid transparent;
	width: 2.8em;
	padding: 0.8em;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.lp-block i[class^=blicon],
.lp-block .lp-block-title,
.lp-block .lp-block-text {
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-webkit-animation: 1s .5s animation-fadeIn forwards;
	animation: 1s .5s animation-fadeIn forwards;
}

.lp-block:nth-child(2) i::before {
	-webkit-animation-delay: .65s;
	animation-delay: .65s;
}

.lp-block:nth-child(3) i::before {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.lp-block:nth-child(4) i::before {
	-webkit-animation-delay: .95s;
	animation-delay: .95s;
}

.lp-block:nth-child(1) .lp-block-title {
	-webkit-animation-delay: .65s;
	animation-delay: .65s;
}

.lp-block:nth-child(2) .lp-block-title {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.lp-block:nth-child(3) .lp-block-title {
	-webkit-animation-delay: .95s;
	animation-delay: .95s;
}

.lp-block:nth-child(4) .lp-block-title {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.lp-block:nth-child(1) .lp-block-text {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.lp-block:nth-child(2) .lp-block-text {
	-webkit-animation-delay: .95s;
	animation-delay: .95s;
}

.lp-block:nth-child(3) .lp-block-text {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.lp-block:nth-child(4) .lp-block-text {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
}

.lp-block-content {
	display: block;
	overflow: hidden;
}

.main .lp-block-title {
	margin: .5em auto;
	font-size: 1.1em;
	text-transform: uppercase;
	line-height: 1.3;
}

.lp-block-text {
	line-height: 1.5;
	width: 100%;
}

.lp-block-readmore {
	display: inline-block;
	margin-top: 1.5em;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-transition: .2s ease-out color;
	transition: .2s ease-out color;
}

/* ## LP Blocks 2 */
.lp-blocks2 .lp-blocks-inside {
	padding-top: 5em;
	padding-bottom: 5em;
}

.lp-blocks2 .lp-section-header + .lp-blocks-inside {
	padding-top: 2em;
	padding-bottom: 5em;
}

.lp-blocks2 .lp-block {
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-transition: .3s ease-out all;
	transition: .3s ease-out all;
}

.lp-blocks2 .lp-block:hover {
	z-index: 1;
}

.lp-blocks2.lp-blocks-rows-4 .lp-block {
	width: 25%;
}

.lp-blocks2.lp-blocks-rows-3 .lp-block {
	width: 33.333%;
}

.lp-blocks2.lp-blocks-rows-2 .lp-block {
	width: 50%;
}

.lp-blocks2.lp-blocks-rows-1 .lp-block {
	width: 100%;
}

#lp-blocks2 .lp-block i::before {
	background: transparent;
	border-bottom-width: 2px;
}

.main .lp-blocks2 .lp-block-title {
	text-transform: none;
	font-size: 1em;
}

.lp-blocks2 .lp-block-text {
	margin-top: 1em;
}


/* LP Boxes */
.lp-boxes {
    display: block;
    float: none;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.lp-boxes .lp-boxes-inside {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
}

.lp-boxes .lp-boxes-inside,
.lp-boxes .lp-boxes-margins {
	overflow: hidden;
	padding-top: 3em;
	padding-bottom: 3em;
}

.lp-box {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
}

.lp-boxes.lp-boxes-rows-4 .lp-box {
	width: 25%;
}

.lp-boxes.lp-boxes-rows-3 .lp-box {
	width: 33.33333%;
}

.lp-boxes.lp-boxes-rows-2 .lp-box {
	width: 50%;
}

.lp-boxes.lp-boxes-rows-1 .lp-box {
	width: 100%;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box {
	width: 23.5%;
	margin-right: 2%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins.lp-boxes-outside .lp-box {
	width: 22.75%;
	margin-right: 3%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}

.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box{
    width: 33.3%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #dddddd;
        height: 350px;
}

.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins.lp-boxes-outside .lp-box {
	width: 31.3333%;
	margin-right: 3%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}

.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box {
	width: 48%;
	margin-right: 4%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins.lp-boxes-outside .lp-box {
	width: 48.5%;
	margin-right: 3%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}

.lp-boxes.lp-boxes-rows-1 .lp-boxes-margins .lp-box {
	margin-top: 1em;
	margin-bottom: 1em;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box:nth-child(4n),
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-child(3n),
.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box:nth-child(2n) {
	margin-right: 0;
}

.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+1),
.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+1),
.lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n+1) {
	clear: both;
}

.lp-box-image {
	position: relative;
	overflow: hidden;
	height: 240px !important;
}
.lp-box-image img{
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.lp-box-imagelink {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 12;
}
/*
.lp-box-image::before {
	content: "\e92d";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 100px;
	margin: auto;
	font-family: 'iconmeta';
	font-size: 100px;
	line-height: 1;
	color: rgba(0, 0, 0, .15);
}
*/
.lp-box .lp-box-image > img {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	object-fit: cover;
}

.lp-box-titlelink {
	color: inherit;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
}

.main .lp-box-title {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
}

.lp-box-title a,
.lp-box-title a:hover {
	color: inherit;
}

.lp-box-text-inside {
	margin: .5em 0;
}
.lp-box-text-inside p {
    margin: 0;
    line-height: 1.4;
}

.lp-boxes .lp-box-link {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 1.5em 0;
	line-height: 1;
	text-align: center;
	color: #FFF;
	-webkit-transition: .35s all ease;
	transition: .35s all ease;
}

.lp-boxes .lp-box-image:hover .lp-box-link {
	opacity: .75;
}

.lp-boxes .lp-box-link i::before {
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 1em;
	width: 1em;
	margin: auto;
	font-size: 1.1em;
	-webkit-transition: .25s all ease-out;
	transition: .25s all ease-out;
}

.lp-boxes .lp-box-link:hover i::before {
	padding-left: .2em;
}

.lp-box-readmore {
	clear: both;
	float: none;
	margin: .5em auto 1px;
	border-bottom: 3px solid transparent;
	font-weight: bold;
	letter-spacing: 0;
	color: inherit;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.lp-box-readmore:hover {
	border-bottom: 3px solid;
}

.lp-box-readmore > span {
	position: relative;
	top: -1px;
}

.lp-box-link {
	display: none;
}

.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:first-of-type {
	border-right: none;
}
.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-of-type(3) {
	border-left: none;
}

.lp-boxes-static .lp-box-image::after {
    background-color: #fff !important;
}
.lp-box-text-inside ul{
    list-style: none;
}
.lp-box-text-inside li{
    list-style: none;
}

/* ### Animated boxes */
.lp-boxes-animated .lp-box::before {
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	border: 30px solid transparent;
	background-color: #000;
	opacity: .4;
	background-clip: padding-box;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.lp-box:hover::before {
	opacity: .2;
	border: 10px solid transparent;
}

.lp-boxes-animated .lp-box-content {
	position: absolute;
	z-index: 30;
	width: 80%;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 4% 6%;
	color: #DDD;
	opacity: 1;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .35s all ease-out;
	transition: .35s all ease-out;
}

.lp-boxes-animated .lp-box:hover .lp-box-content {
	color: #FFF;
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .lp-box-content {
	color: #FFF;
}

.lp-boxes-animated .lp-box .lp-box-image > img {
	-webkit-filter: blur(0.3px);
	        filter: blur(0.3px);
	-webkit-transform: scale3d(1,1,1);
			transform: scale3d(1,1,1);
	-webkit-transition: .5s all ease-out;
			transition: .5s all ease-out;
}

.lp-boxes-animated .lp-box:hover .lp-box-image > img {
	-webkit-filter: blur(15px);
	        filter: blur(15px);
	-webkit-transform: scale3d(1.1,1.1,1);
			transform: scale3d(1.1,1.1,1);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated .lp-box:focus-within .lp-box-image > img {
	-webkit-filter: blur(15px);
	        filter: blur(15px);
	-webkit-transform: scale3d(1.1,1.1,1);
			transform: scale3d(1.1,1.1,1);
}

.lp-boxes-animated .lp-box-title {
	margin: 0;
}

.lp-boxes-animated .lp-box-text {
	position: relative;
	top: 0;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: .6s .1s opacity ease-out, .4s .1s top ease-out;
	transition: .6s .1s opacity ease-out, .4s .1s top ease-out;
}

.lp-boxes-animated .lp-box-text-inside {
	line-height: 1.5;
}

/* ### Animated boxes 2 */
.lp-boxes-animated2 .lp-box::before {
	display: none;
}

.lp-boxes-animated2 .lp-box-title {
	display: block;
	padding: 0.5em;
	background: rgba(0,0,0,.3);
	font-size: .9em;
	letter-spacing: 1px;
	-webkit-transition: 1s ease all;
	transition: 1s ease all;
}

.lp-boxes-animated2 .lp-box .lp-box-image > img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.lp-boxes-animated2 .lp-box:hover .lp-box-image > img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated2.lp-boxes-animated .lp-box:focus-within .lp-box-image > img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-filter: blur(0);
	filter: blur(0);
}

.lp-boxes-animated2 .lp-box-content {
	top: auto;
	bottom: 3%;
	-webkit-transform: none;
	transform: none;
}

.lp-boxes-animated2 .lp-box:hover .lp-box-content {
	color: #FFF;
	bottom: 0%;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

/* edge needs special treatment since it can't handle :focus-within */
.lp-boxes-animated2.lp-boxes-animated .lp-box:focus-within .lp-box-content {
	color: #FFF;
	bottom: 0%;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

.lp-boxes-animated2 .lp-box-text {
	display: none;
}

.lp-boxes-animated2 .lp-box:hover .lp-box-text {
}

.lp-boxes-animated2 .lp-box .lp-box-text-inside {
	text-align: justify;
}

/* ### Static boxes */
.lp-boxes.lp-boxes-static .lp-box {
	-webkit-transition: .5s ease-out all;
	transition: .5s ease-out all;
}

.lp-boxes-static .lp-box-content {
	overflow: hidden;
	padding: 1em 30px 0 30px;
	border-top: none;
}

.lp-boxes-static .lp-box-image::after,
.lp-boxes-static .lp-box-image .box-overlay {
    /*content: "";*/
    height: 7px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 20;
	-webkit-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}

.lp-boxes-static .lp-box-image .box-overlay {
	z-index: 21;
	width: 0;
	-webkit-transition: .5s all ease-out;
	transition: .5s all ease-out;
}

.lp-boxes-static .lp-box:hover .box-overlay {
	width: 100%;
}

.lp-boxes-static .lp-box:focus-within .box-overlay {
	width: 100%;
}

.lp-boxes-static .lp-box-image > img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	-webkit-transition: 1s transform ease;
	transition: 1s transform ease;
}

.lp-boxes-static .lp-box:hover .lp-box-image > img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.lp-boxes-static .lp-box:focus-within .lp-box-image > img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.lp-boxes-static .lp-box-title {
	margin: .5em 0;
}

/* ### Static boxes 2 */
.lp-boxes-static2 .lp-box-content {
	padding: 2em;
}

.lp-boxes-static2 .lp-box-image > img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	top: 4%;
	-webkit-transition: 1s transform ease;
	transition: 1s transform ease;
}

.lp-boxes-static2 .lp-box:hover .lp-box-image > img {
	-webkit-transform: scale3d(1.1,1.1,1) translateY(-10%);
	transform: scale3d(1.1,1.1,1) translateY(-10%);
}

.lp-boxes-static2 .lp-box:focus-within .lp-box-image > img {
	-webkit-transform: scale3d(1.1,1.1,1) translateY(-10%);
	transform: scale3d(1.1,1.1,1) translateY(-10%);
}

.lp-boxes-static2 .lp-box-image::after {
	/*display: none;*/
}

.lp-boxes-static2 .lp-box-image .box-overlay {
	opacity: 1;
	left: 50%;
	transform: translateX(-50%);
}

.lp-boxes-static2 .lp-boxes-inside {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
}

.lp-boxes-static2 .lp-box-readmore {
	display: inline-block;
	margin-top: 1em;
	border: 3px solid;
	padding: 0.5em 1.2em;
	font-size: .8em;
	text-transform: uppercase;
}

.lp-boxes-static2 .lp-box-readmore:hover {
	border: 3px solid;
}

.lp-boxes.lp-boxes-static2 .lp-boxes-margins .lp-box {
	margin-bottom: 2em;
}

.lp-boxes-static2 .lp-box-content {
	padding-bottom: 1.5em;
}

.lp-boxes-static2 .lp-box-title {
	text-transform: none;
	letter-spacing: 0;
}

.lp-boxes-static2 .lp-box-text-inside {
	text-align: justify;
}

/* ## LP Text home　上書き*/
.lp-text {
	position: relative;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: none;
	clear: both;
	width: 100%;
	overflow: hidden;
	background-attachment: fixed;
	background-position : top center;
	background-size : cover;
}
@media (max-width: 1024px) {
	.lp-boxes-inside.lp-boxes-margins.lp-blog {
		margin: 0 5%;
	}
}

@media (max-width: 640px) {
	.lp-box-image {
		height: 210px !important;
	}
	.lp-box-image img {
		height: 210px !important;
	}
}
@media (max-width: 480px) {
	.kahuna-landing-page .lp-boxes-inside {
		width: 90%;
	}
}

.lp-text-image {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	line-height: 0;
}

.lp-text-image::before {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	display: block;
	height: 100%;
	width: 50px;
	content: "";
    background: rgba(255, 255, 255, 0.75);
    border-right: 25px solid rgba(255, 255, 255, 0.8);
}

.lp-text-image > img {
	float: right;
}

.lp-text-inside {
	padding: 3em 0;
	width: 100%;
}

.lp-text-image + .lp-text-inside {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 2em 6em;
	text-align: left;
}

.lp-text-hasimage .lp-text-image,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image {
	float: left;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}

.lp-text-hasimage ~ .lp-text-hasimage .lp-text-image,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image {
	float: right;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.lp-text-hasimage .lp-text-image::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image::before {
	right: 0;
	left: auto;
    border-left: 0;
    border-right: 25px solid rgba(255, 255, 255, 0.8);
}

.lp-text-hasimage ~ .lp-text .lp-text-image::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image::before,
.lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage ~ .lp-text-hasimage .lp-text-image::before {
	right: auto;
	left: 0;
    border-right: 0;
    border-left: 25px solid rgba(255, 255, 255, 0.8);
}


.main .lp-text-title {
	margin-top: 0;
}
.lp-text-image + .lp-text-inside .lp-text-content {
	font-size: 1em;
}

/* ## LP Posts */
#lp-posts,
#lp-page {
	display: block;
	float:none;
	clear: both;
	padding: 5em 0;
}

/* AJAX LOAD MORE POSTS BUTTON */
#cryout_ajax_more_trigger{
	position: relative;
	display: table;
	float: none;
	clear: both;
	min-width: 150px;
	margin: 2em auto;
	padding: .2em 3em;
	text-align: center;
	line-height: 3;
	cursor: pointer;
	background: rgba(0,0,0,.1);
}

#cryout_ajax_more_trigger::before {
	content: "\e922";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	margin: auto;
	font-size: 1em;
	line-height: 3;
	width: auto;
	padding: .2em 1em;
	font-family: "iconmeta";
	text-align: center;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

#cryout_ajax_more_trigger > span {
	display: inline-block;
	text-indent: 2em;
	font-weight: bold;
}

#cryout_ajax_more_trigger::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: inline-block;
	margin: auto;
	line-height: 3;
	width: auto;
	padding: .2em 1em;
	width: 3em;
	background: rgba(0,0,0,.05);
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

#cryout_ajax_more_trigger:hover::after,
#cryout_ajax_more_trigger.cryout_click_loading::after {
	background: transparent;
	width: 50%;
}

#cryout_ajax_more_trigger.cryout_click_loading::before {
	content: "\e97b";
	-webkit-animation: icon-load 1s linear infinite;
	animation: icon-load 1s linear infinite;
}

@keyframes icon-load {
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


@-webkit-keyframes icon-load {
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*--------------------------------------------------------------
	# PAGE SHOP
--------------------------------------------------------------*/
.one-column .index-mark {
    margin-bottom: 50px;
    margin-top: 120px;
}
.table-shop{
    width: 90%;
    max-width: 1080px;
    margin: 0 auto;
}
.shop-gallery{
    width: 90%;
    max-width: 1080px;
    margin: 60px auto;
    padding-bottom: 60px;
}
.shop-gallery ul li.blocks-gallery-item {
    margin: 0 2.5em 1em 0;
    width: calc(50% - 2em);
}
.shop-gallery img{
    width: 100%;
}

@media ( max-width: 480px ) {
	.shop-gallery {
		padding-bottom: 0;
	}
	.table-shop td {
		display: block;
	}
	body.page-id-164 .blocks-gallery-grid {
		display: block;
	}
	body.page-id-164 .wp-block-gallery .blocks-gallery-item {
		 width: 100%;
	}
}

/*--------------------------------------------------------------
	# PAGE CONTACT
--------------------------------------------------------------*/
.sec-contact {
    margin-top: 120px;
}
.sec-contact-inner {
    width: 94%;
    max-width: 800px;
    margin: 0 auto;
}
.sec-contact-inner .more-button {
    padding: 30px 0;
}
.center{
    text-align: center;
}
.sec-contact02 {
    margin-top: 180px;
}
.sec-contact03 {
    margin-top: 50px;
    margin-bottom: 180px;
}
.required span{
    color: #007940;
    font-size: 95%;
}
.form_table dl{
    margin: 0 0 60px 0;
}
.check-agree p{
    display: none;
}
.check-agree .more-button{
    margin: 0;
}
.btnWrap.text{
    margin: 30px 0 80px 0;
}
.btnWrap.text p {
    margin: 0 !important;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 !important;
    font-weight: 600;
    width: 250px;
    padding: 1.5em 0;
        height: 70px;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

@media ( max-width: 480px ) {
	.sec-contact, .sec-contact02 {
		margin-top: 100px;
	}
	.form_table dl {
		margin: 0 0 20px 0;
	}
}

/*--------------------------------------------------------------
	# PAGE privacy-policy
--------------------------------------------------------------*/
body.privacy-policy h3 {
    font-size: 18px;
    color: #007940;
    margin-top: 50px;
}
body.privacy-policy article.hentry {
    margin-bottom: 160px;
}

/*--------------------------------------------------------------
	# POST FORMATS
--------------------------------------------------------------*/

span.entry-format {
	margin-right: 1em;
	font-size: 1em;
	text-align: center;
	text-transform: capitalize;
}

.featured-image-meta span.entry-format {
	background: rgba(255,255,255,.1);
}

span.entry-format a {
	-webkit-transition: .4s all ease;
	transition: .4s all ease;
}

span.entry-format i::before {
	cursor: pointer;
}

/* ## ASIDES */
.format-aside {
	border-top: 7px dashed transparent;
}

.format-aside .entry-title,
.format-aside .author,
.format-aside .bl_categ {
	display: none;
}

/* ## GALLERIES */
.gallery {
	margin: 0 -1% 1.75em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	max-width: 33.33%;
	padding: 0 1% 2%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
	padding-top: 0.5em;
	font-size: .9em;
	line-height: 1.5;
	font-style: italic;
}

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

/* ## CHAT */
.format-chat p {
	font-family: Monaco, "Courier New", monospace;
}

/* ## QUOTE */
.format-quote blockquote,
.format-quote blockquote p{
	font-size: 1.1em;
	font-family: Georgia, "Bitstream Charter", serif;
}

/* ## STATUS */
.format-status .entry-title {
	/*display:none;*/
}

.format-status .avatar {
	display: block;
	float: left;
	margin-right: 1em;
}

span.entry-sticky {
	padding: 0 .4em;
	border-radius: 3px;
	text-align: center;
}

/* ## ATTACHMENT PAGES */
.attachment .entry-content .entry-caption {
	margin-top: 2em;
	font-size: 1.4em;
}

.attachment .entry-attachment {
	margin-top: 24px;
	text-align: center;
}

#respond input:hover,
#respond textarea:hover {}

#respond .form-allowed-tags {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	font-size: 1em;
	line-height: 1.5;
}

#respond .form-allowed-tags code {
	font-size: 1em;
}

#respond .form-submit {
	margin: 1em 0;
	clear: both;
}

#respond .form-submit input {
	width: auto;
}

#respond .form-submit input[type="submit"],
#respond .form-submit input[type="reset"] {
}

#respond .form-submit input#submit:hover {
	cursor: pointer;
}

.button {
	padding: 4px 7px;
	border: 1px solid transparent;
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease;
}

.button:hover {
	cursor: pointer;
}

/*--------------------------------------------------------------
	# WIDGET AREAS
--------------------------------------------------------------*/

/* ## MAIN WIDGETS AREAS */
.widget-area ul,
.widget-area ul ul,
.yoyo > .widget-container {
	padding: 0;
	border: none;
	list-style: none;
	list-style-image: none;
}
#secondary .widget-container:first-of-type {
    padding: 0;
    background-color: #ffffff;
}
#secondary .widget-container {
    padding:0 !important;
    background-color: #ffffff;
}

.widget-container {
	margin: 0 0 2.2em 0;
	padding: 0 1em;
}

.widget-container > * {
	max-width: 100%;
}

.widget-container ul ul {
	margin-left: 1em;
	margin-top: 1em;
}

.widget-container ul li {
    display: block;
    float: none;
    margin-bottom: 0.3em;
    padding-left: 0.8em;
    word-wrap: break-word;
    position: relative;
}
.widget-container ul li:before{
    content: '>';
    margin-left: -0.8em;
    margin-right: 0.5em;
}

.sidey .widget-container ul li:not(:last-child) {
	padding-bottom: .3em;
	/*border-bottom: 1px solid rgba(0,0,0,.05);*/
}

.widget-title{
    position: relative;
    margin-bottom: 1.5em;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    background: #000;
    color: #fff;
    font-size: 16px !important;
    padding: 0 0 0 0.8em;
}

.widget-title span{
    line-height: 2.5;
    padding-bottom: .75em;
    border-bottom: 0;
}

.widget-area a {
    text-decoration: none;
    word-wrap: break-word;
    -webkit-transition: .2s ease-out all;
    transition: .2s ease-out all;
    color: #000;
    font-size: 15px;
}

.widget-area a:active,
.widget-area a:hover {}

.widget-area .entry-meta {
	font-size: 1em;
}

.widget-area .post-date {
    margin: 0 0.3em;
    position: relative;
    color: #808080;
    font-size:13px;
    font-weight: 600;
}
.widget-area .post-date:after {
    content: '|';
    position: relative;
    margin-left: 0.3em;
}
.widget-area .cat, .widget-area .cat a{
    color: #808080;
    font-weight: 600;
    font-size:13px;
}
.widget-container.widget_archive li{
    margin: 0;
    padding-bottom: 0 !important;
}

/* ## BEFORE CONTENT AND AFTER CONTENT WIDGET AREAS */
.yoyo .widget-title {
	background: none;
	padding: 0;
	margin: 0;
}

/* ## LEFT SIDEBAR MENU */
nav.sidebarmenu {
	display: block;
	margin-bottom: 3em;
}

nav.sidebarmenu li a {
	display: inline-block;
	float: none;
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-transition: .3s all ease-in;
	transition: .3s all ease-in;
}

nav.sidebarmenu li a:hover {
	border-bottom: 2px solid;
}

/* ## CALLENDAR WIDGET */
#wp-calendar {
	width: 100%;
	font-size: .9em;
}

#wp-calendar caption {
	padding-bottom: .3em;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

#wp-calendar tbody td {
	border: 1px solid transparent;
}

#wp-calendar th,
#wp-calendar td {
	text-align: left;
}

#wp-calendar tbody td:hover {
	opacity: 0.8;
}

#wp-calendar tbody td a {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#wp-tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

/* ## TAG CLOUD WIDGET */
.kahuna-normalizedtags #content .tagcloud a {
	display: inline-block;
	margin: 0 4px 5px 0;
	padding: 2px 10px;
	border-radius: 2px;
	font-size: .9em !important; /* !important needed to override inline sizing */
	text-transform: uppercase;
	border-bottom: 2px solid rgba(0,0,0,.15);
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.kahuna-normalizedtags #content .tagcloud a:hover {}

/* ## EMPTY PAGE */
.main .content-empty-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row;
	        flex-flow: row;
	width: 100%;
	margin: 2em auto;
}

.main .content-empty-page .widget-container {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.main .content-empty-page .widget-container:not(:last-child) {
	margin-right: 2em;
}

/*--------------------------------------------------------------
	# WIDGETS
--------------------------------------------------------------*/

/* ## Cryout Tabs */
.cryout-wtabs-nav {
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	text-align: center;
}

.sidey .widget-container ul li.cryout-wtab,
#colophon .widget-container ul li.cryout-wtab {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.widget-area .cryout-wtabs-nav {
	border-bottom: 3px solid transparent;
}

.cryout-wtabs-nav.tab-count-1 li {
	width: 100%;
}

.cryout-wtabs-nav.tab-count-2 li {
	width: 50%;
}

.cryout-wtabs-nav.tab-count-3 li {
	width: 33.333%;
}

.cryout-wtabs-nav.tab-count-4 li {
	width: 25%;
}

ul.cryout-wtabs-nav > li,
.cryout-wtabs-container > ul > li {
	display: block;
	float: left;
}

.cryout-wtabs-container > ul > li {
	clear: both;
}

ul.cryout-wtabs-nav li a {
	position: relative;
	z-index: 2;
	display: block;
	padding: .5em 0;
	font-size: 18px;
	background: rgba(255,255,255,1);
}

ul.cryout-wtabs-nav li a::before {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	content: "";
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

ul.cryout-wtabs-nav li a:hover::before {
	height: 4px;
}

ul.cryout-wtabs-nav li.active a,
ul.cryout-wtabs-nav li.active a:hover {
	color: #FFF;
}

ul.cryout-wtabs-nav li.active a::before {
	height: 100%;
}

ul.cryout-wtabs-nav li a span {
	display: none;
}

ul.cryout-wtab li,
ul.cryout-wposts li {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 3px;
	padding: 15px 0;
	border-bottom: 1px solid rgba(0,0,0,.07);
	font-weight: 400;
	line-height: 1.4;
}

.sidey .widget-container ul.cryout-wtab li,
.sidey .widget-container ul.cryout-wposts li {
	padding: 15px 0;
}

ul.cryout-wtab li:last-child,
ul.cryout-wposts li:last-child {
	border: none;
}

.cryout-wtab a,
.cryout-wposts a {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.cryout-wtab img,
.cryout-wposts img {
	display: block;
	width: 100%;
	height: auto;
}

.cryout-wtab .tab-item-thumbnail {
	width: 80px;
	float: left;
}

.cryout-wtab .tab-item-thumbnail,
.cryout-wposts .post-item-thumbnail {
	position: relative;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.cryout-wtab .tab-item-thumbnail {
	margin-right: 15px;
}

.cryout-wtab .tab-item-avatar {
	width: 48px;
	float: left;
	margin-right: 15px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.cryout-wtab .tab-item-inner {
	overflow: hidden;
}

.cryout-wtab .tab-item-title,
.cryout-wposts .post-item-title {
	font-size: 1em;
	line-height: 1.3;
	font-weight: bold;
}

.cryout-wposts .post-item-title {
	font-size: 1.1em;
}

.cryout-wtab .tab-item-category,
.cryout-wposts .post-item-category {
	text-transform: uppercase;
	font-size: .8em;
	line-height: 1.2;
	letter-spacing: 1px;
	opacity: 0.6;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.cryout-wtab .tab-item-category a,
.cryout-wposts .post-item-category a {
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.cryout-wtab .tab-item-category a:hover,
.cryout-wposts .post-item-category a:hover {
	border-bottom-color: inherit;
}

.cryout-wtab .tab-item-category a,
.cryout-wposts .post-item-category a {
	color: inherit;
}

.cryout-wtab .tab-item-title,
.cryout-wtab .tab-item-comment,
.cryout-wposts .post-item-title {
	margin: 5px 0;
	word-wrap: break-word;
}

.cryout-wposts .post-item-title {
	margin: 7px 0;
}

.cryout-wtab .tab-item-date,
.cryout-wtab .tab-item-name,
.cryout-wposts .post-item-date {
	text-transform: uppercase;
	font-size: .8em;
	opacity: 0.35;
}

.cryout-wtab .thumb-icon.small {
	bottom: 8px;
	left: 8px;
}

.cryout-wtab li:hover .tab-item-thumbnail,
.cryout-wtab li:hover .tab-item-avatar,
.cryout-wposts li:hover .post-item-thumbnail {
	opacity: 0.75;
}

.cryout-wtab li:hover .thumb-icon,
.cryout-wposts li:hover .thumb-icon {
	background: #fff;
	color: #222;
}

.cryout-wtab .tab-item-category a,
.cryout-wposts .post-item-category a,
.cryout-wtab li:hover .tab-item-title a,
.cryout-wtab li:hover .tab-item-comment a,
.cryout-wposts li:hover .post-item-title a {
	/*color: #26abd3;*/
}

/* ## Cryout Posts */

.cryout-wposts .post-item-thumbnail {
	margin-bottom: 10px;
}

.s1 .cryout-wposts .post-item-title {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 300;
}

.s1 .cryout-wposts .post-item-category,
.s1 .cryout-wposts .post-item-date {
	font-size: 14px;
}

/* ## Cryout Related Posts */
.main .related-posts {
	display: block;
	overflow: hidden;
	margin-left: 0;
	margin-bottom: 2em;
}

.related-posts li {
	display: inline;
	float: left;
	width: 31.33%;
	margin-right: 3%;
}

.related-posts li:last-child {
	margin-right: 0;
}

.related-posts article {
	margin-bottom: 0;
}

.related-thumbnail {
	position: relative;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.related-posts li:hover .related-thumbnail {
	opacity: 0.75;
}

.related-thumbnail .related-comments {
	position: absolute;
	right: 2px;
	top: 2px;
	padding: 0 14px;
	line-height: 1.5;
	font-weight: bold;
	background: rgba(255,255,255,0.9);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.related-thumbnail .related-comments::before {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	border-left: 0 solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid rgba(255,255,255,.9);
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

.related-thumbnail:hover .related-comments::before {
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(255,255,255,.9);
}

.related-comments i {
	display: none;
	margin-right: .25em;
}

.related-posts .related-inside {
	padding-right: .5em;
}

.related-posts .related-title {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0;
	line-height: 1.3;
}

.related-posts .related-meta {
	font-size: .8em;
	font-weight: 300;
	opacity: .5;
}

/* ## Cryout About */
.cryout-about-image {
	display: inline-block;
	margin-bottom: 1em;
}

.cryout-about-text {
	font-size: .9em;
}

/* ## Cryout Contact */
.widget_cryout_contact address {
	padding-left: 0;
}

.widget_cryout_contact .map {
	margin-top: 2em;
}

.widget_cryout_contact address > span {
	display: block;
	float: none;
	clear: both;
	margin: 2px 0;
	line-height: 2.2;
}

.widget_cryout_contact address a {
	color: inherit;
	border-bottom: 1px solid transparent;
	transition: .2s ease-out border-color;
	transition: .2s ease-out border-color;
}

.widget_cryout_contact address a:hover {
	border-color: inherit;
}

.widget_cryout_contact address > span i {
	display: inline-block;
	float: left;
	width: 2.2em;
	height: 2.2em;
	font-size: 1em;
	text-align: center;
	background: rgba(255,255,255,.05);
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

.widget_cryout_contact address > span i + strong {
	display: none;
}

.cryout-contact-right {
	display: block;
	overflow: hidden;
	padding: 0 10px;
	background: rgba(0,0,0,.1);
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

.widget_cryout_contact address > span:hover .cryout-contact-right,
.widget_cryout_contact address > span:hover i {
	background: rgba(0,0,0,.2);
}

/* Cryout GetInTouch */
.cryoutgetintouch-extra {
	font-size: 1.1em;
	font-weight: bold;
}

.widget_cryout_getintouch > div {
	line-height: 1.8;
}

.widget_cryout_getintouch > div i.icon {
	opacity: 0.5;
	margin-right: .3em;
}

.widget_cryout_getintouch .cryoutgetintouch-email a {
	color: inherit;
}

.widget_cryout_getintouch .cryoutgetintouch-items > span {
	display: block;
	margin: 10px 0;
	font-size: 1em;
}

/* Padding fixes for custom widgets */
.widget_cryout_contact .widget-title + address,
.widget_cryout_about .widget-title + .cryout-about-image,
.widget_cryout_portfolio .widget-title + .widget-portfolio  {
	padding-top: .5em;
}

/*--------------------------------------------------------------
	# SEARCHFORM
--------------------------------------------------------------*/

.searchform {
	position: relative;
	display: inline-block;
	width: 100%;
	/*overflow: hidden;*/
	height: auto;
	border-radius: 2px;
}

.searchform:hover input[type="search"],
.searchform input[type="search"]:focus {
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.no-results .content-search {
	padding: 0;
}

/* ## SIDEBAR SEARCH */
.searchform input[type="search"] {
	display: block;
	float: left;
	position: relative;
	z-index: 7;
	height: 3.5em;
	width: 100%;
	padding: 0 1em 0 1em;
	font-size: 1em;
	border-radius: 2px;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
}

.searchform:hover input[type="search"],
.searchform input[type="search"]:focus {
	outline: none;
}

.searchform .searchsubmit {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 8;
	height: 3.5em;
	width: 3.5em;
	padding: 0;
	border: 0;
	font-size: 1em;
	background: transparent;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

/* ## HEADER SEARCHFORM */
#access > div > ul > li.menu-search-animated {
	text-align: center;
}

#access .menu-search-animated {
	padding: 0 .3em;
}

#access .menu-search-animated .searchform {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	max-width: calc(100% - 4em);
	margin: 0 auto;
	border: 0;
	border-radius: 2px;
}

#access .menu-search-animated .searchsubmit {
	display: none;
}

#access .menu-search-animated .searchform input[type="search"] {
	height: 100%;
	border: 0;
	font-size: 1.2em;
	font-weight: 400;
}

#access .menu-main-search .searchform input[type="search"]:focus {
	background: transparent;
}

#access .menu-main-search i.icon-search {
	display: inline-block;
	padding-right: .5em;
	padding-left: .5em;
}

#access .menu-main-search > a {
	padding-left: 0;
	padding-right: 0;
}

#access i.icon-search {
	cursor: pointer;
}

#access i.icon-search::before {
	display: block;
	font-style:	normal;
	font-size: 1em;
}

#access li.menu-main-search {
	position: static;
	padding: 0 .4em;
}

.menu-main-search .icon-cancel {
	display: none;
	position: absolute;
	top: 50%;
	right: 3em;
	z-index: 1000;
	font-size: 1.2em;
	cursor: pointer;
}

/* ## FOOTER MENU SEARCHFORM */
li.menu-footer-search {
	max-width: 16em;
}

li.menu-footer-search .s {
	height: 2.2em;
	padding-left: 2.2em;
}

li.menu-footer-search .searchform .searchsubmit {
	height: 2.2em;
	width: 2.2em;
}

.widget_rss a.rsswidget {}
.widget_rss a.rsswidget:hover {}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/*--------------------------------------------------------------
	# SOCIALS
--------------------------------------------------------------*/

/* ## GENERAL */
.socials {
	position: relative;
}

.socials a {
	display: block;
	float: left;
	position: relative;
	z-index: 99;
	overflow: hidden;
	margin-right: .5em;
	border-radius: 2px;
	font-size: .9em;
	text-align: center;
	-webkit-transition: color .3s ease-out, background-color .3s ease-out;
	transition: color .3s ease-out, background-color .3s ease-out;
}

.socials a::before {
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	z-index: 101;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.socials a span {
	display: none;
}

/* ## HEADER SOCIALS */
#sheader-container {
	position: relative;
	float: right;
}

#sheader-container > * {
	margin-left: .5em;
}

#sheader {
	position: relative;
	overflow: hidden;
	top: 50%;
	font-size: .8em;
	line-height: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#sheader a {
	vertical-align: bottom;
}

/* ## SIDEBAR SOCIALS */
.sidey .socials {
	display: table;
	float: none;
	margin: 0 auto 2em;
}

/* ## FOOTER SOCIALS */
#sfooter {
	display: block;
	float: right;
	clear: right;
	font-size: .8em;
}

.widget_cryout_socials .socials {
	font-size: .8em;
}

/*--------------------------------------------------------------
	# MISCELLANEOUS
--------------------------------------------------------------*/

/* ## BACK TO TOP */
a#toTop {
	display: block;
	position: fixed;
	right: 1em;
	bottom: 1em;
	z-index: 251;
	width: 3em;
	height: 3em;
	border: 2px solid;
	padding: .25em 1em;
	cursor: pointer;
	background-color: rgba(255,255,255,0);
	-webkit-transform: scale(0) rotate(-45deg);
	-ms-transform: scale(0) rotate(-45deg);
	transform: scale(0) rotate(-45deg);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

a#toTop:hover {
	border: 2px solid;
}

a#toTop.toTop-show {
	-webkit-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}

@media (max-width: 800px) {
	/*a#toTop {
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}*/
}

.kahuna-totop-fixed #toTop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	margin: auto;
	border: 0;
	box-shadow: none;
}

.kahuna-totop-disabled .footer-inside #toTop {
	display: none;
}

.icon-back2top::before {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.1em;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

/* ## CUSTOM IMAGE BORDER */
.kahuna-image-none .entry-content img[class*='align'],
.kahuna-image-none .entry-summary img[class*='align'] {}

.kahuna-image-one .entry-content img[class*='align'],
.kahuna-image-one .entry-summary img[class*='align'] {
	padding-bottom: 5px;
	border-bottom: 5px solid transparent;
}
.kahuna-image-two .entry-content img[class*='align'],
.kahuna-image-two .entry-summary img[class*='align'] {
	border: 7px solid transparent;
}
.kahuna-image-three .entry-content img[class*='align'],
.kahuna-image-three .entry-summary img[class*='align'] {
	padding: 0;
	border: 1px solid #222;
	box-shadow: 0 0 15px #ccc;
}
.kahuna-image-four .entry-content img[class*='align'],
.kahuna-image-four .entry-summary img[class*='align'] {
	padding: .7em;
	border: 1px solid #DDD;
	box-shadow: 0 0 2px #CCC;
}

.kahuna-image-five .entry-content img[class*='align'],
.kahuna-image-five .entry-summary img[class*='align'] {
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* ## CUSTOM CAPTION LOOK */
.kahuna-caption-zero .main .wp-caption .wp-caption-text {}

.kahuna-caption-one .main .wp-caption .wp-caption-text {
	border-bottom: 2px solid transparent;
}

.kahuna-caption-two .main .wp-caption .wp-caption-text {
	margin-top: 3px;
}

/* ## post_navigation */
.f-area {
    position: relative;
    margin: 180px 30px 140px 30px;
}
.post-navigation {
    padding: 0;
    position: relative;
}
.nav-links {
    display: flex;
    justify-content: space-between;
}
.post-navigation .nav-previous {
    width: 50%;
}
.post-navigation .nav-next {
    text-align: right;
    width: 50%;
}
.post-navigation a {
    color: #000;
    position: relative;
}
.post-navigation .nav-previous a:after {
    background: url(resources/images/old-arrow.png) no-repeat;
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: -30px;
}
.post-navigation .nav-next a:after {
    background: url(resources/images/new-arrow.png) no-repeat;
    content: '';
    width: 30px;
    height: 5px;
    position: absolute;
    top: 6px;
    right: -35px;
}
.f-more-button {
    clear: both;
    width: 250px;
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
	.f-more-button {
		top: 80px;
	}
}

/* ## PAGINATION */
.pagination {
	display: table;
	float: none;
	clear: both;
	margin: 50px auto 180px auto;
	padding: .25em 1em;
	text-align: center;
}

.pagination span,
.pagination a {
    box-sizing: content-box;
    display: block;
    position: relative;
    float: left;
    height: 3em;
    width: 3em;
    border: 1px solid #5ba680;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    line-height: 3;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.page-numbers.current{
    background-color: #007940 !important;
    color: #fff !important;
}

.pagination .dots {
	width: 3em;
	border: 0;
	background: none;
}

/* ## CONTINUE READING */
.post-continue-container {
    overflow: hidden;
}

a.continue-reading-link {
    display: block;
    float: right;
    position: relative;
    overflow: hidden;
    line-height: 2.8;
    padding: 0 1.5em;
    color: inherit;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #222;
}
/*
.continue-reading-link::before {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	z-index: 3;
	height: 100%;
	width: 100%;
	content: "";
	background-color: rgba(0,0,0,.15);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
*/
.continue-reading-link:hover::before {
	top: 0;
	opacity: 0.2;
}

.continue-reading-link span {
	position: relative;
	z-index: 5;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	top: -1px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

i.icon-continue-reading {
	position: relative;
	z-index: 1;
	margin-left: 7px;
	font-size: .6em;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.continue-reading-link:hover i.icon-continue-reading {
}

/* ## BLOCKQUOTES */
.entry-content blockquote {
	display: table;
	float: none;
	clear: both;
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 2em 2em 2em 5em;
	font-style: italic;
	font-weight: 400;
}

.entry-content blockquote::before {
	position: absolute;
	top: 50%;
	left: .5em;
	z-index: 0;
	font-size: 2em;
	font-family: 'iconmeta';
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.main blockquote p {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
	# TEMPLATES
--------------------------------------------------------------*/

/* Template Contact */
.template-content {
	padding: 30px 0;
	margin: 20px 0 50px;
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.template-contact .template-left-col,
.template-contact .template-right-col {
	display: inline-block;
	float: left;
	/*width: 47%;*/
}

.template-contact .template-middle {
	display: block;
	overflow: hidden;
	margin: 50px auto;
}

.template-contact .template-left-col {
	/*margin-right: 6%;*/
}

.template-right-col-inside {
	/*padding: 40px;
	background: rgba(0,0,0,.05);*/
}

.template-right-col-inside > img {
	margin-bottom: 1em;
}

.template-contact address > span {
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
	margin: 10px 0;
}

.template-contact address > span i {
	display: inline-block;
	float: left;
	margin-right: 10px;
	min-width: 100px;
	font-size: 1em;
}

.template-contact .template-map-col {
	margin-bottom: 50px;
}

.template-about .template-content {
	margin: 50px 0 70px;
}

.template-about .template-team {
	margin-top: 50px;
}


/*--------------------------------------------------------------
	# CONDITIONALS
--------------------------------------------------------------*/
.single-post.kahuna-comhide-in-posts .nocomments {
	display: none;
}

.page.kahuna-comhide-in-pages .nocomments {
	display: none;
}

.kahuna-hide-page-title .page h1.entry-title,
.home.kahuna-hide-page-title .page h2.entry-title {
	display: none;
}

/*.single.kahuna-header-titles header > .entry-title,
.kahuna-header-titles header > .page-title,
.kahuna-header-titles header > .singular-title.entry-title {
	display: none;
}*/

.kahuna-header-titles-nodesc .page-header:not(.content-search) {
	display: none;
}

.kahuna-hide-cat-title .page-header {
	display: none;
}

.kahuna-metahide-mainmenu #site-header-main,
.kahuna-metahide-headerimg #header-image-main-inside,
.kahuna-metahide-breadcrumbs #breadcrumbs-container,
.kahuna-metahide-colophon #colophon,
.kahuna-metahide-footer #footer {
	display: none;
}

.kahuna-metahide-mainmenu #header-image-main {
	margin-top: 0;
}

/*--------------------------------------------------------------
	# FIXES
-------------------------------------------------------------- */

/* Safari fixed cover background images */
body.safari,
.safari #masthead .header-image,
.safari .lp-text {
    background-attachment: scroll;
	background-position: top center !important;
}

/* Edge shaky fixed cover background images */
@supports (-ms-ime-align:auto) {
	body, .lp-text {
		background-attachment: scroll !important;
		background-position: top center !important;
	}
}

/* IE 10-11 shaky fixed cover background images */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body, #masthead .header-image, .lp-text {
		background-attachment: scroll !important;
		background-position: top center !important;
	}
}

/* Shortcodes */
.panel-default > .panel-heading > .panel-title > a::before {
   font-family: "iconmeta";
   content: "\e814";
   right: 25px;
   font-size: 10px;
   opacity: 0.6;
}

/*--------------------------------------------------------------
	# RESPONSIVENESS
-------------------------------------------------------------- */
body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/
body.mobile .main {min-height:0;}
/*
@media (min-width: 1152px) {
	.admin-bar #site-header-main {
		margin-top: 32px;
	}
}
*/

@media (max-width: 1152px) {

	body {
		margin-top: 0; /* removed fixed header menu */
	}

	#container[class*="three-"] {
		display: block;
	}

	.cryout #container[class*="three-"] .main,
	.cryout #container[class*="three-"] #primary,
	.cryout #container[class*="three-"] #secondary {
		width: 100%;
		margin: 0 0 1.5em;
	}

	.cryout #container[class*="three-"] #primary,
	.cryout #container[class*="three-"] #secondary {
		padding-left: 2em;
		padding-right: 2em;
	}

	.cryout #container[class*="three-"] .sidey .widget-container {
		width: 47.5%;
		margin: 0 0 1.5em;
		float: left;
	}

	.cryout #container[class*="three-"] .sidey section.widget-container:nth-of-type(2n+1) {
		clear: both;
		margin-right: 5%;
	}

	#masthead.cryout #site-header-main {
		position: relative;
	}

	.kahuna-fixed-menu .cryout #header-image-main {
		margin-top: 0;
	}

	#breadcrumbs-container.cryout[class*="three-"] #breadcrumbs {
		width: 100%;
		margin: 0;
	}

}

@media (max-width: 1024px) {

	body {
		/*font-size: .95em;*/
	}

	#container {
		display: block;
	}

	.cryout #container[class*="two-"] .main {
		width: 100%;
		margin: 0 0 1.5em;
	}

	.cryout #container[class*="two-"] #primary,
	.cryout #container[class*="two-"] #secondary {
		width: 100%;
		margin: 0;
		padding-left: 2em;
		padding-right: 2em;
		float: none;
		clear: both;
	}

	.cryout #container[class*="two-"] #primary::after,
	.cryout #container[class*="two-"] #secondary::after {
		clear: both;
		content: "";
		display: block;
	}

	.cryout #container[class*="two-"] .sidey .widget-container,
	.cryout #colophon .widget-container	{
		width: 47.5%;
		margin-bottom: 1.5em;
		float: left;
		padding: 1em 0;
	}

	.cryout #container[class*="two-"] .sidey section.widget-container:nth-of-type(2n+1),
	.cryout #colophon .widget-container:nth-of-type(2n+1)	{
		clear: both;
		margin-right: 5%;
	}

	.kahuna-magazine-three .cryout #content-masonry article.hentry {
		width: 50%;
	}

	#breadcrumbs-container.cryout[class*="two-"] #breadcrumbs {
		width: 100%;
		margin: 0;
	}

	#header-page-title .entry-title {
	    max-width: none;
	}

	#header-page-title #breadcrumbs-container {
		position: static;
		float: left;
		clear: both;
		width: 100%;
		max-width: none;
		margin-top: 5px;
		-webkit-transform: none;
		transform: none;
	}

	#nav-fixed span,
	#nav-fixed a + a {
		display: none;
	}

	#nav-fixed i::before {
		font-size: 1em;
	}

	#nav-fixed i {
		height: 50px;
		width: 40px;
	}

}

/* special case where mobile menu is force-enabled on iOS mobile devices */
@media (min-width: 981px) {
	.mobile-ios .cryout #nav-toggle {
		display: block;
	}

	.mobile-ios #masthead.cryout #access {
		display: none;
	}

	.mobile-ios .cryout #sheader-container > * {
		margin-left: 0;
		margin-right: 2em;
	}
}

@media (max-width: 980px) {

	.kahuna-magazine-three .cryout #content-masonry article.hentry,
	.kahuna-magazine-two .cryout #content-masonry article.hentry {
		width: 100%;
	}

	#content-masonry article.hentry {
		margin-bottom: 0;
	}

	.post-thumbnail-container .featured-image-meta {
		left: 0;
		opacity: 0.75;
	}

	.cryout #site-title a span {
		padding-right: 0;
	}

	.cryout .footer-inside > div:last-child,
	.cryout .footer-inside .footermenu,
	.cryout .footer-inside #sfooter {
		display: table;
		float: none;
		text-align: center;
		margin: 1em auto;
		width: auto;
		max-width: 100%;
	}

	.cryout .footer-inside > div:first-child,
	.cryout .footer-inside #site-copyright {
		float: none !important;
		clear: both;
		max-width: 100%;
		text-align: center;
	}

	/*.footer-inside #toTop {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		display: block;
		margin: 0 auto;
	}*/

	.cryout .footer-inside nav {
		width: auto;
	}

	.cryout #nav-toggle {
		display: block;
		height: 90px;
		line-height:90px;
	}

	.cryout #site-header-main-inside {
		display: block;
	}

	.cryout #branding {
		margin-right: 3em;
	}

	#masthead.cryout #access {
		display: none;
	}

	.cryout #sheader-container > * {
		margin-left: 0;
		margin-right: 2em;
	}

	.footermenu ul li {
		float: none;
	}

	#sfooter {
		display: table;
		float: none;
		margin: 0 auto;
	}

}

@media (max-width: 782px) {
	body.admin-bar nav#mobile-menu {
		padding-top: calc(2em + 46px);
	}
	body.admin-bar #mobile-menu .menu-main-search,
	body.admin-bar nav#mobile-menu #nav-cancel {
		top: 46px;
	}
}

@media (min-width: 782px) {
	body.admin-bar nav#mobile-menu {
		padding-top: calc(2em + 32px);
	}
	body.admin-bar #mobile-menu .menu-main-search,
	body.admin-bar nav#mobile-menu #nav-cancel {
		top: 32px;
	}
}

@media (max-width: 640px) {

	body {
		font-size: .9em;
	}

	/* Left/right padding for content */
	/*#site-header-main-inside,
	#access .menu-search-animated .searchform input[type="search"],
	#breadcrumbs,
	#colophon-inside,
	.footer-inside,
	#header-page-title {
		padding-left: 1em;
		padding-right: 1em;
	}*/

	/*#container:not(.kahuna-landing-page) .main {
		padding-left: 1em;
		padding-right: 1em;
	}

	.cryout #container[class*=column] #primary,
	.cryout #container[class*=column] #secondary {
		padding-left: 1em;
		padding-right: 1em;
	}*/

	.cryout #container[class*="three-"] #primary,
	.cryout #container[class*="three-"] #secondary,
	.cryout #container[class*="three-"] .sidey .widget-container,
	.cryout #container[class*="two-"] .sidey .widget-container,
	.cryout #colophon .widget-container {
		width: 100%;
		margin: 0 0 1.5em 0;
		clear: both;
	}

	.cryout .sidey .widget-container {
		padding-left: 0;
		padding-right: 0;
	}

	.cryout #colophon .widget-container {
		padding: 2em 0 0;
	}

	.cryout #sheader-container {
		display: none;
	}

	.cryout .socials a {
		font-size: 1em;
		margin: 0 .1em;
	}

	#nav-fixed {
		display: none;
	}

	#content-masonry article.hentry {
		margin: 0;
	}
	.kahuna-magazine-one #content-masonry.info-list article.hentry {
		width: 100%;
	}
	.cryout #container[class*="two-"] #secondary {
		padding-right: 0;
		padding-left: 0;
	}
	.kahuna-magazine-one #content-masonry article.hentry {
		width: 100%;
	}
	#site-header-main {
		height: 90px !important;
	}
}

@media ( max-width: 480px ) {

	.footermenu ul li span.sep {
		display: none;
	}

	.footermenu ul li {
		display: block;
		float: none;
		text-align: center;
		margin: 0.5em auto;
	}

}

/* ## LP Responsiveness */
@media (max-width: 1140px) {

	.three-columns-right #breadcrumbs,
	.two-columns-right #breadcrumbs {
		padding-left: 0;
		padding-right: 0;
	}

	/*.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption,
	.kahuna-landing-page .lp-blocks-inside,
	.kahuna-landing-page .lp-boxes-inside,
	.kahuna-landing-page .lp-text-inside,
	.kahuna-landing-page .lp-posts-inside,
	.kahuna-landing-page .lp-page-inside,
	.kahuna-landing-page .lp-section-header,
	.kahuna-landing-page .content-widget,
	.kahuna-landing-page .lp-portfolio-inside */{
		padding-left: 2em;
		padding-right: 2em;
	}

	h3.lp-text-title {
		font-size: 1.5em;
	}

	.lp-text-content {
		font-size: 1em;
	}

}

@media (max-width: 960px) {

	.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption {
		font-size: 0.8em;
	}

	.lp-section-header .lp-section-title,
	.lp-section-header .lp-section-desc {
	    max-width: 100%;
	}

	.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(n) {
		width: 46%;
		margin: 2% auto;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-box,
	.lp-boxes.lp-boxes-rows-3 .lp-box {
		width: 50%;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box,
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box {
		width: 50%;
		margin-right: 0;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(2n) {
		margin-right: 0;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(4n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(3n+1),
	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n+1) {
		clear: none;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(2n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(2n+1),
	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(2n+1),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(2n+1) {
		clear: both;
	}

	.lp-portfolio.lp-portfolio-rows-6 .lp-port,
	.lp-portfolio.lp-portfolio-rows-5 .lp-port,
	.lp-portfolio.lp-portfolio-rows-4 .lp-port,
	.lp-portfolio.lp-portfolio-rows-3 .lp-port,
	.lp-portfolio.lp-portfolio-rows-2 .lp-port {
		width: 50%;
	}
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-of-type(3) {
		    border-left: 1px solid #dddddd;
	}
}

@media (max-width: 720px) {

	.lp-staticslider {
		max-height: 70vmax;
	}

	.lp-staticslider .lp-staticslider-image {
		max-height: 70vmax;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		max-width: none;
		width: auto;
	}

	.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption {
		font-size: 0.9em;
	}

	.lp-staticslider .staticslider-caption-title,
	.seriousslider.seriousslider-theme .seriousslider-caption-title  {
		letter-spacing: 0;
		font-size: 2em;
	}

	.lp-staticslider .staticslider-sep {
		height: 1px;
	}

	.lp-staticslider .staticslider-caption-text,
	.seriousslider.seriousslider-theme .seriousslider-caption-text  {
		line-height: 1.8;
	}

	.lp-text {
		display: block;
	}

	.lp-text .lp-text-image::before,
	.lp-text ~ .lp-text ~ .lp-text .lp-text-image::before,
	.lp-text ~ .lp-text ~ .lp-text ~ .lp-text ~ .lp-text .lp-text-image::before,
	.lp-text ~ .lp-text .lp-text-image::before,
	.lp-text ~ .lp-text ~ .lp-text ~ .lp-text .lp-text-image::before,
	.lp-text ~ .lp-text ~ .lp-text ~ .lp-text ~ .lp-text ~ .lp-text .lp-text-image::before {
		display: none;
	}

	.lp-text-image {
		float: none;
		width: 100%;
	}

	.lp-text-image::before {
		background: none;
		border: 0;
	}

	.lp-text-image + .lp-text-inside {
		position: relative;
		float: none;
		clear: both;
		width: 100%;
		padding-top: 2em;
		-webkit-transform: none;
		transform: none;
	}

	.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(n),
	.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(n) {
		width: 100%;
		max-width: 440px;
		margin: 4% auto;
		float: none;
		clear: both;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(n) {
		float: none;
		clear: both;
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
		box-shadow: 0 0 20px #CCC;
	}
	.lp-box-text {
		position: static;
	}
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box {
		    height: auto;
	}
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:first-of-type {
		    border-right: 1px solid #dddddd;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n),
	.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins[class*=lp-boxes] .lp-box:nth-child(n) {
		float: none;
		clear: both;
		width: 100%;
		max-width: 440px;
		margin: 0 auto 3em;
		box-shadow: 0 0 20px #CCC;
		margin-bottom: 0;
	}

}


@media (max-width: 640px) {

	/*.lp-staticslider .staticslider-caption,
	.seriousslider.seriousslider-theme .seriousslider-caption,
	.kahuna-landing-page .lp-blocks-inside,
	.kahuna-landing-page .lp-boxes-inside,
	.kahuna-landing-page .lp-text-inside,
	.kahuna-landing-page .lp-posts-inside,
	.kahuna-landing-page .lp-page-inside,
	.kahuna-landing-page .lp-section-header,
	.kahuna-landing-page .content-widget,
	.kahuna-landing-page .lp-portfolio-inside {
		padding-left: 1em;
		padding-right: 1em;
	}*/

	#cryout_ajax_more_trigger {
		width: 100%;
	}

}

@media (max-width: 480px) {

    .seriousslider.seriousslider-theme .seriousslider-caption {
        font-size: .7em;
    }

    .seriousslider.seriousslider-theme .seriousslider-caption-title {
        font-size: 2.2em;
    }

    .seriousslider.seriousslider-theme .seriousslider-caption-text {
        font-size: 1.22em;
    }
    #breadcrumb {
        display: none;
    }
    .entry-title {
        font-size: 22px !important;
    }

}


/*--------------------------------------------------------------
	# PRINT STYLES
-------------------------------------------------------------- */
@media print {

	h1, h2, h3, h4, h5, h6, img, video, iframe, embed, .fluid-width-video-wrapper {
		page-break-before: avoid;
		page-break-after: avoid;
	    page-break-inside: avoid;
	}

	blockquote, table, pre {
		page-break-inside: avoid;
	}

	ul, ol, dl  {
		page-break-before: avoid;
	}

 	q {
		quotes: none;
	}

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

	q::after {
		content: " (" attr(cite) ")";
	}

	blockquote {
		font-size: 12pt;
		font-style: italic;
	}

	img {
		border: 0;
	}

	.header-image,
	#header-page-title .entry-meta .bl_categ,
	header #access,
	.socials,
	.sidey,
	#colophon,
	#nav-fixed,
	footer#footer,
	span.edit-link,
	#respond,
	#nav-below,
	.comment-navigation,
	#author-link,
	#breadcrumbs-container,
	a.continue-reading-link,
	.comment .reply,
	#cryout_ajax_more_trigger,
	body .cryout #nav-toggle {
		display: none;
	}

	.header-image {
		height: 0 !important;
	}

	#header-page-title {
		position: relative;
		padding: 0;
	}

	#header-page-title-inside {
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0;
	}

	#container:not(.kahuna-landing-page) .main {
		padding-top: 0;
		padding-bottom: 0;
	}

	html,
	body {
		font-size: 11pt;
		line-height: 1.5;
		color: #000;
	}

	#masthead.cryout #site-header-main {
		position: static;
		margin-top: 0;
		height: auto;
		border: 0;
		box-shadow: none;
	}

	#masthead.cryout #branding {
		height: auto;
	}

	#masthead.cryout #site-text {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	#container #main {
		width: 100%;
		min-height: auto;
	}

	.cryout article.hentry .article-inner,
	.cryout .pad-container,
	.cryout #site-header-main-inside {
		padding: 0 !important;
	}

	.main article.hentry,
	.main .pad-container,
	.main .page-numbers:not(.dots) {
		border: 0 !important;
		box-shadow: none !important;
	}

	.main #content-masonry {
		height: auto !important;
		margin: 0;
	}

	.main #content-masonry article.hentry {
		display: block;
		float: none;
		margin: 0;
		clear: both;
		position: static !important;
		width: 100%;
		padding: 0;
		margin-bottom: 20pt;
	}

	.animated-article {
		opacity: 1 !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		        transform: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		        animation: none !important;
	}

	.cryout a {
		text-decoration: underline;
	}

	.cryout p a::after {
		content: " (" attr(href) ")";
		font-size: 80%;
		word-wrap: break-word;
	}

	.cryout .entry-title,
	.cryout #reply-title {
		font-size: 160%;
	}

	.lp-text {
		background: #FFF;
		color: #000;
	}

}

/* FIN! */