/**
*   hours.css
*   /themes/rtcc/blocks/hours/hours.css
*
*   Custom styles for the Hours Block
*/

.hours-content {padding-bottom:40px;}
.cards {display:flex;flex-wrap:wrap;justify-content:space-between;}
.card {
  border:15px solid #EB503C;flex:0 1 30%;border-radius:25px;
  background:white;padding:30px 50px;margin-bottom:55px;text-align:center;
}
.card img {margin-bottom:5px;max-height:130px;}
.card .hour-set p:first-child {
  font-weight:700;font-size:20px;line-height:150%;letter-spacing:0.04em;text-decoration-line:underline;
  text-transform:capitalize;margin-bottom:5px;
}
.card .hour-set p:nth-child(2) {
  font-weight:400;font-size:18px;line-height:150%;text-align:center;
  letter-spacing:0.04em;text-transform:uppercase;color:#000000;margin-bottom:0.8em;
}
.card:nth-last-child(1):nth-child(odd) {margin:0 auto;}


/** Responsive - Hours block **/
@media screen and (max-width:1460px) {}
@media screen and (max-width:1160px) {
  .cards {padding-left:20px;padding-right:20px;}
}

@media screen and (max-width:992px) {
  .hours {padding-top:20px;}
  .cards {display:flex;flex-wrap:wrap!important;justify-content:space-between;}
  .card {flex:0 1 46%;} 
  .card:nth-last-child(1):nth-child(odd) {margin:0 auto;}
}

@media screen and (max-width:768px) { 
  .hours {padding-top:20px;}
  .hours-header {margin-bottom:30px;padding:0 20px;}
  .hours-header h2 {font-size:30px;line-height:150%;padding:0;margin-bottom:10px;}
  .hours-header p {font-size:14px;}
  .card {min-height:auto;padding:20px;margin-bottom:35px;flex:0 1 100%;}
  .card .hour-set p:first-child {font-size:18px;}
  .card .hour-set p:nth-child(2) {font-size:14px;}
  .map {padding-left:20px;padding-right:20px;}
}

@media screen and (max-width:400px) {
  .hours-header h2 {font-size:30px;line-height:150%;letter-spacing:0em;padding:0;margin-bottom:10px;}
}