:root{--orange:$orange;}:root{--orange:$orange;}.activity-component{font-size:10px;}.activity-component .bookingPanel{font-size:10px;}.activity-component .bookingPanel .card-header{cursor:pointer!important;padding-left:100px;}.activity-component .bookingPanel .card-header:not(.collapsed),.activity-component .bookingPanel .card-header:hover{background-color:#f18700!important;color:#fff;}.activity-component .activity-availability-card{padding:0 10px 0 10px;}.activity-component table{width:100%;}.activity-component table .cost,.activity-component table .available{text-align:center;}.activity-component table th{color:#0474b1;}.activity-component table th.book-button{width:60px;}.activity-component span.availability,.activity-component span.noavailability{display:inline-flex;width:32px;height:32px;justify-content:center;align-items:center;border:2px solid #afabab;border-radius:10px!important;margin:0;padding-top:0;color:#000;}.activity-component span.noavailability{background-color:#afabab;}.activity-component span.noavailability::after{font-size:32px;content:"X";}.activity-component .btn{width:60px;font-size:.65rem;}@media(min-width:576px){.activity-component{font-size:14px;}.activity-component .bookingPanel{font-size:14px;}.activity-component .activity-availability-card{padding:0 50px 0 50px;}.activity-component .btn{width:100px;font-size:1rem;}}@media(min-width:768px){.activity-component{font-size:18px;}.activity-component .bookingPanel{font-size:18px;}.activity-component span.availability{width:38px;height:38px;margin:0;padding-top:0;}.activity-component .btn{width:160px;}.activity-component table th.book-button{width:160px;}}