/*------------- FRINGE KING CSS -----------------*/
/* 03-19-2025 CRS - COPIED FROM FREE FESTIVAL CSS AND EDITED */
/* 03-25-2025 CRS - override bootstrap card to have no border! not working! */
/* 03-28-2025 CRS - remove white and black from nav-link colors */

.card {
    border: none !important;
    border-radius: 0px !important;
}

.ff-section {
    padding: 1px 0 1px 0;
    background-color: #000000;
    color: white;
    text-align: center;
}

.ff-section h1 {
    font-weight: 700;
    margin-bottom: 1px;
}

.ff-section p {
    margin-bottom: 1px;
}

.ff-section p:last-child {
    margin-bottom: 0;
}

/* 05-20-19 CRS - change container bg to black within "section" element in FF.CSS */
.ff-section .container {
    background-color: black;
}


/* 04-08-19 CRS - override media with rounded and bg color */
.media {
    background-color: #fafafa;
    border-radius: 10px;
    padding: 4px;
    /*    padding: 10px; 05-31-19 CRS - remmed */

    /* 06-08-19 CRS - shadow save to show Alex later! - 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        */
    border: none;
    /*  03-25-2025 CRS - added border none */
    }

.media-body {
    background-color: #fafafa;
    border-radius: 10px;
    padding: 2px;
    border: none;
    /*  03-25-2025 CRS - added border none */
}

/*05-20-19 CRS - only round images in media*/
.media img {
    border-radius: 10px !important;
}


/* nav links */
.nav-link {
    font-weight:bold;
    vertical-align:central;
}

.nav-item a:hover {
    font-weight: bolder;
    vertical-align:central;
    cursor: pointer;
}

/* 04-14-19 CRS - override headings to test */
/* ---------- HEADINGS  -----------*/

h1 {
    font-weight:900;
}

h2 {
    font-weight: 800;
}

h3 {
    font-weight: 700;
}

h4 {
    font-weight: 600;
}

h5 {
    font-weight: 600;
}

h6 {
    font-weight: 600;
}

p {
    font-weight: 600;
}


/* 04-26-19 CRS - SEARCH BOX UNDERLINE (not working well!)*/
search-text {
    background: transparent !important;
    border: none;
    border-bottom: 3px solid #000000 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

/* 05-04-19 CRS (added black bg color 05-09-19)*/
footer.page-footer {
  bottom: 0;
  color: #ffffff; 
  background-color:black !important;
}
footer.page-footer .container-fluid {
width: auto; 
}

footer.page-footer .footer-copyright {
overflow: hidden;
background-color: #CCCCCC;
color: rgba(0, 0, 0, 1) !important; 
}

footer.page-footer a {
    color: #ffffff; 
}

/* 06-01-19 CRS - i did this so images would not go past border (like header) */
/* 05-05-19 CRS - images display*/
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

img.head {
    border-radius: 0px !important;
    display: inline-block;
    max-width: 100%;
    height: auto;
    min-width: 100%;
}

/* 05-09-19 CRS */
.navbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    transition: all 0.5s;
    white-space: nowrap;
    background-color: black !important;
}
.navbar-collapse {
    overflow: hidden !important;
    white-space: nowrap;
}

/* Prevent word-wrap  */
.navbar .nav li {
    white-space: nowrap;
}

/* navbar icon when collpased*/
.fa.fa-navicon {
    color: white;
}

/* 05-30-19 CRS - remove card overrides to test */
/* 05-27-19 CRS - remove white-space: nowrap from navbar (card is messed up!)*/
/*
.card {
    border: 0px solid red;
    background-color: #fafafa;
    border-radius: 10px !important;
}

.card-img-top {
    border: 0px solid green;
}

.card-body {
    border: 0px solid blue;
    white-space:normal !important;
}

*/

/* 05-18-19 CRS - override text */

.ff-small {
    font-size:small;
}

.ff-smaller {
    font-size:x-small;
}

.ff-smallest {
    font-size: xx-small;
}

.jumbotron.test {
    padding: 5px 5px !important;
    /* original
    padding: 4rem 2rem;
    */
}

.ff-card-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 05-20-19 CRS - default container bg to white*/
.container {
    background-color:white;
}

/* 06-04-19 CRS - the margin-bottom = 0 is causing paragraphs to not have space! */

/* 05-20-19 CRS body background */
.ff-background {
    background-color:rgb(188, 188, 188);
}

/* 05-25-19 CRS form-inline width */
.form-inline {
    width: auto;
}

/* 05-28-19 CRS changed table border color to match bg */
/* 05-26-19 CRS - table borders */
table, th, td {
    border: 1px solid #2b2626 !important;
}

/* 05-28-19 CRS better table rounded */
table {
    border-collapse: separate;
}

td {
    border: solid 1px #000;
}

tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* 05-28-19 CRS - code for .card-columns stacking*/
@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 3;
    }
}

/* 05-28-19 CRS - click buttons for calendar */
.btnCal {
    border: 0px solid white;
    color: #f7eded;
    padding: 3px 5px;
    font-size: 1rem;
    font-family: inherit;
    font-variant: small-caps;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.5s;
}

/* 05-28-19 CRS - added to make a href look like button*/
.btnCal:hover {
    color: white;
    text-decoration: none;
}

a.btnCal {
    color: white;
}

    a.btnCal:link {
        color: white;
    }

    a.btnCal:visited {
        color: white;
    }

    a.btnCal:hover {
        color: white;
    }

    a.btnCal:active {
        color: white;
    }

/* 05-30-19 CRS - ff-container*/
.ff-block, .ff-line {
    margin-bottom: 10px; /* just for aesthetics */
}

.ff-block {
    display: flex;
}

.ff-line {
    display: inline-flex;
    vertical-align:middle;
}

.ff-item {
    flex: 1;
}

.ff-search-btn {
    display: inline;
/*
    height:30px; 
    margin: 0px;        
    width: 30px;
*/
    min-height: 30px;
    max-height: 30px;
    min-width: 30px;
    max-width: 30px;
    background-color: black;
    padding: 0px;
    border: 0px;
    border-color: black;
}

.ff-search-div {
        overflow: hidden;
        padding-right: .5em;
}

.ff-search-box {
    width: 100%;
}

/* 06-01-19 CRS - media for news and reviews small box*/
.ff-media {
    padding: 0px !important;
}

.ff-media-body {
    padding: 0px !important;
}


/* 06-03-19 CRS - moved ANIMATION DOWN HERE!*/
/* 04-09-19 CRS - animate the chicken? */
div.animate-chicken {
    width: 100px;
    height: 100px;
    /*    background: red; */
    position: relative;
    -webkit-animation: ChickenMove 40s infinite; /* Safari 4.0 - 8.0 */
    animation: ChickenMove 40s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes ChickenMove {
    from {
        left: 100px;
    }

    to {
        left: 1200px;
    }
}

@keyframes ChickenMove {
    from {
        left: 100px;
    }

    to {
        left: 1200px;
    }
}

/* AMINATE PETER MARINO!*/
/* 04-09-19 CRS - animate the chicken? */
div.animate-pete {
    width: 100px;
    height: 100px;
    /*    background: blue; */
    position: relative;
    -webkit-animation: PeteMove 40s infinite; /* Safari 4.0 - 8.0 */
    animation: PeteMove 40s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes PeteMove {
    from {
        left: 0px;
    }

    to {
        left: 1100px;
    }
}

@keyframes PeteMove {
    from {
        left: 0px;
    }

    to {
        left: 1100px;
    }
}

/* AMINATE CHICKEN top to bottom*/
div.animate-chicken-y {
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-animation: ChickenMoveY 40s infinite; /* Safari 4.0 - 8.0 */
    animation: ChickenMoveY 40s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes ChickenMoveY {
    from {
        top: 0px;
    }

    to {
        top: 1000px;
    }
}

@keyframes ChickenMoveY {
    from {
        top: 0px;
    }

    to {
        top: 1000px;
    }
}

.btnWhatsOn {
    color: #f7eded;
    padding: 3px 15px;
    font-family: inherit;
    font-variant: small-caps !important;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.5s;
}

.navbar-brand {
    align-self: flex-start;
}

/* 03-25-2025 CRS - EDITED - 06-06-19 CRS - for new performer dropdown */

.dropdown-item:hover
{
    color: #73b6e0 !important;
    background-color: black;
}

.dropdown-toggle.active {
    color: #73b6e0 !important;
    background-color: darkslategrey;
}

.dropdown-toggle:active, .open .dropdown-toggle, .dropdown-toggle:focus {
    color: #73b6e0 !important;
    background-color: darkslategrey;
}




/* end css*/