// open mobile menu
$(".js-toggle-menu").click(function (e) {
e.preventDefault();
$(".mobile-header-nav").slideToggle();
$(".js-toggle-menu").toggleClass("open");
$(".mobile-nav-wrap-container a").toggleClass("open");
$(".navbar-brand > img").toggleClass("open");
$("body").toggleClass("bodyFixed");
$(".mobile-nav-wrap-container a").show();
});
<img rel="preload" class="img-responsive" src=".....jpg">
// init Isotope
var $grid = $('.grid').isotope({
itemSelector: '.element-item',
});
// filter functions
var filterFns = {
// show if number is greater than 50
numberGreaterThan50: function() {
var number = $(this).find('.number').text();
return parseInt( number, 10 ) > 50;
},
// show if name ends with -ium
ium: function() {
var name = $(this).find('.name').text();
return name.match( /ium$/ );
}
};
// bind filter button click
$('.filters-button-group').on( 'click', 'button', function() {
var filterValue = $( this ).attr('data-filter');
// use filterFn if matches value
filterValue = filterFns[ filterValue ] || filterValue;
$grid.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( 'click', 'button', function() {
$buttonGroup.find('.is-checked').removeClass('is-checked');
$( this ).addClass('is-checked');
});
});
@font-face {
font-family: 'Circe Bold';
src: url('/f/Circe-Bold.eot');
src: url('/f/Circe-Bold.eot?#iefix') format('embedded-opentype'),
url('/f/Circe-Bold.woff') format('woff'),
url('/f/Circe-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Circe Regular';
src: url('/f/Circe-Regular.eot');
src: url('/f/Circe-Regular.eot?#iefix') format('embedded-opentype'),
url('/f/Circe-Regular.woff') format('woff'),
url('/f/Circe-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}