/*  Import Font and make main font */


body,
h1 {
    font-family: "Zen Kurenaido", sans-serif !important;
}

main a {
    text-decoration: underline;
}

main a:hover {
    background-color: #f9cc00;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0.5em;
    border-radius: 1em;
}
footer a:hover {
    font-size: 1.7rem;
    font-weight: 600;
    padding: 0.5em;
    border-radius: 1em;
}
#cookieWarneur span button {
    background-color: transparent;
    border: 0;
}
.close.icon {
    cursor: pointer !important;
}
.close.icon:hover {
    color: red;
    font-size: 1.4rem;
}
/*  Scrollbar colors */
::-webkit-scrollbar {
    width: 1rem;
}
::-webkit-scrollbar-track {
    background-color: #f9cc00;
}
::-webkit-scrollbar-thumb {
    background-color: #3b2903;
    border-radius: 20px;
    border: 0.1em solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #3b2903;
}

#partialFacebook::-webkit-scrollbar,
.description.tracked::-webkit-scrollbar {
    width: 0.6em;
}
#partialFacebook::-webkit-scrollbar-track,
.description.tracked::-webkit-scrollbar-track {
    background-color: #f9cb001f;
}
#partialFacebook::-webkit-scrollbar-thumb,
.description.tracked::-webkit-scrollbar-thumb {
    background-color: #222567b4;
    border-radius: 20px;
    border: 0.1em solid transparent;
    background-clip: content-box;
}
#partialFacebook::-webkit-scrollbar-thumb:hover,
.description.tracked::-webkit-scrollbar-thumb:hover {
    background-color: #222567b4;
}
.ui.top.right.attached.tag.label.pays {
    background-color: #f9cc00 !important; /* Yellow */
    color: black !important;
}
/*  Background Colors for the Website */
.primaryBackgroundC {
    background-color: #f9cc00 !important; /* Yellow */
    color: black !important;
    font-size: 1.15rem;
}
.secondaryBackgroundC {
    background: linear-gradient(
        87.4deg,
        #3b2903 39.9%,
        #543c09 70.7%,
        #79550b 100.5%
    ) !important; /* Brown */
}
.underline {
    text-decoration: underline !important;
}
/*  Minimum height for page + Padding to get it passed the Menu */
@media screen and (min-width: 900px) {
    .navigateHeightPadding {
        min-height: 64.9vh;
        padding-top: 11.75rem;
        padding-bottom: 3rem;
    }
}
@media screen and (max-width: 900px) {
    .navigateHeightPadding {
        padding-top: 4.75rem;
        padding-bottom: 2rem;
    }
}

/* Partial Navigator */

#navigator .secondary.menu a.item {
    font-size: 1.1rem;
}
#mobileNavigator a.linkIcon {
    color: #252753;
}
.strong,
.mainPage h1,
.mainPage h2,
.mainPage h3,
#partialFacebook h1 {
    font-weight: 700;
}
.strong,
#partialFacebook h1 {
    color: #222567;
}
#hiddenNavigator .ui.secondary.pointing.stackable.menu {
    width: fit-content;
}

p.sectionTitle {
    margin: 0.5em;
}

/* Partial Footer Footer */
footer td,
footer th {
    text-align: center;
}
/* Page Home */

/* Page Location  */

#pageLocation p {
    text-align: center;
}
#pageLocation img {
    border: 2px solid rgb(253, 200, 200);
}

/* Page Contact  */
#contactIntro {
    background-color: #f9cc00;
    border-radius: 1rem 0 0 1rem;
}
#contactContent {
    background-color: white;
    border-radius: 0 1rem 1rem 0;
}

.mainPage #contactIntro h2 {
    color: black !important;
}

#contactContent label {
    font-size: 1.15rem;
    font-weight: 600;
}

#contactContent label.contactInline {
    font-size: 1.1rem;
}
@media screen and (max-width: 900px) {
    #contactContent div.field {
        margin-bottom: 1.25rem;
    }
    #contactGrid {
        margin-bottom: 1.25rem;
    }
    #contactIntro {
        border-radius: 1rem 1rem 0 0;
    }
    #contactContent {
        border-radius: 0 0 1rem 1rem;
    }
}

/* Page Map  */
#mapText {
    background-color: #f9cc00;
}
@media screen and (max-width: 900px) {
    #mapText {
        margin-bottom: 1.5rem;
    }
}

/* Carousel Partial */
.imageCarousel img {
    width: 100%;
    margin: auto;
    border-radius: 1.25em;
}
/* Facebook Partial */
@media screen and (min-width: 900px) {
    #partialFacebook {
        position: sticky;
        top: 5rem;
        max-height: 76vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.posts {
    margin-top: 1.5em;
}
.ui.shape.events,
.ui.shape.posts {
    width: 100%;
}
.ui.shape.events .sides .ui.card.centered .image a img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
}

.ui.shape.events .sides .ui.card.centered .content .description,
.ui.shape.posts .sides .ui.card.centered .content .description {
    max-height: 11vh;
    overflow-y: auto;
}

/* Event Page Partial */
.ui.piled.segment.eventPage
    .ui.icon.message
    .content
    .ui.items
    .item
    .image
    a
    img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.ui.piled.segment.eventPage
    .ui.icon.message
    .content
    .ui.items
    .item
    .content
    .description {
    max-height: 11vh;
    overflow-y: auto;
}

/* Contact Page Partial */
#mapMap .mapouter .gmap_canvas iframe {
    width: 100%;
}

#pressionsHomeCards .ui.card.beerCard .content .ui.top.attached.label {
    margin-top: 0;
}

#pressionsHomeCards .ui.card.beerCard .content .ui.top.left.attached.label {
    margin-left: 0;
}

#partialFacebook:empty {
    display: none;
}