/*
Theme Name: VAN AS Kalenders
Author: Randy van Vugt, Webrr
Version: 1.0
*/

/* Fonts */
h1, h2 						{ font-family: 'Zetta Sans', 'Open Sans', sans-serif; font-weight: 300; }
th, td 						{ font-family: 'Zetta Sans', 'Open Sans', sans-serif; font-weight: 400; }
.webrr-calender-month-title { font-family: 'Zetta Sans', 'Open Sans', sans-serif; font-weight: 700; }

/* Utility Classes */
.hidden 							{ display: none; }
.clearfix:before, .clearfix:after 	{ content: ""; display: table; }
.clearfix:after 					{ clear: both; }

/* Wrapper */
body { margin: 2vw; }
.webrr-calendar { padding: 0px 0px; box-shadow: 1px 1px 8px rgba(0,0,0,0.64); border-radius: 2px; }

/* Calendar Header = .unit .whole */
.grid.webrr-calendar-header { margin: 0px auto; padding: 0px 0px 0px 0px;  }
.grid.webrr-calendar-header .unit { padding: 2vw; }
.grid.webrr-calendar-header .unit h1 { margin: 0px; padding: 2vw; text-align: right; border-bottom: 1vw solid; font-size: 5vw; }
.grid.webrr-calendar-header .unit .webrr-calendar-header-visual { width: 100%; height: auto; }
.grid.webrr-calendar-header .unit .webrr-calendar-header-logo { width: auto; max-height: 3vw; padding: 2vw 0px 0px 2vw; float: right; margin: -3vw 0px 0px 0px; z-index: 100; position: relative; }

/* Calendar Month = .unit .whole */
.grid.webrr-calendar-month { padding: 2vw 4vw; }
.grid.webrr-calendar-month table.webrr-calender-month-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.grid.webrr-calendar-month table.webrr-calender-month-table thead { }
.grid.webrr-calendar-month table.webrr-calender-month-table thead tr { }
.grid.webrr-calendar-month table.webrr-calender-month-table thead tr th { font-size: 3vw; width: 12,5%; font-size: 2.0vw; padding: 1vw; opacity: 0.6; text-align: right; }
.grid.webrr-calendar-month table.webrr-calender-month-table thead tr th.webrr-calender-month-title { font-size: 3.5vw; text-transform: uppercase; text-align: left; padding-left: 7.0%; opacity: 1; }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody { }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody tr { }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody tr td { font-size: 3vw; width: 12,5%; padding: 1vw; opacity: 1; text-align: right; }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody tr td span { padding: 0px 0.5vw; }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody tr td.party  { }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody tr td.today span { border: 0.4vw solid; }
.grid.webrr-calendar-month table.webrr-calender-month-table tbody tr td.lighter  { font-size: 2.0vw; opacity: 0.5; }
.grid.webrr-calendar-month:nth-child(odd) { }
.grid.webrr-calendar-month:nth-child(odd) table.webrr-calender-month-table thead tr th { }
.grid.webrr-calendar-month:nth-child(odd) table.webrr-calender-month-table tbody tr th.webrr-calender-month-title { }
.grid.webrr-calendar-month:nth-child(odd) table.webrr-calender-month-table tbody tr td { }
.grid.webrr-calendar-month:nth-child(odd) table.webrr-calender-month-table tbody tr td.party  { }

/* Meer */
.webrr-calendar-more {  }
.webrr-calendar-more h1 { margin: 10px 0px; font-size: 40px; text-align: center; }
.webrr-calendar-more h2 { font-size: 18px; text-align: center; }
.webrr-calendar-more h2 a { text-decoration: none; color: #000; }
.webrr-calendar-more h2 a:hover { text-decoration: underline; }
.webrr-calendar-more h3 { font-size: 12px; padding: 10px; margin: 0px; float: left; }
.webrr-calendar-more .one-quarter { padding: 10px; }
.webrr-calendar-more .unit iframe { width: 100%; height: 240px; border: 0px; }

.webrr-calendar-more p { font-size: 5vw; text-align: center; margin: 2vw 0; }
.webrr-calendar-more p.left { float: left; font-size: 5vw; text-align: left; margin: 2vw -7vw 0 0; }