Vai al contenuto
Menu
<script><!– [et_pb_line_break_holder] –>(function ($) {<!– [et_pb_line_break_holder] –> $(document).ready(function () {<!– [et_pb_line_break_holder] –> $(document).bind(‘ready ajaxComplete’, function () {<!– [et_pb_line_break_holder] –> $(“.ds-masonry-portfolio .et_pb_portfolio_item”).each(function () {<!– [et_pb_line_break_holder] –> $(this).find(“.et_pb_module_header, .post-meta”).wrapAll(‘<div class=”ds-portfolio-text”></div>’);<!– [et_pb_line_break_holder] –> });<!– [et_pb_line_break_holder] –> });<!– [et_pb_line_break_holder] –> });<!– [et_pb_line_break_holder] –>})(jQuery);<!– [et_pb_line_break_holder] –></script><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>
<style><!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –>/*——-Masonry Filterable Portfolio Layout by Divi Soup——-*/<!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Hide items until all loaded*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item {<!– [et_pb_line_break_holder] –> display: none;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Set the number of columns*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_items {<!– [et_pb_line_break_holder] –> -webkit-columns: 14em; /*increase em values for less columns, decrease for more columns*/<!– [et_pb_line_break_holder] –> columns: 14em; /*increase em values for less columns, decrease for more columns*/<!– [et_pb_line_break_holder] –> -webkit-column-gap: 10px; /*space between columns*/<!– [et_pb_line_break_holder] –> column-gap: 10px; /*space between columns*/<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –> margin-bottom: 30px;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Size the items and add spacing*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item {<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –> margin: 0;<!– [et_pb_line_break_holder] –> border-bottom: 10px solid transparent; /*space between images (should be same value as space between columns)*/<!– [et_pb_line_break_holder] –> overflow: hidden;<!– [et_pb_line_break_holder] –> -webkit-column-break-inside: avoid;<!– [et_pb_line_break_holder] –> break-inside: avoid-column;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Remove title spacing*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item h2 {<!– [et_pb_line_break_holder] –> margin-top: 0;<!– [et_pb_line_break_holder] –> padding-bottom: 0;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Style the title and caption hover effect*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .ds-portfolio-text {<!– [et_pb_line_break_holder] –> position: absolute;<!– [et_pb_line_break_holder] –> top: 0;<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –> height: 100%;<!– [et_pb_line_break_holder] –> padding: 20px; /*padding around title and category*/<!– [et_pb_line_break_holder] –> background: rgba(255, 255, 255, .8); /*overlay colour on hover*/<!– [et_pb_line_break_holder] –> opacity: 0;<!– [et_pb_line_break_holder] –> display: -webkit-box;<!– [et_pb_line_break_holder] –> display: -ms-flexbox;<!– [et_pb_line_break_holder] –> display: flex;<!– [et_pb_line_break_holder] –> -webkit-box-orient: vertical;<!– [et_pb_line_break_holder] –> -webkit-box-direction: normal;<!– [et_pb_line_break_holder] –> -ms-flex-direction: column;<!– [et_pb_line_break_holder] –> flex-direction: column;<!– [et_pb_line_break_holder] –> -webkit-box-pack: center;<!– [et_pb_line_break_holder] –> -ms-flex-pack: center;<!– [et_pb_line_break_holder] –> justify-content: center;<!– [et_pb_line_break_holder] –> -webkit-transition: all .3s ease;<!– [et_pb_line_break_holder] –> transition: all .3s ease;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Activate hover effect*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_item:hover .ds-portfolio-text {<!– [et_pb_line_break_holder] –> opacity: 1;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*Space the filters*/<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_filters ul {<!– [et_pb_line_break_holder] –> display: -webkit-box;<!– [et_pb_line_break_holder] –> display: -ms-flexbox;<!– [et_pb_line_break_holder] –> display: flex;<!– [et_pb_line_break_holder] –> -webkit-box-pack: justify;<!– [et_pb_line_break_holder] –> -ms-flex-pack: justify;<!– [et_pb_line_break_holder] –> justify-content: space-between;<!– [et_pb_line_break_holder] –> -ms-flex-wrap: wrap;<!– [et_pb_line_break_holder] –> flex-wrap: wrap;<!– [et_pb_line_break_holder] –> width: 100%;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>.ds-masonry-portfolio .et_pb_portfolio_filters li {<!– [et_pb_line_break_holder] –> min-width: 20%; /*adjust percentage based on number of filters*/<!– [et_pb_line_break_holder] –> text-align: center;<!– [et_pb_line_break_holder] –>}<!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –><!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –>/*—–End Masonry Filterable Portfolio Layout by Divi Soup—–*/<!– [et_pb_line_break_holder] –>/*————————————————————–*/<!– [et_pb_line_break_holder] –></style>