/*   
Theme Name: CEEweb for Biodiversity
Theme URI: http://ceeweb.org
Description: WordPress theme template of CEEweb
Author: Zoltan Zmeskal
Author URI: http://www.diverziti.hu/
Version: 1
*/

@import url("assets/citizenbold.css"); 
@import url("assets/citizenregular.css");

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

/* body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif} */
body{font:14px/1.5 'Segoe UI',Segoe,Tahoma,Geneva,sans-serif}
pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}

body{background-color: #fff;}
a {text-decoration: none; color: #6BA619; font-weight: bold;}
a:hover {color: black; }
h2 {font: 26px/1.2 CitizenBold,'Segoe UI',Segoe,Tahoma,Geneva,sans-serif; text-shadow: #000 2px 2px 2px;}

#slider a, #slider2 a, #features a {font-weight: normal;}

#header img {float: left; margin-left: 10px; margin-top: 15px; margin-bottom: 15px;}
#header p {font: 12px/1.5 CitizenRegular,'Segoe UI',Segoe,Tahoma,Geneva,sans-serif; float: left; margin-left: 80px; margin-top: 25px; margin-right: 135px; width: 460px; color: #2b420a; }
.wrapper, .subwrapper {width: 1050px; margin: 0 auto; background-color: #fff; }
#langswitcher {padding-top: 80px; font-size: 11px; }
#langswitcher a {text-decoration: none; color: darkgreen; }

#headbox {padding-top: 50px; font-size: 11px; }
#donate img {
	float: none;
    margin: 0 0 -7px 5px;
}
/*#mqtranslate-chooser {padding-top: 80px; font-size: 11px; }*/
#mqtranslate-chooser a {text-decoration: none; color: darkgreen; }
#mqtranslate-chooser li {float: left; list-style: none; margin-left: 8px;}

#menuwrap {clear: both; background-color: #2b420a; margin-bottom: 20px; height: 29px;}
#search {float: right; margin: 2px 0 0 0;  }
#searchsubmit {color: #fff; border: 0; padding: 3px 6px;
/* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #2A430A, #8AB80D);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#2A430A), to(#8AB80D));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#2A430A', EndColorStr='#8AB80D', GradientType=0);
}
#content {float: left; display: inline; width: 810px; margin-bottom: 20px;}
#content-full {margin-bottom: 20px;}

.post {border: 1px solid green; padding: 10px; overflow: hidden;}
.post p {margin-bottom: 10px;}
.post h2 {text-transform: uppercase; color: white; background-color: #2b420a; padding: 10px; margin: -10px; margin-bottom: 25px;}
.post-biz h2 {text-transform: uppercase; color: white; background-color: #2b420a; padding: 10px; margin: -10px; margin-bottom: 25px;}
.post-biz {border: 1px solid green; padding: 10px; overflow: hidden;}
.post h3 {margin: 15px 0;}
.post h4 {font-size: 16px; color: #840b00; margin-top: 20px;}
.post h5 {padding-top: 15px; margin-bottom: 5px; border-top: 1px dashed #2b420a; color: #2b420a;}
.post .meta {color: #fff; float: right; margin-top: 10px;}
.post .meta a {color: #dfd;}
.post .meta a:hover {color: #fff;}
.post ul, .post ol {margin-bottom: 10px;}
.post hr {clear: both;}
.article {overflow: hidden; clear: both; border-bottom: 1px solid green;}

.submenu:before, .submenu:after {content:""; display:table;}
.submenu:after {clear:both;}
.submenu {zoom:1;}
.submenu li {display: block; float: left; margin: 0 20px 20px 0;}
ul.sf-menu li, .sf-menu li:hover {z-index: 999;}

#slider {float: left; width: 810px; height: 310px; margin-bottom: 10px;  background:url("img/featurebg.jpg") top left no-repeat; padding-top: 10px; padding-left: 10px; position: relative;}
#slidenav {z-index: 50; position: absolute; bottom: 30px; right: 30px; }
#slidenav a {border: 1px solid #eff8e3; background: #2b420a; text-decoration: none; margin: 0 3px; padding: 0 7px;}
#slidenav a.activeSlide { background: #eff8e3; }
#slidenav a:focus { outline: none; }
#slides {position: relative;}
.cycle {position: absolute; top: 0; right: 20px; }
.slidertext {background:url("img/opacity.png") 0 0 repeat; margin-top: -87px; padding-left: 10px; color: #fff; width: 780px; z-index: 280; position: absolute; bottom: 0; left: 0; height: 87px;}
.slidertext h2 {margin-bottom: 0}
.slidertext p {font-size: 16px; margin-bottom: 5px;}

#slider2 {float: left; width: 610px; height: 610px; margin-bottom: 10px; padding-top: 10px; padding-left: 10px; position: relative;}
#slidenav2 {z-index: 50; position: absolute; top: 30px; left: 30px; }
#slidenav2 a {border: 1px solid #eff8e3; background: #2b420a; text-decoration: none; margin: 0 3px; padding: 0 7px;}
#slidenav2 a.activeSlide { background: #eff8e3; }
#slidenav2 a:focus { outline: none; }
#slides2 {position: relative;}
.cycle2 {position: absolute; top: 0; right: 20px; }
.slidertext2 {background:url("img/opacity.png") 0 0 repeat; margin-top: -87px; padding-left: 10px; color: #fff; width: 580px; z-index: 280; position: absolute; bottom: 0; left: 0; height: 87px;}
.slidertext2 h2 { text-transform: none; color: white; background: none; padding: 0; margin: 0;}
.slidertext2 p {font-size: 16px; margin-bottom: 5px;}

.pushbutton {width: 170px; height: 170px; background-color: #293d27; float: right; margin: 10px; padding: 5px;
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */ }
.pushbutton p {text-align: center; color: #f0c082; font-size: 25px; font-family: CitizenBold,'Segoe UI',Segoe,Tahoma,Geneva,sans-serif; margin-bottom: 0;
text-shadow:0px 0px 0 rgb(166,111,111),1px 1px 0 rgb(122,67,67), 2px 2px 0 rgb(79,24,24),3px 3px 2px rgba(0,0,0,0.6),3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);
}
a .pushbutton:hover { /* background-color: #adff2f; */ background:url("http://www.placebear.com/180/180") 0 0 no-repeat; }
a .pushbutton:hover p {display: none; }

#features {float: left; width: 811px; border-top: 1px dashed green; border-left: 1px dashed green; margin-bottom: 20px;}
#features ul li {background:url("img/imgbg.gif") 20px 36px no-repeat; }
#features ul li {width: 364px; float: left; padding-left: 20px; padding-right: 20px; margin-left: 0; list-style: none; padding-bottom: 20px; border-right: 1px dashed green; border-bottom: 1px dashed green;}
#features ul li:hover {background-color: #eff8e3;}
#features h3 {margin-top: 10px; margin-bottom: 5px; font-size: 14px; text-transform:uppercase; color: #2b420a;}
#features p {margin-bottom: 0; height: 107px; overflow: hidden;}
#features img {float: left; margin-top: 6px; margin-left: 6px; padding-right: 40px;}
#features span  a {clear: both; float: right; margin-top:0;}
#features a {color: black; }

#sidebar {float: right; display: inline; width: 225px; margin-left: 15px; margin-bottom: 20px; font-size: 11px;}
#sidebar h5 {height: 20px; font-size: 11px; text-transform:uppercase; background: url("img/kis_box_teteje.png") no-repeat top left; color: #fff; padding: 2px 6px; margin-right: 17px; margin-bottom:10px;}
#sidebar h5.blue {background: url("img/kis_box_teteje_blue.png") no-repeat top left;}
#sidebar h5 img {float: right; margin-right: -24px; margin-top: -15px;}
#sidebar h6 {margin-bottom: 3px; font-size: 13px; line-height: 16px;}
#sidebar img {margin-right: 5px; float: left; }
#sidebar p.small {font-size: 10px; margin-bottom: 5px; margin-top: 30px; line-height: 10px; }
#sidebar p.meta {font-size: 10px; line-height: 10px; margin-bottom: 1px;}

.mid {margin-top: -8px;}
.sbwidget {margin-bottom: 20px;}
.sbwidget ul li {margin-left: 12px;}

.post p a span {float: right;}
.post p a span:before, .post a span:after {content:""; display:table; }
.post p a span:after {clear:both;}
.post p a span {zoom:1;}

.entry {overflow: hidden;}

.post td, .post th {
    border: 1px solid #98BF21;
    padding: 3px 7px 2px;
}
.post th {
    background-color: #A7C942;
    color: #FFFFFF;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}
.post tr.alt td {
    background-color: #EAF2D3;
    color: #000000;
}

#photo {background: url("img/picframe.jpg") no-repeat top left; height: 307px; width: 211px; margin-bottom: 20px;}
#photo img {margin-top: 14px; margin-left: 14px;}
.phototext {background:url("img/opacity.png") 0 0 repeat; margin-left: 14px; margin-top: 268px; padding: 3px 10px; color: #fff; width: 161px; z-index: 280; position: absolute; font-size: 12px;}

#footer {clear: both; background-color: #2b420a; }
#footer p, #footer a {text-align: center; margin-bottom: -3px; color: #fff; font-size: 11px; padding: 3px 0;}
#footer a:hover {color: lightgreen;}
.green  {background-color: #2b420a; }

#crumbs {margin: 0 0 15px; text-transform: uppercase; font-size: 10px; font-weight: bold;}

img.alignright {float:right; margin:5px 2px 20px 20px;}
img.alignleft {float:left; margin:5px 20px 20px 2px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {padding: 10px 0 10px 10px;}
.wp-caption img {margin: 0; padding: 0;}
.wp-caption-text {padding: 0; margin: 0; text-align: center; font-style: italic; font-size: 11px; }
p.wp-caption-text {margin-bottom:0; text-align: right; padding-right: 10px;}

#commentwrap {border-top: 4px solid #6b8b10;}
#commentwrap {border-bottom: 1px solid #6b8b10;}
#commentwrap {border-left: 1px solid #6b8b10;}
#commentwrap {border-right: 1px solid #6b8b10;}
#commentwrap cite {font-style: normal; font-size: 16px; background: url("img/comment_number_back.png") no-repeat left top; padding-left: 60px; height: 40px; display: block;}
h3#comments {margin: 0; padding: 5px 10px; border-bottom: 2px solid #6b8b10;}
h3#comments span {color: #6b8b10; font-size: 16px;}
ul.commentlist {margin: 0; padding: 0; list-style: none;}
ul.commentlist  li {margin: 0;  border-top: 1px dashed #afc964; }
ul.commentlist  li:first-child {border: 0;  }
ul.commentlist  li  p {margin-bottom: 5px;}
.avatar {float: left; margin-right: 10px; }
.comment-author {float: left;}
.comment-author span {float: left; color: #fff; font-size: 16px; font-weight: bold; margin-top: 3px; margin-left: 10px;}
.comment-meta {float: right; font-size: 10px; margin-top: 5px;}
.comment-head{overflow: hidden; padding: 10px 10px 0 0; border-bottom: 1px solid #fff; }
.comment-body{overflow: hidden; padding: 10px;}
.clear {clear: both;}

li.even {background: #eff8e3 url("img/comment_nyil.png") no-repeat 730px -1px;}
li.odd {background: #e5f3d2 url("img/comment_nyil.png") no-repeat 730px -1px;}

/*.post a[href^="http://"] { background: url("img/icon_external-small.png") center right no-repeat; padding-right:15px; }*/
.post a[href^="http://www.ceeweb.org"] { background: none; padding-right: 0; }
#sidebar a[href$=".pdf"], .post a[href$=".pdf"] { background: transparent url("img/icon_pdf.gif") center left no-repeat; padding-left: 16px; padding-right: 2px;}
#sidebar a[href$=".doc"], .post a[href$=".doc"] { background: transparent url("img/icon_doc.gif") center left no-repeat; padding-left: 16px; padding-right: 2px;}

/* calendar - this works nicely on duotone theme */
#wp-calendar caption {width: 157px; text-align: center; background: #2b420a; color: #fff; border-bottom: 2px solid #e6eef7;}
#wp-calendar { border-collapse:collapse; width: 156px; text-align: center;}
#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}
#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}
#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}
#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar a {padding: 2px 0; font-weight: bold;}
#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}
#wp-calendar #next {text-align: right; padding-right: 10px;}
#calendar_wrap {display: block; width: 157px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 0 20px;}

#sidebar input {width: 220px;}
#sidebar input[type="submit"] {width: 120px;}

#vids ul {margin: 0; padding: 0; list-style: none;}
#vids ul li {float: left; margin: 0; margin: 0 10px 10px;}

.videos {float: left; margin: 10px 42px; }

#pics h5 {margin-top: 20px;}

.ngg-gallery-thumbnail {margin: 0 10px 10px 9px !important;}
.sbwidget .entry-title  {font-size: 12px; margin-bottom: 0;}
ol.hfeed {list-style-type: none;}
ol.hfeed li {margin-left:0; margin-bottom:10px;}
.ngg-gallery-thumbnail-box {margin-right: 0 !important;}
.ngg-gallery-thumbnail img {margin: 4px 0 4px 2px !important;}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356 !important;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #83c41a;
	display:table-cell;
        vertical-align: middle;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:15px;
	width:130px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #86ae47;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}.button:active {
	position:relative;
	top:1px;
}

.button.button-12377, .button.button-12380, .button.button-12383, .button.button-12385 {width: 240px;}

.logos {margin: 0 auto; border: 0;}
.logos td {border: 0 !important;}
.logos th {border: 0 !important;}
.logos a[href^="http://"] { background: none; padding-right: 0;}

.gform_body th {background-color: white; color: black;}

.case {display: none;}

.post h4.clickme:hover {
color: green !important;
cursor: pointer !important;
}

.popout {
  width: 200px;
  padding: 2px;
  border: 2px solid green;
  float: right;
  margin-left: 20px;
}

.popout p {
  background-color: rgb(191,233,22);
  padding: 6px;
  margin-bottom: 1px;
  border: 1px solid rgb(83,116,25);
}

.popout p:hover {
  background-color: rgb(233,255,0);
}

.popout p a {
  color: #333;
}

.boxleft {width: 200px; margin-right: 10px; padding: 10px; border: 2px solid green; float: left; font-size: 12px;}
.boxright {width: 200px; margin-left: 10px; padding: 10px; border: 2px solid green; float: right; font-size: 12px;}
.boxleft-2 {width: 400px; margin-right: 10px; padding: 10px; border: 2px solid green; float: left; font-size: 12px;}
.boxfull {margin-right: 10px; padding: 10px; border: 2px solid green; font-size: 12px;}

div#attachment_10739, div#attachment_10749 {
margin-right: 20px;
}

.logo {margin: 15px;}

.shadowless {box-shadow: none !important; }

.tribe-events-nav-previous a span:after {content:""; display:none; }

.wp-caption.alignright {margin-left: 10px; }
.wp-caption.alignleft {margin-right: 10px; }

.gallery p {width: 150px;}

.post a[href^="http://"] img { background: none; }

.hilite { padding-top: 10px; margin-bottom: 20px; border-top: 2px solid brown; border-bottom: 2px solid brown; }

.parent-pageid-177 .entry td {
	border: none;
	padding: 0;
}
.parent-pageid-177 .entry table {
	margin: 0;
}

.parent-pageid-177 .post p a span {
	float: none;
}

.parent-pageid-177 .post p a span:before, .parent-pageid-177 .post a span:after {
	display: inline;
}

.mcnImageCardBlockInner a {
	text-decoration: none !important;
}

.mcnButtonBlockInner {
	text-align: center;
}

.mcnButtonContentContainer {
	display: inline-block;
}

.mcnImageCardBottomImageContent {
	text-align: center;
}

.subpage-menu {
	margin-top: -13px;
}

.subpage-menu li {
	margin: 0 10px 10px 0;
}

.subpage-menu a.subpage-item {
	background: #4166b6;
	color: #fff;
	padding: 6px 11px;
	font-size: 13px;
	display: block;
}

.subpage-menu a.subpage-item:hover {
	background: #7192db;
	color: #fff;
}