/*
Theme Name: JRVal
Theme URI: 
Description:
Author: JR
Author URI:
Template: twentythirteen
Version: 1.1
*/
 
@import url("../twentythirteen/style.css");

/**
 * 1.0 Reset
 * ----------------------------------------------------------------------------
 */
 
h1,
h2,
h3,
h4,
h5,
h6  {
    font-family:"Open Sans","Helvetica Neue",sans-serif;
}

html,
button,
input,
select,
textarea {
    font-family:"Open Sans","Helvetica Neue",sans-serif;
}

body {
        color:#696969;
}

a:focus {
    outline-style: none; /* toegevoegd om onverwachte omlijning tegen te gaan */
}

h1 {
    color:#606060;
    font-weight:normal;
    /* font-size:2.46153846em;  /*  32px / 13px rekent t.o.v. .entry-content */
    font-size: 32px;
}

h1.entry-title {
    /* font-size:2em;  /*  32px / 16px rekent t.o.v. html */
    font-size: 32px;
}

h2,h3 {
    color:rgb(145, 112, 0);
    font-weight:700;
    display: inline;
    
}

h2 {
    font-size: 14px;
    line-height: 2.2;
}

h3 {
    font-size: 12px;
    line-height: 1.5;
}

/* Om nieuwe regel in h2 mogelijk te maken zonder grote regelafstand */
h2 br{
    display: block;
    margin-top: -14px;
    line-height: 2px;
    content: " ";
}

p {
    margin: 0 0 3%; /* proefondervindelijk */
}

ol,
ul {
    padding: 0 0 0 30px;
}

/* zit in footer: */
.blauwvettekst {
    font-weight: 600;
    color: #4E95A8;
}

td {
    padding: 6px 10px 6px 0;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

/* Form fields */
button,
input,
textarea {
    border: 2px solid rgb(150,150,150);
}

/* Buttons, voor contactformulier */

button, input[type="submit"], input[type="button"], input[type="reset"],
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background-image: none;
    background-color: rgb(145, 112, 0);
    border: 0;
}

/* Images */

.wp-caption .wp-caption-text {
    font-size: 14px;
}

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site {
    -moz-box-sizing: content-box; /* Weet niet meer waarvoor. */
}

body {
    overflow: hidden; /* om te voorkomen dat horizontale scrollbars verschijnen */
}

#page {
    border-style: none;
}

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header .home-link {
    min-height: 84px;
}

.site-header {
    background-image: url("../../uploads/2013/12/logo-valleilijn.svg") !important; /* !important omdat de image een inline style meekrijgt van Twenty Thirteen */
    background-image: url("../../uploads/2013/12/logo-valleilijn.jpg")\9 !important;
}
/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

 .main-navigation {
    left: 5%;
 }

ul.nav-menu {
    font-size: 0; /* Haalt kleine ongewenste marge weg tussen de a-elementen van de horizontal list */
}

.nav-menu li a {
    color: #696969;
    border-left: 1px solid #94CAD9;
    border-right: 1px solid #C7E9F1;
}

#menu-item-27 a {
    border-left-style: none;
}

#menu-item-113 a {
    border-right: 1px solid #94CAD9;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus  {
    background-color: #ffffff;
    color: #996600;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
    color: #996600;
    font-style: italic;
}

.nav-menu .current_page_item,
.nav-menu .current_page_ancestor,
.nav-menu .current-menu-item,
.nav-menu .current-menu-ancestor {
    background-color: #ffffff;
}

.nav-menu .current_page_item > a {
    color: #996600;
}

.search-field {
    font-size: 15px;
}

/* voor touch uitklap */
ul.nav-menu li:focus > ul,
.nav-menu ul li:focus > ul,
ul.nav-menu li:active > ul,
.nav-menu ul li:active > ul {
    display: block;
}

/* Navbar */

.navbar {
    background-image: url("../../uploads/2013/12/menu_bg.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9e9f1), color-stop(20px, #d7f3f7), color-stop(45px,#8fd2e3), color-stop(45px,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%); 
    background-image:    -moz-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%);
    background-image:    -ms-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%);
    background-image:      -o-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%);
    background-repeat: repeat-x; /* repeat is for the fallback image, which is 1px wide; and prevents y-repeat */
}

.nav-menu li a {
    font-size: 13px;
    padding-bottom: 17px;
}

ul.nav-menu ul a, .nav-menu ul ul a {
    color: #996600;
    padding-top: 8px;
    padding-bottom: 8px;
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, 
ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
    background-color: rgb(200, 200, 200);
}

ul.nav-menu ul a, .nav-menu ul ul a{
    border-top: 2px solid #f7f5e7;
}

ul.nav-menu ul a {
    background-color: rgb(245,245,245);
}

ul.nav-menu ul li {
    border-top: 2px solid #fff;
}

ul.nav-menu ul li a {
    border-style: none;
}

.site-header .search-form {
    position: absolute;
    right: 60px;
    top: 1px;
}

/* Secondary Navigation, topmenu rechts */

ul.nav-menu-header {
    padding: 5px 10px 0 0;
    clear: both;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 35px;
    position: relative;
    float: right;
}

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

 .nav-menu-header li a {
    color: rgb(160,160,160);
    display: block;
    font-size: 12px;
    line-height: 1;
    padding: 8px 10px;
    text-decoration: none;
}

.nav-menu-header li:hover > a,
.nav-menu-header li a:hover {
    background-color: #fff;
    color: rgb(100,100,100);
    text-decoration: underline;
}

.nav-menu-header li:first-child, 
/*NB #menu-topmenu-rechts-1 is selector voor als menu bij smal beeldscherm naar footer gaat */
#menu-topmenu-rechts-1 li:first-child {
    background-image: url("../../uploads/2015/10/toegankelijkheid.jpg");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: left center;
    padding-left: 15px;
}

#menu-topmenu-rechts-1 li:first-child {
    padding-left: 25px;
}

/* Third menu, Engels menu */

ul.nav-english-menu {
    padding: 6px 10px 0 24px;
    clear: both;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 35px;
    position: relative;
    float: right;
    background-image: url("../../uploads/2013/12/vlagUK.png");
    background-image: url("../../uploads/2013/12/vlagUK.svg");
    background-repeat: no-repeat;
    background-position:0 13px ; 
}

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

 .nav-english-menu li a {
    color: #696969;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 7px 3px;
    text-decoration: none;
}

.nav-english-menu li:hover > a,
.nav-english-menu li a:hover {
    background-color: #fff;
    color: rgb(100,100,100);
    text-decoration: underline;
}

/* Verberg Engelse knoppen */
#menu-item-182, #menu-item-183 {
    display: none;
}

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

/* link bovenaan berichten naar hun categorie */
.categories-links a {
    color: #4E95A8;
    border-bottom:1px dotted;
    border-color: rgba(78, 149, 168, 0.5);
}

.categories-links a:hover {
    color: #9E9E9E;
    text-decoration: none;
    border-bottom:1px solid;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.page-header {
    background-color: #fff;
}

 .entry-content {
    font-size: 14px;
}

.entry-content a,
.comment-content a {
    color: #4E95A8;
    border-bottom:1px dotted;
    border-color: rgba(78, 149, 168, 0.5);
}

.entry-content a:hover,
.comment-content a:hover {
    color: #9E9E9E;
    text-decoration: none;
    border-bottom:1px solid;
}

.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.alignnone,
div.wp-caption.alignnone img /* dit is afbeelding met bijschrift */,
div.soliloquy /* slideshow */ {
    padding: 0px;
    border: 1px solid #C0C0C0;
}

/* Twee kolommen stijlen */

.entry-header.two-column-content,
.entry-content.two-column-content {
    max-width: 800px;
}

.column-one {
    float:left;
    width:48%;
    padding-right:12px;
}

.column-two {
    float:right;
    width:48%;
    padding-left:12px;
    margin-top: -14px;
}

/* Home page actueel kolom */

#homepage-content {
    max-width: 1200px;
    padding: 0 20px;
}

#recent-posts-3 {
    background-color: #fff;
    padding-top: 0;
}

#recent-posts-3 h2, #text-7 h2 {
    color: #606060;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 0px;
    display: block; /*dit zorgt dat margin-bottom effect heeft */
}

#recent-posts-3 li {
    border-bottom: solid 1px #ccc;
    color: #696969;
    padding: 12px 3px;
}

#recent-posts-3 a:hover li{
    background-color: #ddd;
}

#recent-posts-3 a:hover {
    text-decoration: none;
}

#text-6, #text-7{
    background-color: #fff;
}

/*Home-tekstberichten*/

 #post-1440 h1.entry-title {
    display: none;
 }

 #post-1440.page {
    padding-top: 0;
 }

 #post-1440.page .entry-content {
    max-width: 850px;
 }

#homenieuws {
    width: 60%;
    float: left;
    padding-right: 0%;
}

#meestbekeken, #homerechts, #homerechtsonder {
    width: 30%;
    float: right;
    padding-left: 0%;
}

#homenieuws .widget, #homerechts .widget, #homerechtsonder .widget {
    background-color: #fff;
    padding: 0;
}

#meestbekeken .widget {
   background-color: #eee5cf;
   padding: 10px 20px 10px;
 }

#homerechts .widget {
    padding: 10px 20px 10px;
    border: solid 1px #917000;
 }

#homerechtsonder .widget {
    padding: 20px 20px 10px;
}

#dpe_fp_widget-2.widget {
    margin-top: 20px;
}

#homenieuws .date, #homenieuws .mediabericht-meta, #homenieuws .uitgelicht-meta{
    font-size: 12px;
    font-style: italic;
    color: #aaa;
 }

#homenieuws .mediabericht-meta, #homenieuws .uitgelicht-meta {
    padding-left: 16px;
}

#homenieuws .title {
    font-size: 18px;
 }

#dpe_fp_widget-2 ul, #dpe_fp_widget-6 ul, #text-9 ul, #text-12 ul {
    color: #888888; 
}

#dpe_fp_widget-2 li, #dpe_fp_widget-6 li, #text-9 ul, #text-12 li {
    list-style: square inside; 
}

#homenieuws a, #meestbekeken a, #homeactueel3 a {
    border-bottom: none;
 }

#homerechts p {
    font-size: 12px;
    font-style: italic;
}

.home-foto {
    padding: 5px 0;
}

/*Finetuning tabellen Stations, Bushalten op pagina Dienstregeling*/
.dienstregeling.column-one {
    width: 33%;
}

.dienstregeling.column-two {
    width: 66%;
    margin-top: 0px;
}

.bushalten-2-koloms, .dienstregeling.column-two h2 {
    padding-left: 80px;
}

.dienstregeling td, .dienstregeling table {
    border-width: 0px;
}

/*Tabellen dienstregeling */

table.dienstreg {
    font-size: 11px;
    line-height: 1em;
    border-collapse: separate;
    width: auto;
    color: #222;
}

table.dienstbruin {
    border: 1px solid #EBE0C0;
}

table.dienstblauw {
    border: 1px solid #CCEEFF;
}

.dienstreg th {
    text-align: left;
    font-weight: normal;
    text-transform: none;
    max-width: 90px;
    padding: 6px 2px;
    background: #eee;
}

.dienstreg tr > th:nth-child(even) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.dienstreg td {
    border-top:1px solid #fff;
    text-align: center;
    padding: 2px;
}

.dienstbruin tr > td:nth-child(even) {
    background: #EBE0C0;
}

.dienstblauw tr > td:nth-child(even) {
    background: #CCEEFF;
}

tr.opmerking {
    font-style: italic;
    background: #ddd;
}

.opmerking td {
    text-align: center;
}

/* Voor de horizontale tabellen */
.dienstreg-table-container {
    overflow: auto;
}

table.dienstreg-hor {
    margin-top: 12px;
    font-size: 11px !important;
    border-bottom: solid 2px #ccc;
    border-top: solid 2px #ccc;
    table-layout:fixed;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* laatste 2 kolommen onzichtbaar; alleen zichtbaar bij mobiel */
table.dienstbus th:nth-last-child(-n+1),
table.diensttrein th:nth-last-child(-n+1),
table.diensttrein td:nth-last-child(-n+2) {
    display: none;
    border-left: 2px solid #ccc;
}

.dienstblauw-hor tr:nth-child(even) {
    background-color: #CCEEFF;
}

.dienstbruin-hor tr:nth-child(even) {
    background-color: #EBE0C0; 
}

.dienstreg-hor th {
    text-align: left;
    font-weight: normal;
    text-transform: none;
    padding: 0px 1px 0px 2px;
}

.diensttrein th {
    width: 90px;
}

.dienstbus th {
    width: 114px;
}

.dienstreg-hor td {
    border-left: 2px solid #ccc;
    text-align: right;
    padding: 0px 3px 0px 0px;
}

.dienstbus td {
    width: 34px;
}

.diensttrein td {
    width: 28px;
}

/* de volgend 4 stijlen zijn bedoeld voor de laatste 2 kolommen die verschijnen bij mobiel */
table.diensttrein td:nth-child(-n+2) {
    width: 9px;
    border-left-width: 0px; 
}

table.diensttrein td:nth-last-child(-n+2) {
    width: 9px;
    border-right-width: 0px;
    padding-left: 2px;   
}

table.diensttrein th:nth-last-child(-n+1) {
    border-left-width: 0px; 
}

table.dienstbus tr:nth-last-child(-n+1) th.opmerking-onderaan:nth-last-child(-n+1) {
    border-left-width: 0px; 
}

td.opmerking-onderaan, th.opmerking-onderaan {
    border-left-width: 0px;
    text-align: left;
    padding: 4px 10px;
    background-color: #eee;
    border-top: solid 2px #ccc;
    color:#555;
}

td.opmerking {
    text-align: center;
    background-color: #555;
    color: #fff;
}

.opmerking-inline {
    width: 34px;
    text-align: center;
    background-color: #555;
    color: #fff;
    display: inline-block;
}

/* Voor als er verkeerd wordt afgebroken */
span.nobreak {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
}

/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

/* Category page (= is een WP-archive) */
.archive-header {
    background: none;
}

body.archive header {
    margin-bottom: 0;
}

body.archive h1.entry-title {
    font-size: 14px;
    padding: 18px 12px;
    margin-bottom: 0px;
    border-bottom: solid 1px #ccc;
}

body.archive h1.entry-title a {
    color:#696969;
}

body.archive h1.entry-title:hover {
    background-color: #ddd;
}

#my-archive-list a:hover {
    text-decoration: none;

}

#my-archive-list a {
    color: #fff; /* toegevoegd om text cursor wanneer die onverwacht opduikt onopvallend te krijgen */
}

body.archive .my-archive-date {
    font-size: 12px;
    font-style: italic;
    color: #bbb;
}

#my-archive-list {
    max-width: 604px;
    margin: 0 auto 30px;
    background-image: url("../../uploads/2013/12/archive_bg.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); 
    background-image:    -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
    background-image:     -ms-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
    background-image:      -o-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);
    background-size: 100% 100%;
}

.archive-title, .archive-meta {
    max-width: 604px;
    font-style: normal;
}

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

 body.search-results .hentry {
    padding: 0;
 }

body.search-results h1.entry-title {
    font-size: 20px;

}

body.search-results h1.entry-title a {
    color: #4E95A8;
}

body.search-results .entry-header {
    margin-bottom: 5px;
}

body.search-results .entry-summary {
    font-size: 13px;
}

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

#secondary {
    background-color: #fff;
    padding: 20px 0;
    border-top:1px solid #ddd;
}

#secondary .widget-title, #secondary .textwidget {
    color:#000;
}

#nav_menu-2 {
    display: none;
}

#text-3 {
    float: left;
    padding-right: 0;
}

#op-een-lijn {
    margin-top: 0px;
    width: 200px;
    height: 19px;
    background: url("../../uploads/2013/12/footer-image-valleilijn.svg");
    background: url("../../uploads/2013/12/footer-image-valleilijn.jpg")\9;
    background-repeat: no-repeat;
}

#text-4 {
    float:right;
    padding-right: 0;
}

#footer-provincie {
    margin-top: 2px;
    width: 112px;
    height: 42px;
    background: url("../../uploads/2013/12/footer-image-provincie.svg");
    background: url("../../uploads/2013/12/footer-image-provincie.jpg")\9;
    background-repeat: no-repeat;
}

#text-3 p {
    font-size: 12px;
    color: rgb(120,120,120);
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

#tekst-op-een-lijn p {
    font-size: 14px;

    color: rgb(145,112,0);
    margin-top: -3px;
}

#klantenservice {
    padding-top: 5px;
}

#text-4 p{
    padding-top: 5px;
    font-size: 11px;
    color: rgb(160,160,160);
    word-wrap: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

#text-3 .widget-title, #text-4 .widget-title {
    display: none;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

 @media (max-width: 999px) {

    .nav-menu li a {
        padding-right: 13px;
        padding-left: 11px;
    }
 }

@media (max-width: 870px) {

    .entry-header.two-column-content,
    .entry-content.two-column-content
     {
        padding-left: 22px;
        padding-right: 22px;
    }

    .main-navigation {
        left: 2%;

    }

    .nav-menu li a {
        font-size: 12px;
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 18px;
    }
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
    .site-header {
       background-size: auto auto !important; 
       background-position: 45% 0 !important;
    }

    .site-header .search-form {
        right: 20px;
    }

    #meestbekeken, #homerechts {
    width: 34%;
    }

    .nav-menu li a {
        font-size: 12px;
        padding-right: 5px;
        padding-left: 6px;
        padding-bottom: 18px
    }

/*    table.dienstbus {
        font-size: 80%;
    }

    .dienstbus th {
    min-width: 76px;
    max-width: 76px;
    }*/

}

@media (max-width: 643px) {

    /* Small menu */

    .entry-content, .entry-content table {
        font-size: 12px;
    }

    th, .tabeldienstreg th {
        font-size: 80%;
        line-height: 1.2;
    }

    td {
        padding: 6px 3px 6px 0;
        font-size: 80%;
    }

    .wp-caption .wp-caption-text{
        font-size: 12px;
    }

    h1.entry-title, h1 {
        /* font-size:2em;  /*  32px / 16px rekent t.o.v. html */
        font-size: 24px;
        font-weight: 400;
    }

    .toggled-on ul.nav-menu ul li{
            border-top: 0px;
    }
.toggled-on ul.nav-menu ul a {
    background-color: rgb(255,255,255);
}

    .toggled-on .nav-menu li > ul a,
    .toggled-on .nav-menu li > a {
        background-image: url("../../uploads/2013/12/menu_bg.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9e9f1), color-stop(20px, #d7f3f7), color-stop(45px,#8fd2e3), color-stop(45px,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%); 
    background-image:    -moz-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%);
    background-image:    -ms-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%);
    background-image:      -o-linear-gradient(top, #c9e9f1, #d7f3f7 20px, #8fd2e3 45px, #fff 45px, #fff 100%);
        background-repeat: repeat-x; /* repeat is for the fallback image, which is 1px wide; and prevents y-repeat */
        color: #996600;
        width: auto;
        border: 2px solid #fff;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .toggled-on .nav-menu li:hover > a,
    .toggled-on .nav-menu .children a {
        background-image: none;
        background-color: #ddd;
        color: #996600;
    }

    .toggled-on .nav-menu li a:hover,
    .toggled-on .nav-menu ul a:hover {
        background-color: #ddd;
        color: #996600;
    }

        .site-header .search-form {
        right: 40px;
    }

    /* Haal door Twenty Thirteen gemaakte grijze randen weg in submenu items */
    .toggled-on .nav-menu .sub-menu {
        border-style: none;
    }

    /* Geef current menu item incl voorouder witte achtergrond (door weghalen background-image) en geef grijze rand links en onder */
    .toggled-on .nav-menu .current-menu-item > a,
    .toggled-on .nav-menu .current-menu-ancestor > a {
        background-image: none; 
        border-left: solid 2px #f7f5e7;
        border-bottom: solid 2px #f7f5e7;   
    }

    /* Engelse menuknoppen */

    .toggled-on #menu-item-182, .toggled-on #menu-item-183 {
        display: block;
    }

    .toggled-on #menu-item-182 a, .toggled-on #menu-item-183 a {
        background-image: url("../../uploads/2013/12/vlagUK.png"), url("../../uploads/2013/12/menu_bg.jpg");
        background-image: url("../../uploads/2013/12/vlagUK.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9e9f1), color-stop(45px,#8fd2e3), color-stop(45px,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background-image: url("../../uploads/2013/12/vlagUK.svg"), -webkit-linear-gradient(top, #c9e9f1, #8fd2e3 45px, #fff 45px, #fff 100%); 
        background-image: url("../../uploads/2013/12/vlagUK.svg"), -moz-linear-gradient(top, #c9e9f1 0%, #8fd2e3 45px, #fff 45px, #fff 100%);
        background-image: url("../../uploads/2013/12/vlagUK.svg"), -ms-linear-gradient(top, #c9e9f1, #8fd2e3 45px, #fff 45px, #fff 100%);
        background-image: url("../../uploads/2013/12/vlagUK.svg"), -o-linear-gradient(top, #c9e9f1, #8fd2e3 45px, #fff 45px, #fff 100%);
        background-repeat: no-repeat, repeat-x; /* repeat-x is for the fallback image, which is 1px wide; and prevents y-repeat */
        background-position: 125px 15px, 0 0;
        }

    .toggled-on #menu-item-182 a:hover, .toggled-on #menu-item-183 a:hover {
        background-image: url("../../uploads/2013/12/vlagUK.png");
        background-image: url("../../uploads/2013/12/vlagUK.svg");
        background-color: #ddd;
        color: #996600;
    }

    .toggled-on #menu-item-182.current-menu-item > a, .toggled-on #menu-item-183.current-menu-item > a {
        background-image: url("../../uploads/2013/12/vlagUK.png");
        background-image: url("../../uploads/2013/12/vlagUK.svg");
        background-color: #fff; 
    }

    /* Twee kolommen weer onder elkaar, soliloquy slideshow weg */

    .column-one, .column-two {
        width:100%;
        padding-right:12px;
        padding-left: 12px;
    }

    /*homepage aanpassingen */
    #homeactueelblok, #homerechts {
        width: 100%;
        padding: 0;
        border-right-style: none;
    }

    /* home3 tekst aanpassingen */

    #homenieuws {
        width: 100%;
        padding-right: 0;
    }

    #meestbekeken, #homerechts {
        width: 100%;
        padding-left: 0;
    }

    #homerechts {
        max-width: 520px;
        float: left;
        margin: 20px auto 5px;
        border: solid 1px #917000;
     }

     #homerechts .widget {
        border: 0px;
    }

     #home-foto-trein, #home-foto-bus {
        max-width: 223px;
        width: 48%;
        float: left;
     }

     #home-foto-bus {
        float: right;
    }

    #homerechts .widget {
        padding-top: 3px;
    }

    #homerechtsonder {
        width: 100%;
        float: left;
    }


    /*Twitter button minder marge onder */
    #text-6 {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    /* Aangepaste header voor < 643px */
    .site-header .home-link {
        min-height: 37px;
    }

    .site-header {
        background-image: url("../../uploads/2013/12/logo-valleilijn-small.svg") !important; /* !important omdat de image een inline style meekrijgt van Twenty Thirteen */
        background-image: url("../../uploads/2013/12/logo-valleilijn-small.jpg")\9 !important;
        background-position: -430px 0px !important;
    }

    .page {
        padding-bottom: 0;
    }

    footer.entry-meta {
        margin-top: 0;
    }

/* Menu rechts boven weg, want het verschijnt bij <643px in footer */
    #menu-topmenu-rechts, #menu-engels-menu {
        display: none;
    }

    /* Footer aanpassen omdat nu secondary menu moet verschijnen */

    #nav_menu-2 {
        display: block;
        margin-bottom: 0;
        padding-top: 5px;
        clear: both;
    }

    #nav_menu-2 li {
        font-size: 12px;
        color: rgb(185,185,185);
    }

    #nav_menu-2 li a {
        color: rgb(185,185,185);
    }

    #text-3 {
        clear: both;
        margin-bottom: 0;
        padding-top: 0; 
    }
    #text-4 {
        float:left;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    h3.menu-toggle {
        padding-right: 20px;
        border-left: solid 1px #94CAD9;
        border-right: solid 1px #94CAD9;
        color: #917000;
    }

    #my-archive-list {
        margin-left: 20px;
        margin-right: 20px;
    }

    body.archive #content .entry-header {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*Finetuning tabellen Stations, Bushalten op pagina Dienstregeling*/
    .dienstregeling.column-one, .dienstregeling.column-two {
        width: 100%;
    }

    .dienstregeling td {
        font-size: 100%;
    }

    .dienstregeling.column-two h2 {
        padding-left: 0px;
    }

    .dienstregeling.column-one td {
        padding-left: 80px;
    }

    .bushalten-linkerkolom {
        width: 40%;
    }

    /*Finetuning tabellen dienstregeling */    
    table.dienstbus {
        width: 630px;
    }

    table.dienstbus th:nth-last-child(-n+1) {
        display: table-cell;
    }

}

@media (max-width: 500px) {
    .bushalten-linkerkolom {
        width: 50%;
    }

    /*Finetuning tabellen dienstregeling */
    table.diensttrein th:nth-last-child(-n+1),
    table.diensttrein td:nth-last-child(-n+2) {
        display: table-cell;
    }   
}

/*LATER TOEGEVOEGD */

/*temp oplossing hide category link Uitgelicht, i.c.m. verwijderen komma via content.php */
.single-post .categories-links > a:nth-child(2) {
    display: none;
}

/* Sidebar nieuwscategorypage en sidebar mediacategorypage, bestemd voor de category pages Nieuws en In de media; sidebars linken naar berichten voorgaande jaren */
#nieuws-cat-page, #media-cat-page {
    max-width: 604px;
    margin: 0 auto;
}

#nieuws-cat-page .widget,
#media-cat-page .widget {
   background-color: #F4F4F4;
}

#nieuws-cat-page .widget:hover,
#media-cat-page .widget:hover {
   background-color: #DDD;
}

#nieuws-cat-page .widget a,
#media-cat-page .widget a {
   display: block;
   color: #606060;
}

 #nieuws-cat-page .widget a:hover,
 #media-cat-page .widget a:hover {
   text-decoration: none;
}

@media (max-width: 643px) {
    #nieuws-cat-page,
    #media-cat-page {
        margin-left: 20px;
        margin-right: 20px;
    }
}

/*Tijdelijk op homepage Lees meer link onzichtbaar maken omdat die bij bericht overbodig is
#homepage-content #post-2192 > a:nth-child(3) {
    display:none;
} */