/**
 * Frontend widget style
 *
 * You can keep a bound between css class and plugin name/namespace.
 * To do this, you have to use the right naming for the css id and class.
 *
 */
 .courses-by-location{border: 1px solid rgba(0,0,0,.1);}
 .courses-by-location tr{box-shadow: inset 0px -5px 20px -20px #00000080;}
 .courses-by-location tr td{border: none;border-bottom: 1px solid rgb(0 0 0 / 15%);}
 .courses-by-location tr td h2{font-size: 20px;}
 .courses-by-location tr:last-child td{border: none;}
 .courses-by-location tr td:nth-child(1) .title {font-size: 16px;margin: 0 15px 10px;}
.courses-by-location tr td:nth-child(1) .date,
 .courses-by-location tr td:nth-child(1) .time{font-size: 12px;font-weight: 600;display: block;margin: 0px;}
.courses-by-location tr td:nth-child(1) .date{font-weight: 700;font-size: 13px;}
.courses-by-location tr td:nth-child(1) .price{font-weight: 700;font-size: 15px;}
.courses-by-location tr td:nth-child(1) .price.discounted{text-decoration: line-through;color: #a6a6a6;}
.courses-by-location tr td:nth-child(1) .new-price{color: var(--e-global-color-primary);}
.courses-by-location tr td:nth-child(1) .vacancy {color: var(--e-global-color-primary);font-size: 13px;font-weight: 700;}
.courses-by-location tr td:nth-child(1) > div.row{flex-direction: column;display: flex;margin: 0px 15px;}
.courses-by-location tr td:nth-child(2) { min-width: 175px; }
.courses-table-container {border: 1px solid #ddd;border-radius: 8px;box-shadow: 0px 7px 20px 0px rgb(0 0 0 / 15%);overflow: hidden;}
.courses-table-container .scroll{overflow-x: auto;max-height: 500px;border: none;border-radius: 8px;box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.07);}
.courses-table-container .scroll::-webkit-scrollbar{width: 10px;height: 10px;}
.courses-table-container .scroll::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 10px;}
.courses-table-container .scroll::-webkit-scrollbar-track {background-color: #f5f5f5;border-radius: 10px;}
.courses-table-container .scroll::-webkit-scrollbar-thumb {background-color: var(--e-global-color-primary);border-radius: 10px;}
.courses-table-container .scroll::-webkit-scrollbar-corner {background-color: #f5f5f5;}


@media (max-width: 767px){
  .courses-by-location tbody tr {
    display: flex;
    flex-direction: column;
  }
  .courses-by-location tbody tr td {
    display: flex;
    width: 100%!important;
    flex-wrap: wrap;
    border-bottom: none;
  }
  .courses-by-location tbody tr td > div {
    display: block!important;
    width: 100%!important;
    justify-content: space-evenly!important;
    align-items: center;
  }
  .courses-by-location tr td:nth-child(1) > div.row{
    flex-direction: column!important;
    display: flex!important;
    align-items: normal;
  }
}