@font-face { font-family: 'icomoon'; src: url("../resources/images/icons/icomoon.eot?-snzod2"); src: url("../resources/images/icons/icomoon.eot?#iefix-snzod2") format("embedded-opentype"), url("../resources/images/icons/icomoon.woff?-snzod2") format("woff"), url("../resources/images/icons/icomoon.ttf?-snzod2") format("truetype"), url("../resources/images/icons/icomoon.svg?-snzod2#icomoon") format("svg"); font-weight: normal; font-style: normal; }
.tzolkin-calendar { margin: 0 1em; font-size: 16px; }
.tzolkin-calendar, .tzolkin-calendar * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -webkit-touch-callout: none; }
.tzolkin-calendar [class^="icon-"], .tzolkin-calendar [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tzolkin-calendar .icon-clock:before { content: "\e600"; }
.tzolkin-calendar .icon-location:before { content: "\e601"; }
.tzolkin-calendar .icon-list:before { content: "\e602"; }
.tzolkin-calendar .icon-grid:before { content: "\e603"; }
.tzolkin-calendar .icon-expand:before { content: "\e604"; }
.tzolkin-calendar .icon-collapse:before { content: "\e605"; }
.tzolkin-calendar a { text-decoration: none; }
.tzolkin-calendar select, .tzolkin-calendar button, .tzolkin-calendar input { outline: none; }
.tzolkin-calendar .tzolkin-title { padding: 0 0 1em; text-align: center; }
.tzolkin-calendar .tzolkin-categories .container { width: auto; position: relative; }
.tzolkin-calendar .tzolkin-categories .container:before { content: ""; position: absolute; right: .5em; top: 50%; margin-top: -2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #BBB; pointer-events: none; }
.tzolkin-calendar .tzolkin-categories .container, .tzolkin-calendar .tzolkin-categories .clear { display: inline-block; vertical-align: middle; }
.tzolkin-calendar .tzolkin-categories select, .tzolkin-calendar .tzolkin-categories .clear { border: 1px solid #DDD; color: #555; font-size: .75em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tzolkin-calendar .tzolkin-categories select { height: auto; padding: .25em 1.75em .25em .5em; appearance: none; -webkit-appearance: none; display: block; float: left; overflow: hidden; background-color: #fff; }
.tzolkin-calendar .tzolkin-categories .clear { width: auto; height: auto; margin-left: .5em; padding: .25em .5em; background-color: transparent; cursor: pointer; }
.tzolkin-calendar .tzolkin-categories .clear:hover { background-color: #e74c3c; color: #fff; border-color: #fff; }
.tzolkin-calendar form { padding: 0; }
.tzolkin-calendar .format { margin-top: -1.55em; float: right; }
.tzolkin-calendar .format input[type="radio"] { display: none; }
.tzolkin-calendar .format label { color: #aaa; cursor: pointer; display: inline-block; position: relative; }
.tzolkin-calendar .format label i { margin: 0em .125em; display: inline-block; vertical-align: middle; border: 1px solid #DDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tzolkin-calendar .format label.expand-collapse i { display: none; padding: .19em; }
.tzolkin-calendar .format label.list i, .tzolkin-calendar .format label.grid i { font-size: 1.375em; }
.tzolkin-calendar .format label:hover i { color: #7f7f7f; border-color: #b2b2b2; }
.tzolkin-calendar .format label.active i { color: #555; border-color: #555; }
.tzolkin-calendar .month-navigation { margin-top: 1.2em; font-size: .875em; }
.tzolkin-calendar .month-navigation button { height: auto; margin: 0; padding: 0; -webkit-appearance: none; background-color: transparent; border: none; color: #0E325D; cursor: pointer; font-size: 1em; }
.tzolkin-calendar .month-navigation .next-month { float: right; }

@media (min-width: 500px) { .tzolkin-calendar .format label.expand-collapse.show i { display: inline-block; } }
.tzolkin-grid { width: 100%; margin-top: 1.7em; }
.tzolkin-grid .tzolkin-row { transition: height .15s ease-in-out; }
.tzolkin-grid .cell, .tzolkin-grid .cell:after, .tzolkin-grid .date-top { transition: background-color .15s ease-in-out; }
.tzolkin-grid .details, .tzolkin-grid .tzolkin-row:after { transition: opacity .15s ease-in-out, z-index .15s ease-in-out; }
.tzolkin-grid .tzolkin-row { display: table; width: 100%; table-layout: fixed; position: relative; cursor: pointer; overflow: hidden; }
.tzolkin-grid .tzolkin-row:last-child .cell { border-bottom: 1px solid #DDD; }
@media (max-width: 500px) { .tzolkin-grid .tzolkin-row:last-child { border-bottom: 1px solid #DDD; }
  .tzolkin-grid .tzolkin-row:last-child .cell { border-bottom: none; } }
.tzolkin-grid .tzolkin-row.days { height: 2em; font-size: .875em; }
.tzolkin-grid .tzolkin-row.days .cell, .tzolkin-grid .tzolkin-row.days:hover .cell { padding: .5em; background-color: transparent; }
.tzolkin-grid .tzolkin-row.days .cell { overflow: hidden; }
.tzolkin-grid .tzolkin-row.days .full-day { display: none; }
.tzolkin-grid .cell { width: 14.28571%; height: 100%; display: inline-block; display: table-cell; background-color: #EEE; border-top: 1px solid #DDD; border-right: 1px solid #DDD; text-align: center; vertical-align: top; font-size: .875em; }
.tzolkin-grid .cell.offset { background-color: #f9f9f9; }
.tzolkin-grid .cell.offset.offset-1 { width: 14.28571%; }
.tzolkin-grid .cell.offset.offset-2 { width: 28.57143%; }
.tzolkin-grid .cell.offset.offset-3 { width: 42.85714%; }
.tzolkin-grid .cell.offset.offset-4 { width: 57.14286%; }
.tzolkin-grid .cell.offset.offset-5 { width: 71.42857%; }
.tzolkin-grid .cell.offset.offset-6 { width: 85.71429%; }
.tzolkin-grid .cell.past .number { color: #777; }
.tzolkin-grid .cell.present .number { font-weight: bold; }
.tzolkin-grid .cell.open { position: static; }
.tzolkin-grid .cell.open:after { display: none; }
.tzolkin-grid .cell.open .details { opacity: 1; z-index: 2; }
.tzolkin-grid .cell.open .date-top { background-color: #EEE; }
.tzolkin-grid .cell.open .date-top:after { content: " "; }
.tzolkin-grid .cell:first-child, .tzolkin-grid .list.message + .cell { border-left: 1px solid #DDD; }
.tzolkin-grid .inner { background-color: #fff; }
.tzolkin-grid .date-top { height: 100%; padding: 1em 0; position: relative; white-space: normal; }
.tzolkin-grid .date-top:after { width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; background-color: #EEE; z-index: 3; }
.tzolkin-grid .day { display: none; }
.tzolkin-grid .number { display: inline-block; position: relative; font-size: 1.25em; }
.tzolkin-grid .circles { margin-top: .5em; padding: 0 1.25em; line-height: .5em; text-align: center; overflow: hidden; }
.tzolkin-grid .circles .circle { width: .5em; height: .5em; display: none; background-color: #9FC6E7; border-radius: 100%; }
.tzolkin-grid .circles .circle:first-child { display: inline-block; }
.tzolkin-grid .details { position: relative; opacity: 0; background-color: #EEE; border-top: 1px solid #DDD; text-align: left; white-space: normal; }
.tzolkin-grid .event { padding: .5em; border-bottom: 1px solid #DDD; }
.tzolkin-grid .meta { margin-right: 1em; }
.tzolkin-grid .meta .location { margin-left: .5em; }
.tzolkin-grid .meta i { margin-right: .25em; font-size: .75em; }
.tzolkin-grid .meta, .tzolkin-grid .text { display: inline; font-size: .875em; }
.tzolkin-grid .description { display: none; }
@media (min-width: 500px) { .tzolkin-grid .tzolkin-row { background-color: transparent; }
  .tzolkin-grid .tzolkin-row:hover:after, .tzolkin-grid .tzolkin-row.open:after { opacity: 1; }
  .tzolkin-grid .tzolkin-row:hover .cell, .tzolkin-grid .tzolkin-row.open .cell { background-color: #f9f9f9; }
  .tzolkin-grid .tzolkin-row:hover .cell.past:after, .tzolkin-grid .tzolkin-row.open .cell.past:after { background-color: rgba(255, 255, 255, 0); }
  .tzolkin-grid .tzolkin-row.open .cell:after { display: none; }
  .tzolkin-grid .tzolkin-row.open .details { opacity: 1; }
  .tzolkin-grid .tzolkin-row.days .full-day { display: inline; }
  .tzolkin-grid .cell, .tzolkin-grid .inner, .tzolkin-grid .details { background-color: transparent; }
  .tzolkin-grid .cell { position: relative; font-size: 1em; }
  .tzolkin-grid .cell.past:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: " "; display: block; background-color: rgba(255, 255, 255, 0.4); }
  .tzolkin-grid .details { width: 100%; height: auto; position: relative; left: 0; padding: .75em 0 1em; border-top: 1px dotted #DDD; opacity: 0; visibility: visible; background-color: transparent; }
  .tzolkin-grid .event { margin: 0; padding: 0; border: 0; }
  .tzolkin-grid .meta { display: none; }
  .tzolkin-grid .text { font-size: 1em; }
  .tzolkin-grid .titles { margin: 0 .5em; }
  .tzolkin-grid .titles .title { display: block; margin-bottom: .5em; padding-bottom: 1px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -ms-word-break: normal; word-break: normal; }
  .tzolkin-grid .title { font-size: .75em; }
  .tzolkin-grid .circles .circle { display: inline-block; margin: 0 .125em; }
  .tzolkin-grid .circles .circle.gray { background-color: #7F8C8D; }
  .tzolkin-grid .circles .circle.blue { background-color: #3498db; }
  .tzolkin-grid .circles .circle.red { background-color: #e74c3c; }
  .tzolkin-grid .circles .circle.green { background-color: #2ecc71; }
  .tzolkin-grid .circles .circle.yellow { background-color: #f1c40f; }
  .tzolkin-grid .circles .circle.orange { background-color: #e67e22; }
  .tzolkin-grid .circles .circle.purple { background-color: #9b59b6; }
  .tzolkin-grid .rectangles { width: 100%; margin-bottom: .5em; display: inline-block; }
  .tzolkin-grid .rectangles .rectangle { width: 100%; height: 1.25em; margin-top: 1px; display: block; position: relative; }
  .tzolkin-grid .rectangles .rectangle:before, .tzolkin-grid .rectangles .rectangle:after { height: 1.25em; content: " "; display: block; position: absolute; top: 0; }
  .tzolkin-grid .rectangles .rectangle:after { width: 1px; right: -1px; }
  .tzolkin-row .cell:first-child .rectangles .rectangle:before { width: 0; height: 0; border-style: solid; border-color: transparent; border-top-width: 0.625em; border-bottom-width: 0.625em; }
  .tzolkin-row .cell:last-child .rectangles .rectangle:after { width: 0; height: 0; border-style: solid; border-color: transparent; border-top-width: 0.625em; border-bottom-width: 0.625em; }
  .tzolkin-row .cell:last-child .rectangles .event:not(.last-day) .rectangle:after { background-color: transparent; right: 0; border-top-color: #f9f9f9; border-bottom-color: #f9f9f9; border-left-width: .35em; border-right-width: 0; }
  .tzolkin-row .cell:first-child .rectangles .event:not(.day-0) .rectangle:before { background-color: transparent; left: 0; border-top-color: #f9f9f9; border-bottom-color: #f9f9f9; border-right-width: .35em; border-left-width: 0; }
  .tzolkin-grid .rectangles .rectangle.gray { background-color: #d0d5d5; }
  .tzolkin-grid .rectangles .rectangle.gray:after { background-color: #d0d5d5; }
  .tzolkin-grid .rectangles .rectangle.blue { background-color: #b6daf2; }
  .tzolkin-grid .rectangles .rectangle.blue:after { background-color: #b6daf2; }
  .tzolkin-grid .rectangles .rectangle.red { background-color: #f8c9c4; }
  .tzolkin-grid .rectangles .rectangle.red:after { background-color: #f8c9c4; }
  .tzolkin-grid .rectangles .rectangle.green { background-color: #a8ebc4; }
  .tzolkin-grid .rectangles .rectangle.green:after { background-color: #a8ebc4; }
  .tzolkin-grid .rectangles .rectangle.yellow { background-color: #f9e8a0; }
  .tzolkin-grid .rectangles .rectangle.yellow:after { background-color: #f9e8a0; }
  .tzolkin-grid .rectangles .rectangle.orange { background-color: #f6ceab; }
  .tzolkin-grid .rectangles .rectangle.orange:after { background-color: #f6ceab; }
  .tzolkin-grid .rectangles .rectangle.purple { background-color: #dbc3e5; }
  .tzolkin-grid .rectangles .rectangle.purple:after { background-color: #dbc3e5; }
  .tzolkin-grid .rectangles .rectangle .title { display: none; position: relative; left: .75em; color: #1d1d1d; line-height: 1.75em; white-space: nowrap; z-index: 2; }
  .tzolkin-grid .rectangles .duration-1 .title { padding-right: .75em; overflow: hidden; text-overflow: ellipsis; }
  .tzolkin-grid .rectangles .duration-1 .title:before, .tzolkin-grid .rectangles .duration-1 .title:after { display: none; }
  .tzolkin-grid .rectangles .level-2:first-child { margin-top: 1.4em; }
  .tzolkin-grid .rectangles .level-1 + .level-3 { margin-top: 1.4em; }
  .tzolkin-grid .rectangles .level-3:first-child { margin-top: 2.7em; }
  .tzolkin-grid .rectangles .level-2 + .level-4 { margin-top: 2.7em; }
  .tzolkin-grid .rectangles .level-4:first-child { margin-top: 4em; }
  .tzolkin-grid .rectangles .level-3 + .level-5 { margin-top: 4em; }
  .tzolkin-grid .rectangles .level-5:first-child { margin-top: 5.3em; }
  .tzolkin-grid .rectangles .level-4 + .level-6 { margin-top: 5.3em; }
  .tzolkin-grid .rectangles .level-6:first-child { margin-top: 6.6em; }
  .tzolkin-grid .rectangles .level-5 + .level-7 { margin-top: 6.6em; }
  .tzolkin-grid .rectangles .level-7:first-child { margin-top: 7.9em; }
  .tzolkin-grid .rectangles .level-6 + .level-8 { margin-top: 7.9em; }
  .tzolkin-grid .rectangles .level-8:first-child { margin-top: 9.2em; }
  .tzolkin-grid .rectangles .level-7 + .level-9 { margin-top: 9.2em; }
  .tzolkin-grid .rectangles .level-9:first-child { margin-top: 10.5em; }
  .tzolkin-grid .rectangles .level-8 + .level-10 { margin-top: 10.5em; }
  .tzolkin-grid .rectangles .level-10:first-child { margin-top: 11.8em; }
  .tzolkin-grid .rectangles .level-9 + .level-11 { margin-top: 11.8em; }
  .tzolkin-grid .rectangles .level-11:first-child { margin-top: 13.1em; }
  .tzolkin-grid .rectangles .level-10 + .level-12 { margin-top: 13.1em; }
  .tzolkin-grid .rectangles .level-12:first-child { margin-top: 14.4em; }
  .tzolkin-grid .rectangles .level-11 + .level-13 { margin-top: 14.4em; }
  .tzolkin-grid .rectangles .level-13:first-child { margin-top: 15.7em; }
  .tzolkin-grid .rectangles .level-12 + .level-14 { margin-top: 15.7em; }
  .tzolkin-grid .rectangles .level-14:first-child { margin-top: 17em; }
  .tzolkin-grid .rectangles .level-13 + .level-15 { margin-top: 17em; }
  .tzolkin-grid .rectangles .level-15:first-child { margin-top: 18.3em; }
  .tzolkin-grid .rectangles .level-14 + .level-16 { margin-top: 18.3em; }
  .tzolkin-grid .rectangles .level-16:first-child { margin-top: 19.6em; }
  .tzolkin-grid .rectangles .level-15 + .level-17 { margin-top: 19.6em; }
  .tzolkin-grid .rectangles .level-17:first-child { margin-top: 20.9em; }
  .tzolkin-grid .rectangles .level-16 + .level-18 { margin-top: 20.9em; }
  .tzolkin-grid .rectangles .level-18:first-child { margin-top: 22.2em; }
  .tzolkin-grid .rectangles .level-17 + .level-19 { margin-top: 22.2em; }
  .tzolkin-grid .rectangles .level-19:first-child { margin-top: 23.5em; }
  .tzolkin-grid .rectangles .level-18 + .level-20 { margin-top: 23.5em; }
  .tzolkin-grid .rectangles .level-20:first-child { margin-top: 24.8em; }
  .tzolkin-grid .rectangles .level-19 + .level-21 { margin-top: 24.8em; }
  .tzolkin-grid .weekday-6 .day-0 .rectangle .title { max-width: 75%; text-overflow: ellipsis; overflow: hidden; }
  .tzolkin-grid .event.last-day .rectangle:after { display: none; }
  .tzolkin-grid .cell.weekday-0 .rectangle .title, .tzolkin-grid .event.day-0 .rectangle .title { display: block; } }
.tzolkin-grid .list.message { display: none; }

.tzolkin-list { padding-top: 1em; }
.tzolkin-list .days, .tzolkin-list .offset, .tzolkin-list .no-events { display: none; }
.tzolkin-list .cell { margin-top: 1.5em; padding-bottom: 1.5em; overflow: hidden; }
.tzolkin-list .date-top { height: auto !important; }
.tzolkin-list .list.message { margin-top: 1.5em; padding: 2em; display: block; background-color: #f9f9f9; border: 1px solid #ddd; text-align: center; }
.tzolkin-list .date { width: 2.675em; margin-right: 1em; float: left; font-size: 1.125em; font-weight: bold; text-align: center; }
.tzolkin-list .date .day { padding: .375em 0; background-color: #ccc; font-size: .675em; text-transform: uppercase; }
.tzolkin-list .date .number { padding: .5em 0 .375em; background-color: #e1e1e1; font-size: 1.125em; }
.tzolkin-list .details { width: auto; overflow: hidden; }
.tzolkin-list .event { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #CCC; }
.tzolkin-list .rectangles .event { opacity: .5; }
.tzolkin-list .rectangles .event.day-0 { opacity: 1; }
.tzolkin-list .text { width: 66%; display: inline-block; vertical-align: top; padding-left: 5%; }
.tzolkin-list .meta { width: 33%; display: inline-block; font-size: .875em; vertical-align: baseline; }
.tzolkin-list .meta span { display: block; margin-bottom: .4em; line-height: 1.1em; }
.tzolkin-list .meta span.location { margin-left: 0; }
.tzolkin-list .meta span i { margin-right: .375em; font-size: .75em; }
.tzolkin-list .title { font-weight: bold; }
.tzolkin-list .description { margin-top: .5em; font-size: .875em; font-style: italic; line-height: 1.4em; }