/* 
* Project: Draft Kings at Wrigley Field
* Version: 1.0
* Client: Levy Restaurants
*
* Custom Events Calendar 
*
*/
.calendartext {
  margin: 10px 20px;
  padding-bottom: 20px;
  text-align: left; }
  .calendartext p {
    font-family: 'Lato', sans-serif;
    color: #474648;
    font-weight: 400;
    font-style: normal; }
  .calendartext strong {
    font-family: 'Lato', sans-serif;
    font-weight: 700; }
  .calendartext a {
    color: #ff6c00;
    text-decoration: underline;
    transition-property: color .5s linear 0s;
    -moz-transition: color .5s linear 0s;
    -webkit-transition: color .5s linear 0s;
    -o-transition: color .5s linear 0s;
    text-decoration: underline; }
  .calendartext a:hover {
    color: #ffd100;
    text-decoration: underline; }
  .calendartext a:visited {
    color: #ffd100;
    text-decoration: underline; }
  .calendartext h1, .calendartext h2, .calendartext h3, .calendartext h4, .calendartext h5, .calendartext h6 {
    font-family: 'KomikaAxis';
    font-weight: 700;
    color: #474648;
    text-transform: uppercase; }
  .calendartext blockquote p {
    font-family: 'Lato', sans-serif; }
  .calendartext blockquote {
    padding: 0;
    margin: 0;
    font-size: 120%;
    border-left: 0;
    color: #9e6800; }

/*
.calendartext p {
    padding-bottom: 20px;
	font: .8em/110% 'Sentinel-MediumItalic';
	}
.calendartext em {
    font-family: 'Sentinel-Medium';
	padding-left: 20px;
	}
.calendartext strong {
	font-family: 'Sentinel-Bold';
	}
*/
.vevent.event .away-games {
  color: #bb4249; }

.vevent.event .home-games {
  color: #0f5a8a; }

.vevent.event .wrigley-events {
  color: #ff6c00; }

.calendar-toppingtons p {
  margin: 1em auto .25em !important; }

.dtstart {
  font-size: .8em;
  line-height: 120%; }

.description {
  padding-bottom: 10px; }

.description p {
  font-family: 'Lato', sans-serif; }

span.value-title {
  font-size: .8em;
  font-family: 'Lato', sans-serif; }

span.day {
  padding-left: 3px; }

h4.summary {
  color: #d49f0f; }

ul.calendar-nav {
  	/*
      margin-top: 1.5em;
      margin-left: 27%;
      */
  font-family: 'KomikaAxis';
  overflow: hidden;
  padding-top: .8em;
  font-size: 1.25em;
  text-transform: uppercase;
  margin-left: 23%;
  color: #891f02; }

/*
ul.calendar-nav li {
    list-style-type: none;
    margin: 10px auto 10px;
	}
*/
ul.calendar-nav li {
  list-style-type: none;
  /* margin: 10px auto 10px; */
  position: absolute;
  /* top: 50%; */
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

a.paging-prev {
  padding: 0% 5%;
  /* 20 / 280 */
  text-decoration: none; }

a.paging-next {
  padding: 0% 5%;
  /* 20 / 280 */
  text-decoration: none; }

a:hover.paging-prev,
a:hover.paging-next {
  text-decoration: none; }

ul.calendar-nav h2 {
  margin-top: 1.1em; }

ul.calendar-nav h2 a {
  background: none;
  padding-left: 0; }

/* @group Calendar // All Screen Widths */
table.calendar {
  width: 100%;
  font-family: 'Oswald', sans-serif; }

table.calendar tbody {
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2; }

table.calendar th {
  display: table-cell;
  width: 14.285714286%;
  /* 1/7 of width as there's always 7 days in the week */
  font-weight: bold; }

table.calendar th abbr {
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase; }

table.calendar td {
  border: 1px solid #222;
  text-align: left;
  vertical-align: top;
  width: 14.285714286%;
  /* 1/7 of width as there's always 7 days in the week */
  background: #fff; }

td.today {
  background: #faefd0 !important; }

table.calendar td.notinmonth {
  background: transparent; }

table.calendar .day {
  font-family: 'KomikaAxis';
  color: #891f02;
  display: block; }

table.calendar .has-event a, table.calendar .has-event span.day {
  font-family: 'KomikaAxis';
  color: #891f02; }

table.calendar .has-event a, table.calendar .has-event span.summary {
  font-family: 'KomikaAxis';
  color: #891f02; }

table.calendar .has-event a, table.calendar .has-event span.time {
  font-family: 'Lato', sans-serif;
  color: #2c2828; }

table.calendar .vevent {
  border-top: 1px dotted #2e2e2e;
  display: block;
  padding: .5em 0; }

table.calendar a.vevent abbr {
  font-weight: bold;
  margin-right: .5em; }

table.calendar .has-event {
  /* just highlight days which have events */
  color: #2e2e2e; }

table.calendar .has-event .eventwrap {
  padding: 0.5em; }

table.calendar .has-event a,
table.calendar .has-event span {
  color: #2e2e2e;
  font-size: .8em;
  line-height: 120%; }

table.calendar .has-event a:hover {
  color: #e8e8e8; }

/* on narrow widths we hide the summary */
table.calendar tr td .vevent span.summary {
  margin-top: 10px; }

/* *** LISTING VIEW *** */
ul.calendar {
  border-top: 1px solid #dee0e0;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none; }

ul.calendar ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul.calendar > li {
  border-bottom: 1px solid #dee0e0;
  padding-bottom: .8em; }

ul.calendar li h3 {
  background: #f0f0f0;
  margin-top: 0;
  margin-bottom: 0;
  padding: .3em .8em; }

ul.calendar li .vevent {
  padding: .8em; }

ul.calendar .vevent:nth-of-type(2n) {
  border-top: 1px dotted #dee0e0; }

ul.calendar .vevent h4 {
  margin: 0; }

ul.calendar .vevent h4 a {
  font-weight: normal; }

/* @end */
@media only screen and (min-width: 300px) {
  .calendartext {
    margin: 5px 0px;
    padding-bottom: 20px;
    text-align: left;
    width: 100%; }

  tbody {
    width: 100%; }

  tr {
    width: 14.285714286%;
    /* 1/7 of width as there's always 7 days in the week */ }

  table th {
    padding: 5px 0px 5px 2px; }

  ul.calendar-nav li h2 {
    margin-top: 0;
    text-align: center; }

  ul.calendar-nav li:nth-child(3) {
    margin-right: 0;
    text-align: right; }

  ul.calendar-nav li a#next_month {
    padding-right: 5%;
    /* 20 / 140 */
    padding-left: 0; }

  table.calendar td {
    height: 40px; }

  table.calendar td a.vevent {
    border-top: 1px dotted #e2e2e2; }

  table td {
    padding: 5px -2px; }

  table.calendar tr td .vevent span.summary {
    display: block; }

  table.calendar .vevent {
    border-top: 1px dotted #2e2e2e;
    display: block;
    padding: .2em 0; }

  table.calendar a.vevent abbr {
    font-weight: bold;
    margin-right: .2em; }

  table.calendar .has-event {
    /* just highlight days which have events */ }

  table.calendar .has-event .eventwrap {
    padding: 0.2em; }

  table.calendar .has-event a,
  table.calendar .has-event span {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #2e2e2e;
    font-size: .7em;
    line-height: 120%; } }
@media only screen and (min-width: 700px) {
  table th {
    padding: 10px 8px 10px 8px; }

  table.calendar thead {
    /* Reveal table */
    display: table-header-group; }

  table.calendar tbody {
    /* Reveal table */
    display: table-footer-group; }

  table.calendar:after {
    content: "";
    width: 100%; }

  table.calendar td {
    height: 60px; }

  table.calendar .has-event a,
  table.calendar .has-event span {
    color: #2e2e2e;
    font-size: .8em;
    line-height: 120%; } }
@media (max-width: 767px) {
  ul.calendar-nav {
    margin-left: 30%; } }
@media (max-width: 620px) {
  ul.calendar-nav {
    margin-left: 27%; } }
@media (max-width: 480px) {
  ul.calendar-nav {
    margin-left: 16%; } }
/***** Screen Bigger than 960px *****
@media only screen and (min-width:1200px) {

}



/***** Tablet (Smaller than 959px) *****
@media only screen and (min-width: 768px) and (max-width: 959px) {

}



/***** Phone (portrait 300px) *****
@media only screen and (max-width: 767px) {

}



/***** Phone (landscape 420px) *****
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


*/