/* CSS used on the Gallery / Portfolio page */

/* Grey gradient background for some portfolio pages */
.ancestor-slug-portfolio.slug-videos #et-boc .et-l--footer .et_pb_section_0_tb_footer,
.ancestor-slug-portfolio.slug-sketches #et-boc .et-l--footer .et_pb_section_0_tb_footer {
	/* background: linear-gradient(180deg, #f7f7f7 100%, transparent 40%); */
	background: rgba(247,247,247,1);
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 40%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(40%, rgba(247,247,247,0)));
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 40%);
	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 40%);
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 40%);
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0 );
}

/* ================================================= */
/* LAYOUT 1: start */

/**
 Layout 1 Attributes:

 1. Full-width section/row with no spacing and gutters
 2. Two-column layout:
    2.1 One portrait and one landscape image-rendering
    2.2 in Desktop view: Landscape image has text above it
    2.3 in Mobile view: Text is above the first column
 3. layout1 3/5 + 2/5:
    3.1 column layout is 3/5 + 2/5
    3.2 Text is in the left column
 4. layout1 2/5 + 3/5:
    4.1 column layout is 2/5 + 3/5
    4.2 Text is in the right column
 5. Image size (aspect ratio: 4x6)
    5.1 Portrait images: 1200 x 1800 (w x h)
    5.2 Landscape images: 2400 x 1600 (w x h)
**/

body .slw-cs-gallery-section-layout1,
body .slw-cs-gallery-section-layout1 .et_pb_row {
	padding: 0;
}

.slw-cs-gallery-section-layout1 .et_pb_row {
	width: 100%;
	max-width: 100%;
	display: flex;
}

@media (max-width: 980px) {
	.slw-cs-gallery-section-layout1 .et_pb_row { flex-direction: column; }
}

.slw-cs-gallery-section-layout1 .et_pb_column {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	justify-content: flex-end;
}

.slw-cs-gallery-section-layout1 .et_pb_column .et_pb_text {
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slw-cs-gallery-section-layout1 .et_pb_column .et_pb_text h2 {
	font-style: italic;
	opacity: 0.3;
}

@media (min-width: 981px) {
	.et-fb .slw-cs-gallery-section-layout1 .et_pb_column_2_5 .et_pb_text { opacity: 0.5; }
	body:not(.et-fb) .slw-cs-gallery-section-layout1 .et_pb_column_2_5 .et_pb_text { display: none; }
}
@media (max-width: 980px) {

	.slw-cs-gallery-section-layout1 .et_pb_column .et_pb_text { padding: 9vw 0; }


	/* show natural order on mobile */
	.slw-cs-gallery-section-layout1 .et_pb_row { flex-direction: column; }

	.et-fb .slw-cs-gallery-section-layout1 .et_pb_column:last-child .et_pb_text { opacity: 0.5; }
	body:not(.et-fb) .slw-cs-gallery-section-layout1 .et_pb_column:last-child .et_pb_text { display: none; }


	/* Show portrait forst on mobile */
	.on-mobile-show-portrait-first.slw-cs-gallery-section-layout1 .et_pb_column_2_5 { order: 1; }
	.on-mobile-show-portrait-first.slw-cs-gallery-section-layout1 .et_pb_column_3_5 { order: 2; }

	.et-fb .on-mobile-show-portrait-first.slw-cs-gallery-section-layout1 .et_pb_column_2_5 .et_pb_text { opacity: 1; }
	body:not(.et-fb) .on-mobile-show-portrait-first.slw-cs-gallery-section-layout1 .et_pb_column_2_5 .et_pb_text { display: flex; }

	.et-fb .on-mobile-show-portrait-first.slw-cs-gallery-section-layout1 .et_pb_column_3_5 .et_pb_text { opacity: 0.5; }
	body:not(.et-fb) .on-mobile-show-portrait-first.slw-cs-gallery-section-layout1 .et_pb_column_3_5 .et_pb_text { display: none; }

	/* Show landscape forst on mobile */
	.on-mobile-show-landscape-first.slw-cs-gallery-section-layout1 .et_pb_column_2_5 { order: 2; }
	.on-mobile-show-landscape-first.slw-cs-gallery-section-layout1 .et_pb_column_3_5 { order: 1; }

	.et-fb .on-mobile-show-landscape-first.slw-cs-gallery-section-layout1 .et_pb_column_2_5 .et_pb_text { opacity: 0.5; }
	body:not(.et-fb) .on-mobile-show-landscape-first.slw-cs-gallery-section-layout1 .et_pb_column_2_5 .et_pb_text { display: none; }

	.et-fb .on-mobile-show-landscape-first.slw-cs-gallery-section-layout1 .et_pb_column_3_5 .et_pb_text { opacity: 1; }
	body:not(.et-fb) .on-mobile-show-landscape-first.slw-cs-gallery-section-layout1 .et_pb_column_3_5 .et_pb_text { display: flex; }


}

/* LAYOUT 1: end */

/* Show a "Label" on sections of home page */
.slw-section-with-label::before {
	display: inline-block;
	background: #000000;
	color: #ffffff;
	text-align: center;
	padding: 8px 16px;
    font-size: 26px;
    font-weight: bold;

	left: -1px;
}
@media (min-width: 600px) {
	.slw-section-with-label::before {
		/* rotate: 90deg; */
		transform-origin: bottom left;
		position: absolute;
	}
}
@media (min-width: 981px) {
	.slw-section-with-label::before {
		/*
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		margin-bottom: 100px;
		*/
	}
}
.slw-section-with-label--prints::before {
	content: 'Prints';
}

.slw-section-with-label--sculptures::before {
	content: 'Sculptures';
	width: 120px;
}
.slw-section-with-label--photographs::before {
	content: 'Photographs';
	width: 140px;
}
.slw-section-with-label--drawings::before {
	content: 'Drawings';
	width: 110px;
}