/*
Theme Name: ZRM
Theme URI: http://ggd.amsterdam.nl
Description: Responsive WordPress theme with all the Twitter Bootstrap elements and features.

Author: GGD Amsterdam
Author URI: http://ggd.amsterdam.nl
Version: 1.0.0
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, bootstrap, twitter

Copyright (c) 2016 GGD Amsterdam
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt
*/



body {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  background-color: #ffffff;
  color: #12314D;
  font-family: 'Source Serif Pro', serif;
  font-size: 18px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}



.author-avatar img { -webkit-border-radius: 95px; -moz-border-radius: 95px; border-radius: 95px; }


/* Paragraph & Typographic */
p { margin-bottom: 25px; }

.centered { text-align: center; }

/* Links */
a {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  color: #1abc9c;
  transition: color 0.1s ease-in, background 0.1s ease-in;
  word-wrap: break-word;
}

a:hover,
a:focus { color: #7b7b7b; outline: 0; text-decoration: none; }

a:before,
a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}


.navbar { margin-bottom: 0px; text-transform: uppercase; }

.navbar-inverse { padding-bottom: 70px; padding-top: 70px; }

.navbar-inverse { background-color: #1abc9c; border-color: #16a085; }

.navbar-inverse .navbar-nav > li > a { color: white; }

.navbar-inverse .navbar-nav > li > a:hover { color: #222222; }

.navbar-brand { font-size: 20px; font-weight: 700; letter-spacing: 2px; }

.navbar-inverse .navbar-brand { color: white; }

.navbar-inverse .navbar-toggle { border-color: transparent; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover { background-color: transparent; color: #222222; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: transparent; color: #222222; }

.progress-bar-theme { background-color: #1abc9c; }


/* Helpers */

.mt { margin-bottom: 40px; margin-top: 40px; }

.pt { padding-bottom: 50px; padding-top: 50px; }


/* +++++ WRAP SECTIONS +++++ */

#ww { background-color: #f2f2f2; padding-bottom: 70px; padding-top: 70px; }


#footer { background-color: #2f2f2f; padding-bottom: 50px; padding-top: 50px; }

#footer p { color: white; }

#footer h4 { color: white; padding-bottom: 20px; text-transform: uppercase; }


/* +++++ Color Wraps / Blog Page +++++ */

#grey { background-color: #f2f2f2; padding-bottom: 60px; padding-top: 60px; }

#white { background-color: #ffffff; padding-bottom: 60px; padding-top: 60px; }



/* Blog Date*/
bd {
  color: #d2d2d2;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Blog Author*/
ba { font-size: 12px; padding-left: 5px; text-transform: uppercase; }

/* Blog Quote */
.bq { font-size: 22px; padding-top: 30px; }

/* Blog Tags */
bt { font-size: 12px; }

/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
/* Effects also are controled by hover.zoom.js */
.zoom { 
    display:block; 
    position:relative; 
    overflow:hidden; 
    background:transparent url(images/loader.gif) no-repeat center;
}


.zoomOverlay {
    position:absolute;
    top:0; left:0;
    bottom:0; right:0;
    display:none;
    background-image:url(images/zoom.png);
    background-repeat:no-repeat;
    background-position:center;
}

.zoom2 {
  opacity: 1;
}

.zoom2:hover {
  opacity: 0.5;
}

/* glyphicon Configuration */

.glyphicon { color: #1abc9c; font-size: 40px; }

/* WP User Avatar */

.wp-user-avatar {margin: 0;}

/* ZRM edits */
/* basis-kleuren
Oranje/geel: #ffb518
Donkerblauw: #12314d
Turquoise: #46aeaf
Oranje/rood: #e66a00
*/

.wit, .white {
  color: #fff;
}
.oranje, .orange {
  color: #e66a00;
}
.geel, .yellow {
  color: #ffb518;
}
.blauw, .blue {
  color: #12314d;
}
.turquoise {
  color: #46aeaf;
}

a {
  color: #12314d;
}

a:hover, a:focus {
  color: #12314d;
}

label {
  color:  #12314d;
}

.readmore {
  text-transform: uppercase;
}


.navbar-nav > li > a {
  color: #12314d;
}

.nav > li > a:hover, .nav > li > a:focus {
  color: #e66a00;
  background-color: #fff;
}

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

#ww {
  background-color: #ffb518;
  padding-bottom: 20px;
  padding-top: 20px;
}

article.page > header > h1 {
    color: #fff;
}

#xx {
  background-color: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
}

#yy {
  background-color: #46aeaf;
  padding-bottom: 20px;
  padding-top: 20px;
}

#zz {
  background-color: #e66a00;
  padding-bottom: 20px;
  padding-top: 20px;
}

#footer {
  background-color: #12314d;
}

#footer h4 {
  color: white;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
}

#footer hr {
  border-top: 1px solid #ffb518;
}

#footer label {
  color: #fff;
}

.row-zrm-white {
  background-color: #fff;
}

.row-zrm-yellow {
  background-color: #ffb518;
}

.row-zrm-blue {
  color:  #fff;
  background-color: #12314d;
}

.row-zrm-turquoise {
  background-color: #46aeaf;
}

.row-zrm-orange {
  background-color: #e66a00;
}

div.watu-quiz-answer-row {
  padding: 10px;
  border-top: 1px solid #e66a00;
}

div.watu-question > div:nth-child(even):hover {
  background-color: #eee;
}

li.user-answer {
  background: url(wrong.png) no-repeat left top;
}

.user-answer span {
  font-weight:bold;
  background:url(wrong.png) no-repeat left top;
}

hr.yellow {
  border-top: 1px solid #ffb518;
}
hr.blue {
  border-top: 1px solid #12314d;
}
hr.turquoise {
  border-top: 1px solid #46aeaf;
}
hr.orange {
  border-top: 1px solid #e66a00;
}
h4.item {
  text-transform: uppercase;
}

/* cat-posts plugin styling actueel home page */
a.post-title, p.post-date {
  font-size: 18px;
  font-weight: 700;
  color: #12314d;
}
p.post-date {
  /*text-decoration: underline;*/
  /*  -moz-text-decoration-color: #e66a00; */ /* Code for Firefox */
  /* text-decoration-color: #e66a00;*/
  border-bottom: 2px solid #e66a00;
  width: 100%;
  display: block;
}


/*********************************************************/
/*********************************************************/
/*********************************************************/

H1 {
  font-size: 36px;
}

HEADER {
  min-height: 120px
}

.header-right-container {
  position: relative;
}

#logo {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  margin-right: 20px;
  margin-top: 5px;
}

.navbar {
  text-transform: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.navbar .icon-bar {
  background-color: #12314D;
}

.lang-item  {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.lang-item.current-lang {
  border-bottom: 3px solid #E66A00;
}

.lang-item  A {
  display: inline-block;
  padding: 5px 10px;
}

.widget_search .form-group {
  position: absolute;
  right: 40px;
  left: 0;
}

.widget_search .form-group INPUT {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-width: 2px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.075);
}

.btn-search {
  background-image: url(images/zrm-search-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  border: 0;
  position: absolute;
  right: 0;
}

/*********************************************************/
/*********************************************************/

.widget-footer {
  text-align: center;
}

.footer-title {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.footer-title SPAN {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #E66A00;
}

/*********************************************************/

.widget_wysija {}

.widget_wysija P {
  display: inline-block;
  width: 49%;
}

.widget_wysija INPUT[type="text"] {
  border: 2px solid #FFFFFF;
  padding: 2px 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

.widget_wysija .wysija-submit {
  margin: 0 auto;
}

/*********************************************************/
/*********************************************************/

.page-title {
  color: #FFFFFF;
  margin-top: 40px;
  margin-bottom: 30px;
}

.page-intro {
  color: #12314D;
  font-family: 'Source Serif Pro', serif;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.row-zrm {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*********************************************************/

.block-shortlinks {
  color: #12314D;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
}

.shortlink-item {
  margin-top: 20px;
  margin-bottom: 20px;
}

.block-shortlinks IMG {
  max-width: 65px;
  margin: 0 auto 20px auto;
}

.block-shortlinks .shortlink-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.block-shortlinks .shortlink-title SPAN {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #E66A00;
}

/*********************************************************/

.block-home-oefencasus {
  color: #FFFFFF;
  text-align: center;
  font-family: 'Source Serif Pro', serif;
  font-size: 26px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.block-home-oefencasus H2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0px;
}

.block-home-oefencasus A {
  color: #FFFFFF;
}

.block-home-oefencasus IMG {
  max-height: 240px;
}

/*********************************************************/

.block-latestnews {
  color: #12314D;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
}

.latestnews-item {
  margin-top: 20px;
  margin-bottom: 20px;
}

.block-latestnews H2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
}

.block-latestnews .latestnews-date {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 18px;
}

.block-latestnews .latestnews-date SPAN {
  display: inline-block;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 3px solid #E66A00;
}

/*********************************************************/

.block-quotes {
  color: #FFFFFF;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 30px;
}

.block-quotes H2 {
  font-family: 'Source Serif Pro', serif;
  font-size: 26px;
  font-weight: normal;
  color: #FFFFFF;
}

.quote-naam {}
.quote-functie {}

/*********************************************************/
/*********************************************************/

.submenu-item  {
  color: #12314D;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
}

.submenu-item  IMG {
  max-width: 65px;
  margin: 0 auto 10px auto;
}

.submenu-item H4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.submenu-item H4 SPAN {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #E66A00;
}

/*********************************************************/
/*********************************************************/

.product-item  {
  font-family: 'Source Serif Pro', serif;
  font-size: 18px;
}

.product-item H2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
}

.product-item IMG {
  max-width: 415px;
  max-height: 245px;
  margin: 0 auto;
}

.product-item .readmore {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}

/*********************************************************/
/*********************************************************/

.block-trainingen {}

.block-trainingen H2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.block-trainingen H2 SPAN {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 3px solid #E66A00;
}

.block-trainingen .training-item {
  margin-top: 10px;
  margin-bottom: 10px;
}

.block-trainingen .training-title {
  margin-bottom: 5px;
  color: #E66A00;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.block-trainingen .training-excerpt {
}

.training-contact {
  padding: 30px 0;
}

/*********************************************************/
/*********************************************************/

.block-publications .post-excerpt {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 18px;
}

.block-publications .post-excerpt SPAN {
  display: inline-block;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 3px solid #E66A00;
}

.post-image {
  float: left;
  margin-right: 20px;
}

/*************************/
/* OEFEN CASUS */

#watu_quiz .show-question LI.answer { display: none; }
#watu_quiz .show-question LI.answer.user-answer,
#watu_quiz .show-question LI.answer.correct-answer { display: block; }




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .block-home-oefencasus H2 {
    margin-top: 20px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar-nav {
    margin-top: 40px;
  }
}


div.wpcf7-mail-sent-ok {
    border: 2px solid #FFF !important;
}

div.wpcf7-response-output {
    margin: 0 !important;
    margin-left: -5px;
}

.wpcf7 label, .wpcf7 input[type=submit]{
  font-size:18px !important;
  color:#12314D !important;
}

.wpcf7 input[type=submit] {
  font-weight:700;
}

label a, label a:hover, label a:active, label a:visited {
  text-decoration:underline;
}

.wpcf7 input[type="checkbox"] {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2) ;
    -o-transform: scale(1.2);
    margin-left:-8px;
}


.zrm-download-button {
  border: 4px solid #e66a00;
  display: inline-block;
  font-family: "Montserrat";
  font-weight: 700;
  margin-left: 20px;
  margin-top: 10px;
  padding: 10px;
  text-transform: uppercase;
}
.zrm-download-button:hover,
.zrm-download-button:focus {
  background: #e66a00;
  color: #FFFFFF;
}

/*
.textwidget INPUT[type="text"], INPUT[type="password"] {
    
    border: 2px solid #FFFFFF;
    padding: 2px 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    margin : 2px 0px;
    cursor: text;
}
*/
INPUT[type="text"], INPUT[type="password"], input[name="zoek_zrm_gebruiker"], 
input[name="zrm_gebruiker_name"], input[name="zrm_gebruiker_email"] 
input[name="trainings-datum"]
{
  border: 2px solid #FFFFFF !important;
  padding: 2px 5px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  margin : 2px 0px !important;
  cursor: text !important;
}

input[name="trainings-datum"]{
  position: relative;
  left:-5px;
}

.block-trainer-navigation{
  padding: 20px 0px;
}


.page-template-template-trainer-logout li.trainer .log_in,
li.trainer .log_in{
  display: none;
}

.trainer-logout-box{
  padding-top: 50px;

}

.trainer-logout-box p{
  text-align: center;
}





input[name="zoek_zrm_gebruiker"], input[name="zrm_gebruiker_name"], input[name="zrm_gebruiker_email"],
input[name="trainings-datum"], .trainer-login-box INPUT[type="password"]
{
  border: 2px solid #CCC !important;
  padding: 2px 5px !important;
  font-size: 14px !important;
  font-family: 'Montserrat', sans-serif !important;
  width: 305px;
  margin: 3px 0px;
}

.trainer-login-box INPUT[type="password"], .trainer-login-box input[name="trainer-useremail"]{
  padding: 2px 5px !important;
  width: 200px !important;
}

input[name="trainings-datum"]
{
  width: 255px !important;
}

input[name="trainer-useremail"]{
  font-size: 14px !important;
  font-family: 'Montserrat', sans-serif !important;
  cursor:text;
}
  

.new-zrm-gebruiker{
  padding:50px 0px;
}

.glyphicon{
  font-size:20px !important ;
  color: #12314D !important;
}

.addon_btn_kalender,
.addon_toevoegen {
  position: relative;
}

.addon_toevoegen{
  left:-26px;
}

.addon_btn_kalender {
  left:-46px;
}

.toevoegen,
.btn_toevoegen {
  margin: 6px 0px 0px 0px;
  background: #12314D !important;
  color: #FFF !important;
}

.btn_toevoegen {
  margin-top: 4px;
  margin-left: -30px;
}

.blue{
  background: #12314D !important;
  color: #FFF !important; 
}

.row.registered_user {
    border-bottom: 1px solid #CCC;
    padding: 10px 5px 5px 5px;
}

.zoek_zrm_gebruiker{
  margin-top:25px;
}

.table_header{
  margin-bottom: -15px;
}

.trainer-login-box input[type=submit], .trainer-search-box input[type=submit], .zrm-gebruiker-download input[type=submit]{
 background: #12314D !important;
 color: #FFF !important; 
  
}

.zrm-gebruiker-download{
  margin-top: 50px;
}

.trainer-login-box input[type=submit], .zrm-gebruiker-download input[type=submit]{
 margin-top:-25px;  
}

input.error{
  border : 2px solid red !important;
}

.input-group.date{
  padding-left: 5px;
}

.aanvraag-cert{
  padding: 50px;
}

.aanvraag-cert h2{
  margin-bottom: 20px;
  color: #FFF;
}

INPUT[type="text"], INPUT[type="password"], input[name="zoek_zrm_gebruiker"], input[name="zrm_gebruiker_name"], input[name="zrm_gebruiker_email"] input[name="trainings-datum"] {
    padding: 1px 0px !important;
    border-width: 2px !important;
    border-style: inset !important;
    border-color: initial !important;
    border-image: initial !important;    
    font-size: inherit !important;
    font-family: inherit !important;

    /*border: none !important;
    cursor: text !important;
    border-width: 2px;
    border-style: inset !important;
    border-color: initial !important;
    border-image: initial !important;
    
    */
}