/*
	Theme Name: byhojen
	Author: byhojen
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/


/* global box-sizing */

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


/* html element 62.5% font-size for REM use */

html {
	font-size: 62.5%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #020202;
	font-weight: 400;
}


/* clear */

.clear:before,
.clear:after {
	content: ' ';
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

p {
	line-height: 1.5;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

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

a:hover {
	color: #444;
}

a:focus {
	outline: 0;
}

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


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/* wrapper */

.wrapper {
	max-width: 1100px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}


/* header */

.header {
	padding: 25px 0;
	border-bottom: 5px solid #404040;
}

.header .search {
	display: block;
	padding: 10px 40px 10px 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .3);
	position: relative;
	width: 260px;
	margin: .5em 0 .5em auto;
}

.header .search input {
	background: none;
	border: none;
	font-size: 12px;
	font-weight: 600;
}

.header .search .search-submit {
	border: none;
	background: #5fa63c;
	position: absolute;
	top: -1px;
	right: 0;
	bottom: -1px;
	padding: 0 10px;
	border-radius: 0 10px 10px 0;
}

.header-info>a {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(103, 103, 103, 1)), to(rgba(4, 4, 4, 1)));
	background: linear-gradient(to bottom, rgba(103, 103, 103, 1) 0%, rgba(4, 4, 4, 1) 100%);
	display: block;
	padding: 6px 10px;
	border-radius: 10px;
	text-align: center;
	font-weight: 800;
	font-size: 1.35em;
	max-width: 160px;
	margin-left: auto;
}

.mobmenul-container .left-menu-icon-text {
	line-height: 2 !important;
}


/* logo */

.logo {}

.logo-img {}


/* nav */

.nav {
	background: #d7d4cf;
}

.nav a {
	display: block;
	padding: 10px 20px;
}

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

.nav>ul {
	display: table;
	width: 100%;
	text-align: center;
}

.nav>ul>li {
	display: table-cell;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
}

.nav ul ul {
	display: none;
	text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #d7d4cf;
	z-index: 9;
}

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

.nav>ul>li>a {
	padding: 15px;
}

.nav li:hover>a,
.nav li.current_page_item>a {
	background: #5fa63c;
	color: #fff;
}


/* sidebar */

.sidebar {}


/* footer */

.footer {
	background: #5fa63c;
	color: #fff;
	text-transform: uppercase;
	font-size: .85em;
	text-align: center;
	padding: 15px 20px;
	letter-spacing: 1px;
	margin: 10px 0;
}

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


/*------------------------------------*\
    PAGES
\*------------------------------------*/

.main-groups {
	text-align: center;
	background-color: #5fa63c;
	color: #fff;
	margin: 10px 0;
	padding: 25px;
}

.main-groups .item {
	display: inline-block;
	width: 49%;
	padding: 10px 0;
}

.main-groups img {
	display: block;
	margin: 0 auto .5em;
}

.main-groups p {
	margin: 0;
}

.main-groups b {
	text-transform: uppercase;
}

.recent-posts {
	background: #e8e7e4;
	padding: 15px;
}

.recent-posts>article {
	display: inline-block;
	padding: 15px;
	vertical-align: top;
	width: 100%;
}

.recent-posts>article img {
	display: block;
	margin: auto;
	width: 100%;
}

.recent-posts>article h2 {
	font-size: 1em;
	margin-bottom: .25em;
}

.date {
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 1px;
	font-weight: 600;
}

.recent-posts>article .content {
	font-size: .9em;
}

.view-article {
	display: block;
	text-align: center;
	margin: 1em auto 0;
	font-style: italic;
	color: #fff;
	background: #5fa63c;
	max-width: 115px;
	padding: 5px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.view-article:hover {
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
}

.thumbnail>img {
	display: block;
	margin: auto;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

@media only screen and (min-width:480px) {
	.recent-posts>article {
		width: calc(50% - 3px);
	}
}

@media only screen and (min-width:768px) {
	.header {
		display: table;
		width: 100%;
	}
	.header>div {
		display: table-cell;
		vertical-align: middle;
	}
	.header .search {
		margin: 0;
	}
	.main-groups {
		background-image: url(img/group-bg.png);
		background-position: center;
		background-size: cover;
	}
	.main-groups .item {
		width: 24%;
		padding: 25px;
	}
	.main-groups .item b {
		font-size: 1.1em;
	}
}

@media only screen and (min-width:1024px) {
	.recent-posts>article {
		width: calc(25% - 4px);
	}
	.footer ul li {
		display: inline-block;
		padding: 0 10px;
		line-height: 1;
	}
	.footer ul li:not(:last-child) {
		border-right: 1px solid;
	}
}

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

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #04A4CC;
	color: #FFF;
	text-shadow: none;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

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

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}