/*   
Theme Name: Katohika
Theme URI: http://www.tcp.gr
Description: Theme for Katohika.gr by tcp.gr Project
Author: Theodoros Tassopoulos
Author URI: http://www.tcp.gr/
Version: 1
*/


/* Desktop */
body {margin:0px; paddding:0px; background-color:#f6f6f6}
#overall {width:980px; margin:auto;box-shadow: 0 2px 3px #CCC; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; background-color:#FFF}
#header {height:165px; width:100%; display:block; background-image:url(graphics/header_back.jpg);}
#logo {position:absolute; margin-left:317px;}
a {text-decoration:none}
#menu-item-226595 a {color:#FF0000;}
#mainmenu { position: absolute; margin-top: 92px;}
#mainmenu ul {list-style-type:none; font-family:Impact; margin-left:0px; padding-left: 0px;}
#mainmenu ul li {list-style-type:none; font-family:Impact; display:inline;}
#mainmenu ul li a{color:#FFF; text-decoration:none; font-size:20px; padding:0px 7px;}
#mainmenu ul li a:hover{color:#C7C7C7;}
#submenu { position: absolute; margin-top: 125px;}
#submenu ul {list-style-type:none; font-family:tahoma; margin-left:0px; padding-left: 0px;}
#submenu ul li {list-style-type:none; font-family:tahoma; display:inline;}
#submenu ul li a{color:#C7C7C7; text-decoration:none; font-size:12px; padding:0px 3px;}
#submenu ul li a:hover{color:#FFF;}
.menu-item-226595 a {color:#de0000!important}
#footer {background-color:#000}
#epilogi {margin-bottom:10px;}
#epilogi img {width:100%!important; height:auto!important}
#footer ul {list-style-type:none} 
#footer ul li {list-style-type:none}
#footer ul li a {color:#FFF; font-family:Tahoma; font-size:12px; text-decoration:none}
#dous { width: 190px; float: left;}
#regme {color:#46e43a; position:absolute; font-family:Impact; width:300px; margin-left:500px; width: 200px; margin-left: 760px;}
#whatabout {color:#FFF; position:Absolute;}
#whatabout a {color:#FFF; margin-left:5px; margin-right:8px; font-family:Arial; font-size:12px;}
@font-face {
    font-family: digispot;
    src: url('digital-7.woff');
    font-weight: bold;
}
#codered {position:absolute; z-index:9999; color:#BBB; font-family: digispot; font-weight:bold; font-size:18px; text-align:center; width: 330px; margin-left: 335px;}
/* #postcontent img {width:100%!important; height:auto!important} */
.even {background-color:#e2e2e2; color:#000}
.comment {padding:10px; font-family:Tahoma}
.comment a {color:#8C1010}
#headerjat {width:100%; font-family:tahoma; text-align:Center; font-weight:Bold;} 
#postcontent {font-size:21px; font-family:Tahoma; color:#565555;padding:10px}
.comment-author  img{width:50px!important; height:50px!Important}
.sidebar {width:300px; float:right;overflow:hidden; font-family:Tahoma; margin-right:10px;}
.sidebar img {width:300px!important}
#tahoma {font-family:Tahoma}
.sidebar a {color:#8C1010}
.sidebar h3 {width:96%; padding:2%; background-color:#000; color:#FFF; font-family:Tahoma; font-size:14px; text-align:center;}
.sidebar  { }
.screen-reader-text {display:none}
.comment-author-link {font-weight:bold; color:#000} 
.sidebar ul {margin-left:0px; padding-left:0px;} 
.postlist h3 {    width: 300px; float: left; margin-left: 10px;    margin-top: 0px;}
.postlist img {float:left; width: 300px; height: auto;}*/
/*#postcontent iframe, .postlist embed {width:100%!important; height:450px!important}*/
img.aligncenter {}
.postlist h3 a {color:#000; font-family:Tahoma}
.postlist h3 a:hover {color:#FF0000}
.postlist {color:#000; border-top: 1px dotted #000;}
.recentcomments {border-bottom: 1px dotted #000; padding-top:4px; padding-bottom:4px;}
.smalltext {font-weight:normal; font-size:12px; font-family:Tahoma}
#slide {margin-top:10px; background-color:#000; height: 475px;}
input#s {margin-top:0px;}
.widgets {margin-bottom:10px;}
#maintheme {float:left; width:670px; font-family:Arial!important}
#maintheme img {width:660px!important; height: 407px;}
#maintheme h1 {color:#FFF;font-size:20px; font-weight:bold; width:100%; text-align:center;}
#subthemes {float:right; width:310px;}
#subthemes img {width:310px; height:180px;}
#subthemes h2 {color:#FFF;font-size:14px; font-weight:bold; width:100%; text-align:center; font-family:Tahoma; height: 34px; overflow: hidden;}
#left {width: 660px; float:left; overflow:hidden}
.postlist {width:630px; padding:10px;}
.clr {clear:both;}
.kentrikolike {width:300px; margin:10px; height:250px; float:left;}
input#s {
    background-color: #FFF!important;
    width: 220px;
    margin-left: 10px;
    margin-top: 10px;
    background: url(graphics/search.png) no-repeat 5px 6px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;
}
input#searchsubmit {
    display: none;
}
.datime {font-size:12px; font-family:tahoma; color:#8C1010; float:right;}
.nav-previous {background-color:#8C1010; width: 160px; color:#FFF; padding:10px; display:block; float:right;}
.nav-next {background-color:#8C1010; width: 160px; color:#FFF; padding:10px; display:block; float:left;}
.nav-previous a {color:#FFF;}
.nav-next a {color:#FFF;}
#footer {  margin-top: 10px;  }
.marg-bot {margin-bottom:10px;}
.dareadmore {color:#bcbec0; font-weight:Bold;}
#bio {font-weight:Bold;}
#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:100%;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:left;
width: 50px!important;
height: 50px!important;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
} 

/***** Comment Form *****/

#respond { padding: 25px; background: #444; }
#respond .comment-reply-title { font-weight: 700; color: #fff; margin-bottom: 20px; text-transform: uppercase; }
#respond .logged-in-as a, #respond .logged-in-as a:hover { color: #fff; }
#respond label, .comment-notes, #respond .logged-in-as { font-size: 12px; font-size: 0.75rem; font-weight: 700; color: #fff; text-transform: uppercase; }
#commentform p { margin-bottom: 10px; }
#cancel-comment-reply-link { font-size: 10px; font-size: 0.625rem; font-weight: 400; color: #fff; padding: 5px; margin-left: 20px; background: #000000; }
.required { color: #f00; }

/***** Forms *****/

input, textarea { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
input[type=text], input[type=email], input[type=tel], input[type=url], textarea { width: 60%; }
input[type=submit] { font-size: 12px; font-size: 0.75rem; font-weight: 700; color: #fff; padding: 10px; cursor: pointer; background: #cd1c21; display: inline-block; border: 0; text-transform: uppercase; -webkit-appearance: none; }



/***** Lists *****/

.entry-content ul, .commentlist ul { list-style: square; }
.entry-content ol, .commentlist ol { list-style: decimal; }
.entry-content ul, .commentlist ul, .entry-content ol, .commentlist ol { margin: 0 0 25px 40px; }
.entry-content ul ul, .commentlist ul ul, .entry-content ol ol, .commentlist ol ol { margin: 0 0 0 40px; }
dl { margin: 0 0 10px 25px; margin: 0 0 0.625rem 1.875rem; }
dt, dd { display: list-item; }
dt { list-style-type: square; font-weight: bold; }
dd { list-style-type: circle; margin-left: 25px; margin-left: 1.875rem; }
select { max-width: 100%; }

/***** Comments *****/

.comments-wrap, .pingback-wrap { margin-bottom: 25px; overflow: hidden; }
.comment-section-title { font-size: 16px; font-size: 1rem; font-weight: 700; color: #fff; padding: 10px 20px; background: #000000; text-transform: uppercase; overflow: hidden; }
.commentlist, .pinglist { padding: 25px 25px 0; list-style: none; border-top: 1px dotted #fff; background: #000000; overflow: hidden; }
.commentlist .depth-1 { background: #fff; padding: 25px; margin-bottom: 25px; }
.commentlist .comment { padding: 25px; padding-bottom:30px;}
.commentlist .comment .vcard { position: relative; font-size: 18px; font-size: 1.125rem; margin-bottom: 15px; }
.commentlist .meta { line-height: 20px; }
.commentlist .meta span { font-weight: 700; margin-right: 10px; text-transform: uppercase; }
.commentlist .meta a { font-size: 12px; font-size: 0.75rem; }
.commentlist .meta span a { font-size: 18px; font-size: 1.125rem; }
.commentlist .comment .avatar { float: left; width: 50px; height: 50px; margin-right: 20px; margin-bottom: 20px; background: #fff; border: 5px solid #fff; }
.commentlist .bypostauthor .avatar { border: 5px solid #000000; }
.commentlist .comment-text { font-size: 14px; font-size: 0.875rem; }
.commentlist .children { list-style: none; margin: 0;    padding: 0px; }
.commentlist .children li { padding: 0px; background: #fafafa; margin-top: 25px; }
.commentlist .depth-2 .children li { background: #f2f2f2; }
.commentlist .depth-3 .children li { background: #eaeaea; }
.commentlist .depth-4 .children li { background: #e0e0e0; }
.commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6, .comment-text p, .comment-text blockquote { margin-bottom: 20px; }
.comment-text blockquote p:last-child { margin: 0; }
.comment-footer-meta { float: right; }
.comment-footer-meta a { font-size: 12px; font-size: 0.75rem; font-weight: 700; color: #fff; padding: 5px 10px; margin-right: 4px; background: #cd1c21; border: 3px solid #fff; text-transform: uppercase; }
.comment-footer-meta a:hover { color: #fff; }
.comment-author { font-weight: 700; }
.comment-info { color: #444; margin: 20px 0px; }
.comments-pagination { margin-bottom: 20px; }
.pinglist { padding: 10px 25px 25px; }
.pinglist .pings { line-height: 2.5; padding: 5px 0; border-bottom: 1px dotted #fff; }
.pinglist .pings a, .pinglist .pings a:hover, .pinglist .fa-link { color: #fff; }
.pinglist .fa-link { margin-right: 10px; }
.no-comments { padding: 25px; background: #ececec; border: 1px solid #ccc; }
#stranger { background-image:url('graphics/strangerblog.png'); width:290px; display:block; min-height: 70px; padding-bottom: 10px; background-color:#000; font-family:Tahoma; background-repeat:no-repeat; color:#FFF; padding-top:246px; font-weight:bold; padding-left:5px; padding-right:5px;}
.authord img {width:50px!important; height:50px!important;}
.bang {width:240px; float:right;margin-top:5px; padding-bottom:5px; border-bottom:1px dotted #000}
.authord {width:300px; clear:both; margin-top: 10px;}
.begads {width:360px; height:300px; display:block; float:left;}
.mbtop,#mbtop,.mbtop2,#mbtop2 {display:none;}
.brm-more-link2 {background-color:#000; color:#FFF; text-align:center; font-size:18px; padding:5px; margin-top:5px;}
.my-paginated-posts a {border:1px solid #000; padding:5px;color:#FF0000}
.my-paginated-posts a:visited, .my-paginated-posts a:hover, .my-paginated-posts  {color:#FF0000}
#leftbanner {display:none; width:160px; height:600px;display:block;  position: absolute; margin-left: -160px;}
#rightbanner {display:none; width:160px; height:600px; display:block; position: absolute; margin-left: 980px;}
div.zaki_like_dislike_box {
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    padding: 5px;
    width: 110px;
    float: right;
}
.wp-caption-text {display:none}
#mesastokeimenogiadesktop {width:336px; height:280px; display:block; float:left; margin:10px 10px 10px 0px;}
#mitindosestathero, .mitindosestathero  {display:none!important}
.giakinitopano {display:none!Important}

.brm-more-link {background-color:#000; color:#FFF;}
.brm-more-link a {color:#FFF;}
#yesmibi {display:none!Important}


/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.social-box {
    display: block;
    margin: -20px 0 40px;
    padding: 0 6rem 0;
}

.social-box:last-of-type {
    margin: 0 0 40px;
}

.social-btn {
    display: block;
    width: 100%;
}

a.col-2.sbtn span {
    display: none;
}

a.col-1.sbtn {
    width: 180px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    margin: 0 0.5% 0 0;
    font-size: 15px;
}

a.col-1.sbtn span {
    margin: 0 0 0 15px;
}

a.col-2.sbtn {
    width: 6%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    margin: 0 0.5% 0 0;
    line-height: 1.825 !important;
    max-width: 50px;
    min-width: 50px;
}

.s-twitter {
	background: #03A9F4;
}
.s-twitter::before {
    font-family: fontawesome;
    content: '\f099';
}
.s-twitter:hover {
    background: #0093d6;
}


.s-facebook {
	background: #3F51B5;
}
.s-facebook::before {
    font-family: fontawesome;
    content: '\f09a';
}
a.col-1.sbtn.s-facebook:hover {
    background: #2f409f;
}

/*.s-buffer {
	background: #ced7df;
}
.s-buffer::before {
    font-family: fontawesome;
    content: '\e804';
}
a.col-2.sbtn.s-buffer:hover {
    background: #c3c5c8;
}*/

/********************************
////// Important
*******************************/

.social-btn a:last-of-type {
    margin: 0;
}


@media only screen and (max-width: 1200px) {
    a.col-1.sbtn {
        width: 180px;
        display: inline-block;
        text-align: center;
        border-radius: 50px;
        padding: 10px;
        color: #fff;
        margin: 0 0.5% 0 0;
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    a.col-1.sbtn {
        width: 46px;
    }

    a.col-1.sbtn span {
        display: none;
    }

/* Mobile*/
@media only screen and (max-device-width: 480px) {
#overall,#maintheme,#maintheme img,#logo,#left,.postlist {width:100%!important;}
.giakinitopano {display:Block!important; width:300px; height:250px; margin:auto;}
#leftbanner, #rightbanner {display:none}
#nomibi {display:none!Important;}
#yesmibi {display:block!Important;    float: none; width:300px!important; height:250px!important; margin:auto!important}
#logo {position:relative!important; margin-left:0px!important}
#megalidiafimisi {display:none}
#mitindosekinito {display:none!important}
.mitindosekinito {display:none!important}
#mitindosestathero {display:block!important; width:300px!important; height:250px!important; margin:auto;}
.mitindosestathero {display:block!important; width:320px!important; height:100px!important; margin:auto;}
.aligncenter, img.aligncenter { margin-right: auto; display: block; width: 100%; clear: both; height: auto; }
#logo img {width:100%!important;}
#mainmenu,.sidebar, #submenu,#slide {display:none!important;}
#header {height:100px!important;} 
.postlist {padding:5px 0px!Important; width:100%!Important;}
.postlist img {width:100%!important}
.begads {width:300px!important; height:250px!important; margin:auto; display:block;clear:both; float:none}
.mbtop,#mbtop {width:300px!important; height:250px!important; margin:auto; display:block;clear:both;}
.mbtop2,#mbtop2 {width:300px!important; height:250px!important; margin:auto; display:block;clear:both;}
#mbhome, .kentrikolike {display:none!important} 
#regme, #whatabout, #codered {display:none!important}
iframe {width:100%!important; height:250px!important; }
.notmobilemada {display:none!important}
}
/* Mobile*/