/*
Theme Name: Lemesos

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

Description: Lemesos is a smart, light, and simple to use theme for a great online presence. It’s a grid theme, and 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. It's a multipurpose theme, including a wide page template suitable for design with Gutenberg blocks. Including post formats, custom-logo, widget areas under header, sidebar and footer.f.nav


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

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

/*FONTS*/

@font-face{
	font-family: "Lato";
	src: url("fonts/Lato/Lato-Regular.ttf") format('truetype');
	font-style: normal;
}

@font-face{
	font-family: "Lato";
	src: url("fonts/Lato/Lato-Italic.ttf") format('truetype');
	 font-style: italic;
}

@font-face{
	font-family: "Lato";
	src: url("fonts/Lato/Lato-Bold.ttf") format('truetype');
	font-weight: bold;
}

@font-face{
	font-family: "Lato";
	src: url("fonts/Lato/Lato-BoldItalic.ttf") format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face{
	font-family: "Lato";
	src: url("fonts/Lato/Lato-Heavy.ttf") format('truetype');
	font-weight: 800;
}




/*RESPONSIVE ELEMENTS*/

@media screen and (max-width: 800px){ 


	#logo{
		padding:0 15px;
	}
	
	.post{
		display:block;
		margin:10px 10px 0 10px !important;
	}

	.page #wrapper,
	.single #wrapper{
		margin:10px !important;
		padding-top:20px;
	}

	#content,
	#sidebar,
	#sidebar2{
		width:100%;
	}

	.single h1,
	.page h1,
	.blog h1{
		font-size:26px;
	}
	
	.post-title{
		padding:0 30px;
	}
	
	.home h2,
	.blog h2,
	.archive h2{
		font-size:26px;
	}

	#comments{
		padding:10px;
	}

	#footer .widget{
		padding:10px 30px;
	}
}


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

	.single h1,
	.page h1{
		font-size:300%;
	}
	
	.page #wrapper,
	.single #wrapper{
		margin:10px !important;
		padding-top:20px;
	}

	#content{
		width:70%;
	}
	
	#sidebar,
	#sidebar2{
		width:30%;
	}
	
	#comments{
		padding:10px 20px;
	}

	#footer .widget{
		width:27%;
		padding:20px 3%;
	}

	.post-title{
		padding:0 20px;
	}

	.home .post,
	.blog .post,
	.archive .post{
		width:44%;
		padding:20px 2% 0 2%;
		margin:20px 1% 0 1%;
		float:left;
		height:600px;
	}
	
	.page .post{
		min-height:500px;
		width:100%;
		/*background:none !important;*/
		margin-bottom: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;
	}
	
}


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


	.page #wrapper,
	.single #wrapper{
		margin-top:20px;
		padding-top:20px;
	}
	
	.single h1,
	.page h1{
		font-size:400%;
	}

	#content{
		width:70%;
	}
	
	#comments{
		padding:10px 20px;
	}

	#footer .widget{
		width:27%;
		padding:20px 3%;
	}

	#sidebar,
	#sidebar2{
		width:30%;
		margin-top:45px;
	}
	
	.home .post:nth-child(1),
	.blog .post:nth-child(1),
	.archive .post:nth-child(1),
	.home .post:nth-child(2),
	.blog .post:nth-child(2),
	.archive .post:nth-child(2){
		width:44%;
		height:550px;
		margin:20px 1%;
		padding:25px 2%;
		float:left;
	}
	
	.home .post:nth-child(1) .featured,
	.blog .post:nth-child(1) .featured,
	.archive .post:nth-child(1) .featured,
	.home .post:nth-child(2) .featured,
	.blog .post:nth-child(2) .featured,
	.archive .post:nth-child(2) .featured{
		height:300px !important;
	}
	
	
	.home .post:nth-child(n+3):nth-child(-n+5),
	.blog .post:nth-child(n+3):nth-child(-n+5),
	.archive .post:nth-child(n+3):nth-child(-n+5){
		float:left;
		width:94%;
		margin:0 1% 20px 1%;
		padding:25px 2% 0 2%;
}
	
	.home .post:nth-child(n+3):nth-child(-n+15) .featured,
	.blog .post:nth-child(n+3):nth-child(-n+15) .featured,
	.archive .post:nth-child(n+3):nth-child(-n+15) .featured{
		float:left !important;
		width:410px !important;
		height:220px !important;
		margin:0 20px 20px 0;
	}
	
	.home .post:nth-child(n+3):nth-child(-n+5) img,
	.blog .post:nth-child(n+3):nth-child(-n+5) img,
	.archive .post:nth-child(n+3):nth-child(-n+5) img{
		float:left !important;
	}
	
	.home .post:nth-child(n+6),
	.blog .post:nth-child(n+6),
	.archive .post:nth-child(n+6){
		width:27.3%;
		height:550px;
		margin:0 1% 20px 1%;
		padding:25px 2%;
		float:left;
	}
	
	.home .post:nth-child(-n+5) h2,
	.blog .post:nth-child(-n+5) h2,
	.archive .post:nth-child(-n+5) h2{
		font-size:40px !important;
	}
	
	.page .post{
		min-height:500px;
		width:100%;
		/*background:none !important;*/
		margin-bottom: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;
	}

}

/* RESPONSIVE images & media */

#logo img,
#banner img,
#footer img,
#sidebar 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.size-medium,
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;
}

.featured{
	overflow: hidden;
	max-width: 100%;
	max-height: 300px;
}

.featured img{
	object-fit: cover !important;
	width:100%;
	height: 300px;
	object-position: 0 33%;
}

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

.recent-post .metadata a{
	margin:0 0 20px 0 !important;
}

#sidebar .featured{
	max-height:220px;
}

/*IMAGES*/

img{
	display:block;
}

a img{
	border:0;
}

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

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




/*IMAGES CAPTION*/


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

/*GALLERY*/

.gallery-caption {
	/*max-width:200px;*/
	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: Lato, sans-serif;
	color: #555;
	font-weight:normal;
	line-height: 140%;
	font-size: 16px;
}

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

.page #wrapper,
.single #wrapper{
	background: #FFF;
}

/*CONTENT*/

#content{
	float:left;
}

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

#content-columns{
	max-width:1400px;
}

#content-broad{
	background:#FFF;
	width:100%;
}

#content-broad .post{
	display:block;
	max-width:840px;
	margin: 10px auto !important;
	/*text-align:center;*/
}

#cat-description{
	display:block;
	margin:o auto;
	text-align:center;
	padding:20px;
}

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

#header{
	display:block;
	clear:both;
	width:100%;
	background:#FFF;
	border-bottom:1px solid #DDD;
}

#logo{
	max-width:600px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:0 30px;
	}

#logo img{

		display:block;
		padding:15px 0 !important;
	}


/*SITE TITLE*/

#header-text{
	display:block;
	color:#AAA;
	margin:0 auto 20px;
	padding:0 20px;
	text-align:center;
	/*font-style:italic;*/
}

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

.site-title{
	margin-left:30px;
	display:inline;
}

.site-description{
	display:inline;
	text-transform:uppercase;
	/*letter-spacing: 0.5px;*/
}

/*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%;
	padding: 0;
	margin: 10px 0 !important;
	color:#333 !important;
	font-weight:800;
}

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;
	text-decoration:none;
	font-weight:bold;
}


 h1{
	font-size:30px;
}

h2{
	font-size:28px;
}

h3{
	font-size:26px;
}

h4{
	font-size:24px;
}

h5{
	font-size:22px;
}

h6{
	font-size:20px;
}


/*MENU*/

.nav-wrapper{
	width:100%;
	display:block;
	position:relative;
	clear: both;
}

.nav{
	max-width:1180px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

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

.nav a{
	display:block;
	text-decoration:none;
	color:#333;
	padding:10px 15px;
}

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

#header .nav .current-menu-item a{
}

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

.nav ul ul a{
	display:inline-block;
	height:auto;
	padding:10px 20px !important;
	margin:0;
	width:250px;
	border-bottom:1px solid #FFF !important;
}

/*.nav ul ul li{
	display:inline-block;
}

.nav ul ul:nth-child(odd) a{
	float: left;
}

.nav ul ul:nth-child(even) a{
	float: right;
}*/

.nav ul ul a:hover{
	background:#f7f7f7;
}

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

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

.nav ul ul ul a:hover{
	background:#f7f7f7;
}

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

/*POST*/

.post-title{
	display:block;
	position:relative;
	max-width:1360px;
	margin:0 auto;
}

.post{
	display:block;
	overflow: hidden;
	background:#FFF;
	padding:20px 20px 10px 20px;
	border-bottom:1px solid #DDD;
	/*border: 20px solid #FFF;*/
}

.single .post,
.page .post{
	display:block;
	margin-top:10px;
}

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

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

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

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


.entry{
	display:block;
	overflow:hidden;
	font-size: 18px;
	line-height:180%;
	padding:0;
	margin:0;
}

.single .entry,
.page .entry{
}

.entry ul{
	display:table;
	padding:0px 0px 0px 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: 10px 0 10px 20px;
}


/*METADATA*/


.metadata,
.metadata2{
	color:#AAA;
	display:inline;
	line-height:120% !important;
}

.metadata{
	text-transform:uppercase;
	font-size:14px;
}

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

.metadata a, 
.metadata a:visited,
.metadata2 a,
.metadata2 a:visited{
	color:#AAA;
	text-decoration: none; 
	display:inline-block;
	padding: 0 10px 0 0 !important;
	margin:0 !important;
}

.metadata a:hover,
.metadata2 a:hover{
	color:#0098dc;
	text-decoration: none; 
}

.sticky{

}

blockquote{
	display:table;
	padding:10px 0 10px 30px;
	margin:0;
	line-height:140%;
	color:#333;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
}

blockquote:before{ 
	font-size:500%;
	color:#333;
	line-height:100%;
	display: block; 
	float:left;
	position:relative;
	top:10px;
	right:15px;
	/*content: "\201C";*/
	content: "\201D";
} 

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

pre{
	padding:10px; 
	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:300px;
	clear:both;
	margin:15px 0;
}

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

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

/*POST NAVIGATION*/

.navigation,
.navigation2{
	display:inline-block;
	padding:40px;
}

.navigation2{
	float:right;
}

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

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

/*FORMATS - REMOVED*/

/*SIDEBAR & BANNER*/

#banner {
	display:block;
	clear:both;
	max-width:1400;
	margin:20px 0 10px 0;
	padding:10px 0;
	border-top:1px solid #EEE;
}

#banner .widget{
	width:100%;
	display:block;
	margin:40px auto;
	line-height:120%;
}

.widget{
	display:block;
}

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

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

#sidebar .widget,
#sidebar2 .widget{
	padding:20px;
	background:#FFF;
	clear:both;
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
}

#sidebar .widget ul li,
#sidebar2 .widget ul li{
	padding:0.3em 0;
	margin:0.3em 0;
	border-bottom:1px solid #DDD;
}


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

legend {
	font-weight:bold;
}

/*BUTTONS & FORMS*/

input,
textarea{
	display:block;
	font-size: 100%;
	font-family: inherit;
	overflow: auto;
	margin: 0;
	color:#AAA;
	background: #FFF;
	border:1px solid #DDD;
	padding:0 10px;
}

input{
	height:2em;
}

textarea{
	width:90%;
}

select{
	font-size: 100%;
	border: none;
	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 10px;
	width:200px;
	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"]{
	display:inline-block;
	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;
}

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{
	display: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 - REMOVED*/


/*FOOTER*/


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

#footer-wrapper{
	display:block;
	max-width:1400px;
	margin:0 auto;
	clear:both;
}

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

#footer .widget ul li{
	padding:0.7em 0;
	border-top:1px solid #DDD;
}

#credits{
	clear: both;
	text-align:center;
	padding:20px;
}

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

.clear{
	clear:both;
}

.rpwwt-widget a{
	color:#333;
	font-size: 20px;
}

.rpwwt-widget{
	line-height:180%;
}