@font-face {
  font-family: Zabatana;
  src: url(../zabatana-poster.otf);
}

.motto {font-color: #FFFFFF;}

@media screen and (min-width: 1100px) {
#page {width: 90%; max-width: 1100px; margin: 2em auto;}
.entry-single .entry-content, .entry-content {margin: 0 20px;}
#topbar {display: flex; box-sizing: border-box; padding: 1em 1.5em 0em; flex-flow: row; justify-content: flex-end;}
#topbar .widget {flex-basis: 30%; flex-grow: 1;}
#topbar h4 {text-align: center;}
.content-inner {text-align: center;}
}

body {background-attachment: fixed;}
.entry-content, #comments {text-align: justify;}

.site-content, #site-content {background: #FFFFFF;}
.entry-article-body, .entry-article-footer {display: none !important;}
.entry img {clear: both !important;}

.posts-layout .entry-inner {padding-bottom: 0; border-bottom: none;}

.customify-container {padding: 0 20px;}
#main {padding: 20px;}



.widget_meta > ul > li:nth-last-child(1), .widget_meta > ul > li:nth-last-child(2), .titlebar-title {
display: none; 
}

.page-id-31 .page-titlebar, .page-id-31 h1.titlebar-title {display: none;}
.page-titlebar {display: none;}

#topbar .widget {padding: 0 0.25em;}

#topbar {margin-bottom: 1.5em;}

.entry-title {text-align: center;}
#post-31 .entry-title {display: none;}
.entry-meta a {color: #214183;}

.comment-header, .comment-header a, h1.entry-title {color: #214183;}
.comment-wrap {border: 1px solid #214183; padding: 0.4em 0.8em;}

.wp-show-posts-entry-header {display: grid;}

h1.entry-title {margin: 0.5em 0 0.5em;}
.home h1.entry-title {display: none;}

.posts-layout-wrapper {padding-top: 2em;}
.entry-title a:link, .entry-title a:visited, .entry-title a:active {color: #214183;}
.entry-title a:hover {color: #FFBC17;}
.posts-layout-wrapper .entry-title {font-size: 40px !important;}
.entry-title {font-size: 50px !important;}
.widget-title {font-size: 30px !important;}

.podicon {margin: 0 6px !important;}
#listento img:hover {opacity: 0.50 !important;}
#listento img, #listento img:hover, .podicon:hover, .podicon, .header-social-icons a, .header-social-icons a:hover {transition: all 0.5s;}

#revue-newsletter {width: 100%; margin: 0 auto; text-align: center; padding: 8px 4px; font-size: 110%; color: #214183; background-color: #ffbc17;}
#revue-newsletter a, .banner-extra-inner a {text-decoration: underline; font-weight: bold; color: #000000;}
#revue-newsletter a:hover, .banner-extra-inner a:hover {color: #214183;}
.banner-extra {background: #FFFFFF !important;}
.banner-extra-inner {background: #ffbc17; border-style: solid; border-color: #FFFFFF; border-width: 3px; text-align: center; padding: 8px 4px;}

.posts-layout.layout--blog_column .entry-media {padding-top: 50%;}