/*  dgbase.css 20230302 20240405 */

a, a:link, a:visited {color: blue;}
.previous {display: inline-block;position: relative;vertical-align: super;}
.previous a {padding: 1rem;vertical-align: super;}
.inline {display: inline-block;}

video {
	max-width: 568px;
	max-height: 320px;
}
/* @media print {.page {display: none;}} */

.container-ss {
    background-color: #fdf5e6;
    margin: 2vh auto;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    resize: both;
}

.listn {
    list-style-type: none;
    padding: 0.4rem;
    margin: 0;
    border: 1px solid #000;
    border-radius: 1rem;
    background: #effae1e5;
    opacity: 0.6;
}

footer {margin:1rem auto 0 auto; padding-bottom: 1rem;}
.copy {font-size: 1.3rem;}

.basemenu {
    margin: 0 auto 1rem;
    padding: 0;
    text-align: center;
}
.basemenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.basemenu li {
    display: inline-block;
    margin:0.4rem 0.2rem;
}
.basemenu a {
    display: inline-block;
    background: #d9d3d3;
    background: #fff3f3;
    border:1px solid #ada8a8;
    border-radius: 0.6rem;
    font-size: clamp(1.3rem, calc(0.93rem + 0.53vw), 1.875rem);
    font-weight: bold;
    padding:1rem 0.2rem;
    text-decoration:none;
}
.basemenu a:hover {
    box-shadow: 0 4px 4px 4px #053d05;
    color:#053d05;
    padding: 0.5rem 0.2rem;
    margin: 0.5rem auto;
}
.basemenu a:link, .basemenu a:visited, .basemenu a:active {
    color:#000;
}
.basemenu a:active {color:#fff;}

.center {margin: 1rem auto; max-width: fit-content;}

.indent-left {
    margin: 1rem 0.5rem 0.5rem 7rem;
    font-size: 1.6rem; font-weight: bold; text-align: left;
}
.indent-left > dt {margin-bottom: 0.7rem}
.indent-left > dd {margin-left: 1rem;}

.shadow-box {
    -webkit-box-shadow: 4px 2px 8px #323232;
	box-shadow: 4px 4px 8px #323232;
	margin: 10px 1rem;
}

/* Begin popout classes - October 2013 */
.popout {position:relative;margin:1rem;}

.popout-link {
    margin:0 auto;text-align:center;
}
.popout-link a {text-decoration: underline;}
.popout-link img {
    height: auto;
    max-height: 300px;
    width: auto;
    max-height: 100px;
    max-width: 100px;
}/* for small screens */
.popout-link:hover ~ .popout-hover, .popout-item:hover {display: block;}

.popout-item {
    background-color: #BFBFBF;
    border: 1px solid #999999;
    box-shadow: 1px 1px 10px #E6E6FA;
    padding: 8px;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 303px;
    z-index: 337;
}

.popout-img {border:0;height:auto;width:99.9%;}
.popout-article {padding:4px;text-align:left;}
.popout-title {color:#d51bce;text-align:center;margin:0.5rem;}/*#FF0000; red */
.popout-title:before {content: open-quote;}
.popout-title:after {content: close-quote;}
.popout-title-src {text-decoration: underline;}
.popout-title-txt {color: red;}
.popout-hover {display: none;}

.popout-item a {color: #00008B}
.popout-item a.close {
    background-color: #BFBFBF;
    color: red;
    font-size: 1.5rem;
    position: absolute;
    top: -2.0em;
    right: 0.02em;
    padding: 0 .8rem;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    box-shadow: 2px 1px 10px #E6E6FA;
    z-index: 347;
}/* overflow: hidden; removes underline bar, text-indent: 100%; hides text */
.popout-item a.close::before {content: "\02613";font-size:2.5rem;}
.popout-item a.close:hover {display:none;}
.popout-item a:hover {color:#000;}

 /* 2023-07-12 for time-for-ukraine.html */
.popout-item img {width:98%; height: auto; max-height: 82vh;max-width:96vw;}
.popout-list {position: relative;margin: 1rem;}
.popout {display: inline-block;/* max-width: 100px;*/}
/*@media (min-width:677px) {.popout-item img {width: auto;}*/

/* end popout classes */

/* ** NOTES **
Full Size Background Image
html {
  background: url(../image/20190509-480w.webp) no-repeat center fixed;
  background-size: cover;
}

Child Selector (>)  div > p {   Selects all <p> elements
Adjacent Sibling Selector (+)   div + p {   Selects the first <p> element
General Sibling Selector (~)    div ~ p {   Selects all next siblings of div

img[Attributes Style] {aspect-ratio: auto 370 / 516;}
*/