/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
 audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
 audio:not([controls]) { display: none; }
 [hidden] { display: none; }
 
 html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
 body { margin: 0; font-size: 13px; line-height: 1.231; }
 body, button, input, select, textarea { font-family: sans-serif; color: #222; }
 
 ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 
 a { color: #00e; }
 a:visited { color: #551a8b; }
 a:hover { color: #06e; }
 a:focus { outline: thin dotted; }
 a:hover, a:active { outline: 0; }
 
 abbr[title] { border-bottom: 1px dotted; }
 b, strong { font-weight: bold; }
 blockquote { margin: 1em 40px; }
 dfn { font-style: italic; }
 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 ins { background: #ff9; color: #000; text-decoration: none; }
 mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
 pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
 q { quotes: none; }
 q:before, q:after { content: ""; content: none; }
 small { font-size: 85%; }
 sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
 sup { top: -0.5em; }
 sub { bottom: -0.25em; }
 ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
 dd { margin: 0 0 0 40px; }
 nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
 svg:not(:root) { overflow: hidden; }
 figure { margin: 0; }
 
 form { margin: 0; }
 fieldset { border: 0; margin: 0; padding: 0; }
 label { cursor: pointer; }
 legend { border: 0; *margin-left: -7px; padding: 0; }
 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
 button, input { line-height: normal; *overflow: visible; }
 table button, table input { *overflow: auto; }
 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 textarea { overflow: auto; vertical-align: top; resize: vertical; }
 input:valid, textarea:valid {  }
 input:invalid, textarea:invalid { background-color: #f0dddd; }
 
 table { border-collapse: collapse; border-spacing: 0; }
 td { vertical-align: top; }
 
 
 /* ==|== primary styles =====================================================
    Author: 
    ========================================================================== */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* ==|== non-semantic helper classes ======================================== */
 .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
 .ir br { display: none; }
 .hidden { display: none !important; visibility: hidden; }
 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 .invisible { visibility: hidden; }
 .clearfix:before, .clearfix:after { content: ""; display: table; }
 .clearfix:after { clear: both; }
 .clearfix { zoom: 1; }
 
 
 /* ==|== media queries ====================================================== */
 
 @media only screen and (min-width: 480px) {
 
 
 }
 
 @media only screen and (min-width: 768px) {
 
 }
 
 
 
 /* ==|== print styles ======================================================= */
  
 @media print {
   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
   a, a:visited { text-decoration: underline; }
   a[href]:after { content: " (" attr(href) ")"; }
   abbr[title]:after { content: " (" attr(title) ")"; }
   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   thead { display: table-header-group; }
   tr, img { page-break-inside: avoid; }
   img { max-width: 100% !important; }
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3 { page-break-after: avoid; }
 }
 
 body {
   width: 100%;
   zoom: 1;
 }
 body:before,
 body:after {
   content: "";
   display: table;
 }
 body:after {
   clear: both;
 }
 /*
 GRID
 */
 /*
 MORE RESET
 */
 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 h1,
 h2,
 h3,
 h4,
 p {
   -webkit-margin-before: 0;
   -webkit-margin-after: 0;
 }
 /*
 LAYOUT
 */
 #container {
   margin: 0 auto;
   max-width: 960px;
   *zoom: 1;
   margin-bottom: 50px;
 }
 #container:before,
 #container:after {
   content: "";
   display: table;
 }
 #container:after {
   clear: both;
 }
 footer {
   height: 20px;
 }
 #main {
   *zoom: 1;
 }
 #main:before,
 #main:after {
   content: "";
   display: table;
 }
 #main:after {
   clear: both;
 }
 body>header {
   *zoom: 1;
   background-color: #3a5fac;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a5fac), color-stop(1, #2e4c8a));
   background: -webkit-linear-gradient(top, #3a5fac 0%, #2e4c8a 100%);
   background: -moz-linear-gradient(top, #3a5fac 0%, #2e4c8a 100%);
   background: linear-gradient(top, #3a5fac 0%, #2e4c8a 100%);
   border-top: 1px #294278 solid;
   border-bottom: 1px #436bbf solid;
 /*
   MENU
   */
 }
 body>header:before,
 body>header:after {
   content: "";
   display: table;
 }
 body>header:after {
   clear: both;
 }
 body>header:before {
   content: '';
   display: block;
   border-bottom: 1px #436bbf solid;
 }
 body>header:after {
   content: '';
   display: block;
   border-bottom: 1px #294278 solid;
 }
 body>header #language {
   font-size: 83%;
   top: 8px;
   right: 10px;
   font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
   font-weight: 400;
   color: #a5afc6;
 }
 body>header #language a {
   margin: 0 5px;
   color: #a5afc6;
 }
 body>header #language a.active {
   color: #fff;
 }
 body>header #language {
   position: absolute;
 }
 body>header #about-menu {
   display: none;
 }
 body>header #menu-title {
   display: none;
 }
 body>header nav {
   line-height: 1;
   font-size: 110%;
   font-weight: 400;
   margin-bottom: 10px;
   position: relative;
   white-space: nowrap;
   *zoom: 1;
   max-width: 960px;
   margin: 0 auto;
 }
 body>header nav:before,
 body>header nav:after {
   content: "";
   display: table;
 }
 body>header nav:after {
   clear: both;
 }
 body>header nav>ul {
   *zoom: 1;
   border-left: 1px #2b4781 solid;
 }
 body>header nav>ul:before,
 body>header nav>ul:after {
   content: "";
   display: table;
 }
 body>header nav>ul:after {
   clear: both;
 }
 body>header nav>ul>li {
   border-right: 1px #2b4781 solid;
   border-left: 1px #3e65b6 solid;
 }
 body>header nav li>ul {
   top: 28px;
   background: #fff;
   background: rgba(255,255,255,0);
   position: absolute;
   left: -9999px;
 }
 body>header nav li>ul li {
   z-index: 9999;
   padding-top: 0px;
   float: none;
   background: #c6cbd6;
   border-bottom: 1px #b0b4be solid;
 }
 body>header nav li>ul li:hover {
   background: #bac3d4;
 }
 body>header nav li>ul li:hover a {
   color: #1b1b1b;
   position: relative;
 }
 body>header nav li>ul li:hover a:before {
   position: absolute;
   content: "";
   top: 9px;
   left: -1px;
   width: 6px;
   height: 8px;
   display: block;
   background: url("/static/img/arrow.c73a2e6c254d.png") no-repeat;
   background-position: -6px 0px;
 }
 body>header nav li>ul li:hover a:hover {
   text-decoration: none;
 }
 body>header nav li>ul li:hover a:visited {
   color: #1b1b1b;
 }
 body>header nav li>ul li:before {
   content: '';
   display: block;
   margin: 0 -5px;
   border-bottom: 1px #d1d5df solid;
 }
 body>header nav li>ul li:first-child {
   border-top: 1px #ebeff6 solid;
 }
 body>header nav li>ul li:last-child {
   border-bottom: none;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
 }
 body>header nav li>ul li a {
   display: block;
   padding: 5px 8px;
   color: #444;
   text-decoration: none;
 }
 body>header nav li>ul li a:visited {
   color: #444;
 }
 body>header nav li {
   padding: 1px 5px;
   float: left;
   position: relative;
 }
 body>header nav li a {
   display: block;
   padding: 5px;
   text-decoration: none;
   color: #fff;
 }
 body>header nav li a:visited {
   color: #fff;
 }
 body>header nav li a:hover {
   color: #fff;
   text-decoration: none;
 }
 body>header nav li:hover ul,
 body>header nav li.over ul {
   left: 0;
 }
 /*
 BASE
 */
 body {
   background-color: #fff;
   font-family: Georgia;
 }
 html {
   overflow-x: hidden;
 }
 h1,
 h2,
 h3 {
   font-family: 'Droid Serif', serif;
 }
 a {
   color: #3a5fac;
   text-decoration: none;
 }
 a:hover {
   color: #315192;
   text-decoration: underline;
 }
 a:visited {
   color: #3a5fac;
 }
 /*
 PAGINATION
 */
 html.history div.pagination {
   display: none;
 }
 div.pagination {
   font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   font-weight: 400;
   font-size: 100%;
 }
 div.pagination .current {
   text-decoration: underline;
 }
 div.pagination .actions {
   display: block;
   float: right;
 }
 div.pagination .actions a {
   display: inline !important;
   font-size: 100% !important;
   font-weight: 400 !important;
 }
 div.pagination .actions a.next:before {
   content: none !important;
 }
 /*
 BREADCRUMB
 */
 .breadcrumbs {
   font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   font-weight: 300;
   margin-right: 3.125%;
   border-bottom: 1px solid #efefef;
   font-size: 83%;
   padding: 5px 0;
   text-transform: uppercase;
   line-height: 20px;
   overflow: auto;
 }
 .breadcrumbs li {
   float: left;
 }
 .breadcrumbs li:after {
   padding: 0 6px;
   content: ">";
 }
 .breadcrumbs li:last-child:after {
   content: "";
 }
 .breadcrumbs li a {
   color: #666;
   text-decoration: none;
 }
 .breadcrumbs li a:hover {
   color: #000;
   text-decoration: underline;
 }
 .breadcrumbs li:last-child {
   color: #000;
 }
 /*
 STRUCTURE
 */
 #left {
   display: inline;
   float: left;
   overflow: hidden;
   width: 64.58333333333334%;
   margin: 0 1.041666666666667%;
   -webkit-box-shadow: rgba(200,200,200,0.1) 3px 0px 5px 0px;
   -moz-box-shadow: rgba(200,200,200,0.1) 3px 0px 5px 0px;
   box-shadow: rgba(200,200,200,0.1) 3px 0px 5px 0px;
 }
 #right {
   display: inline;
   float: left;
   overflow: hidden;
   width: 31.25%;
   margin: 0 1.041666666666667%;
 /*
   h1
     display block
     font-family 'Droid Serif', serif
     color darken(blue_color,15%)  
     font-size 197%
     font-weight 700
     margin 5px 0*/
 }
 .box {
   display: inline;
   float: left;
   overflow: hidden;
   width: 93.75%;
   margin: 0 3.125%;
 }
 /*
 AUTHORS
 */
 #authors li {
   display: inline;
   float: left;
   overflow: hidden;
   width: 46.875%;
   margin: 0 1.5625%;
   margin-top: 10px;
   margin-bottom: 10px;
   height: 100px;
 }
 #authors li img {
   float: left;
   margin-right: 10px;
 }
 #authors li .biography {
   display: block;
 }
 #authors li .author {
   font-family: 'Droid Serif', serif;
   font-size: 130%;
 }
 #authors li:last-child {
   clear: both;
   height: 22px;
   display: inline;
   float: left;
   overflow: hidden;
   width: 96.875%;
   margin: 0 1.5625%;
 }
 /*
 AUTHOR
 */
 #author {
   margin-right: 3.125%;
 }
 #author>ul {
   clear: both;
 }
 #author>ul>li:first-child {
   border-top: 1px solid rgba(200,200,200,0.3);
 }
 #author header {
   margin: 30px 0;
   *zoom: 1;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #bdc3d1;
   background-color: #dee1e8;
   position: relative;
 }
 #author header:before,
 #author header:after {
   content: "";
   display: table;
 }
 #author header:after {
   clear: both;
 }
 #author header h1 {
   margin-top: 5px;
 }
 #author header img {
   float: left;
   margin: 0 10px 0 0;
 }
 #author header .biography {
   font-size: 130%;
   display: block;
   margin: 5px 0;
 }
 #author header .website {
   display: block;
   margin: 5px 0;
 }
 #author header .mail {
   display: block;
   position: absolute;
   right: 10px;
   bottom: 10px;
 }
 /*
 ADMIN LINKS
 */
 body .admin {
   display: none;
 }
 body.staff .admin {
   display: initial;
 }
 body.staff .admin .edit {
   text-indent: -10000px;
   display: inline-block;
   line-height: 1;
 }
 body.staff .admin .edit:after {
   display: block;
   content: "";
   height: 20px;
   width: 20px;
   float: left;
   background: url("/static/img/edit.f28291255072.png") no-repeat;
 }
 #search h1 {
   display: none;
 }
 #search .input {
   width: 96.875%;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 /* border 1px solid #D9D9D9 */
   position: relative;
 }
 #search .input #id_order {
   margin: 8px 0 5px;
 }
 #search .input #id_order:after {
   content: "";
   display: block;
   clear: both;
 }
 #search .input #id_order li {
   width: 30%;
   float: right;
 }
 #search .input #id_order input[type=radio] {
   width: 20px;
 }
 #search input[type=text] {
   width: 90%;
   border: none;
   font-size: 180%;
   background: transparent;
   margin-left: 5px;
   height: 30px;
   border-bottom: 1px dotted #d9d9d9;
 }
 #search button {
   position: absolute;
   top: 3px;
   right: 2px;
   text-indent: -10000px;
   width: 38px;
   height: 30px;
   border: none;
   background: url("/static/img/search.885dd48a4502.png") no-repeat;
 }
 #search header {
   margin: 30px 0;
 /*clearfix()
     border-radius 3px
     border 1px solid desaturate(lighten(blue_color, 60%),65%)
     background-color desaturate(lighten(blue_color, 80%),65%)*/
 }
 #search li.author {
   margin-right: 3.125%;
   border-bottom: 1px #efefef solid;
   padding-bottom: 10px;
 }
 #search li.author span.type {
   font-family: Georgia;
   font-size: 120%;
   color: #444;
   line-height: 1.8;
 }
 #search li.author img {
   display: inline;
   float: left;
   overflow: hidden;
   width: 21.875%;
   margin: 0 1.5625%;
   float: left;
   margin: 0 10px 10px 0;
   clear: both;
   height: auto;
 }
 #search li.author span.author>a {
   color: #315192;
   font-size: 250%;
   font-family: 'Droid Serif', serif;
   font-weight: 700;
   display: block;
 }
 /*
 CONTACTS FORMS
 */
 form.contact label {
   width: 4em;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block;
 }
 form.contact p {
   margin: 5px 0;
 }
 form.contact input,
 form.contact textarea {
   width: 80%;
 }
 /*
 FEED
 */
 section>h1 {
   margin: 20px 0;
 }
 #feed>ul>li,
 #author>ul>li,
 #search>ul>li {
   *zoom: 1;
   margin: 10px 0;
 }
 #feed>ul>li:before,
 #author>ul>li:before,
 #search>ul>li:before,
 #feed>ul>li:after,
 #author>ul>li:after,
 #search>ul>li:after {
   content: "";
   display: table;
 }
 #feed>ul>li:after,
 #author>ul>li:after,
 #search>ul>li:after {
   clear: both;
 }
 #feed .meta,
 #author .meta,
 #search .meta {
   clear: both;
   margin-right: 3.125%;
   border-top: 1px #efefef solid;
   border-bottom: 1px #efefef solid;
 }
 #feed>ul img,
 #author>ul img,
 #search>ul img {
   display: inline;
   float: left;
   overflow: hidden;
   width: 34.375%;
   margin: 0 1.5625%;
   float: left;
   margin: 0 10px 10px 0;
   clear: both;
   height: auto;
 }
 #feed>ul h2,
 #author>ul h2,
 #search>ul h2 {
   font-size: 250%;
   margin: 5px 0;
 }
 #feed>ul h2 a,
 #author>ul h2 a,
 #search>ul h2 a {
   text-decoration: none;
   color: #315192;
 }
 #feed>ul h2 a:visited,
 #author>ul h2 a:visited,
 #search>ul h2 a:visited {
   color: #315192;
 }
 #feed>ul p,
 #author>ul p,
 #search>ul p {
   font-size: 116%;
   display: inline;
   float: left;
   overflow: hidden;
   width: 59.375%;
   margin: 0 1.5625%;
 /*
       -webkit-hyphens auto
       -moz-hyphens auto
       text-align justify*/
 }
 #feed>ul p.noimage,
 #author>ul p.noimage,
 #search>ul p.noimage {
   display: inline;
   float: left;
   overflow: hidden;
   width: 97.91666666666666%;
   margin: 0 1.041666666666667%;
 }
 #feed>ul .next,
 #author>ul .next,
 #search>ul .next {
   display: block;
   font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
   text-transform: uppercase;
   text-align: right;
   color: #00416a;
   font-size: 73%;
   margin: 7px 0;
   position: relative;
   font-weight: 700;
 }
 #feed>ul .next:before,
 #author>ul .next:before,
 #search>ul .next:before {
   position: absolute;
   content: "";
   top: 2px;
   right: 73px;
   width: 6px;
   height: 8px;
   display: block;
   background: url("/static/img/arrow.c73a2e6c254d.png") no-repeat;
 }
 #infinite-indicator {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-bottom: none;
   text-align: center;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   height: 22px;
   line-height: 22px;
   border: 1px solid #bdc3d1;
   background-color: #dee1e8;
   font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   font-weight: 400;
   font-size: 110%;
   padding: 5px 0;
   color: #000;
   background-color: #ccd2de;
   cursor: default;
 }
 #infinite-indicator:hover {
   cursor: pointer;
   color: #000;
   background-color: #ccd2de;
 }
 #infinite-indicator span {
   color: #444;
 }
 #infinite-indicator span:before {
   line-height: 22px;
   vertical-align: middle;
   margin-right: 10px;
   content: url("/static/img/ajax-loader.8b3e320c2871.gif");
 }
 #infinite-indicator span:hover {
   text-decoration: none;
 }
 /*
 ARTICLE META
 */
 #print-button {
   margin: -1px 7px 0 0;
   display: block;
   float: left;
 }
 li>ul.authors {
   float: left;
   font-weight: 700;
 }
 li>ul.authors:after {
   content: '/';
   margin-right: 3px;
 }
 li>ul.authors a {
   font-family: Georgia;
   font-size: 120%;
   color: #444;
 }
 .meta .authors,
 .meta .date,
 .meta .categories,
 .meta .statistic {
   font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   font-size: 85%;
   font-weight: 400;
   line-height: 1.8;
 }
 header>ul.authors {
   font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   font-size: 85%;
   font-weight: 400;
 }
 .date {
   font-family: Georgia;
   font-size: 120%;
   color: #444;
 }
 header>ul.authors {
   float: left;
   padding-right: 4px;
 }
 header>ul.authors:after {
   content: ' / ';
 }
 .meta .statistic,
 .meta .authors {
   float: left;
   padding-right: 4px;
 }
 .meta .statistic:after,
 .meta .authors:after {
   content: ' / ';
 }
 .statistic {
   margin-bottom: 10px;
 }
 ul.authors li {
   display: inline;
 }
 ul.authors li>a:after {
   content: ', ';
   margin-right: 2px;
 }
 ul.authors li:last-child>a:after {
   content: '';
 }
 ul.categories li {
   display: inline;
 }
 ul.categories li:after {
   content: ' | ';
 }
 ul.categories li:last-child:after {
   content: '';
 }
 /*
 ARTICLE
   
 */
 article {
   line-height: 1.4;
 }
 article h1 {
   margin: 10px 0;
 }
 article h1 .admin .statistic {
   font-size: 80%;
   font-weight: normal;
   color: #808080;
 }
 article header {
   *zoom: 1;
   min-height: 24px;
   line-height: 1.5em;
   margin: 5px 0 20px 0;
   font-size: 120%;
   border-top: 1px solid #e9ebf3;
   border-bottom: 1px solid #e9ebf3;
   margin-right: 3.125%;
 /*.date
       clear both
     .categories
       clear both
     */
 }
 article header:before,
 article header:after {
   content: "";
   display: table;
 }
 article header:after {
   clear: both;
 }
 article header ul,
 article header ol {
   padding: 0;
   margin: 0;
 }
 article header .date {
   font-size: 83%;
   float: left;
   padding-right: 4px;
 }
 article header .date:after {
   content: '';
 }
 article header .categories {
   display: none;
 }
 article header .social {
   position: relative;
   padding-right: 7px;
   float: right;
 }
 article header .social .st_facebook,
 article header .social .st_twitter,
 article header .social .st_linkedin,
 article header .social .st_email,
 article header .social .st_plusone {
   display: block;
   float: left;
   height: 17px;
   width: 22px;
 }
 article header .social .st_facebook span,
 article header .social .st_twitter span,
 article header .social .st_linkedin span,
 article header .social .st_email span,
 article header .social .st_plusone span {
   position: absolute;
   top: 2px;
 }
 article footer {
   clear: both;
   border-top: 1px solid #e9ebf3;
   border-bottom: 1px solid #e9ebf3;
   padding: 3px 0;
   margin-left: 12.5%;
   margin-top: 20px;
   margin-bottom: 20px;
   font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
   font-weight: 400;
 }
 article footer .statistic {
   float: right;
 }
 article footer .statistic:after {
   content: '';
 }
 article img {
   max-width: 100%;
   height: auto;
 }
 article>img {
   display: inline;
   float: left;
   overflow: hidden;
   width: 34.375%;
   margin: 0 1.5625%;
   float: left;
   margin: 0 10px 10px 0;
 }
 article p,
 article h2,
 article ul,
 article ol {
   font-size: 116%;
   margin: 0px 10px 10px 0;
   margin-left: 12.5%;
 }
 article h2 {
   display: block;
   font-size: 19px;
   font-style: italic;
   font-weight: normal;
   font-family: inherit;
   text-align: left;
   margin-top: 20px;
   margin-bottom: 10px;
 /* padding: 15px */
 /* border-top: 1px solid #e9ebf3
     border-bottom: 1px solid #e9ebf3 */
 }
 article ul,
 article ol {
   padding: 0 0 0 1.3em;
 }
 article ul {
   list-style-type: disc;
 }
 article header ul li {
   float: left;
 }
 article .copyright {
   margin-top: 1.5em;
   color: #808080;
   font-size: 100%;
   font-style: italic;
 }
 /*
 RIGHT ELEMENTS
 */
 *,
 input {
   outline: none;
 }
 h1.logo {
   text-indent: -10000px;
   background: url("/static/img/logo.83b02520c630.png") no-repeat;
   height: 67px;
   width: 177px;
   margin: 10px 0;
 }
 input,
 textarea {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 3px;
   width: 70%;
   font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
   font-weight: 200;
   border: 1px solid #d9d9d9;
 }
 input[type=search],
 textarea[type=search] {
   width: 97%;
   font-size: 120%;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
 }
 input:focus,
 textarea:focus {
   -webkit-box-shadow: 0 0 0 0;
   -moz-box-shadow: 0 0 0 0;
   box-shadow: 0 0 0 0;
 }
 button {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #5591c9;
   color: #fff;
   background-color: #6fa2d1;
 }
 .box {
   *zoom: 1;
   margin: 20px 0 10px 0;
   font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
   font-size: 93%;
 }
 .box:before,
 .box:after {
   content: "";
   display: table;
 }
 .box:after {
   clear: both;
 }
 .box h3 {
   font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
   font-weight: 700;
   line-height: 1.8;
   color: #2e4c8a;
   text-transform: uppercase;
   margin-bottom: 10px;
   font-size: 100%;
   display: block;
   border-bottom: 1px solid #efefef;
 }
 .box .facebook,
 .box .google,
 .box .twitter {
   width: 32px;
   height: 32px;
   display: block;
   float: left;
   margin-right: 10px;
   text-indent: -10000px;
   overflow: hidden;
   background: url("/static/img/social.90d0ded51a78.png") no-repeat;
 }
 .box .facebook {
   background-position: -32px 0px;
 }
 .box .google {
   background-position: -64px 0px;
 }
 .menu li {
   width: 46%;
   margin: 0 2%;
   float: left;
   border-bottom: 1px dotted #efefef;
   padding: 3px 0;
   position: relative;
   text-indent: 7px;
 }
 .menu li:before {
   position: absolute;
   content: "";
   top: 6px;
   left: -1px;
   width: 6px;
   height: 8px;
   display: block;
   background: url("/static/img/arrow.c73a2e6c254d.png") no-repeat;
   background-position: -6px 0px;
 }
 .menu li.full-width {
   width: 100%;
 }
 .menu ul {
   margin: 0 -2%;
 }
 .amazon {
   background-color: #cce5fc;
   border: 1px solid #25a4db;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
 .amazon h3 {
   background-color: #74a5d3;
   color: #fff;
   border-bottom: 1px solid #25a4db;
   padding: 1px 8px;
   margin-bottom: 0px;
 }
 .amazon ul {
   padding: 0 8px;
 }
 .amazon ul li {
   *zoom: 1;
   margin: 2px 0;
   padding: 4px 0;
   border-bottom: 1px solid #a8dbf1;
   position: relative;
 }
 .amazon ul li:before,
 .amazon ul li:after {
   content: "";
   display: table;
 }
 .amazon ul li:after {
   clear: both;
 }
 .amazon ul li a {
   color: #444;
 }
 .amazon ul li span {
   display: block;
 }
 .amazon ul li span.price {
   position: absolute;
   right: 2px;
   bottom: 3px;
   text-align: right;
   font-size: 140%;
 }
 .amazon ul li img {
   width: 30%;
   float: left;
   margin: 0 10px 0 0;
   border: 1px solid #a8dbf1;
 }
 .amazon ul li:last-child {
   border-bottom: none;
 }
 section.authors h3 {
   margin-bottom: 0;
 }
 section.authors li {
   *zoom: 1;
   border-bottom: 1px dotted #e8e8e8;
   line-height: 1.2;
   padding: 10px 0;
 }
 section.authors li:before,
 section.authors li:after {
   content: "";
   display: table;
 }
 section.authors li:after {
   clear: both;
 }
 section.authors li:last-child {
   border: none;
 }
 section.authors img {
   float: left;
   margin-right: 10px;
 }
 section.authors a {
   display: block;
 }
 section.authors .biography {
   display: block;
   margin: 5px 0;
 }
 section.authors .author {
   display: block;
   font-size: 120%;
 }
 section.authors .mail {
   font-size: 93%;
   display: block;
   float: right;
 }
 section.fb-like {
   position: relative;
   height: 165px;
 }
 section.fb-like span {
   position: absolute;
   top: -80px;
   left: 0;
 }
 section.related>ul>li,
 section.stats>ul>li {
   margin: 7px 0;
   padding: 7px 0;
   color: #555;
   font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
   font-weight: 700;
   font-size: 100%;
 }
 section.related>ul>li>ul,
 section.stats>ul>li>ul {
   border-top: 1px dotted #e9ebf3;
   margin-top: 3px;
 }
 section.related>ul>li>ul>li,
 section.stats>ul>li>ul>li {
   padding: 3px 0;
   font-weight: 400;
   font-size: 100%;
 }
 section.related>ul>li>ul>li .author a,
 section.stats>ul>li>ul>li .author a {
   float: none;
   font-size: 83%;
   color: inherit;
 }
 section.related>ul>li>ul>li span.date,
 section.stats>ul>li>ul>li span.date {
   float: none;
   font-size: 83%;
 }
 section.related>ul>li>ul>li span.date:after,
 section.stats>ul>li>ul>li span.date:after {
   content: '';
 }
 section.related>ul>li>ul>li span.date:before,
 section.stats>ul>li>ul>li span.date:before {
   content: '- ';
 }
 section.donate a {
   float: right;
 }
 @media screen and (max-width: 800px) {
   article header,
   article p,
   article h1,
   article h2,
   article footer {
     margin-left: 0%;
   }
 }
 @media screen and (max-width: 650px) {
   body>header nav {
     font-size: 85%;
   }
   body>header nav li {
     padding: 0 0;
   }
   body>header nav li>ul {
     top: 23px;
   }
   body>header nav li>ul li:before {
     margin: 0 0;
   }
   article h2 {
     font-size: 18px;
   }
   body {
     background: #fff;
   }
   #container-wrapper {
     margin: 0;
   }
   #container {
     -webkit-box-shadow: 0 0 0 0;
     -moz-box-shadow: 0 0 0 0;
     box-shadow: 0 0 0 0;
     border: none;
   }
   .breadcrumbs {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
     margin-left: -20px;
   }
   #right {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
   }
   #left {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
   }
   #left img {
     margin-left: 0;
   }
   #left p {
     display: block;
     float: none;
     overflow: initial;
     width: auto;
   }
   #left article {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
     margin-right: 50px;
   }
   #left article img {
     display: inline;
     float: left;
     overflow: hidden;
     width: 47.91666666666667%;
     margin: 0 1.041666666666667%;
     margin-left: 0;
   }
   h1.logo {
     position: absolute;
     top: 0px;
   }
   body>header {
     margin-top: 80px;
   }
 }
 @media screen and (max-width: 500px) {
   .breadcrumbs {
     display: none;
   }
   #feed>ul img,
   #author>ul img {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
     margin-left: 0;
     margin-bottom: 10px;
   }
   #feed>ul p,
   #author>ul p {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
   }
   body.list #right .box {
     display: none;
   }
   .box {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
     margin-top: 20px;
   }
   .join-us,
   .menu,
   .subscribe,
   .stats {
     display: none;
   }
   input[type=search] {
     top: 47px;
     position: absolute;
     right: 5px;
     width: 30%;
     font-size: 96%;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
   }
   #container>header>form>input {
     display: none;
   }
   #authors {
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
   }
   #authors li {
     border-bottom: 1px solid rgba(200,200,200,0.3);
     -webkit-box-shadow: rgba(220,220,250,0.1) 0px 8px 8px 0px;
     -moz-box-shadow: rgba(220,220,250,0.1) 0px 8px 8px 0px;
     box-shadow: rgba(220,220,250,0.1) 0px 8px 8px 0px;
     height: auto;
     display: inline;
     float: left;
     overflow: hidden;
     width: 97.91666666666666%;
     margin: 0 1.041666666666667%;
   }
   #authors li:last-child {
     margin-top: 20px;
   }
   body>header {
     background: none;
   }
   body>header,
   body>header:before,
   body>header:after {
     border: none;
   }
   body>header>nav {
     margin: 90px 5px 10px 5px;
     font-size: 100%;
   }
   body>header>nav.open #menu-title span:after {
     background-position: 0 -21px;
   }
   body>header>nav #menu-title {
     position: relative;
     display: block;
     line-height: 35px;
     padding-left: 10px;
     font-family: Helvetica, Verdana, Jamrul, sans-serif;
     font-weight: 400;
     font-size: 120%;
     color: #fff;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a5fac), color-stop(1, #2e4c8a));
     background: -webkit-linear-gradient(top, #3a5fac 0%, #2e4c8a 100%);
     background: -moz-linear-gradient(top, #3a5fac 0%, #2e4c8a 100%);
     background: linear-gradient(top, #3a5fac 0%, #2e4c8a 100%);
     border-top: 1px #2e4c8a solid;
     border-bottom: 1px #436bbf solid;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
   }
   body>header>nav #menu-title span {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #34559b), color-stop(1, #1d2f56));
     background: -webkit-linear-gradient(top, #34559b 0%, #1d2f56 100%);
     background: -moz-linear-gradient(top, #34559b 0%, #1d2f56 100%);
     background: linear-gradient(top, #34559b 0%, #1d2f56 100%);
     border-left: 1px solid #5672ac;
     position: absolute;
     right: 0px;
     top: 0px;
     display: block;
     width: 50px;
     height: 100%;
     -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
     border-radius: 0 3px 3px 0;
   }
   body>header>nav #menu-title span:after {
     content: '';
     background-image: url("/static/img/menu-arrow.849bf87004b4.png");
     display: block;
     height: 21px;
     width: 26px;
     position: absolute;
     top: 6px;
     left: 12px;
     overflow: hidden;
   }
   body>header>nav>ul {
     display: none;
   }
   body>header>nav #about-menu {
     display: inline;
   }
   body>header>nav #language {
     position: absolute;
     top: -70px;
     right: 0px;
   }
   body>header>nav #language a {
     margin: 0 5px;
     color: #ccc;
   }
   body>header>nav #language a.active {
     color: #757f96;
   }
   body>header>nav>ul {
     border: none;
     border-top: 1px solid #b9c2d5;
     background-color: #7987a5;
     margin: 0 5px;
     -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
     border-radius: 0 0 6px 6px;
 /*a, a:visited
           color #333*/
   }
   body>header>nav>ul>li {
     border: none;
   }
   body>header>nav>ul>li:last-child>ul>li:last-child {
     -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
     border-radius: 0 0 6px 6px;
   }
   body>header>nav li {
     float: none;
   }
   body>header>nav li > ul {
     position: relative;
     left: 0;
     top: 0;
     *zoom: 1;
   }
   body>header>nav li > ul:before,
   body>header>nav li > ul:after {
     content: "";
     display: table;
   }
   body>header>nav li > ul:after {
     clear: both;
   }
   body>header>nav li > ul > li:first-child {
     border-top: none;
   }
   body>header>nav li > ul > li:last-child {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
   }
 }
 body.flatpage #left section ul {
   list-style-type: disc;
   padding: 1.3em;
 }
 html {
   color: #fff;
 }
 /* experimental mobile subscription */
 .box.join-us .close {
   display: none;
 }
 @media screen and (max-width: 500px) {
   body #right .box.join-us._dismissed {
     display: none;
   }
   body #right .box.join-us {
     display: block;
   }
   body #right .box.join-us {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0;
     background: #fff;
     padding: 5px;
     -webkit-box-shadow: 0 0 40px rgba(128,128,128,0.75);
     -moz-box-shadow: 0 0 40px rgba(128,128,128,0.75);
     box-shadow: 0 0 40px rgba(128,128,128,0.75);
   }
   body #right .box.join-us h3 {
     font-size: 100%;
     margin-bottom: 5px;
   }
   body #right .box.join-us h3 .close {
     display: block;
     float: right;
     color: #888;
     margin-right: 5px;
   }
   body #right .box.join-us a {
     -webkit-transform: scale(0.75);
     -moz-transform: scale(0.75);
     transform: scale(0.75);
     margin: 0;
   }
 }
 @media screen and (max-width: 500px) and (min-height: 600px) {
   body #right .box.join-us {
     padding: 10px;
   }
   body #right .box.join-us a {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1);
     margin-right: 15px;
   }
   body #right .box.join-us h3 {
     font-size: 125%;
   }
   body #right .box.join-us h3 .close {
     font-size: 100%;
     margin-right: 10px;
   }
 }
 .fa-facebook,
 .fa-facebook-square {
   color: #3b5998 !important;
 }
 .fa-twitter,
 .fa-twitter-square {
   color: #00aced !important;
 }
 .fa-linkedin,
 .fa-linkedin-square {
   color: #007bb6 !important;
 }
 .fa-instagram,
 .fa-instagram-square {
   color: #517fa4 !important;
 }
 
 .share_buttons{
        position: relative;
        display: block;
      }
      .a2a_kit{
        position: absolute;
        right:5px;
      }
      .a2a_kit .a2a_svg{
        margin-top:2px !important;
        height:20px;
        width:20px;
      }
      .a2a_kit .a2a_svg a{
        border:1px solid red;
      }
      #donateInput{ 
        width:97%;
        margin-bottom:10px;
      }
      .contact-subscribe label{
        text-transform: capitalize;
        display:inline-block; width:100px;
      }
      .contact-subscribe p{
        padding-bottom: 10px;
      }
      .donate-paypal{
        background:#f2f2f2; 
        padding:40px 10px 10px 10px; 
        position: relative;
        margin-bottom:30px;
      }
      .donate-paypal .close-paypal{
        position: absolute;
        top:10px;
        right:10px;
      }
      .donate-paypal p{
        margin:10px 0;
      }
      .donate-paypal input {
        width:60% !important;
      }
      @media only screen and (min-width: 480px) {
        .donate-paypal{
        margin-left:12.5%;
      }
      .box.subscribe .close{
        display:none;
      }
      }
      @media only screen and (max-width: 480px) {
        #left{
          display: block;
        }
        .share_buttons{
        position: relative;
        display: none;
      }
      .box.subscribe{
        border-top:1px solid #dddddd;
        box-shadow: 0px 10px 5px #888, 0px -5px 5px rgba(150,150,150,0.1);
        display:block !important; 
        background:#fff;
        position: fixed;
        left:0; 
        bottom:0; 
        width:100%;
        padding:10px 8px 15px 8px; 
        margin:0;
        z-index: 999999999;
      }
      .box.subscribe .close{
        display: block;
        position: absolute;
        top:10px;
        right:25px;
        cursor: pointer;
        z-index: 10;
        color: #666;
        text-decoration: none;
      }
    }
      @media only screen and (min-width: 480px) {
        .subscribe-newsletter{ display: none; }
      }

      @media only screen and (max-width: 480px) {
        .search-form{ display:none; }
        .subscribe-newsletter{ display:block; }
        .subscribe-newsletter input { position: absolute; top:47px; right:5px; width:40%; }
      } */

/* Mollie Donation Styles */
.donate-mollie {

  padding: 20px;
  margin-bottom: 30px;
  border-radius: 3px;
}

.mollie-donation p {
  margin-bottom: 15px;
  line-height: 1.4;
}
.mollie-donation h3{
  margin: 20px 0;
}
.mollie-donation.article h3{
  font-size:18px;
}
.mollie-donation .amount-wrapper{
  margin: 15px 0;
}
.mollie-donation .amount-input {
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 2px 10px;
  background: #fff;
  font-size: 16px;
  margin:10px 0;
  font-family: Georgia;
}
.mollie-donation.article .amount-input {
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 8px 10px;
  background: #fff;
  font-size: 16px;
}

.mollie-donation .prefix {
  font-weight: bold;
  margin-right: 5px;
  color: #333;
}

.mollie-donation input[type="number"] {
  border: 0;
  width: 100px;
  font-size: 18px;
  outline: none;
  font-family: inherit;
}

/* Override browser default invalid styling */
.mollie-donation input[type="number"]:invalid {
  box-shadow: none;
  background: #fff;
}

/* Invalid state - only when explicitly marked */
.mollie-donation input[type="number"].invalid {
  background: #fff0f0;
}

.mollie-donation .amount-input:has(input.invalid) {
  border-color: #d9534f;
  background: #fff0f0;
}

.mollie-donation .btn-donate {
  background: #0070ba;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
  transition: background 0.2s ease;
  width:100%;
}

.box.mollie-donation .btn-donate {
  width: 100%;
}

.mollie-donation .btn-donate:hover {
  background: #005a94;
}

.mollie-donation .btn-donate:disabled {
  background: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}

.mollie-donation .error {
  color: #d9534f;
  font-size: 14px;
  margin: 5px 0;
}

/* Article-specific donation box */
.donate-mollie {
  margin-left: 0;
}

.donate-mollie .mollie-donation {
  padding: 15px;
  background: #f2f2f2;
  position: relative;
}

.donate-mollie .mollie-donation .close-mollie {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  padding: 5px 10px;
  line-height: 1;
  text-decoration: none;
}

.donate-mollie .mollie-donation .close-mollie:hover {
  color: #333;
  text-decoration: underline;
}

.donate-mollie .mollie-donation.article{
  text-align: center;
}
.payment-badges {
  text-align: center;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

.payment-badges .powered-by {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
}

.payment-badges .powered-text {
  font-size: 11px;
  color: #666;
  text-transform: lowercase;
  padding-top:5px;
  font-style: italic;
}

.payment-badges .mollie-logo {
  height: 16px !important;
  width: auto !important;
  opacity: 0.7;
}

.payment-badges .card-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.card-logos .card-logo,
.mollie-logo {
  width: 45px !important;
  height: auto;
  opacity: 0.8;
}

@media only screen and (min-width: 480px) {
  .donate-mollie {
    margin-left: 12.5%;
  }
}

/* Donation success/cancel pages */
.donation-success,
.donation-cancel {
  padding: 40px 20px;
}

.donation-success h1,
.donation-cancel h1 {
  color: #333;
  margin-bottom: 20px;
}

.donation-success .success-message,
.donation-cancel .cancel-message {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.donation-success .success-message p,
.donation-cancel .cancel-message p {
  margin-bottom: 15px;
}