/*
Theme Name: Agora

Theme URI: http://tioreo.com/

Description: Modern highly customizable front page with many widget areas. Suitable for businesses, companies, firms, organizations as well as news/blogging. Responsive, liquid layout for all kind of devices. Including post formats, custom header logo, sidebar and footer, width 1366px. Prepared for Microformats. Logo max height is recommended 80px.
Agora WordPress theme, Copyright (C) 2015 Robert Toth
Agora WordPress theme is licensed under the GPL.
Resource Graphics: screenshot.png, Copyright (C) 2015 Robert Toth. Licensed only as screenshot for agora Wordpress theme. Other forms of use must have permission from copyright holder. 
Resource Fonts: Lato, Copyright (c) 2010-2014, Łukasz Dziedzic (dziedzic@typoland.com), with Reserved Font Name Lato.
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at:
http://scripts.sil.org/OFL
Author: Robert Toth
Author URI: http://toth-illustration.com
Version: 10
Copyright: Robert Toth, http://tioreo.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: right-sidebar, two-columns, custom-background, custom-colors, custom-header, custom-menu, sticky-post, threaded-comments
Text Domain: magazi
*/

/*-----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: "Lato";
	src: local('Lato-Regular'),
		url("fonts/Lato/Lato-Regular.ttf") format('truetype');
}

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

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

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


/*RESPONSIVE ELEMENTS*/

@media screen and (max-width: 800px){
	
	img.alignleft, 
	img.aligncenter, 
	img.alignright{
		margin: 10px;
	}

	.aligncenter,
	.alignright,
	.alignleft{
		clear: both !important;
		display: block !important;
		margin: 10px auto !important;
	}

	.nav{
		float:left;
	}

	#banner .widget{
		max-width:100%;
	}
	
	.header-wrapper,
	#content,
	#sidebar,
	#banner1 .widget,
	#banner2 .widget,
	#banner3 .widget,
	#footer .widget{
		width:92%;
		margin:4%;
	}

	#sidebar .widget{
		margin-bottom:20px;
	}

}

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


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

	.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-wrapper{
		padding:0 20px;
	}

	.nav{
		float:right;
	}

	#content{
		width: 65%;
	}

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

	}

	.post{
		border:1px solid #EEE;
	}

	.post{
		margin:10px;
	}

	#sidebar{
		width: 35%;
	}

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

	#footer .widget{
		width: 46%;
		margin: 2%;
		padding:0;
	}
	
	#banner1 .widget:nth-child(1) {
	width: 50%;
	}
	
	#banner1 .widget:nth-child(2) {
	width: 46%;
	padding:2% 2% 0 2%;
	}
	
	#banner1 .widget:nth-child(3) {
	width: 46%;
	padding:2% 2% 0 2%;
	clear:both
	}

	#banner1 .widget:nth-child(4) {
	width: 50%;
	}
	
	#banner1 .widget:nth-child(5) {
	width: 50%;
	}
	
	#banner1 .widget:nth-child(6) {
	width: 46%;
	padding:2% 2% 0 2%;
	}



	#banner2 .widget{
		width: 29%;
		margin:2%;
	}

	#banner3 .widget{
		width: 21%;
		margin:2%;
	}

}

/* RESPONSIVE images & media */

.widget img,
.comment 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;
}

/*IMAGES*/

img{
	display:block;
}

a img{
	border: 0;
}

.wp-caption {
    /* Force the box to be 100% */
    	width: 100% !important;
		margin:0 auto !important;
	}

.wp-caption img {
    /* Scale down if too big */
    	max-width: 99.03225806%; /* 614/620 */
    	height: auto;
		margin:0 auto !important;
		text-align:center;
	}

.wp-caption-text {
	padding:0.4em 0.3em 0.2em 0.3em;
	position:relative;
	left:0;
}

.gallery-caption {
	font-style:normal;
	padding:0.5em;
	position:relative;
	left:0;
}

/*GALLERY*/

.gallery {
	margin: 1em 0;
}

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

/*LOGO*/

#logo{
	float:left;
}

#logo img{
	max-width: 50px;
    height: auto;
	padding:20px 15px 20px 15px;
}


/*BASIC*/

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

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

#header{
	display:block;
	width:100%;
	clear:both;
	z-index:99998;
	background:#04485c;
}

.home #header{
	background:transparent !important;
	position:absolute;
}


/*.home #header{
	background-image: url("https://webdesign-limassol.com/webdesign/wp-content/uploads/2018/04/aurora-borealis.jpg");
height:910px;
}*/

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

#title-wrapper{
	max-width:1326px;
	display:block;
	margin:0 auto;
}

#title{
	display:block;
	float:left;
	color:#FFF;
	padding:10px 0;
}

.site-title,
.site-title a{
	font-weight:bold;
	color:#FFF;
	display:inline;
	text-transform: uppercase;

}

.site-description{
	font-weight:300;
	display:inline;
	/*font-style:italic;*/
	text-transform: uppercase;
}

#content,
#content2,
#content-columns{
	float:left;
	display:block;
}

#content2{
	width:100%;
}

#content-columns{
	max-width: 1366px;
	min-height: 300px;
}

#cat-description{
	margin:10px 20px;
}
 
/*LINKS*/

a:link,
a:visited{
	color:#4992cf;
	text-decoration:none;
	
}

a:hover{
	color:#91b5e0;
}

/*HEADINGS*/
 
h1,
h2,
h3,
h4,
h5,
h6{
	color:#444;
	line-height:130% !important;
	margin:0 0 0.3em 0;
	padding:0;

}


h1{
	font-size:180%;
}

h2{
	font-size:160%;
}

h3{
	font-size:140%;
	font-weight:300;
}

h4{
	font-size:130%;
}

h5{
	font-size:120%;
}

h6{
	font-size:110%;
}


/*NAVIGATION MENUS*/

.nav{
	display:inline;
	position:relative;
	padding:20px 0;
	font-weight:300;
}

.nav li{
	float:left;
	position:relative;
	margin:0 15px;
}

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

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

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

.nav ul ul li{
	border:0 !important;
}

.nav ul ul a{
	position:relative;
	height:auto;
	width:200px;
}

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


/*POST*/

.post{
	overflow: hidden;
	background: #FFF;
	display: block;
	padding: 20px;
}

.blog .post{
	margin: 0 0 5px 0 !important;
	display:inline-block !important;
	}

.home .post{
	max-width:1326px;
	background:none;
	border:none;
	padding:20px;
	margin:0 auto;
}

.entry{
	clear:both;
}

.entry ul,
.widget ul{
	display:table;
	padding:0.5em;
	margin:1em 0;
}

.entry ul li,
.widget ul li{
	list-style-type: disc;
	margin: 0.7em 2em;
}

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

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

.entry ol,
.widget ol{
	display:table;
	padding:0.5em;
	margin:1em 0;
	list-style: decimal;
}

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


/*POSTMETADATA*/

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

.postmetadata{
	font-weight:bold;
}

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

.postmetadata a, 
.postmetadata a:visited{
	color:#999;
	text-decoration: none; 
	padding-right:10px;
}

.postmetadata2 a,
.postmetadata2 a:visited{
	color:#999;
	text-decoration: none; 
	padding-right:10px;
}

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

blockquote{
	margin: 1.5em 0;
	line-height:160%;
	font-size:120%;
    font-style:italic;
}

blockquote:before{ 
	position:relative;
	display: block; 
	float: left;
  	font-style:normal;
	top:25px;
	margin:0 5px 10px 0;
	color:#04485c;
	font-size:600%;
	content: "\201D";
} 

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

pre{
	padding:10px; 
    letter-spacing:normal;
	color:#444;
  	overflow: auto;
    background:#eee;
 	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;
	padding:5px 20px;
	margin-top: 10px;
}

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

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

.navigation{
	width:100%;
    clear:both;
	padding:20px 0;
}

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

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

.edit{
	display:block;
	float:right;
	font-size:80%;
}

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

#banner1,
#banner2,
#banner3{
	display:block;
	clear:both;
	margin:0 auto;
	padding:0;
	max-width:100% !important;
}

#banner3{
	background:#FFF;
}

#banner1{
	background:#DDD;
}

#banner{
	max-width:1366px;
	margin:0 auto;
	display:block;
	position:relative;
	clear:both;
	text-align:center;
	font-size:120%;
	background:#FFF;
}


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

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


/*BUTTONS & FORMS*/

fieldset {
	padding:10px;
	margin:10px 0px;
}

legend {
	font-weight:bold;
}

input,
textarea{
	display:block;
	font-size: 100%;
	font-family: inherit;
	overflow: auto;
	border:none;
	padding:0.25em;
	border:1px solid #ddd;
	max-width:700px;
}

input{
	height: 1.5em;
}

select{
	font-size: 100%;
	border: none;
	overflow: auto;
	border:1px solid #ddd;
	color:#444;
	padding:0.25em;
	height: 2em;
}

#searchform input{
    font-size:100%;
	margin:0px 0px 10px 0px;
	padding:0.2em 0.5em;
	max-width:300px;
	color:#AAA;
}

#searchsubmit {
    display: none;
}

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

input[type="submit"],
input[type="reset"]{
     font-size: 100%;
	color:#FFF;
	background:#444;
	margin: 10px 0px;
	padding:9px 20px !important;
	font-weight: normal;
	border:none;
	height: 2.5em !important;
}

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

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

/*TABLE*/


table{
	background:#fff;
	text-align:left;
	margin:1em 0;
	border:0;
	border-collapse:collapse;
	font-size:90%;
	border-top:1px solid #DDD;
}

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

table tr{
	border:0;
	padding:0.7em;
}

table tr:nth-child(odd) {
background: #f7f7f7;

}

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

/*LINE*/

hr{
	height:5px;
	background-color:#f3dc0a;
	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;
	padding-top:20px;
	border-top:1px solid #ddd;
}

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

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

ol.commentlist li.odd{ 
	background:#EEE;
}

ol.commentlist li.even{ 
	background:#FFF;
}

.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:#04485c;
	clear:both;
	color:#DDD;
	font-weight: 300;
}

#footer{

	max-width:1366px;
	display:block;
	margin:0 auto;
    clear: both;
	padding-top:20px;
}

#footer h2{
	color:#DDD;
}

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

#credits{
	width:100%;
	font-size:90%;
	clear: both;
	text-align:center;
	padding:5px 0;
	margin:0;
}