body {
    background-color: #efefef;
}

.anchor {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    border:none;
}

.anchor:hover,
.anchor:focus{
    cursor: pointer;
    color: #0056b3;
    text-decoration: underline;
}

.btn-light {
    border:2px solid green;
}

.required {
    color:red;
    font-size:80%;
    font-weight:bold;
}

.text-underline {
    text-decoration:underline;
}

.card {
    padding:5px;
}

.head-tab{
    color:blue;
    background-color:white;
    border:1px solid black;
    border-radius:5px;

}

.navbar-nav > li{
    padding-right:25px;
}

.select-link:hover{
    background-color:lightyellow;
}

.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
}

.nav-label {
    font-size:18px;
    font-weight:bold;
}

.nav-link {
    cursor:pointer;
}

.form-control {
    background-color:lightyellow;
}

.dropdown-item {
    cursor:pointer;
}

.donate-button {
    font-size:16px;
    color:white;
    background-color:#C11007;
    border:15px solid #C11007; 
    border-radius: 15px;
    text-decoration:none;
    cursor:pointer;
}
.donate-button:hover,
.donate-button:focus {
    color:black;
}

.horz-pinstrip {
    background-color: #efefef;
    color:green;
    font-size:2px;
}


.volume-x {
    vertical-align:middle;
    padding-left:2px;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
}

.collapse-header {
    color:black;
    border:2px solid green;
    border-radius:5px;
    background-color:white; 
    padding:3px;
    cursor:pointer;

}

.collapse-header:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}
.collapse-header.collapsed:before {
    float: right !important;
    content:"\f067";
}
.collapse-header:hover,
.collapse-header:active,
.collapse-header:focus  {
    text-decoration:none;
}

/*
.bg-dark {
    background-color:black;
}
*/

#top-banner {
    background-color:white;
}

#player-bar {
    background-color:lightgray;
    width:100%;
    height:75px;
}

.dropdown-menu{
    background-color:#F7F4F0;
}


.iframe{
    border:none;
    height:0px;
    width:100%;
    display:none;
    /*height:500px;*/
}

#featured-item {
    width:100%;
    height:400px;
    padding:30px 65px;
}

.social-media-bar {
    height:35px;
    width:100px;
    background-color:white;
}

.now-playing-marquee {
    padding:3px;
    background-color:white;
    border-radius:5px;
    font-weight:bold;
    font-size:18px;
    border:1px solid green;
}

/*.audio-player {
    margin-bottom: 10px;
}*/

#play-button{
    background-color:white;
    width:70px;
    margin:10px;
    border:1px solid green;
    border-radius:5px;
}

#volume-slider {
    width: 100px;
    margin: 0 5px;
    accent-color:black;
}

#mute-button {
    background-color:white;
    height:35px;
    width:40px;
    margin:2px;
    border:1px solid green;
    border-radius:5px;
}

.bold {
    font-weight:bold;
}
.size-5 {
    font-size:5px;
}
.size-12 {
    font-size:12px;
}
.size-14 {
    font-size:14px;
}
.size-18 {
    font-size:18px;
}
.size-20 {
    font-size:20px;
}
.size-30 {
    font-size:30px;
}

.width100 {
    width:100%;
}

.white {
    color:#fff
}
.black {
    color:#000
}

.brown {
    color:brown;
}

.dodgerblue {
    color:dodgerblue;
}

.blue {
    color:blue;
}

.red {
    color:red;
}

.background-white{
    background-color:#fff;
}
.background-black{
    background-color:#000;
}
.background-lightgray{
    background-color:lightgray;
}
.background-footer{
    background-color:#3f4042;
}
.background-footer-2{
    background-color:#7a7d82;
}

/*.background-cta{
    background-color:#cc9900;
}*/

.border {
    border: 1px solid #DCDCDC
}
.border-0{
    border: 0px;
}
.border-bottom {
    border-bottom: 1px solid #DCDCDC
}

.table-border,.table-border th,.table-border td {
    border:1px solid black;
}

.donate-small {
    position:absolute;
    right:10px;
    top:5px;
}


/*************************************************************************/
/* moble device setting/defaults  */
@media screen and (max-width: 991.98px) {

    #main-body {
        padding-top:60px
    }



    .hide-large {
        display:inline;
    }
    
    .hide-small {
        display:none;
    }

    .fixed-top {
        position:static;
        display:none;
        top:0px;
    }
    #player-bar{
        position:fixed;
        z-index:10;
        bottom:0px;
    }
    
     #marquee-small{
        background-color:white; /*#FFFCCC;*/
        padding:5px;
        position:fixed;
        z-index:10;
        bottom:75px;
    }

    #link-bar{
        /*position:absolute;*/
        position:fixed;
        top:0px;
        z-index:10;
        width:100%;
        padding:0px;
        margin:0px;

    }
    .link-bar-container {
        background-color:white;  /*  #E8E0B0;  */
        width:100%;
        height:60px;
        padding:none;
        margin:none;
    }
    
   #marquee-small{
        background-color:white; /*#FFFCCC;*/
     /*   padding:5px; */
        position:fixed;
        z-index:10;
        display:block;
        width:100%;
        bottom:75px;
    }

    .donate-small {
        display:inline;
    }
    .logo-small {
        display:inline;
    }

    #up-next-display{
        display:none;
    }

    .auto-size {
        width:60%;
        height:60%;
    }

  

}

/*************************************************************************/

/* breakpoint and up */
@media screen and (min-width: 992px) {

    #main-body{
        padding-top:200px;
    }

    #player-bar {
        z-index:10;
        width:100%;
        position:fixed;
        top:85px;
    }

    #link-bar {
        z-index:10;
        height:40px;
        width:100%;
        position:fixed;
        top:160px;
    }

    .link-bar-container {
        background-color:#FFFCCC;  /*  #E8E0B0;  */
        width:100%;
        border-bottom:2px solid green;
    }

    .hide-large {
        display:none;
    }
    
    .hide-small {
        display:inline;
    }

    #up-next-display{
        display:inline;
    }

    .donate-small {
        display:none;
    }

    .logo-small {
        display:none;
    }

    #marquee-small{
        display:none;   
       }

    .auto-size {
        width:100%;
        height:100%;
    }

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top:0px;
        padding-bottom:0px;
    }

    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    /*    .navbar .nav-item {
            padding: .5rem .5rem;
            margin: .25rem;
        }*/

    /*    .dropdown-link {
            pointer-events:none;
             color:darkblue !important;
             font-weight:bold;
            
        }*/
}