/*
Theme Name: Yarden afscheidsprijs
Theme URI: http://www.afscheidsprijs.nl/
Description: WordPress theme for afscheidsprijs.nl
Author: (Herbert Lubbertsen)Anyway Internet
Author URI: http://www.anyway-internet.nl/
Version: 1.0
Tags: Yarden afscheidsprijs
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
    color: rgb(40, 36, 37);
    font-family: 'Source Sans Pro', sans-serif;
}
html {}
.vote-container {display: none!important;}
a:hover,a:focus,a:active{outline: none;}
body {background-color: #ffffff!important;border: 0;width: 100%;margin-top: 120px;}
a h2{text-decoration: none!important;}
a {color: #bb041a;text-decoration: none;}
strong {font-weight: bold;}
.alignleft {float:left;}
.aligncenter {float:left;margin-left: 10%}
.alignright {float:right;}
a:hover{text-decoration: underline;}
.aanvraagbutton, #footer a, .menu a{text-decoration: none;}
a:hover{color: #bb041a;}
a:focus{color: #bb041a;text-decoration: none;}
p {font-size: 16px;line-height: 24px;margin-bottom: 20px;font-weight: 500;}
h1, h2, h3, h4, h5, h6 {padding-bottom: 0;padding-top: 20px;}
h2{font-weight: 400; font-size: 28px; color: #ae0c20; line-height: 38px; margin-top: 0; padding-top: 0;}
h3{font-weight: 400; font-size: 22px; color: #ae0c20; line-height: 32px;}
h4{font-weight: 400; font-size: 18px; color: rgb(119, 103, 94); line-height: 26px;}
ul, ol{list-style: inside; margin-bottom: 20px; font-size: 16px; line-height: 24px; margin-left: 30px;}
.nieuws_list ul, #menu ul{list-style: none;margin-bottom:0px;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
.page-id-305 blockquote{content: '';quotes: "'" "'";}
.page-id-305 h2,.page-id-305 h3{text-transform:none;font-variant:none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;margin-bottom: 6px;}
td{vertical-align: top;padding-right:55px;}
.bold, strong{font-weight:800;}
.fixed{position: fixed; width: 100%; top: 0px;}
.background-image{position: fixed; height: 100%; width: 100%;background-image:url('images/afbeelding2a.jpg'); background-size: cover; z-index: -1; top: 0;}
header {background-color: rgb(216, 206, 196);height: 80px;z-index: 1;}
header #logo a{line-height: 0;display: table;}
header #logo img{margin-bottom: 0px; }
.menu-main ul { float: right; }
.menu-main ul li { float: left; padding: 0 20px;}
.menu-main ul li a {color: #ae0c20; line-height: 77px; display: table;font-weight: 600;font-size: 17px;}
.menu-main ul li.current-menu-item a, .menu-main ul li a:hover {border-bottom: 3px solid #ae0c20;}
.imagescontainer{display: block; width: 100%; }
.imagescontainer .afbeelding1{width: 48%; height: auto; float: left;}
.imagescontainer .afbeelding2{width: 48%; height: auto; float: right;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {background: none repeat scroll 0 0 #f1911f;border-radius:3px;  color: #fff;cursor: pointer;float: left;font-size: 22px;margin: 0 auto;letter-spacing: 1px;padding: 10px 50px;position: relative;transition: all 0.1s ease-out 0s;border: 0px;box-shadow:0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0, 0, 0, 0.1) inset;}
button, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{background: none repeat scroll 0 0 #ff911f;}
a.button{background-color: #f1911f;background-repeat: repeat-x;border-radius: 4px;box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.1) inset; color: #ffffff !important;display: inline-block;margin-top: 10px;padding: 9px 20px;text-align: center;vertical-align: middle;text-decoration: none;}
a.button:hover{background-color: #ff911f;}
.vote-container {
    display: block;
    float: left;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
}
.tankyou, .vote-container .vote{ line-height: 50px; color:#fff; font-size: 0px;float:right;width: 50px; height: 50px; padding: 0px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;  padding-left: 50px;background-image:url('images/like85.png'); background-size: 25px; background-position: 10px 10px; background-repeat: no-repeat; color:rgba(255,255,255,1);transition: font-size 0.0s ease;} 
.vote-container .vote:hover{font-size: 20px;background-position: 10px 10px; width:  auto;background-image: url("images/like85.png");    background-position: 10px 10px;    background-repeat: no-repeat;    background-size: 25px auto; padding-right: 25px;transition: all 0.5s ease;}
.vote-container .tankyou:hover {
    font-size: 14px;
    }
.tankyou:hover{background-position: 10px 10px; width:  auto;background-image: url("images/like85.png");    background-position: 10px 10px;    background-repeat: no-repeat;    background-size: 25px auto; padding-right: 25px;}
.tankyou{background-color:#9c9c9c;transition: all 0.5s ease;font-size: 20px; overflow: hidden;}
article.content{background-color: #fff; margin-bottom: 40px;  border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom:3px solid; border-color: rgb(208, 198, 187); width: 100%;}
.uitgelichte_afbeelding{width: 100%; height: auto; margin-bottom: 0;}
.inside{padding: 50px; }
article.content .inside h2 a{text-decoration: none;}
article.content .margin-form h3{ font-size: 14px; color: #ae0c20;}
.omschrijving{width: 100%; padding-right: 20px}
.youtube{margin-top: 25px;}
/*.tankyou{background: none repeat scroll 0 0 #9c9c9c;border: medium none;color: #fff;cursor: pointer;font-size: 20px;padding: 20px 50px;float:left;border-radius: 3px;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;display: table;margin: 0 auto;position: relative;border-bottom: 3px solid #8b8b8b;}*/
.image{display: table;position: relative;width: 100%;}
.stemmers{background-color: #fff;border: 3px solid #fff;border-radius: 3px;color: #333;display: table;float: right;margin: auto 0 auto 13px;padding: 1px 6px;position: relative;top:6px; font-size: 22px; color:rgb(119, 103, 94);}
.stemmer_top {border-color: transparent #fff transparent transparent;border-style: solid;border-width: 10px;content: "";height: 0;left: -20px;position: absolute;top: 10px;width:0;}
#QuizQuestions {display: table;}
input[type="tel"],input[type="text"], input[type="email"]{width: 50%; border: none; float: right; background-color: #e1e1e1; height: 35px; padding: 0px 15px; font-weight: normal;}
label{float: left; width: 41%;font-weight: normal; font-size: 16px; line-height: 35px;}
.dpunt{float: left; width: 9%; text-align: center;line-height: 35px; color:#fff;}
.subline{font-size: 16px; font-style: italic;margin-bottom: 6px;display: table;}
textarea{width: 100%; height: 250px; resize: none; ;background-color: #e1e1e1; border: medium none; padding: 20px;}
.labelsex{width: 125px; float:left;}
#QuizQuestions .inputsex{width: 25px; float:left; margin-left: 0%;}
.sexrow{margin-bottom: 15px;}
input[type="checkbox"], input[type="radio"]{margin-top: 11px;}
.qeustionpart{display: table; width: 100%;}
.radiorow label{width: 50%;}
.input-group, .radiorow, .sexrow{display: table; width: 100%;}
#akkoordav{margin-right: 20px; float: left;}
.footer-content {background-color: rgb(216, 206, 196);display: table;padding: 20px;position: relative;width: 100%;}
.footer-content ul li a i {background: none repeat scroll 0 0 rgb(197, 188, 178);border-radius: 500px;color: #fff;float: right;height: 40px;margin-right: 20px;padding: 11px;text-align: center;width: 40px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.footer-content ul li a i:hover {background:#aea69c;}
.footer-content ul{list-style: none;}
.detail-block{margin-top: 25px;}
.sidebar .sidebar-item{background: none repeat scroll 0 0 #fff;  margin-bottom: 30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display: block;border-bottom: 2px solid rgb(208, 198, 187);width: 100%;}
.sidebar .sidebar-item h3{width: 100%;    background-color: rgb(216, 206, 196);-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;color: #ae0c20;margin: 0;padding: 5px 20px;line-height: 40px;font-weight: 700;font-size: 18px;}
.sidebar-item ul.uitgelicht{list-style: none; margin: 0px;}
.sidebar-item ul.uitgelicht li{ display: table;border-bottom: 1px solid rgb(208, 198, 187);width: 100%;}
.sidebar-item ul.uitgelicht li .image-left{ float: left; width: 80px; padding: 10px;}
.sidebar-item ul.uitgelicht li .image-left{width: 80px; height: auto;}
.sidebar-item ul.uitgelicht li .text-right{float: left; width: auto;}
.sidebar .sidebar-item iframe{max-width: 100%;}
.title-right{float: left; width: 260px; padding-right:30px;}
.title-right h4{font-size: 16px;margin-top: 10px; padding-top: 0;}
.sidebar-item .fetched_tweets > li{box-shadow: none; margin-bottom: 0px;}
.sidebar-item .light .tweets-intent-data{border-bottom: 1px solid #e8e8e8;}
.page-template-aanmelden h2{padding: 0; margin: 0;}
.inside ul{list-style-position: outside;margin-top: -20px;}
.pagination {
    text-align: center;
    width: 100%; display: table; margin: 0px 0px 40px;
}
.pagination > * {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    padding: 5px 13px;
}
.pagination > a {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 2px solid #e5dfd9;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.01s ease-in-out 0s;
}
.pagination > a:hover {
    transform: scale(1.1);
}

.pagination span{ background: #ffffff none repeat scroll 0 0;
    border-bottom: 2px solid #e5dfd9;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.01s ease-in-out 0s;}
.imagescontainer{display: block; width: 100%;}
.imagescontainer .centerimage{width: 100%; height: auto;}
.mobile{display: none;}
.menu-mobile{width: 100%; overflow: hidden;}
.menu-mobile ul{list-style: none;width: 100%;}
.menu-mobile ul li{width: 100%;margin: 0;}
.menu-mobile ul li a{width: 100%; margin: 0;text-align: center; display: table; line-height: 50px; border-bottom: none!important;}
.hbmenu{position: fixed; right: 25px; top: 20px;}
.hbmenu i{color:#f1911f; font-size: 35px;}
#cn-notice-text{color:#fff; font-size:14px;}
#cn-accept-cookie{margin-top:0px;}
.top .inside{padding-bottom: 10px;}
.catitems a{   color: rgb(119, 103, 94);
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 15px 16px 18px;
    text-decoration: none;
}
.catitems{list-style: none; margin: 0;}
.catitems li{ border-bottom: 1px solid rgb(216, 206, 196);
    display: block; line-height: 20px; position: relative;}
.catitems a .badge{
     background: rgb(197, 188, 178) none repeat scroll 0 0;
    border-radius: 16px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px #ffffff;
    color: #ffffff;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin: -9px 0;
    min-width: 20px;
    padding: 1px 6px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 50%;
}
.catitems a.active, .catitems a:hover{color: #ae0c20;}
.catitems a.active .badge,.catitems a:hover .badge{background-color: #ae0c20;}
.popup, .popup .background{position: fixed; top: 0; left:0; right: 0; bottom:0;z-index: 9999}
    .popup .background{background-color: rgba(0,0,0,0.7);}
.popup .content{background-color: rgb(216, 206, 196); width: 500px; left: 50%; margin-left: -250px; display: table; padding: 50px 20px;z-index: 10000; top:20%; position: fixed;}
.popup .email-popup{height: 51px;}
.loader{position: absolute; z-index: 10; top: 0; right: 0; height: 150px; width: 150px;}



@media (min-width: 979px) and (max-width: 1100px) {

}
@media (min-width: 768px) and (max-width: 979px) {
#menu{display: none;}
header{display: table; height: auto;}
.mobile{display: block;}
.menu-mobile{ display: block;}
.menu-main ul {float:left; display: none;}
.menu-main ul li.current-menu-item a{font-weight: bold;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#menu{display: none;}
header{display: table; height: auto;}
.mobile{display: block;}
.menu-mobile{ display: block;}
.menu-main ul {float:left; display: none;}
.menu-main ul li.current-menu-item a{font-weight: bold;}
 .labelsex{width: 80px;}
       .popup .content {width: 90%; margin-left: -45%; padding: 15px;}
    .popup .content p{ font-size:12px; line-height: 16px;}
}


/* Landscape phones and down */
@media (max-width: 480px) {
    .container article.content .inside h2{line-height: 20px;}
    .vote-button{padding-top: 15px;}
    .menu-main ul {float: left;margin-left: 0;}
    .menu-main ul li {float: left;padding: 0;}    
    .menu-main ul li a {letter-spacing: 0;margin-right: 30px;}
    article.content .margin-form, article.content .inside {padding: 10px;}
    a.button {width: 100%;}
    .vote-container {margin: -20px auto 0;}
    button, html input[type="button"], input[type="reset"], input[type="submit"] {font-size: 14px;padding: 10px 15px;}
    button, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background: none repeat scroll 0 0 #ff911f;padding: 10px 15px;}
    .stemmers {line-height: 13px;padding: 10px;top: 0;}
    .stemmer_top {top: 5px;}
    article.content .inside h2 {font-size: 20px;color: #ae0c20;line-height: 0;padding-top: 40px;  padding-bottom: 0px;}
    p {font-size: 15px;line-height: 24px;}
    .dpunt {display: none;}
    label {width: 100%;}
    input[type="text"], input[type="email"]{width: 100%; padding:5px 10px; border: none; float: left;}
    .radiorow  label {width: 50%; margin-bottom: 10px;}
    .uitgelicht li a > span{padding-left: 10px;}
   
}
@media (max-width: 320px) {
    
    .footer-content ul{margin-left: 0;}
    .menu-main ul {float: left;margin-left: 0;}
    .menu-main ul li {float: left;padding: 0;}    
    .menu-main ul li a {letter-spacing: 0;margin-right: 20px;}
    .stemmer_top {top: 5px;}
}

button.loading{
    background-image:url('images/loader.gif');
    background-size: 50px;
        background-repeat: no-repeat;
    background-position: center;
}
button.loading span {
    opacity:0;
}
button span{
    color:#fff;
}