const toggleContent = (url, type) => {
const data = {
'action': 'course_action',
'url': url,
'type': type
}
$.post(`https://openroaddrivingschool.com/wp-admin/admin-ajax.php`, data, (response) => {
jQuery('.course__modal').html(response)
jQuery('.pdfemb-viewer').pdfEmbedder();
})
}
.course__modal {
display:none;
}
.content-area {
background-color:rgb(245, 245, 250);
}
.course__list {
margin:0;
padding:2rem 0;
list-style:none;
display:grid;
grid-template-columns:minmax(0,1fr);
}
.course__item {
background-color:#fff;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
overflow:hidden;
border-radius:6px;
}
.course__header {
text-align:center;
}
.course__title {
margin:0;
padding:0.75rem;
font-size:20px;
line-height: 1.1;
}
.course__description {
font-size:0.85rem;
margin:0;
padding:0;
}
.course__modal-video {
display:none;
position:fixed;
top:0;
left:0;
height:100vh;
}
.course__videos {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.course__footer {
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
text-align:center;
grid-column-gap:1px;
border-top:1px solid #ccc;
background-color:#ccc;
}
.course__link {
padding:0.5rem 0;
font-size:16px;
font-weight:bold;
background-color:#fff;
}
.course__link:hover {
background-color: rgb(245, 245, 250);
}
@media (min-width:992px) {
.course__list {
grid-template-columns:repeat(4,minmax(0,1fr));
grid-column-gap:2rem;
grid-row-gap:2rem;
}
}
