/* gallery_sd extension, URL */

/* additional css single image begin */
div.gsd_single_wall {
width: 70%;
text-align: center;
line-height: 0.5em;
}
div.gsd_single_wall span {
font-size: 1.5em;
}
div.gsd_single {
width: 89%;
border: 10px solid #000000;
overflow: hidden;
padding: 5%;
backdrop-filter: blur(10px);//background-color: var(--color-background-01);
box-shadow: inset 5px 5px 5px var(--c-dawn);
transition: var(--transition-time-short);
}
div.gsd_single_outer {
box-shadow: 15px 5px 10px var(--c-dawn);
transition: var(--transition-time-short);
}
div.gsd_single_outer:hover {
box-shadow: 8px 8px 8px var(--c-morning);
transition: var(--transition-time-short);
}
div.gsd_single div.gsd_image_preview {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
padding: 0em;
border: none;
width: 100%;
height: 24em;
margin: 0em;
}
div.gsd_single div.gsd_image_preview img {
max-width: 100%;
cursor: pointer;
}
div.gsd_single_wall div.enlarge {
margin-top: var(--margin-normal);
}
/* additional single image end */

/* additional css series begin */
div.gsd_series_wall {
    width: 100%;
    text-align: center;
    line-height: 0.5em;
    }
    div.gsd_series {
    width: 100%;
    overflow: hidden;
    transition: var(--transition-time-short);
    }
    div.gsd_series:hover {
    box-shadow: 8px 8px 8px var(--c-morning);
    transition: var(--transition-time-short);
    }
    div.gsd_series div.gsd_image_preview {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0em;
    border: none;
    width: 100%;
    height: 24em;
    margin: 0em;
    }
    div.gsd_series div.gsd_image_preview img {
    max-width: 100%;
    cursor: pointer;
    }
    div.gsd_series_wall div.enlarge {
    margin-top: var(--margin-normal);
    }
    /* additional series end */

/* multiple images begin */
div.gsd {
overflow: hidden;
}
div.gsd img {
}
div.gsd_image_meta {
    display: none;
}
div.gsd_image_preview {
    margin: var(--margin-narrow);
    height: 12em;
    width: 12em;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    text-align: center;
    transition: var(--transition-time-short);
}
div.gsd_image_preview_variant_a {
    margin: var(--margin-narrow);
    height: 12em;
    width: 12em;
    border: 0px solid var(--font-color-standard);
    cursor: pointer;
    background-size: 96%;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    text-align: center;
    transition: var(--transition-time-short);
}
div.gsd_image_preview:hover {
    //border-radius: 1em;
    box-shadow: 5px 5px 15px var(--color-shadow-01);
    transition: var(--transition-time-short);
}
div.gsd_image_preview_variant_a:hover {
	background-size: 100%;
    transition: var(--transition-time-short);
}
div.gsd_image_preview img,
div.gsd_image_preview_variant_a img {
    width: 100%;
    height: auto;
}
div.gsd_image_fullview {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
	opacity: 0;
	border-top: 2rem solid transparent;
	border-bottom: 2rem solid transparent;
}
div.gsd_image_fullview_close {
    position: absolute;
    top: var(--margin-narrow);
    right: var(--margin-normal);
    color: var(--font-color-standard);
    text-shadow: 1px 1px 1px var(--c-night);
    cursor: pointer;
    transition: var(--transition-time-short);
    font-size: var(--font-size-xl);
}
div.gsd_image_fullview_description {
    position: absolute;
    top: var(--margin-narrow);
    left: var(--margin-normal);
    color: var(--font-color-standard);
    cursor: pointer;
    overflow: hidden;
    cursor: pointer;
    transition: var(--transition-time-short);
    text-shadow: 1px 1px 1px var(--c-night);
    padding: var(--padding-narrow);
    }
div.gsd_image_fullview_description span.gsd_image_fullview_description_symbol {
font-size: var(--font-size-xl);
}
div.gsd_image_fullview_navi {
    position: absolute;
    top: var(--margin-extra-wide);
    right: var(--margin-narrow);
    color: var(--font-color-standard);
    cursor: pointer;
    }
div.gsd_image_fullview_navi span {
padding: var(--padding-narrow);
font-size: var(--font-size-xxl);
text-shadow: 1px 1px 1px var(--c-night);
transition: var(--transition-time-short);
}
div.gsd_image_fullview_close:hover,
div.gsd_image_fullview_description:hover,
div.gsd_image_fullview_navi span:hover {
text-shadow: 1px 1px 5px var(--font-color-standard);
transition: var(--transition-time-short);
}


/*

div.gsd_image_close {
font-size: 1.5em;
color: #a4a4a4;
text-shadow: 1px 1px 1px #000000;
position: absolute;
top: 0;
right: 0;
padding: 0.5em;
transition: var(--transition-time-short);
}
div.gsd_image_description {
max-height: 1.5em;
overflow: hidden;
color: rgba(0,0,0,0);
font-size: 0.9em;
width: 25%;
padding: 1em;
position: absolute;
top: 0.5em;
left: 0.5em;
background-color: rgba(200,200,200,0);
text-align: left;
transition: var(--transition-time-short);
}
div.gsd_image_description:hover {
max-height: 50vH;
overflow: auto;
color: rgba(0,0,0,1);
background-color: rgba(200,200,200,1);
transition: var(--transition-time-short);
}
div.gsd_image_description:hover a {
} 
div.gsd_image_description a {
}
div.gsd_image_description a::after {
}
div.gsd_image_description a:hover:after {
}
p.gsd_image_description_show {
color: var(--font-color-standard);
text-align: left;
margin-top: 0em;
font-size: 1.5em;
}


.btnControl {
display: none;
}

.btnControl:not(:checked) + label > div.gsd_image {
width: 10em;
height: 10em;
margin: 0.5em;
cursor: pointer;
border: 1px solid #ffffff;
transition: border var(--transition-time-short);
}
.btnControl:not(:checked) + label > div.gsd_image:hover {
border: 1px solid #ffffff;
border-radius: 1em;
transition: var(--transition-time-short);
}
.btnControl:not(:checked) + label > div > div.gsd_image_close {
display: none;
}
.btnControl:not(:checked) + label > div > div.gsd_image_description {
display: none;
}
.btnControl:not(:checked) + label > div > img {
max-width: 0%;
height: auto;
opacity: 0;
transition: var(--tt-normal);
}


.btnControl:checked + label > div.gsd_image {
width: 97%;
height: 97vh;
padding: 1%;
background-size: 1px 1px;
position: fixed;
top: 0;
left: 0;
background-color: rgba(50,50,50,0.97);
z-index: 100000;
}
.btnControl:checked + label > div > div.gsd_image_close {
display: block;
}
.btnControl:checked + label > div > div.gsd_image_close:hover {
color: #ffffff;
transition: var(--transition-time-short);
    }
.btnControl:checked + label > div > div.gsd_image_description {
display: block;
}
.btnControl:checked + label > div > img {
max-width: 100%;
max-height: 100%;
opacity: 1;
transition: opacity var(--tt-long);
}
*/

@media only screen and (max-width: 70em) {
div.gsd_single_wall {
width: 80%;
}
}


@media only screen and (max-width: 50em) {
/*
    div.gsd_image_description {
color: #000000;
width: 90%;
padding: 1em;
top: unset;
bottom: 1em;
left: 5%;
}
*/
}


@media only screen and (max-width: 30em) {
div.gsd_single_wall {
width: 100%;
}
}
/* multiple images end */