Berk / Birch

/* ----------------------------------------- */ /* View slug: portfolio-category-list - start */ /* ----------------------------------------- */ ul.pf-category-nav li { display: inline-block; } ul.pf-category-nav li:after { content: " | "; } ul.pf-category-nav li:last-child:after { content: ""; } ul.pf-category-nav { margin-bottom: 50px; margin-left: 0; } @media only screen and (max-width: 800px) { ul.pf-category-nav li { display: block; } ul.pf-category-nav li:after { content: ""; } } /* ----------------------------------------- */ /* View slug: portfolio-category-list - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: portfolio-masonry - start */ /* ----------------------------------------- */ .masonry { margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; } .item { /* display: inline-block; */ background: #fff; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1; } @media only screen and (min-width: 400px) { .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 700px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 1100px) { .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } /* ----------------------------------------- */ /* View slug: portfolio-masonry - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Portfolio single + archive - start */ /* ----------------------------------------- */ .image-wrap, .extra-info { max-width: 750px; text-align: center; margin: 0 auto; overflow: hidden; } .image-wrap .wp-post-image { max-width: 100%; /* max-height: 50vh; object-fit: contain; */ } .pf-item-details .title { font-weight: 700; } .entry-content .pf-item-details { font-family: 'Merriweather', serif; font-size: 14px; font-size: 1.4rem; font-style: italic; font-weight: 300; text-align: center; margin-left: 0; } .pf-item-details li { display: inline-block; } .pf-item-details li:after { content: " | "; } .pf-item-details li:last-child:after { content: ""; } .entry-content .pf-category-nav { margin-bottom: 50px; margin-top: 50px; } .extra-info { text-align: left; } .extra-info img { max-height: 750px; width: auto; display: block; margin: 0 auto; } .extra-info .wp-caption-text { margin-top: 12px; text-align: center; } @media only screen and (max-width: 800px) { .pf-item-details li { display: block; } .pf-item-details li:after { content: ""; } } .entry-title {display: none;} /* ----------------------------------------- */ /* Content Template: Portfolio single + archive - end */ /* ----------------------------------------- */