/* ------------------------------------------------------------ *\
    Language header
\* ------------------------------------------------------------ */
.header-home .header-language:hover .header-language-selected { background:#ffc425; color:#003c51;}
.header-language .language-menu { position: absolute; z-index: 1000; right: 0; top: 100%; min-width: 100%; background: #fbfbfb; list-style: none outside none; visibility: hidden; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); transition: all .2s ease-out; }
.header-language .language-menu li { line-height: 44px; list-style:none;}
.header-language .language-menu a { display: block; padding: 0 10px 0 44px; color: #707472; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s ease-out; }
.header-language .language-menu .active a,
.header-language .language-menu a:hover { background: #ddd; color: #333; }
.header-language:hover .language-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* Tablet Portrait */
@media (max-width: 959px) {
    .header-language .language-menu { left: auto; right: 0; }
    .header-language .language-menu a { padding: 0 20px; }
}
/* Mobile */
@media (max-width: 767px) {
    .header-language .language-selected { min-width: 0; height: 34px; line-height: 34px; padding: 0 10px; }
    .header-language .language-selected i { margin: 0 5px 0 0; font-size: 16px; }
}

/* ------------------------------------------------------------ *\
    Article Single
\* ------------------------------------------------------------ */


.article .article-actions { margin-bottom: 5.7em; }
.article .article-actions .btn { padding: 11px 21px 10px; margin-right: 25px; }
.article .article-actions .btn i { margin-right: 11px; }
.article .article-video { margin-bottom: 0px; }
.article .article-video-title { margin-bottom: 45px; line-height: 1.1; }
.article .article-video iframe { width: 100%; }
.article .article-video-alt .article-video-holder { margin: 0 -20px; }
.article .article-video-listing iframe { vertical-align: top; width: 100%; }
.article .article-video-listing h2 { margin: 0; }
.article .article-video-listing h4 { margin-bottom: 30px; }
.article .article-video-listing p:nth-child(n) { margin: 16px 0 36px; line-height: 1.3; }

/* Tablet Portrait */
@media (max-width: 959px) {
    .article .article-meta,
    .article .article-content { padding: 0 10px; }
}
/* Mobile */
@media (max-width: 767px) {

    .article .article-actions { margin-bottom: 2em; }
    .article .article-actions .btn { margin: 0 10px 10px 0; }
    .article .article-video-listing p:nth-child(n) { margin: 10px 0 20px; }
}

/* Image positions */
.pull-left{ margin-bottom: 0.8em!important; margin-right:0.8em;margin-top:0.8em; }
.pull-right{ margin-bottom: 0.8em!important; margin-left:0.8em;margin-top:0.8em }
.center-block{ max-width:50%; margin-bottom:0.8em!important;margin-top:0.8em}
.small-caption{padding:4px 20px!important;}

/* Slideshow */
.slideshow{max-width:600px!important;}

/* Responsive iFrame video */
.article-video-holder{ position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */  margin-bottom:20px; }
.article-video-holder iframe{ position: absolute; width: 100%!important; height: 100%!important;}


/* border op de dropdowns; breaking the white*/
div.language-menu,
nav div.container ul li ul li:last-child{
    border-bottom:1px solid #e0e0e0;
}

.workshop-date { float: left; width: 80px; height: 80px; padding-top: 16px; margin-right: 20px; background: #00B1EE; color: #fff; line-height: 1; font-size: 24px; font-weight: 900; text-align: center; text-transform: uppercase; text-decoration:none; border-bottom:2px solid #008dbd;}
.workshop-date span { display: block; }
.workshop-date span ~ span { margin-top: 10px; font-size: 14px; }
.workshop-date-green { float: left; width: 80px; height: 80px; padding-top: 16px; margin-right: 20px; background: #7FBB3E; color: #fff; line-height: 1; font-size: 24px; font-weight: 900; text-align: center; text-transform: uppercase; text-decoration:none; border-bottom:2px solid #558314;}
.workshop-date-green span { display: block; }
.workshop-date-green span ~ span { margin-top: 10px; font-size: 14px; }



.flag-icon{
    float:right;
    margin-top:3px;
    border:1px solid white;
}


a.countryflagmenu{
    height:43px;
    background-color:#f6f6f6;
    margin-bottom:20px;
    border:1px solid #e9e9e9;
    padding:10px;
    text-align:center;
    margin-right:5px;
    display:block;
}

a.countryflagmenu:hover {
    border:1px solid #9a9a9a;
    background-color:white;
}






div.modal-content div.modal-entry p{
    margin-top:11px;
    margin-bottom:11px;
}

div.modal-content div.modal-entry ul
{
    margin-left:40px;
}


body.green-theme div.article-entry a,
a.green{
    color:#7fbb3e;
 }


body.blue-theme div.article-entry a,
a.blue{
    color:#00b1ee;
 }



.intro-secondary .intro-inner,
.intro-tertiary .intro-inner { padding: 40px 0 0; }


.highlight{
    padding:3px 3px 3px 3px;
    background-color:#FFC424;
}


div.case-study-inner > h4 > a {
    text-decoration:none;
}



/*blockquotes in accordions*/
/*werkt niet tegoei*/
.panel-collapse > div > ul > li > blockquote{
    border-color: #d6e9c6;
    background-color: #dff0d8;
    color: #3c763d;
}


#photo-credits{
    text-align:right;
    padding-right:15px;
    margin-top:5px;
    font-size:12px;
    color:#888;
}

#photo-credits span{
    font-style: italic;
}


/*homepage buttons, dark on hover*/

img.darkhover:hover {
    -webkit-filter: brightness(60%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


/*custom accordion colors voor op faq page*/

.faq div#accordion .panel-title{

    background-color:#005C94;
    border:1px solid #084165;
}


/*social icons homepage*/
.header-social-home  { position: absolute; z-index: 1000; left: 10px; top: 0; font-family: 'Gotham', sans-serif; }
.header-social-home { display: inline-block; vertical-align: top; padding: 9px 32px; background: #003258; font-weight: bold; font-size: 13px; text-transform: uppercase; color: rgba(255,255,255,.7); text-decoration: none; transition: all .2s ease-out; }
.header-social-home a:hover{
    color:white;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

/*social icons homepage-professional*/
.header-social-professional  { position: absolute; z-index: 1000; left: 10px; top: 0; font-family: 'Gotham', sans-serif; }
.header-social-professional { display: inline-block; vertical-align: top; padding: 9px 32px; background: #003C52; font-weight: bold; font-size: 13px; text-transform: uppercase; color: rgba(255,255,255,.7); text-decoration: none; transition: all .2s ease-out; }
.header-social-professional a:hover{
    color:white;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


/*social icons homepage-recreational*/
.header-social-recreational  { position: absolute; z-index: 1000; left: 10px; top: 0; font-family: 'Gotham', sans-serif; }
.header-social-recreational { display: inline-block; vertical-align: top; padding: 9px 32px; background: #375511; font-weight: bold; font-size: 13px; text-transform: uppercase; color: rgba(255,255,255,.7); text-decoration: none; transition: all .2s ease-out; }
.header-social-recreational a:hover{
    color:white;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}



h4.intro-callout-title a{
    text-decoration:none !important;
}

h4.intro-callout-title a:hover{
    text-decoration:underline !important;
}


/*let's make sure the eu cookie stays on top!*/

.alert-success {
z-index: 10;
}



/*last-updated snippet*/

p.lastupdated {
    font-size:12px;
}

p.lastupdated span{
    font-weight:bold;
}


/*privacy of conduct custom page*/

div.leftcolumn ul{
    margin-left:0px !important;
    list-style: none;
}

div.rightcolumn ul{
    margin-left:0px !important;
    list-style: none;
}

div.leftcolumn ul li,
div.rightcolumn ul li
{
  padding-left: 1em;
  text-indent: -.7em;
  margin-bottom:20px;
}


div.leftcolumn ul li::before
{
  content: "■";
  padding-right:7px;
  font-family:"Arial Black";
  color: #7FBB3F; /* or whatever color you prefer */
}


div.rightcolumn ul li::before
{
  content: "■";
  padding-right:7px;
  font-family:"Arial Black";
  font-weight:bold;
  color: #A94441; /* or whatever color you prefer */
}



@media (max-width: 767px) {
    .header-social-home { padding: 5px 20px; }
    .header-social-professional { padding: 5px 20px; }
    .header-social-recreational { padding: 5px 20px; }
}




li.coloraccordion li {
    border:none !important;
    list-style-type: disc;
    margin-left:30px !important;

    margin-top:20px  !important;

}

#accordion-panel1 > div.accordionColor > ul > li > ul > li{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    padding:0;

}


#accordion-panel1 > div.accordionColor > ul > li > p > strong {
    font-size:18px !important;
}


#accordion-panel1 > div.accordionColor > ul > li{
    border:none;
}


.case-study-alt{
    height:300px;
    width:300px;
}