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 { ...@@ -14200,6 +14200,7 @@ figure.woocommerce-product-gallery__wrapper {
14200 display: none; 14200 display: none;
14201 } 14201 }
14202 14202
14203 #content,
14203 #page-wrapper { 14204 #page-wrapper {
14204 position: relative; 14205 position: relative;
14205 display: inline-block; 14206 display: inline-block;
...@@ -14208,10 +14209,12 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14208,10 +14209,12 @@ figure.woocommerce-product-gallery__wrapper {
14208 padding-top: 0px; 14209 padding-top: 0px;
14209 } 14210 }
14210 @media only screen and (max-width: 1260px) { 14211 @media only screen and (max-width: 1260px) {
14212 #content,
14211 #page-wrapper { 14213 #page-wrapper {
14212 width: 100%; 14214 width: 100%;
14213 } 14215 }
14214 } 14216 }
14217 #content #content,
14215 #page-wrapper #content { 14218 #page-wrapper #content {
14216 position: relative; 14219 position: relative;
14217 } 14220 }
...@@ -14221,10 +14224,15 @@ figure.woocommerce-product-gallery__wrapper { ...@@ -14221,10 +14224,15 @@ figure.woocommerce-product-gallery__wrapper {
14221 } 14224 }
14222 @media only screen and (max-width: 1260px) { 14225 @media only screen and (max-width: 1260px) {
14223 .wrapper .container { 14226 .wrapper .container {
14224 padding: 0; 14227 padding: 0 15px;
14225 } 14228 }
14226 } 14229 }
14227 14230
14231 .um-um_account_id {
14232 margin-top: 50px;
14233 width: 80% !important;
14234 }
14235
14228 h2, .h2 { 14236 h2, .h2 {
14229 color: #1A3668; 14237 color: #1A3668;
14230 font-size: 28px; 14238 font-size: 28px;
...@@ -14318,34 +14326,34 @@ h2, .h2 { ...@@ -14318,34 +14326,34 @@ h2, .h2 {
14318 color: #000000; 14326 color: #000000;
14319 } 14327 }
14320 14328
14321 .um { 14329 .um:not(.um-um_account_id) {
14322 width: 275px !important; 14330 width: 275px !important;
14323 display: flex !important; 14331 display: flex !important;
14324 flex-basis: auto; 14332 flex-basis: auto;
14325 flex-direction: row; 14333 flex-direction: row;
14326 align-self: flex-end; 14334 align-self: flex-end;
14327 } 14335 }
14328 .um .um-form { 14336 .um:not(.um-um_account_id) .um-form {
14329 margin-bottom: 40px; 14337 margin-bottom: 40px;
14330 } 14338 }
14331 .um .um-form .um-misc-with-img { 14339 .um:not(.um-um_account_id) .um-form .um-misc-with-img {
14332 width: 30%; 14340 width: 30%;
14333 display: inline-block; 14341 display: inline-block;
14334 border-bottom: 0px solid #eee; 14342 border-bottom: 0px solid #eee;
14335 margin-bottom: 0px; 14343 margin-bottom: 0px;
14336 padding: 0px; 14344 padding: 0px;
14337 } 14345 }
14338 .um .um-form .um-misc-with-img div strong { 14346 .um:not(.um-um_account_id) .um-form .um-misc-with-img div strong {
14339 display: none; 14347 display: none;
14340 } 14348 }
14341 .um .um-form .um-misc-ul { 14349 .um:not(.um-um_account_id) .um-form .um-misc-ul {
14342 width: 50%; 14350 width: 50%;
14343 display: inline-block; 14351 display: inline-block;
14344 list-style: none; 14352 list-style: none;
14345 padding-left: 14px; 14353 padding-left: 14px;
14346 vertical-align: top; 14354 vertical-align: top;
14347 } 14355 }
14348 .um .um-form .um-misc-ul a { 14356 .um:not(.um-um_account_id) .um-form .um-misc-ul a {
14349 text-decoration: none; 14357 text-decoration: none;
14350 color: #000000; 14358 color: #000000;
14351 } 14359 }
...@@ -14601,4 +14609,231 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item { ...@@ -14601,4 +14609,231 @@ h2 + .wp-block-pb-accordion-item, .h2 + .wp-block-pb-accordion-item {
14601 background-image: url("../images/bottom-lg-border.png"); 14609 background-image: url("../images/bottom-lg-border.png");
14602 } 14610 }
14603 14611
14612 #resources.dataTable {
14613 width: 100% !important;
14614 }
14615
14616 #dataTables_length,
14617 #resources_filter,
14618 #resources_length {
14619 display: none !important;
14620 visibility: hidden !important;
14621 }
14622
14623 #resources_paginate,
14624 .dataTables_paginate {
14625 display: flex;
14626 justify-content: center;
14627 }
14628
14629 .next.paginate_button a,
14630 .previous.paginate_button a {
14631 font-size: 0px;
14632 }
14633
14634 .previous.paginate_button a::before {
14635 top: 5px;
14636 position: relative;
14637 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");
14638 }
14639
14640 .next.paginate_button a::before {
14641 top: 5px;
14642 position: relative;
14643 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");
14644 }
14645
14646 .page-item.disabled .page-link {
14647 border-color: #dee2e6;
14648 border-color: #fff;
14649 }
14650
14651 .page-link {
14652 border-color: #fff;
14653 color: #2c2c2c;
14654 }
14655
14656 .page-item.active .page-link {
14657 border-color: #fff;
14658 background-color: #fff;
14659 color: #0484b8;
14660 font-weight: 800;
14661 }
14662
14663 th.hidden,
14664 td.hidden {
14665 display: none !important;
14666 visibility: hidden !important;
14667 }
14668
14669 .simplefavorite-button {
14670 all: unset;
14671 margin-right: -10px;
14672 display: block;
14673 cursor: pointer;
14674 font-size: 0px;
14675 }
14676 .simplefavorite-button .sf-icon-star-empty {
14677 height: 25px;
14678 width: 25px;
14679 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");
14680 }
14681
14682 .simplefavorite-button.active {
14683 opacity: 1 !important;
14684 }
14685 .simplefavorite-button.active .sf-icon-star-full {
14686 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");
14687 }
14688
14689 .table-like__item {
14690 display: block;
14691 margin-bottom: 20px;
14692 border-radius: 10px;
14693 height: 130px;
14694 background: #ffffff 0% 0% no-repeat padding-box;
14695 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
14696 padding: 21px 22px;
14697 width: 100%;
14698 }
14699 @media only screen and (max-width: 768px) {
14700 .table-like__item {
14701 height: auto;
14702 }
14703 }
14704 .table-like__item .item {
14705 width: 100%;
14706 }
14707 .table-like__item .item-content {
14708 display: inline-block;
14709 width: 80%;
14710 vertical-align: top;
14711 font-size: 16px;
14712 line-height: 24px;
14713 }
14714 .table-like__item .item-content a {
14715 width: 100%;
14716 font-family: "Poppins", sans-serif;
14717 font-weight: 500;
14718 text-decoration: none;
14719 font-size: 16px;
14720 line-height: 24px;
14721 }
14722
14723 #resources_wrapper {
14724 margin-top: 20px;
14725 }
14726 #resources_wrapper td {
14727 vertical-align: top;
14728 }
14729
14730 .resources .category-filter-group {
14731 flex-direction: column;
14732 }
14733 @media only screen and (max-width: 1200px) {
14734 .resources .category-filter-group {
14735 width: 80%;
14736 }
14737 }
14738 .resources .category-filter-group .category {
14739 display: flex;
14740 }
14741 @media only screen and (max-width: 1100px) {
14742 .resources .category-filter-group .category {
14743 flex-direction: column;
14744 margin-bottom: 20px;
14745 }
14746 }
14747 .resources .category-filter-group .type {
14748 display: flex;
14749 }
14750 @media only screen and (max-width: 1100px) {
14751 .resources .category-filter-group .type {
14752 flex-direction: column;
14753 }
14754 }
14755
14756 .toolkit:before {
14757 content: "";
14758 height: 50px;
14759 width: 40px;
14760 margin-right: 10px;
14761 display: inline-block;
14762 background-size: contain;
14763 background-repeat: no-repeat;
14764 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");
14765 }
14766 @media only screen and (max-width: 768px) {
14767 .toolkit:before {
14768 height: 30px;
14769 width: 40px;
14770 margin-right: 5px;
14771 margin-top: 5px;
14772 }
14773 }
14774
14775 .article:before {
14776 content: "";
14777 height: 50px;
14778 width: 40px;
14779 margin-top: 10px;
14780 margin-right: 10px;
14781 display: inline-block;
14782 background-size: contain;
14783 background-repeat: no-repeat;
14784 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");
14785 }
14786 @media only screen and (max-width: 768px) {
14787 .article:before {
14788 height: 30px;
14789 width: 40px;
14790 margin-right: 5px;
14791 margin-top: 5px;
14792 }
14793 }
14794
14795 .pdf:before {
14796 content: "";
14797 height: 50px;
14798 width: 40px;
14799 margin-right: 12px;
14800 display: inline-block;
14801 background-size: contain;
14802 background-repeat: no-repeat;
14803 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");
14804 }
14805 @media only screen and (max-width: 768px) {
14806 .pdf:before {
14807 height: 30px;
14808 width: 40px;
14809 margin-top: 5px;
14810 margin-right: 5px;
14811 }
14812 }
14813
14814 .video:before {
14815 content: "";
14816 height: 50px;
14817 width: 40px;
14818 margin-right: 10px;
14819 margin-top: 10px;
14820 display: inline-block;
14821 background-size: contain;
14822 background-repeat: no-repeat;
14823 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");
14824 }
14825 @media only screen and (max-width: 768px) {
14826 .video:before {
14827 height: 30px;
14828 width: 35px;
14829 margin-top: 5px;
14830 margin-right: 10px;
14831 margin-left: -5px;
14832 }
14833 }
14834
14835 .category-type {
14836 display: block;
14837 }
14838
14604 /*# sourceMappingURL=child-theme.css.map */ 14839 /*# sourceMappingURL=child-theme.css.map */
...\ No newline at end of file ...\ 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 @@ ...@@ -9,6 +9,7 @@
9 defined( 'ABSPATH' ) || exit; 9 defined( 'ABSPATH' ) || exit;
10 include 'inc/shortcodes.php'; 10 include 'inc/shortcodes.php';
11 include 'inc/blocks.php'; 11 include 'inc/blocks.php';
12 include 'inc/shortcodes-resources.php';
12 13
13 14
14 /** 15 /**
......
1 <?php
2
3 add_shortcode('resources-list', 'resources_list');
4
5
6 function resources_list(){
7
8 try{
9
10 $custom_args = array(
11 'post_type' => 'resource',
12 'posts_per_page' => -1,
13 'paged' => 1,
14 'post_status' => 'any',
15 'order' => 'DESC',
16 'orderby' => 'rand',
17 );
18 $custom_query = new \WP_Query($custom_args);
19
20 ob_start();
21 $uniqid = uniqid();
22 if ($custom_query->have_posts()):
23 ?>
24 <div class="course-list resources">
25 <label for="quicksearch">Search programs:</label><input type="text" id="quicksearch" placeholder="" />
26 <div class="filters">
27 <a href="#" id="filter-more">FILTERS <span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span></a>
28 <div class="filter-group">
29 <div class="category-filter-group ">
30 <div class="category">
31 <?php $terms = get_terms( array( 'taxonomy' => 'resource_category' ,'parent' => 27) );
32 foreach($terms as $term){ ?>
33 <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>
34 <?php }; ?>
35 </div>
36 <div class="type">
37 <?php $terms = get_terms( array( 'taxonomy' => 'resource_category' ,'parent' => 32) );
38 foreach($terms as $term){ ?>
39 <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>
40 <?php }; ?>
41 </div>
42 </div>
43 <div class="btn-group sort-button-group">
44 <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>
45 <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>
46 </div>
47 </div>
48 </div>
49 <table id="resources">
50 <thead><tr><th class="hidden"></th><th class="hidden"></th><th></th><th class="hidden"></th><th></th></tr></thead>
51 <tbody>
52 <?php while ($custom_query->have_posts()): $custom_query->the_post();
53 echo resources(get_the_ID());
54 endwhile; ?>
55 </tbody>
56 </table>
57 </div>
58 <div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
59 <div class="modal-dialog modal-dialog-centered ">
60 <div class="modal-content">
61 <div class="modal-header">
62 <button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
63 </div>
64 <div class="modal-body d-flex justify-content-center flex-column">
65 <h2 class="modal-title align-self-center">You must be logged in to add resources to your dashboard</h2>
66 <a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
67 <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>
68 </div>
69 </div>
70 </div>
71 </div>
72 <?php endif;
73 wp_reset_query();
74 $output = ob_get_clean();
75 return $output;
76
77 }catch(Throwable $e) {
78 error_log("resources_list()". $e->getMessage()) ;
79 }
80
81 }
82
83
84 add_shortcode('resources-fav', 'resources_fav');
85
86 function resources_fav(){
87
88 $favorites = get_user_favorites(get_current_user_id());
89
90
91 ob_start();
92 $uniqid = uniqid();
93
94 if (is_array( $favorites)): ?>
95 <div class="course-list resources">
96 <table id="resources" class="resources-fav">
97 <thead><tr><th class="hidden"></th><th class="hidden"></th><th></th><th class="hidden"></th><th></th></tr></thead>
98 <tbody>
99 <?php foreach($favorites as $fav){
100 echo resources($fav);
101 }; ?>
102 </tbody>
103 </table>
104 </div>
105 <?php endif;
106 wp_reset_query();
107 $output = ob_get_clean();
108 return $output;
109 }
110
111
112
113
114 function resources($id){
115
116 ob_start();
117 $post = get_post($id);
118 $text = str_replace(']]>', ']]&gt;', apply_filters( 'the_content', strip_shortcodes($post->post_content)));
119 $excerpt_length = apply_filters( 'excerpt_length', 20 );
120 $text = wp_trim_words( $text, $excerpt_length, ' ...' );
121 $categories = get_the_terms( $id, 'resource_category' );
122 $cat ="";
123 $type ="";
124 if(is_array( $categories)){
125 foreach( $categories as $category ) {
126 if($category->parent == 27){
127 $cat .= " ".$category->slug;
128 }
129 if($category->parent == 32){
130 $type .= " ".$category->slug;
131 }
132 };
133 } ?>
134
135 <tr class="table-like__item">
136 <td class="hidden"> <?php echo $type; ?></td>
137 <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>
138 <?php echo $text; ?><div>
139 </td>
140 <td class="hidden"> <?php echo $cat; ?></td>
141 <td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td>
142 <td>
143 <?php if(!is_user_logged_in()){ ?>
144 <button class="simplefavorite-button" data-bs-toggle="modal" data-bs-target="#login-window" style="">Favorite <i class="sf-icon-star-empty"></i></button>
145 <?php }else{
146 echo do_shortcode('[favorite_button post_id="'.$id.'"]');
147 } ?>
148 </td>
149 </tr>
150 <?php
151 $output = ob_get_clean();
152 return $output;
153 }
...\ No newline at end of file ...\ 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 @@ ...@@ -1819,6 +1819,23 @@
1819 } 1819 }
1820 } 1820 }
1821 }, 1821 },
1822 "datatables.net": {
1823 "version": "1.13.2",
1824 "resolved": "https://registry.npmjs.org/datatables.net/-/datatables.net-1.13.2.tgz",
1825 "integrity": "sha512-u5nOU+C9SBp1SyPmd6G+niozZtrBwo1E8xzdOk3JJaAkFYgX/KxF3Gd79R8YLbUfmIs2OLnLe5gaz/qs5U8UDA==",
1826 "requires": {
1827 "jquery": ">=1.7"
1828 }
1829 },
1830 "datatables.net-bs5": {
1831 "version": "1.13.2",
1832 "resolved": "https://registry.npmjs.org/datatables.net-bs5/-/datatables.net-bs5-1.13.2.tgz",
1833 "integrity": "sha512-p1JOXFi+VD4wS0AxRmJPHBylJ8AC4xGJ3j0TZ+8hMspuZ+QvAhEqEPt8OEAGVzlN1ElfQimZjBeAoES/9nsuig==",
1834 "requires": {
1835 "datatables.net": ">=1.12.1",
1836 "jquery": ">=1.7"
1837 }
1838 },
1822 "debug": { 1839 "debug": {
1823 "version": "4.3.4", 1840 "version": "4.3.4",
1824 "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", 1841 "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
...@@ -2630,6 +2647,11 @@ ...@@ -2630,6 +2647,11 @@
2630 "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", 2647 "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
2631 "dev": true 2648 "dev": true
2632 }, 2649 },
2650 "jquery": {
2651 "version": "3.6.3",
2652 "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.3.tgz",
2653 "integrity": "sha512-bZ5Sy3YzKo9Fyc8wH2iIQK4JImJ6R0GWI9kL1/k7Z91ZBNgkRXE6U0JfHIizZbort8ZunhSI3jw9I6253ahKfg=="
2654 },
2633 "js-tokens": { 2655 "js-tokens": {
2634 "version": "4.0.0", 2656 "version": "4.0.0",
2635 "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", 2657 "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
......
...@@ -41,7 +41,10 @@ ...@@ -41,7 +41,10 @@
41 "url": "https://github.com/understrap/understrap-child/issues" 41 "url": "https://github.com/understrap/understrap-child/issues"
42 }, 42 },
43 "homepage": "https://understrap.com", 43 "homepage": "https://understrap.com",
44 "dependencies": {}, 44 "dependencies": {
45 "datatables.net-bs5": "^1.13.2",
46 "jquery": "^3.6.3"
47 },
45 "devDependencies": { 48 "devDependencies": {
46 "@babel/core": "^7.19.6", 49 "@babel/core": "^7.19.6",
47 "@babel/preset-env": "^7.19.4", 50 "@babel/preset-env": "^7.19.4",
......
1 jQuery(document).ready(function($) {
2
3 if (!$('#resources').length) {
4 return;
5 }
6
7 var pageL = 10;
8 if($('#resources').hasClass('resources-fav')){
9 pageL = 4;
10 }
11 var myTable = $('#resources').DataTable({
12 "pageLength": pageL,
13 "searchable": false,
14 "paging": true,
15 "info": false,
16 "order": [[2, 'desc']],
17 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
18
19 });
20
21
22 // use value of search field to filter
23 var $quicksearch = $('#quicksearch').keyup(function() {
24 console.log($quicksearch.val());
25 $('#resources').DataTable().column(1).search($quicksearch.val()).draw();
26 });
27
28
29
30
31 // filter with selects and checkboxes
32 var $checkboxes = $('.category-filter input');
33 var filterValue;
34
35 $checkboxes.change(function() {
36 // map input values to an array
37 var inclusives = [];
38 // inclusive filters from checkboxes
39 $checkboxes.each(function(i, elem) {
40 // if checkbox, use value if checked
41 if (elem.checked) {
42 inclusives.push(elem.value);
43 }
44 });
45
46 // combine inclusive filters
47 filterValue = inclusives.length ? inclusives.join('|') : '';
48 console.log(filterValue);
49 $('#resources').DataTable().column(2).search(filterValue,true,false).draw();
50 });
51
52 // filter with selects and checkboxes
53 var $typecheckboxes = $('.category-type input');
54 var typeFilterValue;
55
56 $typecheckboxes.change(function() {
57 // map input values to an array
58 var inclusives = [];
59 // inclusive filters from checkboxes
60 $typecheckboxes.each(function(i, elem) {
61 // if checkbox, use value if checked
62 if (elem.checked) {
63 inclusives.push(elem.value);
64 }
65 });
66
67 // combine inclusive filters
68 typeFilterValue = inclusives.length ? inclusives.join('|') : '';
69 $('#resources').DataTable().column(0).search(typeFilterValue,true,false).draw();
70 });
71
72
73 $('.sort-button-group').on('click', 'button', function() {
74 var sortValue = $(this).attr('data-sort-value');
75 var direction = $(this).attr('data-sort-direction');
76 var isAscending = (direction == 'asc');
77 var newDirection = (isAscending) ? 'desc' : 'asc';
78 console.log(sortValue);
79 console.log(isAscending);
80 $(this).attr('data-sort-direction', newDirection);
81 var span = $(this).find('.glyphicon');
82 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
83 myTable.order([sortValue, newDirection]).draw();
84 });
85
86
87
88 $(document).on("click", "#filter-more", function(e) {
89 e.preventDefault();
90 $('.filter-group').toggleClass('open');
91 var span = $(this).find('.glyphicon');
92 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
93 });
94
95 });
...\ No newline at end of file ...\ No newline at end of file
1 // Add your custom JS here. 1 import jQuery from 'jquery';
2 import DataTable from 'datatables.net-bs5';
3
4 import "./_resources_list";
2 5
3 var a = document.querySelector('.blur-image'); 6 var a = document.querySelector('.blur-image');
4 7
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
15 @import "theme/login"; 15 @import "theme/login";
16 @import "theme/body"; 16 @import "theme/body";
17 @import "theme/link_block"; 17 @import "theme/link_block";
18 @import "theme/resources_list";
18 // @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes. 19 // @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
19 // @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks. 20 // @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
20 // @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support 21 // @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 } 7 }
8 8
9 } 9 }
10 10 #content,
11 #page-wrapper { 11 #page-wrapper {
12 position: relative; 12 position: relative;
13 display: inline-block; 13 display: inline-block;
...@@ -25,9 +25,13 @@ ...@@ -25,9 +25,13 @@
25 .wrapper .container{ 25 .wrapper .container{
26 padding:0 160px 40px 50px; 26 padding:0 160px 40px 50px;
27 @media only screen and (max-width: 1260px) { 27 @media only screen and (max-width: 1260px) {
28 padding:0; 28 padding:0 15px;
29 } 29 }
30 } 30 }
31 .um-um_account_id {
32 margin-top: 50px;
33 width: 80%!important;
34 }
31 35
32 36
33 h2{ 37 h2{
......
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
87 } 87 }
88 } 88 }
89 } 89 }
90 .um{ 90 .um:not(.um-um_account_id){
91 width: 275px !important; 91 width: 275px !important;
92 display: flex!important; 92 display: flex!important;
93 flex-basis: auto; 93 flex-basis: auto;
...@@ -119,4 +119,4 @@ ...@@ -119,4 +119,4 @@
119 } 119 }
120 } 120 }
121 } 121 }
122 }
...\ No newline at end of file ...\ No newline at end of file
122 }
......
1 #resources.dataTable{
2 width: 100% !important;
3 }
4
5 #dataTables_length,
6 #resources_filter,
7 #resources_length {
8 display: none !important;
9 visibility: hidden !important;
10 }
11 #resources_paginate,
12 .dataTables_paginate {
13 display: flex;
14 justify-content: center;
15 }
16
17 .next.paginate_button a,
18 .previous.paginate_button a {
19 font-size: 0px;
20 }
21 .previous.paginate_button a::before {
22 top: 5px;
23 position: relative;
24 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");
25 }
26
27 .next.paginate_button a::before {
28 top: 5px;
29 position: relative;
30 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");
31 }
32 .page-item.disabled .page-link {
33 border-color: #dee2e6;
34 border-color: #fff;
35 }
36
37 .page-link {
38 border-color: #fff;
39 color: #2c2c2c;
40 }
41 .page-item.active .page-link {
42 border-color: #fff;
43 background-color: #fff;
44 color: #0484b8;
45 font-weight: 800;
46 }
47 th.hidden,
48 td.hidden {
49 display: none !important;
50 visibility: hidden !important;
51 }
52 .simplefavorite-button {
53 all: unset;
54 margin-right: -10px;
55 display: block;
56 cursor: pointer;
57 font-size: 0px;
58 .sf-icon-star-empty {
59 height: 25px;
60 width: 25px;
61 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");
62 }
63 }
64 .simplefavorite-button.active {
65 opacity: 1 !important;
66 .sf-icon-star-full {
67 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");
68 }
69 }
70 .table-like__item {
71 display: block;
72 margin-bottom: 20px;
73 border-radius: 10px;
74 height: 130px;
75 @media only screen and (max-width: 768px) {
76 height: auto;
77 }
78 background: #ffffff 0% 0% no-repeat padding-box;
79 box-shadow: 0px 3px 6px #00000029;
80 padding: 21px 22px;
81 width: 100%;
82 .item {
83 width: 100%;
84 }
85 .item-content {
86 display: inline-block;
87 width: 80%;
88 vertical-align: top;
89 font-size: 16px;
90 line-height: 24px;
91 a {
92 width: 100%;
93 font-family: "Poppins", sans-serif;
94 font-weight: 500;
95 text-decoration: none;
96 font-size: 16px;
97 line-height: 24px;
98 }
99 }
100 }
101 #resources_wrapper {
102 margin-top: 20px;
103 td {
104 vertical-align: top;
105 }
106 }
107 .resources {
108 .category-filter-group {
109 flex-direction: column;
110 @media only screen and (max-width: 1200px) {
111 width: 80%;
112 }
113
114 .category {
115 display: flex;
116 @media only screen and (max-width: 1100px) {
117 flex-direction: column;
118 margin-bottom: 20px;
119 }
120 }
121 .type {
122 display: flex;
123 @media only screen and (max-width: 1100px) {
124 flex-direction: column;
125 }
126 }
127 }
128 }
129
130 .toolkit:before {
131 content: "";
132 height: 50px;
133 width: 40px;
134 margin-right: 10px;
135 @media only screen and (max-width: 768px) {
136 height: 30px;
137 width: 40px;
138 margin-right: 5px;
139 margin-top: 5px;
140
141 }
142 display: inline-block;
143 background-size: contain;
144 background-repeat: no-repeat;
145 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");
146 }
147
148 .article:before {
149 content: "";
150 height: 50px;
151 width: 40px;
152 margin-top: 10px;
153 margin-right: 10px;
154 @media only screen and (max-width: 768px) {
155 height: 30px;
156 width: 40px;
157 margin-right: 5px;
158 margin-top: 5px;
159 }
160 display: inline-block;
161 background-size: contain;
162 background-repeat: no-repeat;
163 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");
164 }
165
166 .pdf:before {
167 content: "";
168 height: 50px;
169 width: 40px;
170 margin-right: 12px;
171 @media only screen and (max-width: 768px) {
172 height: 30px;
173 width: 40px;
174 margin-top: 5px;
175 margin-right: 5px;
176 }
177
178 display: inline-block;
179 background-size: contain;
180 background-repeat: no-repeat;
181 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");
182 }
183
184 .video:before {
185 content: "";
186 height: 50px;
187 width: 40px;
188 margin-right: 10px;
189 margin-top: 10px;
190 @media only screen and (max-width: 768px) {
191 height: 30px;
192 width: 35px;
193 margin-top: 5px;
194 margin-right: 10px;
195 margin-left: -5px;
196 }
197 display: inline-block;
198 background-size: contain;
199 background-repeat: no-repeat;
200 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");
201 }
202
203 .category-type {
204 display: block;
205 }