/* 
Theme Name: swift-leiden
Theme URI: https://swift-leiden.nl/
Description: This is a child theme, based on the Responsive Theme by http://cyberchimps.com (fluid grid system, adapted to mobile devices, desktop or any other viewing environment.

Template: responsive
Version: 1.0.2
Author: Edwin van Leeuwen 
Author URI: https://brainstormit.nl
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, flexible-width, rtl-language-support
*/

/* =Import Styles
I.e. The swift-leiden theme inherits its settings from the Responsive theme. Customizations have been made in this style sheet, which overrides the settings in Responsive, when they are different.
-------------------------------------------------------------- */
@import url('../responsive/style.css');

/* =Activate Google Font
-------------------------------------------------------------- */
@import url(//fonts.googleapis.com/css?family=Droid+Sans|Droid+Serif);

/* =Template Landing Page
-------------------------------------------------------------- */
.page-template-landing-page-php .menu, 
.page-template-landing-page-php .top-menu,
.page-template-landing-page-php .tinynav,
.page-template-landing-page-php .footer-menu, 
.page-template-landing-page-php .sub-header-menu {
	display: none;
}

/* =Base
-------------------------------------------------------------- */
/* Background colour; main text font and colour */
body {
	background: #ffffff;
	color: #191919;
	font-family: 'Droid Serif', serif;
	font-size: 14px;
	line-height: 1.5em;
}

/* =Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: 700; /* Bold */
	line-height: 1.0em;
	word-wrap: break-word;
	color: #246eb7;
	font-family: 'Droid Sans', sans-serif;
}

h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 2em; /* = 2 x 14 = 28px */
}

h2 {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-size: 1.875em; /* =  */
}

h3 {
	margin-top: 0.857em;
	margin-bottom: 0.857em;
	font-size: 1.500em; /* = 30px */
}

h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.125em; /* = 15px */
}

h5 {
	margin-top: 1.125em;
	margin-bottom: 1.125em;
	font-size: 1em; /* = 14px */
}

h6 {
	margin-top: 1.285em;
	margin-bottom: 1.285em;
	font-size: 1em; /* = 14px */
}

/* =Globals
-------------------------------------------------------------- */
/* Background colour for Logo, Menu, Main text area's, and footer */
#container {
	background: #ffffff;
}
#header {
	background-color: transparent;
	color: #ffffff;
	background-image: url(//swift-leiden.nl/wp-content/uploads/swift-banner-temp-2.jpg);
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 1px;
}
.site-name {
	display: block;
	padding-top: 30px;
	padding-left: 20px;
	font-size: 3em;
	line-height: 1.5em;
}

.site-name a {
	color: #ffffff;
	font-weight: 700;
}

.site-description {
	display: block;
	margin: 20px 0;
	padding-left: 20px;
	color: #ffffff;
	font-size: 1.1em;
}
#wrapper {
	margin: 0px auto 20px auto;
	padding: 0 20px 20px 20px;
}
#footer {
	font-family: 'Droid Sans', sans-serif;
	max-width: 960px;
	font-size: 12px;
	color: #bdbdbd;
	border-radius: 2px;
	background-color:#ffffff;
}

#footer a {
	color: #bdbdbd;
}

#footer a:hover,
a:focus,
a:active {
	color: #AAF0D1;
}
#wrapper {
	border: none;
    margin: 0px;
	padding: 0;
	/* display: inline; breaks mouse? */
}

.front-page #wrapper {
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: none;
	background-color: transparent;
}

.front-page #container {
	padding: 0;
	margin: 0px 0px 0px 0px;
}
#content {
	margin-top: 10px;
	margin-bottom: 15px;
}

/* =Images (Border)
--------------------------------------------------------------- */
img {
	border: none;
	border-radius: 4px;
}

/* =Links
--------------------------------------------------------------- */
a {
	color: #246eb7;
	font-weight: 600;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	outline: 0;
	color: #246eb7;
	text-decoration: underline;
}

/* This kills my menu ::selection {
	color: #fff;
	background: #999;
	text-shadow: none;
} */

/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
	clear: both;
	border-top: 2px solid #ffffff;
	margin: 0px auto;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Droid Sans', sans-serif;
	background-color: #246eb7;
	background-image: none;
	text-shadow: none;
	border-radius: 4px;
}
.main-nav {
	clear:both;
}
.menu,
.menu ul {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu li {
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 0;
	border: 0;
}
.menu li:hover {
	z-index: 10000;
	white-space: normal;
}
.menu li li {
	float: none;
}
.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}
.menu li:hover > ul {
	visibility: visible;
	top: 100%;
}
.menu li li:hover > ul {
	top: 0;
	left: 100%;
}
.menu:after,
.menu ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	height: 0;
	content: ".";
}
.menu,
.menu ul {
	min-height: 0;
}
.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}
.menu ul li a:hover,
.menu li li a:hover {
	color: #ffffff;
	text-decoration: none;
}
.menu ul {
	width: auto;
	min-width: 15em;
	margin-top: 1px;
}
.menu a { /* Main menu items, normal state */
	display: block;
	position:relative;
	height: 40px;
	margin: 0;
	padding: 0 0.4em;
	border-left: 1px solid #ffffff; /* Tiny white 'separator' between main menu items */
	/* color: #ffffff; */
	line-height: 40px;
	font-weight: 400;
	text-decoration: none;
	text-shadow: none;
}
.menu a:hover { /* Main menu behavior, mouse over */
	background-color:#ffffff;
	background-image: none;
	color:#246eb7;
}
ul.menu > li:hover { /* Same as above */
	color: #ffffff;
	background-color: #246eb7;
}
.menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color: #246eb7; /* Background color in menu for current page */
	color: #ffffff; /* Font color in menu for current page */
}
.menu li li { /* Submenu items - all */
	background: #246eb7; /* Background color for all available submenu items */
	background-image: none;
	border: 1px solid #fffff;
	color: #fffff; /* Text color for 'parent' main menu item */
	filter: none;
    margin: -1px 0 1px 0;
	width: auto;
}
.menu .current_page_item li li {
	color: #ffffff;
}
.menu li li a { /* Submenu items - all */
	background: transparent !important;
	height: auto;
	height: 20px;
	padding: 5px 10px;
	border: 1px solid #ffffff;
	color: #ffffff; /* Text color for all available submenu items */
	text-shadow: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	white-space: nowrap;
}
.menu li li a:hover { /* Submenu items - mouse over */
	border: none;
	color: #246eb7; /* Text color for submenu item under mouse */
	background: #ffffff !important; /* Background color for submenu item under mouse */
	background-image: none;
	filter: none;
}
.menu li li:hover {
	background: #ffffff !important; /* Same as background color for submenu item under mouse */
	filter: none;
}
.menu ul > li + li {
	border-top: 0;
}
.menu li li:hover > ul {
	top: 0;
	left: 100%;
}
.menu > li:first-child > a {
	border-left: none;
}
.menu .current_page_item li li { /* Current page: Submenu items */
	color: #ffffff;
}
.home-icon a { /* Menu HOME icon, normal state */
	background: url("//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-home-icon-white.png") no-repeat scroll left center;
	background-color:transparent;
	width: 22px;
	height: 22px;
	padding: 6px 2px;
	margin: 4px;
	text-indent: -9999px;
}
.home-icon a:hover { /* Menu HOME icon, mouse over  */
	background: url("//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-home-icon-active.png") no-repeat scroll left center;
	background-color: transparent;
	width: 22px;
	height: 22px;
	padding: 6px 2px;
	margin: 4px;
	text-indent: -9999px;
}
.home-icon.current_page_item a { /* Menu HOME icon, active */
	background: url("//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-home-icon-active.png") no-repeat scroll left center;
	background-color: transparent;
	width: 22px;
	height: 22px;
	padding: 6px 2px;
	margin: 4px;
	text-indent: -9999px;
}

.main-nav #responsive_current_menu_item {
	display: none;
}
.menu a#responsive_menu_button {
	display: none;
}
.main-nav #responsive_current_menu_item {
	display: none;
}

/* =Tables
-------------------------------------------------------------- */
th,
td,
table {
	text-align: left;
	border: none;
}

table {
	width: 100%;
	border-collapse: collapse;
}
th, td {
	padding: 0;
}

/* =Lists
-------------------------------------------------------------- */
ul {
	margin-left: 10px;
	/*padding: 0;*/
	list-style-type: disc;
}

ol {
	margin: 0;
	padding: 0;
	line-height: 22px;
	list-style-position: outside;
	list-style-type: decimal;
}
/* Colophon widgets
-------------------------------------------------------------- */
#text-6 {/* Sponsor logo's */
	background-color:#ffffff;
}
#text-6 .footer-credit {/* Footer credit to the right */
	float: right;
	padding-top: 20px;
}
#text-60  {/* Sponsor 'invitation' */
	background-color:#ffffff;
	padding: 0;
	margin: 0;
	/* float: right; */
}

/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
	background-color: #6689cc;
	/* background-color: rgba(0, 51, 153, .8); */
	background-image: none;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #ffffff;
}
#widgets {
	margin-top: 40px;
}
#widgets a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #ffffff;
}
#widgets img  {
	margin-right: 6px;
}
#widgets form {
	margin: 0;
}

#widgets ul,
#widgets ol {
	padding: 0 0 0 0;
}

#widgets ul li a {
	display: inline;
	text-decoration: none;
	color: #ffffff;
}

#widgets .widget-title img {
	float: right;
	position: relative;
	top: 4px;
	width: 11px;
	height: 11px;
}

#widgets .textwidget {
	display: block;
	margin: 0;
	line-height: 1.5em;
	word-wrap: break-word;
}

#widgets .textwidget a {
	display: inline;
	color: #ffffff;
}

#widgets ul .children {
	padding: 0 0 0 10px;
}

#widgets .author {
	padding-top: 4px;
	font-weight: 700;
}

.widget_archive select,
#cat {
	display: block;
	margin: 0 15px 0 0;
}

#widgets .colophon-widget {
	min-height: 0;
	background-color: #ffffff;
	color: #ffffff;
}

.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
	width: 100%;
}

.top-widget {
	float: right;
	clear: right;
	width: 45%;
	min-height: 0;
	padding: 0 3px 0 0;
	border: none;
	background: none;
	text-align: right;
}

.top-widget ul {
	padding: 0;
}

.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"],
.top-widget input[type="email"] {
	width: auto;
}

.top-widget #searchform {
	margin: 0;
}

.home #widgets {
	margin-top: 20px;
}
#widgets ul li a img {
	color: #17170f;
	opacity:1 !important;
}
#widgets a:hover, a:focus, a:active {
	color: #0066cc;
    outline: 0;
	text-decoration: none;
}
/* Widget titles */
#widgets .widget-title {
	display: none; /* Hide titles for widget management purposes */
}
/* Agenda links + agenda widgets */
#text-9, /* Home agenda link */
#text-8 { /* All other agenda links */
	margin-bottom: 0;
	padding-bottom: 0;
}
#eo_events_agenda_widget-3, /* Home agenda widget */
#eo_events_agenda_widget-2 { /* All other agenda widgets */
	margin-top: -5px; /* A little overlap, so that agenda link + widget fit together tightly */
	padding-top: 0;
}
#text-46 { /* Widget 'Commissies' */
	padding-top: 0; /* Remove space at the top */
}
/* =Search bar widget */
#searchform {
	background: url("//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-search.png") top left no-repeat; /* Magnifying glass icon */
	padding-left: 40px; /* Move the search field to the right */
}

/* =Titles
-------------------------------------------------------------- */
.widget-title h3,
.widget-title-home h3 {
	display: block;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 23px;
	text-align: left;
	color: #ffffff;
}

/* =Pages
-------------------------------------------------------------- */
#wrapper {
	background-color: transparent;
}

/* =Post
-------------------------------------------------------------- */
/*.post-meta {
	display: none;
} */

.post-meta {
	clear: both;
	margin-bottom: 10px;
	color: #9f9f9f;
	font-size: 12px;
}
.single .post-title {
	font-size: 1.875em;  /* =H2-size */
	margin-bottom: 1.125em;
    /* margin-top: 1.875em; */
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
	display: none;
}

/* =Output of post list and thumbnails, used with plugin List Category Posts
-------------------------------------------------------------- */
ul.lcp_catlist {
	margin: 0 0 0 0;
	padding-left: 0;
}
ul.lcp_catlist li {
	list-style-type: none;
	margin: 0 0 1.5em 0;
}
.lcp_catlist h3 {
	clear: both;
}
.lcp_thumbs {
	float: left;
	/* margin: 0px 10px 10px 0px; */
	/* position: relative;*/
	border-radius: 4px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding: 0 10px 10px 0;
}
.lcp_thumbs img {
  float: left;
  /* margin: 0px 10px 10px 0px;*/
  /* left: 0%;*/
  /* float: left; */
  /* top: 50%; */
  border-radius: 4px;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.lcp_thumbs img.portrait {
  width: 100%;
  height: auto;
}
img.wp-post-image {
	margin: 0;
}
/*.lcp_thumbs img {
	float:left;
	margin:5px 10px 5px 0;
}*/
p.lcp_more  {
	color: #669900;
}
ul.lcp_catfront { /* The table on the Home page */
	margin: 2px;
	padding: 0px 0px 0px 8px;
}
ul.lcp_catfront li {
	list-style-type: none;
	margin: 0 0 0 -5px;
}
/* =Outpunt of events, used with plugin Event Organizer 
-------------------------------------------------------------- */
.eo-agenda-widget ul.dates {
	padding: 0;
	border-bottom: none;
	font-weight: 500;
	list-style-type: none;
}
.eo-agenda-widget li.date {
	border: none;
	padding: 5px 0;
}
.eo-agenda-widget li.event {
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: transparent !important;
}
/*.eo-agenda-widget ul  {
	padding-left: 0;
	list-style: none; */
	/* list-style-type: none; */
}
.eo-agenda-widget ul  li {
	list-style: outside; /* none; */
	}
/* =Customising forms, used with plugin Contact Form 7
-------------------------------------------------------------- */
span.wpcf7-list-item  {
	display: block;
}
/* =Customising pages, colour scheme
-------------------------------------------------------------- */
/* In order for the colour scheme and custom images to work, appropriate category needs to be selected in content! */

/* HORS CATEGORIE = Home, Vereniging, Contact = standard lay-out */

/* HOME PAGE */
/*.front-page #wrapper {
	margin: 80px auto 20px auto;*/
.page-id-6 img.wp-post-image {
	margin: 10px auto;
}
/* TOERFIETSEN */
.toerfietsen #header {
	background-image: url(//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-header-toer.jpg); /* Page-specific image in header */
}
.toerfietsen .menu {
	background-color: #669900; /* Color for menu bar */
}
.toerfietsen .menu a:hover {
	color:#669900; /* Main menu behavior, mouse over */
}

.toerfietsen ul.menu > li:hover { /* Same as above */
	color: #ffffff;
	background-color: #669900;
}
.toerfietsen .menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color: #669900; /* Background color in menu for current page */
}
.toerfietsen .menu li li { /* Submenu items - all */
	background: #669900; /* Background color for all available submenu items */
}
.toerfietsen .post-title {
	color: #669900; /* Font color for post title */
}
.toerfietsen .post-meta {
	color: #669900; /* Font color for post title */
}
.toerfietsen  #content h1,
.toerfietsen  #content h2,
.toerfietsen  #content h3,
.toerfietsen  #content h4,
.toerfietsen  #content h5,
.toerfietsen  #content h6 {
	color: #669900; /* Font color for headings */
	/* Somehow only works with separate declarations */
}
.toerfietsen  #content a {
	color: #669900; /* Font color for post links */
}
.toerfietsen #content a:hover,
.toerfietsen #content a:focus,
.toerfietsen #content a:active {
	color: #669900; /* Font color for mouse-over links */
}
.toerfietsen .widget-wrapper {
	background-color: #80b31a; /* Page-specific background color for sidebar widgets */
	color:#ffffff;
	}
body.page-id-64 .post-title { /* Hide page title for page Joop Zoetemelk Classic */
   display: none;
}
/* WEDSTRIJDEN */
.wedstrijden #header {
	background-image: url(//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-header-ren-2.jpg); /* Page-specific image in header */
}
.wedstrijden .menu {
	background-color:#80001a; /* Color for menu bar */
}
.wedstrijden .menu a:hover {
	color:#80001a; /* Main menu behavior, mouse over */
}

.wedstrijden ul.menu > li:hover { /* Same as above */
	color:#ffffff;
	background-color:#80001a;
}
.wedstrijden .menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color:#80001a; /* Background color in menu for current page */
}
.wedstrijden .menu li li { /* Submenu items - all */
	background:#80001a; /* Background color for all available submenu items */
}
.wedstrijden .post-title {
	color: #80001a; /* Font color for post title */
}
.wedstrijden #content h1,
.wedstrijden #content h2,
.wedstrijden #content h3,
.wedstrijden #content h4,
.wedstrijden #content h5,
.wedstrijden #content h6 {
	color: #80001a; /* Font color for headings */
}
.wedstrijden  #content a {
	color: #80001a; /* Font color for post links */
}
.wedstrijden #content a:hover,
.wedstrijden #content a:focus,
.wedstrijden #content a:active {
	outline: 0;
	color: #80001a; /* Font color for mouse-over links */
	text-decoration: underline;
}
.wedstrijden .widget-wrapper {
	background-color: #990033; /* Page-specific background color for sidebar widgets */
	color: #ffffff;
}
#mylaps table.mylaps caption {
background: none;
}
#mylaps caption {
background-color: #80001a;
}
/* JEUGD */
.jeugdwielrennen #header {
	background-image: url(//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-header-jeugd.jpg); /* Page-specific image in header */
}
.jeugdwielrennen .menu {
	background-color:#cc5100; /* Color for menu bar */
}
.jeugdwielrennen .menu a:hover {
	color:#cc5100; /* Main menu behavior, mouse over */
}

.jeugdwielrennen ul.menu > li:hover { /* Same as above */
	color:#ffffff;
	background-color:#cc5100;
}
.jeugdwielrennen .menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color:#cc5100; /* Background color in menu for current page */
}
.jeugdwielrennen .menu li li { /* Submenu items - all */
	background:#cc5100; /* Background color for all available submenu items */
}
.jeugdwielrennen .post-title {
	color:#cc5100; /* Font color for post title */
}
.jeugdwielrennen #content h1,
.jeugdwielrennen #content h2,
.jeugdwielrennen #content h3,
.jeugdwielrennen #content h4,
.jeugdwielrennen #content h5,
.jeugdwielrennen #content h6 {
	color: #cc5100; /* Font color for headings */
}
.jeugdwielrennen  #content a {
	color: #cc5100; /* Font color for post links */
}
.jeugdwielrennen #content a:hover,
.jeugdwielrennen #content a:focus,
.jeugdwielrennen #content a:active {
	color: #cc5100; /* Font color for mouse-over links */
}
.jeugdwielrennen .widget-wrapper {
	background-color: #e66b1a;
	color: #ffffff; /* Page-specific background color for sidebar widgets */
}
/* NIEUWELINGEN/JUNIOREN */
.nieuwelingen-junioren #header {
	background-image: url(//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-header-nieuwelingen.jpg); /* Page-specific image in header */
}
.nieuwelingen-junioren .menu {
	background-color:#7b327b; /* Color for menu bar */
}
.nieuwelingen-junioren .menu a:hover {
	color:#7b327b; /* Main menu behavior, mouse over */
}
.nieuwelingen-junioren ul.menu > li:hover { /* Same as above */
	color:#ffffff;
	background-color:#7b327b;
}
.nieuwelingen-junioren .menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color:#7b327b; /* Background color in menu for current page */
}
.nieuwelingen-junioren .menu li li { /* Submenu items - all */
	background:#7b327b; /* Background color for all available submenu items */
}
.nieuwelingen-junioren .post-title {
	color: #7b327b; /* Font color for post title */
}
.nieuwelingen-junioren #content h1,
.nieuwelingen-junioren #content h2,
.nieuwelingen-junioren #content h3,
.nieuwelingen-junioren #content h4,
.nieuwelingen-junioren #content h5,
.nieuwelingen-junioren #content h6 {
	color: #7b327b; /* Font color for headings */
}
.nieuwelingen-junioren  #content a {
	color: #7b327b; /* Font color for post links */
}
.nieuwelingen-junioren #content a:hover,
.nieuwelingen-junioren #content a:focus,
.nieuwelingen-junioren #content a:active {
	outline: 0;
	color: #7b327b; /* Font color for mouse-over links */
	text-decoration: underline;
}
.nieuwelingen-junioren .widget-wrapper {
	background-color: #8c4c8c;
	color: #ffffff; /* Page-specific background color for sidebar widgets */
}
/* AANGEPAST WIELRENNEN */
.aangepast-wielrennen #header {
	background-image: url(//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-header-aangepast.jpg); /* Page-specific image in header */
}
.aangepast-wielrennen .menu {
	background-color:#008099; /* Color for menu bar */
}
.aangepast-wielrennen .menu a:hover {
	color:#008099; /* Main menu behavior, mouse over */
}
.aangepast-wielrennen ul.menu > li:hover { /* Same as above */
	color:#ffffff;
	background-color:#008099;
}
.aangepast-wielrennen .menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color:#008099; /* Background color in menu for current page */
}
.aangepast-wielrennen .menu li li { /* Submenu items - all */
	background:#008099; /* Background color for all available submenu items */
}
.aangepast-wielrennen .post-title {
	color: #008099; /* Font color for post title */
}
.aangepast-wielrennen  #content h1,
.aangepast-wielrennen  #content h2,
.aangepast-wielrennen  #content h3,
.aangepast-wielrennen  #content h4,
.aangepast-wielrennen  #content h5,
.aangepast-wielrennen  #content h6 {
	color: #008099; /* Font color for headings */
}
.aangepast-wielrennen  #content a {
	color: #008099; /* Font color for post links */
}
.aangepast-wielrennen #content a:hover,
.aangepast-wielrennen #content a:focus,
.aangepast-wielrennen #content a:active {
	color: #008099; /* Font color for mouse-over links */
}
.aangepast-wielrennen .widget-wrapper {
	background-color: #4ca6b7; /* Page-specific background color for sidebar widgets */
	color: #ffffff;
}
/* CYCLOCROSS */
.cyclocross #header {
	background-image: url(//swift-leiden.nl/wp-content/themes/swift-leiden/images/swift-header-cross-02.jpg); /* Page-specific image in header */
}
.cyclocross .menu {
	background-color:#593e1a; /* Color for menu bar */
}
.cyclocross .menu a:hover {
	color:#593e1a; /* Main menu behavior, mouse over */
}
.cyclocross ul.menu > li:hover { /* Same as above */
	color:#ffffff;
	background-color:#593e1a;
}
.cyclocross .menu .current_page_item a { /* Currently 'active' page */
/* .menu .current-menu-item a { */
	background-color:#593e1a; /* Background color in menu for current page */
}
.cyclocross .menu li li { /* Submenu items - all */
	background: #593e1a; /* Background color for all available submenu items */
}
.cyclocross .post-title {
	color: #593e1a; /* Font color for post title */
}
.cyclocross #content h1,
.cyclocross #content h2,
.cyclocross #content h3,
.cyclocross #content h3,
.cyclocross #content h4,
.cyclocross #content h5,
.cyclocross #content h6 {
color: #593e1a; /* Font color for headings */
}
.cyclocross  #content a {
	color: #593e1a; /* Font color for post links */
}
.cyclocross #content a:hover,
.cyclocross #content a:focus,
.cyclocross #content a:active {
	color: #593e1a; /* Font color for mouse-over links */
}
.cyclocross .widget-wrapper {
	background-color: #805926; /* Page-specific background color for sidebar widgets */
	color: #ffffff;
}
/* Widget with link to 'Handleiding' (only visible to registered users, thanks to plugin Dynamic Widgets) */
#text-49 {/* Top right in Header */
	background-color:#FF69B4;
}
#text-15 a {
	color: #ffffff; /* Font color for link */
}
/* Styling the table on the Home page */
.table-home  {
	width: 100%; 
	table-layout: fixed; /* Even columns */
	border-collapse: separate;
	border-spacing: 10px; /* White space inbetween cells/rows */
	margin: 0 -20px 0 -10px; /* Remove outer border-spacing */
}
.table-home h4 {
	color: #ffffff;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 4px;
}
.table-home p {
	margin: 0;
}
.table-home a {
	color: #ffffff;
	/* font-weight: 500; */
}
.table-home td,
.table-home th { 
  padding: 5px;
  text-align: left;
  border-radius: 4px;
}
.table-home img {
	margin-top: 5px;
}
.table-home .lcp_thumbs {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.table-home .table-algemeen {
	background-color: #246eb7;
}
.table-home .table-toerfietsen {
	background-color: #669900;
}
.table-home .table-wedstrijden {
	background-color: #80001a;
}
.table-home .table-ladies {
	background-color: #b2497d;
}
.table-home .table-jeugdwielrennen {
	background-color: #cc5100;
	}
.table-home .table-nieuwelingen {
	background-color: #7b327b;
}
.table-home .table-aangepast {
	background-color: #008099;
}

/* Styling the table on the Contact page */
.table-contact {
	width: 100%;
	border-collapse: collapse;
}
.table-contact td {
	vertical-align: top;
	padding: 8px;
}
.table-contact img {
	vertical-align: top;
}
.table-contact h3 {
	margin-top: 0;
}
	/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border: 1px solid #ccc; }
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.hometable .emptycell  {
	display: none;
	}
	.hometable .bluebackground {
	display: none;
	}