@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&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;
    }
    
    #tsrv-main-menu-1 {
        display: flex;
        flex: 0 0 auto; 
    }
    
    #navbarSupportedContent a{
        color: #ffffff !important;
    }
    
    #tsrv-above-main-content-1 img{
        display:none !important;
    }
    
    #tsrv-above-main-content-2 img{
        display:none !important;
    }

	#tsrv-div-above-main-content {
    	display: none !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");
}

#main-navbar a{
    color: #FFF !important;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
    padding-right: 25px;
    padding-left: 25px;
    display: block;
    padding: 26px 26px;
}

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

#tsrv-div-above-main-content {
    background-image: url('https://thoresby-horse.ticketsrv.co.uk/frontendv2/sites/osberton-horse/img/background.jpg') !important;
    background-position: unset;
    background-size: contain;
    display: block;
    margin-bottom: -1px !important;        
}
    
#tsrv-div-main-banner{
    background-color: #222222;
}

#main-navbar a:hover{
    background-color: #fff;
    color: #222222 !important;
}

#tsrv-main-banner{
    max-width:100%;
    width:100%;
}

#tsrv-main-banner-1 img{
    padding-top:15px !important;
    padding-bottom: 10px;
    max-width:130px;
    max-height: 130px;
}

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

#tsrv-above-main-content-1 img{
    background-position: bottom;
    background-repeat: no-repeat;
    line-height: 0;
    font-size: 0;
    color: transparent;
    min-width: 300px;
    min-height: 388px;
    max-width: 300px;
    max-height: 388px;
    display: inline-block;
    border: 15px solid #fff;
    width: 33%;
    transition: border-width 0.4s 
    linear;
    filter: grayscale(97%);
    margin-top:40px;
    margin-bottom:40px;
    transform-origin: 50% 10%; 
}

#tsrv-above-main-content-2 img{
    background-position: bottom;
    background-repeat: no-repeat;
    line-height: 0;
    font-size: 0;
    color: transparent;
    min-width: 300px;
    min-height: 388px;
    max-width: 300px;
    max-height: 388px;
    display: inline-block;
    border: 15px solid #fff;
    width: 33%;
    transition: border-width 0.4s 
    linear;
    filter: grayscale(97%);
    margin-top:40px;
    margin-bottom:40px;
}

#tsrv-above-main-content-1 img:hover{
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
    border-width: 3px !important;
}

#tsrv-above-main-content-2 img:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    border-width: 3px;
}

.navbar-nav.ms-auto.nav-right-content{
    justify-content: center;
}

#tsrv-minicart{
    background-color: #fff !important;
    color:#222222 !important;
    border-color: #222222;
    margin-right:6px;
}

.navbar-nav.ms-auto.nav-right-content{
    margin-top:-11px;
}

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

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


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

#tsrv-div-main-footer{
    background-color: #222222 !important;
}

#tsrv-main-footer{
    background-color: #222222 !important;
}

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

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

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

.navbar-toggler{
    border-color: #c53132 !important;
    background-color: #c53132;
}