/*Fonts*/
.asap-500 {
    font-family: "Asap", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: bold;
    font-variation-settings:
        "wdth" 100;
    font-style: italic;
}

.asap-600 {
    font-family: "Asap", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: bold;
    font-variation-settings:
        "wdth" 100;
    font-style: italic;
}

.cormorant-infant-bold-italic {
    font-family: "Cormorant Infant", serif;
    font-weight: 700;
    font-style: italic;
}

.josefin-sans {
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 27px;
}

.poppins-regular {
    font-family: "Poppins", system-ui;
    font-weight: 400;
    font-style: normal;
}

a:hover {
    text-decoration: none;
}


.bkground-blue {
    background-image: url(../img/Bkground-1.jpg);
    background-repeat: repeat;
}

.bkground-black{
    background-color: rgb(0, 0, 0);
}

.bkground-cube {
    background-image: url(../img/cubes.png);
    background-repeat: repeat;
}

.bg-darts{
    background-image: url(../img/darts1.png);
    background-position: center;
    background-size: cover;
    min-height: 300px;
}
.bg-flowers {
    background-image: url(../img/flowers.jpeg);
    background-position: center;
    background-size: cover;
}

.bg-exterior{
    background-image: url(../img/home.4.png);
    background-position: center;
    background-size: cover;
    min-height: 300px;
}

.bg-snooker{
    background-image: url(../img/snooker1.png);
    background-position: center;
    background-size: cover;
    min-height: 300px;
}

.border-top {
    border-top: 1px solid black;
}

.border-bottom-gold {
    background-color: whitesmoke;
    height: 1px;
    width: 100%;
}

.card {
    border: 1px solid rgb(222, 184, 135) !important;
    background-image: url(../img/Bkground-white3.jpg) !important;
    background-repeat: repeat;

    
}

.card-img-top{
    height: 450px;
}

.card-body {
    text-align: left;
    }

.card-footer {
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
    border-top: none;
}

.card-footer:last-child {
    border-radius: 0 0 calc(2px) calc(0px);
}

.card-title {
    color: rgb(222, 184, 135);
    font-weight: bold;
}

.card-icon {
    padding: 10px;
}

.card-icon img {
    max-width: 40%;
}

a.curved-a {
    text-decoration: none;
    color: white;
}

.billboard {
    max-width: 100%;
    align-self: center;
}


.crown {
    background-image: url("../img/crown_img.png");
    background-repeat: no-repeat;

}

.curved-button {
    width: 180px;
    height: 50px;
    background-color: rgb(160, 136, 76);
    margin: 5% 20px;
    border-radius: 40px 0 40px 0;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.curved-button:hover {
    width: 180px;
    height: 50px;
    background-color: rgb(31, 42, 60);
    border: 1px solid white;
    margin: 5% 20px;
    border-radius: 0px 40px 0px 40px;
    color: rgb(160, 136, 76);
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.curved-button-large {
    width: 260px;
    height: 50px;
    background-color: rgb(160, 136, 76);
    margin: 5% 20px;
    border-radius: 40px 0 40px 0;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.curved-button-large:hover {
    width: 260px;
    height: 50px;
    background-color: rgb(31, 42, 60);
    border: 1px solid white;
    margin: 5% 20px;
    border-radius: 0px 40px 0px 40px;
    color: rgb(160, 136, 76);
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.dates-title{
    color:white;
    align-self: center;
	margin: auto;
	font-size: 3em;
	font-weight: bold;
    margin: 10% auto;
}

.footer p {
    font-size: 15px;
}

.hosu-logo{
    max-width: 50%;
}

.hoc-page {
    margin: auto;
    max-width: 20%;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: none;
    border: none;
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: rgb(255, 255, 255, 0);
}

.text-60px {
    font-size: 60px;
}

.text-40px{
    font-size: 40px;
}

.map {
    max-width: 100%;
    position: relative;
    display: block;

}

.map_layer {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.navbar-dark {
    background-image: url(../img/Bkground-1.jpg);
    background-repeat: repeat;
}

.outter-container-billboard {
    display: flex;
    padding: 20px;
}

.outter-container {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
}

p {
    font-family: "Poppins", system-ui;
    font-weight: 400;
    font-style: normal;
}

.poster img {
    max-width: 25%;
    padding: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 551px;
    right: 0;
    margin-top: 26px;
    margin-bottom: 26px;
}

.poster-hoc img {
    max-width: 28%;
    padding: 7px;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 21px;
    bottom: -71px;
    left: 551px;
    right: 0;
    margin-top: 26px;
    margin-bottom: 0;

}

.larger_poster {
    max-width: 50%;
    padding: 7px;

}

.regular_event_poster {
    max-width: 50%;
    padding: 7px;

}

.poster-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
}

.inside-wrapper {
    width: 80%;
    margin: auto;
}

.regular_event_layer {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;

}

.styled-calendar-container{
    width: 100%; 
    border: none;
      
}

.svg-links {
    stroke-width: 0;
    fill: rgb(6, 57, 106);
}

svg.svg-links:hover {
    fill: rgb(222, 184, 135);

}

.svg-links2 {
    stroke-width: 0;
    fill: rgb(222, 184, 135);
}

svg.svg-links2:hover {
    fill: rgb(255, 255, 244);

}

.text-container {
    width: 80%;
    margin: auto;
}

a.teewebs{
    color: white;
    font-weight: bold;
}

a.teewebs:hover{
    color: orange;
}


.text-blue {
    color: rgb(6, 57, 106);
}

.text-gold {
    color: rgb(222, 184, 135);
}

.transparent-1 {
    width: 500px;
    background-color: rgba(222, 184, 135, 0.9);
    position: absolute;
    z-index: 1;
}

.transparent-2 {
    width: 500px;
    background-color: rgba(6, 57, 106, 0.9);
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 475px;
}

.top-logo {
    width: 10%;
    margin-top: -53px;
}

.tnmc-logo{
    max-width: 100%;
}


.top-hosu-logo{
    max-width: 15%;
}

.underline {
    width: 80%;
    height: 2px;
    background-color: rgb(222, 184, 135);
    margin-bottom: 3px;
}

/*Calendar */

.fc-subscribe-button {
    visibility: collapse !important;
    background-color: white;

}

/*Mobile Friendly*/


@media only screen and (max-width: 1200px) {
    .transparent-2 {
        top: 0;
        bottom: 0;
        left: 115px;
        right: 0;
    }

    .poster-hoc img {
        max-width: 50%;
        padding: 0;
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0;
        margin: auto;

    }

    .outter-container {
        padding: 10px;
    }

    .regular_event {
        width: auto;

    }

    .poster img {
        max-width: 40%;
        padding: 0;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

    }
}

@media only screen and (max-width: 992px) {
    .transparent-2 {
        top: 0;
        bottom: 0;
        left: 11px;
        right: 0;
    }

    .poster-hoc {
        visibility: hidden;
    }

    .poster {
        visibility: hidden;
    }

    .text-container {
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .transparent-1 {
        width: 100%;
    }

    .transparent-2 {
        width: 100%;
    }

    #col-rev {
        flex-direction: column-reverse !important;
    }
    .top-hosu-logo{
        max-width: 40%;
    }
}


@media only screen and (max-width:600px) {
    .larger_poster {
        max-width: 80%;
    }
    .hoc-page{
        max-width: 100%;
    }
    .top-logo{
        width: 40%;
    }
    .card-img-top{
        height: auto;
    }
    .text-60px {
        font-size: 50px;
    }
    .hosu-logo{
        max-width: 100%;
    }
    .quiz-home{
        max-width: 100%;
    }
    .bingo-home{
        max-width: 100%;
    }

}


@media only screen and (max-width:991px) {
    .outter-container {
        display: flex;
        position: relative;
        padding: 20px;
    }

    .text-container {
        width: 100%;
        padding: 1px 5px;
    }

}

a.santa-link{
    font-weight: bold;
    color: rgb(222, 184, 135)!important;
}

a.santa-link:hover{
    font-weight: bold;
    color: white !important;;
}

a.blue-link{
    font-weight: bold;
    color: #0047AB !important;
}

a.blue-link:hover{
    font-weight: bold;
    color: white !important;;
}