/*
    Theme Name: Template Cartoon-box
    Theme URI: www.hellogoodday.nl
    Description: Template door Goodday
    Version: 1.0
    Author: Goodday | hellogoodday.nl
    Author URI: www.hellogoodday.nl
    Tags: cartoon, box, cartoonbox, goodday, hellogoodday

    License: MIT
    License URI: http://www.hellogoodday.nl
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
blockquote {
    quotes: none;
      margin-bottom: 0;
    font-size: 30px !important;
    text-transform: uppercase;
    font-weight: bold;
}
blockquote:before, q:before {
        : '"';
    font-size: 25px;
    font-weight: bold;
    font-family: times;
    position: relative;
    top: 11px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*{ position: relative; box-sizing: border-box; }

/* own */
body {background-color: #f9f9f9 !important;color: #ccc;overflow-x: hidden;}
ul, ol {margin-left:15px;}
#loadMore {padding: 10px;text-align: center;background-color: #33739E;color: #fff !important; font-weight:bold !important;border-width: 0 1px 1px 0;border-style: solid;border-color: #ffffff;box-shadow: 0 1px 1px #919090;transition: all 600ms ease-in-out;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;}
#loadMore:hover {background-color: #fff;color: #33739E;}
.headerfoto {opacity:0;-moz-transition: opacity 3s; /* Firefox 4 */-webkit-transition: opacity 3s; /* Safari and Chrome */-o-transition: opacity 3s;transition: opacity 3s;     display: block;
    width: 100%;
    height: auto;}
.navbar-default { background-color:none !important;font-family: 'Open Sans', sans-serif;font-size:25px;color: #000 !important;margin-bottom: -20px ;}
h1, h2, h3 {font-family: 'Open Sans', sans-serif;}
h1 { margin-bottom:20px !important; }
.no-margin { margin-bottom: 0 !important; }
a.afooter { color:#fff !important; text-decoration: underline !important; }
.buttonWrapper {text-align: center;}
.moreButton {position: relative;background-color: #13d172 !important;padding: 10px 40px 10px 40px !important;color: #ffffff !important;margin: 25px auto 0;font-family: 'Open Sans', sans-serif;color:#000 !important;font-size:17px !important;}
.bar {height: 2px;color: #051305;background: #23f59a;font-size: 0;border: 0;}
.film {background-color: #f7d961;}
.film > div {position: absolute; height: 100%;height: calc(100% - 20px);width: 100%;width: calc(100% - 20px);transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);top: 50%;left: 50%;}
.nopadding:nth-child(odd) .film {background-color: #22f499 !important;}
.nopadding:nth-child(odd) .videodescription {background-color: #22f499 !important;}
.nopadding {display: none;margin: 0 !important;padding-top:30px;background: #f9f9f9;}
footer {margin-top: 100px;padding-top:30px;padding-bottom:30px;background-color: #1f1f1f;color:#fff;background-image: url(img/background.png) !important;background-size: 500px 697px;background-repeat: repeat;}
footer a {color:#ffffff; text-decoration: underline;}
footer a:hover {color:#ffffff; text-decoration: underline;}
.contentimg {margin-top:30px;}
.formitem {margin-bottom: 10px;}
textarea { margin-bottom:10px !important}
.videodescription {background-color: #f7d961; height:34px;}
.detailbutton {background-color: #000 !important;color: #fff !important;border: none !important;border-radius: 0 !important;padding: 5px;position: relative;top: 2px;left: 1px;}
.addthis_inline_share_toolbox {float:left !important;}
.nav {font-size:18px;}
.current-menu-item { font-weight: bold !important; color:#000 !important; }
.yt-username, .full .yt-uix-button-subscription-container {color: #fff !important;}
.socialSingle {position: relative;
    top: -15px;}
.testyt { height:40px !important;     position: relative !important; 
    top: 8px !important;} 
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom:10px;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu-item > a + .sub-menu {display: none;}
.menu-item:hover > a + .sub-menu {display: block;}
.sub-menu {padding:10px; position: absolute; top:40px; left:0;}
.sub-menu a {color:#ffffff !important;}
.sub-menu li { padding:5px; z-index:9999999; text-decoration: none !important; color:#000; padding-right:20px;background-color:#000; list-style: none !important; width:200px;}

@media screen and (max-width: 768px) {
    .sub-menu {
    padding: 10px;
    position: static; 
    top: 0 !important; 
    left: 0 !important;

    }
}
._51mx:last-child>._51m- {
    color: #ffffff !important;
}

.embed-responsive-16by9 {
    padding-bottom: 58.3% !important;
}