/*
Theme Name: RemonPel.nl (2016)
Theme URI: http://svn.clearsite.nl/wp_themes/remonpel_nl/trunk
Description: Clean theme for personal blog, child theme of twentysixteen
Version: 2.0.0.
Author: Remon Pel
Author URI: http://remonpel.nl
Template: twentysixteen
*/
@import url(../twentysixteen/style.css);

code, pre {
    font-family: consolas, 'andale mono', 'courier new', monospace;
    font-size: 12px !important;
    border: 1px solid #444;
    border-width: 1px 0;
    background-color: #EEE;
    padding: 2px 10px;
    overflow: auto;
    display: block;
    width: auto;
    white-space: nowrap;
    clear: both;
    margin-bottom: 10px;
}

.code-title, a.ctc {
    background: #444;
    float: right;
    font-size: 12px !important;
    border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border: 1px solid #444;
    border-bottom: 0;
    margin-right: 1px;
    color: white;
    padding: 0 10px;
}

a.ctc {
    font-size: 10px !important;
    background: #FFF;
    color: #444;
}

a.ctc:hover,a.ctc.hover {
    background: #444;
    color: white;
}

.badge {
    font-family: ornelladregular;
    border: 1px solid #ff0000;
    background: #ffffff;
    color: #ffffff;
    height: auto;
    line-height: 1;
    width: auto;
    display: inline-block;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    text-align: center;
    text-indent: 0;
    float: right;
    margin-right: 0.4em;
    font-size: 1em;
}

.badge span {
    border: 2px solid #ffffff;
    background: #ff0000;
    color: #ffffff;
    height: 1em;
    line-height: 1;
    width: auto;
    display: inline-block;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
    text-align: center;
    text-indent: 0;
    float: right;
    font-size: 0.75em;
    padding: 0.3em;
}

/**
 * KEYS.css
 *
 * A simple stylesheet for rendering beautiful keyboard-style elements.
 *
 * Author:  Michael Hüneburg
 * Website: http://michaelhue.com/keyscss
 * License: MIT License (see LICENSE.txt)
 */

/* Base style, essential for every key. */
kbd, .key {
    display: inline;
    display: inline-block;
    min-width: 1em;
    padding: .2em .3em;
    font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    border: none;
    cursor: default;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
kbd[title], .key[title] {
    cursor: help;
}

/* Dark style for display on light background. This is the default style. */
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key {
    background: rgb(80, 80, 80);
    background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80));
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80)));
    color: rgb(250, 250, 250);
    text-shadow: -1px -1px 0 rgb(70, 70, 70);
    -moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3);
}

/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key {
    background: rgb(250, 250, 250);
    background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(255, 255, 255));
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(255, 255, 255)));
    color:  rgb(50, 50, 50);
    text-shadow: 0 0 2px rgb(255, 255, 255);
    -moz-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
    -webkit-box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
    box-shadow: inset 0 0 1px rgb(255, 255, 255), inset 0 0 .4em rgb(200, 200, 200), 0 .1em 0 rgb(130, 130, 130), 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
}

#spam-fighting {
    display: none;
}

body.home #spam-fighting {
    display: block;
    position: absolute;
    top: 136px; /* 136px for ad space */
    right: 21px;
    border-bottom-left-radius: 4px;
    background: #444 url("images/guarddog.gif") .25em top no-repeat;
    border: 2px solid #444;
}
body.admin-bar  #spam-fighting {
    top: 168px; /* 32px for admin-bar + 136px for ad space */
}

body.home #spam-fighting.open,
body.home #spam-fighting:hover {
    background: #fefefe url("images/mx.gif") .25em top no-repeat;
    height: 110px;;
    width: 200px;
    border-right: 0;
}

body.home #spam-fighting a {
    line-height: 32px;
    margin-left: 32px;
    padding: 0em 1em;
    color: white;
    font-size: .8em
}

body.home #spam-fighting.open a,
body.home #spam-fighting:hover a {
    color: #444;
    margin-left: .25em;
    padding: 0;
    display: block;
    height: 100%;
    width: 100%;
}

body.home #spam-fighting.open a:after,
body.home #spam-fighting:hover a:after {
    content: " with";
}

footer .site-info > a {
    display: none;
}

footer .site-info .site-title:after {
    display: none;
}

footer .site-info .site-title:before {
    content: "\002f";
    display: inline-block;
    font-family: Montserrat, sans-serif;
    opacity: 0.7;
    padding: 0 0.538461538em 0 0.307692308em;
}

section.widget_archive ul,
section.widget_meta ul,
section.widget_categories ul {
    -moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
}

.site-header-main {
    background: url('/wp-content/uploads/2018/02/me-150x150.jpg') no-repeat left top;
    background-size: 110px 110px;
    padding-left: 130px;
    min-height: 110px;
}


/* tweaks for ads */

ins.adsbygoogle {
    padding: 0;
}

body {
    margin-top: 136px;
}
#adsense-anchor {
}
#adsense {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 100%;
    height: 90px;
    text-align: center;
}


@media screen and (max-width: 709px) {

    #adsense {
        top: 50px;
    }
 
    #adsense a img {
        max-width: calc( 100vw - 50px );
    }
}

ol[type=I] {
	list-style-type: upper-roman;
}

ol[type=i] {
	list-style-type: lower-roman;
}

ol[type=A] {
	list-style-type: upper-alpha;
}

ol[type=A] {
	list-style-type: lower-alpha;
}

html body form .google-auto-placed {
    display: none!important;
}