/*
Theme Name: Olino Blog
Text Domain: olino.blog
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4

Based on Official Wordpress Theme Twenty Twenty (2020)
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Jeroen van Agt

Converted from older theme 

  OliNo NL 4.1.0 Production
  Date: 20100224

	This theme was designed and built by Nick La.
	Modified by Gijs de Beer.
	Modified by Jeroen van Agt
*/

body {
  font: 75%/150% "Trebuchet MS", Tahoma, Arial;
  color: #333333;
  background: #ffffff url(images/main-bg.gif);
  margin: 0px;
  padding: 0px 0px 30px;
  -webkit-font-smoothing: antialiased !important;
}

#page {
  margin: 0px auto;
  width: 994px;
  border-bottom: 5px solid #d5e6eb;
  border-left: 5px solid #d5e6eb;
  border-right: 5px solid #d5e6eb;
  background: #ffffff url(images/content-bg.jpg) repeat-y;
  position: relative;
}

p a,
span a,
a span {
  color: #cc6600;
  text-decoration: none;
}

p a:visited,
span a:visited,
a:visited span {
  color: #cc6633;
  text-decoration: none;
}

p a:hover,
span a:hover,
a:hover span {
  color: #ff6600;
  text-decoration: underline;
}

a.review {
  float: left;
  padding-left: 18px;
  background: url(images/olino-sprites.gif) -156px -533px no-repeat;
  text-decoration: underline;
}

span.review {
  padding-left: 18px;
  background: url(images/olino-sprites.gif) -156px -533px no-repeat;
}

img {
  border: none;
}
p {
  padding: 0px 0px 5px;
  margin: 0px;
}
h1 {
  margin: 0px;
  font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
  color: #c9eefe;
}
h1 a,
h1 a:visited {
  color: #c9eefe;
  text-decoration: none;
}
h1 a:hover {
  color: #ffffff;
  text-decoration: none;
}
h2 {
  color: #316484;
  margin: 0px 0px 2px;
  border-bottom: 1px dotted #cccccc;
  letter-spacing: -1px;
  font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
  padding-bottom: 3px;
}
h2 a,
h2 a:visited {
  color: #316484;
  text-decoration: none;
}
h2 a:hover {
  color: #ff6600;
  text-decoration: none;
}
h3 {
  font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
  color: #316484;
  margin: 10px 0px 5px;
}
h4 {
  font: normal 120%/100% "Trebuchet MS", Tahoma, Arial;
  color: #316484;
  margin: 10px 0px 5px;
}
form {
  margin: 0px;
  padding: 0px;
}
#sidebar_shadow_top {
  position: absolute;
  top: 171px;
  right: 346px;
  height: 86px;
  width: 8px;
  background: url(images/olino-sprites.gif) 0px 1418px no-repeat; /* //check this */
}

a.more-link {
  background: url(images/olino-sprites.gif) -159px -3px no-repeat;
  height: 31px;
  width: 90px;
  padding: 7px 0 0 35px;
  margin-top: 5px;
  margin-bottom: -5px;
  display: block;
}
a.more-link:hover {
  background: url(images/olino-sprites.gif) -159px -94px no-repeat;
}
/* header area */
#site-header {
  height: 169px;
  position: relative;
  border-bottom: 2px solid #0b69c3;
}

.header-inner {
  height: 169px;
  width: 994px;
  position: absolute;
}

.header-inner.nl_NL {
  background: #0facea url(images/olino_banner_994px.jpg) no-repeat;
}

.header-inner.en_US {
  background: #0facea url(images/olino_banner_994px_us.jpg) no-repeat;
}

.header-title-wrapper {
  position: absolute;
  top: -100px;
}

.header-inner::after {
  content: "Blog";
  float: right;
  margin-top: 60px;
  margin-right: 100px;
  color: #0facea;
  font-size: 500%;
  font-family: sans-serif;
}

#google_ads_links_header {
  padding-left: 17px;
  padding-top: 5px;
}
#google_ads_links_footer {
  padding-top: 5px;
}

nav.primary-menu-wrapper {
  position: absolute;
  left: 0px;
  bottom: 0px;
  _bottom: -1px;
  width: 994px;
  margin: 0px;
  padding: 0;
  border-top: 2px solid #0b69c3;
  background: #31aadf url(images/olino-sprites-navigation.gif) left top repeat-x;
}

nav.primary-menu-wrapper ul {
  list-style: none;
  margin: 0px;
  padding-inline-start: 0px;
}

nav.primary-menu-wrapper li {
  float: left;
  border-left: 1px solid #65b6e4;
  border-right: 1px solid #2580b6;
}

nav.primary-menu-wrapper .current_page_item a,
#nav .current_page_item a:visited {
  color: #141657;
  text-decoration: none;
  background: #80cfee url(images/olino-sprites-navigation.gif) left 45px
    repeat-x;
}

nav.primary-menu-wrapper .page_item a {
  color: #ffffff;
  text-decoration: none;
  padding: 8px 16px;
  font: 200 13px/100% Arial, Helvetica, sans-serif;
  display: block;
}

nav.primary-menu-wrapper .page_item a:hover {
  color: #141657;
  background: #80cfee url(images/olino-sprites-navigation.gif) left 45px
    repeat-x;
}

nav.primary-menu-wrapper .menu-item a {
  color: #ffffff !important;
  text-decoration: none;
  padding: 8px 16px;
  font: 200 13px/100% Arial, Helvetica, sans-serif;
  display: block;
}
nav.primary-menu-wrapper .menu-item a:hover {
  color: #141657;
  background: #80cfee url(images/olino-sprites-navigation.gif) left 45px
    repeat-x;
}

li#language {
  float: right;
  margin-right: 16px;
  border: 0;
}
#language.nl a,
#language.us a {
  text-decoration: none;
  padding: 8px 36px 8px 16px;
  background: url(images/olino-sprites.gif) -65px -373px no-repeat;
  border: 0;
}
#language.us a {
  background: url(images/olino-sprites.gif) -87px -450px no-repeat;
}
#language.es a {
  background: url(images/flag_spain_26x17.png) 87px 5px no-repeat;
  padding: 8px 36px 8px 32px;
}

#language.es a:hover {
  color: #141657;
  background: url(images/flag_spain_26x17.png) 87px 5px no-repeat;
}
#language.nl a:hover {
  color: #141657;
  background: url(images/olino-sprites.gif) -65px -373px no-repeat;
}
#language.us a:hover {
  color: #141657;
  background: url(images/olino-sprites.gif) -87px -450px no-repeat;
}

/* content area */
#site-content {
  padding: 10px 0px 30px 20px;
  float: left;
  width: 619px;
  overflow: hidden;
}
.post {
  clear: both;
  padding-top: 15px;
}
.post-date {
  width: 45px;
  height: 49px;
  float: left;
  background: url(images/olino-sprites.gif) -156px -182px no-repeat;
}
.post-month {
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  display: block;
  line-height: 11px;
  padding-top: 2px;
  margin-left: -3px;
}
.post-day {
  font-size: 18px;
  text-transform: uppercase;
  color: #999999;
  text-align: center;
  display: block;
  line-height: 18px;
  padding-top: 7px;
  margin-left: -3px;
}
.post-title {
  float: left;
  margin-left: 10px;
  width: 542px;
}
.post-separator {
  background: url(images/olino-sprites.gif) 0px -1562px no-repeat;
  width: 259px;
  height: 9px;
  margin: 7px 0 2px -20px;
}
.post img {
  border: 2px solid #b3d1ec;
  background: white;
  padding: 2px;
}
.post img.alignright {
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
}
.post .wp-smiley {
  border: none;
}

.entry {
  clear: both;
  padding-top: 10px;
  width: 596px;
}
.post-content {
  width: 596px;
}
.post-cat {
  background: url(images/olino-sprites.gif) -258px -1763px no-repeat;
  padding-left: 20px;
  float: left;
  font-size: 95%;
  color: #999999;
}
.post-comments {
  background: url(images/olino-sprites.gif) -156px -833px no-repeat;
  padding-left: 20px;
  float: right;
  font-size: 95%;
}
.post-calendar {
  background: url(images/olino-sprites.gif) -156px -681px no-repeat;
  padding-left: 20px;
  float: right;
  font-size: 95%;
  color: #999999;
}
.mini-add-comment {
  background: url(images/olino-sprites.gif) -156px -910px no-repeat;
  padding-left: 18px;
  float: right;
}
.navigation {
  clear: both;
  padding: 10px 0px;
}
.navigation a,
.navigation a:visited {
  color: #fb7700;
}
.previous-entries a {
  float: left;
  padding-left: 18px;
  background: url(images/olino-sprites.gif) -156px -1278px no-repeat;
}
.next-entries a {
  float: right;
  padding-right: 38px;
  background: url(images/olino-sprites.gif) -54px -1350px no-repeat;
}

/* comments area */

.comments-inner {
  margin-left: 15px;
}

.comment-reply-title {
  border-bottom: 1px dotted #cccccc;
  padding: 10px 0 5px 0;
  clear: both;
  width: 596px;
  margin-top: 2em;
}

.comment {
  margin-right: 20px;
}

.comment-content {
  margin: 10px 0px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 130%;
}
.comment-content,
.comment-author,
.comment-metadata {
  padding: 0px 10px;
}
.comment.even {
  background: #edf5fa;
}
.comment-author .fn {
  font-weight: bold;
  font-style: normal;
  font-size: 120%;
  color: #cc6600;
}
.commentlist cite a,
.commentlist cite a:visited {
  color: #cc6600;
}
.commentlist small {
  margin-bottom: 5px;
  display: block;
  font-size: 87%;
}
#commentform {
  margin-top: 10px;
  font: 110% Arial, Helvetica, sans-serif;
  width: 596px;
}
#commentform p {
  padding: 6px 0px;
  margin: 0px;
}
#commentform label {
  color: #787878;
  font-size: 87%;
}
#commentform input {
  width: 200px;
  background: #edf5fa;
  border: 1px solid #abd2e9;
  padding: 3px;
  margin-top: 3px;
}
#commentform textarea {
  width: 589px;
  height: 115px;
  background: #edf5fa;
  border: 1px solid #abd2e9;
  padding: 2px;
  margin-top: 3px;
}
#commentform textarea:focus,
#commentform input[type="text"]:focus {
  background: #ffffff;
}
#commentform #submit {
  background: url(images/olino-sprites.gif) 0px -1726px no-repeat;
  font: 200 12px Arial, Helvetica, sans-serif;
  color: #ffffff;
  border: none;
  float: right;
  width: 144px;
  height: 28px;
  cursor: pointer;
}

nav.comments-pagination {
  font-size: 120%;
}

/*sidebar */
#sidebar {
  float: right;
  padding: 0px 10px 20px 0px;
  width: 336px;
  color: #666666;
  overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2,
#sidebar .sidebartitle {
  font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
  color: #316484;
  margin: 20px 0px 2px;
  border-bottom: 1px solid #abd2e9;
}
/*sidebar text styles */
#sidebar a,
#sidebar a:visited {
  color: #333;
  text-decoration: none;
}
#sidebar a:hover {
  color: #ff6600;
  text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
  margin: 0;
  padding: 0;
  width: 336px;
}
#sidebar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
  padding: 0;
  margin: 0;
}
#sidebar ul li ul li {
  padding: 2px 0 2px 0px;
  border-bottom: 1px solid #abd2e9;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li {
  padding: 1px 0 1px 10px;
  border: none;
}
/*blogroll */
ul.list-blogroll li {
  background: url(images/olino-sprites.gif) -232px -1785px no-repeat !important;
  padding-left: 16px !important;
}

/*category widget */
ul.list-cat li,
.widget_categories li {
  background: url(images/olino-sprites.gif) -258px -1763px no-repeat !important;
  padding-left: 20px !important;
  float: left;
  width: 145px;
}

/*Links widget */
.widget_links li {
  padding-left: 20px;
  float: left;
  width: 160px;
}

/*archives widget */
ul.list-archives li,
.widget_archives li {
  background: url(images/olino-sprites.gif) -312px -1727px no-repeat !important;
  padding-left: 20px !important;
}
/*pages widget */
ul.list-page li,
li.widget_pages li,
li.widget_recent_entries li {
  background: url(images/olino-sprites.gif) -286px -1746px no-repeat !important;
  padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li,
li.widget_pages li ul li {
  background: url(images/olino-sprites.gif) -156px -1423px no-repeat !important;
  padding-left: 10px !important;
}
/*recent comments widget */
.widget_recent_comments li {
  background: url(images/olino-sprites.gif) -206px -1803px no-repeat !important;
  padding-left: 20px !important;
}
/*calendar widget */
.widget_calendar td {
  padding: 1px 7px;
}

/*text widget */
.textwidget {
  padding-top: 5px;
}

.textwidget li {
  /*	width: 160px; */
  float: left;
}

.widget,
.textwidget,
.widget_search {
  width: 336px;
  float: left;
}

.textwidget .center {
  text-align: center;
}

/*search form */
.widget_search .search-form {
  margin: 15px 0 0;
}
.widget_search .search-form .screen-reader-text {
  display: none;
}
.widget_search .search-form input#search-form-2 {
  border: 1px solid #203346;
  width: 250px;
  height: 22px;
  padding: 4px 5px 0px 5px;
  border: 1px solid #abd2e9;
  background: #fff;
  margin-right: 2px;
  color: #000000;
  font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
.widget_search .search-form input {
  background: url(images/olino-sprites.gif) -87px -1774px no-repeat;
  border: none;
  width: 67px;
  height: 26px;
  font: 200 12px Arial, Helvetica, sans-serif;
  color: #ffffff;
  vertical-align: middle;
}
.widget_search .search-form input[type="submit"] {
  cursor: pointer;
}

/* footer area */
#footer {
  clear: both;
  background: #3595d1 url(images/olino-sprites.gif) -338px 0px no-repeat;
  color: #acd7ee;
  font-size: 100%;
  line-height: 130%;
  padding-bottom: 10px;
}
#footer a,
#footer a:visited {
  color: #ffffff;
  text-decoration: none;
}

#footer h4 {
  font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
  color: #9cdbfb;
  margin: 10px 0px 5px;
}
.footer-recent-comments {
  width: 309px;
  float: left;
  margin-left: 10px;
}
.footer-recent-comments ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-recent-comments ul li {
  background: url(images/olino-sprites.gif) -339px -1711px no-repeat;
  padding: 0px 0px 0px 20px;
}
.footer-recent-posts {
  width: 309px;
  float: left;
  margin-left: 10px;
}
.footer-recent-posts strong {
  font-size: 107%;
  line-height: 135%;
  font-weight: bold;
}
.footer-recent-posts ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  line-height: 130%;
}
.footer-recent-posts ul li {
  background: url(images/olino-sprites.gif) -339px -1711px no-repeat;
  padding: 0px 0px 10px 20px;
}
.footer-recent-posts #title {
  display: block;
  /* font-weight: bold; */
}

.footer-recent-posts #date {
  display: block;
  font-size: 92%;
}

.footer-about {
  width: 334px;
  float: right;
  padding-right: 10px;
  padding-left: 10px;
  background: url(images/olino-sprites.gif) -278px -923px no-repeat;
}
/* credits */
#credits {
  margin: 0px auto;
  width: 970px;
  color: #7a9299;
  font-size: 85%;
  line-height: 120%;
}
#credits a,
#credit a:visited {
  color: #048db4;
}
.rss {
  background: url(images/olino-sprites.gif) -156px -1650px no-repeat;
  padding-left: 18px;
  padding-bottom: 2px;
  margin-left: 8px;
}
.loginout {
  background: url(images/olino-sprites.gif) -156px -1130px no-repeat;
  padding-left: 18px;
  padding-bottom: 2px;
  margin-left: 8px;
}

/* alignments */
.center {
  text-align: center;
}
img.center,
img[align="center"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
img.alignleft,
img[align="left"] {
  float: left;
  margin: 2px 10px 5px 0px;
}
.alignright {
  float: right;
}
img.alignright,
img[align="right"] {
  float: right;
  margin: 2px 0px 5px 10px;
}
.clear {
  clear: both;
}
hr.clear {
  clear: both;
  visibility: hidden;
  margin: 0px;
  padding: 0px;
}

/* Modifications for Olino */

table {
  margin: 1em 0;
  width: 100%;
}

table.profile {
  margin: 1em 0;
  background-color: white;
  width: auto;
}
table.sidebar {
  margin: 1em 0;
  background-color: transparent;
  width: auto;
}

table.profile td {
  background-color: white;
}
table.sidebar td {
  background-color: transparent;
}

td,
th {
  font-size: 90%;
  padding: 0.5em;
}
table.sidebar td,
th {
  font-size: 100%;
  padding: 0 0.5em 0 0;
}
td.alignbottom {
  vertical-align: bottom;
}

td {
  background-color: #e7eafb;
  text-align: left;
  vertical-align: top;
}

td.number {
  text-align: right;
}

th {
  background: #d3e0ea;
  vertical-align: top;
}

blockquote {
  background: #def1f8 url("images/bg-code.gif");
  line-height: 1.5em;
  color: #777;
  padding: 0.2em 0.5em;
}
#oilprice_widget {
  width: 247px;
  margin: auto;
}

#oilprice_widget img {
  width: auto;
}

#oilprice_widget td {
  padding: 0 0.1em;
  width: auto;
  text-align: center;
}

.fb-like-box {
  margin: 0px 20px;
}

#ad_icon {
  background: url(images/chart_line.png) no-repeat;
  padding-left: 18px;
  padding-bottom: 2px;
  margin-left: 8px;
}

#sidebar #ad_icon {
  margin-left: 60px;
}

.digg-icon {
  width: 65px;
  height: 130px;
  float: left;
}

.highlight img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  border: 4px solid white;
}

.highlight img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  border: 4px solid #4da4dd;
}

/* ########################## external CSS ####################*/
/*



Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

Use the following classes to style your popular posts list as you like.
*/

/* title styles */
.wpp-post-title {
  display: block;
}

/* ####### In article styles ########### */

table.calculation .userfield {
  background-color: #fff996;
}

/* For Link Indication plugin */
a.liexternal {
  padding-right: 12px;
  background: url(images/link-icon_external.gif) no-repeat right;
}
a.liwikipedia {
  padding-right: 13px;
  background: url(images/link-icon_wikipedia.gif) no-repeat right;
}
a.liwp {
  padding-right: 16px;
  background: url(images/link-icon_wordpress.png) no-repeat right;
}
a.liftp {
  padding-right: 13px;
  background: url(images/link-icon_ftp.png) no-repeat right;
}
a.limailto {
  padding-right: 18px;
  background: url(images/link-icon_mail.gif) no-repeat right;
}
a.lipdf {
  padding-right: 12px;
  background: url(images/link-icon_pdf.png) no-repeat right;
}
a.lizip {
  padding-right: 12px;
  background: url(images/link-icon_zip.png) no-repeat right;
}

.textwidget a {
  text-decoration: none;
}

.badge {
  display: none;
  text-decoration: none;
  color: white;
  top: 5px;
  right: 5px;
  position: relative;
  min-width: 1.5em;
  text-align: center;
  z-index: 1000;
  background-color: red;
  float: right;
  border: 0px solid red;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #000000 0px 0px 5px;
  -moz-box-shadow: #000000 0px 0px 5px;
  box-shadow: #000000 0px 0px 5px;
  padding: 1px 4px;
  behavior: url(http://www.olino.org/advice/javascripts/PIE.htc); /* CSS3 Pie! */
}

/*prevent wordpress to show unwanted line breaks*/
.raw_html br {
  display: none;
}
.raw_html br.show {
  display: inline;
}

/* Checkmarks in table */
.check_true {
  display: -moz-inline-block;
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(images/check-yes-16px.png) no-repeat center;
}
.question_mark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/question-mark-16px.png) no-repeat center;
}
.check_false {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/check-no-16px.png) no-repeat center;
}

#sidebar .textwidget li.faq_item {
  border: none;
  padding: 5px;
}

.thumb_faqs {
  background: url("images/olino-sprite-faqs.png") no-repeat top left;
  width: 74px;
  height: 104px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: block;
}

.thumb_overzichten {
  width: 160px;
  height: 100px;
}

#faq_ecar {
  background-position: 0 0;
}
#faq_led {
  background-position: 0 -114px;
}
#faq_solar {
  background-position: 0 -228px;
  opacity: 0.6;
  filter: alpha(opacity=80);
}
#faq_wind {
  background-position: 0 -342px;
}

a:hover #faq_ecar,
a:hover #faq_led,
a:hover #faq_solar,
a:hover #faq_wind {
  opacity: 1;
  filter: alpha(opacity=100);
}

#portal-banner img {
  margin-left: auto;
  margin-right: auto;
}

.textwidget .slick-slider {
  margin-bottom: 0px;
}

/* Mobile
For now disable Mobile stuff, we make it responsive later */
.mobile-search-toggle {
  display: none;
}
.header-titles-wrapper {
  display: none;
}

.header-toggles {
  display: none;
}

.search-modal {
  display: none;
}

.menu-modal {
  display: none;
}

.screen-reader-text {
  display: none;
}