/** * Environment for all styles (variables, additions, etc). */ /* Icons */ /* Common Style */ .sight-portfolio-area-filter { display: flex; align-items: center; margin-bottom: 64px; flex-wrap: wrap; } @media (min-width: 600px) { .sight-portfolio-area-filter { flex-wrap: nowrap; } } .sight-portfolio-area-filter__title { margin-right: 8px; display: flex; align-items: center; } .sight-portfolio-area-filter__title:after { width: 40px; height: 1px; background: currentColor; content: ""; display: block; margin: 4px 0 0 24px; } .sight-portfolio-area-filter__list { display: flex; flex-wrap: wrap; margin: 16px 0 0 !important; padding: 0 !important; } @media (min-width: 600px) { .sight-portfolio-area-filter__list { margin-top: 0 !important; } } .sight-portfolio-area-filter__list-item { display: block; margin-right: 16px; } @media (min-width: 600px) { .sight-portfolio-area-filter__list-item { margin-left: 16px; margin-right: 0; } } .sight-portfolio-area-filter__list-item a { display: block; color: currentColor; } .sight-portfolio-area-filter__list-item.sight-filter-active a { color: rgba(0, 0, 0, 0.5); } .sight-portfolio-area__pagination { display: flex; justify-content: center; margin-top: 48px; } .sight-portfolio-entry .sight-portfolio-entry__thumbnail { position: relative; } .sight-portfolio-entry .sight-portfolio-entry__thumbnail img { width: 100%; display: block; } .sight-portfolio-entry .sight-portfolio-entry__thumbnail .pk-pin-it-container { margin: 0; } .sight-portfolio-entry .sight-portfolio-entry__thumbnail:hover .sight-portfolio-view-more { opacity: 1; } .sight-portfolio-entry .sight-portfolio-view-more { background-color: var(--sight-view-more-background, rgba(40, 40, 40, 0.25)); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.2s ease; } .sight-portfolio-entry .sight-portfolio-view-more-label { color: var(--sight-view-more-label-color, white); } .sight-portfolio-entry .sight-portfolio-entry__content:not(:first-child) { margin-top: 24px; } .sight-portfolio-entry .sight-portfolio-entry__title:not(:first-child) { margin-top: 16px; } .sight-portfolio-entry .sight-portfolio-entry__meta { display: flex; align-items: center; flex-wrap: wrap; transition: 0.25s; } .sight-portfolio-entry .sight-portfolio-entry__meta:not(:first-child) { margin-top: 16px; } .sight-portfolio-entry .sight-portfolio-entry__meta a { font-size: inherit; transition: 0.25s; } .sight-portfolio-entry .sight-portfolio-entry__meta > *:not(:last-child) { margin-right: 8px; } .sight-portfolio-entry .sight-portfolio-entry__meta > *:not(:first-child):before { content: '\00b7'; font-weight: 600; margin-right: 0.5em; } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-icon { margin-right: 4px; } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-category .sight-portfolio-meta-item { margin-right: 16px; } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-category .sight-portfolio-meta-item:last-child { margin-right: 0; } .sight-portfolio-entry .sight-portfolio-entry__caption:not(:first-child) { margin-top: 16px; } .sight-portfolio-area__main { opacity: 1; transition: 0.4s; } .sight-portfolio-area__main.sight-portfolio-loading { opacity: 0.5; } .sight-portfolio-area__main .sight-portfolio-entry-request { position: relative; top: 1rem; opacity: 0.4; }