/*
Theme Name: Miso
Author: Michal Sloboda
Author URI: http://michalsloboda.com/
Description: Theme for Professional Artists
Version: 0.0.1
Tags: minimal, art, brutalist
*/

html,body,div,span,applet,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,center,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,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* ================================================
Layout
================================================ */

#container {
	padding: 0px 20px 20px 20px;
	clear: both;
}


/* ================================================
WP Image Align
================================================ */

p img {
	width: 100%;
	height: auto; 
}

img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

/* ================================================
Typography
================================================ */

body {
	font-family: "Helvetica", "Arial", sans-serif;
	color: black;
	font-size: 16px;
	line-height: 20px;
}

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1.entry-title {
}

h1.entry-title:after {
	content: ' ';
}

h1.entry-title + p {
}

hr {
	border: 0.5px solid black;
}

p {
	padding-bottom: 20px;
}

.entry-content {
	margin-right: 20px;
}

.prevnext a {
	margin-left: 20px;
}

.prevnext {
	display: inline-block;
	float: right;
	margin-top: 20px;
	margin-left: 20px;
}

.invisible {
	visibility: hidden;
}

/* ================================================
Header
================================================ */

header {
	padding: 20px;
}

#branding {
	display: inline-block;
	float: left;
}

#site-title a {
	display: block;
	padding-right: 20px;
	padding-bottom: 20px;
}

/* ================================================
Main Menu
================================================ */

#menu {
	font-size: 0;
	float: left;
}

#menu li {
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px;
}

#menu li a {
	padding-right: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

li.current-menu-item a {
	text-decoration: none;
}

img.menu-image {
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 10px;
}

.menu-image-title-hide {
	margin-right: -10px;
}

/* ================================================
Image Gallery
================================================ */

.gallery {
	text-align: left;
	margin-top: 0px !important;
	margin-right: -20px !important;
}


.gallery-item {
	text-align: left !important;
	margin-top: 0px !important;
	box-sizing: border-box;
	padding-bottom: 20px;
	padding-right: 20px;
}

.gallery-item + .gallery-item {
}

.gallery img {
	width: 100%;
	height: auto;
	border: 0px !important;
	margin-bottom: -5px;

}

.galler a {
}


.gallery-item {

}


/* ================================================
Page Gallery
================================================ */

.entry-content p {
	margin-right: 50%;
}

.entry-content hr {
	width: 50%;
	text-align: left;
	margin-left: 0px;
}

.entry-content {
	max-width: 1600px;
}

.entry-content img {
	height: auto;
}

.entry-content .gallery {
	width: 50%;
	float: right;
}

.entry-content .gallery-item {
	padding-right: 0px;
}

/* ================================================
Homepage
================================================ */

.home img {
	float: left;
	width: auto;
	margin-right: 20px;
	margin-bottom: 20px;

}

.home a > img {
	color: white !important;
}

.home img:hover {
}

/* ================================================
Mobile
================================================ */

/* For displaying single column on mobile */

@media only screen and (max-width: 800px) {
	.gallery-columns-3 .gallery-item, .gallery-columns-2 .gallery-item {
		width: 100% !important;
	}

	.gallery-columns-3 .gallery-item:nth-child(3n+1) {
		clear: none;
	}

	.gallery-columns-2 .gallery-item:nth-child(2n+1) {
		clear: none;
	}
	.home img {
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}

	img.alignright, img.alignleft {
		width: 100%;
		height: auto;
	}

	.entry-content .gallery {
		clear: both;
		width: 100%;
	}

	.gallery {
		margin-right: 0px !important;
	}

	.gallery-item {
		padding-right: 0px;
	}

	.entry-content {
		margin-right: 0px;
	}

	.entry-content p, .entry-content hr {
		margin-right: 0px;
	}
	.entry-content hr { 
		width: 100%;
	}
}