/* FONTS *********************************************/

@import url('//fonts.googleapis.com/css?family=ubuntu+condensed|yantramanav:400,500,700,900');
@import url('//fonts.googleapis.com/css?family=roboto+condensed');
@import url('//fonts.googleapis.com/css?family=roboto:700');
h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  color: #000;
  font-size: 40px;
  line-height: 1.2;
}

ol {
  float: left;
  clear: left;
}

.bfTooltip {
  display: none !important;
}

input#ff_elem119, input#ff_elem120, input#ff_elem162 {
    width: auto !important;
    margin-top: 10px;
}

video {
  border: 1px solid #cecece;
}

.item-page p, .item-page a {
  font-size: 16px !important;
}

p, form, .title_cell, .field_cell, .articleBody li, .jd-message {
  font-family: 'Yantramanav', sans-serif;
  line-height: 2;
}

form#osm_login_form a {
  text-decoration: none;
  font-family: 'Yantramanav', sans-serif;
  font-weight: lighter !important;
}

.content_main a, #login-form .userdata ul.unstyled li a {
  line-height: 1.8;
  color: #951347;
}

.content_main a {
  font-weight: bold;
}

.content_main a:hover {
  text-decoration: underline;
}

#user2 .moduletable h2, #user2 .moduletable h3, #user3 .moduletable h2, #user3 .moduletable h3, #user4 .moduletable h2, #user4 .moduletable h3, #user5 .moduletable h2, #user5 .moduletable h3, #user6 .moduletable h2, #user6 .moduletable h3, #user7 .moduletable h2, #user7 .moduletable h3, .footer .moduletable h2, .footer .moduletable h3 {
  text-align: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  font-size: 30px;
  color: #fff;
}

#user2 .moduletable .blogview h2, #user2 .moduletable .blogview h3, #user3 .moduletable .blogview h2, #user3 .moduletable .blogview h3, #user4 .moduletable .blogview h2, #user4 .moduletable .blogview h3, #user5 .moduletable .blogview h2, #user5 .moduletable .blogview h3, #user6 .moduletable .blogview h2, #user6 .moduletable .blogview h3, #user7 .moduletable .blogview h2, #user7 .moduletable .blogview h3, .footer .moduletable .blogview h2, .footer .moduletable .blogview h3 {
  text-align: left;
  font-size: 30px;
  padding-left: 1%;
  margin: 0;
}

h2#subheading, h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  line-height: 1.2;
  font-weight: lighter;
  color: rgba(13, 19, 31, 1);
  padding: 20px 1%;
}

.articleBody h2, .articleBody h3, .articleBody h4, .articleBody h5, .articleBody h6, .articleBody ul {
  float: left;
  clear: left;
}

.page-header h1 {
  margin: 10px 0;
}

.articleBody h2 {
  color: #951347;
}

h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: lighter;
  color: #909090;
  padding: 20px 1%;
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark p {
  color: #202b53 !important;
}

blockquote p {
  font-style: italic;
  font-size: 20px;
  line-height: 1.5;
  margin: 5px 0;
}

blockquote {
  float: left;
  border-top: 1px solid #3caddc;
  border-bottom: 1px solid #3caddc;
}

blockquote {
  float: left;
  border-top: 2px solid #3caddc;
  border-bottom: 2px solid #3caddc;
  width: 60%;
  margin: 20px 20px 40px 40px;
}

hr {
  border: 0px;
  margin: 0;
}

div#fancybox-buttons {
    display: none;
}
b.fancyboxCounter {
    display: none;
}

.sigProClassic, .sigProLinkOuterWrapper, .sigProLinkWrapper, a.sigProLink, img.sigProImg {
  width:100% !Important;
}

li.sigProThumb {
    width: 20%;
        margin: 0!important;
        padding: 0 1% 2% 0 !Important;
}

ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg {
  background-size: auto 100%;
}

#ster {
  color: #951347;
  font-weight: bold;
  font-size: 20px;
}

dd.field-entry._eventdate {
  float: left;
  clear: left;
  margin: 10px 0 0 0;
  color: #951347;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
}

form#osm_login_form h2:first-child {
  margin: 0;
  border: 0px;
  padding: 0 0 20px 0;
}

ul.nav.nav-tabs.nav-stacked li {
  list-style: none;
}

ul.nav.nav-tabs.nav-stacked li a {
  text-decoration: none;
}

.lnee .newshead .picture img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* COOKIES *********************************************/

button.plg_system_eprivacy_reconsider {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/cookie.svg);
  background-size: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  border: 0px;
  font-family: 'Yantramanav', sans-serif;
  background-color: #f6f6f6;
  padding: 5px 5px 5px 30px;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
  color: #000;
}

button.plg_system_eprivacy_accepted {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/delete-black.svg);
  background-size: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  border: 0px;
  font-family: 'Yantramanav', sans-serif;
  background-color: #f6f6f6;
  padding: 5px 5px 5px 30px;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
  color: #000;
}

.plg_system_eprivacy_module {
  margin: 30px 20px 30px 0;
  width: 530px;
  overflow: hidden;
  float: right;
}

.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined {
  border: 0px !Important;
}

.plg_system_eprivacy_module p {
  margin: auto;
  font-family: 'Yantramanav', sans-serif;
  font-size: 0px;
  color: #081017;
  font-weight: bold;
  line-height: 1.8;
}

button:focus {
  outline: 0;
}

.activebar-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/bg-shadow-light.png);
  background-color: #f1f1f1;
  background-size: 700px;
  background-position: 200px top;
  background-repeat: no-repeat;
  padding: 4% 20%;
  z-index: 99999;
  -webkit-box-shadow: 0px -2px 9px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -2px 9px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -2px 9px -2px rgba(0, 0, 0, 0.3);
}

.activebar-container-inner {
  padding: 0 70px;
  float: left;
}

.activebar-container p {
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  color: #5d5d5d;
  line-height: 2.0;
  margin: 0;
}

.activebar-container h3 {
  margin: 10px 0;
  color: #000;
  float: left;
  font-weight: bold;
}

.activebar-container ul.links {
  margin: 0;
  padding: 0;
  float: left;
  clear: none;
}

.activebar-container ul {
  margin: 0 0 20px 0;
  float: left;
  clear: left;
}

.activebar-container ul.links li {
  list-style: none;
  float: left;
  padding: 5px 10px 5px 30px;
}

.activebar-container ul.links li a {
  text-decoration: underline;
  color: #000;
}

.activebar-container ul li a, .activebar-container ul li {
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  color: #5d5d5d;
  margin: 0;
  line-height: 2;
}

ul.links li:first-child {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/privacy.svg);
  background-size: 20px;
  background-position: left center;
  background-repeat: no-repeat;
}

ul.links li:nth-child(2) {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/cookie.svg);
  background-size: 20px;
  background-position: left center;
  background-repeat: no-repeat;
}

button.cookie-decline {
  border: 0;
  padding: 10px 15px 10px 40px;
  background-color: #951347;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/decline.svg);
  background-size: 15px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #fff;
  font-family: 'Yantramanav', sans-serif;
  font-size: 90%;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  border: 1px solid rgba(255, 255, 255, 0);
}

button.cookie-agree {
  border: 0;
  padding: 10px 15px 10px 40px;
  background-color: #45ade0;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/agree.svg);
  background-size: 15px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #fff;
  font-family: 'Yantramanav', sans-serif;
  font-size: 90%;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  border: 1px solid rgba(255, 255, 255, 0);
  clear: left;
}

.activebar-container button:hover {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

/* COMMENTS *********************************************/

.rsc_comments_closed {
  display: none;
}

div#artikel_bottom:empty {
  display: none;
}

.rscomm-big {
  font-size: 18px;
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
}

.rscomment .rscomm-heading {
  color: #951347;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  margin: 5px 0;
}

.rscomm-content {
  display: block;
  color: #000;
  line-height: 1.5;
  font-family: 'Yantramanav', sans-serif;
  display: block;
  color: #5d5d5d;
  line-height: 1.5;
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
}

.rscomment-top-actions a.hasTooltip {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  color: #000;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/com-sub.png);
  background-repeat: no-repeat;
  background-position: left 10px;
  background-color: #fff;
  background-size: 30px;
  padding: 15px 15px 15px 40px;
  opacity: 1;
}

.rscomment-top-actions a.hasTooltip:hover {
  opacity: 0.5;
  text-decoration: none;
}

div#rscomments-form-message p {
  color: #951347;
  font-weight: bold;
}

.pull-right {
  float: right;
}

.rscomment-form form select, .rscomment-form form textarea {
  color: #000 !important;
  color: #000 !important;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  font-family: 'Yantramanav', sans-serif;
  line-height: 2;
  padding: 10px 15px;
  font-size: 16px;
}

form#os_form input#btn-submit {
  width: auto !important;
}

a#stat {
  color: #2f8484;
  text-decoration: underline;
}

a#reg {
  color: #000;
  text-decoration: underline;
}

.rscomm-header .rscomm-time {
  float: right;
  cursor: default;
  font-family: 'Yantramanav', sans-serif;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-clock.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 15px;
  padding: 0px 0 0 30px;
}

.rscomments .media.rscomment {
  padding: 30px;
  background-color: white;
  position: relative;
  float: left;
  width: 100%;
  opacity: 1 !important;
}

.rscomm-flag>a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border: 0px;
  -moz-border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  font-family: 'Yantramanav', sans-serif;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-bin.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #fff;
  background-size: 20px;
  padding-left: 30px;
  opacity: 1;
  margin: 10px 0 !important;
  float: left;
  line-height: 1;
}

div#rscomments-terms, div#rscomments-mycomments, div#rscomments-subscribe {
  position: fixed;
  top: 30%;
  background: #081017;
  width: 400px;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 9999999999;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  left: 50%;
  margin-left: -200px;
}

span.rscomm-meta-item.rscomm-actions button:nth-child(2), form#rscommentsForm>div:nth-child(4) {
  display: none;
}

div#artikel_bottom {
  float: left;
  width: 100%;
  margin: 30px 0;
}

.rscomm-actions, .rscomm-flag, .rscomm-rate {
  float: left;
  margin-right: 10px;
}

.rsc_comment_big_box0 .rscomment-body {
  width: 80%;
  float: right;
  padding: 15px 20px;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: -2px 3px 42px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 3px 42px -5px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 3px 42px -5px rgba(0, 0, 0, 0.2);
}

.rscomments .btn {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border: 0px;
  -moz-border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  font-family: 'Yantramanav', sans-serif;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/com-reag.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #fff;
  background-size: 20px;
  padding-left: 30px;
  opacity: 1;
  line-height: 1;
}

.rsc_comment_big_box0 .rscomment-icon {
  width: 20%;
  height: 100px;
  float: left;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/talk.png);
  background-repeat: no-repeat;
  background-position: 100% center;
  background-size: 50px;
  position: relative;
}

#rscomments-subscribe .modal-footer>button, #rscommentsForm button#rsc_submit, #rscommentsForm button#rsc_reset, #rscommentsForm button#rsc_cancel {
  color: #fff;
  font-size: 14px;
  font-weight: lighter;
  border: 0px;
  -moz-border-radius: 5px;
  padding: 8px 10px;
  cursor: pointer;
  font-family: 'Yantramanav', sans-serif;
  background-repeat: no-repeat;
  background-position: 8px center;
  background-color: #951347;
  background-size: 15px;
  padding-left: 30px;
  opacity: 1;
  margin: 0 5px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#rscomments-subscribe .modal-footer>button:hover, #rscommentsForm button#rsc_submit:hover, #rscommentsForm button#rsc_reset:hover, #rscommentsForm button#rsc_cancel:hover {
  background-color: #3cade2;
}

#rscommentsForm button#rsc_submit, #rscomments-subscribe .modal-footer>button:nth-child(3) {
  background-image: url(../images/com-reagwit.png);
}

#rscommentsForm button#rsc_reset {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/com-reset.png);
}

#rscommentsForm button#rsc_cancel, #rscomments-subscribe .modal-footer>button:nth-child(4) {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-cancel.png);
}

button.close.novalidate {
  display: none;
}

iframe.iframe.jviewport-height70 {
  width: 100%;
}

.modal .control-group label {
  color: #fff;
}

form#rscommentsForm>div {
  width: 100%;
  float: left;
  padding: 10px 0;
}

div#rscomments-subscribe>div {
  float: left;
  clear: left;
  width: 100%;
}

div#rscomments-subscribe h3 {
  color: #ffffff;
  font-size: 30px;
}

div#rscomments-subscribe {
  padding: 20px;
}

form#rscommentsForm>div:nth-child(2) {
  width: 102%;
}

form#rscommentsForm>div:nth-child(2) input {
  width: 48% !Important;
  float: left;
  margin: 0 2% 0 0;
  color: #000 !important;
}

.rscomments .btn:hover {
  background-color: #fff;
  opacity: 0.5;
}

span#rsc_my_comments {
  display: none;
}

.rsc_comment_big_box0 .media-body {
  border: 0px;
}

.media-body {
  overflow: hidden;
  border-top: 1px solid #cecece;
  padding-top: 10px;
}

.rsc_comment_big_box1 .rscomment-body, .rsc_comment_big_box2 .rscomment-body, .rsc_comment_big_box3 .rscomment-body, .rsc_comment_big_box4 .rscomment-body {
  width: 80%;
  float: right;
  padding: 10px 60px 0;
}

.rsc_comment_big_box0 {
  margin: 0 0 0 0 !Important;
}

.rsc_comment_big_box1 {
  padding: 0 0 0 40px !Important;
}

.rsc_comment_big_box2 {
  padding: 0 0 0 80px !Important;
}

.rsc_comment_big_box3 {
  padding: 0 0 0 120px !Important;
}

.rsc_comment_big_box4 {
  padding: 0 0 0 160px !Important;
}

.rscomments .rscomment-form {
  padding: 20px;
  border-radius: 0;
  overflow: hidden;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  width: 100%;
}

/* DONORLIJSTEN & DONEREN *********************************************/

.view-register form#osm_login_form {
  padding: 20px 20px 0 20px;
  background: #f8f8f8;
  float: left;
  width: 100%;
  border-bottom: 0px;
}

.view-register form#os_form {
  padding: 0 20px 20px 20px;
  background: #f8f8f8;
  float: left;
  width: 100%;
  border-top: 0px;
}

.view-donation form#os_form {
  max-height: 0px;
  overflow: hidden;
  float: left;
  width: 100%;
  position: relative;
  margin-top: 0px;
}

span#letop {
  background: #951347;
  color: #fff;
  padding: 5px 10px;
  margin-right: 5px;
}

.view-donation form#os_form.donate-open {
  max-height: 1400px;
  overflow: visible;
  margin-top: 20px;
}

.check-my-campain-status, div#profile-update, .bfFormDiv {
  padding: 20px;
  background: #f8f8f8;
  float: left;
  width: 100%;
}

#open-donate-form {
  padding: 20px;
  background: #f8f8f8;
  float: left;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

#donatebtn {
  float: left;
  border: 0px;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  margin: 10px 0;
  cursor: pointer;
  padding: 15px;
  clear: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: url(../images/icon-heart.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #951347;
  background-size: 25px;
  padding-left: 40px;
}

#donatebtn:hover {
  background-color: #3cade2;
}

#story, .donorlijst:before {
  content: 'Wie hebben er al gedoneerd?';
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  color: #000;
}

.moduletable.deelnemercomments:before {
  content: 'Berichten & Reacties';
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  color: #000;
  margin: 20px 0px;
  float: left;
}

.donorlijst .empty {
  border-top: 1px solid #cecece;
  padding-top: 30px;
  margin-top: 30px;
  font-weight: 700;
}

table.table.table-striped.donate-details {
  border-top: 1px solid #cecece;
  margin-top: 30px;
  padding-top: 20px;
}

.donorlijst .donate-details strong {
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  font-weight: lighter;
}

table.table.table-striped.donate-details td {
  padding: 10px 0;
}

#open-donate-form p {
  margin: 10px 0;
}
#donation-form button.plg_system_eprivacy_reconsider {
    font-weight: bold;
    padding: 7px 10px 7px 40px;
    background-color: #e7e7e7;
    background-position: 10px center;
    margin:0;
    float:left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* SOCIAL MEDIA *********************************************/

ul.nav.nav-tabs.nav-stacked, ul.nav.clearfix, ul.clearfix {
  margin: 0;
  padding: 0;
}

.moduletable._cookiebutton {
  display: none;
}

#Autoriteit_Persoonsgegevens_Akkoord li, #login-form li {
  list-style: none;
}

#login-form li a {
  text-decoration: none !important;
}

#login-form ul {
  margin: 0;
  padding: 0;
  float: left;
}

.moduletable.socialshare {
  padding: 0 0 20px 0;
  float: left;
  width: 100%;
}

ul#navigatie {
  padding: 0;
}

ul#navigatie li a img {
  margin: 5px;
}

.com_contenthome .moduletable.socialshare {
  padding: 20px 0;
}

.st-custom-button[data-network] {
  display: inline-block;
  font-family: 'Yantramanav', sans-serif;
  padding: 3px 10px 5px 45px;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  height: 35px;
  line-height: 2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 5px 0;
}

.socialshare #facebook {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-fb.jpg);
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  background-color: #293e6b;
}

.socialshare #twitter {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-tw.jpg);
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  background-color: #175f8c;
}

.socialshare #whatsapp {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-wa.jpg);
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  background-color: #1ca032;
}

.socialshare #linkedin {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-in.jpg);
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  background-color: #073044;
}

.custom.socialshare {
  width: 100%;
  float: left;
}

/* COOKIES *********************************************/

.embed-disallowed {
  width: 100%;
  padding: 20px;
  background: rgba(47, 132, 132, 0.2);
  border: 1px dashed #2f8484;
  color: #081017;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Yantramanav', sans-serif;
}

.embed-disallowed:before {
  content: "Om deze inhoud te kunnen zien moet u 'Social Media' selecteren in uw Cookie instellingen";
}

.socialshare .embed-disallowed:before {
  content: "Om deze pagina te kunnen delen moet u 'Social Media' selecteren in uw Cookie instellingen";
}

.embed-content, #embed {
  width: 100%;
  float: left;
  text-align: left;
}

.com_contenthome .embed-content, #embed {
  text-align: center;
}

/* HOMEPAGE SPECIFIC *********************************************/

.com_contenthome .content_main {
  width: 100%;
  background: #fff;
}

.custom._route p {
  text-align: center;
  width: 100%;
  margin-top: 20px;
  padding: 30px 0;
}

.custom._route img {
  max-width: 100%;
  height: auto;
}

.com_contenthome div#content_main_wrapper {
  width: 100%;
}

.com_contenthome .page-header h1 {
  text-align: center;
  margin: 20px 0 40px 0;
}

#vlakA {
  width: 200px;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  padding: 3% 0 0 3%;
  float: right;
  height: 320px;
}

#vlakA span {
  color: #fff;
  background: #951347;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: lighter;
  margin-top: 30px;
  float: right;
  padding: 5px 10px;
}

#vlakB {
  width: 600px;
  background: rgba(29, 40, 73, 0.7);
  overflow: hidden;
  padding: 9% 10%;
  float: right;
  height: 320px;
}

#vlakB p {
  color: #fff;
  float: left;
  margin: 10px 0;
  font-size: 20px;
  line-height: 1.6;
}

#vlakB h2 {
  color: #3cade2;
  float: left;
  font-size: 50px;
  margin: 0 0 0 10px;
  line-height: 1;
}

#vlakB img {
  width: 12%;
  float: left;
}

#vlakA img {
  padding-right: 18%;
  float: left;
}

div#vlakBinner {
  width: 100%;
  float: right;
}

div#compositie {
  width: 800px;
  float: left;
  margin: 12% 0 0 0;
}

/* LOGIN ACCOUNT *********************************************/

a.mypage {
  line-height: 1.8;
  text-decoration: none;
  color: #fff;
  background: #951347;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  padding: 10px 20px;
  float: left;
  clear: left;
}

form#user-registration fieldset {
  border: 0px;
  margin: 0;
  padding: 0;
}

#profile-page fieldset#osm_AVG_regels input {
  display: none;
}

#profile-page fieldset#osm_AVG_Akkoord input, #profile-page fieldset#osm_Algemene_Voorwaarden input {
  width: auto !important;
  float: left;
  margin: 6px 10px 0 0;
}

#profile-page fieldset#osm_AVG_regels ul {
  padding: 0 20px;
}

#profile-page fieldset#osm_AVG_regels li {
  list-style: disc;
}

#profile-page div#field_osm_AVG_regels {
  margin-bottom: 0px;
}

#profile-page div#field_osm_AVG_regels, #profile-page div#field_osm_AVG_Akkoord, #profile-page div#field_osm_Algemene_Voorwaarden {
  width: 100% !important;
  height: auto;
}

#profile-page fieldset#osm_AVG_regels {
  padding: 1% 2%;
  margin: 10px 0 0 0;
  border: 1px dashed #2f8484;
  background: rgba(47, 132, 132, 0.13);
  border-bottom: 0px;
}

#profile-page fieldset#osm_AVG_Akkoord {
  padding: 0 2% 1% 2%;
  margin: 0 0 10px 0;
  border: 1px dashed #2f8484;
  background: rgba(47, 132, 132, 0.13);
  border-top: 0px;
}

#profile-page fieldset#osm_Algemene_Voorwaarden {
  width: 100%;
  padding: 1% 2%;
  margin: 10px 0 20px 0;
  border: 1px dashed #989898;
  background: rgba(141, 141, 141, 0.05);
  height: 50px;
}

#profile-page label#osm_AVG_Akkoord-lbl {
  display: none;
}

#profile-page fieldset#osm_AVG_Akkoord label {
  font-weight: bold !important;
  color: #2f8484;
}

#profile-page fieldset#osm_Algemene_Voorwaarden label {
  font-weight: bold !Important;
}

a.mypage:hover {
  background: #3cade2;
  text-decoration: none !important;
}

.check-my-campain-status li {
  font-family: 'Yantramanav', sans-serif;
  color: #000000;
  font-weight: lighter !Important;
  float: left;
  list-style: none;
  margin-right: 20px;
}

.check-my-campain-status h2 {
  float: left;
  clear: left;
  width: 100%;
  border-bottom: 1px dashed #cecece;
  padding-bottom: 10px;
}

li#geld {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-raised.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left center;
  padding: 10px 0 8px 30px;
}

li#donoren {
  background-image: url(../images/icon-donor.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left center;
  padding: 10px 0 8px 30px;
}

li#berichten {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-bericht.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left center;
  padding: 10px 0 8px 30px;
}

.check-my-campain-status ul {
  float: left;
  clear: left;
  padding: 0;
}

.check-my-campain-status {
  margin: 50px 0;
}

.popuplogin {
  visibility: hidden;
  position: absolute;
  background: #f8f8f8;
  padding: 20px;
  margin-top: 0px;
  opacity: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 300px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

#osm-profileTabs, #field_osm_Mijn_pagina {
  display: none;
}

.login fieldset {
  padding: 0;
  margin: 0;
  border: 0px;
}

.moduletable.login7vl {
  float: right;
}

.custom.login7vl {
  float: left;
}

.login7vl p {
  margin: 0;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  line-height: 1.8;
}

.login7vl a button {
  border: 0px;
  color: #fff;
  padding: 7px 20px 8px 35px;
  cursor: pointer;
  margin: 0;
  background: url(https://zevenvoorleven.nl/templates/template/images/icon-login.png) #951347;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 15px 10px;
}

.login7vl a:hover button {
  background: url(https://zevenvoorleven.nl/templates/template/images/icon-login.png) #3cade2;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 15px 10px;
}

.mijnpagina a button {
  border: 0px;
  color: #fff;
  padding: 7px 20px 8px 50px;
  cursor: pointer;
  margin: 0;
  background: url(https://zevenvoorleven.nl/templates/template/images/icon-login.png) #951347;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 15px 8px;
}

.mijnpagina a:hover button {
  background: url(https://zevenvoorleven.nl/templates/template/images/icon-login.png) #3cade2;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 15px 8px;
}

.mijnpagina p {
  margin: 0;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
}

.open-login {
  margin-top: 10px;
  visibility: visible;
  opacity: 1;
}

#login-form .userdata>div, #login-form .userdata span, #login-form .userdata input, #login-form .userdata ul.unstyled li {
  float: left;
  clear: left;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div#form-login-remember, #login-form .userdata ul.unstyled li:first-child, .popover {
  display: none !important;
}

#login-form .userdata input {
  border: 0px;
  padding: 10px 15px;
  margin-bottom: 10px;
  border: 1px solid #e4e4e4;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #868686 !important;
  -webkit-box-shadow: 0 0 0 30px #fff inset;
}

#login-form .userdata ul.unstyled li a:hover {
  color: #000;
}

.control-group label {
  font-family: 'Yantramanav', sans-serif;
  color: #000;
  font-weight: lighter !Important;
}

input#jform_email, .form-horizontal .control-group input[type="password"], .form-horizontal .control-group input[type="text"] {
  font-family: 'Yantramanav', sans-serif;
  color: #868686;
  font-weight: lighter !Important;
  border: 1px solid #e4e4e4;
  padding: 10px 15px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.formError .formErrorContent {
  font-family: 'Yantramanav', sans-serif;
}

.form-horizontal .nav-stacked li a:hover {
  color: #000;
}

.login form.form-validate fieldset>div:nth-child(3) div {
  float: left;
}

.login form.form-validate fieldset>div:nth-child(4) {
  clear: left;
}

.donate-details a.btn {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#login-form .userdata button, .logout-button input {
  border: 0px;
  background: #951347;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  margin: 10px 0;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.control-group input.button.btn.btn-primary, .btn-primary {
  border: 0px;
  background-color: #951347;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  margin: 10px 0;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.required, .star {
  color: #951347 !Important;
  margin-left: 4px;
}

.btn-primary {
  padding: 10px 15px;
}

.control-group input.button.btn.btn-primary:hover, .btn-primary:hover {
  background-color: #3cade2;
}

#login-form .userdata button:hover {
  background: #3cade2;
}

.form-actions {
  float: left;
  clear: left;
}

h2.eb-heading, h2.osm-heading {
  border-top: 1px dashed #cecece;
  margin-top: 40px;
  padding: 20px 0 0;
}

#os_form .control-group {
  width: 33%;
  float: left;
  padding: 0 2% 0 0;
  height: 80px;
  margin-bottom: 20px;
}

#profile-page .control-group {
  width: 33%;
  float: left;
  padding: 0 2% 0 0;
  height: 80px;
  margin-bottom: 20px;
}

#os_form div:nth-child(2) {
  clear: left;
}

.rscomment-form form input[type="text"], .rscomment-form form input[type="password"], .rscomment-form form input[type="datetime"], .rscomment-form form input[type="datetime-local"], .rscomment-form form input[type="date"], .rscomment-form form input[type="month"], .rscomment-form form input[type="time"], .rscomment-form form input[type="week"], .rscomment-form form input[type="number"], .rscomment-form form input[type="email"], .rscomment-form form input[type="url"], .rscomment-form form input[type="search"], .rscomment-form form input[type="tel"], .rscomment-form form input[type="color"], .rscomment-form form .uneditable-input, #os_form input, #os_form textarea, #profile-page input, #profile-page textarea {
  width: 100% !important;
  padding: 10px 15px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 2;
  border: 1px solid #e4e4e4;
  font-size: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input.btn.btn-primary {
  font-family: 'Roboto Condensed', sans-serif !Important;
}

input#btn-submit {
  width: auto;
}

#profile-page select, #os_form select {
  width: 100%;
  padding: 10px 15px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 2;
  border: 1px solid #e4e4e4;
  color: #868686;
  font-size: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input#amount {
  color: #951347;
  font-weight: lighter !Important;
  border: 1px solid #e4e4e4;
  padding: 0px !Important;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 0 0 #fff inset;
  background: none;
  border: 0px !Important;
  font-size: 50px !important;
  width: 150px !important;
  float: left;
}

.view-register #os_form #osm_AVG_regels {
  padding: 1% 2%;
  margin: 10px 0 0 0;
  border: 1px dashed #2f8484;
  background: rgba(47, 132, 132, 0.13);
  border-bottom: 0px;
}

.view-register #os_form #osm_AVG_regels li {
  list-style: disc;
  margin: 0 0 0 20px;
}

.view-register #os_form #osm_AVG_regels li input {
  display: none;
}

.view-register #os_form #osm_AVG_Akkoord {
  padding: 0 2% 1% 2%;
  margin: 0 0 10px 0;
  border: 1px dashed #2f8484;
  background: rgba(47, 132, 132, 0.13);
  border-top: 0px;
}

.view-register #field_osm_Algemene_Voorwaarden, .view-register #field_osm_AVG_Akkoord, .view-register #field_osm_AVG_regels {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 0px !Important;
}

.view-register #os_form #osm_AVG_Akkoord label {
  font-weight: bold !important;
  color: #2f8484;
}

.view-register #os_form>div:nth-child(33) span {
  color: #951347;
  font-weight: lighter !Important;
  font-size: 50px !important;
  float: left;
  padding: 5px 5px 0 0;
}

.view-register .formErrorContent {
  font-size: 14px;
  font-weight: lighter;
}

.view-register #osm_AVG_Akkoord-lbl, .view-register #osm_Algemene_Voorwaarden-lbl, .view-register #field_osm_AVG_Akkoord .control-label, .view-register #os_form>div:nth-child(33) label {
  display: none;
}

.view-register #osm_Algemene_Voorwaarden label {
  font-weight: bold !Important;
}

.view-register #osm_Algemene_Voorwaarden, .view-register #osm_Nieuwsbrief {
  width: 100%;
  padding: 1% 2%;
  margin: 10px 0;
  border: 1px dashed #989898;
  background: rgba(141, 141, 141, 0.05);
}

.view-register #osm_Nieuwsbrief label {font-weight:bold !Important;}

.view-register #field_osm_Nieuwsbrief{
  width:100% !Important;
  margin:0;
}

.view-register #osm_Nieuwsbrief-lbl {display:none;}

.view-register #os_form>div:first-child {
  width: 99%;
}

.view-register #os_form #osm_AVG_regels-lbl:after {
  content: "*";
  color: #951347;
  margin-left: 6px;
}

form#osm_login_form {
  float: left;
  width: 100%;
}

h3.osm-heading, h3.jd-heading {
  width: 100%;
  clear: left;
  color: #951347;
}

#field_osm_Account_informatie .control-label, #profile-page #field_osm_Kennis_maken .control-label, #profile-page #field_osm_Motivatie .control-label, #profile-page #field_osm_contact_gegevens .control-label {
  width: 100%;
  clear: left;
  color: #951347;
  margin: 10px 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: lighter;
  padding-top: 20px;
  border-top: 1px dashed #cecece;
}

#field_osm_Account_informatie, #profile-page #field_osm_Kennis_maken, #profile-page #field_osm_Motivatie, #profile-page #field_osm_contact_gegevens {
  width: 100% !important;
  margin-bottom: 0;
}

#profile-page>div:nth-child(3), #profile-page>div:nth-child(6) {
  position: absolute;
}

#profile-page>div:nth-child(3) label, #profile-page>div:nth-child(6) label {
  font-weight: bold !important;
}

#profile-page>div:nth-child(3) {
  margin-left: 130px;
}

.osm-container img {
  width: 100%;
}

#profile-page>div:nth-child(1) {
  height: 400px;
  margin-top: 70px;
}

#profile-page>div:nth-child(1) .controls {
  padding: 20px;
  border: 1px solid#eee;
  float: left;
  width: 100%;
  background: #fff;
}

#content_main_sidebar h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  color: #000 !important;
  font-size: 40px;
  line-height: 1.2;
}

#profile-page>div:nth-child(2), #profile-page>div:nth-child(4) {
  margin-top: 70px;
}

div#subscription-history-page, div#my-subscriptions-page {
  display: none;
}

#osm_login_form h3 {
  border: 0px;
  padding: 0;
}

.osm-heading {
  width: 100%;
  clear: left;
  border-top: 1px dashed #cecece;
  margin-top: 30px;
  float: left;
  padding-top: 20px;
}

#field_osm_Wat_is_uw_verhaal {
  width: 100% !Important;
  height: auto !important;
}

#osm_Wat_is_uw_verhaal {
  height: 500px;
  border: 0px;
}

.moduletable.inschrijven {
  width: 100%;
  margin: 70px auto;
}

.moduletable.inschrijven h3 {
  color: #3cade2 !important;
  margin: 15px;
  font-size: 35px !important;
}

.inschrijf-item {
  width: 23%;
  float: left;
  padding: 0 0 0 0;
  margin-right: 2%;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 3%;
}

#wrapper-aanmeldenbut {
  width: 227px;
  margin: 30px auto;
  overflow: hidden;
}

p#betvia {
  text-align: center;
  color: #951347;
}

.triangle {
  display: none;
}

.inschrijf-item>div, .inschrijf-item>div img {
  float: left;
  width: 100%;
}

.inschrijf-item div:nth-child(2) {
  background: #f8f8f8;
  padding: 10px 15px;
  height: 200px;
}

.moduletable.inschrijven .inschrijf-item h4 {
  text-align: right;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  font-size: 25px;
  color: #081017;
}

.moduletable.inschrijven h4 {
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  font-size: 60px;
  color: #081017;
  margin: 10px 0;
}

.moduletable.inschrijven .inschrijf-item p {
  text-align: right;
  color: #999;
  line-height: 1.2;
}

a.aanmeldenbut {
  background: #951347;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  margin: 0;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  text-alitgn: center;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a.aanmeldenbut:hover {
  background: #3cade2;
}

/* TOOLTIP OVERRULES *********************************************/

.formError .formErrorContent {
  background: #951347;
  font-size: 14px;
  border: 0px;
  box-shadow: 0 0 0 #000;
  -moz-box-shadow: 0 0 0 #000;
  -webkit-box-shadow: 0 0 0 #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 10px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.formError .formErrorArrow div {
  border-left: 0px solid #ddd;
  border-right: 0px solid #ddd;
  box-shadow: 0 0px 0px #444;
  -moz-box-shadow: 0 0px 0px #444;
  -webkit-box-shadow: 0 0px 0px #444;
  -o-box-shadow: 0 0px 0px #444;
  font-size: 0px;
  height: 1px;
  background: #a2315f;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
}

.formError {
  opacity: 1 !important;
  z-index: 1;
}

/* IK WORD DEELNEMER! *********************************************/

.jd-row .span6 span {
  display: none;
}

#payment_method_container label {
  display: none;
}

#payment_method_container div.controls {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-ideal.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 200px;
  font-size: 0;
  width: 220px;
  height: 100px;
}

input#btn-submit {
  font-size: 14px;
}

/* PERSOONLIJKE PAGINA *********************************************/

.view-donation #os_form>div:nth-child(2) {
  display: none;
}

.view-donation #os_form>div:nth-child(3) {
  clear: left;
}

.view-donation #os_form>div:nth-child(10), .view-donation #os_form>div:nth-child(10) fieldset {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}

.view-donation #os_form>div:nth-child(10) fieldset {
  padding: 1% 2%;
  margin: 10px 0 0 0;
  border: 1px dashed #2f8484;
  background: rgba(47, 132, 132, 0.13);
  border-bottom: 0px;
}

.view-donation #os_form>div:nth-child(10) li input {
  display: none;
}

.campaigndetails>div:nth-child(2) strong.darkgray {
  margin-right: 5px;
}

.view-donation #os_form>div:nth-child(10)>label:after {
  content: "*";
  color: #951347;
}

.view-donation #os_form>div:nth-child(10) li {
  list-style: disc;
  margin: 0 0 0 20px;
}

.view-donation #os_form>div:nth-child(11)>label {
  display: none;
}

.view-donation #os_form>div:nth-child(11), .view-donation #os_form>div:nth-child(11) fieldset {
  width: 100%;
  height: auto;
  margin: 0;
}

.view-donation #os_form>div:nth-child(11) fieldset {
  padding: 0 2% 1% 2%;
  margin: 0 0 10px 0;
  border: 1px dashed #2f8484;
  background: rgba(47, 132, 132, 0.13);
  border-top: 0px;
}

.view-donation #os_form>div:nth-child(11) fieldset ul input {
  float: left;
  margin: 6px 6px 0 0;
}

.view-donation #os_form>div:nth-child(11) fieldset ul label {
  font-weight: bold !important;
  color: #2f8484;
}

.view-donation #os_form>div:nth-child(12) label, .view-donation #os_form>div:nth-child(12) div.controls {
  position: absolute;
}

.view-donation #os_form>div:nth-child(12) label {
  margin-left: 20px;
  font-weight: bold !important;
}

.view-donation #os_form>div:nth-child(12) input {
  margin: 7px 0 0 0;
}

.view-donation #os_form>div:nth-child(12) {
  width: 98%;
  padding: 1% 2%;
  margin: 10px 0 20px 0;
  border: 1px dashed #989898;
  background: rgba(141, 141, 141, 0.05);
  height: 55px;
}

.view-donation #os_form>div:first-child, .view-donation #os_form>div:nth-child(13) {
  height: auto;
  width: 100%;
  border-top: 1px dashed #cecece;
  padding-top: 20px;
  clear: left;
}

.view-donation #os_form>div:nth-child(15) label {
  display: none;
}

.view-donation #os_form>div:nth-child(15) div.controls {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-ideal.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 200px;
  font-size: 0;
  width: 220px;
  height: 100px;
}

.view-donation #os_form>div:nth-child(17) {
  width: 33.33333333333333%;
}

.view-donation #os_form>div:nth-child(17) {
  clear: left;
  width: 66.66666666666666%;
  height: auto;
}

.view-donation #os_form>div:nth-child(21) {
  clear: left;
  height: auto;
  width: 100%;
}

#field_Autoriteit_Persoonsgegevens_Akkoord .formErrorContent {
  font-size: 0px
}

#field_Autoriteit_Persoonsgegevens_Akkoord .formErrorContent:before {
  content: "Maakt u alstublieft een keuze";
  font-size: 14px;
  font-weight: lighter;
}

div#amount_container {
  font-size: 0px;
}

a.jd-modal {
  color: #951347;
}

div#amount_container>div, div#amount_container>select {
  width: 47%;
  float: left;
  clear: none !important;
  margin: 0 3% 0 0;
}

div#field_comment {
  height: auto !important;
  width: 100% !important;
}

.moduletable.headerimg {
  top: 0;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  height: 500px;
}

#os_form input[type='checkbox'] {
  -webkit-box-shadow: 0 0 0 0 #fff inset !Important;
  width: 20px !Important;
}

.controls, .empty {
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.8;
}

div#open-donate-form h2, .deelnemercomments h2 {
  color: #951347;
  font-size: 30px;
  margin: 0 0 10px 0;
}

.deelnemercomments p {
  margin: 10px 0;
}

h1.jd-page-title {
  color: #951347;
  font-size: 30px;
  margin: 0;
  display: none;
}

.moduletable.campagnes {
  width: 600px;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.5% 2%;
  float: left;
  height: 250px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.jd-message h2 {
  margin-bottom: 10px;
  margin-top: 0px;
}

.jd-message.clearfix {
  float: left;
  margin: 0 0 20px 0;
}

.moduletable.profielfoto {
  width: 250px;
  height: 250px;
  float: left;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}

.moduletable.profielfoto img {
  width: 100%;
  float: left;
}

.donate-details strong, .amount-goal strong {
  color: #3cade2;
  font-weight: lighter;
  font-family: 'Roboto Condensed', sans-serif;
}

.campain-list .amount-goal {
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  float: left;
  margin: 10px 0;
}

.amount-goal>div:first-child {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-raised.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
  padding-left: 35px;
}

.amount-goal>div:last-child {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-goal.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
  padding-left: 35px;
  margin-left: 20px;
}

.campaigndetails>div:first-child {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-donated.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  padding: 0 10px 0 25px;
}

.campaigndetails>div:nth-child(2) {
  background-image: url(../images/icon-donor.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
  padding: 0 10px 0 40px;
}

.campaigndetails>div:nth-child(3) {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-daysleft.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
  padding-left: 40px;
  display: none;
}

.donate-details .progress, .donate-details-mod .progress {
  background-color: #c9c9c9;
  background-image: linear-gradient(to bottom, #fff, #c9c9c9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 20px;
  margin-bottom: 0;
  overflow: hidden;
}

.donate-details .progress .bar, .donate-details-mod .progress .bar {
  background-color: #0e90d2;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/loaderbg.png), linear-gradient(to bottom, #3cade2, #a4c130);
  background-repeat: repeat-x;
  background-position: center;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  box-sizing: border-box;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  transition: width 0.6s ease 0s;
  width: 0;
}

.view-donation .inner-header {
  width: 75%;
  margin: auto;
  overflow: hidden;
  padding: 170px 2% 0;
  z-index: 1;
  position: relative;
}

.custom.headerimg p {
  margin: 0;
}

.custom.headerimg img {
  width: 100%;
}

.campain-list h3 {
  font-size: 40px;
  color: #000;
  margin: 0;
}

.amount-goal>div {
  float: left;
  font-size: 20px;
}

.campain-list .btn {
  padding: 3px 5px 0px 0px;
  color: #000;
}

.donate-details .orange, .amount-goal .orange {
  color: #a4c130;
  font-size: 20px;
  font-weight: lighter;
  font-family: 'Roboto Condensed', sans-serif;
}

.progress {
  clear: left;
}

.campagnes, .donate-details {
  font-family: 'Roboto Condensed', sans-serif;
}

.campaigndetails>div, .donate-details.clearfix, .osm-description-details.span12 {
  float: left;
}

.osm-description-details.span12 {
  float: left;
  width: 100%;
}

.campaigndetails br {
  display: none;
}

.span6 span {
  display: none;
}

div#donation-campaigns {
  float: left;
  margin-left: -1%;
  margin-right: -1%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

strong.darkgray {
  color: #3cade2;
}

form.form-inline {
  line-height: 1.5;
}

.view-campaigns strong.darkgray {
  font-size: 20px;
}

div#donation-campaigns .jd-row {
  width: 18%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: #f8f8f8;
  background-clip: content-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  margin: 0 1% 2% 1%;
  overflow: hidden;
}

.jd-row.clearfix>div {
  background: #f8f8f8;
  float: left;
  width: 100%;
}

.row-fluid.campaigndetails {
  float: left;
  margin-top: 10px;
}

.view-campaigns .jd-box-heading {
  display: none;
}

#donation-campaigns h1.page-title {
  margin-left: 1%;
  width: 100%;
}

.campaigndetails .span4 {
  font-size: 16px;
}

.donate-details .span6 {
  margin: 0 0 10px 0;
}

.jd-container .jd-box-heading h3 a, #jd-docs .jd-box-heading h3 a {
  color: #ffffff;
  font-weight: lighter;
}

.jd-description-photo img {
  width: 100%;
}

.jd-description-photo {
  width: 100%;
}

.donate-details-mod {
  float: none;
}

.view-campaigns h3.jd_title {
  margin: 10px 20px;
}

.donate-details.clearfix {
  padding: 10px 20px 20px;
  width: 100%;
}

.donate-details .row-fluid {
  text-align: center;
}

.osm-description-details p {
  padding: 0px 20px;
  float: left;
  line-height: 1.5;
  font-size: 14px;
  margin: 0;
}

.donate-details .span2 {
  display: none;
  text-align: center;
  margin: 20px;
}

.jd-taskbar.span2 {
  display: block;
}

.jd-description h2 {
  margin: 10px 20px;
  font-size: 22px;
}

div#osm-subscription-complete label {
  color: #951347;
  font-weight: bold !important;
}

/* 404 + LOGO + BRANDING + COOKIES *********************************************/

#ca_banner {
  position: fixed;
  z-index: 16777270;
  width: 100%;
  background: rgba(45, 46, 48, 0.9);
  text-align: center;
  display: none;
  padding: 40px 0;
  left: 0;
  right: 0;
  float: none;
  text-shadow: none;
  margin: 0 auto;
}

#ca_info {
  background: #fff;
  height: 304px;
  left: 50%;
  margin-left: -350px;
  margin-top: -182px;
  margin-bottom: 20px;
  position: fixed;
  top: 50%;
  width: 700px;
  box-shadow: 0 0 40px #444;
  z-index: 16777271;
  padding: 30px;
  box-sizing: border-box;
  display: none;
  border: 1px solid #999999 text-shadow:none;
}

#ca_info .ca_info_close {
  position: absolute;
  top: -15px;
  right: -15px;
  color: #fff;
  font-weight: bold;
  height: 25px;
  width: 25px;
  border-radius: 16px;
  background: #AA0000 url('https://zevenvoorleven.nl/templates/template/css/img/close.png');
  text-align: center;
  line-height: 1.3em;
  font-size: 18px;
  cursor: pointer;
}

#ca_info_plus {
  box-sizing: border-box;
  overflow: auto;
  height: 254px;
  padding-right: 10px;
  color: #000;
  text-align: left;
}

#ca_info_plus p {
  color: #000;
  text-align: left;
  font-size: 12px;
}

#ca_banner p, #ca_banner h2 {
  margin: 4px 0;
  padding: 0;
  line-height: 1.2em;
  color: #fff;
  float: none;
}

#ca_banner h2 {
  font-size: 30px;
  font-weight: lighter;
  font-family: 'Roboto Condensed', sans-serif;
}

#ca_banner p {
  font-size: 16px;
  width: 30%;
  margin: 20px auto;
}

#ca_banner a {
  color: #fff;
}

#ca_banner p span {
  text-decoration: underline;
  color: #0089F2;
  cursor: pointer;
  font-weight: bold;
  float: none;
}

#ca_banner .accept {
  cursor: pointer;
  font-size: 16px;
  margin: 5px auto;
  width: 160px;
  background: #0fa754;
  padding: 10px 5px;
  border-radius: 3px;
  color: #fff;
  float: none;
  font-family: 'Roboto Condensed', sans-serif;
}

#ca_banner .accept:hover {
  background: #13693a;
}

body.error {
  background: #3b4044;
}

.error-container {
  width: 100%;
  color: #fff;
  margin: 10% auto 0 auto;
  text-align: center;
}

.error404 h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 80px;
  line-height: 1.2;
}

.error404 h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 40px;
  line-height: 1.2;
}

.error404 {
  text-align: center;
}

.navigation .moduletable.logo {
  float: left;
  margin: 8px 8px 8px 200px;
  opacity: 0;
  position: absolute;
}

.smaller .navigation .moduletable.logo {
  margin: 8px;
  opacity: 1;
}

.logo.logoimg {
  float: left;
  height: 40px;
  padding: 8px;
}

.navigation .moduletable.logo img {
  width: auto;
  height: 40px;
}

.logoheader {
  position: relative;
  z-index: 8;
  width: 20%;
  margin: 10% auto 0 auto;
}

.logoheader img {
  width: 100%;
  border: 1px dashed #fff;
}

/* NORMALIZE *********************************************/

body {
  margin: 0;
  padding: 0;
}

select, textarea, input[type="text"], input[type="file"], input[type="password"], input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

.modal .control-group {
  margin-bottom: 10px;
}

.modal input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #4f565c;
  padding: 10px 15px;
  color: #fff !important;
  font-size: 16px;
  font-family: 'Yantramanav', sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  background: #1f262c;
}

input[type="file"] {
  background: #fff;
  line-height: 1 !important;
}

p {
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  width: 100%;
}

h2, h3, h4, h5, h6 {
  margin: 10px 0;
  padding: 0;
}

textarea:focus, input:focus {
  outline: none;
}

nav ul, nav li {
  margin: 0;
  padding: 0;
}

nav li, .menu li {
  list-style: none;
}

a img {
  border: none;
}

a {
  outline: 0;
  text-decoration: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

iframe {
  border: 0px;
}

button:focus {
  outline: 0;
}

/* ANIMATIONS *********************************************/

.rscomment-top-actions a.hasTooltip, .view-donation form#os_form.donate-open, form.donate-open, form#os_form, #donatebtn, a.mypage, a.aanmeldenbut, .btn-primary, .nav-stacked li a, #login-form .userdata button, #login-form .userdata ul.unstyled li a, .login7vl a button, #ca_banner .accept, .navigation .moduletable.logo, footer, .moduletable.modulebackground, .bfQuickMode button, .bfQuickMode span.bfTooltip, #searchForm select#limit, button, p.readmore a, ul.tags.inline li a, .blackscreen, button.switch, .open-menu .blackscreen, .container-wrapper, .moduletable_ankermenu ul li, .presentatievariant2 .latestnews-items>li, .presentatievariant2 .readalllink, .blogcat a, .icons ul li a, .menu ul, .menu ul ul {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.popuplogin, .open-login, .view-tag ul.category.list-striped li h3 a, nav .menu ul, nav .menu li, #copyright a, a img#visualfield, .blog .page-header a, .navigation>div.moduletable_menu a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@-webkit-keyframes scrollwheel {
  0% {
    opacity: 1;
    top: -20px;
  }
  100% {
    opacity: 0;
    top: 0px;
  }
}

@-moz-keyframes scrollwheel {
  0% {
    opacity: 1;
    top: -20px;
  }
  100% {
    opacity: 0;
    top: 0px;
  }
}

@-o-keyframes scrollwheel {
  0% {
    opacity: 1;
    top: -20px;
  }
  100% {
    opacity: 0;
    top: 0px;
  }
}

@keyframes scrollwheel {
  0% {
    opacity: 1;
    top: -20px;
  }
  100% {
    opacity: 0;
    top: 0px;
  }
}

@-webkit-keyframes arrow {
  0% {
    opacity: 1;
    margin: -50px 10px;
  }
  100% {
    opacity: 0;
    margin: 5px 10px;
  }
}

@-moz-keyframes arrow {
  0% {
    opacity: 1;
    margin: -50px 10px;
  }
  100% {
    opacity: 0;
    margin: 5px 10px;
  }
}

@-o-keyframes arrow {
  0% {
    opacity: 1;
    margin: -50px 10px;
  }
  100% {
    opacity: 0;
    margin: 5px 10px;
  }
}

@keyframes arrow {
  0% {
    opacity: 1;
    margin: -50px 10px;
  }
  100% {
    opacity: 0;
    margin: 5px 10px;
  }
}

/* FORMS % FOOTER *********************************************/

.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label {
  font-family: 'Yantramanav', sans-serif;
  color: #444444;
  font-weight: lighter !Important;
  font-size: 16px;
}

.bfQuickMode span.bfTooltip {
  width: 20px;
  height: 20px;
  margin: 0px;
  background-color: #3b4044;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon_info.png);
  background-repeat: no-repeat;
  background-position: center 1px;
  background-size: 15px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 5px 5px 0;
}

.bfQuickMode .bfErrorMessage {
  font-weight: lighter !important;
  color: #fff !Important;
  background: #951347 !important;
}

.bfQuickMode .bfRequired {
  color: #951347 !Important;
}

.bfQuickMode span.bfTooltip:hover {
  background-color: #3cade2;
}

.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button {
  width: 100% !important;
  padding: 10px 15px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 2;
  border: 1px solid #e4e4e4;
  font-size: 16px;
}

.bfQuickMode .bfRequired {
  vertical-align: top;
  background: none;
  font-size: 100%;
  font-weight: bold;
  border: none;
  padding: 0px 0px 0px 5px;
  margin: 0px;
  color: #3cade2;
  float: none;
}

.ui-tooltip-focus {}

.ui-tooltip-hover {}

.ui-tooltip-default {
  border-color: #3cade2;
  background-color: #3cade2;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  line-height: 1.5;
  width: 75%;
}

button.bfCancelButton.button {
  margin-right: 5px;
}

.bfQuickMode button {
  color: #fff;
  background-color: #951347;
  padding: 10px 20px;
  margin-left: 5px;
  font-family: 'Roboto Condensed', sans-serif;
  border: 0px;
  font-size: 16px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.bfQuickMode button:hover {
  background-color: #3cade2;
}

.bfQuickMode .bfErrorMessage {
  padding: 10px;
  margin-bottom: 10px;
  background: #3b4044;
  float: none;
  display: block;
  color: #3cade2;
  font-family: 'Roboto Condensed', sans-serif;
}

footer .form, footer .moduletable .adress {
  width: 100%;
  float: left;
  padding: 0 1%;
}

footer .adress h3 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px !Important;
  color: #3cade2 !Important;
  text-align: left !important;
  margin: 30px 0 10px 0;
}

footer .adress h4 {
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: lighter;
}

footer .adress h4#icon-phone {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-phone.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

footer .bfClearfix {
  width: 450px;
  float: right;
}

.bfSectionDescription h3 {
  text-align: left !Important;
  font-size: 30px !Important;
  color: #3cade2 !Important;
  margin: 30px 0 0 0;
}

.bfSectionDescription p {
  color: #000 !Important;
}

/* LEGENDS & TAGS & PAGINATION *********************************************/

.item-page dd.createdby {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-auteur.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 25px;
  padding: 5px 5px 5px 30px;
}

.item-page dd.published {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-date.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 25px;
  padding: 5px 5px 5px 25px;
}

.item-page dd.hits {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-views.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 25px;
  padding: 5px 5px 5px 25px;
}

.item-page .article-info dd {
  float: left;
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  margin: 0 15px 0 0;
  font-weight: bold;
  color: #4a4a4b;
}

ul.tags.inline {
  float: left;
  clear: left;
  width: 100%;
  margin: 5px 0;
}

ul.tags.inline li {
  float: left;
}

ul.tags.inline li a {
  background: #3b4044;
  padding: 3px 10px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px !important;
  margin: 0 5px 5px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
}

ul.tags.inline li a:hover {
  background: #3cade2;
}

p.readmore a:hover {
  text-decoration: underline;
}

p.readmore a {
  color: #3e92a1;
  font-family: 'Roboto Condensed', sans-serif !Important;
}

.tooltip {
  display: none !important;
}

.pagination {
  clear: left;
  width: 100%;
  padding: 1%;
  text-align: center;
}

.pagination ul {
  margin: auto;
  width: 300px;
  overflow: hidden;
  display: table;
}

.pagination ul li {
  float: none;
  display: inline-block;
  margin: 0 5px;
}

.pagination ul li a {
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #3b4044;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.9;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.pagination ul li a:hover {
  opacity: 0.5;
}

.pagination ul li span {
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #3cade2;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.9;
}

.pagination ul li.pagination-start, .pagination ul li.pagination-prev, .pagination ul li.pagination-next, .pagination ul li.pagination-end, .pagination>p {
  display: none;
}

p.counter {
  color: #3cade2;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px !important;
  font-weight: lighter;
  margin: 10px 0;
  clear: left;
}

/* PARALLAX *********************************************/

.wrapper-parallax {
  float: left;
  overflow: hidden;
  width: 100%;
  height: 35vw;
  position: relative;
}

#parallax-bg3 {
  z-index: 9;
  position: absolute;
  top: 0;
  width: 100%;
}

#parallax-bg2 {
  z-index: 8;
  position: absolute;
  top: 0;
  width: 100%;
}

#parallax-bg1 {
  z-index: 7;
  position: absolute;
  top: 0;
  width: 100%;
}

#parallax-bg1 img {
  margin-top: -10%;
}

.parallax img {
  width: 100%;
}

.parallax h1 {
  font-size: 3vw;
  color: #fff;
  width: 50%;
  margin: 1% auto 0 auto;
  text-align: center;
  font-weight: lighter;
}

#icon-finger-swipe {
  display: none;
}

/* MAIN LAYOUT *********************************************/

.mobilenav {
  display: none;
}

.articleBody {
  width: 100%;
}

.articleBody img {
  max-width: 100%;
}

.container {
  width: 100%;
  float: left;
  background: #fff;
}

.container_top {
  width: 100%;
  float: left;
  position: fixed;
  z-index: 99;
  -webkit-transform: translateZ(0);
}

.header {
  width: 100%;
  float: left;
  min-height: 100px;
}

.view-donation .header {
  min-height: 500px;
}

.navigation {
  width: 100%;
  float: left;
  height: 75px;
  background: #081017;
}

.content_main {
  width: 75%;
  padding: 2%;
  margin: auto;
  overflow: hidden;
}

div#content_main_wrapper {
  width: 70%;
  float: left;
}

.view-campaigns div#content_main_wrapper {
  width: 100%;
}

.com_contenthome div#content_main_wrapper {
  padding: 0;
}

div#content_main_sidebar {
  width: 30%;
  float: left;
  padding: 0px 2%;
}

div#content_main_sidebar:empty {
  display: none;
}

.content_message {
  width: 100%;
  float: left;
}

div#user1:empty, div#user2:empty, div#user3:empty, div#user4:empty, div#user5:empty, div#user6:empty, div#user7:empty, .footer:empty {
  display: none;
}

.view-category div#user2, .view-category div#user3, .view-category div#user4, .view-category div#user5, .view-category div#user6, .view-category div#user7 {
  width: 100%;
  padding: 2% 13.5%;
  float: left;
  background: #e2e3e4;
}

div#user1 {
  width: 100%;
  padding: 2% 13.5%;
  float: left;
  background: #f6f6f7;
}

div#user2 {
  width: 100%;
  padding: 2% 20%;
  float: left;
  background: #ffffff;
}

div#user3 {
  width: 100%;
  padding: 2% 20%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #ffffff;
}

div#user4 {
  width: 100%;
  padding: 2% 20%;
  float: left;
  background: #ffffff;
}

div#user5 {
  width: 100%;
  padding: 2% 20%;
  float: left;
  /*background: url(https://zevenvoorleven.nl/templates/template/images/route_bg.png);
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: bottom;
    */
}

div#user6 {
  width: 100%;
  padding: 2% 20%;
  float: left;
  background: #666;
}

div#user7 {
  width: 100%;
  padding: 2% 20%;
  float: left;
  background: #777;
}

div#user3 .title {
  width: 100%;
}

footer.footer {
  width: 100%;
  float: left;
  background: #f6f6f6;
}

#footerlogo img {
  width: 100%;
  float: left;
}

.container-wrapper {
  float: left;
  width: 100%;
}

.item-pagecentered {
  width: 62%;
  margin: auto;
  overflow: hidden;
}

#artikel_top {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

div#footerlogo {
  width: 150px;
  margin: auto;
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  overflow: hidden;
}

.item-pagecentered>div {
  float: left;
  width: 100%;
}

.item-page>div {
  float: left;
}

.item-page .icons {
  margin-right: 20px;
}

.item-page>dl {
  float: left;
  margin: 0 0 5px 0;
  clear: left;
}

.item-pagecentered>div:nth-child(3) {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
}

.item-pagecentered h2 {
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  font-size: 40px;
  color: rgba(166, 169, 173, 1);
}

.item-pagecentered .icons ul {
  width: 80px;
  overflow: hidden;
  margin: 0 auto 20px auto;
}

.item-pagecentered .icons ul li {
  float: left;
  padding: 10px;
}

.blog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
}

footer:empty {
  display: none;
}

.footer #year {
  background: #081017;
  color: #fff;
  right: 3%;
  clear: left;
  padding: 10px 20px;
  font-size: 0.7vw;
  position: absolute;
  bottom: 0;
  font-family: 'Roboto Condensed', sans-serif;
}

.layout-blog div#content_main_sidebar {
  width: 0%;
}

.layout-blog div#content_main_wrapper {
  width: 100%;
}

.category-seperator {
  display: none;
}

.moduletable.title {
  float: left;
  width: 100%;
}

.subpage-header, .subpage-header img {
  float: left;
  width: 100%;
}

.subpage-header p {
  margin: 0;
}

/* PRESENTATIE VARIANT 1 (blog) *******************************************/

.blog-presentatievariant1 .items-row {
  width: 20%;
  float: left;
  padding: 1%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blog-presentatievariant1 .pull-left.item-image, .blog-presentatievariant1 .pull-left.item-image img {
  width: 100%;
  float: left;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.blog-presentatievariant1 .items-row>div {
  background: #f8f8f8;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}

.blog .item-image {
  float: left;
}

.blog-presentatievariant1 .blogblock .page-header, .blog-presentatievariant1 .blogblock .page-header a, .blog-presentatievariant1 .blogblock .page-header h2 {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  margin: 0;
  line-height: 1.2;
  font-weight: lighter;
  color: rgba(13, 19, 31, 1);
  width: 100%;
  text-decoration: none;
}

.blog-presentatievariant1 .items-leading .blogblock .page-header, .blog-presentatievariant1 .items-leading .blogblock .page-header a, .blog-presentatievariant1 .items-leading .blogblock .page-header h2 {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  margin: 0;
  line-height: 1.2;
  font-weight: lighter;
  color: #fff;
  width: 100%
}

.blog-presentatievariant1 .items-leading .article-info dd {
  color: #25555e;
}

.blog-presentatievariant1 .page-header a:hover {
  color: #3cade2;
}

.blog-presentatievariant1.page-header h2 {
  margin: 10px 0;
  float: left;
}

.blog-presentatievariant1 .article-info {
  float: left;
  margin: 0 0 20px 0;
}

.layout-blog .blog-presentatievariant1 .article-info {
  margin: 15px 0 10px 0;
}

.blog-presentatievariant1 .blogblock p {
  float: left;
  margin: 10px 0px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.5;
  font-size: 14px !important;
}

.blog-presentatievariant1 .blogblock {
  float: left;
  padding: 20px;
}

.blog-presentatievariant1 .category-desc {
  width: 100%;
  float: left;
  padding-right: 20px;
}

.blog-presentatievariant1 .category-desc h2 {
  float: right;
}

.blog-presentatievariant1 .category-desc .blogcat {
  float: right;
}

.blog-presentatievariant1 .subheading-category {
  font-family: 'Yantramanav', sans-serif;
  font-size: 18px;
  color: rgba(13, 19, 31, 1);
  font-weight: bold;
  padding: 30px;
  float: left;
}

.blog-presentatievariant1 .page-header {
  float: left;
  padding: 0;
}

.blog-presentatievariant1 .items-leading {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-presentatievariant1 .items-leading .leading-wrapper {
  width: 50%;
  float: left;
  padding: 1%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blog-presentatievariant1 .items-leading .leading-wrapper>div {
  background: #3cade2;
  float: left;
}

.layout-blog .blog-presentatievariant1 .article-info dd.createdby {
  color: #000;
  font-weight: bold;
  font-family: 'Yantramanav', sans-serif;
}

.layout-blog .blog-presentatievariant1 .article-info dd {
  font-size: 12px;
  background-image: none;
  margin: 0;
  border-left: 1px solid #adadad;
  padding: 0 5px;
  font-weight: lighter;
  font-family: 'Yantramanav', sans-serif;
  float: left;
}

.blog-presentatievariant1 .items-leading .article-info dd {
  border-left: 1px solid #25555e;
}

.layout-blog .blog-presentatievariant1 ul.tags.inline li a {
  margin: 5px 5px 0px 0;
}

.layout-blog .blog-presentatievariant1 .article-info dd:last-child {
  border-right: 1px solid #adadad;
}

.blog-presentatievariant1 .items-leading .article-info dd:last-child {
  border-right: 1px solid #25555e;
}

.blog-presentatievariant1 .items-leading ul.tags.inline li a {
  background: #25555e;
}

.blog-presentatievariant1 .items-leading ul.tags.inline li a:hover {
  background: #3b4044;
}

/* PRESENTATIE VARIANT 2 (blog) *******************************************/

.blog-presentatievariant2 .items-row {
  width: 20%;
  float: left;
  padding: 1%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blog-presentatievariant2 .article-info dd {
  float: left;
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  margin: 0 15px 0 0;
  font-weight: bold;
  color: #4a4a4b;
}

.blog-presentatievariant2 .pull-left.item-image, .blog-presentatievariant2 .pull-left.item-image img {
  width: 100%;
  float: left;
}

.blog .item-image {
  float: left;
}

.blog-presentatievariant2 .blogblock .page-header, .blog-presentatievariant2 .blogblock .page-header a, .blog-presentatievariant2 .blogblock .page-header h2 {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  margin: 0;
  line-height: 1.2;
  font-weight: lighter;
  color: rgba(13, 19, 31, 1);
  width: 100%;
  text-align: center;
}

.blog-presentatievariant2 .items-leading .blogblock .page-header, .blog-presentatievariant2 .items-leading .blogblock .page-header a, .blog-presentatievariant2 .items-leading .blogblock .page-header h2 {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  margin: 0;
  line-height: 1.2;
  font-weight: lighter;
  color: #fff;
  width: 100%;
  text-align: left;
}

.blog-presentatievariant2 .items-leading .article-info dd {
  color: #25555e;
}

.blog-presentatievariant2 .page-header a:hover {
  color: #3cade2;
}

.blog-presentatievariant2.page-header h2 {
  margin: 10px 0;
  float: left;
}

.blog-presentatievariant2 .article-info {
  float: left;
  margin: 0;
}

.layout-blog .blog-presentatievariant2 .article-info {
  margin: 15px 0 10px 0;
}

.blog-presentatievariant2 .items-row p {
  float: left;
  margin: 10px 0px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.5;
  font-size: 14px !important;
  text-align: center;
}

.blog-presentatievariant2 .items-leading p {
  float: left;
  margin: 10px 0px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.5;
  font-size: 14px !important;
  text-align: left;
}

.blog-presentatievariant2 .blogblock {
  float: left;
  padding: 20px;
}

.blog-presentatievariant2 .category-desc {
  width: 100%;
  float: left;
  padding-right: 20px;
}

.blog-presentatievariant2 .category-desc h2 {
  float: right;
}

.blog-presentatievariant2 .category-desc .blogcat {
  float: right;
}

.blog-presentatievariant2 .subheading-category {
  font-family: 'Yantramanav', sans-serif;
  font-size: 18px;
  color: rgba(13, 19, 31, 1);
  font-weight: bold;
  padding: 30px;
  float: left;
}

.blog-presentatievariant2 .page-header {
  width: 50%;
  float: left;
  padding: 0;
}

.blog-presentatievariant2 .page-header h1 {
  padding-left: 20px;
}

.blog-presentatievariant2 .items-leading {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-presentatievariant2 .items-leading .leading-wrapper {
  width: 50%;
  float: left;
  padding: 1%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blog-presentatievariant2 .items-leading .leading-wrapper>div {
  background: #3cade2;
  float: left;
}

.layout-blog .blog-presentatievariant2 .article-info dd.createdby {
  color: #000;
  font-weight: bold;
}

.layout-blog .blog-presentatievariant2 .article-info dd {
  font-size: 12px;
  background-image: none;
  margin: 0;
  border-left: 1px solid #adadad;
  padding: 0 5px;
  font-weight: lighter;
}

.blog-presentatievariant2 .items-leading .article-info dd {
  border-left: 1px solid #25555e;
}

.layout-blog .blog-presentatievariant2 ul.tags.inline li a {
  margin: 5px 5px 0px 0;
}

.layout-blog .blog-presentatievariant2 .article-info dd:last-child {
  border-right: 1px solid #adadad;
}

.blog-presentatievariant2 .items-leading .article-info dd:last-child {
  border-right: 1px solid #25555e;
}

.blog-presentatievariant2 .items-leading ul.tags.inline li a {
  background: #25555e;
}

.blog-presentatievariant2 .items-leading ul.tags.inline li a:hover {
  background: #3b4044;
}

/* PRESENTATIE VARIANT 3 (blog) *******************************************/

.blog-presentatievariant3 .blogcat, .blog-presentatievariant3 .blogblock>p {
  display: none;
}

.moduletable.blog-article {
  float: left;
  margin-bottom: 40px;
}

.blog-presentatievariant3 h2#subheading {
  margin: 0;
  font-size: 30px;
  padding: 0 1%;
}

.blog-presentatievariant3 .category-desc.clearfix {
  width: 100%;
}

.blog-presentatievariant3 .items-row {
  width: 33.33333333333333%;
  padding: 1%;
}

.blog-presentatievariant3 .item-image {
  float: left;
  width: 30%;
}

.item-page .item-image {
  width: 100% !important;
  margin-bottom: 20px;
}

.blog-presentatievariant3 .item-image img {
  float: left;
  width: 100%;
}

.blog-presentatievariant3 .blogblock {
  width: 70%;
  float: left;
  padding: 0 2%;
}

.blog-presentatievariant3 h2, .blog-presentatievariant3 h2 a {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  margin: 0;
  line-height: 1.2;
  color: rgba(13, 19, 31, 1);
  font-weight: lighter;
}

.blog-presentatievariant3 h2 a:hover {
  color: #3cade2;
}

.blog-presentatievariant3 .blogblock dd.published {
  background-image: none;
  padding: 0px;
  margin: 0;
  font-family: 'Yantramanav', sans-serif;
  font-size: 12px;
  color: #000;
  line-height: 2;
}

.presentatievariant3.team .detail_jfield_4 span a, .presentatievariant3.team .detail_jfield_5 {
  font-size: 0px !important;
}

.blog-presentatievariant3 .blogblock dd.createdby, .blog-presentatievariant3 .blogblock dd.hits, .blog-presentatievariant3 .blogblock ul.tags {
  display: none;
}

.blog-presentatievariant3 dl.article-info.muted {
  margin: 0;
}

.team .newsinfo p:nth-child(4), .team .newsinfo p:nth-child(5) {
  float: left;
  width: 35px;
}

/* TAGS VIEW *******************************************/

.view-tag ul.category.list-striped {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.view-tag ul.category.list-striped li {
  width: 20%;
  float: left;
  padding: 1%;
  background-clip: content-box;
  background-color: #e2e3e4;
}

.view-tag ul.category.list-striped li h3, .view-tag ul.category.list-striped li h3 a {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  line-height: 1.2;
  font-weight: lighter !Important;
  color: rgba(13, 19, 31, 1);
  float: left;
  margin: 0 0 10px 0;
}

.view-tag ul.category.list-striped li h3 a:hover {
  color: #3cade2;
}

.view-tag ul.category.list-striped li a {
  float: left;
  width: 100%;
}

.view-tag ul.category.list-striped li a img {
  float: left;
  width: 100%;
}

.view-tag .tagblock {
  float: left;
  padding: 20px;
}

.view-tag .content_main {
  width: 100%;
  padding: 2% 13.5%;
}

.view-tag div#content_main_wrapper {
  width: 100%;
  padding: 0;
}

.view-tag .art-tag {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 50px;
  line-height: 1.2;
  color: rgba(13, 19, 31, 1);
  padding: 0 0 0 1%;
  margin: 0;
  font-weight: lighter;
}

.view-tag h1 {
  background: #3b4044;
  padding: 5px 7px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px !important;
  margin: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  font-weight: lighter;
}

.view-tag .tag-body p {
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.8;
  font-size: 14px !important;
  margin: 0;
  clear: left;
}

/* PRESENTATIE VARIANT 1 (lijst / module) *******************************************/

.presentatievariant1 .latestnews-items>li {
  width: 33.33333333333333% !important;
  float: left;
  padding: 2% 4% !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.presentatievariant1 .picture {
  height: auto !important;
  min-height: auto !important;
}

.presentatievariant1 .innerpicture {
  left: 0 !important;
  width: 100% !important;
}

.presentatievariant1 ul.latestnews-items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: auto !important;
}

.presentatievariant1 .newsinfo, .presentatievariant1 .newsinfooverhead, .nopicture {
  width: 100%;
  max-width: 100% !important;
}

.presentatievariant1 .lnee .head_left .newsintro, .lnee .newstitle {
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  text-align: center !important;
  width: 100%;
  float: left;
}

.presentatievariant1 h4.newstitle span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  color: #555;
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.custom.modartikelone {
  width: 100%;
}

.moduletable.modartikelone {
  float: left;
  width: 50%;
}

.custom.modartikelone h2 {
  color: #202b53 !important;
  margin-bottom: 30px;
}

.moduletable.modartikelone:nth-child(odd) {
  padding-right: 3%;
  clear: left;
}

.moduletable.modartikelone:nth-child(even) {
  padding-left: 3%;
}

div#user1a {
  text-align: center;
}

div#user1a .custom.title {
  margin: 40px 0 0 0;
}

/* PRESENTATIE VARIANT 2 (LIJST / MODULE) *******************************************/

#content_main_sidebar .presentatievariant2 {
  width: 100%;
}

.presentatievariant2 {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.presentatievariant2 .newsextra {
  color: #951347 !important;
  float: left;
  font-size: 16px !important;
  font-weight: bold;
}

.presentatievariant2 ul.latestnews-items {
  padding: 20px 0 0 0 !Important;
}

#content_main_sidebar ul.latestnews-items {
  padding: 60px 0 0 0 !Important;
}

#content_main_sidebar .events ul.latestnews-items {
  padding: 0 0 0 0 !Important;
}

.presentatievariant2 .newshead .picture, .presentatievariant2 .newshead .nopicture {
  height: auto !Important;
  min-height: 1px !Important;
}

.presentatievariant2 .onecatlink {
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding-bottom: 20px;
}

.presentatievariant2 .onecatlink span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #fff;
}

#content_main_sidebar .presentatievariant2 .onecatlink span, .dark.presentatievariant2 .onecatlink span {
  font-size: 22px;
  color: rgba(13, 19, 31, 1);
}

.presentatievariant2 .onecatlink span.article_count {
  width: 50%;
  height: 5em;
  margin: 2em auto;
  border-radius: 500px;
  background-color: #222;
  padding: 5px 10px;
}

.presentatievariant2 .innernews {
  padding: 0px !Important;
}

.presentatievariant2 .lnee.newslist {
  position: relative;
  overflow: hidden;
}

.presentatievariant2 .newshead.picturetype {
  max-width: 30% !Important;
  margin: 0 !Important;
}

.presentatievariant2 .newsinfo {
  max-width: 70% !Important;
  margin: 0 !Important;
  padding: 0 2% !Important;
}

.presentatievariant2 ul.latestnews-items li.active {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
}

.category_name, .blogcat, .blogcat a, .category_description, .readalllink {
  float: left;
}

.blogcat a {
  margin: 80px 0 0 -40px;
  position: absolute;
  opacity: 1;
}

.blogcat a:hover {
  opacity: 0.5;
}

.profilepicture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  float: left;
}

.profilepicture img {
  width: 100%;
}

.presentatievariant2 .latestnews-items {
  width: 100% !important;
  float: left;
}

.presentatievariant2 .latestnews-items>li {
  width: 33.33333333333333% !important;
  float: left;
  padding: 0 !important;
}

#content_main_sidebar .presentatievariant2 .latestnews-items>li {
  width: 100% !important;
}

.presentatievariant2 .latestnews-items>li:hover {
  opacity: 0.5;
}

.presentatievariant2 .latestnews-items h3 a {
  color: #fff !important;
  font-family: 'Yantramanav', sans-serif;
  font-size: 18px;
  line-height: 1;
  float: left;
  font-weight: lighter;
  text-decoration: none;
}

.dark .latestnews-items h3 a {
  color: rgba(13, 19, 31, 1) !important;
  font-weight: bold;
}

.presentatievariant2 .lnee .head_left .newsintro, .lnee .newstitle {
  text-align: left !important;
}

.presentatievariant2 .readalllink {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #2d2e30;
  padding: 5px 10px;
  margin-top: 20px !important;
}

.presentatievariant2 .readalllink a {
  color: #fff;
}

.presentatievariant2 .readalllink:hover {
  background-color: #3cade2;
  margin-left: 20px;
}

/* PRESENTATIE VARIANT 3 (ONS TEAM MODULE LIJST) *******************************************/

.presentatievariant3 ul {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

span.detail.detail_jfield_8 {
  clear: left;
  float: left;
  width: 400px;
  font-size: 25px;
  line-height: 1.4;
  color: #000;
}

.presentatievariant3 ul li {
  width: 33.33% !Important;
  float: left;
  margin-bottom: 20px !Important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.presentatievariant3 ul li div.innerpicture {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 120px;
  height: 120px;
  float: left;
}

.presentatievariant3 .detail_jfield_1, .presentatievariant3 .detail_jfield_2, .presentatievariant3 .detail_jfield_3 {
  width: 100%;
  float: left;
  clear: left;
}

.presentatievariant3 .detail_jfield_4, .presentatievariant3 .detail_jfield_5 {
  float: left;
  min-height: 30px;
  margin: 5px 5px 0 0;
}

.presentatievariant3.team .detail_jfield_1 span {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  font-size: 25px;
  color: rgba(13, 19, 31, 1) !Important;
  line-height: 1;
}

.presentatievariant3.team .detail_jfield_2 span {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  font-size: 18px;
  color: #3cade2 !Important;
  line-height: 1;
}

.presentatievariant3.team .detail_jfield_3 span {
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  font-weight: lighter;
  color: rgba(13, 19, 31, 1) !Important;
}

.presentatievariant3.team .detail_jfield_4 span a {
  font-size: 0px;
  color: rgba(13, 19, 31, 0) !Important;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-in.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left top;
  padding: 23px;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.presentatievariant3.team .detail_jfield_5 span a {
  font-size: 0px;
  color: rgba(13, 19, 31, 0) !Important;
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-mail.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left top;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.presentatievariant3.team .detail_jfield_4 span a:hover, .presentatievariant3.team .detail_jfield_5 span a:hover {
  opacity: 0.5;
}

.moduletable.presentatievariant3 {
  width: 100%;
  float: left;
}

.presentatievariant3 ul.latestnews-items, .presentatievariant3 .innernews, .presentatievariant3 .news {
  overflow: visible !Important;
}

/* PRESENTATIE VARIANT 4 (MODULE LIJST) *******************************************/

.presentatievariant4 .pretext h2 {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.2;
  font-weight: lighter;
  color: rgba(13, 19, 31, 1);
  margin: 0;
  font-size: 30px;
  padding: 0 1%;
}

.presentatievariant4 ul {
  width: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.presentatievariant4 ul li {
  width: 20% !Important;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1% !important;
  background-clip: content-box;
  background-color: #e2e3e4;
}

.presentatievariant4 div {
  width: 100%;
  clear: left;
  float: left;
}

.presentatievariant4 img {
  width: 100%;
}

.presentatievariant4 .picture {
  max-width: 100% !Important;
  max-height: 100% !Important;
  height: inherit !Important;
  min-height: inherit !Important;
}

.presentatievariant4 .picture a {
  float: left;
}

.presentatievariant4 .innernews {
  padding: 0px !Important;
}

.presentatievariant4 .newsinfo {
  padding: 20px !Important;
  float: left;
}

.presentatievariant4 h3, .presentatievariant4 h3 a {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  line-height: 1.2;
  font-weight: lighter !Important;
  color: rgba(13, 19, 31, 1);
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.presentatievariant4 h3 {
  margin: 0 0 15px 0 !important;
}

.presentatievariant4 h3 a:hover {
  color: #3cade2 !Important;
}

.presentatievariant4 .detail_author {
  float: left;
  font-family: 'Yantramanav', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  padding: 0 5px;
  border-left: 1px solid #adadad;
  line-height: 1.3;
}

.presentatievariant4 .detail_date {
  float: left;
  font-family: 'Yantramanav', sans-serif;
  font-size: 12px;
  color: #000;
  padding: 0 5px;
  border-left: 1px solid #adadad;
  line-height: 1.3;
}

.presentatievariant4 .detail_hits {
  float: left;
  font-family: 'Yantramanav', sans-serif;
  font-size: 12px;
  color: #000;
  padding: 0 5px;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  line-height: 1.3;
}

.presentatievariant4 .newsintro {
  float: left;
  margin: 10px 0px;
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.5;
  font-size: 14px !important;
}

.presentatievariant4 .detail_tags {
  margin: 15px 0 10px 0;
  clear: left;
  float: left;
}

.presentatievariant4 .detail_tags span.distinct {
  background: #3b4044;
  padding: 0px 7px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px !important;
  margin: 0 5px 5px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
}

.presentatievariant4 .detail_tags span {
  float: left;
}

.presentatievariant4 .items_pagination li {
  background: none;
  float: none;
  margin: auto;
}

.presentatievariant4 span.delimiter {
  display: none;
}

.presentatievariant4 .items_pagination .page_link.active_page a:before {
  color: #3cade2;
}

.presentatievariant4 .items_pagination .page_link a:before {
  color: #3b4044;
}

.moduletable.presentatievariant4.dark {
  float: left;
}

/* PRESENTATIE HEADER (blog) *******************************************/

.blogheader, .blogheader>div {
  width: 100% !Important;
  float: left;
}

.blogheader .detail_jfield_1 span {
  font-weight: bold !Important;
}

.blogheader ul, .blogheader ul li {
  width: initial !Important;
  float: right;
}

.blogheader .detail_jfield_4, .blogheader .detail_jfield_5 {
  float: right;
  margin: 5px 0px 0 5px;
}

.blogheader p.newsextra {
  text-align: right !Important;
}

.blogheader {
  margin-bottom: 30px;
}

.blogheader .pretext {
  position: absolute;
}

.blogheader h1 {
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 50px;
  line-height: 1.2;
  color: rgba(13, 19, 31, 1);
  padding: 25px 1% 0 1%;
  margin: 0;
  font-weight: lighter;
}

.blogheader .lnee.newslist {
  padding-bottom: 0px;
  border-bottom: 1px solid #bfbfbf;
}

.blogheader .onecatlink.first.nostyle {
  overflow: hidden;
  margin-bottom: 30px;
}

.blogheader {
  padding: 0 1%;
}

.blog-article p {
  font-size: 16px !important;
}

.blog-article h2 {
  font-size: 30px !important;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.2;
  color: rgba(13, 19, 31, 1);
  margin: 0;
  font-weight: lighter;
  padding-bottom: 20px;
}

.custom.blog-article {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  width: 100%;
  float: left;
  padding: 0 1%;
}

.custom.blog-article img {
  max-width: 100%;
}

/* ZOEKEN *******************************************/

.form-limit {
  display: none;
}

.search-results dd, .search-results dt {
  font-family: 'Yantramanav', sans-serif;
  line-height: 1.8;
  font-size: 16px !important;
}

.search-results .result-title {
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.4;
  font-size: 25px !important;
  color: #3cade2;
  margin-bottom: 10px;
}

.search-results a {
  color: #2d2e30;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.search-results a:hover {
  color: #3cade2;
}

dd.result-category {
  font-weight: bold;
  font-size: 12px !important;
}

dd.result-created {
  margin-bottom: 30px;
  font-size: 12px !important;
  color: #777;
}

#searchForm .form-limit label {
  font-family: 'Yantramanav', sans-serif;
  font-weight: bold;
  font-size: 16px !important;
}

.searchintro p strong {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px !important;
  font-weight: lighter;
  margin: 20px 0 0 0;
  float: left;
}

#searchForm .btn-group.pull-left {
  float: left;
}

.searchintro, .form-limit {
  clear: left;
}

#searchForm input#search-searchword {
  background: #bfc4c7;
  color: #3b4044;
  border: 0px;
  padding: 15px;
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  float: left;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

#searchForm .btn-toolbar div:first-child {
  width: 85%;
}

#searchForm .btn-toolbar div:nth-child(2) {
  width: 15%;
}

#searchForm button.btn.hasTooltip {
  color: #fff;
  background: #3cade2;
  border: 0px;
  width: 100%;
  font-family: 'Yantramanav', sans-serif;
  font-size: 16px;
  float: left;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  padding: 15px;
}

#searchForm button.btn.hasTooltip:hover {
  background: #338694;
}

.searchsnelzoeken label {
  font-size: 0px;
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: left top;
  padding: 10px;
}

.searchsnelzoeken input#mod-search-searchword101 {
  background: none;
  color: #fff;
  border: 0px;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  margin-top: 6px;
}

.searchsnelzoeken input#mod-search-searchword101::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}

.searchsnelzoeken input#mod-search-searchword101::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}

.searchsnelzoeken input#mod-search-searchword101:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}

.searchsnelzoeken input#mod-search-searchword101:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}

.moduletablesnelzoeken {
  float: right;
  padding: 5px 15px;
  background: #081017;
  height: 100%;
}

#searchForm select#limit {
  padding: 10px;
  border: 0px;
  background: #bfc4c7;
  color: #fff;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

#searchForm select#limit:hover {
  background: #3b4044;
}

/* MAIN MENU + SOCIAL MENU + ANKER MENU *******************************************/

.moduletable.widget {
  width: 25%;
  padding: 0 1%;
  float: left;
}

.moduletable.widget h3 {
  font-size: 20px !Important;
  text-align: left !important;
  color: #505050 !important;
}

.moduletable_ankermenu {
  float: right;
}

.fastsocialshare_container>div {
  margin: 5px 10px 5px 0;
}

.fastsocialshare-share-fbsh a {
  font-size: 12px !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter !important;
}

.container_top h3 {
  font-size: 16px;
  color: #fff;
  width: 100%;
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 10px 0;
  opacity: 0.5;
}

.navigation .moduletable_ankermenu {
  display: none;
}

.anchornavigation ul#navigatie {
  float: right;
  margin: 5px 0px;
  height: 100%;
}

.anchornavigation img {
  width: 20px;
  vertical-align: middle;
}

.moduletable_ankermenu ul li {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.23);
  height: 100%;
}

.moduletable_ankermenu ul li:last-child {
  border-right: 0px;
}

.moduletable_ankermenu ul li a {
  color: #fff;
  padding: 11px 15px;
  height: 100%;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
}

.breadcrumbs ul li a {
  color: #888;
  border-bottom: 2px solid #2d2e30;
}

.breadcrumbs ul li span {
  color: #fff;
  border-bottom: 2px solid #2d2e30;
  font-family: 'Yantramanav', sans-serif;
  font-size: 13px;
}

.breadcrumbs ul li:nth-child(2) a span {
  display: none;
}

.breadcrumbs ul li {
  color: #fff;
  border-bottom: 2px solid #2d2e30;
  font-family: 'Yantramanav', sans-serif;
  font-size: 13px;
  float: left;
}

.breadcrumbs ul li:first-child {
  color: #3cade2;
  padding: 3px 0 3px 10px;
  margin: -3px 0;
}

.breadcrumbs ul li.active span {
  color: #888;
}

.breadcrumbs .divider {
  padding: 0;
  padding: 8px 15px;
  color: #888;
}

div.breadcrumbs {
  padding: 10px;
  float: right;
}

a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-last {
  border-bottom: 2px solid #a4c130;
}

.navigation>div.moduletable_menu img {
  width: 30px;
}

div.moduletable_menu {
  float: right;
  margin-right: 1%;
}

.navigation>div.moduletable_menu a {
  font-size: 0;
}

.navigation>div.moduletable_menu a.whatsapp span {
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  font-style: italic;
}

.navigation>div.moduletable_menu a:hover {
  opacity: 0.5;
}

.navigation>div.moduletable_menu li {
  float: left;
}

nav {
  display: block;
  float: right;
}

nav a img {
  width: 20px;
  vertical-align: middle;
}

nav span.image-title {
  vertical-align: middle;
  margin-left: 5px;
}

nav .menu {
  display: block;
  float: left;
}

nav .menu li {
  display: inline-block;
  position: relative;
}

nav .menu li:first-child {
  margin-left: 0;
}

nav .menu li a {
  text-decoration: none;
  padding: 27.5px 20px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: lighter;
}

nav.desktop .deeper {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/menu-down-arrow.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 8px;
}

nav.desktop .deeper .deeper {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/menu-right-arrow.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 7px;
}

nav .menu>li.active {
  border-bottom: 1px solid #a4c130;
}

nav .menu li.active ul li a {
  color: #797979;
}

nav .menu li.active ul li.active a {
  color: #3cade2;
}

nav .menu li.active ul li.active ul li a {
  color: #797979;
}

nav .menu li.active ul li.active ul li.active a {
  color: #3cade2;
}

nav .menu li ul li a {
  padding: 3px;
}

nav .menu li ul {
  padding: 15px;
}

nav .menu li a:hover, nav .menu li:hover>a {
  color: #fff;
}

nav .menu li ul li a:hover, nav .menu li ul li:hover>a {
  color: #3cade2;
}

nav .menu ul {
  visibility: hidden;
  opacity: 0;
  margin: -5px 0;
  padding: 0;
  width: 250px;
  position: absolute;
  left: 0px;
  background: #fafafa;
  z-index: 99;
  transform: translate(0, -20px);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

nav .menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

nav .menu ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

nav li ul li.active {
  border-bottom: 0px;
}

nav li ul li.active>a {
  color: #ff8400;
}

nav li ul img {
  width: 15px;
}

nav .menu ul li a {
  font-size: 14px;
  text-transform: none;
  display: block;
  color: #152634;
  letter-spacing: 0em;
  font-weight: bold;
  font-family: 'Yantramanav', sans-serif;
}

nav .menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

nav .menu ul ul {
  left: 250px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(-20px, 0px);
}

nav .menu ul ul:after {
  left: -6px;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

nav .menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

/* RESPONSIVE 2559 (DESKTOP) *******************************************/

@media screen and (max-width: 2559px) {
  .custom.headerimg img {
    width: 2560px;
    margin-left: -1280px;
    left: 50%;
    position: relative;
  }
}

/* RESPONSIVE 1920 (DESKTOP) *******************************************/

@media screen and (max-width: 1920px) {
  .item-pagecentered {
    width: 83.5%;
  }
  li.sigProThumb {
    width: 25%;
}
  div#user2, div#user3, div#user4, div#user5 {
    padding: 2% 10%;
  }
  .layout-blog div#user1, .view-category div#user2, .view-category div#user3, .view-category div#user4, .view-category div#user5, .view-category div#user6 {
    padding: 4%;
  }
  .layout-blog .content_main {
    width: 100%;
  }
  .view-campaigns .content_main {
    width: 90%;
  }
}

/* RESPONSIVE 1680 (DESKTOP) *******************************************/

@media screen and (max-width: 1680px) {
  .layout-blog .blog-presentatievariant1 .items-row, .layout-blog .blog-presentatievariant2 .items-row, .presentatievariant4 ul li {
    width: 25% !Important;
  }
  .blog-presentatievariant3 h2, .blog-presentatievariant3 h2 a {
    font-size: 16px;
  }
  .view-tag .content_main {
    padding: 4%;
  }
  .view-tag ul.category.list-striped li, div#donation-campaigns .jd-row {
    width: 23%;
  }
  .presentatievariant3 ul li {
    width: 50% !Important;
  }
  div#compositie {
    width: 600px;
  }
  #vlakA {
    width: 150px;
    height: 250px;
  }
  #vlakB {
    width: 450px;
    height: 250px;
  }
  #vlakB p {
    font-size: 16px;
  }
  #vlakB h2 {
    font-size: 40px;
  }
  #vlakA span {
    margin-top: 26px;
  }
}

/* RESPONSIVE 1440 (DESKTOP) *******************************************/

@media screen and (max-width: 1440px) {
  nav .menu li a {
    padding: 20px 15px;
  }
  .activebar-container {
    padding: 4% 5%;
  }
  .view-donation .inner-header, .view-profile .content_main, .view-donation .content_main, .view-register .content_main, .view-article .content_main, .view-search .content_main {
    width: 100%;
  }
  .logo.logoimg {
    height: 45px;
  }
  .view-donation .inner-header {
    margin: 0;
  }
  .navigation {
    height: 60px;
  }
  .anchornavigation {
    margin: 60px 0 0 0 !Important;
  }
  .item-pagecentered {
    width: 93.5%;
  }
  div#user2, div#user3, div#user4, div#user5 {
    padding: 5%;
  }
  .presentatievariant1 .lnee .head_left .newsintro {
    font-size: 14px;
  }
  .presentatievariant2 .latestnews-items h3 a {
    font-size: 14px;
  }
  .blog-presentatievariant1 .page-header a, .blog-presentatievariant1 .page-header h2, .blog-presentatievariant2 .page-header a, .blog-presentatievariant2 .page-header h2 {
    font-size: 18px;
  }
  .article-info dd {
    font-size: 12px;
  }
  .navigation>div.moduletable_menu img {
    width: 20px;
  }
  .navigation .moduletable.logo img {
    height: 30px;
  }
  .footer #year {
    font-size: 1vw;
  }
  nav .menu li a, .moduletable_ankermenu ul li a {
    font-size: 12px;
    padding: 22.5px 15px;
  }
  .searchsnelzoeken input#mod-search-searchword101 {
    font-size: 12px;
  }
  .login7vl p {
    font-size: 12px;
  }
  .login7vl a button {
    padding: 9px 20px 10px 40px;
  }
}

/* RESPONSIVE 1024 (TABLET) *******************************************/

@media screen and (max-width: 1279px) {
  .item-pagecentered>div:nth-child(3) {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  li.sigProThumb {
    width: 33%;
}
  #parallax-bg1 img {
    margin-top: 0;
  }
  #vlakB {
    width: 300px;
    height: 180px;
  }
  #vlakA {
    width: 100px;
    height: 180px;
  }
  #vlakB h2 {
    font-size: 30px;
  }
  #vlakB p {
    font-size: 12px;
  }
  #vlakA span {
    font-size: 12px;
  }
  div#compositie {
    width: 400px;
    margin: 17% 0 0 0;
  }
  .check-my-campain-status {
    margin: 20px 0;
  }
  .moduletable.inschrijven {
    width: 104%;
    margin: 60px auto;
  }
  .moduletable.inschrijven .inschrijf-item h4 {
    font-size: 20px;
  }
  .view-donation .inner-header {
    padding: 170px 2% 0;
  }
  .moduletable.profielfoto {
    width: 33%;
  }
  #profile-page .control-group {
    width: 50%;
  }
  .moduletable.campagnes {
    width: 66%;
  }
  .wrapper-parallax {
    height: 45vw;
  }
  .campagnes, .donate-details, .osm-description-details p, .btn-primary {
    font-size: 12px;
  }
  .btn-primary {
    padding: 7px 10px;
  }
  .donate-details .span2 {
    margin: 15px 0 0 0;
  }
  .jd-description h2 {
    font-size: 16px;
    margin: 10px 20px 5px;
  }
  .view-campaigns .content_main {
    width: 100%;
  }
  .donate-details .span6 {
    margin: 0 0 5px 0;
    letter-spacing: -0.5px;
  }
  nav .menu>li.active, a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-last {
    border-bottom: 1px solid #a4c130;
  }
  .moduletable_ankermenu ul li a {
    padding: 10px 15px;
  }
  #os_form .control-group {
    width: 50%;
  }
  #ca_banner p {
    width: 90%;
  }
  .logoheader {
    margin: 16% auto 0 auto;
  }
  .custom.blog-article {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .search-results .result-title {
    font-size: 18px !important;
  }
  .search-results dd, .search-results dt {
    font-size: 12px !important;
  }
  dd.result-created {
    margin: 0 0 30px !Important;
  }
  .search-results dd, .search-results dt {
    margin: 0;
  }
  .blog-presentatievariant3 h2, .blog-presentatievariant3 h2 a {
    font-size: 16px;
  }
  .presentatievariant3.team .detail_jfield_1 span {
    font-size: 15px;
  }
  .presentatievariant3.team .detail_jfield_2 span {
    font-size: 12px;
  }
  .presentatievariant3.team .detail_jfield_3 span {
    font-size: 14px;
  }
  .item-pagecentered {
    width: 100%;
  }
  .presentatievariant1 .latestnews-items>li {
    padding: 2% !important;
  }
  .layout-blog .blog-presentatievariant1 .items-row, .layout-blog .blog-presentatievariant2 .items-row, .presentatievariant4 ul li, .view-tag ul.category.list-striped li {
    width: 33.33333333333333% !Important;
  }
  .blog-presentatievariant1 .items-row .blogblock .page-header a, .blog-presentatievariant1 .items-row .blogblock .page-header h2, .blog-presentatievariant2 .items-row .blogblock .page-header a, .blog-presentatievariant2 .items-row .blogblock .page-header h2, .blog-presentatievariant1 .items-leading .blogblock .page-header a, .blog-presentatievariant1 .items-leading .blogblock .page-header h2, .blog-presentatievariant2 .items-leading .blogblock .page-header a, .blog-presentatievariant2 .items-leading .blogblock .page-header h2 {
    font-size: 20px;
  }
  #icon-mouse-scroll {
    display: none;
  }
  #icon-finger-swipe {
    display: block;
  }
  .blogheader ul, .blogheader ul li {
    width: initial !Important;
  }
  .footer div#compositie {
    width: 8%;
  }
}

/* RESPONSIVE 768 (TABLET) *******************************************/

@media screen and (max-width: 1023px) {
  .moduletable.campagnes, .moduletable.profielfoto {
    height: 220px;
  }
  .moduletable.inschrijven .inschrijf-item h4 {
    font-size: 16px;
  }
  div#content_main_sidebar {
    padding: 40px 0;
  }
  div#donation-campaigns .jd-row {
    width: 31.33333333333333%;
  }
  .smaller .navigation .moduletable.logo, .logo.logoimg {
    width: 50px;
    overflow: hidden;
  }
  .navigation .moduletable.logo {
    margin: 8px 8px 8px 50px;
  }
  .presentatievariant2 .latestnews-items>li {
    width: 50% !important;
  }
  .layout-blog div#content_main_wrapper {
    padding: 0;
  }
  footer .bfClearfix {
    width: 100%;
  }
  .blog-presentatievariant3 .items-row {
    width: 50%;
  }
  .presentatievariant3 ul li {
    width: 33.33333333333333% !Important;
  }
  div#content_main_sidebar {
    clear: both;
  }
  .presentatievariant3 ul li {
    width: 50% !Important;
  }
  .presentatievariant1 .latestnews-items>li {
    width: 50% !important;
    padding: 5% !important;
  }
  div#content_main_wrapper, div#content_main_sidebar {
    width: 100%;
  }
  .content_main {
    padding: 2% !Important;
  }
  .moduletable.modulebackground {
    margin: -4%;
  }
  .presentatievariant3.team .detail_jfield_1 span {
    font-size: 20px;
  }
  .presentatievariant3.team .detail_jfield_2 span {
    font-size: 15px;
  }
  .presentatievariant3.team .detail_jfield_3 span {
    font-size: 16px;
  }
  .layout-blog .blog-presentatievariant1 .items-row, .layout-blog .blog-presentatievariant2 .items-row, .presentatievariant4 ul li, .view-tag ul.category.list-striped li {
    width: 50% !Important;
  }
  .blogheader ul, .blogheader ul li {
    width: initial !Important;
  }
  footer .form, footer .moduletable .adress {
    padding: 0 1% 0 4%;
  }
  .inschrijf-item {
    width: 46%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  nav .mainWrap {
    width: 768px;
  }
}

.anchornavigation {
  margin: 75px 0 0 0;
  float: left;
  padding: 0;
  width: 100%;
  background: rgba(8, 16, 23, 0.8);
  position: fixed;
  z-index: 10;
  height: 40px;
  -webkit-transform: translateZ(0);
}

.anchornavigation:empty {
  display: none;
}

.anchornavigation a {
  font-family: 'Yantramanav', sans-serif;
}

a.hasTooltip.readall {
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
}

button.switch {
  background-image: url(https://zevenvoorleven.nl/templates/template/images/icon-menu.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  border: 0px;
  display: none;
  background-color: #081017;
  overflow: hidden;
  color: #fff;
  font-size: 0px;
  height: 45px;
  width: 45px;
  cursor: pointer;
}

.container_top .moduletable_ankermenu ul li a {
  text-decoration: none;
  padding: 3% 0 3% 7%;
  display: block;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: none;
  letter-spacing: 0;
  font-weight: lighter;
  border-bottom: 0px;
}

.container_top .moduletable_ankermenu ul li {
  float: left;
  clear: left;
  border-right: 0px;
  width: 100%;
}

.container_top .moduletable_ankermenu ul {
  float: left;
  width: 100%;
  padding: 10px 0;
}

/* RESPONSIVE 767 (BIG MOBILE) *******************************************/

@media screen and (max-width: 767px) {
  .plg_system_eprivacy_module {
    width: 100%;
    margin: 30px 0 30px 5%;
    float: left;
  }
  li.sigProThumb {
    width: 50%;
}
  .plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button {
    float: left !important;
    margin: 0px 14px 0px 0px;
  }
  .plg_system_eprivacy_module p {
    font-size: 0px;
  }
  .activebar-container-inner {
    padding: 0 20px 0 20px;
  }
  .activebar-container {
    padding: 2%;
  }
  .activebar-container .logo {
    margin: 2% 2% 0 2%;
    width: 180px;
  }
  .activebar-container h3 {
    font-size: 16px;
  }
  .activebar-container p, .activebar-container ul li {
    font-size: 12px;
    line-height: 1.5;
  }
  button.cookie-agree, button.cookie-decline {
    padding: 8px 10px 8px 30px;
    font-size: 12px;
    background-position: 10px center;
  }
  .activebar-container ul.links li {
    font-size: 14px !important;
  }
  .activebar-container ul.links {
    margin: 20px 0;
  }
  .activebar-container {
    background-size: 300px;
    background-position: -100px top;
  }
  #payment_method_container div.controls, .view-donation #os_form>div:nth-child(15) div.controls {
    background-size: 150px;
  }
  .item-pagecentered>div:nth-child(3) {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  #content_main_sidebar h2 {
    font-size: 30px;
    margin: 20px auto;
  }
  .pull-right {
    float: left;
  }
  .rsc_comment_big_box0 .rscomment-body {
    width: 100%;
  }
  .rsc_comment_big_box1 .rscomment-body, .rsc_comment_big_box2 .rscomment-body, .rsc_comment_big_box3 .rscomment-body, .rsc_comment_big_box4 .rscomment-body {
    width: 100%;
    float: right;
    padding: 10px;
  }
  .rsc_comment_big_box0 .rscomment-icon {
    display: none;
  }
  .rscomments .media.rscomment {
    padding: 30px 0;
  }
  .view-donation #os_form>div:nth-child(12) label {
    margin-left: 40px;
  }
  .view-donation .custom.headerimg img {
    display: none;
  }
  .presentatievariant2 ul.latestnews-items {
    padding: 0 0 0 0 !Important;
  }
  .com_contenthome .moduletable.socialshare {
    padding: 0;
  }
  blockquote {
    width: 80%;
  }
  blockquote p {
    font-size: 18px;
  }
  .presentatievariant2 .latestnews-items h3 a {
    font-size: 4vw;
  }
  #profile-page .control-group {
    width: 100%;
  }
  #wrapper-aanmeldenbut {
    width: auto;
    margin: 0;
    overflow: visible;
  }
  .moduletable._cookiebutton {
    display: block;
  }
  #cookie-manager button#edit-cookie-settings {
    display: none;
  }
  .com_contenthome .embed-content, #embed {
    text-align: left;
  }
  #profile-page>div:nth-child(2), #profile-page>div:nth-child(4) {
    margin: 0;
  }
  #profile-page fieldset#osm_Algemene_Voorwaarden {
    height: 40px;
  }
  #profile-page>div:nth-child(1) {
    height: auto;
    margin-top: 70px
  }
  #profile-page .control-group {
    margin-bottom: 10px;
  }
  #vlakB img {
    left: 0;
    margin-left: 0;
    width: 30px;
  }
  #vlakA img {
    margin-left: 0;
    left: 0;
    width: 100%;
  }
  #vlakB {
    width: 75%;
    padding: 6%;
  }
  #vlakA {
    width: 25%;
  }
  div#compositie {
    margin: 220px 0 0 0;
    width: 100%;
  }
  #vlakA span {
    display: none;
  }
  .content_main {
    padding: 5% !Important;
  }
  .com_contenthome .page-header h1 {
    text-align: left;
  }
  .login7vl a button, .login7vl a button:hover {
    background-position: 12px 14px;
  }
  div#user1a {
    text-align: left;
    padding: 0 5%;
  }
  .header {
    min-height: 45px;
  }
  .triangle {
    display: none;
  }
  .moduletable.inschrijven .inschrijf-item h4 {
    font-size: 16px;
    margin: 5px 0;
    text-align: left;
    line-height: 1.4;
  }
  .moduletable.inschrijven .inschrijf-item p {
    text-align: left;
    font-size: 14px;
  }
  .moduletable.modartikelone:nth-child(odd), .moduletable.modartikelone:nth-child(even) {
    padding: 0;
    margin: 0;
  }
  .moduletable.modartikelone {
    width: 100%;
    clear: left;
  }
  .moduletablesnelzoeken {
    float: left;
    margin-left: 200px;
    padding: 10px 5px;
  }
  .view-donation .inner-header {
    padding: 45px 0 0 0;
  }
  .amount-goal>div:last-child {
    margin-left: 10px;
  }
  .view-campaigns .donate-details strong.darkgray, .view-campaigns .donate-details .orange, .amount-goal .orange, .amount-goal>div {
    font-size: 14px;
  }
  .donate-details .orange, .amount-goal .orange, .amount-goal>div {
    font-size: 16px;
  }
  .amount-goal>div:first-child, .amount-goal>div:last-child {
    background-size: 20px;
    padding-left: 25px;
  }
  .campain-list h3 {
    font-size: 8vw;
    text-align: left;
    line-height: 1;
  }
  .campaigndetails>div:first-child {
    padding: 0 1% 0 6%;
    background-position: left center;
    background-size: 15%;
  }
  .campaigndetails>div:nth-child(2) {
    padding: 0 1% 0 6%;
    background-position: left center;
    background-size: 15%;
  }
  .campaigndetails>div:nth-child(3) {
    padding: 0 1% 0 6%;
    background-position: left center;
    background-size: 11%;
  }
  .moduletable.campagnes, .moduletable.profielfoto {
    width: 100%;
    margin: auto;
    height: auto;
    clear: left;
  }
  .view-donation .inner-header {
    overflow: visible;
  }
  .custom.profielfoto p {
    margin: 0;
  }
  .moduletable.campagnes {
    padding: 5%;
  }
  .searchsnelzoeken input#mod-search-searchword101, .moduletablesnelzoeken {
    background: #081017;
  }
  .moduletable.login7vl {
    float: left;
    margin-left: 45px;
    position: absolute;
  }
  .campaigndetails .span4 {
    font-size: 3.5vw;
  }
  .moduletable.profielfoto {
    z-index: 999;
    position: relative;
  }
  .moduletable.campagnes {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.52);
    box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.52);
    border-bottom: 2px solid #3cade4;
  }
  .searchsnelzoeken input#mod-search-searchword101 {
    margin-top: 0px;
  }
  .view-register #os_form>div:first-child, .row-fluid.campaigndetails {
    width: 100%;
  }
  div#donation-campaigns .jd-row {
    width: 46%;
    margin: 2%;
  }
  .footer #year {
    font-size: 3vw;
  }
  .footer div#compositie {
    width: 15%;
  }
  .presentatievariant2 .latestnews-items>li {
    width: 100% !important;
  }
  .logoheader img {
    width: 100% !Important;
    left: 0 !Important;
    margin-left: 0 !Important;
  }
  .parallax h1 {
    margin: 1% auto 0 auto !important;
  }
  .logoheader {
    width: 50%;
  }
  .bfQuickMode button {
    float: left !important;
  }
  #searchForm input#search-searchword, #searchForm button.btn.hasTooltip {
    padding: 10px;
  }
  #searchForm .btn-toolbar div:nth-child(2) {
    width: 25%;
  }
  #searchForm .btn-toolbar div:first-child {
    width: 75%;
  }
  .blogheader {
    margin: 0 0 30px 0 !Important;
  }
  .blogheader ul, .blogheader ul li {
    float: right;
    clear: right;
  }
  .blogheader h1 {
    padding: 0;
  }
  .navigation .moduletable.logo {
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
  }
  .parallax h1 {
    font-size: 30px;
    width: 90%;
    margin: 20% auto;
  }
  .blogheader .pretext {
    position: relative;
    float: right;
  }
  .blog-presentatievariant3 h2, .blog-presentatievariant3 h2 a {
    font-size: 4vw;
  }
  .presentatievariant3 ul li {
    width: 100% !Important;
  }
  .items-leading .leading-wrapper {
    width: 100%;
  }
  .blog .page-header {
    width: 100%;
  }
  .blog-presentatievariant1 .page-header h1, .blog-presentatievariant2 .page-header h1 {
    font-size: 30px;
    padding-left: 0px;
  }
  .blog-presentatievariant1 h2#subheading, .blog-presentatievariant2 h2#subheading {
    position: absolute;
    padding: 0;
    margin: 0;
  }
  .blog-presentatievariant1 .items-leading .leading-wrapper, .blog-presentatievariant2 .items-leading .leading-wrapper {
    width: 100%;
  }
  .blog-presentatievariant1 .category-desc h2, .blog-presentatievariant2 .category-desc h2 {
    float: left;
    margin: 50px 0 0 0;
  }
  .blog-presentatievariant1 .subheading-category, .blog-presentatievariant2 .subheading-category {
    padding: 0;
  }
  .layout-blog .content_main {
    width: 100%;
  }
  .anchornavigation {
    height: 45px;
    background: rgb(8, 16, 23);
    margin: 0 !important;
  }
  .mobilenav, .navigation nav h3 {
    display: block;
  }
  a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first {
    border-bottom: 0px;
    color: #3cade2;
  }
  nav .menu ul {
    background: none;
  }
  .navigation>div.moduletable_menu li {
    padding: 0px 2px;
  }
  .navigation .moduletable_ankermenu {
    display: block;
    float: left;
    width: 100%;
  }
  .anchornavigation .moduletable_ankermenu, .breadcrumbs, nav.desktop {
    display: none;
  }
  .anchornavigation ul#navigatie {
    width: 900px;
  }
  .anchornavigation ul#navigatie {
    float: left;
    margin: 12px 0px;
  }
  ul.breadcrumb.breadcrumbs {
    float: left;
    width: 900px;
  }
  button.switch {
    display: block;
    position: fixed;
    z-index: 11;
    left: -2px;
  }
  .blackscreen {
    background: rgba(0, 0, 0, 0);
    z-index: 12;
  }
  .open-menu .blackscreen {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0px;
    position: fixed;
  }
  div.breadcrumbs {
    padding: 10px 0px 10px 0px;
    float: left;
    margin-left: 40px;
    width: 100%;
  }
  div.breadcrumbs {
    padding: 10px 0px 10px 0px;
    float: left;
    margin-left: 40px;
  }
  .navigation>div.moduletable_menu img {
    width: 23px;
    margin: 0 !important;
  }
  nav .menu li a {
    text-decoration: none;
    padding: 3% 0 3% 7%;
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    letter-spacing: 0;
    font-weight: lighter;
  }
  nav .menu ul:after {
    display: none;
  }
  div.moduletable_menu {
    width: 100%;
    margin: 10px 0;
    float: left;
  }
  nav.moduletable_menu {
    float: left;
    width: 100%;
  }
  .login7vl a button {
    padding: 13px 20px 11px 35px;
  }
  .container_top {
    width: 65%;
    height: 100%;
    margin-left: -70%;
    -webkit-box-shadow: 13px -8px 18px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 13px -8px 18px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 13px -8px 18px -12px rgba(0, 0, 0, 0.75);
    background: #081017;
  }
  ul#navigatie {
    margin: 0;
  }
  ul#navigatie li a img {
    margin: 5px 5px 5px 0;
  }
  .navigation {
    height: auto;
    padding: 5% 7%;
  }
  .presentatievariant1 .latestnews-items>li {
    width: 100% !important;
  }
  .presentatievariant2 {
    width: 100%;
  }
  header, .container {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .open-menu .container_top {
    margin-left: 0px;
  }
  .parallax img {
    width: 767px;
    margin-left: 50%;
    left: -383.5px;
    position: relative;
  }
  nav .menu {
    width: 100%;
    padding: 10px 0;
  }
  header {
    min-height: 40px;
  }
  .blog-presentatievariant3 .items-row {
    width: 100%;
  }
  .moduletable.blog-article {
    margin-bottom: 0px;
  }
  footer .form, footer .moduletable .adress {
    width: 100%;
    padding: 0 1%;
  }
  .footer .moduletable.adress, .footer .moduletable.form {
    width: 100%;
  }
  .presentatievariant3 ul li div.innerpicture {
    width: 100px;
    height: 100px;
  }
  .navigation .moduletable.logo, .smaller.navigation .moduletable.logo {
    margin: 8px 0 !Important;
    opacity: 1;
    position: relative;
    width: 100%;
    display: none;
  }
  .logo.logoimg {
    height: initial;
    width: 60%;
  }
  .navigation .moduletable.logo img {
    width: 100%;
    height: initial;
  }
  #os_form input, #os_form textarea, #os_form select {
    font-size: 14px;
  }
  .view-donation #os_form>div:nth-child(12) {
    height: 40px;
  }
  .moduletable.profielfoto, .moduletable.campagnes {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
}

/* RESPONSIVE 600 (SMALL MOBILE) *******************************************/

@media screen and (max-width: 600px) {
  .layout-blog .blog-presentatievariant1 .items-row, .layout-blog .blog-presentatievariant2 .items-row, .presentatievariant4 ul li, .view-tag ul.category.list-striped li {
    width: 100% !Important;
  }
  #os_form .control-group {
    width: 100%;
  }
  span.detail.detail_jfield_8 {
    font-size: 20px;
  }
  div#rscomments-terms, div#rscomments-mycomments, div#rscomments-subscribe {
    width: 90%;
    left: 5%;
    margin-left: 0;
  }
  #rscommentsForm button#rsc_submit, #rscomments-subscribe .modal-footer>button:nth-child(3) {
    margin-bottom: 5px;
  }
  form.donate-open {
    max-height: 1900px !Important;
  }
  .logoheader {
    margin: 20% auto 0 auto;
  }
  .blog-presentatievariant1 .items-leading .leading-wrapper, .blog-presentatievariant2 .items-leading .leading-wrapper {
    padding: 3% 1%;
  }
  .container_top {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}

/* RESPONSIVE 320 (SMALLEST MOBILE) *******************************************/

@media screen and (max-width: 320px) {
  html, body {
    min-width: 320px;
  }
}