@font-face {
    font-family: "avenir";
    src: url("/frontendv2/sites/festivalofbritisheventing/fonts/avenir.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@media only screen and (max-width : 1200px) {
    #tsrv-menus .tsrv-inner{
        padding-top: 15px !important;
        padding-bottom:15px;
    }

    .navbar-toggler{
        margin-top:20px;
        margin-bottom:20px;
    }
    
    #main-navbar a, #main-navbar2 a{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    
    #tsrv-widgets .navbar-nav .nav-item > a.btn{
        margin-bottom: 11px !important;
    }
}  

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#tsrv-div-main-menu{
    background-color: #27224f !important;
}

#main-navbar a, #main-navbar2 a{
    color: #ffffff;
    font-size: 14px !important;
    font-family: 'avenir';
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: capitalize;
    margin-right: 0px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 6px;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

#main-navbar a::after, #main-navbar2 a::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 8px;
    width: calc(100% - 30px);
    height: 1.5px;
    background-color: #ffffff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
}

#main-navbar a:hover::after, #main-navbar2 a:hover::after {
    transform: scaleX(1);
}

#tsrv-main-menu-1 img{
    width: 200px;
    max-width:100%;
    padding-top:10px;
    padding-bottom:10px;
}

#tsrv-main-menu-1 p{
    margin-bottom: 0rem;
}

#tsrv-main-menu-2, #tsrv-main-menu-3, #tsrv-main-menu-4{
    display:none;
}

#tsrv-above-main-content, #tsrv-above-main-content-1 img, #tsrv-above-main-content-1{
    width:100%;
    max-width: 100%;
}

#tsrv-above-main-content-1 p{
    margin-bottom: 0rem;
}

#tsrv-above-main-content-2, #tsrv-above-main-content-3, #tsrv-above-main-content-4{
    display:none;
}

#tsrv-minicart{
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
    margin-right:15px;
    font-size: 14px;
}

#tsrv-widgets .navbar-nav .nav-item > a.btn {
    margin-bottom: 4px;
    border-color: #000;
}

.btn{
    color: #fff;
    background-color: #27224f !important;
}

.tsrv-btn{
    color: #fff;
    background-color: #27224f !important;
}

.btn:hover{
    color: #fff !important;
}

.btn.go-back:hover{
    color: #fff !important;
}

#tsrv-ticketlist-back:hover{
    color: #000 !important;  
}

a.continue{
    color: #fff !important;
}

a.continue:hover{
    color: #fff !important;
}

.go-back{
    border-color: #000 !important;
}

a.btn.go-back:hover {
    color: #000 !important;
}

#tsrv-div-main-footer{
    background-color: #27224f;
}

#tsrv-main-footer{
    background-color: #27224f;
}

#tsrv-main-footer a{
    color: #fff;
    font-family: Arial;
    font-size:14px;
}

#tsrv-main-footer a:hover{
    border-bottom: 1px solid #fff !important;
}

#tsrv-main-footer-1 h3{
    display:none;
}

.navbar-toggler{
    border-color: #fff !important;
    background-color: #27224f;
}

.tsrv-seat-btn {
    width: 90%;
}

a.tsrv-seat-btn {
    text-decoration: none;
}

.tsrv-seat-btn {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    margin: 30px 0 0;
    padding: 0 25px;
    border: 1px solid #b4b4b4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: normal 20px/60px "Questrial", Helvetica, sans-serif;
    color: rgb(255, 255, 255);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(-90deg, rgb(180,57,55) 0, rgb(180,57,55) 100%), rgb(180,57,55);
    background: -moz-linear-gradient(180deg, rgb(180,57,55) 0, rgb(180,57,55) 100%), rgb(180,57,55);
    background: linear-gradient(180deg, rgb(180,57,55) 0, rgb(180,57,55) 100%), rgb(180,57,55);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.3) ;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.3) ;
    text-shadow: 0 1px 2px rgb(180,57,55) ;
}

.tsrv-seat-btn:hover {
    background: rgb(180,57,55);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11) ;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11) ;
    -webkit-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
    color: #fff;
}

.tsrv-seat-btn:active {
    border: 1px solid rgba(180,57,55,0.2);
    background: rgba(180,57,55,1);
    -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1) inset;
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.1) inset;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

@media only screen and (max-width : 768px) {
    a.tsrv-seat-btn {
        font-size: 14px;
    }
}

#tsrv-pp-25, #tsrv-pp-50, #tsrv-pp-75 {
	display: none !important;
}