@charset "utf-8";
/* CSS Document */

/*Global Styles*/
body
{
    background-color: white;
    font-family: Lato, sans-serif;
}

h1, h2, h3, h4
{
    font-family: Acme, sans-serif;
}

@media (max-width: 767px) {
 #headTxt{font-size: 2.7rem;}
}

#pageframe
{
    display: block;
    width: 100%;
    height: 100vh;
}

.streamText
{
    font-size: 1em;
    color: yellow;
}

.nav-tabs
{
    border-bottom: solid thin #0C1527;    
}

#myTab li button
{
    border: solid thin #0C1527;
    color: white;
}

#myTab li button:hover
{
    background-color: #1E3460;
}

#myTab li button.active
{
    color: black;
}

#myTab li button.active:hover
{
    background-color: white;
}

#streamdiv
{
    background-color: #16274A;
    color: white;
    height: 85%;
    bottom: -77%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .4s ease-in-out;
}

#streamdiv.open
{
    bottom: 0;
    transition: all .4s ease-in-out;
}

#streamBtn
{
    display: inline;
    background-color: #284683;
    border: #ECECEC solid thin;
    border-radius: 8px;
    color: yellow;
    font-weight: 600;
    padding: 7px;
    margin: 10px 0 7px 0;
}

#streamBtn:hover
{
    background-color: #1E3460;
}

.bluebtn
{
    background-color: #2424AD;
}

.bluebtn:hover
{
    background-color: #3838C8;
}

/*Navbar Styles*/
.headtext
{
    background-color: #2424AD;
    color: white;
    width: 100%;
    text-align: center;    
    margin-bottom: -17px;
}
.headtext h1
{  
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 3.5em;
  font-weight: 600;
}
.headerlogos
{
    max-width: 600px;    
}
.navbar-custom 
{
    background-color: #2424AD;    
}
.navbar-custom .nav-link
{
     color: white;
}
.navbar-custom .nav-link:hover
{
     color: #C0C0C0;
}
.navbar-custom .dropdown-menu
{
    background-color: #131363;
    margin-top: .75rem;
    border: solid thin #050505;
}
.navbar-custom .dropdown-item
{
    color: white;
}
.navbar-custom .dropdown-item:hover
{
    color: black;
    background-color: #C0C0C0;
}
.navbar-custom .navbar-toggler
{
    border: thin solid #dddddd; 
    color: #dddddd;
    font-size: .85rem;
    font-weight: 700; 
    padding: .5em .7em;
}
.navbar-custom .navbar-toggler:hover
{
    background-color: #131363;
    color: #bbbbbb;
}

/*General Styles*/
#maincontent
{
    margin-top: 10px;
    background-color: white;
    min-height: 600px;
    padding: 1em;
}

.bnav {
    margin: -12px 0 0 -12px;
}

.breadcrumb {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    width: fit-content;
}

#stationscarousel .carousel-inner .carousel-item {
  transition: transform .5s ease;
}

#happenings .carousel-inner .carousel-item {
  transition: transform .5s ease;
}

#auctionAccordion .collapsing
{
    transition-property: height, visibility;
    transition-duration: .5s;
    transition-timing-function: ease;
}

#auctionAccordion .accordion-button
{
    background-color: #2424AD;
    border: solid thin #1C1C87;
    color: white;
    padding: .5rem 2rem;     
}

#auctionAccordion .accordion-button:hover
{
    background-color: #1C1C87;
}

#auctionAccordion .accordion-button:focus
{
    box-shadow: none;
}

#auctionAccordion .accordion-body
{
    background-color: #E9E9E9;    
}

#auctionAccordion .card
{
	width: 220px;    
    margin: 0 1em .5em 0;
    border: black solid thin;
    box-shadow: 0 .2em .5em -.15em black;
}

#auctionAccordion .card-title
{
	font-size: 1.2em;
    margin: 0;
}

#auctionAccordion .card-text
{
	font-size: .85em;
    margin: .25em 0;
}

.newitem
{
    color: green;
    font-size: .65em;
    font-variant-position: super;
}

#localsports .card
{
	width: 220px;    
    margin: 0 1em .5em 0;
    border: black solid thin;
    box-shadow: 0 .2em .5em -.15em black;
}

#localsports .card-title
{
	font-size: 1.2em;
    margin: 0;
}

#localsports .card-text
{
	font-size: .85em;
    margin: .25em 0;
}

.podcastdiv
{
    border:solid thin black;
    border-radius: 15px;
    background-color: #DDEFF8;
    padding: 1em;
    margin-bottom: 1rem;
    font-size: .8rem;
    
}

#podcastaccordion .accordion-button
{
    background-color: #2424AD;
    color: white;
}
#podcastaccordion .accordion-button:hover
{
    color: #c0c0c0;
}
#podcastaccordion .accordion-button::after 
{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}


/*Footer Styles*/
.footsep
{
    margin-top: 20px;
    background-color: #2424AD;    
    width: 100%;
    height: 6px;
    margin-bottom: 1rem;
}
footer
{
    background-color: white;
    color: black;   
    font-size: .8rem;
    font-style: italic;
    text-align: center;
    margin-bottom: -1rem;
}
footer a
{
    color: #012551;
    text-decoration: underline;
}
footer a:hover
{
    color: #3F5486;
    text-decoration: none;
}