.bg-color-gray{
  background-color:#E1E1E8;
}
.dates > .row {
	padding-top: 1rem;
}

.flex-container input[type=text]{
	width: 100%;
	border: 0;
	border-bottom: 1px solid #A8AABC;
	background-color: transparent;
}

* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
/*   padding-top: 1rem; */
/*   font-size: 30px; */
/*   text-align: center; */
}

.flex-item-left {
/*   background-color: #f1f1f1; */
  padding: 10px;
  flex: 27%;
}

.flex-item-right {
/*   background-color: dodgerblue; */
  padding: 10px;
  flex: 73%;
}



/* Samuel's changes for Catalogue-Schedule page */

ul.nth_child_two_col_catalogue_schedule  {margin-left: 0em; padding-left:0; width:100%;}

.nth_child_two_col_catalogue_schedule li:nth-last-child(odd)
{
width: 50%;
float: left;
list-style-type: none;
border: none;
padding: .5em .5em .8em .5em;
margin: 0 0 .5em 0;
text-align: center;
	height: 21em;
}
.nth_child_two_col_catalogue_schedule li:nth-last-child(even)
{
width: 50%;
float: left;
list-style-type: none;
border: none;
padding: .5em .5em .8em .5em;
margin: 0 0 .5em 0;
text-align: center;
	height: 21em;
}

.nth_child_two_col_catalogue_schedule li:nth-child(-n+2) {background: #ffffff; color: #000000; font-weight: normal; text-align: center;}
.nth_child_two_col_catalogue_schedule li:nth-child(4n+3) { background: #ffffff;}
.nth_child_two_col_catalogue_schedule li:nth-child(4n+4) { background: #ffffff;}
.nth_child_two_col_catalogue_schedule li:nth-child(7) {height: 3em;}
.nth_child_two_col_catalogue_schedule li:nth-child(8) {height: 3em; }
.mobile_span{display:none;}

/* end Samuel's changes */

}

/* Box styles added by Samuel */
.container2 {
    width: 95%;
    /*margin: 0 auto;
	padding:0;*/
	margin:0 auto;
	padding:0;
	background-color: #cecece;
	/*border: 1em solid black;*/
	
}
 
.box2 {
    float: left;
    width: 31%;
     height: 13em;
     background-color:#ADD8E6;
     color: #000;
     margin: .4em;
     padding: .6em;
     text-align: center;
	 display: block;
     align-items: center;
     justify-content: center;
     font-weight: normal;
}
#maincontent > div.container2 > div:nth-child(6) > h4,
#maincontent > div.container2 > div:nth-child(5) > h4,
#maincontent > div.container2 > div:nth-child(4) > h4,
#maincontent > div.container2 > div:nth-child(3) > h4,
#maincontent > div.container2 > div:nth-child(2) > h4,
#maincontent > div.container2 > div:nth-child(1) > h4{
	background-color: #ADD8E6;
}
#maincontent > div.container2 > div:nth-child(6) > p > a,
/*#maincontent > div.container2 > div:nth-child(4) > p > a:nth-child(2),
#maincontent > div.container2 > div:nth-child(4) > p > a:nth-child(1),*/
#maincontent > div.container2 > div:nth-child(2) > p > strong:nth-child(2) > a,
#maincontent > div.container2 > div:nth-child(2) > p > strong:nth-child(1) > a,
#maincontent > div.container2 > div:nth-child(6) > h4 > a,
#maincontent > div.container2 > div:nth-child(5) > h4 > a,
#maincontent > div.container2 > div:nth-child(4) > h4 > a,
#maincontent > div.container2 > div:nth-child(3) > h4 > a,
#maincontent > div.container2 > div:nth-child(2) > h4 > a,
#maincontent > div.container2 > div:nth-child(1) > h4 > a{
	background-color: #ADD8E6;
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
}
/*#maincontent > div.container2 > div:nth-child(4) > p > a:nth-child(2):hover,
#maincontent > div.container2 > div:nth-child(4) > p > a:nth-child(1):hover,*/
#maincontent > div.container2 > div:nth-child(2) > p > strong:nth-child(2):hover > a,
#maincontent > div.container2 > div:nth-child(2) > p > strong:nth-child(1):hover > a,
#maincontent > div.container2 > div:nth-child(6) > p > a:hover,
#maincontent > div.container2 > div:nth-child(6) > h4 > a:hover,
#maincontent > div.container2 > div:nth-child(5) > h4 > a:hover,
#maincontent > div.container2 > div:nth-child(4) > h4 > a:hover,
#maincontent > div.container2 > div:nth-child(3) > h4 > a:hover,
#maincontent > div.container2 > div:nth-child(2) > h4 > a:hover,
#maincontent > div.container2 > div:nth-child(1) > h4 > a:hover {
	background-color: #000;	
	color: #ADD8E6;
}


/*  End Samuel's box styles */


.text_font_size{
	font-size: .9rem;
}

@media (max-width: 653px) {
    #headerDiv {
    padding:.5em .5em 0 0;
}
	
	/* Box styles added by Samuel */
 
.box2 {
    
    width: 45%;
    height: 13em;
	
}
	/* End Box styles added by Samuel */
	
}

@media (max-width: 500px){
	/* Box styles added by Samuel */
 
.box2 {
    
    width: 100%;
    height: 13em;
	
}
	/* End Box styles added by Samuel */
}


@media (max-width: 320px) {
    #headerDiv {
    padding:.5em 0 0 0;
}
}
@media (max-width: 768px) {

/* Samuel's changes - Formats a bullet list into a TWO-COLUMN LAYOUT for Mobile devices. */

ul.nth_child_two_col_catalogue_schedule  {margin-left: 0em; padding-left:0; width:100%;}

.nth_child_two_col_catalogue_schedule li:nth-last-child(odd)
{
width: 100%;
float: left;
list-style-type: none;
border: none;
padding: .5em .5em .8em .5em;
margin: 0 0 .5em 0;
text-align: center;
	
}
.nth_child_two_col_catalogue_schedule li:nth-last-child(even)
{
width: 100%;
float: left;
list-style-type: none;
border: none;
padding: .5em .5em .8em .5em;
margin: 0 0 .5em 0;
text-align: center;
	
}

.nth_child_two_col_catalogue_schedule li:nth-child(-n+2) {background: #ffffff; color: #000000; font-weight: normal; text-align: center;}
.nth_child_two_col_catalogue_schedule li:nth-child(4n+3) { background: #ffffff;}
.nth_child_two_col_catalogue_schedule li:nth-child(4n+4) { background: #ffffff;}
.nth_child_two_col_catalogue_schedule li:nth-child(6) {height: 24em; }
	.nth_child_two_col_catalogue_schedule li:nth-child(7) {height: 5.5em; }
.nth_child_two_col_catalogue_schedule li:nth-child(8) {height: 5.5em;  }
.nth_child_two_col_catalogue_schedule li:nth-child(-n+2) {display: initial;}
	
.mobile_span{display:inline;}

/* end Samuel's changes */
	
	.text_font_size{
	font-size: 1rem;
}
	
}