/*
Theme Name: Presentation Lite
Version: 1.0.4
*/


html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,font,strong,ol,ul,li,form,label,table,caption,tbody,tr,th,td{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}
*,:before,:after{box-sizing:border-box;word-wrap:break-word;}



article,aside,footer,header,main,nav,section{display:block;}
table{border-collapse:separate;border-spacing:0;table-layout: fixed;}
caption,th,td {font-weight:normal;text-align:left;border: 1px solid #ddd;padding: 8px 4px;font-size: .9em;line-height: 1.8;vertical-align: middle;width: 2%;}
a img{border:0;}
.entry-meta {font-size: .9em;color: #a3a3a3;}

.inner{position:relative;padding:0 0 32px}
#primary, .homepage{float: left;width: 73%;margin: 3% 2% 3% 0}



.homepage {margin: 0 0 40px;border-radius: 5px;padding: 8px 16px;box-shadow: 0 0 5px rgba(180,180,180,0.5);-moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);-webkit-box-shadow: 0 0 5px rgba(180,180,180,0.5);}
#secondary{float:left;width:25%;margin: 3% 0 0;}
#homeprimary{width:100%;float:right;margin:0;}
.homepage {width:100%;}
body,button,input,select,textarea {font-family: 'Sylfaen', 'Segoe UI', Arial, sans-serif;font-size:1.1em;font-weight:400;line-height: 1.8em;}

.body-content, .footer-area {
width: 100%;
    max-width: 1240px;
    margin: 10px auto 0;
}

h1,h2,h3,h4,h5,h6{clear:both;line-height:1.6em;margin-bottom:.4em;}
h1,h2,h3,h4,h5,h6,.headh{font-weight: 400;}
h1{font-size:1.6em;margin:0;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}
h4,.headh{font-size:1.2em;}
h5{font-size:1em;}
h2,h3,.headh{margin: 1em 0 0}
blockquote{margin: 20px 0;padding: 5px 15px;background:#f0f0f0;border-radius:5px;display: inline-block;}
blockquote code {color:#333}
code,pre{background: #eee;padding: 6px;font-weight: 400;display: inline-block;margin:-4px 0;max-width:100%;line-height: 1.4;font-size:1.1em;border-radius:5px;}
p:has(code) {margin:0;}
ul,ol{margin:1.2em 0 2em .7em}
ul > li > ul{list-style:circle;}
ol{list-style:decimal;}
li > ul,li > ol{margin: 1em;list-style-type:disc}
li img{float: none;margin: 0 auto;}
table{width:100%;margin:0 0 5px;}
button,input,select,textarea{vertical-align:middle;margin:0;}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea{padding:10px;width: 100%;border-radius: 5px;}
textarea{overflow:auto;vertical-align:top;width:100%;}
input[type=submit],input[type=button]{color:#fff;border:none;cursor:pointer;padding:8px;}
input[type=submit]:hover,input[type=button]:hover{background:#404040;}
a{text-decoration:none;}
.aligncenter{clear:both;display:block;margin: 20px auto;}
.inner:before,.inner:after,.clear:before,.clear:after,.site-footer:before,.site-footer:after{content:'';display:table;}
.inner:after,.clear:after,.entry-content:after,.site-footer:after{clear:both;}


.site-title a {
display: block;
width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.site-title {
background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
	padding: 10px 0;
	}

.site-title {display:block;}
.site-title a{font-family: 'Sylfaen', 'Segoe UI', Arial, sans-serif;color:#f90;font-size:26px;font-weight:100;transition: all .5s;}
.site-title img {margin:0px 0 -5px 0;width:30px;height:30px}

.error404 #primary{width:100%;padding:0;}
#secondary aside{width: 350px;border-radius:5px;padding:2px 10px;box-shadow: 0 0 5px rgba(180,180,180,0.5);-moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);-webkit-box-shadow: 0 0 5px rgba(180,180,180,0.5);margin:0px 0 20px}
.sidebarfixed {width: 350px;top: 18px;}
.sidebarblock {min-height: 270px;margin: 0 0 20px}
.scrolled {position: fixed;margin:0 !important;}
img{max-width:100%;height:auto;}
.entry-content li {margin: 10px 0;}
p,br {clear:both;margin: 0.8em 0;}
b,strong,th{font-weight:600;}
em, em a {font-style: normal;font-weight: 600 !important;}

a:hover,.navigation a:hover,.page-numbers.current,.social-links a:hover{color:#404040;}
.site-footer{font-size:.9em;}
.updated,.search-submit{display:none;}
.comment{margin-top:1.5em;}
embed,iframe{max-width:100%;}

input[type="submit"],input[type="button"] {background: #9810ff;}
input[type="submit"] {border-radius:3px}

a{color:#9810ff;}
body,q,.social-links a,.site-footer{color:#333;}
body{background:#fcfcfc;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea{border:1px solid #ccc;box-shadow: 0 0 5px rgb(180 180 180 / 50%);-moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);-webkit-box-shadow: 0 0 5px rgb(180 180 180 / 50%);}

.kama_breadcrumbs {display:inline;}

.yarpp-related {margin: 0;}
.yarpp-thumbnails-horizontal, #loop {text-align: center;margin: 0 0 20px;}
.yarpp-thumbnails-horizontal a, .homepage a, .homeblocklinks li {display: inline-block;vertical-align: top;position: relative;height: 100%;width: 180px;font-weight: 400;text-align: center;margin: 0 .9% 0;}
.yarpp-thumbnail img {height: 140px !important;width: 140px !important;display: block;margin: 20px auto 10px;overflow: hidden;border-radius: 7px;}
.yarpp-thumbnail span, .link span {display: block;margin: 0 auto;max-width: 180px;font-weight: 400;}

.yarpp-list-horizontal {margin: 3% 2% 0 0;width: 48%;float:left;padding: 0 10px 0 0}
.yarpp-list-horizontal a {display: block;margin: 10px 0 0;border-bottom: 1px solid #eee;}


.homepage {clear: both;margin: 0 auto 0;}
.homepage a, .homeblocklinks li {margin: 0 28px 30px;}



#pagination, #pagination a {text-align: center;width: 100%;margin: 1% 0 0;display: inline-block;}
#pagination a {border: 1px solid #ccc;border-radius: 5px;padding: 25px 70px;background: #9810ff;color: #fff;}
#pagination a:hover {opacity: 0.7;}

.footer-area {background: #fff;border: 1px solid #eee;padding: 0 15px;border-radius: 5px 5px 0 0;clear: both;}

.linkbutton {background: #9810ff;border-radius: 4px;display: inline-block;margin: 0 5px 20px 0;padding: 0}
.linkbutton:hover {opacity: .8;}
.linkbutton a {color: #fff;display: inline-block;padding: 8px 12px;}
.linkbutton:not(:has(a)) {display: none;}

ol {counter-reset: list;}

.entry-content ol >li {position: relative;list-style: none;min-height: 30px;margin-bottom: 10px;padding-left: 18px;padding-top: 5px;}
.entry-content ol>li:before {
content: counter(list);
counter-increment: list;
position: absolute;
top: 6px;
left: -1em;
width: 29px;
height: 29px;
margin-right: 25px;
padding-top: 4px;
color: #fff;
background: #9810ff;
text-align: center;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;font-weight: 600;line-height: 20px;
}

table {color:#333333;width:100%;border-width: 1px;border-color: #8c8c8c;border-collapse: collapse;margin: 2em 0;overflow-x: auto;display: block;border-radius: 3px;border-spacing: 0;}
table th {background-color:#9810ff;color:#fff;border-width: 1px;padding: 8px;border-style: solid;border-color: #8c8c8c;text-align:left;}
table tr {background-color:#ffffff;}
table td {border-width: 1px;padding: 8px;border-style: solid;border-color: #8c8c8c;}
table tr:hover {background-color:#99ffaa;}
.tdred {color:red;}
.tdgreen {color:#0039a5;}
tr td:first-child {text-align: left;}
th a {color:#12ff34;font-weight: 600 !important;}
.linecolor {background: #fcfcfc;}
.yes {background: url("yesicon.png") no-repeat;}
.no {background: url("noicon.png") no-repeat;}
.yes, .no {background-position: center;background-size: 18px;}

#toc_container li,#toc_container ul, .toc_widget li, .toc_widget ul{margin:4px 0;line-height: 1.7}
#toc_container.have_bullets li{padding-left:12px}
#toc_container ul ul{margin-left:1em}
#toc_container p.toc_title{margin:0;font-size: 1.1em;}
#toc_container a, .toc_widget a {border-bottom: 1px solid #eee;}
#toc_container a:hover{font-weight:500}
div#toc_container {box-shadow: 0 0 5px rgba(180,180,180,0.5);-moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);-webkit-box-shadow: 0 0 5px rgba(180,180,180,0.5);border-radius: 5px;padding:10px 15px !important;margin: 10px 0 0;display: inline-block;width: auto;}
div#toc_container {width: 63%;}
.toc_widget {margin: 30px 0 0}	
.toc_widget li, .toc_widget ul {border: 0;margin: 4px 0;font-size:.97em}
.toc_widget li {padding-bottom: 0;}
.toc_widget ul li ul {padding-left: 6px;}

.yarpp-template-list {
width: 100%;
display: inline-block;
margin: 20px 0;
float: right;
box-shadow: 0 0 5px rgba(180,180,180,0.5);-moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);-webkit-box-shadow: 0 0 5px rgba(180,180,180,0.5);border-radius: 5px;padding:10px 15px;
}

.yarpp-template-list a {width:100%}




.widget-title{font-size:1.1em;display: block;margin: 5px 0 0;}
#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{list-style:none}



.categorysearch {margin: 2% 0}



.homeblocklinks h2 {margin: 0;line-height: 1;font-weight: 300;}
.homeblocklinks h2 {padding: 30px 0 10px;}
.homeblocklinks ul {margin: 0;}
.homeblocklinks {float: left;padding: 0 1.8% 0 0;margin: 0 0 20px}
.homeblocklinks a {vertical-align:middle;margin: 0;width: 100%;font-weight: 400;}
.homeblocklinks .homepage a {margin: 0;}
.homeblocklinks li {width:100%;	list-style: disc;font-size: .9em;margin: 10px 0;}
.homeblocklinks li span {text-align: left;line-height: 1.6;margin: 0;padding:0;max-width: 100%;}
.homeblocklinks li img {float:left;width: 70px;height: 70px;margin: 0 8px 0 0;}
#search-form {margin: 0 0 20px;}





.site-footer {display: flex;}
.site-info {flex:1;margin: 0 30px 0 0;}
.site-info a {display:block}
.site-info .headh a {display:inline}
.site-info span {margin-bottom:5px}



.tgchat {color:#fff;padding: 10px;margin: 50px auto;max-width: 370px;background: #f90;border-radius: 5px;display: block;}
.tgchat img {width: 64px;float: left;margin: 0 5px 0 0;}
.tgchat:hover {opacity:.8;color:#fff !important}



.comments-area {
margin: 40px 0 0;	
}


.comment-body {
padding: 5px 13px;
border-radius: 5px;
margin: 1em 0;box-shadow: 0 0 5px rgb(180 180 180 / 50%);
-moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);
-webkit-box-shadow: 0 0 5px rgb(180 180 180 / 50%);
}


.depth-2, .depth-3, .depth-4, .depth-5 {
	margin-left: 20px;
}


.comment-metadata {
font-size: 14px;
}


.left-top {margin: 20px}
.tgchat {margin: 0;padding: 2px;min-width: 270px;background: #9810ff}
.tgchat img {margin: 8px 5px;width: 48px;}
.tgchat span {font-size:.8em}



@media screen and (max-width: 750px) {
.homepage {width: 100%;margin: 0 auto;}
}


@media screen and (min-width: 1160px) {
.homeblocklinks {width:33%}
}


@media screen and (min-width: 1500px) {
.yarpp-thumbnails-horizontal a {margin: 0 1% 0;}
.homepage a {margin: 0 24px 30px;}

}


@media screen and (max-width: 1500px) {
.sidebarfixed {max-width:315px;}
}

@media screen and (max-width: 1160px) {
.inner{padding-right:10px;padding-left:10px;}
.body-content{padding: 0 14px;}
.sidebarfixed {max-width:240px;}
.yarpp-list-horizontal {margin: 3% 0 0;width: 100%;}
.homeblocklinks {width: 50%}
}


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

.site-title {text-align: center;}
#primary,#secondary,#homeprimary{width:100%;}
#main, #homeprimary, .homepage {box-shadow:none;-webkit-box-shadow:none;padding:0px 0 4px}

.footer-area {background: #fafafa;}
.inner {padding-left:0;padding-right:0;margin: 0 auto;}
.footer-area{padding: 10px 15px;}
.error-404 {margin: 0 15px;}
.sidebarfixed {position:inherit;max-width:100%}
div#toc_container, .yarpp-template-list {width: 100%;}
.yarpp-template-list {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin:10px 0 0;padding: 0}

.yarpp-thumbnails-horizontal {display: inline-block;width: 100%;}
.yarpp-thumbnail img {width: 60px !important;height: 60px !important;float: left;margin: 10px 10px 10px 0px;}
.yarpp-thumbnails-horizontal a {clear: both;width: 100%;text-align: left;margin: 0}
.yarpp-thumbnail span, .link span {padding: 10px 0;max-width: 100%;text-align: left;}

.scrolled {position: absolute;}
#secondary aside, .sidebarfixed {width:100%}
}





@media screen and (max-width: 550px) {
.homepage a, .yarpp-thumbnails-horizontal a, .homeblocklinks li {display: block;margin: 0 auto 10px;width: 100%;}
.homepage a, .homeblocklinks li {margin: 0 auto 40px;}
.homeblocklinks li {display: inline-block;}
}


@media screen and (min-width: 769px) {
[title] {position: relative;line-height: 1.6}
[title]:hover:after {content: attr(title);position: absolute;min-width:200px;max-width: 350px;color: #fff;background: #9810ff;padding: 5px;border-radius: 4px;bottom: 35px;transition: 0.5s;font-size: 17px;z-index:9999}
.yarpp-thumbnail[title]:hover:after {content: none;}
.block728 {height:120px;display: block;}
.zeromobile {display: none;}
.lastpost {width:100%;padding: 0;}
.lastpost li {
width:31%;
border-radius: 5px;
padding: 8px;
box-shadow: 0 0 5px rgba(180, 180, 180, 0.5);
-moz-box-shadow: 0 0 5px rgba(180, 180, 180, 0.5);
-webkit-box-shadow: 0 0 5px rgba(180, 180, 180, 0.5);
min-height: 92px;
margin: 1% 1.8% 1% 0
}
}

@media screen and (min-width: 800px) {
.yarpp-template-list .yarpp-thumbnail span, .yarpp-template-list a {width: 180px  !important;}

#main {
background: #fff;
    border-radius: 5px;
    padding: 14px 16px 4px;
    box-shadow: 0 0 5px rgba(180, 180, 180, 0.5);
    -moz-box-shadow: 0 0 5px rgba(180,180,180,0.5);
    -webkit-box-shadow: 0 0 5px rgba(180, 180, 180, 0.5);	
}


#secondary .yarpp {padding:0 0 10px;}
aside .yarpp-thumbnails-horizontal a {display: block;margin: 0 auto 5px;width: 100%;clear: both;text-align: left;font-size:.95em}
aside .yarpp-thumbnail img {width: 60px !important;height: 60px !important;float: left;margin: 12px 5px 5px 0px;}
aside .yarpp-thumbnail span {padding: 10px 0;max-width: 100%;text-align: left;}
.sidebarfixed {	margin: 50px 0 0}
}

@media(max-width: 768px){
.sidebarblock {display:none;}

.homeblocklinks {width: 100%}
.homeblocklinks .homepage {min-height:250px;}

.site-footer {display:block}
.site-info {width:100%}	

.block728 {display: none;}

}

.waslinkname, .waslinkurl {color:#fff !important;padding: 8px;display: inline;background: #9810ff;border-radius: 4px;}
