/* tijdelijk - corona */
#block-userlogin { 
    display: none;
}
/* tijdelijk - corona */

.donkergroen {
  background-color:#3cb497;
  color:#ffffff;
}

.donkergrijs {
  background-color:#333;
  color:#fff;
}

.donkergrijs h1, .donkergrijs h2, .donkergrijs h3, .donkergrijs h4, .donkergroen h1, .donkergroen h2, .donkergroen h3, .donkergroen h4 {
  color:#fff;
}

.troef {
    background: #3d636f;
    color: #fff;
}

.titelbanner {
    text-shadow: 2px 2px 8px #999;
}

.graphic--studentboy, .graphic--studentgirl {
    display: block;
    margin: 0 auto;
}

.field--type-webform {
    padding: 25px 60px;
}


/* ========= BLOG STUFF  ========== */

.sidebar h2 {
    font-weight: 700;
}

.sidebar .block {
    padding: 20px 35px;
}

.view-blog .field--type-text-with-summary, .view-taxonomy-term .field--type-text-with-summary, .view-archive .field--type-text-with-summary, .view-blog-overzicht .field--type-text-with-summary  {
    padding: 0px;
    border-top: 0px none;
    margin-top: 15px;
}

@media (min-width: 560px) {
.view-blog .node  .field--type-image, .view-taxonomy-term .node  .field--type-image, .view-archive .node .field--type-image, .view-blog-overzicht .node .field--type-image {
  margin: 25px 0;
  float:right;
  }
}


@media (min-width: 769px) {


.main-menu, .menu--main {
    height: 500px;
}
 
}




li.node-readmore, li.comment-add, li.comment-comments {
    margin-left: 15px;
}

.page-node-type-article #block-odiseebasic-page-title {
  display: inline;
}

.page-node-type-article h1.title.page-title {
    padding: 10px 0px;
    font-size: 1.5em;
}

.page-node-type-article .node__meta  {
    float: right;
    margin-right: 7%;
    padding: 10px 0;
}

.comment-wrapper {
    padding: 0 10px 0 0;
}

.page-node-type-article .field--type-text-with-summary  {
    border-top: 1px solid #fff;
    padding: 60px 60px 60px 0; 
    border-top: 1px solid #fff;
    font-size: 0.95em;
}

.page-node-type-article #content .comment-wrapper h2.comment-form__title {
    font-size: 1.9vw;
    border-top: 1px solid #fff;
    padding-top: 15px;
}

.view-blog h2.node__title, .view-taxonomy-term h2.node__title, .view-archive h2.node__title, .view-blog-overzicht h2.node__title {
    font-size: 1.5vw;
}

.field--name-user-picture {
  display:none;
}

.page-node-type-article  .node__links {
    margin-right: 15px;
}

.region-sidebar-first .field--name-body {
    padding: 0;
    border-top: 0px none;
}

.path-comment .comment, .path-comment .comment-form {
    margin: 50px 60px;
}

.gemiddeld, .gemakkelijk, .moeilijk {
    align-items: baseline;
}

.moeilijk {
    color: #fff;
    background: url('/sites/default/files/styles/thumbnail/public/2018-10/moeilijk3.png') #59A8E0 no-repeat top right;
   /*background-size: 55px;*/
    background-position-y: -5px;
    background-position-x: 102%;
}

 
.gemakkelijk {

    color: #fff;
    background: url('/sites/default/files/styles/thumbnail/public/2018-10/gemakkelijk3.png') #59A8E0 no-repeat top right;
    /*background-size: 55px;*/
    background-position-y: -5px;
    background-position-x: 102%;
}

.gemiddeld {

    color: #fff;
    background: url('/sites/default/files/styles/thumbnail/public/2018-10/gemiddeld3.png')  #59A8E0 no-repeat top right;
    /*background-size: 55px;*/
    background-position-y: -5px;
    background-position-x: 102%;
}

.moeilijk a.button, .gemakkelijk a.button, .gemiddeld a.button {
    background: #333;
}

.moeilijk .button:hover,.moeilijk .button:active, .moeilijk .button:focus,
.gemakkelijk .button:hover,.gemakkelijk .button:active, .gemakkelijk .button:focus,
.gemiddeld .button:hover,.gemiddeld .button:active, .gemiddeld .button:focus {
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
}

a.menu-toggle {
    display: none;
}

span.language-link.language-link--untranslated {
    text-decoration: none;
}