/*
Theme Name: Lemesos

Theme URI: https://toth-illustration.com/lemesos/

Description: Lemesos is a smart grid theme, with a blank page template, suitable for building landing pages with blocks. The posts are shown as cards, with mouseover zooming featured images. Also with a large banner widget, which can be used to make a long scrolling site. Responsive, liquid layout for all kind of devices. Including post formats, custom-logo, widget areas in header, sidebar and footer.

Lemesos WordPress theme, Copyright (C) 2020 Robert Toth
Lemesos WordPress theme is licensed under the GPL.
Resource Graphics: screenshot.png, Copyright (C) 2020 Robert Toth.

Author: Robert Toth
Author URI: https://toth-illustration.com/
Version: 1.9.2
Requires at least: 4.5
Tested up to: 5.4
Requires PHP: 5.6
Copyright: Robert Toth, https://toth-illustration.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Resource All graphic objects, example: screenshot.png
Tags: grid-layout, custom-logo, custom-background, custom-menu, sticky-post, post-formats, right-sidebar, threaded-comments, footer-widgets
Text Domain: lemesos
Domain Path: /languages

This theme, like WordPress, is licensed under the GPL.
Use it to make something creative, have fun, and share what you've learned with others.

*/

/*-----LEMESOS, WORD PRESS STYLESHEET------*/

/*RESET*/

html, 
body, 
ol,
ul, 
li{
	margin:0;
    padding:0;
	border:0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;
}

/*RESPONSIVE ELEMENTS*/

@media screen and (max-width: 800px){ 
	
	#header{
		padding:10px 20px 0 20px;
	}

	#logo img{
		max-width:200px;
		height:auto;
		margin:0 auto;
	}
	
	.nav{
		float:left;
	}

	.single h1,
	.page h1,
	.blog h1{
		font-size:160%;
	}
	
	#content-columns{
		padding:0 10px;
	  	-webkit-column-count: 1;
     	-moz-column-count: 1;
          column-count: 1;
	}
	
	.post-title,
	.search .post-title{
		padding:10px 10px 0 10px;
	}
	
	.page .post-title,
	.single .post-title{
		padding:10px 20px 0 20px;
	}
	
	.entry{
		margin:10px 10px 0 10px;
	}
	
	.single .post,
	.page .post{
		margin:0 10px;
	}

	#sidebar,
	#sidebar2{
		padding:20px;
	}
	
	#footer .widget{
		max-width:92%;
		padding:20px 4%;
	}
	
	.comments-template{
		padding: 10px 20px;
	}
}

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

	#header-text{
		width:30%;
		float:left;
	}
	
	#menu-wrapper{
		width:70%;
		float:left;
	}
	
	#header{
		padding:10px 40px 0 40px;
	}

	.nav{
		float:right;
	}

	#logo img{
		max-width:200px;
		height:auto;
		padding:10px 0;
	}

	.single .post-title h1,
	.page .post-title h1{
		font-size:300%;
	}

	#content{
		width:70%;
	}
	
	#sidebar,
	#sidebar2{
		width:30%;
	}
	
	.comments-template{
		padding:10px 40px;
	}

	#footer .widget{
		width:19%;
		padding:20px 3%;
	}
	
	#content-columns{
		padding:10px 20px;
	  	-webkit-column-count: 3;
     	-moz-column-count: 3;
          column-count: 3;
	}
	
	.post-title,
	.search .post-title{
		padding:10px 20px 0 20px;
	}
	
	.page .post-title,
	.single .post-title{
		padding:10px 40px;
	}
	
	.single .post,
	.page .post{
		margin:0 20px;
	}
	
	.entry{
		margin:10px 20px 0 20px;
	}

	.widget .alignleft,
	.single .alignleft,
	.page .alignleft{
		float: left;
		margin: 0 1em 0 0 !important;	
	}

	.widget .alignright,
	.single .alignright,
	.page .alignright{
		float: right;
		margin: 0 0 0 1em !important;
	}

	.widget .aligncenter,
	.single .aligncenter,
	.page .aligncenter{
		clear: both;
		display: block;
		margin: 0 auto !important;
	}
}

/* RESPONSIVE images & media */

#banner img,
#footer img,
.widget img,
.comment img,
.post img,
.entry img{
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
	height: auto;
}

/*ZOOM IMAGES*/

.featured{
  overflow: hidden;
  width: 100%;
  height: auto;
}

.featured a img {
  -webkit-transition: -webkit-transform 3s ease;
  -moz-transition: -moz-transform 3s ease;
  -o-transition: -o-transform 3s ease;
  transition: transform 3s ease;
}
.featured a img:hover {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

/*IMAGES*/

img{
	display:block;
}

a img{
	border:0;
}

img.alignleft, 
img.aligncenter, 
img.alignright {
	padding-bottom: 1em;
	margin:0;
	border: none;
}

.aligncenter,
.alignright,
.alignleft,
.alignnone{
	display: block;
	border:0;
	margin:0;
}

/*IMAGES CAPTION*/

.wp-caption {
    	width:100%;
		margin:0;
		padding:0;
}

.wp-caption.alignnone,
.archive .wp-caption,
.blog .wp-caption{
    	width: 100% !important;
}

.wp-caption img {
    	max-width: 99.03225806%;
    	height: auto;
		margin-top:1em;
}

.wp-caption-text {
	min-width:150px;
	font-size:90%;
	font-style:italic;
	position:relative;
	padding:0.5em 0;
	margin:0;
}

/*GALLERY*/

.gallery-caption {
	font-size:15px;
	text-align: left;
	font-style:italic;
}

.gallery a img{
	border: 1px solid #E9E9E9 !important;
}


.gallery {
	margin-bottom: 2em;
}

.gallery-item {
	display: inline-block;
	vertical-align: top;
	float:left;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	margin:1% 1% 0 1%;
}

.gallery-columns-3 .gallery-item {
	max-width: 31%;
	margin:1% 1% 0 1%;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	margin:1% 1% 0 1%;
}

.gallery-columns-5 .gallery-item {
	max-width: 18%;
	margin:1% 1% 0 1%;
}

.gallery-columns-6 .gallery-item {
	max-width: 14%;
	margin:1% 1% 0 1%;
}

.gallery-columns-7 .gallery-item {
	max-width: 12%;
	margin:1% 1% 0 1%;
}

.gallery-columns-8 .gallery-item {
	max-width: 10%;
	margin:1% 1% 0 1%;
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	margin:1% 1% 0 1%;
}

/*BASIC*/

body{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	line-height:170%;
	color: #666;
	font-weight:normal;
	background:#f7f7f7;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	-ms-hyphens: manual;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	hyphens: manual;
}

#wrapper{
	max-width:1366px;
	display:block;
	position:relative;
	margin: 0 auto;
}

#blank-wrapper{
	max-width:94%;
	padding:3%;
	display:block;
}

/*CONTENT*/

#content{
	float:left;
}

#content-columns,
#content-broad{
	display:block;
	margin:0 auto;
	min-height:300px;
}

#content-columns{
	display:block;
	clear:both;
	column-gap: 20px; 
	-webkit-column-gap: 20px;
  	-moz-column-gap: 20px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

#content-broad{
	max-width:1366px;
}

#cat-description{
	display:block;
	padding:10px 30px;
}

.searchbox{
	display:block;
	margin:10px 20px;
}

#header{
	display:block;
	clear:both;
	max-width:1326px;
	margin:0 auto;
	border-bottom:1px solid #DDD;
}

/*SITE TITLE*/

#header-text{
	display:block;
	color:#999;
}

#header-text a{
	color:#333;
}

.site-title{
	display:inline;
}

.site-description{
	display:inline;
	padding-left:0.3em;
}

/*LINKS*/

a:link,
a:visited{
	color:#0077AA;
	text-decoration:none;
}

a:active,
a:hover{
	color:#2299CC;
	text-decoration:none;
}

/*HEADINGS*/
 
h1,
h2,
h3,
h4,
h5,
h6{
	line-height:120%;
	margin: 0;
	padding: 0 0 0.3em 0;
	color:#333;
	font-weight:bold;
}

h1,
h2,
h3{
	font-family: Helvetica, sans-serif;
}

h4,
h5,
h6{
	font-family: Georgia, serif;
}

h1 a,
h1 a:hover,
h1 a:visited,
h2 a,
h2 a:hover,
h2 a:visited,
h3 a,
h3 a:hover,
h3 a:visited,
h4 a,
h4 a:hover,
h4 a:visited,
h5 a,
h5 a:hover,
h5 a:visited,
h6 a,
h6 a:hover,
h6 a:visited{
	color:#333 !important;
	text-decoration:none;
	font-weight:bold;
}


h1,
h4{
	font-size:180%;
}

h2,
h5{
	font-size:160%;
}

h3,
h6{
	font-size:130%;
}



/*MENU*/

#menu-wrapper{
	display:block;
	position:relative;
}

.nav{
	display:block;
	position:relative;
}

.nav li{
	float:left;
	position:relative;
}

.nav a,
.nav a:visited{
	display:block;
	text-decoration:none;
    margin-right:20px;
	color:#999;
}

.nav a:hover,
.nav a:active{
	color:#333;
}


#header .nav .current-menu-item a {
	color:#333;
}

.nav ul ul{
	display:none;
    position:absolute;
    top:100%;
    float:left;
	text-align:left;
    z-index:99999;
	background: #FFF;
	border:1px solid #DDD;
}

.nav ul ul a{
	height:auto;
	padding:10px 15px;
	margin:0;
	width:200px;
	border-bottom:1px solid #FFF !important;
}

.nav ul ul a:hover{
}

.nav ul ul ul{
	display:none;
    position:absolute;
    left:100%;
	top:-1px;
	text-align:left;
    z-index:99999;
	background: #FFF;
	border:1px solid #DDD;
}

.nav ul ul ul a{
	height:auto;
	padding:10px 15px;
	margin:0;
	width:200px;
}

.nav ul ul ul a:hover{
}

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

/*POST*/

.post-title{
	max-width:1326px;
	display:block;
	clear: both;
}

.single .post-title h1{
	line-height:110%;
}

.post{
	overflow:hidden;
	display:inline-block;
	background:#FFF !important;
	border:1px solid #E7E7E7;
}

.blank-post{
	overflow:hidden;
	display:inline-block;
}

.blog .post,
.archive .post{
	margin-top:10px;
}

.search .post,
.search .page{
	margin:10px 20px 0 20px;
}

.search .page{
	margin:10px 20px 0 20px;
	background:#FFF;
	border:1px solid #DDD;
}

.single .post,
.page .post{
	display:block;
}

.post-broad{
	width: 96%;
	padding: 2%;
	float: left;
	overflow: hidden;
}

.error404 .post{
	padding:0 20px;
	min-height: 400px;
	border:0 !important;
	background: none !important;
}

/*BREAK WORD*/

.entry{
	clear:both;
	display:block;
	overflow:hidden;
	font-family: Georgia, serif;
}

.single .entry,
.page .entry{
	font-size:18px;
	line-height:180%;
}

.entry ul{
	display:table;
	padding:15px 0px 15px 15px;
}

.entry ul a{
	font-weight:bold;
}

.entry ul li,
.entry-columns ul li{
	list-style-type: square;
	margin: 5px 0 5px 20px;
}

.entry ul ul li,
.entry-columns ul ul li{
	list-style-type: circle;
	margin-left:20px;
}

.entry ol li,
.entry-columns ol li{
	list-style: decimal;
	margin: 15px 0 15px 20px;
}


/*METADATA*/


.metadata,
.metadata2{
	color:#AAA;
	display:inline;
	font-size:15px;
}

.metadata{
	text-transform:uppercase;
}

.metadata2{
	font-style:italic;
	font-weight:normal;
}

.metadata a, 
.metadata a:visited,
.metadata2 a,
.metadata2 a:visited{
	display:inline-block;
	color:#AAA;
	text-decoration: none; 
	padding-right:7px;
}
 
.metadata a:hover,
.metadata2 a:hover{
	color:#0098dc;
	text-decoration: none; 
}

.sticky{

}

blockquote{
	display:table;
	color:#333;
	margin: 1em 0;
	padding-left:1em;
	font-style:italic;
}

blockquote:before{ 
	font-size:600%;
	color:#333;
	display: block; 
	float:left;
	position:relative;
	font-style:normal !important;
	margin:0.5em 0.2em 0 0;
	content: "\201C";
	/*content: "\201D";*/
	} 

address{
	display: table;
	font-style:normal;
	margin:10px 0;
	padding:20px;
    background:#f7f7f7;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

pre{
	padding:20px; 
	letter-spacing:normal;
	color: #666;
  	overflow: auto;
    background:#f7f7f7;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.pagenumber{
	max-width:500px;
	clear:both;
}

.pagenumber a{
	padding:10px 15px;
	margin:0 7px;
	color:#FFF;
	background:#333;
}

.pagenumber a:hover{
	background:#999;
}

/*POST NAVIGATION*/

.navigation{
    clear:both;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:10px 20px;
}

.navigation a,
.navigation a:visited{
	color:#333;
	font-weight:bold;
}

.navigation a:hover{
	color:#0077AA;
}

/*FORMATS*/

/*orange*/
.format-aside{
	border-top: 7px solid #F79520 !important;
}

/*red*/
.format-chat{
	border-top: 7px solid #EC2127 !important;
}

/*green*/
.format-audio{
	border-top: 7px solid #11B14B !important;
}

/*black*/
.format-video{
	border-top: 7px solid #333 !important;
}

/*blue*/
.format-link{
	border-top: 7px solid #0083ca !important;
}

/*light grey*/
.format-image{
	border-top: 7px solid #DDD !important;
}

/*deep orange*/
.format-quote{
	border-top:7px solid #f15a24 !important;
}

/*light grey*/
.format-gallery{
	border-top: 7px solid #DDD !important;
}

/*purple*/
.format-status{
	border-top: 7px solid #93278F !important;
}

/*SIDEBAR & BANNER*/

#banner {
	display:block;
	clear:both;
	max-width:1326;
	padding:0 20px 20px 20px;
}

#banner .widget{
	width:100%;
	display:block;
	clear:both;
}

.widget h2{
	font-size:130%;
	padding:0 0 10px 0;
}

.widget a{
	font-weight:bold;
}

#sidebar,
#sidebar2{
	float:left;
	position:relative;
}

#sidebar a,
#sidebar2 a{
	font-weight:bold;
}

#sidebar .widget,
#sidebar2 .widget{
	margin:0 0 20px 0;
}

fieldset {
	border:1px solid #DDD;
	padding:10px;
	margin:10px 0;
}

legend {
	font-weight:bold;
}

/*CALENDAR*/

.widget_calendar a{
	font-weight:bold;
	color:#333;
}

.widget_calendar{
	color:#AAA;
}

#wp-calendar caption,
#wp-calendar thead th{
	color:#333;
}


/*BUTTONS & FORMS*/

input,
textarea{
	font-family: Helvetica, sans-serif;
	display:block;
	font-size: 100%;
	overflow: auto;
	color:#AAA;
	background: #FFF;
	border:1px solid #DDD;
}

input{
	height:2em;
	padding:0 10px;
	margin:0 0 10px 0;
}

textarea{
	width:90%;
	padding:10px;
}

button,
.button,
textarea,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="password"],
input[type="name"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
input[type="email"],
input[type="file"]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	 border-radius: 0;
	-webkit-border-radius: 0; 
  	-moz-border-radius: 0;
	box-shadow: none;
}

select{
	font-size: 100%;
	overflow: auto;
	background:#FFF;
	color:#666;
	padding: 0 5px;
	height:2.4em;
	border:1px solid #DDD;
}

#searchform input{
    font-size:100%;
	background:#FFF;
	margin:0px 0px 10px 0px;
	padding:3px 2%;
	width:95%;
	max-width:500px;
	color:#AAA;
	height:2em;
}


#searchsubmit {
    display: none !important;
}

input[type="submit"],
input[type="reset"]{
	font-size: 100%;
	color: #FFF;
	background: #0077AA;
	margin: 0.5em 0;
	padding: 0em 2em;
	border: none;
	font-weight: normal;
	height:2.5em;
}

input[type="file"]{
	color: #666;
	background: none;
	padding:0;
	margin:0.5em 0;
	border:0;
	line-height:100%;
}

input[type="file"]:hover,
input[type="file"]:active{
	color: #07A;
}

input[type="reset"]{
	display:inline-block;
}

input[type="submit"]:hover,
input[type="reset"]:hover{
	background:#2299CC;
}

input[type="submit"]:active,
input[type="reset"]:active{
	background:#333;
}

input[type="image"] {
	background-color: transparent;
	border: 0 none;
}

/*TABLE*/

table{
	text-align:left;
	border:none;
	border-collapse:collapse;
}

table th{
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #DDD;
}

table tr{

}

table td{
	font-weight:normal;
	padding:5px;
	border-bottom:1px solid #DDD;
}


/*LINE*/

hr{
	height:1px;
	background:#DDD;
	border:0;
	margin:1em 0;
}

/* SCREEN READERS*/

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

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

/*COMMENTS*/

#comments{
}

.comments-template{
	clear:both;
	line-height:150%;
}

.commentlist .vcard img.avatar {
	float:left;
	padding:0 10px 0 0;
}

.commentlist{
	margin-top:30px;
}

.commentlist .reply {
	border-top: 1px solid #DDD;
	padding-top:5px;
}

ol.commentlist li{
	margin:0;
	padding:10px 0;
	overflow:hidden;
}

ol.commentlist li.comment{ 
	clear:both;
}

ol.commentlist li.odd{ 
}

ol.commentlist li.even{ 
}

.commentlist li.bypostauthor{
}

ol.commentlist .pingback,
ol.commentlist .trackback {
	padding:10px;
}

ol.commentlist li.comment ul li{ 
	list-style:square;
	margin-left:20px;
}

ol.commentlist li.comment ol li{ 
	list-style:decimal;
	margin-left:20px;
}

/*FOOTER*/


#footer{
	display: block;
	max-width:1366px;
	margin:0 auto;
	clear:both;
	border-top:1px solid #DDD;
}

#footer .widget{
	float:left;
	display: block;
}

#credits{
	font-size:90%;
	clear: both;
	text-align:center;
	margin:10px 0 20px 0;
}

.cards{
	float:left;
	display:table;
	max-width:29%;
	margin:2%;
}

.clear{
	clear:both;
}