/*
Theme Name: ClaimZorg
Theme URI: http://professioneelwebdesignrotterdam.nl
Author: Webdesign Rotterdam
Author URI: http://professioneelwebdesignrotterdam.nl

*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

/********************import fonts *******************/

.pull-right .icl-nl a img {
width: 26px;
}

.pull-right .icl-en a img {
width: 26px;
}

.portelement_1 {
    4px 5px 12px 3px !important
 }

.portelement_1 .title-block_1 a, .portelement_1 .title-block_1 a:link, .portelement_1 .title-block_1 a:visited, .portelement_1 .title-block_1 a:hover, .portelement_1 .title-block_1 a:focus, .portelement_1 .title-block_1 a:active {
    display: none !important;

}

.page-id-5 .menu-item-24{
display:none; 

}

@font-face {
    font-family:'Georgia';
    src: url('./fonts/Georgia.eot');
    src: url('./fonts/Georgia.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Georgia.woff') format('woff'),
        url('./fonts/Georgia.ttf') format('truetype'),
        url('./fonts/Georgia.otf') format('opentype'),
        url('./fonts/Georgia.svg#Georgia-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F00E;
}
/***@font-face {
    font-family:'Georgia Bold';
    src: 
        url('./fonts/Georgia Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F00E;
}
****/

@font-face {
    font-family: 'Georgia Bold';
    src: url('./fonts/bold/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/bold/Georgia-Bold.woff') format('woff'),
        url('./fonts/bold/Georgia-Bold.ttf')  format('truetype'), 
        url('./fonts/bold/Georgia-Bold.svg#Georgia-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F00E;
}


body{
    padding: 0;
    margin: 0;
    background: #fff;
    font-family: arial !important;
    font-size: 1.25em !important;
    color: #000!important;
}


/************top part css ***********/
.link-home.top > a{
    color: #fff;
    text-transform: capitalize;
    text-decoration: underline;
    font-size: 10px;
    font-family: Arial;

}
.link-home.top
{
    margin-left: 10px;

}

.wrapper.top{

    color:#fff;
}
.top-section
{
    background: #000066;   
    width: 100%;
    float: left;
}

.header_title {
    color: #ffffff;

    font-size: 40px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
.header_title small{
    font-size: 20px
}

.img-responsive.logo
{
    float: right;
}

.header_title > a{
    color: #fff;
    text-decoration: none;
}


/*************menu css **********/





.navbar-nav > li{
    width: 100%;
    float: left;
    background: #000066;
    margin-bottom: 2px;

}

nav.navbar-default .navbar-nav > li > a{
    color: #fff;
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0px;
    text-shadow: none !important;
    font-family: 'open san' !important;
}
nav.navbar-default .navbar-nav > li > a:hover,
nav.navbar-default .navbar-nav > li > a:focus

{
    background: #000066;  
    text-decoration: underline;
    color: #fff;
}

nav.navbar-default .navbar-nav .active > a,
nav.navbar-default .navbar-nav .active > a:hover,
nav.navbar-default .navbar-nav > .active > a:focus
{
    background: #000066;
    color: #fff;
}

.navbar-header .navbar-toggle
{
    margin-right: 25px;
}
#bs-example-navbar-collapse-1
{
    margin: 0;
}

.dropdown-toggle[aria-expanded="false"] .dropdown-menu
{
    display: block;
}
.sub-menu {

    color: #fff;
    list-style: outside none none;
    margin-bottom: 15px;
}
.sub-menu li a
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Georgia Bold' !important;
}
.sub-menu li {
    background-color: #6666CC;
    width: 96%;
    height: 25px;

}

.sub-menu li { 
    list-style-type: none;
    list-style-image: none;
    display: block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
    line-height: 20px;
    width: 92%;
    text-decoration: none;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: White;
    border-left-width-value: 1px;

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #acacac;
    height: 40px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 7px;
}


.sub-menu
{
    display: none;
}


/*************************main content csss ****************/
.container{

    background: #F4F4FB;

}  
.content h4 {
    font-size: 1.3em;
    font-weight: bold;
}

.post-content h2 {
    color: #000066;
    font-weight: bold;
    font-size: 20px;
}

p{
    margin-bottom: 0.9em;
    margin-top: 0.5em;
}

/***********************sidebar css *************/
.event-sidaber
{
    width: 100%;
    flex-align: left;
}
.event-sidaber .evnt p {
    margin: 0px;
}

a.evnt{ 
padding-left: 21px;
    padding-right: 21px;
    padding-top: 0px;
    width: 91%;
    float: left;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background-color: red;
    min-height: 42px;
    margin-bottom: 3px;
    font-family: 'open san' !important;
    padding-bottom: 12px;
}

a.evnt:hover,
a.evnt:focus
{
    color: #fff;
    text-decoration: underline;
}

.px10rap {
    padding: 13px 17px 0 26px;
    width: 100%;
    float: left;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background-color: #B73533;
    font-family: 'open san' !important;
    text-decoration: none !important;
    height: 48px;
    margin-bottom: 18px;
    margin-top: 12px;
}

.px10rap:hover
{
    background: #000066;
    text-decoration: underline !important;
}

.px10 {
    padding: 13px 17px 0 26px;
    width: 100%;
    float: left;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background-color: #B73533;
    font-family: 'open san' !important;
    text-decoration: none !important;
    height: 48px;
}

.px10:hover
{
    background: #000066;
    text-decoration: underline !important;
}

.wpx{

margin-bottom:5px;
}

.text-sidebar{
    font-size: 16px;
    font-family: open sans-serif;
    font-weight: 600;
}

}

.event-sec
{
    width: 100%;
    float: left;
    /* background: #FF0000; */
    margin-bottom: 3px;
    min-height: 55px;
}

.content h5{
    font-size: 1.1em;
    font-weight: bold;
}

/**********************Blog page css ************/
.content.img
{
    padding-left: 40px;
    padding-right: 10px;
    margin-bottom: 35px;
}

.title
{
    color: #000066;
    font-size: 1em;
    font-weight: bold;
    margin-right: auto;
    margin-top: 0;
}

/*************footer css **********/
.smartenge {
    color: #000066;
    text-align: center;
    margin-top:10px;
    font-size:18px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:  50px;
}

/**********************contact page *******************/
.content.address > p
{
    margin-top: 0px;
    margin-bottom: 3px;
    line-height: 1.21em;
    word-spacing: 0.010em;
}
ul.list1 a {
    color: #0000ee;
    margin-left: 10px;
}

ul.list1 
{
    margin-bottom: 50px;
}

.content a {
    color: #0000ee;
    text-decoration: underline;

}

ul.list1 a:hover ,
.content a:hover 
{
    color: #6666ff;
}
ul.list1{
    margin-top: 15px;
}

.content.border-top
{
    padding-top: 30px;
    border-top: 2px solid #808080;
}

.content h4{
    margin-top:20px;
}



/*************blgo page css ****************/

ul.links.inline {
    display: inline;
    padding-left: 0px;
    font-weight: bold;
}
ul.links li {
    border-left: 1px solid #9cf;
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
}
ul.links li:first-child
{
    border-left: none;
}
.pagination > li {
    float: left;
    width: auto;
    margin-left: 1.5em;

}
.pagination a
{
    background: none !important;
    border: none !important;
    color: #000 !important;
    text-decoration-line: underline !important;

}

/****************** Contact form page css ******************/

.form-group span{
    color: #ff0000;
}
#contact-form input
{
    border-radius: 0px;
    height: 25px;
}
.btn.btn-default
{
    border-radius: 0px;

    padding: 3px;
    width: 130px;
}
.form-group .form-control#comment
{
    max-height: 88px;
}

/**********************ontwikkelingen page css **************/
#tablehistory
{
    border-top: 1px solid #cccccc; 
}

#tablehistory td{
    padding: 5px;
}


/********************EenVandaag_px10 page css ***********/

.ProtectedNodeButton {
    -moz-box-shadow: 3px 4px 0px 0px #284470;
    background-color: red;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 17px;
    font-weight: normal;
    padding: 10px 25px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #263666;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none !important;
    width: 26%;
    text-align: center;
}

.post-content hr {
    height: 1px;
    border: 1px solid gray;
}

object
{
    margin-bottom: 40px
}

.navigation .wp-paginate li{
    display: inline-table;
    margin-bottom: 15px;
}

/******************************Form css ********************/
#wpcf7-f68-p69-o1
.wpcf7-form .form-group label
{
    font-weight:initial;
   font-family: 'Georgia Bold';
}
#wpcf7-f68-p69-o1
.wpcf7-form .form-group  p{
    margin-top: 0px;
}


/*****************media query ****************/
@media (min-width: 320px) and (max-width:414px)
{
  
    .header_logo .img-responsive.logo
    {
        float: none;
        margin: 0 auto;
    }
    .header_title {
   
    padding: 0 10px 20px 35px;
}
     #wpcf7-f68-p69-o1
  .wpcf7-form .form-group.col-sm-4.col-xs-4
  {
      padding: 3px;
  } 
      #wpcf7-f68-p69-o1
  .wpcf7-form .form-group
  .form-control
  {
      padding: 6px 6px;
  }
}
@media (min-width: 410px) and (max-width:414px)
{
       .header_title {
   
    padding: 0 10px 20px 50px;
} 
}

@media (min-width: 480px) and (max-width:736px)
{
   .header_title 
   {
       padding: 5px;
   }
   .top-section .width-75
   {
       width: 75%;
       float: left;
       
   }
   .top-section  .width-25
   {
       width: 25%;
       float: left;
       
   }
    #wpcf7-f68-p69-o1
  .wpcf7-form .form-group.col-sm-4.col-xs-4
  {
      padding: 3px;
  } 
   
}

@media (min-width: 480px) and (max-width:600px)
{
  .top-section .header_title > a
   {
       font-size: 30px;
   }
     .top-section .header_title a small {
    font-size: 16px;
}
.width-75
{
    padding-right: 0px;
}
}

@media (min-width: 320px) and (max-width:736px)
{ 
    header .container
    {
        padding: 0px;
    }
    header .container .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    header .container .padding-none
    {
        padding: 0px;
    }
    .content.img.for-small-screen
    {
        display: block;
    }
     .content.img.for-big-screen
     {
         display: none;
     }
}



@media (min-width: 768px) and (max-width: 980px)
{ 
    #bs-example-navbar-collapse-1 .sub-menu
    {
        padding-left: 0px;
    }
    #bs-example-navbar-collapse-1 .sub-menu li{
        width: 95%;
        font-size: 12px;
        padding-left: 3px;
        padding-right: 3px;
        margin-left: 7px;
    }
    nav.navbar-default #bs-example-navbar-collapse-1 .navbar-nav > li > a{
        font-size: 12px !important;  
        padding-left: 6px;
        padding-right: 6px;
    }
   #wpcf7-f68-p69-o1
  .wpcf7-form .form-group.col-sm-4.col-xs-4
  {
      padding: 3px;
  } 
}


@media (min-width: 768px) and (max-width: 1920px) {
    #bs-example-navbar-collapse-1
    {
        padding: 0 !important;

    }

    nav .container-fluid {
        padding: 0;

    }
    #menu-primaryprimary-menu
    {
        float: none;
    }
    .content.img.for-small-screen
    {
        display: none;
    }
.content.img.for-big-screen
{
    margin-top: 5px;
}
}

@media (min-width: 1200px) and (max-width: 1920px) {

    .container{
        width: 1022px !important;
        background: #F4F4FB;
        padding: 10px;
    }   
    .row
    {
        margin-left: -15px !important;
    }
}

.page-id-53 ul{
margin-bottom: 0px;
padding-left: 0px;
}

.bsk-special-pdfs-container li {
  border-top: 1px rgba(0, 0, 102, 0.24) solid;
  list-style: none;
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: 14px;
  background-color: #eee;
  
}

.bsk-special-pdfs-container li a{
    color: #00E;
}

.bsk-pdf-category{
width: 65%
}

@media screen and (max-width: 603px) {
    .bsk-pdf-category{
	width: 100%;
   
}
}

.wpcf7-text {
  width: 75%;
}

.wpcf7-textarea{
  width: 75%;
  height: 75px;
}

.wpcf7-form p{
font-weight: 700
  
}

.textareaheight{
height: 100px !important;
}

.vfb-form-group h2{
display:none
}

.post-type-vfb_entry .form-table .first{
    width: 45em !important;
}
.header-meldpunt{
    font-size: 22px;
    font-weight: 600;
    color: #000066;
    border-bottom: 1px solid #BBBBBB;
}

.page-id-372 .vfbp-form label {
   
    font-weight: 500 !important;
   
}

.page-id-372 .smartenge{
  display:none
}

.page-id-372 .geb{
  display:none
}

.boot:hover{
 opacity: 0.5;
}

.page-id-726 .bsk-pdf-category{
width: 100%
}

.page-id-726 .bsk-pdf-category ul {
padding-left: 0px;
  
}

.page-id-726 .bsk-special-pdfs-container li{
padding-left:20px;

}

.page-id-5 a.evnt{

  float: right;
  width: 100% !important;

}

.onderzoeksrapport_button{
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 0px;
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    background-color: red;
    min-height: 48px;
    margin-bottom: 47px;
    font-family: 'open san' !important;

}

.page-id-797 a.evnt{

  float: right;
  width: 85% !important;

}

.onderzoeksrapport_button:hover{
  color: #EFEFEF !important;
}

.veldnettoloon {
margin-top: 21px !important;
}

.vfb-form-group h3{
    border-bottom: 2px solid;
    color: #000066;
    font-weight: 600;
  
}