Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
d5ecde18 by Jeff Balicki
Options

resources 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent fc938ea7
Inline Side-by-side
Showing 18 changed files with 735 additions and 13 deletions
......@@ -14200,6 +14200,7 @@ figure.woocommerce-product-gallery__wrapper {
display: none;
}
#content,
#page-wrapper {
position: relative;
display: inline-block;
......@@ -14208,10 +14209,12 @@ figure.woocommerce-product-gallery__wrapper {
padding-top: 0px;
}
@media only screen and (max-width: 1260px) {
#content,
#page-wrapper {
width: 100%;
}
}
#content #content,
#page-wrapper #content {
position: relative;
}
......@@ -14221,10 +14224,15 @@ figure.woocommerce-product-gallery__wrapper {
}
@media only screen and (max-width: 1260px) {
.wrapper .container {
padding: 0;
padding: 0 15px;
}
}
.um-um_account_id {
margin-top: 50px;
width: 80% !important;
}
h2, .h2 {
color: #1A3668;
font-size: 28px;
......@@ -14318,34 +14326,34 @@ h2, .h2 {
color: #000000;
}
.um {
.um:not(.um-um_account_id) {
width: 275px !important;
display: flex !important;
flex-basis: auto;
flex-direction: row;
align-self: flex-end;
}
.um .um-form {
.um:not(.um-um_account_id) .um-form {
margin-bottom: 40px;
}
.um .um-form .um-misc-with-img {
.um:not(.um-um_account_id) .um-form .um-misc-with-img {
width: 30%;
display: inline-block;
border-bottom: 0px solid #eee;
margin-bottom: 0px;
padding: 0px;
}
.um .um-form .um-misc-with-img div strong {
.um:not(.um-um_account_id) .um-form .um-misc-with-img div strong {
display: none;
}
.um .um-form .um-misc-ul {
.um:not(.um-um_account_id) .um-form .um-misc-ul {
width: 50%;
display: inline-block;
list-style: none;
padding-left: 14px;
vertical-align: top;
}
.um .um-form .um-misc-ul a {
.um:not(.um-um_account_id) .um-form .um-misc-ul a {
text-decoration: none;
color: #000000;
}
......@@ -14601,4 +14609,231 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
background-image: url("../images/bottom-lg-border.png");
}
#resources.dataTable {
width: 100% !important;
}
#dataTables_length,
#resources_filter,
#resources_length {
display: none !important;
visibility: hidden !important;
}
#resources_paginate,
.dataTables_paginate {
display: flex;
justify-content: center;
}
.next.paginate_button a,
.previous.paginate_button a {
font-size: 0px;
}
.previous.paginate_button a::before {
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M7.515 5.543c.52-.526 1.03-1.048 1.546-1.564Q10.918 2.123 12.779.272a.834.834 0 0 1 1.232 0c.236.242.477.479.716.718a.817.817 0 0 1 0 1.222L11.379 5.557Q9.758 7.18 8.138 8.8a.9.9 0 0 1-.606.289.864.864 0 0 1-.667-.288Q5.614 7.551 4.363 6.3L.956 2.889c-.232-.232-.465-.463-.7-.7A.812.812 0 0 1 .269.993l.71-.71a.833.833 0 0 1 1.25 0l3.016 3L7.429 5.462Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
}
.next.paginate_button a::before {
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
}
.page-item.disabled .page-link {
border-color: #dee2e6;
border-color: #fff;
}
.page-link {
border-color: #fff;
color: #2c2c2c;
}
.page-item.active .page-link {
border-color: #fff;
background-color: #fff;
color: #0484b8;
font-weight: 800;
}
th.hidden,
td.hidden {
display: none !important;
visibility: hidden !important;
}
.simplefavorite-button {
all: unset;
margin-right: -10px;
display: block;
cursor: pointer;
font-size: 0px;
}
.simplefavorite-button .sf-icon-star-empty {
height: 25px;
width: 25px;
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='none' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='none' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.simplefavorite-button.active {
opacity: 1 !important;
}
.simplefavorite-button.active .sf-icon-star-full {
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='%23e04e39' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='%23e04e39' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.table-like__item {
display: block;
margin-bottom: 20px;
border-radius: 10px;
height: 130px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
padding: 21px 22px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.table-like__item {
height: auto;
}
}
.table-like__item .item {
width: 100%;
}
.table-like__item .item-content {
display: inline-block;
width: 80%;
vertical-align: top;
font-size: 16px;
line-height: 24px;
}
.table-like__item .item-content a {
width: 100%;
font-family: "Poppins", sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
line-height: 24px;
}
#resources_wrapper {
margin-top: 20px;
}
#resources_wrapper td {
vertical-align: top;
}
.resources .category-filter-group {
flex-direction: column;
}
@media only screen and (max-width: 1200px) {
.resources .category-filter-group {
width: 80%;
}
}
.resources .category-filter-group .category {
display: flex;
}
@media only screen and (max-width: 1100px) {
.resources .category-filter-group .category {
flex-direction: column;
margin-bottom: 20px;
}
}
.resources .category-filter-group .type {
display: flex;
}
@media only screen and (max-width: 1100px) {
.resources .category-filter-group .type {
flex-direction: column;
}
}
.toolkit:before {
content: "";
height: 50px;
width: 40px;
margin-right: 10px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='67' viewBox='0 0 50 67'%3E%3Cg id='Group_1482' data-name='Group 1482' transform='translate(-4332.135 -1543.456)'%3E%3Cpath id='Rectangle_341' data-name='Rectangle 341' d='M3 3V47H64V3H3M3 0H64a3 3 0 0 1 3 3V47a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3A3 3 0 0 1 3 0Z' transform='translate(4382.135 1543.456) rotate(90)' fill='%230484b8'/%3E%3Cg id='Group_1481' data-name='Group 1481' transform='translate(5945.502 -2769.132) rotate(90)'%3E%3Crect id='Rectangle_343' data-name='Rectangle 343' width='6' height='30.351' rx='3' transform='translate(4364.5 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_344' data-name='Rectangle 344' width='6' height='30.351' rx='3' transform='translate(4354.308 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_345' data-name='Rectangle 345' width='6' height='30.351' rx='3' transform='translate(4344.115 1573)' fill='%230484b8'/%3E%3C/g%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='8' cy='8' r='8' transform='translate(4349.135 1552.5)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 768px) {
.toolkit:before {
height: 30px;
width: 40px;
margin-right: 5px;
margin-top: 5px;
}
}
.article:before {
content: "";
height: 50px;
width: 40px;
margin-top: 10px;
margin-right: 10px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='67' viewBox='0 0 50 67'%3E%3Cg id='Group_1483' data-name='Group 1483' transform='translate(-4332.135 -1543.456)'%3E%3Cpath id='Rectangle_341' data-name='Rectangle 341' d='M3 3V47H64V3H3M3 0H64a3 3 0 0 1 3 3V47a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3A3 3 0 0 1 3 0Z' transform='translate(4382.135 1543.456) rotate(90)' fill='%230484b8'/%3E%3Cg id='Group_1481' data-name='Group 1481' transform='translate(5945.502 -2769.132) rotate(90)'%3E%3Crect id='Rectangle_343' data-name='Rectangle 343' width='6' height='30.351' rx='3' transform='translate(4364.5 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_344' data-name='Rectangle 344' width='6' height='30.351' rx='3' transform='translate(4354.308 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_345' data-name='Rectangle 345' width='6' height='30.351' rx='3' transform='translate(4344.115 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_346' data-name='Rectangle 346' width='6' height='30.351' rx='3' transform='translate(4333.923 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_347' data-name='Rectangle 347' width='6' height='30.351' rx='3' transform='translate(4323.73 1573)' fill='%230484b8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 768px) {
.article:before {
height: 30px;
width: 40px;
margin-right: 5px;
margin-top: 5px;
}
}
.pdf:before {
content: "";
height: 50px;
width: 40px;
margin-right: 12px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg id='Group_1138' data-name='Group 1138' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='61.731' height='69.688' viewBox='0 0 61.731 69.688'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_183' data-name='Rectangle 183' width='61.731' height='69.688' fill='%230484b8'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1137' data-name='Group 1137' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1366' data-name='Path 1366' d='M53.764 69.688H8.012c-.107-.038-.213-.082-.323-.113a2.718 2.718 0 0 1-1.9-1.727 2.908 2.908 0 0 1-.165-1.053q0-6.691 0-13.382v-.388H5.306c-.474 0-.948 0-1.422 0a3.9 3.9 0 0 1-3.775-3.24A2.861 2.861 0 0 0 0 49.425v-20.9a2.182 2.182 0 0 0 .1-.328 3.9 3.9 0 0 1 3.911-3.284c.455.009.909 0 1.364 0 .075 0 .149-.012.253-.021V3.112c0-.145 0-.29 0-.435A2.745 2.745 0 0 1 7.386.168 3.124 3.124 0 0 1 8.554 0h32.6c.068 0 .136 0 .2 0A1.35 1.35 0 0 1 42.41.464c.093.1.18.2.27.3q6.482 7.4 12.969 14.8a1.924 1.924 0 0 1 .529 1.364c0 .087 0 .174 0 .261v7.717h.32c.474 0 .949-.015 1.422 0a3.824 3.824 0 0 1 3.488 2.293 3.732 3.732 0 0 1 .324 1.693q-.01 5.863 0 11.727 0 4.166 0 8.331a4.994 4.994 0 0 1-.037.839 3.9 3.9 0 0 1-3.816 3.224c-.474 0-.948 0-1.422 0-.084 0-.168.009-.273.015v.4q0 6.589 0 13.179c0 .184 0 .368-.019.551a2.73 2.73 0 0 1-2.039 2.408c-.12.031-.237.076-.356.115M8.38 2.738V24.9H53.4c.067-.3.056-6.6-.014-6.829H41.668c-.106 0-.213 0-.319 0A1.37 1.37 0 0 1 40.026 16.9a2.746 2.746 0 0 1-.018-.434q0-6.677 0-13.353V2.738ZM8.373 66.175H53.424V53.044H8.373Zm15.5-16.514c.117.019.212.042.307.049.79.066 1.58.148 2.371.19a32.6 32.6 0 0 0 5.1-.059 16.7 16.7 0 0 0 3.844-.831 8.88 8.88 0 0 0 5.7-5.618 12.809 12.809 0 0 0 .459-6.809A8.347 8.347 0 0 0 40 32.889a9.083 9.083 0 0 0-4.6-3.029 16.966 16.966 0 0 0-4.668-.641 45.008 45.008 0 0 0-5.564.239c-.429.046-.856.114-1.288.172Zm-13.02-7.189a14.15 14.15 0 0 0 2.723.043 10.625 10.625 0 0 0 3.35-.756 6.261 6.261 0 0 0 2.815-2.16 6.758 6.758 0 0 0 1.107-4.92 5.65 5.65 0 0 0-3.772-4.77 10.7 10.7 0 0 0-3.6-.675 40.641 40.641 0 0 0-6.485.288c-.236.03-.469.078-.7.116v20.11h4.561Zm46.54-13.085c-.451-.063-12.239-.041-12.439.018V49.736c.383.056 4.375.041 4.611-.021V44.3q0-.682 0-1.364c0-.451 0-.9 0-1.375h4.886c.406 0 .813 0 1.219 0s.8.017 1.2-.013V37.808H53.23c-1.215 0-2.43 0-3.64 0-.06-.549-.036-4.438.033-4.672h7.77Z' fill='%230484b8'/%3E%3Cpath id='Path_1367' data-name='Path 1367' d='M162.156 186.382c.333-.042.657-.1.983-.121a9.593 9.593 0 0 1 3.255.22 5.243 5.243 0 0 1 4.008 4.11 9.4 9.4 0 0 1-.266 5.291 5.541 5.541 0 0 1-4.1 3.7 9.083 9.083 0 0 1-2.445.253c-.472-.008-.944-.031-1.435-.047Z' transform='translate(-133.638 -153.468)' fill='%230484b8'/%3E%3Cpath id='Path_1368' data-name='Path 1368' d='M61.758 192.1v-6.042c.121-.027.24-.063.36-.079a7.58 7.58 0 0 1 2.994.08 3.149 3.149 0 0 1 1.091.523 2.577 2.577 0 0 1 1 1.677 3.556 3.556 0 0 1-.017 1.327 3.013 3.013 0 0 1-2.267 2.389 6.144 6.144 0 0 1-2.182.211c-.317-.019-.633-.056-.976-.087' transform='translate(-50.897 -153.178)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 768px) {
.pdf:before {
height: 30px;
width: 40px;
margin-top: 5px;
margin-right: 5px;
}
}
.video:before {
content: "";
height: 50px;
width: 40px;
margin-right: 10px;
margin-top: 10px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='66.352' height='49.753' viewBox='0 0 66.352 49.753'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_292' data-name='Rectangle 292' width='66.352' height='49.753' fill='%230484b8'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1421' data-name='Group 1421' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1887' data-name='Path 1887' d='M0 44.159V5.579a1.083 1.083 0 0 0 .061-.187A6.207 6.207 0 0 1 6.244 0Q33.17 0 60.1.009a6.512 6.512 0 0 1 1.637.207 6.169 6.169 0 0 1 4.608 5.939c.019 3.564.006 7.129.006 10.694q0 13.249 0 26.5a6.219 6.219 0 0 1-2.013 4.741 6.347 6.347 0 0 1-4.548 1.665q-26.606-.014-53.211-.006H6.341a6.213 6.213 0 0 1-6.17-4.8c-.06-.261-.114-.523-.171-.785M49.742 4.166H16.613V45.579H49.742Zm8.3 8.258c.677 0 1.354.006 2.03 0A2.053 2.053 0 0 0 62.2 10.288q.016-2.013 0-4.026a2.046 2.046 0 0 0-2.121-2.111q-2.03-.013-4.061 0A2.023 2.023 0 0 0 53.912 6.2q-.044 2.08 0 4.161a2.037 2.037 0 0 0 2.134 2.062c.665.006 1.331 0 2 0m.025 8.308c-.677 0-1.354-.006-2.03 0A2.035 2.035 0 0 0 53.91 22.8q-.038 2.063 0 4.127A2.036 2.036 0 0 0 56.029 29q2.03.014 4.061 0A2.038 2.038 0 0 0 62.2 26.92q.027-2.047 0-4.094A2.045 2.045 0 0 0 60.1 20.734c-.677-.008-1.354 0-2.031 0m-.025 24.857c.677 0 1.354.006 2.03 0a2.048 2.048 0 0 0 2.131-2.1q.023-2.03 0-4.06a2.045 2.045 0 0 0-2.122-2.11q-2.03-.014-4.061 0a2.024 2.024 0 0 0-2.109 2.048q-.044 2.08 0 4.162a2.036 2.036 0 0 0 2.134 2.061c.665.006 1.331 0 2 0M8.321 4.149c-.654 0-1.308 0-1.962 0a2.058 2.058 0 0 0-2.2 2.2q-.014 1.945 0 3.89a2.056 2.056 0 0 0 2.216 2.185q1.928.006 3.857 0a2.065 2.065 0 0 0 2.222-2.184q.02-2 0-3.992a2.046 2.046 0 0 0-2.1-2.1c-.677-.009-1.354 0-2.03 0m.007 24.858c.643 0 1.286 0 1.928 0a2.063 2.063 0 0 0 2.194-2.178c.014-1.33.012-2.661 0-3.991a2.041 2.041 0 0 0-2.094-2.1q-2.047-.016-4.094 0a1.981 1.981 0 0 0-2.087 1.953c-.054 1.453-.053 2.91 0 4.362A1.987 1.987 0 0 0 6.263 29c.688.008 1.376 0 2.064 0M8.282 45.589c.643 0 1.286 0 1.928 0a2.071 2.071 0 0 0 2.24-2.2q.017-1.979 0-3.958a2.046 2.046 0 0 0-2.117-2.113q-2.03-.014-4.061 0a1.979 1.979 0 0 0-2.1 1.943c-.056 1.463-.055 2.932 0 4.4a1.981 1.981 0 0 0 2.074 1.932c.676.009 1.353 0 2.03 0' transform='translate(0 0)' fill='%230484b8'/%3E%3Cpath id='Path_1888' data-name='Path 1888' d='M60.393 48.784c0-2.753-.005-5.5 0-8.257a2.035 2.035 0 0 1 2.225-2.091 2.324 2.324 0 0 1 .835.244q8.23 4.1 16.45 8.215a2.086 2.086 0 0 1 0 3.776q-8.223 4.112-16.45 8.217a2.058 2.058 0 0 1-3.066-1.914c-.006-2.73 0-5.46 0-8.19' transform='translate(-37.582 -23.915)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 768px) {
.video:before {
height: 30px;
width: 35px;
margin-top: 5px;
margin-right: 10px;
margin-left: -5px;
}
}
.category-type {
display: block;
}
/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -9,6 +9,7 @@
defined( 'ABSPATH' ) || exit;
include 'inc/shortcodes.php';
include 'inc/blocks.php';
include 'inc/shortcodes-resources.php';
/**
......
<?php
add_shortcode('resources-list', 'resources_list');
function resources_list(){
try{
$custom_args = array(
'post_type' => 'resource',
'posts_per_page' => -1,
'paged' => 1,
'post_status' => 'any',
'order' => 'DESC',
'orderby' => 'rand',
);
$custom_query = new \WP_Query($custom_args);
ob_start();
$uniqid = uniqid();
if ($custom_query->have_posts()):
?>
<div class="course-list resources">
<label for="quicksearch">Search programs:</label><input type="text" id="quicksearch" placeholder="" />
<div class="filters">
<a href="#" id="filter-more">FILTERS <span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span></a>
<div class="filter-group">
<div class="category-filter-group ">
<div class="category">
<?php $terms = get_terms( array( 'taxonomy' => 'resource_category' ,'parent' => 27) );
foreach($terms as $term){ ?>
<div class="category-filter"> <input id="<?php echo $term->slug ; ?>" value="<?php echo $term->slug ; ?>" type="checkbox" class="sr-only"><label for="<?php echo $term->slug ; ?>"><?php echo $term->name ; ?></label></div>
<?php }; ?>
</div>
<div class="type">
<?php $terms = get_terms( array( 'taxonomy' => 'resource_category' ,'parent' => 32) );
foreach($terms as $term){ ?>
<div class="category-type"> <input id="<?php echo $term->slug ; ?>" value="<?php echo $term->slug ; ?>" type="checkbox" class="sr-only"><label for="<?php echo $term->slug ; ?>"><?php echo $term->name ; ?></label></div>
<?php }; ?>
</div>
</div>
<div class="btn-group sort-button-group">
<button class="btn btn-light" data-sort-direction="asc" data-sort-value="1" type="button">Name <span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span></button>
<button class="btn btn-light" data-sort-direction="asc" data-sort-value="3" type="button">Date <span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span></button>
</div>
</div>
</div>
<table id="resources">
<thead><tr><th class="hidden"></th><th class="hidden"></th><th></th><th class="hidden"></th><th></th></tr></thead>
<tbody>
<?php while ($custom_query->have_posts()): $custom_query->the_post();
echo resources(get_the_ID());
endwhile; ?>
</tbody>
</table>
</div>
<div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex justify-content-center flex-column">
<h2 class="modal-title align-self-center">You must be logged in to add resources to your dashboard</h2>
<a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
<p class="align-self-center">Don’t have a login? <a title="Sign up" href="my-account/" class="">Sign up</a> for an account.<p>
</div>
</div>
</div>
</div>
<?php endif;
wp_reset_query();
$output = ob_get_clean();
return $output;
}catch(Throwable $e) {
error_log("resources_list()". $e->getMessage()) ;
}
}
add_shortcode('resources-fav', 'resources_fav');
function resources_fav(){
$favorites = get_user_favorites(get_current_user_id());
ob_start();
$uniqid = uniqid();
if (is_array( $favorites)): ?>
<div class="course-list resources">
<table id="resources" class="resources-fav">
<thead><tr><th class="hidden"></th><th class="hidden"></th><th></th><th class="hidden"></th><th></th></tr></thead>
<tbody>
<?php foreach($favorites as $fav){
echo resources($fav);
}; ?>
</tbody>
</table>
</div>
<?php endif;
wp_reset_query();
$output = ob_get_clean();
return $output;
}
function resources($id){
ob_start();
$post = get_post($id);
$text = str_replace(']]>', ']]&gt;', apply_filters( 'the_content', strip_shortcodes($post->post_content)));
$excerpt_length = apply_filters( 'excerpt_length', 20 );
$text = wp_trim_words( $text, $excerpt_length, ' ...' );
$categories = get_the_terms( $id, 'resource_category' );
$cat ="";
$type ="";
if(is_array( $categories)){
foreach( $categories as $category ) {
if($category->parent == 27){
$cat .= " ".$category->slug;
}
if($category->parent == 32){
$type .= " ".$category->slug;
}
};
} ?>
<tr class="table-like__item">
<td class="hidden"> <?php echo $type; ?></td>
<td class="item <?php echo $type; ?>"><div class="item-content"><a role="button" href="<?php echo get_permalink($id); ?>"><?php echo $post->post_title; ?></a><br>
<?php echo $text; ?><div>
</td>
<td class="hidden"> <?php echo $cat; ?></td>
<td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td>
<td>
<?php if(!is_user_logged_in()){ ?>
<button class="simplefavorite-button" data-bs-toggle="modal" data-bs-target="#login-window" style="">Favorite <i class="sf-icon-star-empty"></i></button>
<?php }else{
echo do_shortcode('[favorite_button post_id="'.$id.'"]');
} ?>
</td>
</tr>
<?php
$output = ob_get_clean();
return $output;
}
\ No newline at end of file
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -1819,6 +1819,23 @@
}
}
},
"datatables.net": {
"version": "1.13.2",
"resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-1.13.2.tgz",
"integrity": "sha512-u5nOU+C9SBp1SyPmd6G+niozZtrBwo1E8xzdOk3JJaAkFYgX/KxF3Gd79R8YLbUfmIs2OLnLe5gaz/qs5U8UDA==",
"requires": {
"jquery": ">=1.7"
}
},
"datatables.net-bs5": {
"version": "1.13.2",
"resolved": "https://registry.npmjs.org/datatables.net-bs5/-/datatables.net-bs5-1.13.2.tgz",
"integrity": "sha512-p1JOXFi+VD4wS0AxRmJPHBylJ8AC4xGJ3j0TZ+8hMspuZ+QvAhEqEPt8OEAGVzlN1ElfQimZjBeAoES/9nsuig==",
"requires": {
"datatables.net": ">=1.12.1",
"jquery": ">=1.7"
}
},
"debug": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
......@@ -2630,6 +2647,11 @@
"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
"dev": true
},
"jquery": {
"version": "3.6.3",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz",
"integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg=="
},
"js-tokens": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
......
......@@ -41,7 +41,10 @@
"url": "https://github.com/understrap/understrap-child/issues"
},
"homepage": "https://understrap.com",
"dependencies": {},
"dependencies": {
"datatables.net-bs5": "^1.13.2",
"jquery": "^3.6.3"
},
"devDependencies": {
"@babel/core": "^7.19.6",
"@babel/preset-env": "^7.19.4",
......
jQuery(document).ready(function($) {
if (!$('#resources').length) {
return;
}
var pageL = 10;
if($('#resources').hasClass('resources-fav')){
pageL = 4;
}
var myTable = $('#resources').DataTable({
"pageLength": pageL,
"searchable": false,
"paging": true,
"info": false,
"order": [[2, 'desc']],
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup(function() {
console.log($quicksearch.val());
$('#resources').DataTable().column(1).search($quicksearch.val()).draw();
});
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join('|') : '';
console.log(filterValue);
$('#resources').DataTable().column(2).search(filterValue,true,false).draw();
});
// filter with selects and checkboxes
var $typecheckboxes = $('.category-type input');
var typeFilterValue;
$typecheckboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$typecheckboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join('|') : '';
$('#resources').DataTable().column(0).search(typeFilterValue,true,false).draw();
});
$('.sort-button-group').on('click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
myTable.order([sortValue, newDirection]).draw();
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
});
\ No newline at end of file
// Add your custom JS here.
import jQuery from 'jquery';
import DataTable from 'datatables.net-bs5';
import "./_resources_list";
var a = document.querySelector('.blur-image');
......
......@@ -15,6 +15,7 @@
@import "theme/login";
@import "theme/body";
@import "theme/link_block";
@import "theme/resources_list";
// @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
// @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
// @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
......@@ -7,7 +7,7 @@
}
}
#content,
#page-wrapper {
position: relative;
display: inline-block;
......@@ -25,9 +25,13 @@
.wrapper .container{
padding:0 160px 40px 50px;
@media only screen and (max-width: 1260px) {
padding:0;
padding:0 15px;
}
}
.um-um_account_id {
margin-top: 50px;
width: 80%!important;
}
h2{
......
......@@ -87,7 +87,7 @@
}
}
}
.um{
.um:not(.um-um_account_id){
width: 275px !important;
display: flex!important;
flex-basis: auto;
......@@ -119,4 +119,4 @@
}
}
}
}
\ No newline at end of file
}
......
#resources.dataTable{
width: 100% !important;
}
#dataTables_length,
#resources_filter,
#resources_length {
display: none !important;
visibility: hidden !important;
}
#resources_paginate,
.dataTables_paginate {
display: flex;
justify-content: center;
}
.next.paginate_button a,
.previous.paginate_button a {
font-size: 0px;
}
.previous.paginate_button a::before {
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M7.515 5.543c.52-.526 1.03-1.048 1.546-1.564Q10.918 2.123 12.779.272a.834.834 0 0 1 1.232 0c.236.242.477.479.716.718a.817.817 0 0 1 0 1.222L11.379 5.557Q9.758 7.18 8.138 8.8a.9.9 0 0 1-.606.289.864.864 0 0 1-.667-.288Q5.614 7.551 4.363 6.3L.956 2.889c-.232-.232-.465-.463-.7-.7A.812.812 0 0 1 .269.993l.71-.71a.833.833 0 0 1 1.25 0l3.016 3L7.429 5.462Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
}
.next.paginate_button a::before {
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
}
.page-item.disabled .page-link {
border-color: #dee2e6;
border-color: #fff;
}
.page-link {
border-color: #fff;
color: #2c2c2c;
}
.page-item.active .page-link {
border-color: #fff;
background-color: #fff;
color: #0484b8;
font-weight: 800;
}
th.hidden,
td.hidden {
display: none !important;
visibility: hidden !important;
}
.simplefavorite-button {
all: unset;
margin-right: -10px;
display: block;
cursor: pointer;
font-size: 0px;
.sf-icon-star-empty {
height: 25px;
width: 25px;
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='none' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='none' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
.simplefavorite-button.active {
opacity: 1 !important;
.sf-icon-star-full {
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='%23e04e39' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='%23e04e39' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
.table-like__item {
display: block;
margin-bottom: 20px;
border-radius: 10px;
height: 130px;
@media only screen and (max-width: 768px) {
height: auto;
}
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
padding: 21px 22px;
width: 100%;
.item {
width: 100%;
}
.item-content {
display: inline-block;
width: 80%;
vertical-align: top;
font-size: 16px;
line-height: 24px;
a {
width: 100%;
font-family: "Poppins", sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
line-height: 24px;
}
}
}
#resources_wrapper {
margin-top: 20px;
td {
vertical-align: top;
}
}
.resources {
.category-filter-group {
flex-direction: column;
@media only screen and (max-width: 1200px) {
width: 80%;
}
.category {
display: flex;
@media only screen and (max-width: 1100px) {
flex-direction: column;
margin-bottom: 20px;
}
}
.type {
display: flex;
@media only screen and (max-width: 1100px) {
flex-direction: column;
}
}
}
}
.toolkit:before {
content: "";
height: 50px;
width: 40px;
margin-right: 10px;
@media only screen and (max-width: 768px) {
height: 30px;
width: 40px;
margin-right: 5px;
margin-top: 5px;
}
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='67' viewBox='0 0 50 67'%3E%3Cg id='Group_1482' data-name='Group 1482' transform='translate(-4332.135 -1543.456)'%3E%3Cpath id='Rectangle_341' data-name='Rectangle 341' d='M3 3V47H64V3H3M3 0H64a3 3 0 0 1 3 3V47a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3A3 3 0 0 1 3 0Z' transform='translate(4382.135 1543.456) rotate(90)' fill='%230484b8'/%3E%3Cg id='Group_1481' data-name='Group 1481' transform='translate(5945.502 -2769.132) rotate(90)'%3E%3Crect id='Rectangle_343' data-name='Rectangle 343' width='6' height='30.351' rx='3' transform='translate(4364.5 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_344' data-name='Rectangle 344' width='6' height='30.351' rx='3' transform='translate(4354.308 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_345' data-name='Rectangle 345' width='6' height='30.351' rx='3' transform='translate(4344.115 1573)' fill='%230484b8'/%3E%3C/g%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='8' cy='8' r='8' transform='translate(4349.135 1552.5)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
.article:before {
content: "";
height: 50px;
width: 40px;
margin-top: 10px;
margin-right: 10px;
@media only screen and (max-width: 768px) {
height: 30px;
width: 40px;
margin-right: 5px;
margin-top: 5px;
}
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='67' viewBox='0 0 50 67'%3E%3Cg id='Group_1483' data-name='Group 1483' transform='translate(-4332.135 -1543.456)'%3E%3Cpath id='Rectangle_341' data-name='Rectangle 341' d='M3 3V47H64V3H3M3 0H64a3 3 0 0 1 3 3V47a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3A3 3 0 0 1 3 0Z' transform='translate(4382.135 1543.456) rotate(90)' fill='%230484b8'/%3E%3Cg id='Group_1481' data-name='Group 1481' transform='translate(5945.502 -2769.132) rotate(90)'%3E%3Crect id='Rectangle_343' data-name='Rectangle 343' width='6' height='30.351' rx='3' transform='translate(4364.5 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_344' data-name='Rectangle 344' width='6' height='30.351' rx='3' transform='translate(4354.308 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_345' data-name='Rectangle 345' width='6' height='30.351' rx='3' transform='translate(4344.115 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_346' data-name='Rectangle 346' width='6' height='30.351' rx='3' transform='translate(4333.923 1573)' fill='%230484b8'/%3E%3Crect id='Rectangle_347' data-name='Rectangle 347' width='6' height='30.351' rx='3' transform='translate(4323.73 1573)' fill='%230484b8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.pdf:before {
content: "";
height: 50px;
width: 40px;
margin-right: 12px;
@media only screen and (max-width: 768px) {
height: 30px;
width: 40px;
margin-top: 5px;
margin-right: 5px;
}
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg id='Group_1138' data-name='Group 1138' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='61.731' height='69.688' viewBox='0 0 61.731 69.688'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_183' data-name='Rectangle 183' width='61.731' height='69.688' fill='%230484b8'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1137' data-name='Group 1137' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1366' data-name='Path 1366' d='M53.764 69.688H8.012c-.107-.038-.213-.082-.323-.113a2.718 2.718 0 0 1-1.9-1.727 2.908 2.908 0 0 1-.165-1.053q0-6.691 0-13.382v-.388H5.306c-.474 0-.948 0-1.422 0a3.9 3.9 0 0 1-3.775-3.24A2.861 2.861 0 0 0 0 49.425v-20.9a2.182 2.182 0 0 0 .1-.328 3.9 3.9 0 0 1 3.911-3.284c.455.009.909 0 1.364 0 .075 0 .149-.012.253-.021V3.112c0-.145 0-.29 0-.435A2.745 2.745 0 0 1 7.386.168 3.124 3.124 0 0 1 8.554 0h32.6c.068 0 .136 0 .2 0A1.35 1.35 0 0 1 42.41.464c.093.1.18.2.27.3q6.482 7.4 12.969 14.8a1.924 1.924 0 0 1 .529 1.364c0 .087 0 .174 0 .261v7.717h.32c.474 0 .949-.015 1.422 0a3.824 3.824 0 0 1 3.488 2.293 3.732 3.732 0 0 1 .324 1.693q-.01 5.863 0 11.727 0 4.166 0 8.331a4.994 4.994 0 0 1-.037.839 3.9 3.9 0 0 1-3.816 3.224c-.474 0-.948 0-1.422 0-.084 0-.168.009-.273.015v.4q0 6.589 0 13.179c0 .184 0 .368-.019.551a2.73 2.73 0 0 1-2.039 2.408c-.12.031-.237.076-.356.115M8.38 2.738V24.9H53.4c.067-.3.056-6.6-.014-6.829H41.668c-.106 0-.213 0-.319 0A1.37 1.37 0 0 1 40.026 16.9a2.746 2.746 0 0 1-.018-.434q0-6.677 0-13.353V2.738ZM8.373 66.175H53.424V53.044H8.373Zm15.5-16.514c.117.019.212.042.307.049.79.066 1.58.148 2.371.19a32.6 32.6 0 0 0 5.1-.059 16.7 16.7 0 0 0 3.844-.831 8.88 8.88 0 0 0 5.7-5.618 12.809 12.809 0 0 0 .459-6.809A8.347 8.347 0 0 0 40 32.889a9.083 9.083 0 0 0-4.6-3.029 16.966 16.966 0 0 0-4.668-.641 45.008 45.008 0 0 0-5.564.239c-.429.046-.856.114-1.288.172Zm-13.02-7.189a14.15 14.15 0 0 0 2.723.043 10.625 10.625 0 0 0 3.35-.756 6.261 6.261 0 0 0 2.815-2.16 6.758 6.758 0 0 0 1.107-4.92 5.65 5.65 0 0 0-3.772-4.77 10.7 10.7 0 0 0-3.6-.675 40.641 40.641 0 0 0-6.485.288c-.236.03-.469.078-.7.116v20.11h4.561Zm46.54-13.085c-.451-.063-12.239-.041-12.439.018V49.736c.383.056 4.375.041 4.611-.021V44.3q0-.682 0-1.364c0-.451 0-.9 0-1.375h4.886c.406 0 .813 0 1.219 0s.8.017 1.2-.013V37.808H53.23c-1.215 0-2.43 0-3.64 0-.06-.549-.036-4.438.033-4.672h7.77Z' fill='%230484b8'/%3E%3Cpath id='Path_1367' data-name='Path 1367' d='M162.156 186.382c.333-.042.657-.1.983-.121a9.593 9.593 0 0 1 3.255.22 5.243 5.243 0 0 1 4.008 4.11 9.4 9.4 0 0 1-.266 5.291 5.541 5.541 0 0 1-4.1 3.7 9.083 9.083 0 0 1-2.445.253c-.472-.008-.944-.031-1.435-.047Z' transform='translate(-133.638 -153.468)' fill='%230484b8'/%3E%3Cpath id='Path_1368' data-name='Path 1368' d='M61.758 192.1v-6.042c.121-.027.24-.063.36-.079a7.58 7.58 0 0 1 2.994.08 3.149 3.149 0 0 1 1.091.523 2.577 2.577 0 0 1 1 1.677 3.556 3.556 0 0 1-.017 1.327 3.013 3.013 0 0 1-2.267 2.389 6.144 6.144 0 0 1-2.182.211c-.317-.019-.633-.056-.976-.087' transform='translate(-50.897 -153.178)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
.video:before {
content: "";
height: 50px;
width: 40px;
margin-right: 10px;
margin-top: 10px;
@media only screen and (max-width: 768px) {
height: 30px;
width: 35px;
margin-top: 5px;
margin-right: 10px;
margin-left: -5px;
}
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='66.352' height='49.753' viewBox='0 0 66.352 49.753'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_292' data-name='Rectangle 292' width='66.352' height='49.753' fill='%230484b8'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1421' data-name='Group 1421' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1887' data-name='Path 1887' d='M0 44.159V5.579a1.083 1.083 0 0 0 .061-.187A6.207 6.207 0 0 1 6.244 0Q33.17 0 60.1.009a6.512 6.512 0 0 1 1.637.207 6.169 6.169 0 0 1 4.608 5.939c.019 3.564.006 7.129.006 10.694q0 13.249 0 26.5a6.219 6.219 0 0 1-2.013 4.741 6.347 6.347 0 0 1-4.548 1.665q-26.606-.014-53.211-.006H6.341a6.213 6.213 0 0 1-6.17-4.8c-.06-.261-.114-.523-.171-.785M49.742 4.166H16.613V45.579H49.742Zm8.3 8.258c.677 0 1.354.006 2.03 0A2.053 2.053 0 0 0 62.2 10.288q.016-2.013 0-4.026a2.046 2.046 0 0 0-2.121-2.111q-2.03-.013-4.061 0A2.023 2.023 0 0 0 53.912 6.2q-.044 2.08 0 4.161a2.037 2.037 0 0 0 2.134 2.062c.665.006 1.331 0 2 0m.025 8.308c-.677 0-1.354-.006-2.03 0A2.035 2.035 0 0 0 53.91 22.8q-.038 2.063 0 4.127A2.036 2.036 0 0 0 56.029 29q2.03.014 4.061 0A2.038 2.038 0 0 0 62.2 26.92q.027-2.047 0-4.094A2.045 2.045 0 0 0 60.1 20.734c-.677-.008-1.354 0-2.031 0m-.025 24.857c.677 0 1.354.006 2.03 0a2.048 2.048 0 0 0 2.131-2.1q.023-2.03 0-4.06a2.045 2.045 0 0 0-2.122-2.11q-2.03-.014-4.061 0a2.024 2.024 0 0 0-2.109 2.048q-.044 2.08 0 4.162a2.036 2.036 0 0 0 2.134 2.061c.665.006 1.331 0 2 0M8.321 4.149c-.654 0-1.308 0-1.962 0a2.058 2.058 0 0 0-2.2 2.2q-.014 1.945 0 3.89a2.056 2.056 0 0 0 2.216 2.185q1.928.006 3.857 0a2.065 2.065 0 0 0 2.222-2.184q.02-2 0-3.992a2.046 2.046 0 0 0-2.1-2.1c-.677-.009-1.354 0-2.03 0m.007 24.858c.643 0 1.286 0 1.928 0a2.063 2.063 0 0 0 2.194-2.178c.014-1.33.012-2.661 0-3.991a2.041 2.041 0 0 0-2.094-2.1q-2.047-.016-4.094 0a1.981 1.981 0 0 0-2.087 1.953c-.054 1.453-.053 2.91 0 4.362A1.987 1.987 0 0 0 6.263 29c.688.008 1.376 0 2.064 0M8.282 45.589c.643 0 1.286 0 1.928 0a2.071 2.071 0 0 0 2.24-2.2q.017-1.979 0-3.958a2.046 2.046 0 0 0-2.117-2.113q-2.03-.014-4.061 0a1.979 1.979 0 0 0-2.1 1.943c-.056 1.463-.055 2.932 0 4.4a1.981 1.981 0 0 0 2.074 1.932c.676.009 1.353 0 2.03 0' transform='translate(0 0)' fill='%230484b8'/%3E%3Cpath id='Path_1888' data-name='Path 1888' d='M60.393 48.784c0-2.753-.005-5.5 0-8.257a2.035 2.035 0 0 1 2.225-2.091 2.324 2.324 0 0 1 .835.244q8.23 4.1 16.45 8.215a2.086 2.086 0 0 1 0 3.776q-8.223 4.112-16.45 8.217a2.058 2.058 0 0 1-3.066-1.914c-.006-2.73 0-5.46 0-8.19' transform='translate(-37.582 -23.915)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
.category-type {
display: block;
}