.icon-fleurdelis {
    background: url('/img/logo_scouts_fleurdelis.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.icon-fleurdelis:hover {  /* not a perfect solution as icon isn't :hover when text selected */
    filter: invert(20%) sepia(90%) saturate(4408%) hue-rotate(353deg) brightness(97%) contrast(77%);
}




/**************************************
 *    All things HEADER related       *
 **************************************/

.header_logo {
    width: 120px;
}

#header-navbar .nav-item {
    align-self: start;  /* When collapsed moves items to left - see relevant @media query for non collapsed settings */
}

header .navbar-toggler,
header .navbar-toggler-icon {
    color: white;
}

.navbar .nav-link:hover,
.navbar .fa-bars {
  color: #dd3333;
}

#headerNav2  .nav-link,
#headerNav2  .fa-bars {
    color: white;
}

#headerNav2  .nav-link:hover {
    opacity: 75%;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 50%;
    z-index: 99;
}

/**************************************
 * All things CONTENT related - START *
 **************************************/
#home-blurb { 
    padding-top: 25px;
    font-size: 1.5rem;
}

.ticket-button {
    width: 40vw;
    float: right;
    shape-outside: url(/img/img-ticket-rotated.png);
}

#join-what-img-top {
    width: 50vw;
    height: 50vw;
    float: right;
    shape-outside: circle(50%);
    object-fit: cover;
}

#join-what-img-bottom {
    width: 40vw;
    height: 40vw;
    float: left;
    shape-outside: circle(50%);
    object-fit: cover;
    padding-right: 5px;
}

#join-rehearsals {
    position: relative;
    background-color: rgba(0,0,0,0)!important;  /* Required to allow rounded corners to show */
}

#join-rehearsals .rehearsal-background {
    background: none; 
    background-image: url('/img/card_join_2023_0771-resized-dark.jpg');  
    position: absolute; 
    border-radius: 10px; 
    top:0;
    bottom:0;
    left:0;
    right:0; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover;
}

#join-rehearsals .rehearsal-content {
    position: relative; 
    padding: 16px;
}

#gang-img-hoodie {
    height: 40vw;
    float: right;
    shape-outside: url("/img/show_2025/img_polo_pink_front.jpg");
    object-fit: cover;
    /*padding-left: 5px;*/
}

.qr-2024-ticket {
    width: 40vw;
}


.what3words-address {
    white-space: nowrap;
}


.what3words-address span,
.what3words-address i {
    color: #E11F26;
}

table {
    --bs-table-striped-color: #85d1ee;
}

/**************************************
 *  All things CONTENT related - END  *
 **************************************/


/**************************************
 *    All things FOOTER related       *
 **************************************/

footer {
    color: white;
}

#footer-header {
    background-image: url('/img/background_footer.png');
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    min-height: 100px;
}

footer #footer-content {
    background-color: black;
    margin: 0px;
}

footer div .row {
    margin-left: 0px;
    margin-right: 0px;
}

footer .charityinfo h1 {
    font-size: 1.15rem;
    margin-bottom: 0;
}

footer .charityinfo p {
    font-size: 0.6rem;
    margin-bottom: 0;
}

footer .charityinfo h2 {
    font-size: 0.8rem;
}

footer .charityinfo h3 {
    font-size: 0.6rem;
}

footer a {
    color: white;
    text-decoration: none;
}

.footer-org-icon img {
    height: 80px;
    vertical-align: middle;
}



/********  MEDIA SIZE VARIATIONS ********/
/* Small ≥576px */
@media (min-width: 576px) {
    
    #ticket-content { 
        font-size: 1.1rem;
    }

    .ticket-button {
        width: 32.5vw;
    }
    
    #join-content { 
        font-size: 1.05rem;
    }

    #join-what-img-top {
        width: 35vw;
        height: 35vw;
    }

    #join-what-img-bottom {
        width: 27.5vw;
        height: 27.5vw;
    }

    #gang-img-hoodie {
        height: 35vw;
    }
    
    #volunteer-content { 
        font-size: 1.05rem;
    }
    
}

/* Medium ≥768px */
@media (min-width: 768px) {

    .footer-org-icon img {
        height: 100px;
    }
    
    #ticket-content { 
        font-size: 1.2rem;
    }

    .ticket-button {
        width: 30vw;
    }
    
    #join-content { 
        font-size: 1.1rem;
    }

    #join-what-img-top {
        width: 40vw;
        height: 40vw;
    }

    #join-what-img-bottom {
        width: 30vw;
        height: 30vw;
    }

    #gang-img-hoodie {
        height: 25vw;
    }
    
    #volunteer-content { 
        font-size: 1.1rem;
    }

    .qr-2024-ticket {
        width: 35vw;
    }
    
}

/* Large ≥992px */
@media (min-width: 992px) {

    /* Expanded menu setting - aligns items to the 'center' ('bottom' requires a fixed height setting of the parent ul so switched to center which works) to avoid the other menu items moving up and down when hovering over another menu item */
    #header-navbar .nav-item {
        align-self: center;
    }

    header .nav-link {
        font-size: 1.1rem;
    }
    
    #home-blurb { 
        font-size: 1.75rem;
    }
    
    #ticket-content { 
        font-size: 1.3rem;
    }

    .ticket-button {
        width: 27.5vw;
    }
    
    #join-content { 
        font-size: 1.15rem;
    }

    #gang-img-hoodie {
        height: 25vw;
    }

    #join-what-img-top {
        width: 35vw;
        height: 35vw;
    }
    
    #volunteer-content { 
        font-size: 1.15rem;
    }
    
    footer .charityinfo h1 {
       font-size: 1.35rem;
       margin-bottom: 0;
    }

    footer .charityinfo p {
       font-size: 0.8rem;
       margin-bottom: 0;
    }

    footer .charityinfo h2 {
      font-size: 1.0rem;
    }

    footer .charityinfo h3 {
      font-size: 0.8rem;
    }

    .qr-2024-ticket {
        width: 27.5vw;
    }
    
}

/* Extra Large ≥1200px */
@media (min-width: 1200px) {

    header .nav-link {
        font-size: 1.15rem;
    }
    
    #home-blurb { 
        font-size: 2rem;
    }
    
    #ticket-content { 
        font-size: 1.4rem;
    }

    .ticket-button {
        width: 25vw;
    }
    
    #join-content { 
        font-size: 1.2rem;
    }

    #join-what-img-top {
        width: 35vw;
        height: 35vw;
    }

    #gang-img-hoodie {
        height: 20vw;
        shape-outside: url("/img/show_2024/img_hoodies_burgandy_both.png");
    }
    
    #volunteer-content { 
        font-size: 1.2rem;
    }

    .qr-2024-ticket {
        width: 25vw;
    }

}

/* Extra Extra Large ≥1400px */
@media (min-width: 1400px) {

    header .nav-link {
        font-size: 1.2rem;
    }
    
    #home-blurb { 
        font-size: 2.25rem;
    }
    
    #ticket-content { 
        font-size: 1.5rem;
    }

    .ticket-button {
        width: 20vw;
    }
    
    #join-content { 
        font-size: 1.25rem;
    }

    #join-what-img-top {
        width: 35vw;
        height: 35vw;
    }
    
    #volunteer-content { 
        font-size: 1.25rem;
    }

    .qr-2024-ticket {
        width: 17.5vw;
    }
    
}