/*=== Event Tab ====*/
/*=== TAB BOX STYLE === */
.tab-content-item {
  display: none;
}

.tab-content-item.active {
  display: block;
}

.tabs-wrapper  .tab-item a {
    text-decoration: none;
    border-radius: 0;
    margin: 0;
    padding: 18px 15px;
    border: 1px var(--primary-color-4) solid;
    height: 100%;
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: var(--font-secondary-regular);
}

.tabs-wrapper  .tab-item.active a{
  border: 1px transparent solid;
  background: var(--primary-color-1);
  color: var(--mono1);
}

.tabs-wrapper  .tab-item a:after {
  display: none;
}

.calender-tab-wrapper .tabs-wrapper {
  box-shadow: var(--tab-shadow);
}

.calender-tab-wrapper .tabs-wrapper .tab-item {
  flex: 1 0 0;
}

.calender-inner-wrapper .reports-table-wrapper .reportTable  a.outlookLink {
  width: 30px;
  height: 30px;
  display: block;
  background: url(/~//media/Images/B/Barratt-Developments-V2/icons/add-to-calendar.svg) no-repeat;
  margin: 0 auto;
}

.calender-inner-wrapper .reports-table-wrapper .reportTable tr th {
  background: var(--table-color);
  padding: 19px 15px;
      font-weight: 500;
}

.calender-inner-wrapper .reports-table-wrapper .reportTable tr td {
  padding: 17px 15px;
}

.calender-inner-wrapper .reports-table-wrapper.upcoming .reportTable tr th:first-child {
  width: 165px;
}

.calender-inner-wrapper .reports-table-wrapper.upcoming .reportTable tr th:last-child {
  width: 175px;
  text-align: center;
}

.calender-inner-wrapper .reports-table-wrapper.past .reportTable tr th:first-child {
  width: 165px;
}

.calender-inner-wrapper .reports-table-wrapper .reportTable tr td:first-child {
	    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 3px;
    text-transform: uppercase;
        white-space: nowrap;
            font-weight: 500;
}

.calender-inner-wrapper .reports-table-wrapper.past .reportTable tr.inactive {
  display: none;
}

@media all and (max-width: 575.98px) {
  
  .calender-inner-wrapper .reportTable {
    width: 575px;
  }
  
}
/*=== Event Tab ====*/


.date_info_wrapper {padding:0 23px 0 23px;margin-bottom:34px; }
.date_info_wrapper i { font-size: 1.4rem; display: flex;justify-content: center;align-items: center;width: 100%; height: 100%; }
.custom_date_calendar button { background: transparent; color: var(--primary-color-2); width: 52px; height: 52px; padding: 0; border-color: var(--primary-color-2); border-radius: 50%; transition: var(--base-transition); }
.custom_date_calendar button:hover, 
.custom_date_calendar button:focus { border-color: var(--primary-color-1); background: var(--primary-color-1); color: var(--mono1);}
.calendar .days li.inactive{ color: var(--primary-color-4); }
.calendar li{ width:calc(100%/7); }
.calendar .weeks li { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.3rem; font-size: 1.2rem; font-weight: 300; font-family: var(--font-medium); line-height: 1.8rem; }
.calendar .days li{ height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 1.9rem; letter-spacing: 0.3rem; font-family: var(--font-medium);color: var(--primary-color-6); font-weight: 300; }
.days li.current_date { background-color: var(--primary-color-4); }
.days li.active { color:var(--mono1); background-color: var(--primary-color-1); }
.days li.active a { color: var(--mono1); }
.event_calendar_wrapper .calendar_item:after { content: ''; top: 0; left: 0; position: absolute; height: 110px; width: 100%; background: var(--gradient-primary-linear); }
.event_calendar_wrapper .calendar_item:before { content:''; height:100%; width:100%; top:0; left:0; position:absolute; transition:var(--base-transition); background: var(--gradient-secondary-linear); opacity: 1; visibility: visible; -webkit-transition:var(--base-transition); -moz-transition:var(--base-transition); -ms-transition:var(--base-transition); -o-transition:var(--base-transition); }
.event_calendar_wrapper .calendar_item .calendar_item_inner .no--item-selected { padding: 0 50px; }
.event_calendar_wrapper .calendar_item .calendar_item_inner { padding: 0 30px; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%; position: relative; }
.event_calendar_wrapper .calendar_item .calendar_item_inner:before,
.event_calendar_wrapper .event_item_content_wrapper:before {left:0; top:0; content: ''; position: absolute; outline: 1px solid var(--mono1); outline-offset: -20px; width: 100%; height: 100%; padding: 0; }
.calendar_item .bgImgCenter { width: 100%; height: 100%; }
.calendar_item__wrapper { padding-left: 15px; }
.event_calendar_wrapper .event_item_content_wrapper {padding: 52px 66px; z-index: 2; width: 100%; position: relative; }
.event_calendar_wrapper .event_item_content_wrapper .cta-arrow-link { padding: 0; border: 0; }
.event_calendar_wrapper .add_to_calendar_wrapper input.calender_checkbox, .event_calendar_wrapper .download_wrapper input.download_checkbox { height: 0; width: 0; position: absolute; opacity: 0; }
.event_calendar_wrapper .add_to_calendar_wrapper input.calender_checkbox:focus + label, .event_calendar_wrapper .download_wrapper input.download_checkbox:focus + label { outline: 3px dotted var(--mono1); }
.event_calendar_wrapper .add_to_calendar_wrapper .add_calendar_items, .event_calendar_wrapper .download_wrapper .download_pdf_items { display: block; position: absolute; transform: translateY(-100%); top: -14px; max-height: 0; visibility: hidden; opacity: 0; background: var(--mono1); transition: var(--base-transition); text-align: left; padding: 10px; }
.event_calendar_wrapper .download_wrapper .download_pdf_items .cta-arrow-link,
.event_calendar_wrapper .event_item_content_wrapper .cta-arrow-link { display: flex; align-items: center; justify-content: flex-start; text-align: left; margin: 5px 0;/* min-width: 180px;*/ }
.event_calendar_wrapper .download_wrapper .download_pdf_items a i,
.event_calendar_wrapper .add_to_calendar_wrapper .add_calendar_items a i{ font-size: 2.5rem; }
 .download_wrapper .download_checkbox span, .add_to_calendar_wrapper .calender_checkbox span{ margin-left: 10px; }
.event_calendar_wrapper .add_to_calendar_wrapper input.calender_checkbox:checked + label.calender_checkbox + .add_calendar_items, .event_calendar_wrapper .download_wrapper input.download_checkbox:checked + label.download_checkbox + .download_pdf_items { opacity: 1; visibility: visible; max-height: 400px; }
.event_calendar_wrapper .event_item_content_wrapper .cta-arrow-link { margin: 12px 0px; }
.event_calendar_wrapper .download_wrapper .download_pdf_items { width: 100%; display: flex;	flex-direction: column; min-width: 180px; }

.event_calendar_wrapper .download_wrapper .download_pdf_items .cta-arrow-link:focus, 
.event_calendar_wrapper .event_item_content_wrapper .cta-arrow-link:focus {
    outline: 3px dotted var(--primary-color-1);
    outline-offset: 0;
}

.event_calendar_wrapper .event_item_content_wrapper .download_checkbox:focus {
	outline: 3px dotted var(--mono1);
}

/*---	SS Style Starts	---*/
@media screen and (max-width: 991px) {
	.calendar_item__wrapper { padding-left: 0; min-height: 380px; margin-top: 65px;     max-height: 380px; }
}
@media screen and (max-width: 575px) {
	.event_calendar_wrapper .event_item_content_wrapper {padding: 52px 40px;}
}
/*.ip3-edit .mono1_with_child.calendar_item *{
	color: var(--mono5);
}*/

/*---	SS Style Ends 	---*/