/*
 Theme Name:   Stralsund
 Theme URI:    https://www.tomuhlenberg.com
 Description:  Just a nice WP theme.
 Author:       Tom Uhlenberg
 Author URI:   https://www.tomuhlenberg.com
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.cf-theme-dark .brxe-logo,
.cf-theme-dark .vector-text {
	
	filter: invert(.9)
}

.current-menu-item {
	
	pointer-events: none;
}

/*THEME TOGGLE */

.x-offcanvas .brxe-cf-theme-toggle:before,
.brxe-cf-theme-toggle:before {
	content: 'Light Mode';
	font-size: calc(var(--text-m) * 0.95);
	padding: var(--space-xs);
	text-transform: uppercase;
}

.x-offcanvas .brxe-cf-theme-toggle:after, 

.brxe-cf-theme-toggle:after {
	content: 'Dark Mode';
	padding: var(--space-xs);
	text-transform: uppercase;
}

.brxe-cf-theme-toggle:before,
.brxe-cf-theme-toggle:after {
	font-size: var(--text-s)
}

.brxe-cf-theme-toggle:focus,
.brxe-cf-theme-toggle:focus-within,
.brxe-cf-theme-toggle:focus:before,
.brxe-cf-theme-toggle:focus:after {
	background: transparent !important
}

.cf-theme-light .x-offcanvas .brxe-cf-theme-toggle:before,
/*.cf-theme-light footer .brxe-cf-theme-toggle:before*/ {
	color: var(--p1-c1)
}


.cf-theme-dark .x-offcanvas .brxe-cf-theme-toggle:after,
/*.cf-theme-dark footer .brxe-cf-theme-toggle:after */{
	color: var(--n1-c7)
}

.cf-theme-dark .x-offcanvas .brxe-cf-theme-toggle:after,
/* .cf-theme-dark footer .brxe-cf-theme-toggle:after */{
	color: var(--p1-c1)
}


.cf-theme-dark .x-offcanvas .brxe-cf-theme-toggle:before,
/*.cf-theme-dark footer .brxe-cf-theme-toggle:before */{
	color: var(--n1-c7)
}

.x-offcanvas .brxe-cf-theme-toggle:focus,
footer .brxe-cf-theme-toggle:focus {
	outline: none
}

/*FRONT PAGE*/
/*
.thumbnail--bw {
	background-image: url(/wp-content/uploads/2021/03/new-york-city-36-manhattan-skyline-1024x768.jpg.webp) !important;
}
*/

.bg-thumb__wrapper {
	
	transition: all 0.2s ease-in-out
}

.bg-thumb__wrapper:hover .bg-thumb__caption {
	
	transition: transform 0.5s ease-in-out,
				color 0.25s ease-in-out,
				opacity .35s ease-in-out;
	
	color: transparent;
	transform: scaleY(0) translatey(var(--space-l));
	opacity: 0;
	
	
}

@media (min-width: 1400px) {
	
	.thumbnail-container--wide {
		
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (min-width: 850px) and (max-width: 1399px) {
	
	.thumbnail-container--wide {
		
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 849.99px) {
	
	.thumbnail-container--wide {
		
		grid-template-columns: 1fr;
	}
}


.thumbnail-container--wide div figcaption {
	
	transition: all .35s ease-in-out
	
}

.thumbnail-container--wide div:hover figcaption {
	
	height: 0;
	padding: 0;
	color: transparent;
	/*font-size: 0;*/
	line-height: 0;
	visibility: hidden;
	bottom: -50px;
}


/* BRICKS FILTERS */

.filters__button-set {
	justify-content: space-between
}

.filters__button-set::after {
	content: "";
	display: flex;
	flex-grow: 1
}

.filters__button-set li .bricks-button {
	padding: .75em 1.5em
}

.filters__checkbox-set {
	flex-wrap: wrap;
}

.brxe-filter-checkbox input[type="checkbox"] {
	appearance: none;
	display: grid;
	place-content: center;
	border: 0px solid #ccc;
	/* border-radius: .25em; */
	/*width: 1.85rem;*/
	height: 1.85rem;
	background: var(--filter-btn);
	padding: 0.25em;
	
}

.filters__checkbox-set li:hover .brx-option-text {
	
	color: var(--active-item);
	
}

.brxe-filter-checkbox input[type="checkbox"]::before {
	
	content: "";
	width: .75em;
	height: .75em;
	box-shadow: inset 1em 1em #fff;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transition: transform 0.2s
}

.brxe-filter-checkbox label {
	line-height: 1;
	font-size: var(--text-m);
	align-items: baseline
}

.brxe-filter-checkbox .brx-option-active input[type="checkbox"] {
	background: var(--active-item)
}


.brxe-filter-checkbox .brx-option-active input[type="checkbox"]::before {
	transform: scale(1)
}

/*WP GRIDBUILDER */

.wpgb-button-facet ul {
	gap: var(--space-s);
}

.wpgb-facet .wpgb-inline-list {
	margin: 0 !important
}

.wpgb-button-facet ul.wpgb-inline-list li {
	margin: 0;
	line-height: 1
}

.wpgb-facet .wpgb-button-label,
.wpgb-facet .wpgb-checkbox-label {
	font-size: var(--text-s) !important;
	text-transform: uppercase;
	line-height: 1 !important
}


.wpgb-facet ul .wpgb-button {
	
	padding: .5em .75em  !important;
	border: none !important;
	background: var(--filter-btn);
	color: var(--text--normal);
}

.wpgb-facet ul .wpgb-button:hover,
.wpgb-facet button.wpgb-button.wpgb-reset:hover {
	
	background: var(--filter-btn--active);
	color: var(--text--light) !important;
	
}

.wpgb-facet .wpgb-button[aria-pressed="true"],
.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control {
	
	background: var(--active-item) !important;
	border-color: var(--active-item) !important;
}

.wpgb-facet .wpgb-button-label {
	line-height: 1 !important;
	padding: 0 !important;
	margin-top: 2px !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
	height: 1.75rem !important;
	width: 1.75rem !important;
	border-width: 1px !important;
	border-radius: 3px !important;
}


.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox {
	align-items: baseline
}

.wpgb-facet button.wpgb-button.wpgb-reset {
	background: var(--btn-2);
	color: var(--text--dark);
	font-size: var(--text-s) !important;
	text-transform: uppercase;
	margin: 0;
	padding: .35em .75em;
	
}

.wpgb-facet-10 input[type="hidden"] + span + span:before {
	margin-right: .5em
}

input[value="1-1"] + span + span:before {
	content: 'SQUARE';
}

input[value="16-9"] + span + span:before {
	content: 'HORIZONTAL';
}

input[value="3-2"] + span + span:before {
	content: 'HORIZONTAL';
}

input[value="4-3"] + span + span:before {
	content: 'HORIZONTAL';
}

input[value="2-1"] + span + span:before {
	content: 'PANORAMIC';
}

input[value="2-3"] + span + span:before {
	content: 'VERTICAL';
}

input[value="3-4"] + span + span:before {
	content: 'VERTICAL';
}

.wpgb-facet fieldset:last-child {
	margin-bottom: 0 !important
}

.wpgb-checkbox-facet ul.wpgb-hierarchical-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-s)
}


.wpgb-checkbox-facet ul.wpgb-hierarchical-list li {
	margin: 0
}


.wpgb-facet .wpgb-pagination li.wpgb-page {
	
	height: fit-content;
	width: fit-content;
}

.wpgb-facet .wpgb-pagination li.wpgb-page a {

	height: 3rem;
	background: var(--bg--contrast);
	color: var(--text--body);
}

.wpgb-facet .wpgb-pagination li.wpgb-page a[aria-current="true"] {
	color: var(--active-item);
	pointer-events: none;
}

.wpgb-facet .wpgb-pagination li.wpgb-page:hover a {
	background: var(--dark-light);
}

.wpgb-facet .wpgb-pagination li.wpgb-page:hover a[aria-current="true"] {
	background: var(--bg--contrast);
	color: var(--active-item);
}

.wpgb-facet .wpgb-pagination li.wpgb-page:hover a {
	color: var(--text--reversed)
}

/*GRIDBUILDER OFFCANVAS*/

.x-offcanvas ul.wpgb-hierarchical-list {
	flex-direction: column;
	gap: 0;
}


.x-offcanvas .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
	height: 1.25rem;
	width: 1.25rem;	
}

.x-offcanvas ul.wpgb-hierarchical-list li:first-child {
	
	border-top: solid 1px var(--border--muted);
}


.x-offcanvas ul.wpgb-hierarchical-list li .wpgb-checkbox   {
	
	font-size: var(--text-s);
	padding: var(--space-2xs) var(--space-2xl) var(--space-2xs) 1.5rem;
	border-bottom: solid 1px var(--border--muted);
}

.x-offcanvas ul.wpgb-hierarchical-list li .wpgb-checkbox[aria-disabled="true"] {
	opacity: 1
}

.x-offcanvas ul.wpgb-hierarchical-list li .wpgb-checkbox[aria-disabled="true"] span {
	opacity: .5
}


.x-offcanvas ul.wpgb-hierarchical-list li [aria-pressed="true"] {
	
	background: var(--bg--muted);
}


/*OFFCANVAS FILTERS*/

.filters__checkbox-set--offcanvas {
	
	width: 100%
}

.filters__checkbox-set--offcanvas.brxe-filter-checkbox input[type="checkbox"] {
		
	height: 1.25rem;
	width: 1.25rem;
	padding: 0 .5rem;
	margin-right: .75rem
}

.filters__checkbox-set--offcanvas li:first-child {
	
	border-top: solid 1px var(--border--muted);
}

.filters__checkbox-set--offcanvas li label {
	
	font-size: var(--text-s);
	padding: var(--space-2xs) var(--space-2xl) var(--space-2xs) 1.5rem;
	border-bottom: solid 1px var(--border--muted);
}

.filters__checkbox-set--offcanvas li.brx-option-active {
	
	background: var(--bg--muted);
}

/*PHOTO CONTAINERS */

/*
.vendor-button {
	border-radius: var(--radius-xs)
}
*/

.photo__image-block img {
	width: 100%;
	height: auto
}

[data-aspect="2:3"] {
	
	width: 975px !important
}

[data-aspect="2:3"] .photo__image-block,
[data-aspect="2:3"] .photo__text-block {
	
	flex-basis: 50%
}

[data-aspect="3:4"] {
	
	width: 1000px !important
}

[data-aspect="3:4"] .photo__image-block {
	
	flex-basis: 55%
}

[data-aspect="3:4"] .photo__text-block {
	
	flex-basis: 45%
}

[data-aspect="1:1"] {
	
	width: 1100px !important
}

[data-aspect="1:1"] .photo__image-block {
	
	flex-basis: 57%
}

[data-aspect="1:1"] .photo__text-block {
	
	flex-basis: 43%
}




.cf-theme-light .vendor-button {
	
	background: #EAEAEA
}

.cf-theme-light .vendor-button:hover {
	
	background: #f0f0f0
}

.cf-theme-dark .vendor-button {
	
	background: #202020
}

.cf-theme-dark .vendor-button:hover {
	
	background: #151515
}

.cf-theme-light .vendor-logo img,
.cf-theme-light .vendor-button img {
	
	filter: grayscale(1) brightness(0); 
}

.cf-theme-dark .vendor-button svg,
.cf-theme-dark .vendor-button img {
	
	filter: grayscale(1) brightness(5) opacity(.75)
}

.cf-theme-dark .vendor-button--artheroes svg {
	
	filter: grayscale(1) brightness(5.5);
}



.cf-theme-dark .vendor-button--photo4me img {
	
	filter: grayscale(1) brightness(7.5);
}



.cf-theme-light .vendor-button:hover img {
	
	filter: none
}


.cf-theme-dark .vendor-button:hover svg,
.cf-theme-dark .vendor-button:hover img {
	
	filter: grayscale(1) brightness(5) opacity(1)
}

.cf-theme-dark .vendor-button--artheroes:hover svg {
	
	filter: grayscale(1) brightness(9.5);
}


.cf-theme-dark .vendor-button--photo4me:hover img {
	
	filter: grayscale(1) brightness(9.5);
}



.cf-theme-light .vendor-button--pictorem img {
	filter: invert(1)
}

.cf-theme-light .vendor-button--pictorem:hover img {
	filter: invert(.75);
	
}



[data-orientation="horizontal"] .photo__text-block {
	
	padding: var(--space-m) var(--space-m) var(--space-l);
	gap: var(--space-xl)
}

@media (min-width: 991.1px) {
	
	[data-orientation="vertical"] .vendor-buttons__block {
		
		grid-template-columns: 1fr 1fr;
		gap: var(--space-s);
		max-width: 100%;
		padding: 0 var(--space-2xs);
	}
}

@media (max-width: 991px) {

	.photo__text-block {
		
		padding: var(--space-l) var(--space-m) var(--space-2xl) !important;
		gap: var(--space-xl) !important
	}
	
	[data-orientation="vertical"] .vendor-buttons__block {
	
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: var(--space-m);
		max-width: 100%
	}
}


@media (min-width: 768.1px) {

	[data-orientation="horizontal"] .vendor-buttons__block {
		
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: var(--space-m);
		max-width: 100%
	}
}

@media (max-width: 768px) {

	[data-orientation="vertical"]	.vendor-buttons__block,
	[data-orientation="horizontal"] .vendor-buttons__block	{
	
		grid-template-columns: 1fr 1fr;
		gap: var(--space-s);
	}
}


/* BUY PRINTS */

.vendor-logo {
	
	border-radius: var(--radius-s);
	overflow: hidden;
	transition: all .35s ease-in-out;
}

.cf-theme-light .vendor-logo {
	
	background: #FFF
}


.cf-theme-dark .vendor-logo {
	
	background: #202020
}

.cf-theme-dark .vendor-logo:hover {
	
	background: #151515
}




.vendor-logo:hover img,
.vendor-logo:hover svg {
	
	transform: scale(1.075);
}


.cf-theme-light .vendor-logo:hover img {
	
	filter: none;
	
}


.cf-theme-dark .vendor-logo svg,
.cf-theme-dark .vendor-logo img {
	
	filter: grayscale(1) brightness(5) opacity(.75)
}

.cf-theme-dark .vendor-logo:hover svg,
.cf-theme-dark .vendor-logo:hover img {
	
	filter: grayscale(1) brightness(5) opacity(1)
}

.cf-theme-dark .vendor-logo--artheroes svg {
	
	filter: grayscale(1) brightness(10.5) opacity(.75)
}


.cf-theme-dark .vendor-logo--artheroes:hover svg {
	
	filter: grayscale(1) brightness(15) opacity(1)
}




.cf-theme-dark .vendor-logo--pictorem img {
	
	filter: invert(.25) !important
}

.cf-theme-dark .vendor-logo--pictorem:hover img {
	
	filter: invert(.25) brightness(3) !important;
}







.cf-theme-light .vendor-button--pictorem img {
	filter: invert(1)
}

.cf-theme-light .vendor-button--pictorem:hover img {
	filter: invert(.75);
	
}


/*SOCIALS*/

.x-social-share_item a {
	
	width: 3em;
	height: 3em;
	justify-content: center;
}

.x-social-share_item:hover a {
	
	background: #000 !important
}

.xing svg {
	
	height: 1.5em;
	width: 1.5em;
	
}

.xing .x-social-share_icon {
	
	padding: var(--space-4xs)
}

/*FOOTER*/

.footer__menu ul {
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}