body{
font-family: Arial;
}

#events{
list-style-type: none;
list-style-position: outside;
margin: 0px;
padding: 0px 15px;
}

.event-tile{
border-top: solid 6px rgb(1,87,177);
}

.event-tile > a:focus, .event-tile > a:hover{
/*margin-top: -3px;*/
transform: translateY(-4px);
-webkit-box-shadow: 10px 13px 35px 4px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 13px 35px 4px rgba(0,0,0,0.4);
box-shadow: 10px 13px 35px 4px rgba(0,0,0,0.4);
text-decoration: none;
outline: solid 6px rgb(1,87,177);
}

.event-tile a{
  display: flex;
}

.date-day {
  /*width: 140px; /* A fixed width as the default */
  min-width: 120px;/*100px*/
 color: rgb(0,27,59);
 background-color: rgb(255,179,51); 
  display: flex;
  justify-content: center;
  align-items: center;   /* <---- NEW    */
}

.date-day-padding{
margin-top:-3px;
}

.date-details { 
  flex-grow: 1; /* Set the middle element to grow and stretch */
  background-color: rgb(250,250,250);
}

.date-details-padding{
padding:15px 20px;
}

.event-day-month-abbr{
text-align: center;
font-weight: bold;
margin-bottom: 8px;
display: block;
text-transform: uppercase;
font-size: 18px;
}

.event-day-dotm{
font-size: 32px;
text-align: center;
font-weight: bold;
display: block;
}

.time{
font-weight: bold;
margin-bottom: 8px;
color: rgb(0,27,59);
display: block;
}

.p-location{
margin-bottom: 8px;
font-size: .9em;
color: rgb(85, 85, 85);/*rgb(102, 102, 102)*/
display: block;
font-weight: normal;
}

.p-name{
font-size: 18px;
font-weight: bold;
color: rgb(1,87,177);
max-height: 44px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}

/*
#events{
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
*/

#events{
margin: 15px auto !important;
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}

.event-tile{
display: grid;
-webkit-box-shadow: 10px 10px 35px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 35px 4px rgba(0,0,0,0.2);
box-shadow: 10px 10px 35px 4px rgba(0,0,0,0.2);
padding-bottom: 0px !important;
transition: all .5s;
transition: transform 1s ease-in-out;
margin: 2px 0px;
}
@media screen and (max-width: 520px){
	#events{
	grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
  .date-day {
  min-width: 90px;
}
}
 .padding-up{
 padding-top: 40px;
 }
#txtSearch{
  padding:5px 40px;
  /*  margin-left: 50px;*/
    margin-right: -4px;
    border: 1px solid #001B3B;
  border-radius: 3px 0px 0px 3px;
  height: 40px;
  width: 410px;
  font-size: 1.1em;
  letter-spacing: 0px;
  color: #666666;
  background: url(/departments/pnv/Forward-Dallas/PublishingImages/Icons/Icons%20-%20Standard%20-%20Search.svg) no-repeat left ;
}
#btnSearchEvent{
background: #001B3B 0% 0% no-repeat padding-box;
border-radius: 0px 3px 3px 0px;
height: 40px;
text-align: center;
/*font: normal normal normal 20px/26px Roboto;*/
font-size: 1.1em;
letter-spacing: 0px;
color: #FFFFFF;
width: 100px;
}

#events {
    margin: 15px auto !important;
    }
    
#searchTerm{
display: inline-block;
background: var(--unnamed-color-eeeeee) 0% 0% no-repeat padding-box;
background: #EEEEEE 0% 0% no-repeat padding-box;
border-radius: 50px;
opacity: 1;
padding:10px 20px 10px 10px;
margin: 10px 0px 0px 50px;
visibility: hidden;
}
    
#STerm{
padding-left: 10px;
padding-right: 5px;
}
#STerm a{
cursor: pointer;
}
#no-search-results,
#no-search-results-2{
left: 285px;
/*width: 870px;
height: 170px;*/
background: #EEEEEE 0% 0% no-repeat padding-box;
opacity:1;
padding-top: 50px;
padding-bottom: 30px;
display: none;
margin-top:30px;
/*margin-left:50px;*/

}
#no-search-results #message-header,
#no-search-results-2 #message-header{
text-align: center;
font: normal normal bold 24px/32px Roboto;
letter-spacing: 0px;
color: #444444;
opacity: 1;
 }
#no-search-results #search-query{
text-align: center;
font: normal normal normal 20px/26px Roboto;
letter-spacing: 0px;
color: #444444;
opacity: 1;
}
#clear-keyword{text-decoration-line: underline;
text-decoration-color: #0157B1;
color: #0157B1}
.events-container{padding-bottom:60px;}
.fd-buton-group{padding: 0; margin-left:  5px;}
.fd-buton-group a{
color: #444444;

}
.filter-selects{
  display: flow-root;
  margin-left:  -15px;
}
.input-group {
    /*min-width: 150px;*/
    float: left;
}
.input-group select{
  padding: 8px;
  margin:5px;
  margin-top: 0;
  padding-right: 50px;
  font-size: 1.1em;
  min-width: 200px;
}
#mainContainer ul{
  padding:0;
}
@media screen and (max-width: 991px){
  .row {
    margin-right: -25px;
    margin-left: -15px;
}

}
@media screen and (max-width: 768px){

  .filter-selects{
  margin-left:  -0px;
}
  }
@media screen and (max-width: 520px){
#events{
  margin: 0px 15px auto !important;
}
/*#btnSearchEvent{
  margin-top:20px;
  margin-left: 30px;
}*/
#txtSearch{
  width:300px;
}
.fd-buton-group{
margin-right:20px;
}
.padding-up{
margin-left: 20px;
}
#no-search-results,
#no-search-results-2{
padding-bottom: 30px;
}
.input-group {
   width:   100%;
   text-align:  center;
}
#btnSearchEvent{
  width:  100px;
}
}

#dt-weekDayAbb{
  display:none;
  }

@media screen and (max-width: 520px){
  #dt-weekDayAbb{
  display:inline-block;
  }
  #dt-weekDay{
  display:none;
  }
}