/*
CSS specifically for Christian Radio Music website
*/
/* 
    Created on : Aug 4, 2025, 10:32:13 PM
    Author     : Charles Anderson
*/

@font-face{
    font-family: "Roboto";
    src: url("../public_html/resources/fonts/Roboto-Regular.ttf");
}
@font-face{
    font-family: "LibertinusSans";
    src: url("../public_html/resources/fonts/LibertinusSans-Bold.ttf");
}
@font-face{
    font-family: "Tangerine";
    src: url("../public_html/resources/fonts/Tangerine-Regular.ttf");
}
.fontface_roboto{
    font-family: "Roboto";
    font-size: 1em;
}
.fontface_libertinus{
    font-family: "LibertinusSans";
}
.fontface_tangerine{
    font-family: "Tangerine";
    font-size: 2em;
}


.glow_font {
    animation: mymove 8s infinite;
}

.shinemenu{
    min-height: 50px;
    min-width: 100px;
    padding: 10px;
    background-color: #3961be;
    color: aliceblue;
    background-image: url(../public_html/resources/images/shine/HL_top.png),
        url(../public_html/resources/images/shine/HL_bot.png),
        url(../public_html/resources/images/shine/LS_comp.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: 100% 40px, 100% 30px, 80px;
    background-position: top center, bottom center, bottom center;
    border: 3px solid #222222;
    border-radius: 15px;
}

body {
    max-width: 1024px;
    justify-self: center;
}

article {
    margin-top: 10px;
    padding: 10px;
}
article header {
    font-family: "LibertinusSans";
    font-size: 1.6em;
    display: inline-block;
    width: auto;
    text-group-align: center;
    text-align: center;
    vertical-align: top;
    margin-left: 10px;
    clip-path: inset(0px 0px 32px 0px);
    z-index: -1;
}
.artcard {
    background-color: #ffffff;
    border: 3px solid black;
    border-radius: 15px;
    margin-top: -35px;
    padding: 10px;
    z-index: 2;
}

article p ol {
    background: inherit;
    border: inherit;
    display: inline-block;
}
article ol a:link{
  background-color: #5d4e86;
  text-decoration: none;
}

article ol a:active{
  background-color: yellow;
}
article ol a:hover{
  background-color: #f0af3d;
}
article ol a:visited{
  background-color: #5d4e86;
}

footer {
    background: #5d4e86;
    border-radius: 0px 0px 20px 20px;
    border-top: 4px solid gray;
    padding: 10px;
    color: lightgray;
    text-align: center;
    font-family: "Roboto";
}

.shiny-left {
    height: 200px; 
    border-radius: 1em 0em 0em 1em;
}
.shiny-right {
    border-radius: 0em 1em 1em 0em;
}
    
@media only screen and (max-width: 992px) {
    .shiny-left {
        
        margin: auto;
        height: 200px; 
        border-radius: 1em 1em 1em 1em;
    }
    .shiny-right {
    
        border-radius: 1em 1em 1em 1em;
    }
}

@media only print {
.shiny-left {
    height: 150px; 
    margin: auto;
    border-radius: 1em 1em 1em 1em;
}
.shiny-right {
    border-radius: 1em 1em 1em 1em;
    height: 150px; 
    justify-content: center;
    text-align: center;
}
h1 {
    color: #3961be;
}
.shinemenu {
    color: #5d4e86;
}
}