.trade-days {
	background: #e6e6e6;
	padding: 50px 0;
	
}

.trade-days-list {
	padding: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
	background-image: url(/images/trade-days.png);
	background-position: right top; 
	background-repeat: no-repeat; 
	background-size: 50% auto; 
	/*justify-content: space-between; */
  }

.trade-days .trade-day-blank-2,
.trade-days .trade-day-blank-3 {
	/*display: none;*/
}

.trade-days .trade-day {
	background: rgba(255,255,255,0.8);
	padding: 15px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
	}




.icon-more-trade-days {display: block; }


.trade-day-blank {display: none; }
.trade-day, .trade-day-blank {width: 47%; max-width: 100%; }
.trade-day-blank-2 {display: block; }

.trade-day-more {display: none; }
.trade-day-more.trade-day-visible {display: block; }

@media (min-width: 480px) {
	.trade-days-list {padding-top: 80px; }
	.trade-day, .trade-day-blank {}
	.trade-day-blank-2 {display: block; }
}
@media (min-width: 780px) {
	.trade-days-list {background-size: 45% auto; padding-top: 17vw; }
	.trade-day, .trade-day-blank {width: 48%; }
	.trade-day-blank-2 {display: block; }
}
@media (min-width: 992px) {
	.trade-days-list {background-size: 25% auto; padding-top: 30px; }
	.trade-day, .trade-day-blank {width: 23%; }
	.trade-day-blank-2, .trade-day-blank-3 {display: none; }
	.trade-day-blank-4 {display: block; }
	/*.trade-day-blank-3 {display: block; }*/
}
@media (min-width: 1320px) {
	.trade-days-list {background-size: 25% auto; padding-top: 80px; }
	/*.trade-day, .trade-day-blank {width: 24%; }*/
	/*.trade-day-blank-3 {display: none; }*/
	/*.trade-day-blank-5 {display: block; }*/
}

 .icon-more-trade-days {cursor: pointer; }


/*

.trade-days .trade-day {
	flex-grow: 1;
	width: 23%;
	max-width: 23%;
	min-height: 350px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	}

.trade-day-blank {
	flex-grow: 1;
	width: 23%;
	max-width: 23%;
	min-height: 350px;
	display: none;
	flex-direction: column;
	justify-content: space-between;
}




@media screen and (max-width: 780px) {
  .trade-days .trade-day {
	width: 48%;
	max-width: 48%; } 
   .trade-days .trade-day-blank-3 {
   
	}
}
@media screen and (min-width: 471px) and (max-width: 780px) {
	.trade-days-list {background-size: 70% auto; }
   .trade-days .trade-day-blank-2 {
   	 	
	}
}
@media screen and (min-width: 781px) and (max-width: 1320px) {
   .trade-days .trade-day-blank-3 {
   	 	
	}
	.trade-day-blank-3, .trade-day-blank-visible.trade-day-blank-5 {display: flex; }
}



@media screen and (max-width: 470px) {
  .trade-days .trade-day {
	width: 100%;
	max-width: 100%; }

}


@media screen and (max-width: 670px) {
  .trade-days .trade-day {
	width: 47%;
	max-width: 47%; }
}






@media screen and (min-width: 992px){
	.icon-more-trade-days {display: block; z-index: 100; }
	.trade-days .trade-day-more {
		display: none; 
	}
	.trade-days .trade-day-more.trade-day-visible {
		display: flex; 
	}
	.icon-more-trade-days-container {z-index: 100; position: relative; }
	.icon-more-trade-days-container .icon-more-trade-days {cursor: pointer; }
	
	
	.trade-day-blank-4, .trade-day-blank-visible.trade-day-blank-7 {display: flex; }
	

}

@media screen and (max-width: 1320px) {
  .trade-days .trade-day {
	width: 31%;
	max-width: 31%; }
	.trade-days-list {background-size: 50% auto; }


  .trade-days .trade-day-blank-4 {
   	
	}
	

}
*/



.td-date {
	font-size: 1.4em;
	padding: 10px 0 10px 0px;
}

.td-date .fa-calendar {
	font-size: 1.8em;
	vertical-align: middle;
	padding-right: 15px;
}

.td-logo img {
	margin: 0 auto;
}

.td-location {
	padding-top: 15px;
	flex-grow: 1;
	font-size: 1.1em;
}

.td-rep {
	font-weight: bold;
}



.show-tuff-stuff-popup, .tuff-stuff-btn {display: inline-block; padding: 10px 25px; border-radius: 20px; background: #0f2841; color: #fff !important; margin: 15px 0; }
.tuff-stuff-btn .tufficon.icon-down, .tuff-stuff-btn .tufficon.icon-up {font-size: 20px; }
.tuff-stuff-popup {display: none; }
.tuff-stuff-popup.visible {display: block; padding: 30px 0; }
.tuff-stuff-popup-inner {padding: 30px; background: #fff; }
.tuff-stuff-popup-inner img {display: block; width: 300px; float: right; margin: 0 0 30px 30px; max-width: 40%; }

@media (min-width: 992px){
	.tuff-stuff-popup {display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); z-index: 1000; overflow: auto; }
	.tuff-stuff-popup.visible {display: flex; }
	.tuff-stuff-popup-inner {width: 800px; max-width: 90%; }
}