@media screen and (max-width: 767px){
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  border: 1px solid #ddd;
}

}

.fa-exclamation-circle {
  color: #d9534e;
}



@media only screen and (max-width: 915px) {
  .views-exposed-form {
  float: none !important;
  display: inline-block !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

#upcoming {
  margin-bottom: 20px !important;
}

.hero-block {
  height: 530px !important;
}
  
}


.views-row a:hover {
    color: #bb0d3d !important;
    text-decoration: none !important;
}

.col-sm-12 {
     background-color: #fafafa;
}
.general-page-body-container {
     box-shadow: none;
}

.utility-bar {
     height: 30px;
}

.dialog-off-canvas-main-canvas, .general-page-body-container {
     background-color: #fafafa;
}

.img-responsive {
     border-radius: 5px;
     max-height: 200px;
     

}

.image-box {
  padding-top: 15px;
}

.hero-bottom-bar {
     line-height: 50px;
     width: 100%;
     text-align: center;
     background-color: #2e3338;
     background-image: linear-gradient(#303030, #414141);
     color: #fff;
     font-weight: bold;
     font-size: 16px;
     position: absolute;
     bottom: 0;
     -webkit-border-radius: 0 0 5px 5px;
     border-radius: 0 0 5px 5px;
}

.hero-bottom-bar a {
     color: #fff;
}

.hero-image-sizing {
     max-height: 200px;
}

.hero-block {
     height: 500px
}

.hero-content {
     padding: 20px;
}

.toggle-bar {
     text-align: left;
     margin: 0 0 25px 0;
}




.button a:hover {
     color: #fff;
     text-decoration: none;
}

.grip-icon {
     font-size: 50px;
     margin:  14px 5px -15px 15px;;
}

.fa-th-list {
  font-size: 40px;
}

.list-icon {
     font-size: 40px;
      margin:  0px 0px -10px 0px;
      color: #CCC;
}



.button-active, a.button-active  {
     background-color: #176992;
      border: 2px solid #292d31;
     border-radius: 5px;
     color: white;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
}

a.button-active:hover {
  color: white !important;
}


.button-past, a.button-past {
    background-color: #fff;
     border: 2px solid #292d31;
     border-radius: 5px;
     color: #5c5c5c;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
}

a.button-past:hover {
  background-color: #3a3a3a14;
  color: #bb0d3d !important;
}



h2 {
     color: #606060;
     font-weight: bold;
     font-size: 30px;
     margin: 0px 0px 10px 0px;
}

h3 {
     color: #615D6C;
     font-weight: bold;
     font-size: 26px;
     margin: 25px 0px 20px 0px;
}

h4 a:link, h4 a:visited {
     color: #2c7cba;
     font-weight: bold;
     font-size: 22px !important;
     margin: 0px 0px 10px 0px;
}

h4 a:hover {
    color: #bb0d3d;
}

.event-date {
     color: #606060;
     font-weight: bold;
     font-size: 15px;
     margin: 0px; 
}

.box-style {
     background-color: #fff;
     margin-bottom: 18px;
     -webkit-box-shadow: 3px 3px 3px 3px #f3f3f3;
     box-shadow: 3px 3px 3px 3px #f3f3f3;
     -webkit-border-radius: 10px 10px 10px 10px;
     border-radius: 10px 10px 10px 10px;
     position: relative;

}

h5, h5 {
  font-size: 15px;
  font-weight: bold;
}




#utility-bar {
     background-color: #292d31;
     background-image: linear-gradient(#303030, #414141);
     line-height: 50px;
}



.list-buttons {
display: inline !important;
  
}



.btn-info:hover {
    color: #bb0d3d !important;
    text-decoration: none !important;
    background-color: #3a3a3a14;
    border-color: #292d31;
}

.view-header {
  font-size: 11pt;
  color: #5c5c5c;
  margin-bottom: 2%;
}


caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #606060;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
}

.views-field-title {
  width: 65%;
}

.views-exposed-form {
  float: right;
}

#views-exposed-form-testing-homepage-block-1 {
  
    margin-top: -13%;
  
}

#views-exposed-form-past-events-homepage-block-1 {
      margin-top: -16%;
}

.pages {
  color: #6e6a6a;
  font-size: 14px;
  margin-left: 3px;
}


.row-style {
    margin-top: 20px;
    max-width: 1130px;
    margin-left: 0px;
}

a.toplink:hover {
  color: #fff !important;
    text-decoration: underline !important;
}

.utility a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}