a {
    text-decoration:none;
    color:orangered;
}

.iconimg {
    max-width:80%; 
    opacity:0.8;
}

.iconimg:hover {max-width:82%;opacity:1;}

.dcard {
    position:relative;
    width:100%;
    min-height:20vh;
    text-align:left;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    z-index:1;
    opacity:0.7;
    overflow:hidden;
}

.dcard:hover {
    opacity:1;
    box-shadow:0 5px 20px rgba(200,10,0,0.2);

}

.dpad {
    height:12vh;
}

.dhead {
    padding:1vh 1vw 0vh 1.5vw;
    font-weight:bold;
    font-size:1.1em;
    z-index:3;
    background-color:white; 
}

.dbody {
    padding:1vh 1vw 1vh 1.5vw;
    font-size:0.9em;
    line-height:1.7em;
    color:grey;
    z-index:3;
    background-color:white;
}

.dimage {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}

.dimg {
    max-width:100%;
    opacity:0.8;
}

.popup {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:18vh 5vw 5vw 5vw;
    background-color:rgba(255,255,255,0.5);
    z-index:999;
    display:none;
}

.contents {
    position:relative;
    width:100%;
    height:100%;
    background-color:whitesmoke;
    border:2px solid silver;
    padding:1vh 1vw 1vh 1vw;
    background-image: url("../img/background.png");
    background-size:cover;
    box-shadow:0 5px 10px rgba(0,0,0,0.7);
}
.close {
    position:absolute;
    top:14vh;
    right:6vw;
    font-weight:bold;
}

.btn-custom {background-color:orangered;color:white;}

.btn-custom:hover {background-color:orange;color:black;}

a.nav-link {color:orangered;font-weight:bold;}
.navbar-nav {background-color:rgba(255,255,255,1);padding:0 3vw 0 3vw;}

.darker {
    filter: brightness(50%);
}


.detailheader {
    font-weight:bold;
    font-size:3vw;
    color:whitesmoke;
    background-color:rgba(160,20,0,0.8);
    background-image: linear-gradient(to bottom right,orangered,orange);
    text-shadow:0px 0px 5px black;
    padding:2vh 2vw 2vh 2vw;
}

.detailbody {
    height:55vh;
    overflow-y:scroll;
    color:rgba(0,0,0,0.7);
    padding:2vh 3vw 1vh 3vw;
    line-height:2em;
}

.detailimage {
    float:left;
    padding:1vh 2vw 1vh 0vw; 
    max-height:25vh;
    max-width:50%;
}