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] {
}
.pre-header {
background-color: #0484B8;
background-color: #0484b8;
color: #fff;
height: 57px;
display: flex;
......@@ -14652,19 +14652,19 @@ input[type=checkbox] {
}
#main-nav #login-menu a {
font-size: 14px;
color: #0484B8;
color: #0484b8;
margin-left: 20px;
text-align: center;
}
#main-nav #login-menu a:hover {
color: #2C2C2C;
color: #2c2c2c;
text-decoration: underline;
}
#main-nav #login-menu .sign-up a {
margin-left: 10px;
}
#main-nav #login-menu .log-in-button {
background-color: #0484B8;
background-color: #0484b8;
margin-left: 20px;
}
#main-nav #login-menu .log-in-button a {
......@@ -14677,7 +14677,7 @@ input[type=checkbox] {
text-decoration: none !important;
}
#main-nav #login-menu .log-in-button:hover {
background-color: #2C2C2C;
background-color: #2c2c2c;
}
#main-nav #main-menu {
transition: 0.4s;
......@@ -14687,10 +14687,10 @@ input[type=checkbox] {
#main-nav #main-menu a {
font-size: 18px;
font-weight: bold;
color: #0484B8;
color: #0484b8;
}
#main-nav #main-menu a:hover {
color: #2C2C2C;
color: #2c2c2c;
text-decoration: underline;
}
......@@ -14757,15 +14757,15 @@ input[type=checkbox] {
}
.hero-content a {
padding: 12px 30px;
background-color: #E8D44B;
color: #2C2C2C;
background-color: #e8d44b;
color: #2c2c2c;
font-size: 18px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
.hero-content a:hover {
color: #2C2C2C;
color: #2c2c2c;
background-color: #fff;
}
......@@ -14776,7 +14776,7 @@ input[type=checkbox] {
width: 43px;
height: 43px;
display: none;
background-color: #0484B8;
background-color: #0484b8;
padding: 5px;
border-radius: 0px;
background-size: 22px;
......@@ -14811,7 +14811,7 @@ input[type=checkbox] {
display: block;
width: 120px;
height: 4px;
background-color: #FFA300;
background-color: #ffa300;
}
#wrapper-footer-full #footer-full-content .footer-widget .wp-block-columns .wp-block-column:nth-of-type(3) ::before {
content: "";
......@@ -14819,7 +14819,7 @@ input[type=checkbox] {
display: block;
width: 120px;
height: 4px;
background-color: #3F9C35;
background-color: #3f9c35;
}
#wrapper-footer-full #footer-full-content .footer-widget .wp-block-columns .wp-block-column:nth-of-type(4) p::before {
content: "";
......@@ -14827,11 +14827,11 @@ input[type=checkbox] {
display: block;
width: 120px;
height: 4px;
background-color: #E04E39;
background-color: #e04e39;
}
.newsletter {
background-color: #6ED5FF;
background-color: #6ed5ff;
min-height: 236px;
padding: 52px 0px 32px 0px;
}
......@@ -14893,15 +14893,15 @@ input[type=checkbox] {
.swiper-pagination-bullet {
background: #fff !important;
border: 2px solid #2C2C2C !important;
border: 2px solid #2c2c2c !important;
height: 13px !important;
width: 13px !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
background: #3F9C35 !important;
border: 2px solid #3F9C35 !important;
background: #3f9c35 !important;
border: 2px solid #3f9c35 !important;
}
.carousel:not(.is-admin) {
......@@ -14933,7 +14933,8 @@ input[type=checkbox] {
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: all !important;
}
......@@ -14989,7 +14990,7 @@ input[type=checkbox] {
}
.testimonials-carousel .swiper-slide .testimonials {
width: 890px;
background: #E5F2F8;
background: #e5f2f8;
border-radius: 25px 25px 0px 0px;
margin-right: 20px;
}
......@@ -15001,7 +15002,7 @@ input[type=checkbox] {
}
.testimonials-carousel .swiper-slide .testimonials .row {
margin-right: 0rem !important;
border-bottom: 20px solid #FFA300;
border-bottom: 20px solid #ffa300;
margin-left: -15px !important;
min-height: 316px !important;
}
......@@ -15024,28 +15025,28 @@ input[type=checkbox] {
.testimonials-carousel .swiper-slide .testimonials p {
font-size: 16px !important;
line-height: 24px !important;
color: #2C2C2C;
color: #2c2c2c;
}
.testimonials-carousel .swiper-slide .testimonials .testimonials_image {
width: 100%;
}
.testimonials-carousel .swiper-slide:nth-of-type(2) .testimonials .row {
border-bottom: 20px solid #3F9C35;
border-bottom: 20px solid #3f9c35;
}
.testimonials-carousel .swiper-slide:nth-of-type(2) .promo-img img {
border-bottom: 20px solid #3F9C35;
border-bottom: 20px solid #3f9c35;
}
.testimonials-carousel .swiper-slide:nth-of-type(3) .testimonials .row {
border-bottom: 20px solid #0484B8;
border-bottom: 20px solid #0484b8;
}
.testimonials-carousel .swiper-slide:nth-of-type(3) .promo-img img {
border-bottom: 20px solid #0484B8;
border-bottom: 20px solid #0484b8;
}
.testimonials-carousel .swiper-slide:nth-of-type(4) .testimonials .row {
border-bottom: 20px solid #E04E39;
border-bottom: 20px solid #e04e39;
}
.testimonials-carousel .swiper-slide:nth-of-type(4) .promo-img img {
border-bottom: 20px solid #E04E39;
border-bottom: 20px solid #e04e39;
}
.promo-carousel {
......@@ -15071,7 +15072,7 @@ input[type=checkbox] {
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom: 20px solid #FFA300;
border-bottom: 20px solid #ffa300;
}
.promo-carousel .swiper-slide .promo-img img {
max-width: 372px;
......@@ -15079,8 +15080,8 @@ input[type=checkbox] {
}
.promo-carousel .swiper-slide .promo.row {
width: 100%;
border-top: 1px solid #FFA300;
border-bottom: 1px solid #FFA300;
border-top: 1px solid #ffa300;
border-bottom: 1px solid #ffa300;
margin: 40px auto;
padding: 50px 0px;
}
......@@ -15115,13 +15116,13 @@ input[type=checkbox] {
bottom: 65px !important;
}
.promo-carousel .swiper-slide:nth-of-type(2) .promo-img {
border-bottom: 20px solid #3F9C35;
border-bottom: 20px solid #3f9c35;
}
.promo-carousel .swiper-slide:nth-of-type(3) .promo-img {
border-bottom: 20px solid #0484B8;
border-bottom: 20px solid #0484b8;
}
.promo-carousel .swiper-slide:nth-of-type(4) .promo-img {
border-bottom: 20px solid #E04E39;
border-bottom: 20px solid #e04e39;
}
.c-accordion__title:after {
......@@ -15246,7 +15247,7 @@ input[type=checkbox] {
label[for=quicksearch] {
font-size: 18px;
line-height: 24px;
color: #0484B8;
color: #0484b8;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
font-weight: 800;
......@@ -15254,12 +15255,12 @@ label[for=quicksearch] {
#quicksearch {
width: 600px;
border-bottom: 1px solid #8E908F !important;
border-bottom: 1px solid #8e908f !important;
}
.filters {
border-bottom: 1px solid #FFA300 !important;
border-top: 1px solid #FFA300 !important;
border-bottom: 1px solid #ffa300 !important;
border-top: 1px solid #ffa300 !important;
padding: 10px 0px 10px 0px;
}
.filters .glyphicon-chevron-up::after {
......@@ -15271,7 +15272,7 @@ label[for=quicksearch] {
.filters #filter-more {
font-size: 18px;
line-height: 24px;
color: #0484B8;
color: #0484b8;
text-transform: uppercase;
text-decoration: none;
padding: 10px 0px;
......@@ -15286,7 +15287,7 @@ label[for=quicksearch] {
margin-bottom: 20px;
}
.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 {
border: 1px solid #0081BC;
border: 1px solid #0081bc;
}
.filters .filter-group.open {
display: flex;
......@@ -15313,7 +15314,7 @@ label[for=quicksearch] {
padding-right: 10px;
white-space: nowrap;
cursor: pointer;
color: #2C2C2C;
color: #2c2c2c;
}
.category-type input[type=checkbox],
.category-filter input[type=checkbox] {
......@@ -15334,15 +15335,15 @@ label[for=quicksearch] {
padding: 2.5px;
display: inline-block;
position: absolute;
background: #FFF;
background: #fff;
margin-left: -30px;
border: 2px solid #0081BC;
border: 2px solid #0081bc;
border-radius: 4px;
}
.category-type input:checked + label:before,
.category-filter input:checked + label:before {
background: #0081BC !important;
border: 2px solid #0081BC;
background: #0081bc !important;
border: 2px solid #0081bc;
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");
height: 25px;
width: 25px;
......@@ -15379,7 +15380,7 @@ label[for=quicksearch] {
.card {
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-radius: 0px;
border-width: 0px;
......@@ -15399,11 +15400,11 @@ label[for=quicksearch] {
margin: 0;
}
.card .thumbnail .ribbon {
background: #E8D44B;
background: #e8d44b;
box-shadow: 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
color: #2C2C2C;
color: #2c2c2c;
text-transform: uppercase;
position: absolute;
font-size: 14px;
......@@ -15416,8 +15417,8 @@ label[for=quicksearch] {
}
.card .thumbnail .ribbon:before {
border: 4px solid transparent;
border-top: 4px solid #C3B241;
border-right: 4px solid #C3B241;
border-top: 4px solid #c3b241;
border-right: 4px solid #c3b241;
content: "";
position: absolute;
left: 0;
......@@ -15456,7 +15457,7 @@ label[for=quicksearch] {
.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 {
display: flex;
align-self: center;
background-color: #0484B8;
background-color: #0484b8;
color: #fff;
border-radius: 0px;
font-size: 18px;
......@@ -15464,7 +15465,7 @@ label[for=quicksearch] {
margin-bottom: 20px;
}
.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 {
background-color: #2C2C2C;
background-color: #2c2c2c;
}
.course-list:not(.resources) .element-item {
......@@ -15491,7 +15492,7 @@ label[for=quicksearch] {
}
.view-plan #load-more {
margin: auto;
background-color: #0484B8;
background-color: #0484b8;
color: #fff;
border-radius: 0px;
font-size: 18px;
......@@ -15500,7 +15501,7 @@ label[for=quicksearch] {
text-transform: uppercase;
}
.view-plan #load-more:hover {
background-color: #2C2C2C;
background-color: #2c2c2c;
}
.hidden {
......@@ -15521,7 +15522,7 @@ label[for=quicksearch] {
}
.program-info {
background: #FFFFFF 0% 0% no-repeat padding-box;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
max-width: 531px;
}
......@@ -15532,16 +15533,16 @@ label[for=quicksearch] {
.program-info #program-info .nav-item .nav-link {
width: 100%;
border-radius: 0px;
background-color: #0081BC;
color: #FFFFFF;
background-color: #0081bc;
color: #ffffff;
border: 0px solid #ccc;
font-size: 18px;
padding: 20px 20px;
font-family: "Poppins", sans-serif;
}
.program-info #program-info .nav-item .nav-link.active {
background-color: #FFFFFF;
color: #0081BC;
background-color: #ffffff;
color: #0081bc;
}
.program-info #program-info-content {
padding: 20px 40px 40px 40px;
......@@ -15552,11 +15553,11 @@ label[for=quicksearch] {
.program-info #program-info-content table tr th {
width: 33%;
font-size: 18px;
color: #0081BC;
color: #0081bc;
font-family: "Poppins", sans-serif;
}
.program-info #program-info-content table tr:not(.not) {
border-bottom: 1px solid #FFA300;
border-bottom: 1px solid #ffa300;
}
.program-info #program-info-content table tr:not(.not) td {
font-size: 16px;
......@@ -15569,10 +15570,10 @@ label[for=quicksearch] {
.outcomes .outcome {
width: 100%;
min-height: 227px;
background-color: #E2F2F9;
background-color: #e2f2f9;
padding: 25px 25px 25px 15px;
border-radius: 25px 25px 0px 0px;
border-bottom: 22px solid #FFA300;
border-bottom: 22px solid #ffa300;
font-size: 16px;
line-height: 24px;
}
......@@ -15582,13 +15583,13 @@ label[for=quicksearch] {
}
}
.outcomes .col-out:nth-of-type(2) .outcome {
border-bottom: 22px solid #3F9C35;
border-bottom: 22px solid #3f9c35;
}
.outcomes .col-out:nth-of-type(3) .outcome {
border-bottom: 22px solid #0484B8;
border-bottom: 22px solid #0484b8;
}
.outcomes .col-out:nth-of-type(4) .outcome {
border-bottom: 22px solid #E04E39;
border-bottom: 22px solid #e04e39;
}
#dataTables_length,
......@@ -15628,13 +15629,13 @@ label[for=quicksearch] {
.page-link {
border-color: #fff;
color: #2C2C2C;
color: #2c2c2c;
}
.page-item.active .page-link {
border-color: #fff;
background-color: #fff;
color: #0484B8;
color: #0484b8;
font-weight: 800;
}
......@@ -15669,7 +15670,7 @@ td.hidden {
margin-bottom: 20px;
border-radius: 10px;
height: 130px;
background: #FFFFFF 0% 0% no-repeat padding-box;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
padding: 21px 22px;
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 @@
if (!$('.grid.course').length) {
return false;
}
var qsRegex;
//course list Isotope setup
var qsRegex;
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
import Swiper, { Navigation, Pagination, A11y, Keyboard } from 'swiper';
import Swiper, {
Navigation,
Pagination,
A11y,
Keyboard
} from 'swiper';
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
......@@ -9,66 +14,66 @@ jQuery(document).ready(function($) {
jQuery('.carousel-items').each(function() {
jQuery('.carousel-items').each(function() {
var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28;
var offsetAfter = 0;
var PerView = 'auto';
var space = 20;
var offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
var offsetAfter = 0;
var PerView = 'auto';
var space = 20;
var _id = jQuery(this).parent().attr('id');
var _id = jQuery(this).parent().attr('id');
if(jQuery(this).hasClass('promo-carousel')) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
_id = jQuery(this).attr('id');
}
if (jQuery(this).hasClass('promo-carousel')) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
_id = jQuery(this).attr('id');
}
if ($(window).width() < 600) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
}
if ($(window).width() < 600) {
offset = 0;
PerView = 1;
space = 0;
offsetAfter = 0;
}
var swiper_params = {
var swiper_params = {
modules: [Navigation, Pagination, A11y, Keyboard],
slidesPerView:PerView,
slidesOffsetAfter:offsetAfter,
slidesOffsetBefore:offset,
spaceBetween:space,
slidesPerGroup:1,
slidesPerView: PerView,
slidesOffsetAfter: offsetAfter,
slidesOffsetBefore: offset,
spaceBetween: space,
slidesPerGroup: 1,
pagination: {
el: ".swiper-pagination",
type: 'bullets',
clickable:"true",
el: ".swiper-pagination",
type: 'bullets',
clickable: "true",
},
navigation: {
nextEl: '.swiper-button-next[data-id="'+_id+'"]',
prevEl: '.swiper-button-prev[data-id="'+_id+'"]',
nextEl: '.swiper-button-next[data-id="' + _id + '"]',
prevEl: '.swiper-button-prev[data-id="' + _id + '"]',
},
a11y: {
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
},
keyboard: {
enabled: true,
onlyInViewport: false,
enabled: true,
onlyInViewport: false,
},
};
};
new Swiper(this, swiper_params);
console.log(swiper_params);
new Swiper(this, swiper_params);
console.log(swiper_params);
});
});
});
\ No newline at end of file
......
jQuery( document ).ready(function($) {
if(!$('.grid.course').length){
return false;
}
var qsRegex;
//course list Isotope setup
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
getSortData: {
coursename: '[data-name]',
date: '[data-ticks]',
},
filter: function() {
var $this = $(this);
var filterText = qsRegex ? $(this).text().match( qsRegex ) : true;
var buttonResult = filterValue ? $this.is( filterValue ) : true;
return filterText && buttonResult;
}
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup( debounce( function() {
console.log($quicksearch.val());
qsRegex = new RegExp( $quicksearch.val(), 'gi' );
$grid.isotope();
updateFilterCounts();
}, 200 ) );
// debounce so filtering doesn't happen every millisecond
function debounce( fn, threshold ) {
var timeout;
threshold = threshold || 100;
return function debounced() {
clearTimeout( timeout );
var args = arguments;
var _this = this;
function delayed() {
fn.apply( _this, args );
}
timeout = setTimeout( delayed, threshold );
};
}
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '*';
$grid.isotope();
updateFilterCounts();
});
$('.sort-button-group').on( 'click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$grid.isotope({ sortBy: sortValue, sortAscending: isAscending });
updateFilterCounts();
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
function updateFilterCounts() {
var itemElems = $grid.isotope('getFilteredItemElements');
var count_items = $(itemElems).length;
if (count_items > counter) {
$("#load-more").hide();
}else {
$("#load-more").show();
}
if ($('.element-item').hasClass('hidden')) {
$('.element-item').removeClass('hidden');
}
var index = 0;
$(itemElems).each(function () {
if (index >= counter) {
$(this).addClass('hidden');
}
index++;
});
console.log('updateFilterCounts');
console.log(index);
if(index === 0){
$("#load-more").hide();
}else{
$("#load-more").show();
}
$grid.isotope('layout');
}
//****************************
// Isotope Load more button
//****************************
var initShow = 3; //number of images loaded on init & onclick load more button
var counter = initShow; //counter for load more button
var iso = $grid.data('isotope'); // get Isotope instance
console.log('iso');
console.log(iso);
console.log(iso.elemCount);
loadMore(initShow); //execute function onload
function loadMore(toShow) {
$grid.find(".hidden").removeClass("hidden");
var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
console.log('hiddenElem');
console.log(item.element);
return item.element;
});
$(hiddenElems).addClass('hidden');
$grid.isotope('layout');
//when no more to load, hide show more button
if (hiddenElems.length == 0) {
$("#load-more").hide();
} else {
$("#load-more").show();
};
}
//append load more button
$grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>');
//when load more button clicked
$(document).on("click", "#load-more", function(e) {
e.preventDefault();
if ($('#filters').data('clicked')) {
//when filter button clicked, set initial value for counter
counter = initShow;
j$('#filters').data('clicked', false);
} else {
counter = counter;
};
counter = counter + initShow;
loadMore(counter);
});
});
jQuery(document).ready(function($) {
if (!$('.grid.course').length) {
return false;
}
//course list Isotope setup
var qsRegex;
var $grid = $('.grid.course').isotope({
itemSelector: '.element-item',
layoutMode: 'fitRows',
getSortData: {
coursename: '[data-name]',
date: '[data-ticks]',
},
filter: function() {
var $this = $(this);
var filterText = qsRegex ? $(this).text().match(qsRegex) : true;
var buttonResult = filterValue ? $this.is(filterValue) : true;
return filterText && buttonResult;
}
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup(debounce(function() {
console.log($quicksearch.val());
qsRegex = new RegExp($quicksearch.val(), 'gi');
$grid.isotope();
updateFilterCounts();
}, 200));
// debounce so filtering doesn't happen every millisecond
function debounce(fn, threshold) {
var timeout;
threshold = threshold || 100;
return function debounced() {
clearTimeout(timeout);
var args = arguments;
var _this = this;
function delayed() {
fn.apply(_this, args);
}
timeout = setTimeout(delayed, threshold);
};
}
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '*';
$grid.isotope();
updateFilterCounts();
});
$('.sort-button-group').on('click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$grid.isotope({
sortBy: sortValue,
sortAscending: isAscending
});
updateFilterCounts();
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
function updateFilterCounts() {
var itemElems = $grid.isotope('getFilteredItemElements');
var count_items = $(itemElems).length;
if (count_items > counter) {
$("#load-more").hide();
} else {
$("#load-more").show();
}
if ($('.element-item').hasClass('hidden')) {
$('.element-item').removeClass('hidden');
}
var index = 0;
$(itemElems).each(function() {
if (index >= counter) {
$(this).addClass('hidden');
}
index++;
});
console.log('updateFilterCounts');
console.log(index);
if (index === 0) {
$("#load-more").hide();
} else {
$("#load-more").show();
}
$grid.isotope('layout');
}
//****************************
// Isotope Load more button
//****************************
var initShow = 3; //number of images loaded on init & onclick load more button
var counter = initShow; //counter for load more button
var iso = $grid.data('isotope'); // get Isotope instance
console.log('iso');
console.log(iso);
console.log(iso.elemCount);
loadMore(initShow); //execute function onload
function loadMore(toShow) {
$grid.find(".hidden").removeClass("hidden");
var hiddenElems = iso.filteredItems.slice(toShow, iso.filteredItems.length).map(function(item) {
console.log('hiddenElem');
console.log(item.element);
return item.element;
});
$(hiddenElems).addClass('hidden');
$grid.isotope('layout');
//when no more to load, hide show more button
if (hiddenElems.length == 0) {
$("#load-more").hide();
} else {
$("#load-more").show();
};
}
//append load more button
$grid.after('<div class="view-plan"><a class="btn" href="#" id="load-more">LOAD MORE programs</a></div>');
//when load more button clicked
$(document).on("click", "#load-more", function(e) {
e.preventDefault();
if ($('#filters').data('clicked')) {
//when filter button clicked, set initial value for counter
counter = initShow;
j$('#filters').data('clicked', false);
} else {
counter = counter;
};
counter = counter + initShow;
loadMore(counter);
});
});
\ No newline at end of file
......
jQuery(document).ready(function($) {
if (!$('#resources').length) {
return;
}
jQuery( document ).ready(function($) {
var myTable = $('#resources').DataTable({
"pageLength": 10,
"searchable": false,
"paging": true,
"info": false,
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
});
if(!$('#resources').length){
return;
}
var myTable = $('#resources').DataTable({
"pageLength": 10,
"searchable": false,
"paging": true,
"info": false,
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup(function() {
console.log($quicksearch.val());
$('#resources').DataTable().column(1).search($quicksearch.val()).draw();
});
});
// use value of search field to filter
var $quicksearch = $('#quicksearch').keyup( function() {
console.log($quicksearch.val());
$('#resources').DataTable().column(1).search($quicksearch.val()).draw();
});
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(2).search(filterValue).draw();
});
// filter with selects and checkboxes
var $typecheckboxes = $('.category-type input');
var typeFilterValue;
$typecheckboxes.change(function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$typecheckboxes.each(function(i, elem) {
// if checkbox, use value if checked
if (elem.checked) {
inclusives.push(elem.value);
}
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(0).search(typeFilterValue).draw();
});
$('.sort-button-group').on('click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
myTable.order([sortValue, newDirection]).draw();
});
// filter with selects and checkboxes
var $checkboxes = $('.category-filter input');
var filterValue;
$checkboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$checkboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(2).search(filterValue).draw();
});
// filter with selects and checkboxes
var $typecheckboxes = $('.category-type input');
var typeFilterValue;
$typecheckboxes.change( function() {
// map input values to an array
var inclusives = [];
// inclusive filters from checkboxes
$typecheckboxes.each( function( i, elem ) {
// if checkbox, use value if checked
if ( elem.checked ) {
inclusives.push( elem.value );
}
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(0).search(typeFilterValue).draw();
});
$('.sort-button-group').on( 'click', 'button', function() {
var sortValue = $(this).attr('data-sort-value');
var direction = $(this).attr('data-sort-direction');
var isAscending = (direction == 'asc');
var newDirection = (isAscending) ? 'desc' : 'asc';
console.log(sortValue);
console.log(isAscending);
$(this).attr('data-sort-direction', newDirection);
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
myTable.order([sortValue, newDirection]).draw();
});
$(document).on("click", "#filter-more", function(e) {
e.preventDefault();
$('.filter-group').toggleClass('open');
var span = $(this).find('.glyphicon');
span.toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
});
});
\ No newline at end of file
});
\ No newline at end of file
......
......@@ -13,7 +13,7 @@ import "./_resources_list";
var a = document.querySelector('.blur-image');
document.addEventListener("DOMContentLoaded", function () {
document.addEventListener("DOMContentLoaded", function() {
if (!a) return !1;
var b = a.getAttribute("data-src"),
c = document.querySelector('.full-image'),
......@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", function () {
img.src = b;
img.onload = function () {
img.onload = function() {
c.classList.add('image-loaded'),
c.style.backgroundImage = 'url(' + b + ')';
......@@ -29,38 +29,38 @@ document.addEventListener("DOMContentLoaded", function () {
});
document.addEventListener("DOMContentLoaded", function(){
document.addEventListener("DOMContentLoaded", function() {
window.addEventListener('scroll', function() {
if (window.scrollY > 57) {
document.getElementById('main-nav').classList.add('fixed-top');
document.getElementById('main-nav').classList.add('fixed-top');
} else {
document.getElementById('main-nav').classList.remove('fixed-top');
}
document.getElementById('main-nav').classList.remove('fixed-top');
}
});
});
});
//Get the button
//Get the button
let mybutton = document.getElementById("btn-back-to-top");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction();
window.onscroll = function() {
scrollFunction();
};
function scrollFunction() {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
mybutton.addEventListener("click", backToTop);
function backToTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
\ No newline at end of file
......
.swiper-pagination-bullet{
background: #fff !important;
border: 2px solid #2C2C2C !important;
height: 13px !important;
width: 13px !important;
opacity:1 !important;
}
.swiper-pagination-bullet-active{
background: #3F9C35 !important;
border: 2px solid #3F9C35 !important;
}
// carousel css
.carousel:not(.is-admin){
.swiper-pagination-bullet {
background: #fff !important;
border: 2px solid #2c2c2c !important;
height: 13px !important;
width: 13px !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
background: #3f9c35 !important;
border: 2px solid #3f9c35 !important;
}
// carousel css
.carousel:not(.is-admin) {
background-color: transparent !important;
left: -20px;
width: 100vw;
margin-top: 30px;
margin-bottom: 30px;
}
.carousel-items{
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
@media only screen and (max-width: 600px) {
padding-inline-start: 0px;
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
}
.carousel-items {
list-style: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 20px;
background-color: transparent !important;
@media only screen and (max-width: 600px) {
padding-inline-start: 0px;
}
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: all !important;
}
.carousel-items.slick-initialized.slick-slider {
margin-right:15px; //for the scroll bar
}
.carousel {
width:100vw;
margin-left:calc((100% - 100vw) / 2);
}
.carousel-items.slick-initialized.slick-slider {
margin-right: 15px; //for the scroll bar
}
.carousel {
width: 100vw;
margin-left: calc((100% - 100vw) / 2);
@media only screen and (max-width: 600px) {
width:95%;
margin-left:0px;
width: 95%;
margin-left: 0px;
}
left:0 !important;
min-height: 340px!important;
left: 0 !important;
min-height: 340px !important;
.swiper-button-next {
right:8px !important;
right: 8px !important;
}
.swiper-button-prev {
left:7px !important;
@media only screen and (max-width: 600px) {
left:-5px !important;
}
left: 7px !important;
@media only screen and (max-width: 600px) {
left: -5px !important;
}
}
.swiper-pagination{
bottom: -20px !important;
.swiper-pagination {
bottom: -20px !important;
}
.carousel-items {
margin-left:1.75rem;
margin-left: 1.75rem;
}
.swiper-wrapper {
gap: 1rem;
}
}
// testimonials carousel css
.testimonials-carousel{
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
gap: 1rem;
}
.swiper-slide{
width:890px !important;
}
// testimonials carousel css
.testimonials-carousel {
@media only screen and (max-width: 600px) {
width:98% !important;
}
.testimonials{
width:890px;
background:#E5F2F8;
margin-left: 0px !important;
}
.swiper-slide {
width: 890px !important;
@media only screen and (max-width: 600px) {
width: 98% !important;
}
.testimonials {
width: 890px;
background: #e5f2f8;
border-radius: 25px 25px 0px 0px;
margin-right: 20px;
@media only screen and (max-width: 600px) {
width:98%;
margin-right: 0px;
}
.row{
margin-right: 0rem !important;
border-bottom:20px solid #FFA300;
margin-left: -15px !important;
min-height:316px !important;
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
}
}
width: 98%;
margin-right: 0px;
}
.row {
margin-right: 0rem !important;
border-bottom: 20px solid #ffa300;
margin-left: -15px !important;
min-height: 316px !important;
@media only screen and (max-width: 600px) {
margin-left: 0px !important;
}
}
.col-md-1 {
background-size: cover;
@media only screen and (max-width: 600px) {
padding-left: 0px;
}
}
.testimonial-text{
padding: 30px 50px;
}
p{
font-size: 16px !important;
line-height:24px !important;
color: #2C2C2C;
}
.testimonials_image{
width: 100%;
}
}
}
.swiper-slide:nth-of-type(2){
.testimonials{
.row{
border-bottom:20px solid #3F9C35;
}
}
.promo-img img{
border-bottom:20px solid #3F9C35;
}
}
.swiper-slide:nth-of-type(3){
.testimonials{
.row{
border-bottom:20px solid #0484B8;
}
}
.promo-img img{
border-bottom:20px solid #0484B8;
}
}
.swiper-slide:nth-of-type(4){
.testimonials{
.row{
border-bottom:20px solid #E04E39;
}
}
.promo-img img{
border-bottom:20px solid #E04E39;
}
}
}
.promo-carousel{
width:100% !important;
margin-left:0px !important;
background-size: cover;
@media only screen and (max-width: 600px) {
padding-left: 0px;
}
}
.testimonial-text {
padding: 30px 50px;
}
p {
font-size: 16px !important;
line-height: 24px !important;
color: #2c2c2c;
}
.testimonials_image {
width: 100%;
}
}
}
.swiper-slide:nth-of-type(2) {
.testimonials {
.row {
border-bottom: 20px solid #3f9c35;
}
}
.promo-img img {
border-bottom: 20px solid #3f9c35;
}
}
.swiper-slide:nth-of-type(3) {
.testimonials {
.row {
border-bottom: 20px solid #0484b8;
}
}
.promo-img img {
border-bottom: 20px solid #0484b8;
}
}
.swiper-slide:nth-of-type(4) {
.testimonials {
.row {
border-bottom: 20px solid #e04e39;
}
}
.promo-img img {
border-bottom: 20px solid #e04e39;
}
}
}
.promo-carousel {
width: 100% !important;
margin-left: 0px !important;
position: relative;
@media only screen and (min-width:1400px) {
max-width: 100% !important;
}
.swiper-slide{
margin-left:0px !important;
max-width: 100% !important;
@media only screen and (min-width:1400px) {
width:100% !important;
}
.promo-img{
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom:20px solid #FFA300;
@media only screen and (min-width: 1400px) {
max-width: 100% !important;
}
.swiper-slide {
margin-left: 0px !important;
max-width: 100% !important;
@media only screen and (min-width: 1400px) {
width: 100% !important;
}
.promo-img {
max-height: 264px;
max-width: 372px;
overflow: hidden;
border-bottom: 20px solid #ffa300;
}
.promo-img img {
max-width: 372px;
border-radius: 25px 25px 0px 0px;
}
.promo.row {
width: 100%;
border-top: 1px solid #ffa300;
border-bottom: 1px solid #ffa300;
@media only screen and (min-width: 1400px) {
max-width: 1344px;
}
.promo-img img{
max-width: 372px;
border-radius: 25px 25px 0px 0px;
@media only screen and (max-width: 600px) {
width: 80%;
}
.promo.row{
width:100%;
border-top:1px solid #FFA300;
border-bottom:1px solid #FFA300;
@media only screen and (min-width:1400px) {
max-width: 1344px;
}
@media only screen and (max-width: 600px) {
width:80%;
}
margin: 40px auto;
padding: 50px 0px;
margin: 40px auto;
padding: 50px 0px;
}
.promo_content {
max-width: 760px;
h3 {
font-size: 22px;
line-height: 33px;
}
.promo_content{
max-width: 760px;
h3{
font-size: 22px;
line-height: 33px;
}
p{
font-size: 16px;
line-height: 22px;
}
p {
font-size: 16px;
line-height: 22px;
}
}
}
.swiper-button-next {
right:30px !important;
right: 30px !important;
}
.swiper-button-prev {
left:7px !important;
left: 7px !important;
}
.swiper-pagination{
bottom: 65px !important;
.swiper-pagination {
bottom: 65px !important;
}
.swiper-slide:nth-of-type(2){
.promo-img {
border-bottom:20px solid #3F9C35;
}
}
.swiper-slide:nth-of-type(3){
.promo-img {
border-bottom:20px solid #0484B8;
}
}
.swiper-slide:nth-of-type(4){
.promo-img {
border-bottom:20px solid #E04E39;
}
}
}
\ No newline at end of file
.swiper-slide:nth-of-type(2) {
.promo-img {
border-bottom: 20px solid #3f9c35;
}
}
.swiper-slide:nth-of-type(3) {
.promo-img {
border-bottom: 20px solid #0484b8;
}
}
.swiper-slide:nth-of-type(4) {
.promo-img {
border-bottom: 20px solid #e04e39;
}
}
}
\ No newline at end of file
......
.type-sfwd-courses{
.type-sfwd-courses {
margin-top: 30px;
}
.program-info{
background: #FFFFFF 0% 0% no-repeat padding-box;
}
.program-info {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
max-width: 531px;
#program-info{
.nav-item{
width: 50%;
border: 0px solid #ccc;
.nav-link{
width: 100%;
border-radius: 0px;
background-color: #0081BC;
color: #FFFFFF;
border: 0px solid #ccc;
font-size: 18px;
padding: 20px 20px;
font-family: 'Poppins', sans-serif;
}
.nav-link.active{
background-color:#FFFFFF;
color: #0081BC;
}
#program-info {
.nav-item {
width: 50%;
border: 0px solid #ccc;
.nav-link {
width: 100%;
border-radius: 0px;
background-color: #0081bc;
color: #ffffff;
border: 0px solid #ccc;
font-size: 18px;
padding: 20px 20px;
font-family: "Poppins", sans-serif;
}
.nav-link.active {
background-color: #ffffff;
color: #0081bc;
}
}
}
#program-info-content{
padding:20px 40px 40px 40px;
table{
#program-info-content {
padding: 20px 40px 40px 40px;
table {
width: 100%;
tr{
th{
width: 33%;
font-size: 18px;
color: #0081BC;
font-family: 'Poppins', sans-serif;
}
tr {
th {
width: 33%;
font-size: 18px;
color: #0081bc;
font-family: "Poppins", sans-serif;
}
}
tr:not(.not){
border-bottom:1px solid #FFA300;
td{
font-size: 16px;
padding: 10px 0px;
}
tr:not(.not) {
border-bottom: 1px solid #ffa300;
td {
font-size: 16px;
padding: 10px 0px;
}
}
}
}
}
.outcomes{
}
.outcomes {
margin: 70px 0px;
.outcome{
width: 100%;
min-height: 227px;
background-color: #E2F2F9;
padding:25px 25px 25px 15px;
border-radius: 25px 25px 0px 0px;
border-bottom: 22px solid #FFA300;
font-size: 16px;
line-height: 24px;
.outcome {
width: 100%;
min-height: 227px;
background-color: #e2f2f9;
padding: 25px 25px 25px 15px;
border-radius: 25px 25px 0px 0px;
border-bottom: 22px solid #ffa300;
font-size: 16px;
line-height: 24px;
}
.col-out{
@media only screen and (max-width: 600px) {
.col-out {
@media only screen and (max-width: 600px) {
margin-top: 20px;
}
}
}
.col-out:nth-of-type(2) .outcome{
border-bottom: 22px solid #3F9C35;
.col-out:nth-of-type(2) .outcome {
border-bottom: 22px solid #3f9c35;
}
.col-out:nth-of-type(3) .outcome{
border-bottom: 22px solid #0484B8;
.col-out:nth-of-type(3) .outcome {
border-bottom: 22px solid #0484b8;
}
.col-out:nth-of-type(4) .outcome{
border-bottom: 22px solid #E04E39;
.col-out:nth-of-type(4) .outcome {
border-bottom: 22px solid #e04e39;
}
}
}
\ No newline at end of file
......
label[for=quicksearch]{
label[for="quicksearch"] {
font-size: 18px;
line-height: 24px;
color: #0484B8;
color: #0484b8;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-weight: 800;
}
#quicksearch{
}
#quicksearch {
width: 600px;
border-bottom:1px solid #8E908F !important;
}
.filters{
border-bottom:1px solid #FFA300 !important;
border-top:1px solid #FFA300 !important;
border-bottom: 1px solid #8e908f !important;
}
.filters {
border-bottom: 1px solid #ffa300 !important;
border-top: 1px solid #ffa300 !important;
padding: 10px 0px 10px 0px;
.glyphicon-chevron-up::after{
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");
}
.glyphicon-chevron-down::after{
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");
}
#filter-more{
font-size: 18px;
line-height: 24px;
color: #0484B8;
text-transform: uppercase;
text-decoration: none;
padding: 10px 0px;
display: block;
font-family: 'Poppins', sans-serif;
font-weight: 800;
.glyphicon-chevron-up::after {
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");
}
.filter-group{
display:none;
flex-direction: row ;
justify-content: space-between;
margin-bottom: 20px;
.sort-button-group {
.btn{
border:1px solid #0081BC;
}
.glyphicon-chevron-down::after {
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");
}
#filter-more {
font-size: 18px;
line-height: 24px;
color: #0484b8;
text-transform: uppercase;
text-decoration: none;
padding: 10px 0px;
display: block;
font-family: "Poppins", sans-serif;
font-weight: 800;
}
.filter-group {
display: none;
flex-direction: row;
justify-content: space-between;
margin-bottom: 20px;
.sort-button-group {
.btn {
border: 1px solid #0081bc;
}
}
}
.filter-group.open{
display:flex;
.filter-group.open {
display: flex;
}
}
.category-filter-group{
display:flex;
flex-direction: row ;
}
.category-type,
.category-filter{
display:flex;
flex-direction: row ;
font-size:18px;
font-size:1.125rem;
color:#515151;
margin:.25rem 0;
margin-right:1rem;
label{
padding-left:30px;
padding-right:10px;
white-space:nowrap;
cursor:pointer;
color: #2C2C2C;
}
.category-filter-group {
display: flex;
flex-direction: row;
}
.category-type,
.category-filter {
display: flex;
flex-direction: row;
font-size: 18px;
font-size: 1.125rem;
color: #515151;
margin: 0.25rem 0;
margin-right: 1rem;
label {
padding-left: 30px;
padding-right: 10px;
white-space: nowrap;
cursor: pointer;
color: #2c2c2c;
}
input[type=checkbox]{
display:inline-block;
margin-left:30px;
margin-left:0;
input[type="checkbox"] {
display: inline-block;
margin-left: 30px;
margin-left: 0;
}
input[type=checkbox]:focus+label{
outline:-webkit-focus-ring-color auto 1px;
input[type="checkbox"]:focus + label {
outline: -webkit-focus-ring-color auto 1px;
}
label:before{
content:'';
cursor:pointer;
height:25px;
width:25px;
padding:2.5px;
display:inline-block;
position:absolute;
background:#FFF;
margin-left:-30px;
border:2px solid #0081BC;
border-radius: 4px;
label:before {
content: "";
cursor: pointer;
height: 25px;
width: 25px;
padding: 2.5px;
display: inline-block;
position: absolute;
background: #fff;
margin-left: -30px;
border: 2px solid #0081bc;
border-radius: 4px;
}
input:checked+label:before{
background:#0081BC !important;
border:2px solid #0081BC;
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");
height:25px;
width:25px;
padding: 2px 4px;
background-position:4px;
background-size:22px;
background-repeat:no-repeat;
position:absolute;
cursor:pointer;
input:checked + label:before {
background: #0081bc !important;
border: 2px solid #0081bc;
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");
height: 25px;
width: 25px;
padding: 2px 4px;
background-position: 4px;
background-size: 22px;
background-repeat: no-repeat;
position: absolute;
cursor: pointer;
}
input[type=checkbox]{
background-color:initial;
cursor:default;
-webkit-appearance:auto;
-moz-appearance:auto;
appearance:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:3px 3px 3px 4px;
padding:initial;
border:initial;
position:relative;
input[type="checkbox"] {
background-color: initial;
cursor: default;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 3px 3px 3px 4px;
padding: initial;
border: initial;
position: relative;
}
.sr-only{
position: absolute !important;
clip:rect(1px,1px,1px,1px);
padding:0;
border:0;
height:1px;
width:1px;
overflow:hidden;
.sr-only {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
}
.card{
}
.card {
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 0px;
border-width: 0px;
min-height: 526px;
.thumbnail{
line-height:1.428571429;
background-color:#ffffff;
border:1px solid #dddddd;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
display:inline-block;
max-width:100%;
height:auto;
display:block;
position:relative;
padding:0;
margin:0;
.ribbon{
background:#E8D44B;
box-shadow:0 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px rgba(0,0,0,0.2);
color:#2C2C2C;
text-transform: uppercase;
position:absolute;
font-size:14px;
left:-8px;
right: unset;
top:10px;
padding:3px 10px;
z-index:2;
border-radius: 0px;
}
.ribbon:before{
border:4px solid transparent;
border-top:4px solid #C3B241;
border-right:4px solid #C3B241;
content:"";
position:absolute;
left:0;
right: unset;
border-radius: 0px;
bottom:-8px;
}
img{
display:block;
max-width:100%;
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
box-shadow:none;
max-height: 400px;
}
.thumbnail {
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
display: block;
position: relative;
padding: 0;
margin: 0;
.ribbon {
background: #e8d44b;
box-shadow: 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.2);
color: #2c2c2c;
text-transform: uppercase;
position: absolute;
font-size: 14px;
left: -8px;
right: unset;
top: 10px;
padding: 3px 10px;
z-index: 2;
border-radius: 0px;
}
.ribbon:before {
border: 4px solid transparent;
border-top: 4px solid #c3b241;
border-right: 4px solid #c3b241;
content: "";
position: absolute;
left: 0;
right: unset;
border-radius: 0px;
bottom: -8px;
}
img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
box-shadow: none;
max-height: 400px;
}
}
.content{
padding: 15px;
.content {
padding: 15px;
display: flex;
flex-direction: column;
flex: 1;
.entry-title {
margin-top: 0px;
text-transform: uppercase;
text-align: center;
font-size: 18px;
line-height: 24px;
}
.entry-content {
text-align: center;
font-size: 16px;
line-height: 24px;
}
.btn {
display: flex;
flex-direction: column;
flex: 1;
.entry-title{
margin-top: 0px;
text-transform: uppercase;
text-align: center;
font-size: 18px;
line-height: 24px;
}
.entry-content{
text-align: center;
font-size: 16px;
line-height: 24px;
}
.btn{
display: flex;
align-self:center;
background-color: #0484B8;
color: #fff;
border-radius: 0px;
font-size: 18px;
margin-top: auto;
margin-bottom: 20px;
}
.btn:hover{
background-color: #2C2C2C;
}
align-self: center;
background-color: #0484b8;
color: #fff;
border-radius: 0px;
font-size: 18px;
margin-top: auto;
margin-bottom: 20px;
}
.btn:hover {
background-color: #2c2c2c;
}
}
}
.course-list:not(.resources){
}
.course-list:not(.resources) {
.element-item {
position: relative;
float: left;
width: calc(33.33% - 30px);
height: 600px;
margin: 15px;
padding: 10px;
position: relative;
float: left;
width: calc(33.33% - 30px);
height: 600px;
margin: 15px;
padding: 10px;
}
}
.course-list.resources{
}
.course-list.resources {
.element-item {
position: relative;
float: left;
width: 100%;
height: 60px;
margin: 15px;
padding: 10px;
position: relative;
float: left;
width: 100%;
height: 60px;
margin: 15px;
padding: 10px;
}
}
.view-plan{
}
.view-plan {
width: 100%;
text-align: center;
#load-more{
margin: auto;
background-color: #0484B8;
color: #fff;
border-radius: 0px;
font-size: 18px;
margin-top: auto;
margin-bottom: 20px;
text-transform: uppercase;
#load-more {
margin: auto;
background-color: #0484b8;
color: #fff;
border-radius: 0px;
font-size: 18px;
margin-top: auto;
margin-bottom: 20px;
text-transform: uppercase;
}
#load-more:hover{
background-color: #2C2C2C;
#load-more:hover {
background-color: #2c2c2c;
}
}
.hidden{
visibility:hidden;
width:0px!important;
height:0px!important;
margin:0px!important;
padding:0px!important;
display:none;
}
.isotope-pager .pager {
}
.hidden {
visibility: hidden;
width: 0px !important;
height: 0px !important;
margin: 0px !important;
padding: 0px !important;
display: none;
}
.isotope-pager .pager {
display: inline-block;
}
\ No newline at end of file
......
#wrapper-footer-full{
#wrapper-footer-full {
background-color: #fff;
padding-bottom: 0px;
#footer-full-content{
.footer-widget{
.wp-block-columns{
p{
color: #707070;
}
.wp-block-column:nth-of-type(2) {
::before{
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #FFA300;
}
}
.wp-block-column:nth-of-type(3) {
::before{
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #3F9C35;
}
}
.wp-block-column:nth-of-type(4) {
p::before{
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #E04E39;
}
}
}
#footer-full-content {
.footer-widget {
.wp-block-columns {
p {
color: #707070;
}
.wp-block-column:nth-of-type(2) {
::before {
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #ffa300;
}
}
.wp-block-column:nth-of-type(3) {
::before {
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #3f9c35;
}
}
.wp-block-column:nth-of-type(4) {
p::before {
content: "";
margin: 20px 0px;
display: block;
width: 120px;
height: 4px;
background-color: #e04e39;
}
}
}
}
}
}
.newsletter{
background-color: #6ED5FF;
}
.newsletter {
background-color: #6ed5ff;
min-height: 236px;
padding: 52px 0px 32px 0px;
h2{
font-size: 18px;
line-height: 24px;
color:#000 !important;
text-align: left !important;
text-transform: uppercase;
h2 {
font-size: 18px;
line-height: 24px;
color: #000 !important;
text-align: left !important;
text-transform: uppercase;
}
.wpcf7{
max-width: 100%;
input[type=submit]{
float: right;
margin-top: 20px;
width: 112px;
background-color: #000;
color: #fff;
text-transform: uppercase;
}
.wpcf7 {
max-width: 100%;
input[type="submit"] {
float: right;
margin-top: 20px;
width: 112px;
background-color: #000;
color: #fff;
text-transform: uppercase;
}
}
}
#menu-social {
}
#menu-social {
display: flex;
list-style: none;
margin: 0;
......@@ -75,48 +75,40 @@
flex-direction: row;
align-content: flex-end;
flex-wrap: wrap;
}
#menu-social > .menu-item {
}
#menu-social > .menu-item {
a {
color:transparent;
display: inline-block;
width:2.5rem;
height:2.5rem;
background-repeat:no-repeat;
transition-duration: 0.4s;
color: transparent;
display: inline-block;
width: 2.5rem;
height: 2.5rem;
background-repeat: no-repeat;
transition-duration: 0.4s;
}
a:hover {
transform: scale(1.06);
transform-origin: 0 0;
transform: scale(1.06);
transform-origin: 0 0;
}
&.instagram {
a {
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");
}
&.instagram {
a {
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");
}
}
&.linkedin {
a {
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");
}
a {
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");
}
}
&.twitter {
a {
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");
}
a {
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");
}
}
&.facebook {
a{
a {
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");
}
}
}
}
\ No newline at end of file
}
\ No newline at end of file
......
.pre-header{
background-color: #0484B8;
color:#fff;
.pre-header {
background-color: #0484b8;
color: #fff;
height: 57px;
display: flex;
.sponsored{
text-align: right;
.logo{
width: 149px;
margin-left: 30px;
}
.sponsored {
text-align: right;
.logo {
width: 149px;
margin-left: 30px;
}
}
}
#main-nav{
}
#main-nav {
background-color: #fff;
height: 128px;
transition: 0.4s;
.custom-logo-link {
margin-left: 0px;
img{
transition: 0.4s;
width: 349px;
}
margin-left: 0px;
img {
transition: 0.4s;
width: 349px;
}
}
.navbar-nav.sign-up{
margin-bottom: 20px;
.navbar-nav.sign-up {
margin-bottom: 20px;
}
#login-menu{
transition: 0.4s;
position: relative;
a{
font-size: 14px;
color: #0484B8;
margin-left: 20px;
text-align: center;
#login-menu {
transition: 0.4s;
position: relative;
a {
font-size: 14px;
color: #0484b8;
margin-left: 20px;
text-align: center;
}
a:hover {
color: #2c2c2c;
text-decoration: underline;
}
.sign-up {
a {
margin-left: 10px;
}
a:hover{
color: #2C2C2C;
text-decoration: underline;
}
.log-in-button {
background-color: #0484b8;
margin-left: 20px;
a {
font-size: 14px;
color: #fff;
padding: 7px 25px;
margin-left: 0px;
}
.sign-up{
a{
margin-left: 10px;
}
}
.log-in-button{
background-color: #0484B8;
margin-left: 20px;
a{
font-size: 14px;
color: #fff;
padding: 7px 25px;
margin-left: 0px;
}
a:hover{
text-decoration: none !important;
}
}
.log-in-button:hover{
background-color: #2C2C2C;
a:hover {
text-decoration: none !important;
}
}
.log-in-button:hover {
background-color: #2c2c2c;
}
}
#main-menu{
transition: 0.4s;
position: relative;
top: unset;
a{
font-size: 18px;
font-weight: bold;
color: #0484B8;
}
a:hover{
color: #2C2C2C;
text-decoration: underline;
}
#main-menu {
transition: 0.4s;
position: relative;
top: unset;
a {
font-size: 18px;
font-weight: bold;
color: #0484b8;
}
a:hover {
color: #2c2c2c;
text-decoration: underline;
}
}
}
.admin-bar .fixed-top{
}
.admin-bar .fixed-top {
top: 32px;
}
#main-nav.fixed-top{
}
#main-nav.fixed-top {
height: 80px !important;
#main-menu{
top: -20px;
#main-menu {
top: -20px;
}
#login-menu {
top: -60px;
}
#login-menu{
top: -60px;
.custom-logo-link img {
width: 240px !important;
}
.custom-logo-link img{
width: 240px !important;
}
}
.hero-container {
}
.hero-container {
background-position: top right;
background-size: cover;
width: 100%;
background-color: #ccc;
height: 530px;
}
.header-section,
.full-image,
.image-loaded {
}
.header-section,
.full-image,
.image-loaded {
height: 530px;
background-position: top right;
background-size: cover;
width: 100%;
position: relative;
}
.full-image::after{
}
.full-image::after {
content: "";
display: block;
position: absolute;
......@@ -125,66 +120,63 @@
right: 0px;
width: 200px;
height: 200px;
background-image:url('../images/logo-border.png');
}
.hero-content{
width: 60%;
height: 520px;
h1{
color: #fff;
margin-bottom: 10px;
}
p{
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
a{
padding: 12px 30px;
background-color: #E8D44B;
color: #2C2C2C;
font-size: 18px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
a:hover{
color: #2C2C2C;
background-color:#fff;
}
}
#btn-back-to-top {
background-image: url("../images/logo-border.png");
}
.hero-content {
width: 60%;
height: 520px;
h1 {
color: #fff;
margin-bottom: 10px;
}
p {
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
a {
padding: 12px 30px;
background-color: #e8d44b;
color: #2c2c2c;
font-size: 18px;
line-height: 24px;
text-decoration: none;
text-transform: uppercase;
}
a:hover {
color: #2c2c2c;
background-color: #fff;
}
}
#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 0px;
width: 43px;
height: 43px;
display: none;
background-color: #0484B8;
background-color: #0484b8;
padding: 5px;
border-radius: 0px;
background-size:22px;
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
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");
z-index: 999;
}
#btn-back-to-top:hover{
background-color:#000;
}
.search-button a{
#btn-back-to-top:hover {
background-color: #000;
}
.search-button a {
text-indent: 99999px;
background-repeat: no-repeat;
width: 35px;
height: 35px;
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");
}
\ No newline at end of file
}
\ No newline at end of file
......
#dataTables_length,
#resources_filter,
#resources_length{
display: none !important;
visibility: hidden !important;
#resources_length {
display: none !important;
visibility: hidden !important;
}
#resources_paginate,
.dataTables_paginate{
display: flex;
justify-content: center;
.dataTables_paginate {
display: flex;
justify-content: center;
}
.next.paginate_button a,
.previous.paginate_button a{
font-size: 0px;
.previous.paginate_button a {
font-size: 0px;
}
.previous.paginate_button a::before{
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M7.515 5.543c.52-.526 1.03-1.048 1.546-1.564Q10.918 2.123 12.779.272a.834.834 0 0 1 1.232 0c.236.242.477.479.716.718a.817.817 0 0 1 0 1.222L11.379 5.557Q9.758 7.18 8.138 8.8a.9.9 0 0 1-.606.289.864.864 0 0 1-.667-.288Q5.614 7.551 4.363 6.3L.956 2.889c-.232-.232-.465-.463-.7-.7A.812.812 0 0 1 .269.993l.71-.71a.833.833 0 0 1 1.25 0l3.016 3L7.429 5.462Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
.previous.paginate_button a::before {
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M7.515 5.543c.52-.526 1.03-1.048 1.546-1.564Q10.918 2.123 12.779.272a.834.834 0 0 1 1.232 0c.236.242.477.479.716.718a.817.817 0 0 1 0 1.222L11.379 5.557Q9.758 7.18 8.138 8.8a.9.9 0 0 1-.606.289.864.864 0 0 1-.667-.288Q5.614 7.551 4.363 6.3L.956 2.889c-.232-.232-.465-.463-.7-.7A.812.812 0 0 1 .269.993l.71-.71a.833.833 0 0 1 1.25 0l3.016 3L7.429 5.462Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
}
.next.paginate_button a::before{
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
.next.paginate_button a::before {
top: 5px;
position: relative;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%230484b8'/%3E%3C/svg%3E");
}
.page-item.disabled .page-link{
border-color: #dee2e6;
border-color:#fff;
.page-item.disabled .page-link {
border-color: #dee2e6;
border-color: #fff;
}
.page-link{
border-color:#fff;
color:#2C2C2C;
.page-link {
border-color: #fff;
color: #2c2c2c;
}
.page-item.active .page-link{
border-color:#fff;
background-color: #fff;
color: #0484B8;
font-weight: 800;
.page-item.active .page-link {
border-color: #fff;
background-color: #fff;
color: #0484b8;
font-weight: 800;
}
th.hidden,
td.hidden{
display: none !important;
visibility: hidden !important;
}
.simplefavorite-button{
all: unset;
margin-right: -10px;
display: block;
cursor: pointer;
font-size: 0px;
.sf-icon-star-empty{
height: 25px;
width: 25px;
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='none' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='none' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
.simplefavorite-button.active{
opacity: 1 !important;
.sf-icon-star-full{
content:url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='%23e04e39' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='%23e04e39' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
.table-like__item{
display: block;
margin-bottom: 20px;
border-radius: 10px;
height: 130px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
padding: 21px 22px;
td.hidden {
display: none !important;
visibility: hidden !important;
}
.simplefavorite-button {
all: unset;
margin-right: -10px;
display: block;
cursor: pointer;
font-size: 0px;
.sf-icon-star-empty {
height: 25px;
width: 25px;
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='none' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='none' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
.simplefavorite-button.active {
opacity: 1 !important;
.sf-icon-star-full {
content: url("data:image/svg+xml,%3Csvg id='Heart' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26.236' height='23.208' viewBox='0 0 26.236 23.208'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_222' data-name='Rectangle 222' width='26.236' height='23.208' fill='%23e04e39' stroke='%23156570' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1311' data-name='Group 1311' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1370' data-name='Path 1370' d='M48.736 56.96c-.078-.074-.139-.13-.2-.188l-9.258-9.264a5.727 5.727 0 0 1-1.768-4.583 5.493 5.493 0 0 1 1.835-3.849 5.68 5.68 0 0 1 6.563-.929 7.972 7.972 0 0 1 1.543 1.129c.447.383.837.833 1.334 1.336a1.478 1.478 0 0 1 .187-.3 22.913 22.913 0 0 1 1.871-1.723 5.786 5.786 0 0 1 8.473 7.4 6.192 6.192 0 0 1-1.1 1.475q-4.641 4.69-9.32 9.343C48.856 56.855 48.805 56.9 48.736 56.96Z' transform='translate(-35.626 -35.626)' fill='%23e04e39' stroke='%23156570' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
}
.table-like__item {
display: block;
margin-bottom: 20px;
border-radius: 10px;
height: 130px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
padding: 21px 22px;
width: 100%;
.item {
width: 100%;
.item{
width: 100%;
}
.item-content{
display: inline-block;
width: 80%;
vertical-align: top;
font-size: 16px;
line-height: 24px;
a{
width: 100%;
font-family: 'Poppins', sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
line-height: 24px;
}
}
.item-content {
display: inline-block;
width: 80%;
vertical-align: top;
font-size: 16px;
line-height: 24px;
a {
width: 100%;
font-family: "Poppins", sans-serif;
font-weight: 500;
text-decoration: none;
font-size: 16px;
line-height: 24px;
}
}
}
#resources_wrapper{
margin-top: 20px;
td{
vertical-align: top;
}
#resources_wrapper {
margin-top: 20px;
td {
vertical-align: top;
}
}
.resources{
.category-filter-group{
flex-direction: column;
.resources {
.category-filter-group {
flex-direction: column;
.category{
display: flex;
}
.type{
display: flex;
.category {
display: flex;
}
}
.type {
display: flex;
}
}
}
.toolkit:before{
height: 50px;
width: 70px;
margin-right: 0px;
display: inline-block;
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");
.toolkit:before {
height: 50px;
width: 70px;
margin-right: 0px;
display: inline-block;
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");
}
.article:before{
height: 50px;
width: 70px;
margin-top: 10px;
display: inline-block;
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");
.article:before {
height: 50px;
width: 70px;
margin-top: 10px;
display: inline-block;
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");
}
.pdf:before{
height: 60px;
width: 70px;
margin-right: 5px;
display: inline-block;
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");
.pdf:before {
height: 60px;
width: 70px;
margin-right: 5px;
display: inline-block;
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");
}
.video:before{
height: 50px;
width: 66px;
margin-right: 15px;
margin-top: 20px;
display: inline-block;
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");
.video:before {
height: 50px;
width: 66px;
margin-right: 15px;
margin-top: 20px;
display: inline-block;
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");
}
.category-type{
display: block;
.category-type {
display: block;
}
......