/* Phoca Gallery -> vzhled SP Simple Portfolio (šablona Scarsdale) */

/* obsah přes celou šířku jako u portfolia */
body.pg-portfolio #sp-main-body > .container,
body.pg-portfolio #sp-main-body > .container > .row,
body.pg-portfolio #sp-component,
body.pg-portfolio #sp-component > .sp-column {
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.pg-portfolio #phocagallery { margin: 0; padding: 0; }

/* skrýt zbytky Phoca (ikony, SVG definice) */
body.pg-portfolio .ph-sr-only { position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important; }
body.pg-portfolio .pg-top-icons,
body.pg-portfolio .pg-item-box-icons-box { display: none !important; }

/* hlavička */
.pgp-header { padding: 34px 20px 18px 82px; }
.pgp-back {
	display: inline-block; margin-bottom: 14px;
	font: 400 11px/1.5 'Montserrat', 'Open Sans', Arial, sans-serif;
	letter-spacing: 2px; text-transform: uppercase; color: #999;
}
.pgp-back:hover { color: #222; }
.pgp-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic; font-weight: 400;
	font-size: 40px; line-height: 1.15; letter-spacing: -1px;
	color: #222; margin: 0; padding: 0;
}
.pgp-sub {
	margin-top: 8px;
	font: 400 11px/1.5 'Montserrat', 'Open Sans', Arial, sans-serif;
	letter-spacing: 2px; text-transform: uppercase; color: #999;
}
.pgp-header .pg-cv-desc { margin-top: 14px; max-width: 760px; color: #555; }

/* mřížka – stejná jako portfolio (.thumbs = 33 % / 50 % / 100 % ze šablony) */
#container.pgp-grid { margin: 5px; position: relative; }
#container.pgp-grid .thumbs { padding: 5px; }
#container.pgp-grid figure.images { margin: 0; position: relative; overflow: hidden; background: #f2f2f2; }
#container.pgp-grid img.slip { display: block; width: 100%; height: auto; }

/* galerie bez náhledu */
.pgp-noimg { aspect-ratio: 3 / 2; display: flex; align-items: flex-end; }
.pgp-noimg-in { padding: 20px; }
.pgp-noimg-in i { display: block; font: italic 400 20px/1.4 Georgia, serif; color: #222; }
.pgp-noimg-in span { font: 400 11px/1.5 'Montserrat', Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #999; }

/* dotyková zařízení (bez sliphoveru) – popisek pod náhledem není potřeba, nechat čisté */

/* patička Phoca */
body.pg-portfolio #phocagallery > div[style*="Powered"],
body.pg-portfolio #phocagallery > div:last-child[style] { padding: 10px 20px 30px; font-size: 11px; }

/* --- Detail fotky: lightbox Magnific v bílém stylu portfolia --- */
body.pg-portfolio .mfp-bg { background: #fff; opacity: 1; }
body.pg-portfolio .mfp-figure:after { box-shadow: none; background: transparent; }
body.pg-portfolio img.mfp-img { padding: 40px 0 70px; }
body.pg-portfolio .mfp-bottom-bar { margin-top: -62px; }
body.pg-portfolio .mfp-title {
	color: #222; padding-right: 90px;
	font: italic 400 22px/1.3 Georgia, "Times New Roman", Times, serif;
}
body.pg-portfolio .mfp-title small {
	display: block; margin-top: 6px; font-style: normal;
	font: 400 11px/1.5 'Montserrat', 'Open Sans', Arial, sans-serif;
	letter-spacing: 2px; text-transform: uppercase; color: #999;
}
body.pg-portfolio .mfp-counter { display: none; }
body.pg-portfolio .mfp-close,
body.pg-portfolio .mfp-image-holder .mfp-close {
	color: #222 !important; opacity: .8; font-family: Arial, sans-serif; font-size: 34px;
	right: 0; text-align: right; padding-right: 6px; width: 100%;
}
body.pg-portfolio .mfp-close:hover { opacity: 1; }
body.pg-portfolio .mfp-arrow { opacity: .55; }
body.pg-portfolio .mfp-arrow:hover { opacity: 1; }
body.pg-portfolio .mfp-arrow:before { display: none; }
body.pg-portfolio .mfp-arrow-left:after { border-right: 17px solid #222; margin-left: 31px; }
body.pg-portfolio .mfp-arrow-right:after { border-left: 17px solid #222; margin-left: 39px; }
body.pg-portfolio .mfp-preloader { color: #999; }
body.pg-portfolio .mfp-preloader a { color: #222; }

@media (min-width: 1025px) {
	.pgp-header { padding-left: 25px; }
}
@media (max-width: 767px) {
	.pgp-header { padding: 70px 15px 12px; }
	.pgp-title { font-size: 30px; }
	body.pg-portfolio img.mfp-img { padding: 20px 0 60px; }
}