/*
Theme Name: Agora

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

Description: Agora is a clean simple theme.

Agora WordPress theme, Copyright (C) 2021 Robert Toth
Agora 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: 5.5
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: agora
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.

*/

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

/*CLEAR*/

.clear-all{
	clear: both;
}


/*CUSTOM FONTS*/

@font-face{
	font-family: "OpenSans";
	src: local('OpenSans-Regular'),
		url("fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
}

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

@font-face{
	font-family: "OpenSans";
	src: local('OpenSans-Light'),
		url("fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
	 font-weight: 300;
}

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



/*RESPONSIVE ELEMENTS*/

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

	img.alignleft, 
	img.aligncenter, 
	img.alignright{
		margin: 10px;
	}

	.aligncenter,
	.alignright,
	.alignleft{
		clear: both !important;
		display: block !important;
		margin: 10px auto !important;
	}
	
	#header-text{
		display:block;
		padding:0 20px;
		margin:0 auto;
		text-align:center;
	}
	
	#logo{
		display:block;
		margin:10px auto;
		max-width:250px;
	}
	
	.entry-title-header{
		font-size:26px;
		top:120px;
		padding:0 20px;
	}

	#content{
		max-width:1366px;
	}
	
	h6 a,
	h6 a:visited,
	h5 a,
	h5 a:visited,
	.button,
	input[type="submit"],
	input[type="reset"],
	#searchform input{
		width:90%;
	}
	
	select{
		width:100%;
	}

	#comments,
	.post,
	#sidebar,
	#sidebar1,
	#banner1 .widget,
	#banner2 .widget,
	#banner3 .widget{
		width:94%;
		padding:20px 3%;
	}

		
	#header img{
		margin: auto !important;
	}
	
	#footer .widget{
		width:94%;
		padding:5px 3%;
		text-align:center !important;
	}
	
	.header-wrapper{
		width:94%;
		padding:5px 3%;
	}

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

}

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


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

	.alignleft {
		display: inline;
		float: left;
		margin-right: 1em;
	}

	.alignright {
		display: inline;
		float: right;
		margin-left: 1em;
	}

	.aligncenter {
		clear: both;
		display: block;
		margin: 0 auto !important;
	}
	
	#header-text{
		padding:10px 0;
		float:left;
	}
	
	#logo{
		display:block;
		float:left;
		max-width:250px;
		margin:10px 0;
	}
	
	#header-banner,
	.page .featured{
		height:700px;
	}

	.blog .featured,
	.archive .featured{
		float:left;
		max-height: 180px;
		width: 291px;
		padding:10px 20px 20px 0;
	}
	
	.page .featured img{
		width:100%;
  		position: absolute;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
	}
	
	.single .featured img{
		top:-30%;
}
	.entry-title-header{
		font-size:60px;
		display:block;
		margin:320px auto 0;
		max-width:1300px;
		padding:0 20px;
	}
	
	.header-wrapper{
		padding:0 33px;
	}

	#content{
		width: 70%;
	}

	#sidebar{
		width: 30%;
	}

	#sidebar .widget{
		margin:40px 33px 0 40px;
		padding:0;
	}

	.post{
		padding:16px 33px;
	}
	
	.blog .post,
	.archive .post{
		margin-top:20px;
	}

	#banner2{
		max-width:1366px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#banner3{
		max-width:1300px;
		margin-left: 33px;
		margin-right: 33px;
	}
	
	#banner1 ul li{
		padding: 0 0 40px 0;
		margin:0;
	}
	
	#banner1 .widget{
		width:44%;
		padding:20px 3%;
		min-height:600px;
	}

	#banner2 .widget{
		width:27%;
		padding:40px 3% 0 3%;
	}

	#banner3 .widget{
		width: 21%;
		padding:15px 2%;
	}
	
	#footer .widget{
		width: 21%;
		padding:10px 2% 30px 2%;
	}
	
	#comments {
		padding:20px 30px;
	}

}

/* RESPONSIVE images & media */

#logo img,
.widget img,
.comment img,
.entry img,
.entry-table 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;
}

.wp-caption {
	text-align: center;
	max-width:800px;
}

#content .wp-caption{
	max-width:99% !important;
	padding:0;
	margin: 0 1em 0.5em 0;
}

.wp-caption-text {
	max-width:800px;
	font-size:914px;
	text-align:center;
	padding:0.4em 0.3em 0.2em 0.3em;
	position:relative;
	left:0;
	top:-7px;
}

.gallery-caption {
	font-size:14px;
	text-align:left;
	font-style:normal;
	padding:0.5em;
	position:relative;
	left:0;
	top:-7px;
}

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


#header-banner,
.featured{
	overflow: hidden !important;
}

.recent-post .featured{
	max-height:170px;
	clear:both !important;
}


#header-banner{
	width: 100%;
}

#header-banner,
.page .featured{
	background:#000;
}

#header-banner img,
.page .featured img{
	width: 100%;
	height: auto;
	position:relative;
	margin:auto;
	border:none;
}

#header-banner img,
.page .featured img{
	opacity:0.7;
}


/* BLOCK GALLERY */

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

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

GALLERY

.gallery img{
	border:1px solid #DDD;
	box-shadow: 3px 3px 3px #eee;
}

.gallery {
	margin: 1em 0;
	width: 100%;
}


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

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

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

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

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

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

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

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

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



/*BASIC*/

body{
	font-size: 16px;
	font-family: OpenSans, Helvetica, sans-serif;
	line-height:150%;
	color:#555;
	font-weight:normal;
	background:#FFF;
	
}

#wrapper{
	margin: 0 auto;
	max-width:1366px;
}

#content{
	float:left;
}

#content2{
	max-width:880px;
	margin:0 auto;
}

#content3{
	max-width:1366px;
	margin:0 auto;
}

.home #content2{
	/*background:#f2db0a;*/
	max-width:94% !important;
	padding:20px 3%;
}

#content2 .page h1.entry-title {
	margin:0 auto;
	text-align:center !important;
}


#cat-description{
	margin:10px 30px;
}

#header{
		display:block;
		width:100%;
		clear:both;
		z-index:9998;
	}

.page #header{
		position:absolute;
		height:100px;
		background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
	}

.single #header,
.archive #header,
.blog #header,
.search #header{
		background: #BBB;
	}
	

.header-wrapper{
	max-width:1280px;
	margin:0 auto;
	clear:both;
}

#header-banner{
	max-width:100%;
	overflow: hidden;
}

#header-banner img{
	margin:0 auto;
	border:none;
	max-width:100%;
	height:auto;
}

.site-title,
.site-title a{
	color:#FFF;
 	text-transform: uppercase;
	font-size:28px;
	font-weight:300;
}

.site-title{
	letter-spacing:3px;
}

.site-description{
	color:#FFF;
	font-weight:300;
	font-size:14px;
}
 
/*LINKS*/

a:link,
a:visited{
	color:#222;
	text-decoration:none;
	font-weight:bold;
	
}

a:hover{
	color:#777;
}

/*HEADINGS*/
 
h1,
h2,
h3,
h4{
	line-height:130% !important;
	margin:0.4em 0;
	padding:0;
}


h1{
	font-size:32px;
	color:#222;
	font-weight: bold;
}

h2{
	font-size:28px;
	color:#222;
	font-weight: bold;
}

h3{
	font-size:24px;
	color:#b2a104;
	font-weight: bold;
}

h4{
	font-size:20px;
	color:#222;
	font-weight: bold;
}

h5,
h6{
	font-size:100%;
	margin:0;
	padding:0;
}

.entry-title-header{
	position:absolute;
	z-index:9995;
	clear:both;
	text-transform: uppercase;
	letter-spacing: 5px;
	color:#FFF;
	left:0;
	right:0;
}

.wrapper-featured{
	padding:0 33px;
	max-width:1300px;
	margin:auto !important;
	text-align:center !important;
	background:#000;
}

#social-buttons{
	position:relative;
	float:right;
	display:inline;
	padding:10px 20px 0 20px;
}

/*NAVIGATION MENUS*/

.menu-wrapper{
	position:relative;
	float:right;
	display:inline;
}

.nav{
	display:block;
	clear:both;
	position:relative;
	font-weight:regular;
}

#primmenu{
		font-size:14px;
}

#secmenu{
		font-size:16px;
	text-transform: uppercase;
}

.nav li{
	float:right;
	position:relative;
	display:inline;
}

.nav a{
	display:block;
	text-decoration:none;
	color:#FFF;
}

#primmenu a{
		padding:15px 20px 5px 20px;
}

#secmenu a{
		padding:5px 20px;
}

.nav a:hover{
	color:#FFF;
}


.nav ul ul{
	display:none;
    position:absolute;
    top:100%;
	left:0;
    float:left;
	text-align:left;
    z-index:99999;
	background:#222;
	opacity:0.8;
	text-transform:none;
}

.nav ul ul li{
}

.nav ul ul a{
	height:auto;
	width:180px;
	padding:10px 20px !important;
	margin:0;
}

.nav ul ul a:hover{
	/*border:none;*/
}
 
.nav ul ul ul{
	top:0%;
	left:200px;
	opacity:0.7;
}
 
.nav li:hover > a,.nav ul ul:hover > a{
	/*background:#FFF;*/
}
 
.nav ul li:hover > ul{
    display:block;
}


/*POST*/

.post{
	display:block;
	overflow: hidden;
}

.entry{
	line-height:180%;
}

.blog .entry,
.archive .entry{
	display:inline !important;
}

.entry a,
.entry a:visited{
	color:#b2a104;
	
}

.entry a:hover,
.entry a:active{
	color:#f2db0a;
}


.entry-table,
.entry{
	display:block;
	clear:both;
}

.entry-table ul,
.entry ul{
	padding:20px;
}
.entry-table ul li,
.entry ul li{
	list-style-type: disc;
	margin: 0 0.5em;
	border:none;
}

.entry-table ul ul,
.entry ul ul{
	padding:20px;
}

.entry-table ul ul li,
.entry ul ul li{
	list-style-type: circle;
	margin: 0 0.5em;
	border:none;
}

.entry-table ol,
.entry ol{
	display:table;
	padding:0.5em;
	margin:1em 0;
	background:#f7f7f7;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	list-style: decimal;
	margin: 1em 0 !important;
}

.entry-table ol li,
.entry ol li{
	list-style: decimal;
	margin:1em 1em 1em 2em;
}

.search .page{
	margin-left:30px;
}


/*POSTMETADATA*/

.postmetadata,
.postmetadata2{
	line-height:110%;
	color:#999;
	display:inline;
}

.postmetadata a, 
.postmetadata a:visited{
	color:#999;
	text-decoration: none; 
	font-weight:normal !important;
	padding-right:10px;
	text-transform: uppercase;
	font-size:14px;
}

.postmetadata2 a,
.postmetadata2 a:visited{
	color:#999;
	text-decoration: none; 
	font-style:italic;
	font-weight:normal !important;
	padding-right:10px;
}

.postmetadata a:hover,
.postmetadata2 a:hover{
	color:#444;
	text-decoration: none; 
}

.recent-post .postmetadata{
	display:block;
	margin:0 0 20px 0 !important;
}

blockquote{
	line-height:160%;
	font-size:20px;
	padding:0;
	margin:0;
	color: #222;
	font-weight: 300;
}

blockquote:before{ 
	position:relative;
	display: block; 
	float: left;
  	font-weight:normal;
	font-style: normal;
	margin:0.20em 0.1em 0 0;
	font-size:500%;
	color:#f2db0a;
	content: "\201D";
	/*content: "\201C";*/

} 

/*blockquote:after{ 
	display: block; 
	margin:0 0 10px 5px;
 	font-style:normal;
	float: right; 
	color:#f3dc0a;
	content: "\201D";
	font-size:600%;
}*/

address{
	display: block;
	font-style:normal;
	margin:10px 0px;
	padding:10px 10px 20px 10px;
    background:#ECEAE3;
	border-left:10px solid #E2DFD5;
}

pre{
	padding:10px; 
    letter-spacing:normal;
	color:#444;
  	overflow: auto;
    background:#f7f7f7;
	border: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+ */
}


/*PAGINATION*/

.pagenumber{
	max-width:300px;
	clear:both;
	padding:5px 20px;
	margin-top: 10px;
}

.pagenumber a{
	margin: 0px 5px;
	background:#DDD;
}

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

.navigation{
    clear:both;
	padding:20px;
}

.navigation a,
.navigation a:visited{
	padding:10px 20px;
	color:#444;
	font-weight:bold;
}

.navigation a:hover{
	color:#999;
	
}

.edit{
	display:block;
	float:right;
	font-size:12px;
}

/*FORMATS*/

.sticky{
}

.format-aside{
	border-top: 5px solid #F15A22 !important; 
}

.format-chat{
	border-top: 5px solid #B2D235 !important;
}

.format-audio{
	border-top: 5px solid #00AAAD !important;
}

.format-video{
	border-top: 5px solid #444 !important;
}

.format-link{
	border-top: 5px solid #00AEEF !important;
}

.format-image{
	border-top: 5px solid #AAA !important;
}

.format-quote{
	border-top: 5px solid #f3dc0a !important;
}

.format-gallery{
	border-top: 5px solid #2E3192 !important;
}

.format-status{
	border-top: 5px solid #ED1C24 !important;
}

/*WIDGETS, SIDEBARS & BANNERS*/

.widget a{
	font-weight:bold;
}

#banner,
#banner1,
#banner2,
#banner3{
	display:block;
	clear:both;
}

#banner1{
	max-width:100%;
	background:#EEE;
	margin:30px 0;
}

#banner3 .widget h2{
	text-align:center;
}

#banner{
	display:block;
	margin:0 auto;
	padding:20px;
	overflow: hidden;
	background:#EEE;
}

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

#banner1 .widget,
#banner2 .widget,
#banner3 .widget{
	display:block;
	float:left;
}

.widget h2{
	font-size:22px;
	margin-bottom:0.5em;
}

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

#sidebar a{
	color:#444;
}

#sidebar a:hover{
	color:#1B75BC;
}

#sidebar .widget ul ul li{
	margin:10px 0 0 20px;
	line-height:120%;
}

/*BUTTONS & FORMS*/

input,
textarea{
	display:block;
	font-size: 100%;
	font-family: inherit;
	overflow: auto;
	color:#999;
	background:#FFF;
	border:1px solid #ccc;
	padding:0 10px;
	max-width:90%;
}

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"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	box-shadow: none;
}

input[type="password"],
input[type="url"],
input[type="text"],
input[type="name"],
input[type="tel"],
input[type="email"],
input[type="number"]{
	height:2.5em !important;
	border:1px solid #ccc !important;
	margin:0 15px 15px 0;

}

textarea{
	width:90%;
}

select{
	font-size: 14px;
	border: none;
	overflow: auto;
	background:transparent;
	color:#666;
	height:2.5em !important;
	border:1px solid #ddd;
}

#searchform input{
    font-size: 14px;
	background:transparent;
	color:#666;
	border:1px solid #ddd !important;
	height:2.5em !important;
}


.search #searchform input{
	margin-top:15px;
}


#searchsubmit {
    display: none !important;
}

input[type="file"] {
	background: #FFF;
	padding:10px;
}

h5 a,
h5 a:visited,
h6 a,
h6 a:visited,
input[type="submit"],
input[type="reset"],
input[type="submit"]:hover,
input[type="reset"]:hover{
	line-height:150%;
	display:inline-block;
	padding:0.8em 1.5em;
	margin:1em 0.5em 1em 0 !important;
	font-size:12px;
	letter-spacing:0.5px;
	text-transform: uppercase;
	font-weight:bold !important;
	text-align:center;
	border:0;
	background:#222;
	color:#FFF !important;

}

h5 a,
h5 a:visited{
	background:#222;
	color:#FFF !important;
}

h5 a:hover,
h5 a:active{
	background:#f2db0a;
	color:#222 !important;
} 

h6 a,
h6 a:visited,
.button,
input[type="submit"],
input[type="reset"]{
	background:#f2db0a;
	color:#222 !important;
}

h6 a:hover,
h6 a:active,
.button a:hover,
.button a:active,
input[type="submit"]:hover,
input[type="reset"]:hover{
	background:#222;
	color:#FFF !important;
}




/*TABLE*/

table{
	text-align:left;
	margin:1em 0;
	border:0;
	border-collapse:collapse;
	font-size:14px;
	/*border-top:1px solid #DDD;*/
}

table th{
	font-weight:bold;
	padding:0.3em 1em;
	border:0;
}

table tr{
	padding:0.3em 1em;
	border:0;

}

.entry-table table tr:nth-child(1) {
background: #c7c7c7 !important;
}

.entry-table table tr:nth-child(3n+0) {
background: #add4d1 !important;
}




.entry-table table tr:nth-child(even) {
background: #f7f7f7;
}

.entry-table table tr:nth-child(odd) {
background: #e7e7e7;

}

table td{
	font-weight:normal;
	padding:0.3em 1em;
	/*border-bottom:1px solid #DDD;*/
}

/*LINE*/

hr{
	height:1px;
	background-color:#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 {
	clear:both;
	border-top:1px solid #ddd;
	font-size:14px;
				/* Break word */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

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

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

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

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

/*FOOTER*/

#footer-wrapper{
	width:100%;
	background:#eee;
	display:block;
    clear: both;
	padding-top:10px;
	margin-top:30px;
}

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

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

.credits-wrapper{
	display:block;
	width:94%;
	padding:20px 3%;
	background:#ddd;
    clear: both;
}

#credits{
	font-size:12px;
	clear: both;
	text-align:center;
}