:root {
  --lldw-event-col-date-width: 100px;
  --lldw-event-col-main-width: calc( 100% - 250px );
  --lldw-event-col-main-width-no-button: calc( 100% - 100px );
  --lldw-event-col-btn-width: 150px;

  --lldw-event-col-header-meta-width: calc( 100% - 100px );


  --lldw-event-col-date-color: #333;
  --lldw-event-col-date-color-hover: #fff;

  --lldw-event-col-date-border: #e6e6e6;
  --lldw-event-col-date-border-radius: 4px;
  --lldw-event-col-date-bgcolor: #fff;
  --lldw-event-col-date-bgcolor-hover: #c6cd16;

  --lldw-event-col-date-padding: 12px 0;

  --lldw-event-col-date-fontsize: 14px;
  --lldw-event-col-date-fontsize-small: 12px;
  --lldw-event-col-date-fontsize-big: 22px;

  --lldw-event-col-grey-color: #9a9a9a;
  --lldw-event-col-primary-color: #c6cd16;
  --lldw-event-col-red-color: #d99494;
}


@media all and (max-width: 479px) {
	:root {

		
  --lldw-event-col-date-width: 80px;
  --lldw-event-col-main-width: calc( 100% - 80px );
  --lldw-event-col-main-width-no-button: calc( 100% - 80px );
  --lldw-event-col-btn-width: 100%;

  --lldw-event-col-header-meta-width: calc( 100% - 80px );
		
  --lldw-event-col-date-padding: 6px 0;
	  --lldw-event-col-date-fontsize: 12px;
	  --lldw-event-col-date-fontsize-small: 10px;
	  --lldw-event-col-date-fontsize-big: 16px;

	}
}

.lldw-event-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;

  margin-bottom: 40px;
}


.lldw-event-col-date {
  width: var(--lldw-event-col-date-width);
  max-width: var(--lldw-event-col-date-width);
  min-width: var(--lldw-event-col-date-width);
}

.lldw-event-col-main {
  width: var(--lldw-event-col-main-width);
  max-width: var(--lldw-event-col-main-width);
  width: var(--lldw-event-col-main-width);
  padding: 15px 15px 0;

}



.lldw-event-col-main-no-button {
  width: var(--lldw-event-col-main-width-no-button);
  max-width: var(--lldw-event-col-main-width-no-button);
  width: var(--lldw-event-col-main-width-no-button);
  padding: 15px 0 0 15px;

}


.lldw-event-col-btn {
  width: var(--lldw-event-col-btn-width);
  max-width: var(--lldw-event-col-btn-width);
  min-width: var(--lldw-event-col-btn-width);
  padding-top: 15px;
}


.lldw-event-col-date {
  padding: var(--lldw-event-col-date-padding);
  color: var(--lldw-event-col-date-color);
  background-color: var(--lldw-event-col-date-bgcolor);
  border: 1px solid var(--lldw-event-col-date-border);
  border-radius: var(--lldw-event-col-date-border-radius);
  font-size: var(--lldw-event-col-date-fontsize);
  line-height: 1.2;
  transition: all .37s ease-in-out;

}

.lldw-event-col-date-wrapper.lldw-event-col-date-wrapper-differentmonthandyear {

  display: flex;
  justify-content: center;
  align-items: center;
}

.lldw-event-col-date-days {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lldw-event-col-date-days > *:not(.lldw-event-col-sep) {
  padding: 0 4px;
}

.lldw-events-list-offset-navigation {

  margin-bottom: 40px;
}

.lldw-event-col-date-day {
  margin-bottom: 4px;
}

.lldw-event-col-date-item {
  text-align: center;
}

.lldw-event-col-date-wrapper-differentmonthandyear > *:not(.lldw-event-col-sep) {
  padding: 0 4px;
}

.lldw-event-col-sep {
  font-size: var(--lldw-event-col-date-fontsize-small);
  /*margin: 0 -4px;*/
}

.lldw-event-col-date:hover {
  color: var(--lldw-event-col-date-color-hover);
  background-color: var(--lldw-event-col-date-bgcolor-hover);

}

.lldw-event-col-date:hover * {
  color: var(--lldw-event-col-date-color-hover) !important;
}

.lldw-event-col-date-dayofmonth {
  font-size: var(--lldw-event-col-date-fontsize-big);
  font-weight: 900;
  line-height: 1;
}

.lldw-event-col-date-dayofweek,
.lldw-event-col-date-year {
  font-size: var(--lldw-event-col-date-fontsize-small);
  color: var(--lldw-event-col-grey-color);
}

.lldw-events-spinner {
  text-align: center;
  padding: 25px 0;
}

.lldw-events-message {
  padding: 25px 0;
}

.lldw-events-error {
  color: red;
}

.lldw-event-title {
	text-transform: none !important;
  margin: 0;
  padding: 0;
}

.lldw-events-monthandyear-title {
  margin-bottom: 20px;
}

.lldw-events-monthandyear {
 margin-bottom: 40px;
}

.lldw-event-meta {
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  color: var(--lldw-event-col-grey-color);
	padding-left: 22px;
	position: relative;
}

.lldw-event-meta img {
	height: 22px; 
	vertical-align: middle; 
	margin-right: 6px;
}

.lldw-event-meta a {
	margin-right: 8px;
}
.lldw-event-meta a small {
	
  font-size: var(--lldw-event-col-date-fontsize-small);
}

.lldw-event-meta:before,
.lldw-event-max-register-date:before {
  font-family: dashicons;
  font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;

}

.lldw-event-locations:before {
  content: "\f230";
}

.lldw-event-organizers:before  {
  content: "\f323";
}

.lldw-event-max-register-date:before {
  content: "\f469";
}

.lldw-event-meta a {
  color: var(--lldw-event-col-grey-color) !important;
}

.lldw-event-meta a:hover {
  color: var(--lldw-event-col-primary-color) !important;
}

.lldw-event-max-register-date {
  color: var(--lldw-event-col-red-color);
}

.lldw-event-btn {
  background-color: #ededed;
  border: 1px solid #ededed;
  padding: 12px 15px;
  border-radius: 4px;
  color: #333 !important;

  transition: all .37s ease-in-out;
}


.lldw-event-btn:hover {
  background-color: #333;
  border: 1px solid #333;
  color: #fff !important;
}


.lldw-events-list-pagination-has-no-more {
  display: none;
}

.lldw-events-list-pagination {
  text-align: center;
  font-size: 16px;
}

.lldw-events-list-pagination a {
  font-size: 21px;
  padding: 18px 23px;
}

.lldw-event-header {
  display: flex;
  align-items: stretch;
}

.lldw-event-col-header-meta {

  width: var(--lldw-event-col-header-meta-width);
  max-width: var(--lldw-event-col-header-meta-width);
  width: var(--lldw-event-col-header-meta-width);
  padding: 15px;


  border-top: 1px solid var(--lldw-event-col-date-border);
  border-right: 1px solid var(--lldw-event-col-date-border);
  border-bottom: 1px solid var(--lldw-event-col-date-border);

  border-top-right-radius: var(--lldw-event-col-date-border-radius);
  border-bottom-right-radius: var(--lldw-event-col-date-border-radius);

  /*background-color: #f7f7f7;*/
}

.lldw-event-header .lldw-event-col-date {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;

}



@media all and (max-width: 479px) {


  .lldw-event-col-main {
    padding: 0 0 0 15px;
  }
	
  .lldw-event-col-btn .lldw-event-btn {
    display: block;
    text-align:center;
  }
}