Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
5378d9ac by Jeff Balicki
Options

code clean up 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 38f6eab5
Inline Side-by-side
Showing 16 changed files with 1229 additions and 1281 deletions
...@@ -14618,7 +14618,7 @@ input[type=checkbox] { ...@@ -14618,7 +14618,7 @@ input[type=checkbox] {
14618 } 14618 }
14619 14619
14620 .pre-header { 14620 .pre-header {
14621 background-color: #0484B8; 14621 background-color: #0484b8;
14622 color: #fff; 14622 color: #fff;
14623 height: 57px; 14623 height: 57px;
14624 display: flex; 14624 display: flex;
...@@ -14652,19 +14652,19 @@ input[type=checkbox] { ...@@ -14652,19 +14652,19 @@ input[type=checkbox] {
14652 } 14652 }
14653 #main-nav #login-menu a { 14653 #main-nav #login-menu a {
14654 font-size: 14px; 14654 font-size: 14px;
14655 color: #0484B8; 14655 color: #0484b8;
14656 margin-left: 20px; 14656 margin-left: 20px;
14657 text-align: center; 14657 text-align: center;
14658 } 14658 }
14659 #main-nav #login-menu a:hover { 14659 #main-nav #login-menu a:hover {
14660 color: #2C2C2C; 14660 color: #2c2c2c;
14661 text-decoration: underline; 14661 text-decoration: underline;
14662 } 14662 }
14663 #main-nav #login-menu .sign-up a { 14663 #main-nav #login-menu .sign-up a {
14664 margin-left: 10px; 14664 margin-left: 10px;
14665 } 14665 }
14666 #main-nav #login-menu .log-in-button { 14666 #main-nav #login-menu .log-in-button {
14667 background-color: #0484B8; 14667 background-color: #0484b8;
14668 margin-left: 20px; 14668 margin-left: 20px;
14669 } 14669 }
14670 #main-nav #login-menu .log-in-button a { 14670 #main-nav #login-menu .log-in-button a {
...@@ -14677,7 +14677,7 @@ input[type=checkbox] { ...@@ -14677,7 +14677,7 @@ input[type=checkbox] {
14677 text-decoration: none !important; 14677 text-decoration: none !important;
14678 } 14678 }
14679 #main-nav #login-menu .log-in-button:hover { 14679 #main-nav #login-menu .log-in-button:hover {
14680 background-color: #2C2C2C; 14680 background-color: #2c2c2c;
14681 } 14681 }
14682 #main-nav #main-menu { 14682 #main-nav #main-menu {
14683 transition: 0.4s; 14683 transition: 0.4s;
...@@ -14687,10 +14687,10 @@ input[type=checkbox] { ...@@ -14687,10 +14687,10 @@ input[type=checkbox] {
14687 #main-nav #main-menu a { 14687 #main-nav #main-menu a {
14688 font-size: 18px; 14688 font-size: 18px;
14689 font-weight: bold; 14689 font-weight: bold;
14690 color: #0484B8; 14690 color: #0484b8;
14691 } 14691 }
14692 #main-nav #main-menu a:hover { 14692 #main-nav #main-menu a:hover {
14693 color: #2C2C2C; 14693 color: #2c2c2c;
14694 text-decoration: underline; 14694 text-decoration: underline;
14695 } 14695 }
14696 14696
...@@ -14757,15 +14757,15 @@ input[type=checkbox] { ...@@ -14757,15 +14757,15 @@ input[type=checkbox] {
14757 } 14757 }
14758 .hero-content a { 14758 .hero-content a {
14759 padding: 12px 30px; 14759 padding: 12px 30px;
14760 background-color: #E8D44B; 14760 background-color: #e8d44b;
14761 color: #2C2C2C; 14761 color: #2c2c2c;
14762 font-size: 18px; 14762 font-size: 18px;
14763 line-height: 24px; 14763 line-height: 24px;
14764 text-decoration: none; 14764 text-decoration: none;
14765 text-transform: uppercase; 14765 text-transform: uppercase;
14766 } 14766 }
14767 .hero-content a:hover { 14767 .hero-content a:hover {
14768 color: #2C2C2C; 14768 color: #2c2c2c;
14769 background-color: #fff; 14769 background-color: #fff;
14770 } 14770 }
14771 14771
...@@ -14776,7 +14776,7 @@ input[type=checkbox] { ...@@ -14776,7 +14776,7 @@ input[type=checkbox] {
14776 width: 43px; 14776 width: 43px;
14777 height: 43px; 14777 height: 43px;
14778 display: none; 14778 display: none;
14779 background-color: #0484B8; 14779 background-color: #0484b8;
14780 padding: 5px; 14780 padding: 5px;
14781 border-radius: 0px; 14781 border-radius: 0px;
14782 background-size: 22px; 14782 background-size: 22px;
...@@ -14811,7 +14811,7 @@ input[type=checkbox] { ...@@ -14811,7 +14811,7 @@ input[type=checkbox] {
14811 display: block; 14811 display: block;
14812 width: 120px; 14812 width: 120px;
14813 height: 4px; 14813 height: 4px;
14814 background-color: #FFA300; 14814 background-color: #ffa300;
14815 } 14815 }
14816 #wrapper-footer-full #footer-full-content .footer-widget .wp-block-columns .wp-block-column:nth-of-type(3) ::before { 14816 #wrapper-footer-full #footer-full-content .footer-widget .wp-block-columns .wp-block-column:nth-of-type(3) ::before {
14817 content: ""; 14817 content: "";
...@@ -14819,7 +14819,7 @@ input[type=checkbox] { ...@@ -14819,7 +14819,7 @@ input[type=checkbox] {
14819 display: block; 14819 display: block;
14820 width: 120px; 14820 width: 120px;
14821 height: 4px; 14821 height: 4px;
14822 background-color: #3F9C35; 14822 background-color: #3f9c35;
14823 } 14823 }
14824 #wrapper-footer-full #footer-full-content .footer-widget .wp-block-columns .wp-block-column:nth-of-type(4) p::before { 14824 #wrapper-footer-full #footer-full-content .footer-widget .wp-block-columns .wp-block-column:nth-of-type(4) p::before {
14825 content: ""; 14825 content: "";
...@@ -14827,11 +14827,11 @@ input[type=checkbox] { ...@@ -14827,11 +14827,11 @@ input[type=checkbox] {
14827 display: block; 14827 display: block;
14828 width: 120px; 14828 width: 120px;
14829 height: 4px; 14829 height: 4px;
14830 background-color: #E04E39; 14830 background-color: #e04e39;
14831 } 14831 }
14832 14832
14833 .newsletter { 14833 .newsletter {
14834 background-color: #6ED5FF; 14834 background-color: #6ed5ff;
14835 min-height: 236px; 14835 min-height: 236px;
14836 padding: 52px 0px 32px 0px; 14836 padding: 52px 0px 32px 0px;
14837 } 14837 }
...@@ -14893,15 +14893,15 @@ input[type=checkbox] { ...@@ -14893,15 +14893,15 @@ input[type=checkbox] {
14893 14893
14894 .swiper-pagination-bullet { 14894 .swiper-pagination-bullet {
14895 background: #fff !important; 14895 background: #fff !important;
14896 border: 2px solid #2C2C2C !important; 14896 border: 2px solid #2c2c2c !important;
14897 height: 13px !important; 14897 height: 13px !important;
14898 width: 13px !important; 14898 width: 13px !important;
14899 opacity: 1 !important; 14899 opacity: 1 !important;
14900 } 14900 }
14901 14901
14902 .swiper-pagination-bullet-active { 14902 .swiper-pagination-bullet-active {
14903 background: #3F9C35 !important; 14903 background: #3f9c35 !important;
14904 border: 2px solid #3F9C35 !important; 14904 border: 2px solid #3f9c35 !important;
14905 } 14905 }
14906 14906
14907 .carousel:not(.is-admin) { 14907 .carousel:not(.is-admin) {
...@@ -14933,7 +14933,8 @@ input[type=checkbox] { ...@@ -14933,7 +14933,8 @@ input[type=checkbox] {
14933 } 14933 }
14934 } 14934 }
14935 14935
14936 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 14936 .swiper-button-next.swiper-button-disabled,
14937 .swiper-button-prev.swiper-button-disabled {
14937 pointer-events: all !important; 14938 pointer-events: all !important;
14938 } 14939 }
14939 14940
...@@ -14989,7 +14990,7 @@ input[type=checkbox] { ...@@ -14989,7 +14990,7 @@ input[type=checkbox] {
14989 } 14990 }
14990 .testimonials-carousel .swiper-slide .testimonials { 14991 .testimonials-carousel .swiper-slide .testimonials {
14991 width: 890px; 14992 width: 890px;
14992 background: #E5F2F8; 14993 background: #e5f2f8;
14993 border-radius: 25px 25px 0px 0px; 14994 border-radius: 25px 25px 0px 0px;
14994 margin-right: 20px; 14995 margin-right: 20px;
14995 } 14996 }
...@@ -15001,7 +15002,7 @@ input[type=checkbox] { ...@@ -15001,7 +15002,7 @@ input[type=checkbox] {
15001 } 15002 }
15002 .testimonials-carousel .swiper-slide .testimonials .row { 15003 .testimonials-carousel .swiper-slide .testimonials .row {
15003 margin-right: 0rem !important; 15004 margin-right: 0rem !important;
15004 border-bottom: 20px solid #FFA300; 15005 border-bottom: 20px solid #ffa300;
15005 margin-left: -15px !important; 15006 margin-left: -15px !important;
15006 min-height: 316px !important; 15007 min-height: 316px !important;
15007 } 15008 }
...@@ -15024,28 +15025,28 @@ input[type=checkbox] { ...@@ -15024,28 +15025,28 @@ input[type=checkbox] {
15024 .testimonials-carousel .swiper-slide .testimonials p { 15025 .testimonials-carousel .swiper-slide .testimonials p {
15025 font-size: 16px !important; 15026 font-size: 16px !important;
15026 line-height: 24px !important; 15027 line-height: 24px !important;
15027 color: #2C2C2C; 15028 color: #2c2c2c;
15028 } 15029 }
15029 .testimonials-carousel .swiper-slide .testimonials .testimonials_image { 15030 .testimonials-carousel .swiper-slide .testimonials .testimonials_image {
15030 width: 100%; 15031 width: 100%;
15031 } 15032 }
15032 .testimonials-carousel .swiper-slide:nth-of-type(2) .testimonials .row { 15033 .testimonials-carousel .swiper-slide:nth-of-type(2) .testimonials .row {
15033 border-bottom: 20px solid #3F9C35; 15034 border-bottom: 20px solid #3f9c35;
15034 } 15035 }
15035 .testimonials-carousel .swiper-slide:nth-of-type(2) .promo-img img { 15036 .testimonials-carousel .swiper-slide:nth-of-type(2) .promo-img img {
15036 border-bottom: 20px solid #3F9C35; 15037 border-bottom: 20px solid #3f9c35;
15037 } 15038 }
15038 .testimonials-carousel .swiper-slide:nth-of-type(3) .testimonials .row { 15039 .testimonials-carousel .swiper-slide:nth-of-type(3) .testimonials .row {
15039 border-bottom: 20px solid #0484B8; 15040 border-bottom: 20px solid #0484b8;
15040 } 15041 }
15041 .testimonials-carousel .swiper-slide:nth-of-type(3) .promo-img img { 15042 .testimonials-carousel .swiper-slide:nth-of-type(3) .promo-img img {
15042 border-bottom: 20px solid #0484B8; 15043 border-bottom: 20px solid #0484b8;
15043 } 15044 }
15044 .testimonials-carousel .swiper-slide:nth-of-type(4) .testimonials .row { 15045 .testimonials-carousel .swiper-slide:nth-of-type(4) .testimonials .row {
15045 border-bottom: 20px solid #E04E39; 15046 border-bottom: 20px solid #e04e39;
15046 } 15047 }
15047 .testimonials-carousel .swiper-slide:nth-of-type(4) .promo-img img { 15048 .testimonials-carousel .swiper-slide:nth-of-type(4) .promo-img img {
15048 border-bottom: 20px solid #E04E39; 15049 border-bottom: 20px solid #e04e39;
15049 } 15050 }
15050 15051
15051 .promo-carousel { 15052 .promo-carousel {
...@@ -15071,7 +15072,7 @@ input[type=checkbox] { ...@@ -15071,7 +15072,7 @@ input[type=checkbox] {
15071 max-height: 264px; 15072 max-height: 264px;
15072 max-width: 372px; 15073 max-width: 372px;
15073 overflow: hidden; 15074 overflow: hidden;
15074 border-bottom: 20px solid #FFA300; 15075 border-bottom: 20px solid #ffa300;
15075 } 15076 }
15076 .promo-carousel .swiper-slide .promo-img img { 15077 .promo-carousel .swiper-slide .promo-img img {
15077 max-width: 372px; 15078 max-width: 372px;
...@@ -15079,8 +15080,8 @@ input[type=checkbox] { ...@@ -15079,8 +15080,8 @@ input[type=checkbox] {
15079 } 15080 }
15080 .promo-carousel .swiper-slide .promo.row { 15081 .promo-carousel .swiper-slide .promo.row {
15081 width: 100%; 15082 width: 100%;
15082 border-top: 1px solid #FFA300; 15083 border-top: 1px solid #ffa300;
15083 border-bottom: 1px solid #FFA300; 15084 border-bottom: 1px solid #ffa300;
15084 margin: 40px auto; 15085 margin: 40px auto;
15085 padding: 50px 0px; 15086 padding: 50px 0px;
15086 } 15087 }
...@@ -15115,13 +15116,13 @@ input[type=checkbox] { ...@@ -15115,13 +15116,13 @@ input[type=checkbox] {
15115 bottom: 65px !important; 15116 bottom: 65px !important;
15116 } 15117 }
15117 .promo-carousel .swiper-slide:nth-of-type(2) .promo-img { 15118 .promo-carousel .swiper-slide:nth-of-type(2) .promo-img {
15118 border-bottom: 20px solid #3F9C35; 15119 border-bottom: 20px solid #3f9c35;
15119 } 15120 }
15120 .promo-carousel .swiper-slide:nth-of-type(3) .promo-img { 15121 .promo-carousel .swiper-slide:nth-of-type(3) .promo-img {
15121 border-bottom: 20px solid #0484B8; 15122 border-bottom: 20px solid #0484b8;
15122 } 15123 }
15123 .promo-carousel .swiper-slide:nth-of-type(4) .promo-img { 15124 .promo-carousel .swiper-slide:nth-of-type(4) .promo-img {
15124 border-bottom: 20px solid #E04E39; 15125 border-bottom: 20px solid #e04e39;
15125 } 15126 }
15126 15127
15127 .c-accordion__title:after { 15128 .c-accordion__title:after {
...@@ -15246,7 +15247,7 @@ input[type=checkbox] { ...@@ -15246,7 +15247,7 @@ input[type=checkbox] {
15246 label[for=quicksearch] { 15247 label[for=quicksearch] {
15247 font-size: 18px; 15248 font-size: 18px;
15248 line-height: 24px; 15249 line-height: 24px;
15249 color: #0484B8; 15250 color: #0484b8;
15250 text-transform: uppercase; 15251 text-transform: uppercase;
15251 font-family: "Poppins", sans-serif; 15252 font-family: "Poppins", sans-serif;
15252 font-weight: 800; 15253 font-weight: 800;
...@@ -15254,12 +15255,12 @@ label[for=quicksearch] { ...@@ -15254,12 +15255,12 @@ label[for=quicksearch] {
15254 15255
15255 #quicksearch { 15256 #quicksearch {
15256 width: 600px; 15257 width: 600px;
15257 border-bottom: 1px solid #8E908F !important; 15258 border-bottom: 1px solid #8e908f !important;
15258 } 15259 }
15259 15260
15260 .filters { 15261 .filters {
15261 border-bottom: 1px solid #FFA300 !important; 15262 border-bottom: 1px solid #ffa300 !important;
15262 border-top: 1px solid #FFA300 !important; 15263 border-top: 1px solid #ffa300 !important;
15263 padding: 10px 0px 10px 0px; 15264 padding: 10px 0px 10px 0px;
15264 } 15265 }
15265 .filters .glyphicon-chevron-up::after { 15266 .filters .glyphicon-chevron-up::after {
...@@ -15271,7 +15272,7 @@ label[for=quicksearch] { ...@@ -15271,7 +15272,7 @@ label[for=quicksearch] {
15271 .filters #filter-more { 15272 .filters #filter-more {
15272 font-size: 18px; 15273 font-size: 18px;
15273 line-height: 24px; 15274 line-height: 24px;
15274 color: #0484B8; 15275 color: #0484b8;
15275 text-transform: uppercase; 15276 text-transform: uppercase;
15276 text-decoration: none; 15277 text-decoration: none;
15277 padding: 10px 0px; 15278 padding: 10px 0px;
...@@ -15286,7 +15287,7 @@ label[for=quicksearch] { ...@@ -15286,7 +15287,7 @@ label[for=quicksearch] {
15286 margin-bottom: 20px; 15287 margin-bottom: 20px;
15287 } 15288 }
15288 .filters .filter-group .sort-button-group .btn, .filters .filter-group .sort-button-group .wpcf7 input[type=submit], .wpcf7 .filters .filter-group .sort-button-group input[type=submit], .filters .filter-group .sort-button-group .woocommerce-notices-wrapper .woocommerce-message a.button, .woocommerce-notices-wrapper .woocommerce-message .filters .filter-group .sort-button-group a.button, .filters .filter-group .sort-button-group .woocommerce-info a.button, .woocommerce-info .filters .filter-group .sort-button-group a.button { 15289 .filters .filter-group .sort-button-group .btn, .filters .filter-group .sort-button-group .wpcf7 input[type=submit], .wpcf7 .filters .filter-group .sort-button-group input[type=submit], .filters .filter-group .sort-button-group .woocommerce-notices-wrapper .woocommerce-message a.button, .woocommerce-notices-wrapper .woocommerce-message .filters .filter-group .sort-button-group a.button, .filters .filter-group .sort-button-group .woocommerce-info a.button, .woocommerce-info .filters .filter-group .sort-button-group a.button {
15289 border: 1px solid #0081BC; 15290 border: 1px solid #0081bc;
15290 } 15291 }
15291 .filters .filter-group.open { 15292 .filters .filter-group.open {
15292 display: flex; 15293 display: flex;
...@@ -15313,7 +15314,7 @@ label[for=quicksearch] { ...@@ -15313,7 +15314,7 @@ label[for=quicksearch] {
15313 padding-right: 10px; 15314 padding-right: 10px;
15314 white-space: nowrap; 15315 white-space: nowrap;
15315 cursor: pointer; 15316 cursor: pointer;
15316 color: #2C2C2C; 15317 color: #2c2c2c;
15317 } 15318 }
15318 .category-type input[type=checkbox], 15319 .category-type input[type=checkbox],
15319 .category-filter input[type=checkbox] { 15320 .category-filter input[type=checkbox] {
...@@ -15334,15 +15335,15 @@ label[for=quicksearch] { ...@@ -15334,15 +15335,15 @@ label[for=quicksearch] {
15334 padding: 2.5px; 15335 padding: 2.5px;
15335 display: inline-block; 15336 display: inline-block;
15336 position: absolute; 15337 position: absolute;
15337 background: #FFF; 15338 background: #fff;
15338 margin-left: -30px; 15339 margin-left: -30px;
15339 border: 2px solid #0081BC; 15340 border: 2px solid #0081bc;
15340 border-radius: 4px; 15341 border-radius: 4px;
15341 } 15342 }
15342 .category-type input:checked + label:before, 15343 .category-type input:checked + label:before,
15343 .category-filter input:checked + label:before { 15344 .category-filter input:checked + label:before {
15344 background: #0081BC !important; 15345 background: #0081bc !important;
15345 border: 2px solid #0081BC; 15346 border: 2px solid #0081bc;
15346 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.078' height='18.352' viewBox='0 0 15.078 18.352'%3E%3Cpath id='Path_1871' data-name='Path 1871' d='M137.622 43.1l1.28 2.211 6.924-11.987a1.837 1.837 0 0 1 3.2 1.8l-8.5 14.722a1.931 1.931 0 0 1-3.259 0L134.48 44.9a1.812 1.812 0 1 1 3.142-1.8Z' transform='translate(-134.203 -32.392)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); 15347 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.078' height='18.352' viewBox='0 0 15.078 18.352'%3E%3Cpath id='Path_1871' data-name='Path 1871' d='M137.622 43.1l1.28 2.211 6.924-11.987a1.837 1.837 0 0 1 3.2 1.8l-8.5 14.722a1.931 1.931 0 0 1-3.259 0L134.48 44.9a1.812 1.812 0 1 1 3.142-1.8Z' transform='translate(-134.203 -32.392)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
15347 height: 25px; 15348 height: 25px;
15348 width: 25px; 15349 width: 25px;
...@@ -15379,7 +15380,7 @@ label[for=quicksearch] { ...@@ -15379,7 +15380,7 @@ label[for=quicksearch] {
15379 15380
15380 .card { 15381 .card {
15381 background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box; 15382 background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
15382 background: #FFFFFF 0% 0% no-repeat padding-box; 15383 background: #ffffff 0% 0% no-repeat padding-box;
15383 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); 15384 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
15384 border-radius: 0px; 15385 border-radius: 0px;
15385 border-width: 0px; 15386 border-width: 0px;
...@@ -15399,11 +15400,11 @@ label[for=quicksearch] { ...@@ -15399,11 +15400,11 @@ label[for=quicksearch] {
15399 margin: 0; 15400 margin: 0;
15400 } 15401 }
15401 .card .thumbnail .ribbon { 15402 .card .thumbnail .ribbon {
15402 background: #E8D44B; 15403 background: #e8d44b;
15403 box-shadow: 0 1px rgba(0, 0, 0, 0.2); 15404 box-shadow: 0 1px rgba(0, 0, 0, 0.2);
15404 -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.2); 15405 -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
15405 -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.2); 15406 -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
15406 color: #2C2C2C; 15407 color: #2c2c2c;
15407 text-transform: uppercase; 15408 text-transform: uppercase;
15408 position: absolute; 15409 position: absolute;
15409 font-size: 14px; 15410 font-size: 14px;
...@@ -15416,8 +15417,8 @@ label[for=quicksearch] { ...@@ -15416,8 +15417,8 @@ label[for=quicksearch] {
15416 } 15417 }
15417 .card .thumbnail .ribbon:before { 15418 .card .thumbnail .ribbon:before {
15418 border: 4px solid transparent; 15419 border: 4px solid transparent;
15419 border-top: 4px solid #C3B241; 15420 border-top: 4px solid #c3b241;
15420 border-right: 4px solid #C3B241; 15421 border-right: 4px solid #c3b241;
15421 content: ""; 15422 content: "";
15422 position: absolute; 15423 position: absolute;
15423 left: 0; 15424 left: 0;
...@@ -15456,7 +15457,7 @@ label[for=quicksearch] { ...@@ -15456,7 +15457,7 @@ label[for=quicksearch] {
15456 .card .content .btn, .card .content .wpcf7 input[type=submit], .wpcf7 .card .content input[type=submit], .card .content .woocommerce-notices-wrapper .woocommerce-message a.button, .woocommerce-notices-wrapper .woocommerce-message .card .content a.button, .card .content .woocommerce-info a.button, .woocommerce-info .card .content a.button { 15457 .card .content .btn, .card .content .wpcf7 input[type=submit], .wpcf7 .card .content input[type=submit], .card .content .woocommerce-notices-wrapper .woocommerce-message a.button, .woocommerce-notices-wrapper .woocommerce-message .card .content a.button, .card .content .woocommerce-info a.button, .woocommerce-info .card .content a.button {
15457 display: flex; 15458 display: flex;
15458 align-self: center; 15459 align-self: center;
15459 background-color: #0484B8; 15460 background-color: #0484b8;
15460 color: #fff; 15461 color: #fff;
15461 border-radius: 0px; 15462 border-radius: 0px;
15462 font-size: 18px; 15463 font-size: 18px;
...@@ -15464,7 +15465,7 @@ label[for=quicksearch] { ...@@ -15464,7 +15465,7 @@ label[for=quicksearch] {
15464 margin-bottom: 20px; 15465 margin-bottom: 20px;
15465 } 15466 }
15466 .card .content .btn:hover, .card .content .wpcf7 input[type=submit]:hover, .wpcf7 .card .content input[type=submit]:hover, .card .content .woocommerce-notices-wrapper .woocommerce-message a.button:hover, .woocommerce-notices-wrapper .woocommerce-message .card .content a.button:hover, .card .content .woocommerce-info a.button:hover, .woocommerce-info .card .content a.button:hover { 15467 .card .content .btn:hover, .card .content .wpcf7 input[type=submit]:hover, .wpcf7 .card .content input[type=submit]:hover, .card .content .woocommerce-notices-wrapper .woocommerce-message a.button:hover, .woocommerce-notices-wrapper .woocommerce-message .card .content a.button:hover, .card .content .woocommerce-info a.button:hover, .woocommerce-info .card .content a.button:hover {
15467 background-color: #2C2C2C; 15468 background-color: #2c2c2c;
15468 } 15469 }
15469 15470
15470 .course-list:not(.resources) .element-item { 15471 .course-list:not(.resources) .element-item {
...@@ -15491,7 +15492,7 @@ label[for=quicksearch] { ...@@ -15491,7 +15492,7 @@ label[for=quicksearch] {
15491 } 15492 }
15492 .view-plan #load-more { 15493 .view-plan #load-more {
15493 margin: auto; 15494 margin: auto;
15494 background-color: #0484B8; 15495 background-color: #0484b8;
15495 color: #fff; 15496 color: #fff;
15496 border-radius: 0px; 15497 border-radius: 0px;
15497 font-size: 18px; 15498 font-size: 18px;
...@@ -15500,7 +15501,7 @@ label[for=quicksearch] { ...@@ -15500,7 +15501,7 @@ label[for=quicksearch] {
15500 text-transform: uppercase; 15501 text-transform: uppercase;
15501 } 15502 }
15502 .view-plan #load-more:hover { 15503 .view-plan #load-more:hover {
15503 background-color: #2C2C2C; 15504 background-color: #2c2c2c;
15504 } 15505 }
15505 15506
15506 .hidden { 15507 .hidden {
...@@ -15521,7 +15522,7 @@ label[for=quicksearch] { ...@@ -15521,7 +15522,7 @@ label[for=quicksearch] {
15521 } 15522 }
15522 15523
15523 .program-info { 15524 .program-info {
15524 background: #FFFFFF 0% 0% no-repeat padding-box; 15525 background: #ffffff 0% 0% no-repeat padding-box;
15525 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); 15526 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
15526 max-width: 531px; 15527 max-width: 531px;
15527 } 15528 }
...@@ -15532,16 +15533,16 @@ label[for=quicksearch] { ...@@ -15532,16 +15533,16 @@ label[for=quicksearch] {
15532 .program-info #program-info .nav-item .nav-link { 15533 .program-info #program-info .nav-item .nav-link {
15533 width: 100%; 15534 width: 100%;
15534 border-radius: 0px; 15535 border-radius: 0px;
15535 background-color: #0081BC; 15536 background-color: #0081bc;
15536 color: #FFFFFF; 15537 color: #ffffff;
15537 border: 0px solid #ccc; 15538 border: 0px solid #ccc;
15538 font-size: 18px; 15539 font-size: 18px;
15539 padding: 20px 20px; 15540 padding: 20px 20px;
15540 font-family: "Poppins", sans-serif; 15541 font-family: "Poppins", sans-serif;
15541 } 15542 }
15542 .program-info #program-info .nav-item .nav-link.active { 15543 .program-info #program-info .nav-item .nav-link.active {
15543 background-color: #FFFFFF; 15544 background-color: #ffffff;
15544 color: #0081BC; 15545 color: #0081bc;
15545 } 15546 }
15546 .program-info #program-info-content { 15547 .program-info #program-info-content {
15547 padding: 20px 40px 40px 40px; 15548 padding: 20px 40px 40px 40px;
...@@ -15552,11 +15553,11 @@ label[for=quicksearch] { ...@@ -15552,11 +15553,11 @@ label[for=quicksearch] {
15552 .program-info #program-info-content table tr th { 15553 .program-info #program-info-content table tr th {
15553 width: 33%; 15554 width: 33%;
15554 font-size: 18px; 15555 font-size: 18px;
15555 color: #0081BC; 15556 color: #0081bc;
15556 font-family: "Poppins", sans-serif; 15557 font-family: "Poppins", sans-serif;
15557 } 15558 }
15558 .program-info #program-info-content table tr:not(.not) { 15559 .program-info #program-info-content table tr:not(.not) {
15559 border-bottom: 1px solid #FFA300; 15560 border-bottom: 1px solid #ffa300;
15560 } 15561 }
15561 .program-info #program-info-content table tr:not(.not) td { 15562 .program-info #program-info-content table tr:not(.not) td {
15562 font-size: 16px; 15563 font-size: 16px;
...@@ -15569,10 +15570,10 @@ label[for=quicksearch] { ...@@ -15569,10 +15570,10 @@ label[for=quicksearch] {
15569 .outcomes .outcome { 15570 .outcomes .outcome {
15570 width: 100%; 15571 width: 100%;
15571 min-height: 227px; 15572 min-height: 227px;
15572 background-color: #E2F2F9; 15573 background-color: #e2f2f9;
15573 padding: 25px 25px 25px 15px; 15574 padding: 25px 25px 25px 15px;
15574 border-radius: 25px 25px 0px 0px; 15575 border-radius: 25px 25px 0px 0px;
15575 border-bottom: 22px solid #FFA300; 15576 border-bottom: 22px solid #ffa300;
15576 font-size: 16px; 15577 font-size: 16px;
15577 line-height: 24px; 15578 line-height: 24px;
15578 } 15579 }
...@@ -15582,13 +15583,13 @@ label[for=quicksearch] { ...@@ -15582,13 +15583,13 @@ label[for=quicksearch] {
15582 } 15583 }
15583 } 15584 }
15584 .outcomes .col-out:nth-of-type(2) .outcome { 15585 .outcomes .col-out:nth-of-type(2) .outcome {
15585 border-bottom: 22px solid #3F9C35; 15586 border-bottom: 22px solid #3f9c35;
15586 } 15587 }
15587 .outcomes .col-out:nth-of-type(3) .outcome { 15588 .outcomes .col-out:nth-of-type(3) .outcome {
15588 border-bottom: 22px solid #0484B8; 15589 border-bottom: 22px solid #0484b8;
15589 } 15590 }
15590 .outcomes .col-out:nth-of-type(4) .outcome { 15591 .outcomes .col-out:nth-of-type(4) .outcome {
15591 border-bottom: 22px solid #E04E39; 15592 border-bottom: 22px solid #e04e39;
15592 } 15593 }
15593 15594
15594 #dataTables_length, 15595 #dataTables_length,
...@@ -15628,13 +15629,13 @@ label[for=quicksearch] { ...@@ -15628,13 +15629,13 @@ label[for=quicksearch] {
15628 15629
15629 .page-link { 15630 .page-link {
15630 border-color: #fff; 15631 border-color: #fff;
15631 color: #2C2C2C; 15632 color: #2c2c2c;
15632 } 15633 }
15633 15634
15634 .page-item.active .page-link { 15635 .page-item.active .page-link {
15635 border-color: #fff; 15636 border-color: #fff;
15636 background-color: #fff; 15637 background-color: #fff;
15637 color: #0484B8; 15638 color: #0484b8;
15638 font-weight: 800; 15639 font-weight: 800;
15639 } 15640 }
15640 15641
...@@ -15669,7 +15670,7 @@ td.hidden { ...@@ -15669,7 +15670,7 @@ td.hidden {
15669 margin-bottom: 20px; 15670 margin-bottom: 20px;
15670 border-radius: 10px; 15671 border-radius: 10px;
15671 height: 130px; 15672 height: 130px;
15672 background: #FFFFFF 0% 0% no-repeat padding-box; 15673 background: #ffffff 0% 0% no-repeat padding-box;
15673 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); 15674 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
15674 padding: 21px 22px; 15675 padding: 21px 22px;
15675 width: 100%; 15676 width: 100%;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -33364,10 +33364,9 @@ ...@@ -33364,10 +33364,9 @@
33364 if (!$('.grid.course').length) { 33364 if (!$('.grid.course').length) {
33365 return false; 33365 return false;
33366 } 33366 }
33367 var qsRegex;
33368 33367
33369 //course list Isotope setup 33368 //course list Isotope setup
33370 33369 var qsRegex;
33371 var $grid = $('.grid.course').isotope({ 33370 var $grid = $('.grid.course').isotope({
33372 itemSelector: '.element-item', 33371 itemSelector: '.element-item',
33373 layoutMode: 'fitRows', 33372 layoutMode: 'fitRows',
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 import Swiper, { Navigation, Pagination, A11y, Keyboard } from 'swiper'; 1 import Swiper, {
2 Navigation,
3 Pagination,
4 A11y,
5 Keyboard
6 } from 'swiper';
2 import 'swiper/css'; 7 import 'swiper/css';
3 import 'swiper/css/navigation'; 8 import 'swiper/css/navigation';
4 import 'swiper/css/pagination'; 9 import 'swiper/css/pagination';
...@@ -9,66 +14,66 @@ jQuery(document).ready(function($) { ...@@ -9,66 +14,66 @@ jQuery(document).ready(function($) {
9 14
10 15
11 16
12 jQuery('.carousel-items').each(function() { 17 jQuery('.carousel-items').each(function() {
13 18
14 var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28; 19 var offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
15 var offsetAfter = 0; 20 var offsetAfter = 0;
16 var PerView = 'auto'; 21 var PerView = 'auto';
17 var space = 20; 22 var space = 20;
18 23
19 var _id = jQuery(this).parent().attr('id'); 24 var _id = jQuery(this).parent().attr('id');
20 25
21 if(jQuery(this).hasClass('promo-carousel')) { 26 if (jQuery(this).hasClass('promo-carousel')) {
22 offset = 0; 27 offset = 0;
23 PerView = 1; 28 PerView = 1;
24 space = 0; 29 space = 0;
25 offsetAfter = 0; 30 offsetAfter = 0;
26 _id = jQuery(this).attr('id'); 31 _id = jQuery(this).attr('id');
27 } 32 }
28 33
29 if ($(window).width() < 600) { 34 if ($(window).width() < 600) {
30 offset = 0; 35 offset = 0;
31 PerView = 1; 36 PerView = 1;
32 space = 0; 37 space = 0;
33 offsetAfter = 0; 38 offsetAfter = 0;
34 } 39 }
35 40
36
37 41
38 var swiper_params = { 42
43 var swiper_params = {
39 modules: [Navigation, Pagination, A11y, Keyboard], 44 modules: [Navigation, Pagination, A11y, Keyboard],
40 slidesPerView:PerView, 45 slidesPerView: PerView,
41 slidesOffsetAfter:offsetAfter, 46 slidesOffsetAfter: offsetAfter,
42 slidesOffsetBefore:offset, 47 slidesOffsetBefore: offset,
43 spaceBetween:space, 48 spaceBetween: space,
44 slidesPerGroup:1, 49 slidesPerGroup: 1,
45 pagination: { 50 pagination: {
46 el: ".swiper-pagination", 51 el: ".swiper-pagination",
47 type: 'bullets', 52 type: 'bullets',
48 clickable:"true", 53 clickable: "true",
49 }, 54 },
50 55
51 navigation: { 56 navigation: {
52 nextEl: '.swiper-button-next[data-id="'+_id+'"]', 57 nextEl: '.swiper-button-next[data-id="' + _id + '"]',
53 prevEl: '.swiper-button-prev[data-id="'+_id+'"]', 58 prevEl: '.swiper-button-prev[data-id="' + _id + '"]',
54 }, 59 },
55 60
56 a11y: { 61 a11y: {
57 prevSlideMessage: 'Previous slide', 62 prevSlideMessage: 'Previous slide',
58 nextSlideMessage: 'Next slide', 63 nextSlideMessage: 'Next slide',
59 }, 64 },
60 keyboard: { 65 keyboard: {
61 enabled: true, 66 enabled: true,
62 onlyInViewport: false, 67 onlyInViewport: false,
63 }, 68 },
64 69
65 }; 70 };
66 71
67 72
68 new Swiper(this, swiper_params); 73 new Swiper(this, swiper_params);
69 console.log(swiper_params); 74 console.log(swiper_params);
70 75
71 }); 76 });
72 77
73 78
74 }); 79 });
...\ No newline at end of file ...\ No newline at end of file
......
1 jQuery( document ).ready(function($) { 1 jQuery(document).ready(function($) {
2 2
3 if(!$('.grid.course').length){ 3 if (!$('.grid.course').length) {
4 return false; 4 return false;
5 } 5 }
6 6
7 var qsRegex; 7 //course list Isotope setup
8 8 var qsRegex;
9 9 var $grid = $('.grid.course').isotope({
10 //course list Isotope setup 10 itemSelector: '.element-item',
11 11 layoutMode: 'fitRows',
12 var $grid = $('.grid.course').isotope({ 12 getSortData: {
13 itemSelector: '.element-item', 13 coursename: '[data-name]',
14 layoutMode: 'fitRows', 14 date: '[data-ticks]',
15 getSortData: { 15 },
16 coursename: '[data-name]', 16 filter: function() {
17 date: '[data-ticks]', 17 var $this = $(this);
18 }, 18 var filterText = qsRegex ? $(this).text().match(qsRegex) : true;
19 filter: function() { 19 var buttonResult = filterValue ? $this.is(filterValue) : true;
20 var $this = $(this); 20 return filterText && buttonResult;
21 var filterText = qsRegex ? $(this).text().match( qsRegex ) : true; 21 }
22 var buttonResult = filterValue ? $this.is( filterValue ) : true; 22 });
23 return filterText && buttonResult; 23
24 } 24
25 }); 25
26 26 // use value of search field to filter
27 27 var $quicksearch = $('#quicksearch').keyup(debounce(function() {
28 28 console.log($quicksearch.val());
29 // use value of search field to filter 29 qsRegex = new RegExp($quicksearch.val(), 'gi');
30 var $quicksearch = $('#quicksearch').keyup( debounce( function() { 30 $grid.isotope();
31 console.log($quicksearch.val()); 31 updateFilterCounts();
32 qsRegex = new RegExp( $quicksearch.val(), 'gi' ); 32 }, 200));
33 $grid.isotope(); 33
34 updateFilterCounts(); 34
35 }, 200 ) ); 35 // debounce so filtering doesn't happen every millisecond
36 36 function debounce(fn, threshold) {
37 37 var timeout;
38 // debounce so filtering doesn't happen every millisecond 38 threshold = threshold || 100;
39 function debounce( fn, threshold ) { 39 return function debounced() {
40 var timeout; 40 clearTimeout(timeout);
41 threshold = threshold || 100; 41 var args = arguments;
42 return function debounced() { 42 var _this = this;
43 clearTimeout( timeout ); 43
44 var args = arguments; 44 function delayed() {
45 var _this = this; 45 fn.apply(_this, args);
46 function delayed() { 46 }
47 fn.apply( _this, args ); 47 timeout = setTimeout(delayed, threshold);
48 } 48 };
49 timeout = setTimeout( delayed, threshold ); 49 }
50 }; 50
51 } 51
52 52 // filter with selects and checkboxes
53 53 var $checkboxes = $('.category-filter input');
54 // filter with selects and checkboxes 54 var filterValue;
55 var $checkboxes = $('.category-filter input'); 55
56 var filterValue; 56 $checkboxes.change(function() {
57 57 // map input values to an array
58 $checkboxes.change( function() { 58 var inclusives = [];
59 // map input values to an array 59 // inclusive filters from checkboxes
60 var inclusives = []; 60 $checkboxes.each(function(i, elem) {
61 // inclusive filters from checkboxes 61 // if checkbox, use value if checked
62 $checkboxes.each( function( i, elem ) { 62 if (elem.checked) {
63 // if checkbox, use value if checked 63 inclusives.push(elem.value);
64 if ( elem.checked ) { 64 }
65 inclusives.push( elem.value ); 65 });
66 } 66
67 }); 67 // combine inclusive filters
68 68 filterValue = inclusives.length ? inclusives.join(', ') : '*';
69 // combine inclusive filters 69 $grid.isotope();
70 filterValue = inclusives.length ? inclusives.join(', ') : '*'; 70 updateFilterCounts();
71 $grid.isotope(); 71 });
72 updateFilterCounts(); 72
73 }); 73
74 74 $('.sort-button-group').on('click', 'button', function() {
75 75 var sortValue = $(this).attr('data-sort-value');
76 $('.sort-button-group').on( 'click', 'button', function() { 76 var direction = $(this).attr('data-sort-direction');
77 var sortValue = $(this).attr('data-sort-value'); 77 var isAscending = (direction == 'asc');
78 var direction = $(this).attr('data-sort-direction'); 78 var newDirection = (isAscending) ? 'desc' : 'asc';
79 var isAscending = (direction == 'asc'); 79 console.log(sortValue);
80 var newDirection = (isAscending) ? 'desc' : 'asc'; 80 console.log(isAscending);
81 console.log(sortValue); 81 $grid.isotope({
82 console.log(isAscending); 82 sortBy: sortValue,
83 $grid.isotope({ sortBy: sortValue, sortAscending: isAscending }); 83 sortAscending: isAscending
84 updateFilterCounts(); 84 });
85 $(this).attr('data-sort-direction', newDirection); 85 updateFilterCounts();
86 var span = $(this).find('.glyphicon'); 86 $(this).attr('data-sort-direction', newDirection);
87 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 87 var span = $(this).find('.glyphicon');
88 }); 88 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
89 89 });
90 $(document).on("click", "#filter-more", function(e) { 90
91 e.preventDefault(); 91 $(document).on("click", "#filter-more", function(e) {
92 $('.filter-group').toggleClass('open'); 92 e.preventDefault();
93 var span = $(this).find('.glyphicon'); 93 $('.filter-group').toggleClass('open');
94 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down'); 94 var span = $(this).find('.glyphicon');
95 }); 95 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
96 96 });
97 97
98 98
99 99
100 function updateFilterCounts() { 100
101 101 function updateFilterCounts() {
102 var itemElems = $grid.isotope('getFilteredItemElements'); 102
103 var count_items = $(itemElems).length; 103 var itemElems = $grid.isotope('getFilteredItemElements');
104 104 var count_items = $(itemElems).length;
105 if (count_items > counter) { 105
106 $("#load-more").hide(); 106 if (count_items > counter) {
107 107 $("#load-more").hide();
108 }else { 108
109 $("#load-more").show(); 109 } else {
110 } 110 $("#load-more").show();
111 if ($('.element-item').hasClass('hidden')) { 111 }
112 $('.element-item').removeClass('hidden'); 112 if ($('.element-item').hasClass('hidden')) {
113 } 113 $('.element-item').removeClass('hidden');
114 var index = 0; 114 }
115 115 var index = 0;
116 $(itemElems).each(function () { 116
117 if (index >= counter) { 117 $(itemElems).each(function() {
118 $(this).addClass('hidden'); 118 if (index >= counter) {
119 } 119 $(this).addClass('hidden');
120 index++; 120 }
121 }); 121 index++;
122 console.log('updateFilterCounts'); 122 });
123 console.log(index); 123 console.log('updateFilterCounts');
124 if(index === 0){ 124 console.log(index);
125 125 if (index === 0) {
126 $("#load-more").hide(); 126
127 127 $("#load-more").hide();
128 }else{ 128
129 $("#load-more").show(); 129 } else {
130 130 $("#load-more").show();
131 } 131
132 $grid.isotope('layout'); 132 }
133 133 $grid.isotope('layout');
134 } 134
135 135 }
136 136
137 137
138 138
139 //**************************** 139
140 // Isotope Load more button 140 //****************************
141 //**************************** 141 // Isotope Load more button
142 142 //****************************
143 var initShow = 3; //number of images loaded on init & onclick load more button 143
144 var counter = initShow; //counter for load more button 144 var initShow = 3; //number of images loaded on init & onclick load more button
145 var iso = $grid.data('isotope'); // get Isotope instance 145 var counter = initShow; //counter for load more button
146 console.log('iso'); 146 var iso = $grid.data('isotope'); // get Isotope instance
147 console.log(iso); 147 console.log('iso');
148 console.log(iso.elemCount); 148 console.log(iso);
149 149 console.log(iso.elemCount);
150 loadMore(initShow); //execute function onload 150
151 151 loadMore(initShow); //execute function onload
152 function loadMore(toShow) { 152
153 153 function loadMore(toShow) {
154 $grid.find(".hidden").removeClass("hidden"); 154
155 155 $grid.find(".hidden").removeClass("hidden");
156 var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) { 156
157 console.log('hiddenElem'); 157 var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
158 console.log(item.element); 158 console.log('hiddenElem');
159 return item.element; 159 console.log(item.element);
160 }); 160 return item.element;
161 $(hiddenElems).addClass('hidden'); 161 });
162 $grid.isotope('layout'); 162 $(hiddenElems).addClass('hidden');
163 163 $grid.isotope('layout');
164 //when no more to load, hide show more button 164
165 if (hiddenElems.length == 0) { 165 //when no more to load, hide show more button
166 $("#load-more").hide(); 166 if (hiddenElems.length == 0) {
167 } else { 167 $("#load-more").hide();
168 $("#load-more").show(); 168 } else {
169 }; 169 $("#load-more").show();
170 170 };
171 } 171
172 172 }
173 173
174 //append load more button 174
175 $grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>'); 175 //append load more button
176 176 $grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>');
177 //when load more button clicked 177
178 $(document).on("click", "#load-more", function(e) { 178 //when load more button clicked
179 e.preventDefault(); 179 $(document).on("click", "#load-more", function(e) {
180 180 e.preventDefault();
181 if ($('#filters').data('clicked')) { 181
182 //when filter button clicked, set initial value for counter 182 if ($('#filters').data('clicked')) {
183 counter = initShow; 183 //when filter button clicked, set initial value for counter
184 j$('#filters').data('clicked', false); 184 counter = initShow;
185 } else { 185 j$('#filters').data('clicked', false);
186 counter = counter; 186 } else {
187 }; 187 counter = counter;
188 188 };
189 counter = counter + initShow; 189
190 190 counter = counter + initShow;
191 loadMore(counter); 191
192 }); 192 loadMore(counter);
193 193 });
194 194
195 195 });
196
197
198 });
...\ No newline at end of file ...\ No newline at end of file
......
1 jQuery(document).ready(function($) {
1 2
3 if (!$('#resources').length) {
4 return;
5 }
2 6
3 jQuery( document ).ready(function($) { 7 var myTable = $('#resources').DataTable({
8 "pageLength": 10,
9 "searchable": false,
10 "paging": true,
11 "info": false,
12 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
13
14 });
4 15
5 if(!$('#resources').length){
6 return;
7 }
8 16
9 var myTable = $('#resources').DataTable({ 17 // use value of search field to filter
10 "pageLength": 10, 18 var $quicksearch = $('#quicksearch').keyup(function() {
11 "searchable": false, 19 console.log($quicksearch.val());
12 "paging": true, 20 $('#resources').DataTable().column(1).search($quicksearch.val()).draw();
13 "info": false, 21 });
14 "dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
15 22
16 });
17 23
18 24
19 // use value of search field to filter
20 var $quicksearch = $('#quicksearch').keyup( function() {
21 console.log($quicksearch.val());
22 $('#resources').DataTable().column(1).search($quicksearch.val()).draw();
23 });
24 25
26 // filter with selects and checkboxes
27 var $checkboxes = $('.category-filter input');
28 var filterValue;
25 29
30 $checkboxes.change(function() {
31 // map input values to an array
32 var inclusives = [];
33 // inclusive filters from checkboxes
34 $checkboxes.each(function(i, elem) {
35 // if checkbox, use value if checked
36 if (elem.checked) {
37 inclusives.push(elem.value);
38 }
39 });
40
41 // combine inclusive filters
42 filterValue = inclusives.length ? inclusives.join(', ') : '';
43 $('#resources').DataTable().column(2).search(filterValue).draw();
44 });
26 45
46 // filter with selects and checkboxes
47 var $typecheckboxes = $('.category-type input');
48 var typeFilterValue;
49
50 $typecheckboxes.change(function() {
51 // map input values to an array
52 var inclusives = [];
53 // inclusive filters from checkboxes
54 $typecheckboxes.each(function(i, elem) {
55 // if checkbox, use value if checked
56 if (elem.checked) {
57 inclusives.push(elem.value);
58 }
59 });
60
61 // combine inclusive filters
62 typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
63 $('#resources').DataTable().column(0).search(typeFilterValue).draw();
64 });
65
66
67 $('.sort-button-group').on('click', 'button', function() {
68 var sortValue = $(this).attr('data-sort-value');
69 var direction = $(this).attr('data-sort-direction');
70 var isAscending = (direction == 'asc');
71 var newDirection = (isAscending) ? 'desc' : 'asc';
72 console.log(sortValue);
73 console.log(isAscending);
74 $(this).attr('data-sort-direction', newDirection);
75 var span = $(this).find('.glyphicon');
76 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
77 myTable.order([sortValue, newDirection]).draw();
78 });
27 79
28 80
29 // filter with selects and checkboxes
30 var $checkboxes = $('.category-filter input');
31 var filterValue;
32 81
33 $checkboxes.change( function() { 82 $(document).on("click", "#filter-more", function(e) {
34 // map input values to an array 83 e.preventDefault();
35 var inclusives = []; 84 $('.filter-group').toggleClass('open');
36 // inclusive filters from checkboxes 85 var span = $(this).find('.glyphicon');
37 $checkboxes.each( function( i, elem ) { 86 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
38 // if checkbox, use value if checked
39 if ( elem.checked ) {
40 inclusives.push( elem.value );
41 }
42 }); 87 });
43 88
44 // combine inclusive filters
45 filterValue = inclusives.length ? inclusives.join(', ') : '';
46 $('#resources').DataTable().column(2).search(filterValue).draw();
47 });
48
49 // filter with selects and checkboxes
50 var $typecheckboxes = $('.category-type input');
51 var typeFilterValue;
52
53 $typecheckboxes.change( function() {
54 // map input values to an array
55 var inclusives = [];
56 // inclusive filters from checkboxes
57 $typecheckboxes.each( function( i, elem ) {
58 // if checkbox, use value if checked
59 if ( elem.checked ) {
60 inclusives.push( elem.value );
61 }
62 });
63
64 // combine inclusive filters
65 typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
66 $('#resources').DataTable().column(0).search(typeFilterValue).draw();
67 });
68
69
70 $('.sort-button-group').on( 'click', 'button', function() {
71 var sortValue = $(this).attr('data-sort-value');
72 var direction = $(this).attr('data-sort-direction');
73 var isAscending = (direction == 'asc');
74 var newDirection = (isAscending) ? 'desc' : 'asc';
75 console.log(sortValue);
76 console.log(isAscending);
77 $(this).attr('data-sort-direction', newDirection);
78 var span = $(this).find('.glyphicon');
79 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
80 myTable.order([sortValue, newDirection]).draw();
81 });
82
83
84
85 $(document).on("click", "#filter-more", function(e) {
86 e.preventDefault();
87 $('.filter-group').toggleClass('open');
88 var span = $(this).find('.glyphicon');
89 span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
90 });
91
92 });
...\ No newline at end of file ...\ No newline at end of file
89 });
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -13,7 +13,7 @@ import "./_resources_list"; ...@@ -13,7 +13,7 @@ import "./_resources_list";
13 13
14 var a = document.querySelector('.blur-image'); 14 var a = document.querySelector('.blur-image');
15 15
16 document.addEventListener("DOMContentLoaded", function () { 16 document.addEventListener("DOMContentLoaded", function() {
17 if (!a) return !1; 17 if (!a) return !1;
18 var b = a.getAttribute("data-src"), 18 var b = a.getAttribute("data-src"),
19 c = document.querySelector('.full-image'), 19 c = document.querySelector('.full-image'),
...@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () {
21 21
22 img.src = b; 22 img.src = b;
23 23
24 img.onload = function () { 24 img.onload = function() {
25 25
26 c.classList.add('image-loaded'), 26 c.classList.add('image-loaded'),
27 c.style.backgroundImage = 'url(' + b + ')'; 27 c.style.backgroundImage = 'url(' + b + ')';
...@@ -29,38 +29,38 @@ document.addEventListener("DOMContentLoaded", function () { ...@@ -29,38 +29,38 @@ document.addEventListener("DOMContentLoaded", function () {
29 }); 29 });
30 30
31 31
32 document.addEventListener("DOMContentLoaded", function(){ 32 document.addEventListener("DOMContentLoaded", function() {
33 window.addEventListener('scroll', function() { 33 window.addEventListener('scroll', function() {
34 if (window.scrollY > 57) { 34 if (window.scrollY > 57) {
35 document.getElementById('main-nav').classList.add('fixed-top'); 35 document.getElementById('main-nav').classList.add('fixed-top');
36 } else { 36 } else {
37 document.getElementById('main-nav').classList.remove('fixed-top'); 37 document.getElementById('main-nav').classList.remove('fixed-top');
38 } 38 }
39 }); 39 });
40 }); 40 });
41 41
42 //Get the button 42 //Get the button
43 let mybutton = document.getElementById("btn-back-to-top"); 43 let mybutton = document.getElementById("btn-back-to-top");
44 44
45 // When the user scrolls down 20px from the top of the document, show the button 45 // When the user scrolls down 20px from the top of the document, show the button
46 window.onscroll = function () { 46 window.onscroll = function() {
47 scrollFunction(); 47 scrollFunction();
48 }; 48 };
49 49
50 function scrollFunction() { 50 function scrollFunction() {
51 if ( 51 if (
52 document.body.scrollTop > 20 || 52 document.body.scrollTop > 20 ||
53 document.documentElement.scrollTop > 20 53 document.documentElement.scrollTop > 20
54 ) { 54 ) {
55 mybutton.style.display = "block"; 55 mybutton.style.display = "block";
56 } else { 56 } else {
57 mybutton.style.display = "none"; 57 mybutton.style.display = "none";
58 } 58 }
59 } 59 }
60 // When the user clicks on the button, scroll to the top of the document 60 // When the user clicks on the button, scroll to the top of the document
61 mybutton.addEventListener("click", backToTop); 61 mybutton.addEventListener("click", backToTop);
62 62
63 function backToTop() { 63 function backToTop() {
64 document.body.scrollTop = 0; 64 document.body.scrollTop = 0;
65 document.documentElement.scrollTop = 0; 65 document.documentElement.scrollTop = 0;
66 } 66 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .swiper-pagination-bullet{ 1 .swiper-pagination-bullet {
2 background: #fff !important; 2 background: #fff !important;
3 border: 2px solid #2C2C2C !important; 3 border: 2px solid #2c2c2c !important;
4 height: 13px !important; 4 height: 13px !important;
5 width: 13px !important; 5 width: 13px !important;
6 opacity:1 !important; 6 opacity: 1 !important;
7 } 7 }
8 .swiper-pagination-bullet-active{ 8 .swiper-pagination-bullet-active {
9 background: #3F9C35 !important; 9 background: #3f9c35 !important;
10 border: 2px solid #3F9C35 !important; 10 border: 2px solid #3f9c35 !important;
11 11 }
12 } 12
13 13 // carousel css
14 // carousel css 14 .carousel:not(.is-admin) {
15 .carousel:not(.is-admin){
16 background-color: transparent !important; 15 background-color: transparent !important;
17 left: -20px; 16 left: -20px;
18 width: 100vw; 17 width: 100vw;
19 margin-top: 30px; 18 margin-top: 30px;
20 margin-bottom: 30px; 19 margin-bottom: 30px;
21 } 20 }
22 21
23 22 .carousel-items {
24 23 list-style: none;
25 .carousel-items{ 24 margin-block-start: 0em;
26 list-style: none; 25 margin-block-end: 0em;
27 margin-block-start: 0em; 26 margin-inline-start: 0px;
28 margin-block-end: 0em; 27 margin-inline-end: 0px;
29 margin-inline-start: 0px; 28 padding-inline-start: 20px;
30 margin-inline-end: 0px; 29 background-color: transparent !important;
31 padding-inline-start: 20px; 30 @media only screen and (max-width: 600px) {
32 background-color: transparent !important; 31 padding-inline-start: 0px;
33 @media only screen and (max-width: 600px) { 32 }
34 padding-inline-start: 0px; 33 }
35 } 34
36 35 .swiper-button-next.swiper-button-disabled,
37 } 36 .swiper-button-prev.swiper-button-disabled {
38
39 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
40 pointer-events: all !important; 37 pointer-events: all !important;
41 } 38 }
42 39
43 .carousel-items.slick-initialized.slick-slider { 40 .carousel-items.slick-initialized.slick-slider {
44 margin-right:15px; //for the scroll bar 41 margin-right: 15px; //for the scroll bar
45 } 42 }
46 43
47 44 .carousel {
48 .carousel { 45 width: 100vw;
49 width:100vw; 46 margin-left: calc((100% - 100vw) / 2);
50 margin-left:calc((100% - 100vw) / 2);
51 @media only screen and (max-width: 600px) { 47 @media only screen and (max-width: 600px) {
52 width:95%; 48 width: 95%;
53 margin-left:0px; 49 margin-left: 0px;
54 } 50 }
55 left:0 !important; 51 left: 0 !important;
56 min-height: 340px!important; 52 min-height: 340px !important;
57 .swiper-button-next { 53 .swiper-button-next {
58 right:8px !important; 54 right: 8px !important;
59 } 55 }
60 .swiper-button-prev { 56 .swiper-button-prev {
61 left:7px !important; 57 left: 7px !important;
62 @media only screen and (max-width: 600px) { 58 @media only screen and (max-width: 600px) {
63 left:-5px !important; 59 left: -5px !important;
64 } 60 }
65 } 61 }
66 .swiper-pagination{ 62 .swiper-pagination {
67 bottom: -20px !important; 63 bottom: -20px !important;
68 } 64 }
69 .carousel-items { 65 .carousel-items {
70 margin-left:1.75rem; 66 margin-left: 1.75rem;
71 } 67 }
72 .swiper-wrapper { 68 .swiper-wrapper {
73 gap: 1rem; 69 gap: 1rem;
74 }
75 }
76
77 // testimonials carousel css
78 .testimonials-carousel{
79 @media only screen and (max-width: 600px) {
80 margin-left: 0px !important;
81 } 70 }
82 .swiper-slide{ 71 }
83 width:890px !important; 72
73 // testimonials carousel css
74 .testimonials-carousel {
84 @media only screen and (max-width: 600px) { 75 @media only screen and (max-width: 600px) {
85 width:98% !important; 76 margin-left: 0px !important;
86 } 77 }
87 .testimonials{ 78 .swiper-slide {
88 width:890px; 79 width: 890px !important;
89 background:#E5F2F8; 80 @media only screen and (max-width: 600px) {
81 width: 98% !important;
82 }
83 .testimonials {
84 width: 890px;
85 background: #e5f2f8;
90 border-radius: 25px 25px 0px 0px; 86 border-radius: 25px 25px 0px 0px;
91 margin-right: 20px; 87 margin-right: 20px;
92 @media only screen and (max-width: 600px) { 88 @media only screen and (max-width: 600px) {
93 width:98%; 89 width: 98%;
94 margin-right: 0px; 90 margin-right: 0px;
95 } 91 }
96 .row{ 92 .row {
97 margin-right: 0rem !important; 93 margin-right: 0rem !important;
98 border-bottom:20px solid #FFA300; 94 border-bottom: 20px solid #ffa300;
99 margin-left: -15px !important; 95 margin-left: -15px !important;
100 min-height:316px !important; 96 min-height: 316px !important;
101 @media only screen and (max-width: 600px) { 97 @media only screen and (max-width: 600px) {
102 margin-left: 0px !important; 98 margin-left: 0px !important;
103 } 99 }
104 100 }
105 } 101
106
107 .col-md-1 { 102 .col-md-1 {
108 background-size: cover; 103 background-size: cover;
109 @media only screen and (max-width: 600px) { 104 @media only screen and (max-width: 600px) {
110 padding-left: 0px; 105 padding-left: 0px;
111 } 106 }
112 } 107 }
113 .testimonial-text{ 108 .testimonial-text {
114 padding: 30px 50px; 109 padding: 30px 50px;
115 } 110 }
116 111
117 p{ 112 p {
118 font-size: 16px !important; 113 font-size: 16px !important;
119 line-height:24px !important; 114 line-height: 24px !important;
120 color: #2C2C2C; 115 color: #2c2c2c;
121 } 116 }
122 117
123 .testimonials_image{ 118 .testimonials_image {
124 width: 100%; 119 width: 100%;
125 120 }
126 } 121 }
127 } 122 }
128 } 123
129 124 .swiper-slide:nth-of-type(2) {
130 .swiper-slide:nth-of-type(2){ 125 .testimonials {
131 .testimonials{ 126 .row {
132 .row{ 127 border-bottom: 20px solid #3f9c35;
133 border-bottom:20px solid #3F9C35; 128 }
134 } 129 }
135 } 130 .promo-img img {
136 .promo-img img{ 131 border-bottom: 20px solid #3f9c35;
137 border-bottom:20px solid #3F9C35; 132 }
138 } 133 }
139 } 134 .swiper-slide:nth-of-type(3) {
140 .swiper-slide:nth-of-type(3){ 135 .testimonials {
141 .testimonials{ 136 .row {
142 .row{ 137 border-bottom: 20px solid #0484b8;
143 border-bottom:20px solid #0484B8; 138 }
144 } 139 }
145 } 140 .promo-img img {
146 .promo-img img{ 141 border-bottom: 20px solid #0484b8;
147 border-bottom:20px solid #0484B8; 142 }
148 } 143 }
149 } 144 .swiper-slide:nth-of-type(4) {
150 .swiper-slide:nth-of-type(4){ 145 .testimonials {
151 .testimonials{ 146 .row {
152 .row{ 147 border-bottom: 20px solid #e04e39;
153 border-bottom:20px solid #E04E39; 148 }
154 } 149 }
155 } 150 .promo-img img {
156 .promo-img img{ 151 border-bottom: 20px solid #e04e39;
157 border-bottom:20px solid #E04E39; 152 }
158 } 153 }
159 } 154 }
160 155
161 156 .promo-carousel {
162 157 width: 100% !important;
163 158 margin-left: 0px !important;
164 }
165
166
167 .promo-carousel{
168 width:100% !important;
169 margin-left:0px !important;
170 position: relative; 159 position: relative;
171 @media only screen and (min-width:1400px) { 160 @media only screen and (min-width: 1400px) {
172 max-width: 100% !important; 161 max-width: 100% !important;
173 } 162 }
174 .swiper-slide{ 163 .swiper-slide {
175 margin-left:0px !important; 164 margin-left: 0px !important;
176 max-width: 100% !important; 165 max-width: 100% !important;
177 @media only screen and (min-width:1400px) { 166 @media only screen and (min-width: 1400px) {
178 width:100% !important; 167 width: 100% !important;
179 } 168 }
180 .promo-img{ 169 .promo-img {
181 max-height: 264px; 170 max-height: 264px;
182 max-width: 372px; 171 max-width: 372px;
183 overflow: hidden; 172 overflow: hidden;
184 border-bottom:20px solid #FFA300; 173 border-bottom: 20px solid #ffa300;
174 }
175 .promo-img img {
176 max-width: 372px;
177 border-radius: 25px 25px 0px 0px;
178 }
179 .promo.row {
180 width: 100%;
181 border-top: 1px solid #ffa300;
182 border-bottom: 1px solid #ffa300;
183 @media only screen and (min-width: 1400px) {
184 max-width: 1344px;
185 } 185 }
186 .promo-img img{ 186 @media only screen and (max-width: 600px) {
187 max-width: 372px; 187 width: 80%;
188 border-radius: 25px 25px 0px 0px;
189
190 } 188 }
191 .promo.row{ 189 margin: 40px auto;
192 width:100%; 190 padding: 50px 0px;
193 border-top:1px solid #FFA300; 191 }
194 border-bottom:1px solid #FFA300; 192 .promo_content {
195 @media only screen and (min-width:1400px) { 193 max-width: 760px;
196 max-width: 1344px; 194 h3 {
197 } 195 font-size: 22px;
198 @media only screen and (max-width: 600px) { 196 line-height: 33px;
199 width:80%;
200 }
201 margin: 40px auto;
202 padding: 50px 0px;
203
204 } 197 }
205 .promo_content{ 198 p {
206 max-width: 760px; 199 font-size: 16px;
207 h3{ 200 line-height: 22px;
208 font-size: 22px;
209 line-height: 33px;
210 }
211 p{
212 font-size: 16px;
213 line-height: 22px;
214 }
215 } 201 }
202 }
216 } 203 }
217 .swiper-button-next { 204 .swiper-button-next {
218 right:30px !important; 205 right: 30px !important;
219 } 206 }
220 .swiper-button-prev { 207 .swiper-button-prev {
221 left:7px !important; 208 left: 7px !important;
222 } 209 }
223 .swiper-pagination{ 210 .swiper-pagination {
224 bottom: 65px !important; 211 bottom: 65px !important;
225 } 212 }
226
227
228 .swiper-slide:nth-of-type(2){
229 .promo-img {
230 border-bottom:20px solid #3F9C35;
231 }
232 }
233 .swiper-slide:nth-of-type(3){
234 .promo-img {
235 border-bottom:20px solid #0484B8;
236 }
237 }
238 .swiper-slide:nth-of-type(4){
239 .promo-img {
240 border-bottom:20px solid #E04E39;
241 }
242 }
243 }
...\ No newline at end of file ...\ No newline at end of file
213
214 .swiper-slide:nth-of-type(2) {
215 .promo-img {
216 border-bottom: 20px solid #3f9c35;
217 }
218 }
219 .swiper-slide:nth-of-type(3) {
220 .promo-img {
221 border-bottom: 20px solid #0484b8;
222 }
223 }
224 .swiper-slide:nth-of-type(4) {
225 .promo-img {
226 border-bottom: 20px solid #e04e39;
227 }
228 }
229 }
230
...\ No newline at end of file ...\ No newline at end of file
......
1 .type-sfwd-courses{ 1 .type-sfwd-courses {
2 margin-top: 30px; 2 margin-top: 30px;
3 } 3 }
4 4
5 5 .program-info {
6 6 background: #ffffff 0% 0% no-repeat padding-box;
7 .program-info{
8 background: #FFFFFF 0% 0% no-repeat padding-box;
9 box-shadow: 0px 3px 6px #00000029; 7 box-shadow: 0px 3px 6px #00000029;
10 8
11 max-width: 531px; 9 max-width: 531px;
12 #program-info{ 10 #program-info {
13 11 .nav-item {
14 .nav-item{ 12 width: 50%;
15 width: 50%; 13 border: 0px solid #ccc;
16 border: 0px solid #ccc; 14 .nav-link {
17 .nav-link{ 15 width: 100%;
18 width: 100%; 16 border-radius: 0px;
19 border-radius: 0px; 17 background-color: #0081bc;
20 background-color: #0081BC; 18 color: #ffffff;
21 color: #FFFFFF; 19 border: 0px solid #ccc;
22 border: 0px solid #ccc; 20 font-size: 18px;
23 font-size: 18px; 21 padding: 20px 20px;
24 padding: 20px 20px; 22 font-family: "Poppins", sans-serif;
25 font-family: 'Poppins', sans-serif;
26 }
27 .nav-link.active{
28 background-color:#FFFFFF;
29 color: #0081BC;
30 }
31 } 23 }
24 .nav-link.active {
25 background-color: #ffffff;
26 color: #0081bc;
27 }
28 }
32 } 29 }
33 #program-info-content{ 30 #program-info-content {
34 padding:20px 40px 40px 40px; 31 padding: 20px 40px 40px 40px;
35 table{ 32 table {
36 width: 100%; 33 width: 100%;
37 tr{ 34 tr {
38 th{ 35 th {
39 width: 33%; 36 width: 33%;
40 font-size: 18px; 37 font-size: 18px;
41 color: #0081BC; 38 color: #0081bc;
42 font-family: 'Poppins', sans-serif; 39 font-family: "Poppins", sans-serif;
43 } 40 }
44 } 41 }
45 tr:not(.not){ 42 tr:not(.not) {
46 border-bottom:1px solid #FFA300; 43 border-bottom: 1px solid #ffa300;
47 td{ 44 td {
48 font-size: 16px; 45 font-size: 16px;
49 padding: 10px 0px; 46 padding: 10px 0px;
50 } 47 }
51 } 48 }
52 } 49 }
53 } 50 }
54 } 51 }
55 .outcomes{ 52 .outcomes {
56 margin: 70px 0px; 53 margin: 70px 0px;
57 .outcome{ 54 .outcome {
58 width: 100%; 55 width: 100%;
59 min-height: 227px; 56 min-height: 227px;
60 background-color: #E2F2F9; 57 background-color: #e2f2f9;
61 padding:25px 25px 25px 15px; 58 padding: 25px 25px 25px 15px;
62 border-radius: 25px 25px 0px 0px; 59 border-radius: 25px 25px 0px 0px;
63 border-bottom: 22px solid #FFA300; 60 border-bottom: 22px solid #ffa300;
64 font-size: 16px; 61 font-size: 16px;
65 line-height: 24px; 62 line-height: 24px;
66 } 63 }
67 .col-out{ 64 .col-out {
68 @media only screen and (max-width: 600px) { 65 @media only screen and (max-width: 600px) {
69 margin-top: 20px; 66 margin-top: 20px;
70 } 67 }
71 } 68 }
72 .col-out:nth-of-type(2) .outcome{ 69 .col-out:nth-of-type(2) .outcome {
73 border-bottom: 22px solid #3F9C35; 70 border-bottom: 22px solid #3f9c35;
74 } 71 }
75 .col-out:nth-of-type(3) .outcome{ 72 .col-out:nth-of-type(3) .outcome {
76 border-bottom: 22px solid #0484B8; 73 border-bottom: 22px solid #0484b8;
77 } 74 }
78 .col-out:nth-of-type(4) .outcome{ 75 .col-out:nth-of-type(4) .outcome {
79 border-bottom: 22px solid #E04E39; 76 border-bottom: 22px solid #e04e39;
80 } 77 }
81 78 }
82 } 79
83
...\ No newline at end of file ...\ No newline at end of file
......
1 label[for=quicksearch]{ 1 label[for="quicksearch"] {
2 font-size: 18px; 2 font-size: 18px;
3 line-height: 24px; 3 line-height: 24px;
4 color: #0484B8; 4 color: #0484b8;
5 text-transform: uppercase; 5 text-transform: uppercase;
6 font-family: 'Poppins', sans-serif; 6 font-family: "Poppins", sans-serif;
7 font-weight: 800; 7 font-weight: 800;
8 } 8 }
9 #quicksearch{ 9 #quicksearch {
10 width: 600px; 10 width: 600px;
11 border-bottom:1px solid #8E908F !important; 11 border-bottom: 1px solid #8e908f !important;
12 } 12 }
13 .filters{ 13 .filters {
14 border-bottom:1px solid #FFA300 !important; 14 border-bottom: 1px solid #ffa300 !important;
15 border-top:1px solid #FFA300 !important; 15 border-top: 1px solid #ffa300 !important;
16 padding: 10px 0px 10px 0px; 16 padding: 10px 0px 10px 0px;
17 .glyphicon-chevron-up::after{ 17 .glyphicon-chevron-up::after {
18 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.432' height='11.567' viewBox='0 0 19.432 11.567'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='translate(274.905 -394.917) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E"); 18 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.432' height='11.567' viewBox='0 0 19.432 11.567'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='translate(274.905 -394.917) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
19 }
20 .glyphicon-chevron-down::after{
21 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.631' height='11.905' viewBox='0 0 19.631 11.905'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='matrix(-0.017 -1 1 -0.017 -248.34 411.22)' fill='%230484b8'/%3E%3C/svg%3E");
22 }
23 #filter-more{
24 font-size: 18px;
25 line-height: 24px;
26 color: #0484B8;
27 text-transform: uppercase;
28 text-decoration: none;
29 padding: 10px 0px;
30 display: block;
31 font-family: 'Poppins', sans-serif;
32 font-weight: 800;
33 } 19 }
34 .filter-group{ 20 .glyphicon-chevron-down::after {
35 display:none; 21 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.631' height='11.905' viewBox='0 0 19.631 11.905'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='matrix(-0.017 -1 1 -0.017 -248.34 411.22)' fill='%230484b8'/%3E%3C/svg%3E");
36 flex-direction: row ; 22 }
37 justify-content: space-between; 23 #filter-more {
38 margin-bottom: 20px; 24 font-size: 18px;
39 .sort-button-group { 25 line-height: 24px;
40 .btn{ 26 color: #0484b8;
41 border:1px solid #0081BC; 27 text-transform: uppercase;
42 28 text-decoration: none;
43 } 29 padding: 10px 0px;
44 30 display: block;
31 font-family: "Poppins", sans-serif;
32 font-weight: 800;
33 }
34 .filter-group {
35 display: none;
36 flex-direction: row;
37 justify-content: space-between;
38 margin-bottom: 20px;
39 .sort-button-group {
40 .btn {
41 border: 1px solid #0081bc;
45 } 42 }
43 }
46 } 44 }
47 .filter-group.open{ 45 .filter-group.open {
48 display:flex; 46 display: flex;
49 } 47 }
50 } 48 }
51 .category-filter-group{ 49 .category-filter-group {
52 display:flex; 50 display: flex;
53 flex-direction: row ; 51 flex-direction: row;
54 } 52 }
55 .category-type, 53 .category-type,
56 .category-filter{ 54 .category-filter {
57 display:flex; 55 display: flex;
58 flex-direction: row ; 56 flex-direction: row;
59 font-size:18px; 57 font-size: 18px;
60 font-size:1.125rem; 58 font-size: 1.125rem;
61 color:#515151; 59 color: #515151;
62 margin:.25rem 0; 60 margin: 0.25rem 0;
63 margin-right:1rem; 61 margin-right: 1rem;
64 label{ 62 label {
65 padding-left:30px; 63 padding-left: 30px;
66 padding-right:10px; 64 padding-right: 10px;
67 white-space:nowrap; 65 white-space: nowrap;
68 cursor:pointer; 66 cursor: pointer;
69 color: #2C2C2C; 67 color: #2c2c2c;
70 } 68 }
71 input[type=checkbox]{ 69 input[type="checkbox"] {
72 display:inline-block; 70 display: inline-block;
73 margin-left:30px; 71 margin-left: 30px;
74 margin-left:0; 72 margin-left: 0;
75 } 73 }
76 input[type=checkbox]:focus+label{ 74 input[type="checkbox"]:focus + label {
77 outline:-webkit-focus-ring-color auto 1px; 75 outline: -webkit-focus-ring-color auto 1px;
78 } 76 }
79 label:before{ 77 label:before {
80 content:''; 78 content: "";
81 cursor:pointer; 79 cursor: pointer;
82 height:25px; 80 height: 25px;
83 width:25px; 81 width: 25px;
84 padding:2.5px; 82 padding: 2.5px;
85 display:inline-block; 83 display: inline-block;
86 position:absolute; 84 position: absolute;
87 background:#FFF; 85 background: #fff;
88 margin-left:-30px; 86 margin-left: -30px;
89 border:2px solid #0081BC; 87 border: 2px solid #0081bc;
90 border-radius: 4px; 88 border-radius: 4px;
91 } 89 }
92 input:checked+label:before{ 90 input:checked + label:before {
93 background:#0081BC !important; 91 background: #0081bc !important;
94 border:2px solid #0081BC; 92 border: 2px solid #0081bc;
95 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.078' height='18.352' viewBox='0 0 15.078 18.352'%3E%3Cpath id='Path_1871' data-name='Path 1871' d='M137.622 43.1l1.28 2.211 6.924-11.987a1.837 1.837 0 0 1 3.2 1.8l-8.5 14.722a1.931 1.931 0 0 1-3.259 0L134.48 44.9a1.812 1.812 0 1 1 3.142-1.8Z' transform='translate(-134.203 -32.392)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); 93 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.078' height='18.352' viewBox='0 0 15.078 18.352'%3E%3Cpath id='Path_1871' data-name='Path 1871' d='M137.622 43.1l1.28 2.211 6.924-11.987a1.837 1.837 0 0 1 3.2 1.8l-8.5 14.722a1.931 1.931 0 0 1-3.259 0L134.48 44.9a1.812 1.812 0 1 1 3.142-1.8Z' transform='translate(-134.203 -32.392)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
96 height:25px; 94 height: 25px;
97 width:25px; 95 width: 25px;
98 padding: 2px 4px; 96 padding: 2px 4px;
99 background-position:4px; 97 background-position: 4px;
100 background-size:22px; 98 background-size: 22px;
101 background-repeat:no-repeat; 99 background-repeat: no-repeat;
102 position:absolute; 100 position: absolute;
103 cursor:pointer; 101 cursor: pointer;
104 } 102 }
105 input[type=checkbox]{ 103 input[type="checkbox"] {
106 background-color:initial; 104 background-color: initial;
107 cursor:default; 105 cursor: default;
108 -webkit-appearance:auto; 106 -webkit-appearance: auto;
109 -moz-appearance:auto; 107 -moz-appearance: auto;
110 appearance:auto; 108 appearance: auto;
111 -webkit-box-sizing:border-box; 109 -webkit-box-sizing: border-box;
112 box-sizing:border-box; 110 box-sizing: border-box;
113 margin:3px 3px 3px 4px; 111 margin: 3px 3px 3px 4px;
114 padding:initial; 112 padding: initial;
115 border:initial; 113 border: initial;
116 position:relative; 114 position: relative;
117 } 115 }
118 .sr-only{ 116 .sr-only {
119 position: absolute !important; 117 position: absolute !important;
120 clip:rect(1px,1px,1px,1px); 118 clip: rect(1px, 1px, 1px, 1px);
121 padding:0; 119 padding: 0;
122 border:0; 120 border: 0;
123 height:1px; 121 height: 1px;
124 width:1px; 122 width: 1px;
125 overflow:hidden; 123 overflow: hidden;
126 } 124 }
127 } 125 }
128 126
129 127 .card {
130
131 .card{
132 background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box; 128 background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
133 background: #FFFFFF 0% 0% no-repeat padding-box; 129 background: #ffffff 0% 0% no-repeat padding-box;
134 box-shadow: 0px 3px 6px #00000029; 130 box-shadow: 0px 3px 6px #00000029;
135 border-radius: 0px; 131 border-radius: 0px;
136 border-width: 0px; 132 border-width: 0px;
137 min-height: 526px; 133 min-height: 526px;
138 .thumbnail{ 134 .thumbnail {
139 line-height:1.428571429; 135 line-height: 1.428571429;
140 background-color:#ffffff; 136 background-color: #ffffff;
141 border:1px solid #dddddd; 137 border: 1px solid #dddddd;
142 -webkit-transition:all 0.2s ease-in-out; 138 -webkit-transition: all 0.2s ease-in-out;
143 transition:all 0.2s ease-in-out; 139 transition: all 0.2s ease-in-out;
144 display:inline-block; 140 display: inline-block;
145 max-width:100%; 141 max-width: 100%;
146 height:auto; 142 height: auto;
147 display:block; 143 display: block;
148 position:relative; 144 position: relative;
149 padding:0; 145 padding: 0;
150 margin:0; 146 margin: 0;
151 147
152 .ribbon{ 148 .ribbon {
153 background:#E8D44B; 149 background: #e8d44b;
154 box-shadow:0 1px rgba(0,0,0,0.2); 150 box-shadow: 0 1px rgba(0, 0, 0, 0.2);
155 -moz-box-shadow:0 1px rgba(0,0,0,0.2); 151 -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
156 -webkit-box-shadow:0 1px rgba(0,0,0,0.2); 152 -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
157 color:#2C2C2C; 153 color: #2c2c2c;
158 text-transform: uppercase; 154 text-transform: uppercase;
159 155
160 position:absolute; 156 position: absolute;
161 font-size:14px; 157 font-size: 14px;
162 left:-8px; 158 left: -8px;
163 right: unset; 159 right: unset;
164 top:10px; 160 top: 10px;
165 padding:3px 10px; 161 padding: 3px 10px;
166 z-index:2; 162 z-index: 2;
167 border-radius: 0px; 163 border-radius: 0px;
168 164 }
169 } 165 .ribbon:before {
170 .ribbon:before{ 166 border: 4px solid transparent;
171 border:4px solid transparent; 167 border-top: 4px solid #c3b241;
172 border-top:4px solid #C3B241; 168 border-right: 4px solid #c3b241;
173 border-right:4px solid #C3B241; 169 content: "";
174 content:""; 170 position: absolute;
175 position:absolute; 171 left: 0;
176 left:0; 172 right: unset;
177 right: unset; 173 border-radius: 0px;
178 border-radius: 0px; 174 bottom: -8px;
179 bottom:-8px; 175 }
180 } 176 img {
181 img{ 177 display: block;
182 display:block; 178 max-width: 100%;
183 max-width:100%; 179 width: 100%;
184 width:100%; 180 height: auto;
185 height:auto; 181 margin-left: auto;
186 margin-left:auto; 182 margin-right: auto;
187 margin-right:auto; 183 box-shadow: none;
188 box-shadow:none; 184 max-height: 400px;
189 max-height: 400px; 185 }
190 }
191 } 186 }
192 .content{ 187 .content {
193 padding: 15px; 188 padding: 15px;
189 display: flex;
190 flex-direction: column;
191 flex: 1;
192 .entry-title {
193 margin-top: 0px;
194 text-transform: uppercase;
195 text-align: center;
196 font-size: 18px;
197 line-height: 24px;
198 }
199 .entry-content {
200 text-align: center;
201 font-size: 16px;
202 line-height: 24px;
203 }
204
205 .btn {
194 display: flex; 206 display: flex;
195 flex-direction: column; 207 align-self: center;
196 flex: 1; 208 background-color: #0484b8;
197 .entry-title{ 209 color: #fff;
198 margin-top: 0px; 210 border-radius: 0px;
199 text-transform: uppercase; 211 font-size: 18px;
200 text-align: center; 212 margin-top: auto;
201 font-size: 18px; 213 margin-bottom: 20px;
202 line-height: 24px; 214 }
203 } 215 .btn:hover {
204 .entry-content{ 216 background-color: #2c2c2c;
205 text-align: center; 217 }
206 font-size: 16px;
207 line-height: 24px;
208 }
209
210 .btn{
211 display: flex;
212 align-self:center;
213 background-color: #0484B8;
214 color: #fff;
215 border-radius: 0px;
216 font-size: 18px;
217 margin-top: auto;
218 margin-bottom: 20px;
219 }
220 .btn:hover{
221 background-color: #2C2C2C;
222 }
223
224 } 218 }
225 } 219 }
226 220
227 221 .course-list:not(.resources) {
228
229
230
231 .course-list:not(.resources){
232 .element-item { 222 .element-item {
233 position: relative; 223 position: relative;
234 float: left; 224 float: left;
235 width: calc(33.33% - 30px); 225 width: calc(33.33% - 30px);
236 height: 600px; 226 height: 600px;
237 margin: 15px; 227 margin: 15px;
238 padding: 10px; 228 padding: 10px;
239 } 229 }
240 } 230 }
241 231
242 .course-list.resources{ 232 .course-list.resources {
243 .element-item { 233 .element-item {
244 position: relative; 234 position: relative;
245 float: left; 235 float: left;
246 width: 100%; 236 width: 100%;
247 height: 60px; 237 height: 60px;
248 margin: 15px; 238 margin: 15px;
249 padding: 10px; 239 padding: 10px;
250 } 240 }
251 } 241 }
252 242
253 243 .view-plan {
254 .view-plan{
255 width: 100%; 244 width: 100%;
256 text-align: center; 245 text-align: center;
257 #load-more{ 246 #load-more {
258 margin: auto; 247 margin: auto;
259 background-color: #0484B8; 248 background-color: #0484b8;
260 color: #fff; 249 color: #fff;
261 border-radius: 0px; 250 border-radius: 0px;
262 font-size: 18px; 251 font-size: 18px;
263 margin-top: auto; 252 margin-top: auto;
264 margin-bottom: 20px; 253 margin-bottom: 20px;
265 text-transform: uppercase; 254 text-transform: uppercase;
266 } 255 }
267 #load-more:hover{ 256 #load-more:hover {
268 background-color: #2C2C2C; 257 background-color: #2c2c2c;
269 } 258 }
270 } 259 }
271 .hidden{ 260 .hidden {
272 visibility:hidden; 261 visibility: hidden;
273 width:0px!important; 262 width: 0px !important;
274 height:0px!important; 263 height: 0px !important;
275 margin:0px!important; 264 margin: 0px !important;
276 padding:0px!important; 265 padding: 0px !important;
277 display:none; 266 display: none;
278 } 267 }
279 268
280 269 .isotope-pager .pager {
281 .isotope-pager .pager {
282 display: inline-block; 270 display: inline-block;
283 } 271 }
284 272
...\ No newline at end of file ...\ No newline at end of file
......
1 #wrapper-footer-full{ 1 #wrapper-footer-full {
2 background-color: #fff; 2 background-color: #fff;
3 padding-bottom: 0px; 3 padding-bottom: 0px;
4 #footer-full-content{ 4 #footer-full-content {
5 .footer-widget{ 5 .footer-widget {
6 .wp-block-columns{ 6 .wp-block-columns {
7 p{ 7 p {
8 color: #707070; 8 color: #707070;
9 } 9 }
10 .wp-block-column:nth-of-type(2) { 10 .wp-block-column:nth-of-type(2) {
11 ::before{ 11 ::before {
12 content: ""; 12 content: "";
13 margin: 20px 0px; 13 margin: 20px 0px;
14 display: block; 14 display: block;
15 width: 120px; 15 width: 120px;
16 height: 4px; 16 height: 4px;
17 background-color: #FFA300; 17 background-color: #ffa300;
18 } 18 }
19 } 19 }
20 .wp-block-column:nth-of-type(3) { 20 .wp-block-column:nth-of-type(3) {
21 ::before{ 21 ::before {
22 content: ""; 22 content: "";
23 margin: 20px 0px; 23 margin: 20px 0px;
24 display: block; 24 display: block;
25 width: 120px; 25 width: 120px;
26 height: 4px; 26 height: 4px;
27 background-color: #3F9C35; 27 background-color: #3f9c35;
28 } 28 }
29 } 29 }
30 .wp-block-column:nth-of-type(4) { 30 .wp-block-column:nth-of-type(4) {
31 p::before{ 31 p::before {
32 content: ""; 32 content: "";
33 margin: 20px 0px; 33 margin: 20px 0px;
34 display: block; 34 display: block;
35 width: 120px; 35 width: 120px;
36 height: 4px; 36 height: 4px;
37 background-color: #E04E39; 37 background-color: #e04e39;
38 } 38 }
39 } 39 }
40 }
41 } 40 }
41 }
42 } 42 }
43 } 43 }
44 44
45 .newsletter{ 45 .newsletter {
46 background-color: #6ED5FF; 46 background-color: #6ed5ff;
47 min-height: 236px; 47 min-height: 236px;
48 padding: 52px 0px 32px 0px; 48 padding: 52px 0px 32px 0px;
49 h2{ 49 h2 {
50 font-size: 18px; 50 font-size: 18px;
51 line-height: 24px; 51 line-height: 24px;
52 color:#000 !important; 52 color: #000 !important;
53 text-align: left !important; 53 text-align: left !important;
54 text-transform: uppercase; 54 text-transform: uppercase;
55 } 55 }
56 .wpcf7{ 56 .wpcf7 {
57 max-width: 100%; 57 max-width: 100%;
58 input[type=submit]{ 58 input[type="submit"] {
59 float: right; 59 float: right;
60 margin-top: 20px; 60 margin-top: 20px;
61 width: 112px; 61 width: 112px;
62 background-color: #000; 62 background-color: #000;
63 color: #fff; 63 color: #fff;
64 text-transform: uppercase; 64 text-transform: uppercase;
65 } 65 }
66 } 66 }
67 } 67 }
68 #menu-social { 68 #menu-social {
69 display: flex; 69 display: flex;
70 list-style: none; 70 list-style: none;
71 margin: 0; 71 margin: 0;
...@@ -75,48 +75,40 @@ ...@@ -75,48 +75,40 @@
75 flex-direction: row; 75 flex-direction: row;
76 align-content: flex-end; 76 align-content: flex-end;
77 flex-wrap: wrap; 77 flex-wrap: wrap;
78 } 78 }
79 79
80 #menu-social > .menu-item { 80 #menu-social > .menu-item {
81 a { 81 a {
82 color:transparent; 82 color: transparent;
83 display: inline-block; 83 display: inline-block;
84 width:2.5rem; 84 width: 2.5rem;
85 height:2.5rem; 85 height: 2.5rem;
86 background-repeat:no-repeat; 86 background-repeat: no-repeat;
87 transition-duration: 0.4s; 87 transition-duration: 0.4s;
88 } 88 }
89 a:hover { 89 a:hover {
90 transform: scale(1.06); 90 transform: scale(1.06);
91 transform-origin: 0 0; 91 transform-origin: 0 0;
92 } 92 }
93 &.instagram { 93 &.instagram {
94 a { 94 a {
95 background-image: url("data:image/svg+xml,%3Csvg id='icon_IG' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1385' data-name='Group 1385'%3E%3Cg id='Group_1384' data-name='Group 1384' transform='translate(9.19 9.19)'%3E%3Cpath id='Path_1866' data-name='Path 1866' d='M305.549 106.724a1.138 1.138 0 1 1-1.138-1.138A1.138 1.138 0 0 1 305.549 106.724Zm-1.417 5.1a4.781 4.781 0 1 1-4.781-4.781A4.786 4.786 0 0 1 304.131 111.826Zm-1.718 0a3.063 3.063 0 1 0-3.063 3.063A3.066 3.066 0 0 0 302.413 111.826Zm6.614-3.841a5.832 5.832 0 0 0-5.832-5.831h-7.958a5.831 5.831 0 0 0-5.831 5.831v7.958a5.831 5.831 0 0 0 5.831 5.831H303.2a5.832 5.832 0 0 0 5.832-5.831Zm-1.915 7.87a4 4 0 0 1-4 4h-7.782a4 4 0 0 1-4-4v-7.783a4 4 0 0 1 4-4h7.782a4 4 0 0 1 4 4Z' transform='translate(-289.407 -102.154)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1867' data-name='Path 1867' d='M290.283 84.031a19 19 0 1 0 19 19A19.022 19.022 0 0 0 290.283 84.031Zm0 35.564a16.564 16.564 0 1 1 16.564-16.564A16.582 16.582 0 0 1 290.283 119.595Z' transform='translate(-271.283 -84.031)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E"); 95 background-image: url("data:image/svg+xml,%3Csvg id='icon_IG' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1385' data-name='Group 1385'%3E%3Cg id='Group_1384' data-name='Group 1384' transform='translate(9.19 9.19)'%3E%3Cpath id='Path_1866' data-name='Path 1866' d='M305.549 106.724a1.138 1.138 0 1 1-1.138-1.138A1.138 1.138 0 0 1 305.549 106.724Zm-1.417 5.1a4.781 4.781 0 1 1-4.781-4.781A4.786 4.786 0 0 1 304.131 111.826Zm-1.718 0a3.063 3.063 0 1 0-3.063 3.063A3.066 3.066 0 0 0 302.413 111.826Zm6.614-3.841a5.832 5.832 0 0 0-5.832-5.831h-7.958a5.831 5.831 0 0 0-5.831 5.831v7.958a5.831 5.831 0 0 0 5.831 5.831H303.2a5.832 5.832 0 0 0 5.832-5.831Zm-1.915 7.87a4 4 0 0 1-4 4h-7.782a4 4 0 0 1-4-4v-7.783a4 4 0 0 1 4-4h7.782a4 4 0 0 1 4 4Z' transform='translate(-289.407 -102.154)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1867' data-name='Path 1867' d='M290.283 84.031a19 19 0 1 0 19 19A19.022 19.022 0 0 0 290.283 84.031Zm0 35.564a16.564 16.564 0 1 1 16.564-16.564A16.582 16.582 0 0 1 290.283 119.595Z' transform='translate(-271.283 -84.031)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
96 } 96 }
97
98 } 97 }
99 &.linkedin { 98 &.linkedin {
100 a { 99 a {
101 100 background-image: url("data:image/svg+xml,%3Csvg id='icon_LinkedIn' xmlns='http://www.w3.org/2000/svg' width='38' height='38.001' viewBox='0 0 38 38.001'%3E%3Cg id='Group_1387' data-name='Group 1387' transform='translate(10.241 8.324)'%3E%3Cpath id='Path_1868' data-name='Path 1868' d='M399.855 105.472h3.635v11.675h-3.635Zm1.818-5.8a2.1 2.1 0 1 1-2.107 2.1 2.1 2.1 0 0 1 2.107-2.1m4.094 17.477h3.627v-5.775c0-1.523.288-3 2.177-3 1.859 0 1.886 1.741 1.886 3.1v5.676h3.627v-6.4c0-3.144-.677-5.561-4.352-5.561a3.815 3.815 0 0 0-3.436 1.886h-.048v-1.6h-3.481Z' transform='translate(-399.566 -99.67)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1869' data-name='Path 1869' d='M398.369 83.254a19 19 0 1 0 19 19A19.022 19.022 0 0 0 398.369 83.254Zm0 35.564a16.563 16.563 0 1 1 16.564-16.564A16.582 16.582 0 0 1 398.369 118.818Z' transform='translate(-379.369 -83.254)' fill='%230484b8'/%3E%3C/svg%3E");
102 background-image: url("data:image/svg+xml,%3Csvg id='icon_LinkedIn' xmlns='http://www.w3.org/2000/svg' width='38' height='38.001' viewBox='0 0 38 38.001'%3E%3Cg id='Group_1387' data-name='Group 1387' transform='translate(10.241 8.324)'%3E%3Cpath id='Path_1868' data-name='Path 1868' d='M399.855 105.472h3.635v11.675h-3.635Zm1.818-5.8a2.1 2.1 0 1 1-2.107 2.1 2.1 2.1 0 0 1 2.107-2.1m4.094 17.477h3.627v-5.775c0-1.523.288-3 2.177-3 1.859 0 1.886 1.741 1.886 3.1v5.676h3.627v-6.4c0-3.144-.677-5.561-4.352-5.561a3.815 3.815 0 0 0-3.436 1.886h-.048v-1.6h-3.481Z' transform='translate(-399.566 -99.67)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1869' data-name='Path 1869' d='M398.369 83.254a19 19 0 1 0 19 19A19.022 19.022 0 0 0 398.369 83.254Zm0 35.564a16.563 16.563 0 1 1 16.564-16.564A16.582 16.582 0 0 1 398.369 118.818Z' transform='translate(-379.369 -83.254)' fill='%230484b8'/%3E%3C/svg%3E"); 101 }
103 }
104
105 } 102 }
106 &.twitter { 103 &.twitter {
107 a { 104 a {
108 105 background-image: url("data:image/svg+xml,%3Csvg id='icon_Twitter' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1382' data-name='Group 1382'%3E%3Cg id='Group_1381' data-name='Group 1381' transform='translate(9.186 10.953)'%3E%3Cpath id='Path_1864' data-name='Path 1864' d='M194.129 107.625a8.183 8.183 0 0 1-2 .564c.318-.054.776-.629.963-.862a3.612 3.612 0 0 0 .652-1.2c.017-.034.027-.077-.007-.1a.115.115 0 0 0-.106.009 10.08 10.08 0 0 1-2.345.9.157.157 0 0 1-.162-.043 1.91 1.91 0 0 0-.2-.209 4.139 4.139 0 0 0-1.136-.7 3.958 3.958 0 0 0-1.742-.281 4.168 4.168 0 0 0-1.653.467 4.266 4.266 0 0 0-1.333 1.089 4.1 4.1 0 0 0-.8 1.595 4.309 4.309 0 0 0-.042 1.684c.013.094 0 .107-.081.094a12.521 12.521 0 0 1-8.056-4.1c-.094-.107-.145-.107-.223.008a4.087 4.087 0 0 0 .7 4.827c.158.15.32.3.495.436a4.112 4.112 0 0 1-1.555-.436c-.094-.06-.141-.025-.15.081a2.447 2.447 0 0 0 .026.461 4.132 4.132 0 0 0 2.546 3.293 2.378 2.378 0 0 0 .517.158 4.606 4.606 0 0 1-1.525.048c-.111-.022-.154.034-.111.14a4.288 4.288 0 0 0 3.2 2.683c.145.025.291.025.436.059-.009.013-.018.013-.026.026a5.073 5.073 0 0 1-2.188 1.16 7.836 7.836 0 0 1-3.323.425c-.178-.026-.216-.024-.265 0s-.006.073.051.119c.227.15.457.282.692.411a11 11 0 0 0 2.221.888 11.83 11.83 0 0 0 11.486-2.685 12.052 12.052 0 0 0 3.178-8.793c0-.126.15-.2.238-.263a7.925 7.925 0 0 0 1.6-1.626.633.633 0 0 0 .14-.311v-.017C194.246 107.574 194.209 107.589 194.129 107.625Z' transform='translate(-174.619 -105.696)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1865' data-name='Path 1865' d='M175.5 84.1a19 19 0 1 0 19 19A19.022 19.022 0 0 0 175.5 84.1Zm0 35.564A16.564 16.564 0 1 1 192.066 103.1 16.582 16.582 0 0 1 175.5 119.66Z' transform='translate(-156.502 -84.096)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
109 background-image: url("data:image/svg+xml,%3Csvg id='icon_Twitter' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1382' data-name='Group 1382'%3E%3Cg id='Group_1381' data-name='Group 1381' transform='translate(9.186 10.953)'%3E%3Cpath id='Path_1864' data-name='Path 1864' d='M194.129 107.625a8.183 8.183 0 0 1-2 .564c.318-.054.776-.629.963-.862a3.612 3.612 0 0 0 .652-1.2c.017-.034.027-.077-.007-.1a.115.115 0 0 0-.106.009 10.08 10.08 0 0 1-2.345.9.157.157 0 0 1-.162-.043 1.91 1.91 0 0 0-.2-.209 4.139 4.139 0 0 0-1.136-.7 3.958 3.958 0 0 0-1.742-.281 4.168 4.168 0 0 0-1.653.467 4.266 4.266 0 0 0-1.333 1.089 4.1 4.1 0 0 0-.8 1.595 4.309 4.309 0 0 0-.042 1.684c.013.094 0 .107-.081.094a12.521 12.521 0 0 1-8.056-4.1c-.094-.107-.145-.107-.223.008a4.087 4.087 0 0 0 .7 4.827c.158.15.32.3.495.436a4.112 4.112 0 0 1-1.555-.436c-.094-.06-.141-.025-.15.081a2.447 2.447 0 0 0 .026.461 4.132 4.132 0 0 0 2.546 3.293 2.378 2.378 0 0 0 .517.158 4.606 4.606 0 0 1-1.525.048c-.111-.022-.154.034-.111.14a4.288 4.288 0 0 0 3.2 2.683c.145.025.291.025.436.059-.009.013-.018.013-.026.026a5.073 5.073 0 0 1-2.188 1.16 7.836 7.836 0 0 1-3.323.425c-.178-.026-.216-.024-.265 0s-.006.073.051.119c.227.15.457.282.692.411a11 11 0 0 0 2.221.888 11.83 11.83 0 0 0 11.486-2.685 12.052 12.052 0 0 0 3.178-8.793c0-.126.15-.2.238-.263a7.925 7.925 0 0 0 1.6-1.626.633.633 0 0 0 .14-.311v-.017C194.246 107.574 194.209 107.589 194.129 107.625Z' transform='translate(-174.619 -105.696)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1865' data-name='Path 1865' d='M175.5 84.1a19 19 0 1 0 19 19A19.022 19.022 0 0 0 175.5 84.1Zm0 35.564A16.564 16.564 0 1 1 192.066 103.1 16.582 16.582 0 0 1 175.5 119.66Z' transform='translate(-156.502 -84.096)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E"); 106 }
110
111 }
112
113 } 107 }
114 &.facebook { 108 &.facebook {
115 a{ 109 a {
116
117 background-image: url("data:image/svg+xml,%3Csvg id='icon_Fb' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1379' data-name='Group 1379'%3E%3Cg id='Group_1378' data-name='Group 1378' transform='translate(14.534 9.386)'%3E%3Cpath id='Path_1862' data-name='Path 1862' d='M75.44 112.166v9.3a.242.242 0 0 0 .242.242h3.452a.242.242 0 0 0 .242-.242v-9.447h2.5a.242.242 0 0 0 .241-.222l.24-2.846a.243.243 0 0 0-.241-.263H79.376v-2.019a.857.857 0 0 1 .857-.857h1.929a.242.242 0 0 0 .242-.242v-2.846a.242.242 0 0 0-.242-.242H78.9a3.463 3.463 0 0 0-3.463 3.463v2.744H73.714a.242.242 0 0 0-.242.242v2.846a.242.242 0 0 0 .242.242H75.44Z' transform='translate(-73.472 -102.477)' fill='%230484b8' fill-rule='evenodd'/%3E%3C/g%3E%3Cpath id='Path_1863' data-name='Path 1863' d='M63.809 83.966a19 19 0 1 0 19 19A19.022 19.022 0 0 0 63.809 83.966Zm16.563 19A16.563 16.563 0 1 1 63.809 86.4 16.582 16.582 0 0 1 80.372 102.966Z' transform='translate(-44.809 -83.966)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E"); 110 background-image: url("data:image/svg+xml,%3Csvg id='icon_Fb' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1379' data-name='Group 1379'%3E%3Cg id='Group_1378' data-name='Group 1378' transform='translate(14.534 9.386)'%3E%3Cpath id='Path_1862' data-name='Path 1862' d='M75.44 112.166v9.3a.242.242 0 0 0 .242.242h3.452a.242.242 0 0 0 .242-.242v-9.447h2.5a.242.242 0 0 0 .241-.222l.24-2.846a.243.243 0 0 0-.241-.263H79.376v-2.019a.857.857 0 0 1 .857-.857h1.929a.242.242 0 0 0 .242-.242v-2.846a.242.242 0 0 0-.242-.242H78.9a3.463 3.463 0 0 0-3.463 3.463v2.744H73.714a.242.242 0 0 0-.242.242v2.846a.242.242 0 0 0 .242.242H75.44Z' transform='translate(-73.472 -102.477)' fill='%230484b8' fill-rule='evenodd'/%3E%3C/g%3E%3Cpath id='Path_1863' data-name='Path 1863' d='M63.809 83.966a19 19 0 1 0 19 19A19.022 19.022 0 0 0 63.809 83.966Zm16.563 19A16.563 16.563 0 1 1 63.809 86.4 16.582 16.582 0 0 1 80.372 102.966Z' transform='translate(-44.809 -83.966)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
118 111 }
119 }
120
121 } 112 }
122 }
...\ No newline at end of file ...\ No newline at end of file
113 }
114
...\ No newline at end of file ...\ No newline at end of file
......
1 .pre-header{ 1 .pre-header {
2 background-color: #0484B8; 2 background-color: #0484b8;
3 color:#fff; 3 color: #fff;
4 height: 57px; 4 height: 57px;
5 display: flex; 5 display: flex;
6 .sponsored{ 6 .sponsored {
7 text-align: right; 7 text-align: right;
8 .logo{ 8 .logo {
9 width: 149px; 9 width: 149px;
10 margin-left: 30px; 10 margin-left: 30px;
11 } 11 }
12 } 12 }
13 } 13 }
14 #main-nav{ 14 #main-nav {
15 background-color: #fff; 15 background-color: #fff;
16 height: 128px; 16 height: 128px;
17 transition: 0.4s; 17 transition: 0.4s;
18 .custom-logo-link { 18 .custom-logo-link {
19 margin-left: 0px; 19 margin-left: 0px;
20 img{ 20 img {
21 transition: 0.4s; 21 transition: 0.4s;
22 width: 349px; 22 width: 349px;
23 } 23 }
24 } 24 }
25 .navbar-nav.sign-up{ 25 .navbar-nav.sign-up {
26 margin-bottom: 20px; 26 margin-bottom: 20px;
27 } 27 }
28 #login-menu{ 28 #login-menu {
29 transition: 0.4s; 29 transition: 0.4s;
30 position: relative; 30 position: relative;
31 a{ 31 a {
32 font-size: 14px; 32 font-size: 14px;
33 color: #0484B8; 33 color: #0484b8;
34 margin-left: 20px; 34 margin-left: 20px;
35 text-align: center; 35 text-align: center;
36 36 }
37 a:hover {
38 color: #2c2c2c;
39 text-decoration: underline;
40 }
41 .sign-up {
42 a {
43 margin-left: 10px;
37 } 44 }
38 a:hover{ 45 }
39 color: #2C2C2C; 46 .log-in-button {
40 text-decoration: underline; 47 background-color: #0484b8;
48 margin-left: 20px;
49 a {
50 font-size: 14px;
51 color: #fff;
52 padding: 7px 25px;
53 margin-left: 0px;
41 } 54 }
42 .sign-up{ 55 a:hover {
43 a{ 56 text-decoration: none !important;
44 margin-left: 10px;
45 }
46 }
47 .log-in-button{
48 background-color: #0484B8;
49 margin-left: 20px;
50 a{
51 font-size: 14px;
52 color: #fff;
53 padding: 7px 25px;
54 margin-left: 0px;
55 }
56 a:hover{
57 text-decoration: none !important;
58 }
59 }
60 .log-in-button:hover{
61 background-color: #2C2C2C;
62
63 } 57 }
58 }
59 .log-in-button:hover {
60 background-color: #2c2c2c;
61 }
64 } 62 }
65 63
66 #main-menu{ 64 #main-menu {
67 transition: 0.4s; 65 transition: 0.4s;
68 position: relative; 66 position: relative;
69 top: unset; 67 top: unset;
70 a{ 68 a {
71 font-size: 18px; 69 font-size: 18px;
72 font-weight: bold; 70 font-weight: bold;
73 color: #0484B8; 71 color: #0484b8;
74 } 72 }
75 a:hover{ 73 a:hover {
76 color: #2C2C2C; 74 color: #2c2c2c;
77 text-decoration: underline; 75 text-decoration: underline;
78 } 76 }
79 } 77 }
80 } 78 }
81 79
82 .admin-bar .fixed-top{ 80 .admin-bar .fixed-top {
83 top: 32px; 81 top: 32px;
84 } 82 }
85 83
86 #main-nav.fixed-top{ 84 #main-nav.fixed-top {
87 height: 80px !important; 85 height: 80px !important;
88 #main-menu{ 86 #main-menu {
89 top: -20px; 87 top: -20px;
88 }
89 #login-menu {
90 top: -60px;
90 } 91 }
91 #login-menu{ 92 .custom-logo-link img {
92 top: -60px; 93 width: 240px !important;
93 } 94 }
94 .custom-logo-link img{ 95 }
95 width: 240px !important; 96
96 } 97 .hero-container {
97 }
98
99 .hero-container {
100 background-position: top right; 98 background-position: top right;
101 background-size: cover; 99 background-size: cover;
102 width: 100%; 100 width: 100%;
103 background-color: #ccc; 101 background-color: #ccc;
104 height: 530px; 102 height: 530px;
105 103 }
106 } 104
107 105 .header-section,
108 106 .full-image,
109 .header-section, 107 .image-loaded {
110 .full-image,
111 .image-loaded {
112 height: 530px; 108 height: 530px;
113 background-position: top right; 109 background-position: top right;
114 background-size: cover; 110 background-size: cover;
115 width: 100%; 111 width: 100%;
116 position: relative; 112 position: relative;
117 113 }
118 } 114 .full-image::after {
119 .full-image::after{
120 content: ""; 115 content: "";
121 display: block; 116 display: block;
122 position: absolute; 117 position: absolute;
...@@ -125,66 +120,63 @@ ...@@ -125,66 +120,63 @@
125 right: 0px; 120 right: 0px;
126 width: 200px; 121 width: 200px;
127 height: 200px; 122 height: 200px;
128 background-image:url('../images/logo-border.png'); 123 background-image: url("../images/logo-border.png");
129 } 124 }
130 125
131 .hero-content{ 126 .hero-content {
132 width: 60%; 127 width: 60%;
133 height: 520px; 128 height: 520px;
134 h1{ 129 h1 {
135 color: #fff; 130 color: #fff;
136 margin-bottom: 10px; 131 margin-bottom: 10px;
137 } 132 }
138 p{ 133 p {
139 color: #fff; 134 color: #fff;
140 font-size: 20px; 135 font-size: 20px;
141 line-height: 28px; 136 line-height: 28px;
142 margin-bottom: 25px; 137 margin-bottom: 25px;
143 } 138 }
144 a{ 139 a {
145 padding: 12px 30px; 140 padding: 12px 30px;
146 background-color: #E8D44B; 141 background-color: #e8d44b;
147 color: #2C2C2C; 142 color: #2c2c2c;
148 font-size: 18px; 143 font-size: 18px;
149 line-height: 24px; 144 line-height: 24px;
150 text-decoration: none; 145 text-decoration: none;
151 text-transform: uppercase; 146 text-transform: uppercase;
152 } 147 }
153 a:hover{ 148 a:hover {
154 color: #2C2C2C; 149 color: #2c2c2c;
155 background-color:#fff; 150 background-color: #fff;
156 151 }
157 } 152 }
158 153
159 } 154 #btn-back-to-top {
160
161 #btn-back-to-top {
162 position: fixed; 155 position: fixed;
163 bottom: 20px; 156 bottom: 20px;
164 right: 0px; 157 right: 0px;
165 width: 43px; 158 width: 43px;
166 height: 43px; 159 height: 43px;
167 display: none; 160 display: none;
168 background-color: #0484B8; 161 background-color: #0484b8;
169 padding: 5px; 162 padding: 5px;
170 border-radius: 0px; 163 border-radius: 0px;
171 background-size:22px; 164 background-size: 22px;
172 background-position: center; 165 background-position: center;
173 background-repeat: no-repeat; 166 background-repeat: no-repeat;
174 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.024' height='23.545' viewBox='0 0 23.024 23.545'%3E%3Cg id='Group_1373' data-name='Group 1373' transform='translate(0 1.5)'%3E%3Cline id='Line_15' data-name='Line 15' y1='15.007' transform='translate(11.512 7.038)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1388' data-name='Path 1388' d='M3331.593 12517.547h23.024' transform='translate(-3331.593 -12517.547)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1389' data-name='Path 1389' d='M3279.832 12508.2l8.216-8.217 8.216 8.217' transform='translate(-3276.535 -12494.895)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 167 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.024' height='23.545' viewBox='0 0 23.024 23.545'%3E%3Cg id='Group_1373' data-name='Group 1373' transform='translate(0 1.5)'%3E%3Cline id='Line_15' data-name='Line 15' y1='15.007' transform='translate(11.512 7.038)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1388' data-name='Path 1388' d='M3331.593 12517.547h23.024' transform='translate(-3331.593 -12517.547)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cpath id='Path_1389' data-name='Path 1389' d='M3279.832 12508.2l8.216-8.217 8.216 8.217' transform='translate(-3276.535 -12494.895)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
175 z-index: 999; 168 z-index: 999;
176 } 169 }
177
178 #btn-back-to-top:hover{
179 170
180 background-color:#000; 171 #btn-back-to-top:hover {
181 172 background-color: #000;
182 } 173 }
183 174
184 .search-button a{ 175 .search-button a {
185 text-indent: 99999px; 176 text-indent: 99999px;
186 background-repeat: no-repeat; 177 background-repeat: no-repeat;
187 width: 35px; 178 width: 35px;
188 height: 35px; 179 height: 35px;
189 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); 180 background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
190 }
...\ No newline at end of file ...\ No newline at end of file
181 }
182
...\ No newline at end of file ...\ No newline at end of file
......
1 #dataTables_length, 1 #dataTables_length,
2 #resources_filter, 2 #resources_filter,
3 #resources_length{ 3 #resources_length {
4 display: none !important; 4 display: none !important;
5 visibility: hidden !important; 5 visibility: hidden !important;
6 } 6 }
7 #resources_paginate, 7 #resources_paginate,
8 .dataTables_paginate{ 8 .dataTables_paginate {
9 display: flex; 9 display: flex;
10 justify-content: center; 10 justify-content: center;
11 } 11 }
12 12
13 .next.paginate_button a, 13 .next.paginate_button a,
14 .previous.paginate_button a{ 14 .previous.paginate_button a {
15 font-size: 0px; 15 font-size: 0px;
16 } 16 }
17 .previous.paginate_button a::before{ 17 .previous.paginate_button a::before {
18 top: 5px; 18 top: 5px;
19 position: relative; 19 position: relative;
20 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"); 20 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");
21 } 21 }
22 22
23 .next.paginate_button a::before{ 23 .next.paginate_button a::before {
24 top: 5px; 24 top: 5px;
25 position: relative; 25 position: relative;
26 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"); 26 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");
27 } 27 }
28 .page-item.disabled .page-link{ 28 .page-item.disabled .page-link {
29 border-color: #dee2e6; 29 border-color: #dee2e6;
30 border-color:#fff; 30 border-color: #fff;
31 } 31 }
32 32
33 .page-link{ 33 .page-link {
34 border-color:#fff; 34 border-color: #fff;
35 color:#2C2C2C; 35 color: #2c2c2c;
36 } 36 }
37 .page-item.active .page-link{ 37 .page-item.active .page-link {
38 border-color:#fff; 38 border-color: #fff;
39 background-color: #fff; 39 background-color: #fff;
40 color: #0484B8; 40 color: #0484b8;
41 font-weight: 800; 41 font-weight: 800;
42 } 42 }
43 th.hidden, 43 th.hidden,
44 td.hidden{ 44 td.hidden {
45 display: none !important; 45 display: none !important;
46 visibility: hidden !important; 46 visibility: hidden !important;
47 } 47 }
48 .simplefavorite-button{ 48 .simplefavorite-button {
49 all: unset; 49 all: unset;
50 margin-right: -10px; 50 margin-right: -10px;
51 display: block; 51 display: block;
52 cursor: pointer; 52 cursor: pointer;
53 font-size: 0px; 53 font-size: 0px;
54 .sf-icon-star-empty{ 54 .sf-icon-star-empty {
55 height: 25px; 55 height: 25px;
56 width: 25px; 56 width: 25px;
57 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"); 57 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");
58 } 58 }
59 } 59 }
60 .simplefavorite-button.active{ 60 .simplefavorite-button.active {
61 opacity: 1 !important; 61 opacity: 1 !important;
62 .sf-icon-star-full{ 62 .sf-icon-star-full {
63 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"); 63 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");
64 64 }
65 } 65 }
66 } 66 .table-like__item {
67 .table-like__item{ 67 display: block;
68 display: block; 68 margin-bottom: 20px;
69 margin-bottom: 20px; 69 border-radius: 10px;
70 border-radius: 10px; 70 height: 130px;
71 height: 130px; 71 background: #ffffff 0% 0% no-repeat padding-box;
72 background: #FFFFFF 0% 0% no-repeat padding-box; 72 box-shadow: 0px 3px 6px #00000029;
73 box-shadow: 0px 3px 6px #00000029; 73 padding: 21px 22px;
74 padding: 21px 22px; 74 width: 100%;
75 .item {
75 width: 100%; 76 width: 100%;
76 .item{ 77 }
77 width: 100%; 78 .item-content {
78 } 79 display: inline-block;
79 .item-content{ 80 width: 80%;
80 display: inline-block; 81 vertical-align: top;
81 width: 80%; 82 font-size: 16px;
82 vertical-align: top; 83 line-height: 24px;
83 font-size: 16px; 84 a {
84 line-height: 24px; 85 width: 100%;
85 a{ 86 font-family: "Poppins", sans-serif;
86 width: 100%; 87 font-weight: 500;
87 font-family: 'Poppins', sans-serif; 88 text-decoration: none;
88 font-weight: 500; 89 font-size: 16px;
89 text-decoration: none; 90 line-height: 24px;
90 font-size: 16px;
91 line-height: 24px;
92 }
93 } 91 }
94 92 }
95 } 93 }
96 #resources_wrapper{ 94 #resources_wrapper {
97 margin-top: 20px; 95 margin-top: 20px;
98 td{ 96 td {
99 vertical-align: top; 97 vertical-align: top;
100 } 98 }
101 } 99 }
102 .resources{ 100 .resources {
103 .category-filter-group{ 101 .category-filter-group {
104 flex-direction: column; 102 flex-direction: column;
105 103
106 .category{ 104 .category {
107 display: flex; 105 display: flex;
108 }
109 .type{
110 display: flex;
111 } 106 }
112 } 107 .type {
108 display: flex;
109 }
110 }
113 } 111 }
114 112
115 .toolkit:before{ 113 .toolkit:before {
116 114 height: 50px;
117 height: 50px; 115 width: 70px;
118 width: 70px; 116 margin-right: 0px;
119 margin-right: 0px; 117 display: inline-block;
120 display: inline-block; 118 content: 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");
121 content: 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");
122 } 119 }
123 120
124 .article:before{ 121 .article:before {
125 122 height: 50px;
126 height: 50px; 123 width: 70px;
127 width: 70px; 124 margin-top: 10px;
128 margin-top: 10px; 125 display: inline-block;
129 display: inline-block; 126 content: 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");
130 content: 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");
131 } 127 }
132 128
133 .pdf:before{ 129 .pdf:before {
134 130 height: 60px;
135 height: 60px; 131 width: 70px;
136 width: 70px; 132 margin-right: 5px;
137 margin-right: 5px; 133 display: inline-block;
138 display: inline-block; 134 content: 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");
139 content: 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");
140 } 135 }
141 136
142 .video:before{ 137 .video:before {
143 138 height: 50px;
144 height: 50px; 139 width: 66px;
145 width: 66px; 140 margin-right: 15px;
146 margin-right: 15px; 141 margin-top: 20px;
147 margin-top: 20px; 142 display: inline-block;
148 display: inline-block; 143 content: 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");
149 content: 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");
150 } 144 }
151 145
152 .category-type{ 146 .category-type {
153 display: block; 147 display: block;
154 } 148 }
......