body { font-size:100%; }
.no-js [data-responsive-toggle] { display: none; }

.fullwidth {width: 100%; margin: 0px;}
.green {color:green}
.red {color:red}
.mred {color:#ca2f1e}
.blue {color:blue}
.bgblueish {background-color:#00d9ee70 !important}
.pd5 {padding: 0px 5px;}
.margin5 {margin: 0px 5px;}
.pdtop1 {padding-top: 3px;}
.w100 {width: 100px;}

.fleft {float: left}
.fright {float: right}
.clear {clear: both}

.img-default {float:left; margin: 5px}

.big-icon-font { font-size: 2.5rem }
.social-icon:hover {background-color: #bfdfdf}
.fbblue {color:#3b5998}
.twblue {color:#1da1f2}
.gporange {color:#ce2e00}
.mailred {color:#ff0020}
.exclpager {background-color: #ddd9; color:#444}
.pdexc {padding: 0px 1.5rem}


#topleftcorner { background: url('../images/stories/dogear.png') no-repeat #e6e6e6; padding:15px 5px 5px 60px;}
header { position: relative; z-index: 1}
#topsticky a.button { background-color: transparent; color: #ba0f0e}
#topsticky a.button:hover { background-color: #d2d2d2; color: black; text-shadow: 1px 1px 0px #ffffff }
#topsticky .top-bar { background-color: transparent }
#bar-icon { margin: 0px 5px; padding: 0px;}
#mobile-top-bar {background: url('../images/dn_icon-small.png') no-repeat}
#cat-menu ul li a {font-size:1.1em}
.menu-icon::after {background: #222222; box-shadow: 0 7px 0 #232323, 0 14px 0 #232323;}
.unclickable { display: block; padding: 0.7rem 1rem; line-height: 1; background-color: transparent !important; color: #200 !important}

.news-thumb {/*height:120px;*/ overflow-y: hidden}
.news-row-img {margin-right: 5px;}
.news-thumb a img, .news-row-img a img {height:190px; width:250px;}
.side-news-thumb {height:60px; width:80px;}
.side-news-thumb img {max-height:72px; max-width:72px}

.labelrow {position: absolute; bottom: 0%; background-color: rgba(64,64,64,0.86); font-size: 1.6rem; padding: 0.5rem; text-shadow: 1px 1px #aaa}
.labelrow a {color: #d44;}
.slide-overlay {position: relative; padding-right: 0px;}
#slide1 img {width:900px; height:450px;}
#slide2 img {width:400px; height:200px;}
#slide3 img {width:400px; height:200px;}
#slide1 div.row {max-width:900px; max-height:450px; margin: 0px;}
#slide2 .labelrow {max-width:400px; font-size: 1.2rem;}
#slide3 .labelrow {max-width:400px; font-size: 1.2rem;}

#eortologio iframe { min-height: 300px; margin: 0px 10%; width: 78%; border: 0px; }

article {text-align: justify}

.comment-section-container {background-color: #fefefe; padding: 1rem; }
.comment-section-author {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.3rem; }
.comment-section-author .comment-section-name p {margin-bottom: 0;}
.comment-section-box {padding: 0.2rem;}
.comment-section-text {padding-left: 0.9375rem; padding-right: 0.9375rem;}
.comment-pad0 {padding-left: 0.1rem; border-bottom: 1px dashed #cacaca;}
.comment-pad1 {padding-left: 1.5rem; border-bottom: 1px dashed #cacaca;}
.comment-pad2 {padding-left: 2.9rem; border-bottom: 1px dashed #cacaca;}

@media only screen and (max-width: 40em) {
	.news-thumb a img, .news-row-img a img {height:95px; width:125px;}
	.column {word-wrap: break-word}
	#slide1 img {max-width:100%; max-height:100%; width:auto; height:auto}
	#slide2 img {max-width:100%; max-height:100%; width:auto; height:auto}
	#slide3 img {max-width:100%; max-height:100%; width:auto; height:auto}
	#slide1 div.row {max-width:100%; max-height:100%; margin: 0px;}
	#slide2 .labelrow {max-width:200px;}
	#slide3 .labelrow {max-width:200px;}
	.labelrow {max-width:200px; font-size: 1.2rem;}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.news-thumb a img, .news-row-img a img {height:142.5px; width:187.5px;}
	#slide1 img {max-width:100%; max-height:100%; width:auto; height:auto}
	#slide2 img {max-width:100%; max-height:100%; width:auto; height:auto}
	#slide3 img {max-width:100%; max-height:100%; width:auto; height:auto}
	#slide1 div.row {max-width:100%; max-height:100%; margin: 0px;}
	#slide2 .labelrow {max-width:200px;}
	#slide3 .labelrow {max-width:200px;}
	.labelrow {max-width:200px; font-size: 1.4rem;}
}

@media print {
	.no-print, .no-print * {display: none !important;}
}
@page {margin: 2cm 1cm}