@charset "UTF-8";

/* Background color for navbar and dropdown menus */

.navbar-custom, .navbar-custom .dropdown-menu {

    background-color: #FFD400;

}

/* Text color for navbar and dropdown menus */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,

.navbar-custom .navbar-nav .nav-link,

.navbar-custom .dropdown-item {

    color: #fff;

}

/* Background and text colors for current page link and links on hover and focus */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link,

.navbar-custom .nav-item:focus .nav-link,

.navbar-custom .dropdown-item:hover, 

.navbar-custom .dropdown-item:focus {

    background-color: #FFD400;

    color: #7F7A67;

}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {

    

    color: #fff;

}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    text-shadow: 0px 0px;
}


.h-1 {
    font-family: fatfrank,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
}
.navbar-brand.h-1 {
    color: #000000;
    /* [disabled]font-weight: normal; */
    font-size: 50px;
}
.img-fluid {
    margin-top: 50px;
    margin-left: 30px;
    margin-right: 15px;
}
.dim {
    opacity: 0.1;
    max-height: 22rem;
}
.tony {
    margin-top: 50px;
    margin-left: 15px;
    margin-right: 17px;
}
.footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #E0D8BA;
    margin-top: 27px;
    margin-bottom: 2px;
}
.row-top {
    margin-top: 40px;
}
.container-fluid-top {
    margin-top: 110px;
    margin-bottom: 87px;
}
.img-fluid.float-right {
}
.topsy {
    margin-top: -1px;
}
.colour {
    background-color: #FFD400;
    -webkit-box-shadow: 0px 0px #FFD400;
    box-shadow: 0px 0px #FFD400;
    color: #FFFFFF;
}
.textfield {
    width: 95%;
}
.height-top {
    background-color: #FFD400;
    height: 95px;
}
.iframe-lge {
    padding-top: 0px;
    height: 23rem;
    width: auto;
}
.embed-responsive-16by9.iframe-lge {
    width: 107%;
    margin-left: auto;
    margin-right: auto;
}
.formStyle {
    width: 100%;
}
.col-4-left {
    text-align: center;
}
.col-4 {
    margin-left: 10px;
}

@media (max-width: 1199px){
}

@media screen{
}