/*
Theme Name: Lemesos

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

Description: Make your online experience more simple, clear, and to the point. Lemesos is a simple yet smart grid theme. Suitable for both blogging, news or business. Posts are shown as cards, with mouseover zooming featured images. Including a blank page template, suitable for creating landing pages with blocks. 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. Classic web-safe fonts, Georgia and Helvetica. Dark mode by preffered choice on your device or browser.

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

Author: Robert Toth
Author URI: https://toth-illustration.com/
Version: 2.0.7
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;
}

/*ADMINBAR*/

html[lang]{
  margin-top: 0 !important
}

#wpadminbar {
  position: sticky
}


/*DARK MODE*/

@media (prefers-color-scheme: dark) {
  body {
    filter: invert(100%) hue-rotate(180deg);
  }
	
	html {
    background-color: #000;
  }
	
	img, video, iframe {
    	filter: invert(100%) hue-rotate(180deg) brightness(1.2);
  }
	
	#wpadminbar {
  		filter: invert(100%) hue-rotate(180deg);
	}
}

/*RESPONSIVE ELEMENTS*/

@media screen and (max-width: 800px){ 
	
	body{
		overflow-wrap: break-word;
		hyphens: auto;
	}
	
	.alignleft,
	.alignright,
	.aligncenter,
	.alignnone{
		display:block;
		clear: both;
		margin:0 !important;
		padding:0 !important;
	}
	
	#wrapper,
	#content,
	#content-columns,
	#sidebar,
	#sidebar2,
	#footer{
		width:100%;
	}
	
	#header{
		padding:0 20px;
	}
	
	.nav{
		float:left;
	}
	
	#cat-description,
	.single .post-title,
	.page .post-title{
		padding:0 20px;
		margin:0;
	}
	
	.blog .post-title,
	.archive .post-title,
	.search .post-title{
		padding:10px 20px 0 20px;
	}
	
	.post{
		margin:10px 20px 10px 20px !important;
	}

	.comments-template,
	#footer .widget,
	#sidebar .widget,
	#sidebar2 .widget{
		padding:20px !important;
		margin:0 !important;
	}

}

@media screen and (min-width: 801px){
	
	#wrapper{
		max-width:1346px;
		padding:0 20px;
	}
	
	#header{
		max-width:1306px;
		padding:0 40px;
	}
	
	#header-text{
		width:30%;
		float:left;
	}
	
	#menu-wrapper{
		width:70%;
		float:left;
	}

	.nav{
		float:right;
	}

	#cat-description h1,
	.single .post-title h1,
	.page .post-title h1{
		font-size:50px;
	}
	
	#cat-description,
	.post-title{
		padding:10px 20px;
	}

	#content{
		width:70%;
	}
	
	#sidebar,
	#sidebar2{
		width:30%;
	}
	
	#sidebar .widget,
	#sidebar2 .widget{
		padding: 0 20px 20px 40px !important;
	}
	
	#content-columns{
		padding:10px 0;
	  	-webkit-column-count: 3;
     	-moz-column-count: 3;
          column-count: 3;
	}
	
	.featured{
  		overflow: hidden;
	}

	.featured img{
		height:435px;
		height:435px;
		object-fit:cover;
		object-position: 0 0;
	}
	
	/*ZOOM IMAGES*/

	.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);
	}

	.blog .post,
	.archive .post,
	.search .post,
	.search .page{
		margin:10px 0 0 0 !important;
	}
	
	.navigation-item{
		display:inline;
	}
	
	.comments-template{
		padding: 10px 20px;
	}

	#footer .widget{
		width:21%;
		padding:30px 2% 20px 2%;
	}
	
	/*IMAGE ALIGNMENT*/
	
	.alignleft{
		display: inline;
		float: left;
		margin-right: 16px !important;
	}

	.alignright{
		display: inline;
		float: right;
		margin-left: 16px !important;
	}

	.aligncenter{
		clear: both;
		display: block;
		margin: 0 auto !important;
	}
	
	.alignnone{
		clear: both;
		display: block;
		margin: 0 !important;
		padding:0 !important;
	}
	
}

/* RESPONSIVE images & media */

#logo img,
#banner img,
#footer img,
.widget img,
.comment img,
.post 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;
}

/*IMAGES*/

img{
	display:block;
}

a img{
	border: 0;
}

img.alignleft,
img.aligncenter,
img.alignright {
	margin:0;
	padding:0;
	border: none;
}

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

.wp-caption img {
    max-width: 99.03225806% !important;
    height: auto;
	padding-top:16px;
}

.wp-caption-text {
	position:relative;
	line-height:110%;
	font-style:italic;
	padding:0.4em 0 0.4em 0;
	font-size:14px;
}


/* BLOCK GALLERY */

.wp-block-gallery{
	display:block;
	width:100%;
	max-width:960px;
}

.wp-block-gallery ul{
	margin:0 !important;
	padding:0 !important;
}

.blocks-gallery-item{
	display: inline-block;
	float:left;
}

/*GALLERY*/

.gallery {
	display:table;
	width:100%;
	margin: 20px auto;
	clear:both;
}

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

.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%;
}

.gallery-caption {
	border:none;
	font-size:14px;
	max-width:150px;
	margin:0.4em 0 0 0;
	padding:0;
	text-align: center;
	font-style:italic;
}

/*BASIC*/

body{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	line-height:170%;
	color: #666;
	font-weight:normal;
	background:#F3F3F3;
}

#wrapper{
	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;
	max-width:800px;
	font-family: Georgia, serif;
}

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

#header-wrapper{
	display:block;
	clear:both;
	width:100%;
}

#header{
	display:block;
	clear:both;
	margin:0 auto;
	padding-top:10px;
}

.single #header,
.page #header,
.archive #header{
	border-bottom:1px solid #DDD;
}


/*SITE TITLE*/

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

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

.site-title{
	display:inline;
}

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

#logo{
	max-width:400px;
	display:inline;
}

#logo img{
	padding:20px 0;
}

/*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: 10px 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:30px;
}

h2,
h5{
	font-size:25px;
}

h3,
h6{
	font-size:20px;
}



/*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:0 20px 10px 0;
	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 #eee;
	
}

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

.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 #eee;
}

.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;
}

.nav img{
	margin-top:50%;
}

/*POST TITLE*/

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


/*POST*/

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

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

/*
body.single,
body.page{
	background:#FFF !important;
}
*/

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

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

/*
 
#content-broad .entry,
#content-broad .post-title{
	max-width:800px;
	margin:0 auto;
}

#content-broad .post-title{
	text-align:center;
}

#content-broad .post{
	padding:10px 20px;
}

*/

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

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

/*ENTRY*/

.entry{
	display:block;
	padding:20px;
	overflow:hidden;
	font-family: Georgia, serif;
}

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

.entry ul{
	display:table;
	margin-left:20px;
	padding:10px 0 15px 0;
}

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

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

.entry ul ul li,
.entry-columns ul ul li{
	list-style-type: disc;
	margin: 0 0 0 20px !important;
}

.entry ol{
	display:table;
	margin-left:20px;
	padding:10px 0 15px 0;
}

.entry ol li,
.entry-columns ol li{
	list-style: decimal;
	margin: 0 0 5px 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:#666;
	text-decoration: none; 
}

blockquote{
	display:table;
	margin: 10px 0;
	padding-left:15px;
	font-style:italic;
	font-size:20px;
}

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 #CCC;
	border-bottom:1px solid #CCC;
}

pre{
	padding:20px; 
	letter-spacing:normal;
	color: #666;
  	overflow: auto;
    background:#f7f7f7;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
 	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:20px;
}

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

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

/*FORMATS*/

.sticky{
	border-top: 7px solid #222 !important;
}

/*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:1326px;
	padding:20px;
}

#banner .widget{
	width:100%;
	display:block;
	clear:both;
	padding-bottom:20px;
}

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

.widget{
	display:block;
}

.widget a{
	font-weight:bold;
}

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

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

fieldset {
	border:none;
	padding-left:30px;
}

legend {
	font-weight:bold;
	padding-top:20px;
}

/*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 #CCC;
}

input{
	padding:10px;
	margin:0 0 10px 0;
	line-height:100%;
}

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

select{
	font-size: 100%;
	overflow: auto;
	background:#FFF;
	color:#666;
	border:1px solid #CCC;
	padding:10px;
}

#searchform input{
    font-size:100%;
	background:#FFF;
	margin:0px 0px 10px 0px;
	padding:10px;
	max-width:400px;
	color:#AAA;
}

#searchsubmit {
    display: none !important;
}

button,
input[type="submit"],
input[type="reset"],
input[type=file]::file-selector-button{
	display:inline-block;
	font-size: 100%;
	color: #FFF;
	background: #07A;
	padding: 10px 30px;
	margin:10px 10px 10px 0;
	border: none;
	font-weight: normal;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type=file]::file-selector-button:hover{
	background:#29C;
}

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

input[type="file"]{
	color: #666;
	background: none;
	padding:0 10px;
	margin:10px 0;
	width:80%;
	max-width:300px;
}

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

input[type="radio"],
input[type="checkbox"] {
	display:inline-block;
	margin-right:20px !important;
}


/*TABLE*/

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

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

table tr{

}

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


/*LINE*/

hr{
	height:1px;
	background:#CCC;
	border:0;
	margin:10px 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{
	overflow-wrap: break-word;
	hyphens: auto;
}

.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 #CCC;
	padding-top:5px;
}

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

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

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

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

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

li.bypostauthor {
	background-color: #f3f3f3;
}

/*FOOTER*/


#footer{
	display: block;
	max-width:1366px;
	margin:0 auto;
	clear:both;
}
.blog #footer,
.single #footer,
.archive #footer,
.search #footer{
	border-top:1px solid #DDD;
}

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

#credits{
	font-size:14px;
	clear: both;
	text-align:center;
	padding:20px;
	border-top:1px solid #DDD;
}

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

.clear{
	clear:both;
}