/*--------------------------------------------------------------
# Media queries declarations
--------------------------------------------------------------*/
@media screen and (min-width: 20em) {}
@media screen and (min-width: 35.5em) {}
@media screen and (min-width: 48em) {}
@media screen and (min-width: 64em) {}
@media screen and (min-width: 80em) {}

/*--------------------------------------------------------------
# Basic grid styles
--------------------------------------------------------------*/
html, body, #page {
    min-height: 100vh;
}
body {
    background-color: #EFEFEF;
}
header {
    background-color: #262626;
}
h1,h2,h3,h4,h5,h6{
    letter-spacing: -1px;
}
.wrapper{
    max-width: 1280px;
    margin:auto;
}
#content{
    margin-top: 0px;
    min-height: 500px;
    margin-bottom: 45px;
}
@media screen and (min-width: 35.5em) {
    #content {
        margin-bottom: 65px;
    }
}
@media screen and (min-width: 64em) {
    #content {
        margin-bottom: 0px;
    }
}
aside
{
   margin-top:10px;
}
.results {

}
aside
{
    padding:0px 5px;
}

aside{
    display: none!important;
}
.lazy-load-youtube-div {
    width: 100% !important;
}
.home .lazy-load-youtube-div,
.single-horse .horse-news .lazy-load-youtube-div {
    max-width: calc(100% - 40px) !important;
}
.container-lazyload iframe {
    width: 610px;
    height: 360px;
    margin-bottom: 20px;
}
.container-lazyload {
    width: 100%;
    overflow: none;
    margin-bottom: 20px;
}
.lazy-load-youtube-info .titletext {
    background-color: rgba(0,0,0,0.4);
}
@media screen and (min-width: 48em) {
    .site-content
    {
        padding:0px 5px;
    }
    .lazy-load-youtube-div {
        width: 610px !important;
    }
    .home .lazy-load-youtube-div,
    .single-horse .horse-news .lazy-load-youtube-div {
        width: 570px !important;
    }
    .container-lazyload {
        width: 610px;
    }
    .home .container-lazyload,
    .single-horse .horse-news .container-lazyload {
        width: 570px;
    }
}

@media screen and (min-width: 64em) {
    #page{
        display: flex;
    }
    aside{
	    padding-right: 10px;
    }
    footer{
        display: none!important;
    }
    .site-content,
    aside
    {
        padding:0px 10px;
        display: inline-block!important;
    }
}
@media screen and (min-width: 80em){
    main{
        padding-left: 10px;
    }
    h1,h2,h3,h4,h5,h6{
        letter-spacing: 0px;
    }
}
.ajaxSpinnerContainer {
    position: relative;
}
.ajaxSpinner {
    position: absolute;
    left: calc(50% - 35px);
 }
 .ajaxSpinner {
  width: 70px;
  text-align: center;
}

.ajaxSpinner > div {
  width: 12px;
  height: 12px;
  background-color: #cd161a;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.ajaxSpinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.ajaxSpinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Hide whatsapp share button if not on mobile */
@media screen and (min-width: 35.5em) {
    .whatsapp-share {
        display: none;
    }
}

/*--------------------------------------------------------------
# Colour
--------------------------------------------------------------*/
/* overriding google chrome autofill styles */
input[type="search"]:-webkit-autofill,
input[type="search"]:-webkit-autofill:hover,
input[type="search"]:-webkit-autofill:active,
input[type="search"]:-webkit-autofill:focus {
    background-color: #FFFFFF !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #cd161a !important;
    }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b5b5b5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #b5b5b5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #b5b5b5;
}
:-moz-placeholder { /* Firefox 18- */
  color: #b5b5b5;
}

#scroll-container a:not(.preview-lazyload),
#scroll-container a:not(.preview-lazyload):visited,
#scroll-container a:not(.preview-lazyload):focus,
#scroll-container a:not(.preview-lazyload):active,
.link,
.link:visited,
.link:focus,
.link:active {
    color: #CD161A;
    text-decoration: none;
}
#scroll-container a:not(.preview-lazyload):hover,
.link:hover {
    text-decoration: underline;
    color: #CD161A;
}
.brand-txt {
    color: #CD161A;
}
.brand-bg {
    background-color: #CD161A;
}
.brand-border.active-tab,
.brand-border,
.brand-border:hover {
    border-color: #CD161A!important;
}
.home .site-content .home-news.featured,
.single-horse .accordion-content .horse-news.featured,
.owner-horse-border {
    border-color: #CD161A!important;
}
.race-item-bg-color {
    background-color: #fff;
    border-bottom: 1px solid #CBCBCB;
}
.btn {
    background-color: #5EFCE7;
}
.btn:not(.hovering):hover {
    background-color: #CDFEF8;
}
.btn:focus {
    background-color: #5EFCE7;
}
.active {
    background-color: #262626;
    color: #F4F4F4;
}
.active:not(.hovering):hover {
    background-color: #7d7d7d;
}
.active:focus {
    background-color: #262626;
    color: #F4F4F4;
}
.tf-blob {
    background-color: #324252;
    color:  #F4F4F4;
}
header .site-title a,
.nav-link a,
.nav-link p {
    color: #F7F7F7;
}
.nav-link {
    border-right: 1px solid rgba(247, 247, 247, 0.1);
}
.nav-link:last-of-type {
    border-right: none;
}
.date-wrapper .race-date {
    color: #ffffff;
}
.date-wrapper {
    background-color: #FB6161;
}
.post-type-archive-horse .desktop-grey-box {
    display:none;
}
.post-type-archive-horse .mobile-grey-box {
    clear: both;
    background-color: #EFEFEF;
    margin-right: 10px;
}
.post-type-archive-horse .mobile-grey-box p {
    margin: 0;
    padding-left: 5px;
}
.single-horse .desktop-grey-box p{
    width: calc(100% + 85px);
}
@media screen and (min-width: 48em) {
    .mobile-grey-box,
    .post-type-archive-horse .mobile-grey-box {
        display: none;
    }
    .desktop-grey-box,
    .post-type-archive-horse .desktop-grey-box {
        display: block;
        background-color: #EFEFEF;
    }
    .single-horse .desktop-grey-box p{
        width: 100%;
    }
}
.nav-link.active-menu p,
.nav-link.active-menu a {
    background-color: #FFFFFF;
    color: #262626;
}
#content {
    background-color: #EFEFEF;
}
.race-header,
.race-header p,
.race-header p center {
    background-color: #262626;
    color: #F4F4F4;
}
.site-branding-lower {
    background-color: #262626;
    z-index: 999;
}
@media screen and (min-width: 64em) {
    .nav-link {
        border-top: 1px solid rgba(247, 247, 247, 0.1);
        border-right: none;
    }
    .site-branding-lower {
        background: linear-gradient(-150deg, #324252, #262626 82%);
    }
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
h1{
    font-size:28px;
}
h2{
    font-size: 21px;
}
div, p, span{
    font-size: 15px;
}
b, strong{
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}
a,
a:hover,
a:visited,
a:focus {
    outline: none;
}
.hidden{
    display: none!important;
}
.no-margin{
    margin: 0!important;
}
.noindent{
    margin-left:0px;
    display: block;
}
.indent1{
    margin-left:20px;
    display: block;
}
.indent2{
    margin-left:40px;
    display: block;
}
.img-caption{
    font-style: italic;
    margin: 0;
}
.bold{
    font-family: 'OpenSansBold'!important;
    font-weight: normal!important;
}
.link-button,
.link-button:hover,
.link-button:visited{
    margin-bottom:5px;
    display: block;
    padding:3px 5px;
    width:180px;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    margin:auto;
}
ul.tml-links li a{
    text-decoration: none;
}
.tml .tml-checkbox,
.tml .tml-button {
    width: auto;
}
.tml .tml-links {
    display: inline-block;
    list-style: none;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
}
.tml .tml-links li {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
    line-height: 1;
    list-style: none;
    margin: 0 0.5em 0 0;
    padding: 0 0.5em 0 0;
}
.tml .tml-links li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.load-more-btn,
.load-more-btn:hover,
.load-more-btn:visited,
.load-more-btn:focus {
    margin:auto;
    /* the following margin is big because
    on mobile the menu hides the load more button */
    margin-bottom: 100px;
    display: block;
    width:180px;
    box-shadow: none;
}
#scroll-container a:not(.preview-lazyload),
#scroll-container a:not(.preview-lazyload):visited,
#scroll-container a:not(.preview-lazyload):focus,
#scroll-container a:not(.preview-lazyload):active,
.link,
.link:visited,
.link:focus,
.link:active {
    outline: none;
    text-decoration: none;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}
#scroll-container a:not(.preview-lazyload):hover,
.link:hover {
    outline: none;
    text-decoration: underline;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}
.btn {
    outline: none;
    border-radius: 20px/20px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.btn-sm {
    padding: 1px;
    font-size: 12px;
    height: 20px;
}
.btn-lg {
    padding: 8px;
    font-size: 12px;
    height: 40px;
}
.tf-blob {
    border-radius: 20px/20px;
    padding: 3px 5px 3px 5px;
    font-size: 12px!important;
    white-space: nowrap;
}
.btn-suffix {
    font-size: 12px;
}
.tabs {
    height: 45px;
    background-color: #EFEFEF;
}
.tab {
    background-color: #ffffff;
}
@media screen and (min-width: 64em) {
    .tabs {
        height: 75px;
    }
}
.tab {
    border-bottom-color: #FFFFFF!important;
}
.site-main input,
.site-main span.ui-selectmenu-button {
    width: 100%;
    border-radius: 40px;
    background-color: #fff;
    outline: none;
}
.site-main span.ui-selectmenu-button .ui-selectmenu-icon {
    background-image: url('/wp-content/themes/blandbloodstock/images/arrow_down.png');
    background-position: 0px 2px;
    background-size: 16px;

}
.picker--opened .picker__holder {
    outline: none;
}
.picker, .picker__holder {
    left: 0;
    right: 0;
}
@media screen and (min-width: 23em) {
    .picker, .picker__holder {
        left: inherit;
        right: inherit;

    }
    .picker__holder {
        max-width: 245px!important;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header{
    /*position: fixed;
    top:0;
    z-index:500;
    height:85px;*/
}
header .logo-img{
    text-align: center;
}
header .logo-img img{
    max-width:65px;
    padding: 3px 0 2px 0;
}
header .site-title{
    display: none;
    text-align: center;
    margin: 0px 0px 10px 0px;
}
header .site-title a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
}
header .back-header{
    float: left;
    margin: 10px 0 0 0;
}
header .sign-out-header{
    text-align: right;
    margin: -50px 0 30px 0;
}
header .sign-out-header a {
    text-decoration: none;
    border: 1px solid;
    border-radius: 40px;
    padding: 2px 10px;
    font-size: 10px;
    color: #fff;
}

header .site-branding {
    padding: 0 20px;
    width: 100%;
    margin: auto;
}

/* search form */
header #search{
    width: 100%;
    position: absolute;
    top: 85px;
    left: 0;
    text-align: center;
}
header #search form{
    margin:auto;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
header #search .search-widget{
    position: relative;
}
header #search .search-field{
    text-align: center;
    border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
    height:23px;
    width: 97%;
    border: 0;
    outline: none;
}
header #search .search-submit{
    background: url('../images/search-btn.png');
    background-repeat: no-repeat;
	position: absolute;
    right: 22px;
    top:0px;
    background-position: 5px 5px;
    border: 0 none;
    box-shadow: none;
    width: 25px;
    height: 23px;
    outline: 0 none;
    padding: 0;
    text-indent: 100%;
    text-shadow: none;
    float: left;
    margin-left: -2px;
    margin: 0;
}
/* end search form*/

/* navigation */

header .site-branding-lower {
    position: fixed;
    bottom: 0;
}
header .site-branding-lower,
header nav {
    width: 100%;
}
header nav .nav-link img{
    width: 25px;
    height: 25px;
    float: none;
    position: absolute;
    margin-left: -15px;
    top: 10px;
}
header nav .nav-link a {
    text-decoration: none;

    text-align: center;
    display: block;
}
header nav .nav-link p {
    padding: 40px 0 5px 0;
    margin: 0;
    font-size: 12px;
}
@media screen and (min-width: 35.5em) {
    header nav .nav-link img{
        width: 35px;
        height: 35px;
        top: 16px;
    }
    header nav .nav-link p {
        padding: 55px 0 10px 0;
        font-size: 15px;
    }
}

@media screen and (min-width: 64em) {
    header .site-branding-upper {
        position: fixed;
        bottom: 0;
        top: 36px;
        width: 20.8333%;
    }
    header .site-branding-lower {
        position: fixed;
        bottom: 0;
        top: 205px;
        width: 20.8333%;
    }
    header nav{
        text-align: left;
    }
    header nav .nav-link {
        display: block;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    header nav .nav-link img{
        float: left;
        position: relative;
        margin: 19px 15px;
        top: 0;
        width: 34px;
        height: 34px;
    }
    header nav .nav-link a {
        text-align: left;
    }
    header nav .nav-link p {
        padding: 25px 0 25px 0;
    }
    header .search-mobile-cont{
        text-align: center;
        margin-top: 33px;
    }
    header .search-mobile-cont img{
        width:32px;
    }
    header .signature,
    header .signature h2,
    header .signature p{
        line-height: 1;
    }
    header .signature{
        margin-top: 25px;
        margin-bottom: 20px;
        display: none;
    }
    header .signature h2{
        font-size: 21px;
        margin:10px 0px;
    }
    header .signature p{
        margin: 3px 0px;
        font-size: 12px;
    }

    header{
        position:relative;
        height:auto;
    }
    header #search,
    header .site-title,
    header .sign-out-header{
        display: block!important;
    }
    header .back-header{
        display: none;
    }
    header .sign-out-header{
        text-align: center;
        margin: 0 0 10px 0;
    }
    header #search{
        position:relative;
        top:0px;
        margin-bottom:17px;
    }
    header .logo-img img{
        width:100px;
        max-width:100%;
        padding: 0;
    }
    header .search-mobile-cont{
        display: none;
    }
    header .signature{
        display: block;
    }

}

@media screen and (min-width: 80em) {
    header .site-branding-upper {
        position: fixed;
        bottom: 0;
        top: 46px;
        width: 267px;
    }
    header .site-branding-lower {
        position: fixed;
        bottom: 0;
        top: 205px;
        width: 267px;
    }
}
/* end navigation */

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{
    text-align: center;
}
footer .sign-out-footer{
    display: none;
    text-align: center;
    margin: 10px 0px 10px 0px;
}
footer .sign-out-footer a{
    text-decoration: none;
}
.home footer .sign-out-footer{
    display: block;
}
footer .signature-footer,
footer .signature-footer h2,
footer .signature-footer p{
    line-height: 1;
}
footer .signature-footer{
    margin-bottom: 20px;
}
footer .signature-footer h2{
    font-size: 21px;
    margin:10px 0px;
}
footer .signature-footer p{
    margin: 3px 0px;
    font-size: 12px;
}

/*--------------------------------------------------------------
# Aside
--------------------------------------------------------------*/
aside{
    position: relative;
}
aside .calendar-list{
    width:240px;
    position: relative;
}
aside .fixed-container{
    width:240px;
    position: fixed;
}
aside .calendar-list .calendar-item{
    width: 100%;
    padding: 20px;
}
aside .calendar-list .home-cal-date{
    font-size: 22px;
}
aside .calendar-list .calendar-item a{
    text-decoration: underline;
}
aside .calendar-list .calendar-item .title{
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
aside .calendar-list .calendar-item .time{
    font-size: 14px;
    margin:0;
    padding: 0;
}
aside .calendar-list .calendar-item .location{
    font-size: 14px;
    margin:0;
    padding: 0;
    line-height: 1;
}
aside .calendar-list .calendar-item .horse-name{
    font-size: 14px;
    margin:2px 0px;
    padding: 0;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    line-height: 1;
}
aside .calendar-list .calendar-item .description{
    font-size: 14px;
    margin:0;
    padding: 0;
    line-height: 1;
}

@media screen and (min-width: 64em) {
    aside .calendar-list{
        float: right;
    }
}
/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.home .site-content .content-area{
    margin: auto;
}
.single-post #scroll-container,
.search-results .entry-summary,
.home .site-content .home-news {
    border-bottom: 2px solid #E1DFE0;
    background-color: #fff;
    margin: 15px 0 30px 0;
}
.single-news .site-content .home-news {
    border-bottom: 1px solid #E1DFE0;
    background-color: #fff;
    margin: 15px 0 0 0;
}
.home .site-content .home-news .content-footer,
.single-news .site-content .home-news .content-footer {
    padding: 0 20px 20px 20px;
}
.search-results .entry-summary,
.home .site-content .news-content,
.single-news .site-content .news-content {
    padding: 20px;
}
.search-results .entry-summary .entry-title,
.home .site-content .home-news h2.title,
.single-news .site-content .home-news h2.title{
    margin:0 0 10px 0;
    padding:0;
    line-height: 1;
    font-family: 'OpenSansLight';
    font-weight: normal!important;
}
.home .site-content .home-news p.datetime,
.single-news .site-content .home-news p.datetime{
    padding:0;
    margin:0;
}
.home .site-content .home-news .content,
.single-news .site-content .home-news .content{
    padding:0;
    margin:0;
}
.home .site-content .home-news.featured,
.single-news .site-content .home-news.featured,
.single-horse .accordion-content .horse-news.featured{
    border-width: 2px;
    border-style: solid;
}
.home .site-content .home-news a,
.single-news .site-content .home-news a{
    text-decoration: underline;
}
.home .site-content .home-news .news-content li,
.single-news .site-content .home-news .news-content li,
.single-horse .horse-content .accordion-content .horse-news li{
    list-style: none;
    padding-left: 40px;
}
.home .site-content .home-news .content-footer .icon.replay,
.single-news .site-content .home-news .content-footer .icon.replay {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-color: #5EFDE9;
    border-radius: 50%;
    padding: 5px;
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: text-top;
}

/* tabs */
.home .tabs .tabs-list{
    text-align: center;
    position: relative;
}
.home .tabs .tabs-list .tab{
    padding: 5px 0px;
    text-align: center;
    width: 33.2%;
    display: inline-block;
    cursor:pointer;
    font-size: 20px !important;
    border-bottom: 5px solid;
}
.home .tabs .tabs-list .tab span{
    font-size: 13px;
}
.home .tabs .tabs-list #tab-all{
    float:left;
}
.home .tabs .tabs-list #tab-breedstock{
    float:right;
}
.home .tabs .sub-tabs{
    height:10px;
    width: 100%;
}

@media screen and (min-width: 35.5em) {
    .home .tabs .tabs-list .tab{
        width: 33.2%;
    }
    .home .tabs .tabs-list .tab span{
        font-size: 15px;
    }
}
/* end tabs */

@media screen and (min-width: 64em) {
    .home .site-content .content-area{
    margin: auto;
    }
    aside .calendar-item{
        float: right;
        margin-bottom: 10px;
    }
    .home .tabs .tabs-list .tab{
        padding: 20px 0px;
    }
}

/*--------------------------------------------------------------
# Horses Index Page
--------------------------------------------------------------*/
/* horses page tabs */
/* tabs */
.horses-page .tabs .tabs-list{
    text-align: center;
    position: relative;
}
.horses-page .tabs .tabs-list .tab{
    padding: 5px 0px;
    text-align: center;
    width: 49.9%;
    display: inline-block;
    cursor:pointer;
    font-size: 20px !important;
    border-bottom: 5px solid;
}
.horses-page .tabs .tabs-list .tab span{
    font-size: 13px;
}
.horses-page .tabs .tabs-list #tab-racehorses{
    float:left;
}
.horses-page .tabs .tabs-list #tab-breedstock{
    float:right;
}
.horses-page .tabs .sub-tabs{
    height:10px;
}

@media screen and (min-width: 35.5em) {
    .horses-page .tabs .tabs-list .tab{
        width: 49.9%;
    }
    .horses-page .tabs .tabs-list .tab span{
        font-size: 15px;
    }
}
@media screen and (min-width: 64em) {
    .horses-page .tabs .tabs-list .tab{
        padding: 20px 0px;
    }
}
/* end horse tabs */

/* filters */
.hidden-filter {
    display: none;
}

.horses-page .showing-filters {
    padding-left: 10px;
}
.page-runners-and-results .entries-filters input,
.showing-filters span {
    cursor: pointer;
}
.showing-filters p {
    margin: 15px 0;
}
.site-main .news-filters,
.page-runners-and-results .entries-filters,
.horses-page .horses-filters{
    background-color: #262626;
    padding: 10px;
}
.horses-page .horses-filters .ui-selectmenu-button{
    display: inline-block;
    width: 48%;
    height: 32px;
    cursor:pointer;
    position:relative;
}
.horses-page .horses-filters #sort-filter-button,
.horses-page .horses-filters #race-locations-filter-button {
    margin-top: 15px;
}

.page-runners-and-results .entries-filters #horse_select-button {
    margin-top: 10px;
    height: 32px;
    width: 98%;
}
.page-runners-and-results .entries-filters input {
    width: 98%;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(/wp-content/themes/blandbloodstock/images/arrow_down.png);
    background-position: 0 8px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 93%;
    font-size: 15px;
}
.site-main .news-filters form {
    margin: auto;
    width: 80%;
}
.site-main .news-filters input {
    width: 80%;
    padding-left: 55px;
    background-image: url(/wp-content/themes/blandbloodstock/images/search-btn.png)!important;
    background-position: 0 2px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position-x: 3%;
    font-size: 15px;
}
@media screen and (min-width: 64em) {
    .showing-filters {
        display: none;
    }
    .hidden-filter {
        display: block;
    }
    .page-runners-and-results .entries-filters #horse_select-button {
        margin-top: 0;
    }
}
.showing-filters .show-filters,
.showing-filters .hide-filters {
    overflow: auto;
    background-color: #e4e3e3;
    padding-left: 10px;
    margin-left: -10px;
    border-bottom: 1px solid #d8d7d7;
}
.horses-page .showing-filters .show-filters {
    margin-bottom: -10px;
}
/* end filters */
.horses-page .horse-content {
    margin-top: 10px;
    background-color: #fff;
    border-bottom: 2px solid #d8d7d7;
    padding-left: 10px;
    clear: left;
    overflow: auto;
}

.horses-page .horse-content .horse-pic{
    padding:10px;
    text-align: right;
}
.horses-page .horse-content .horse-infos{
    float: left;
    width: calc(100% - 105px);
    padding:17px 0px 0px 0px;
}
.horses-page .horse-content .horse-pic img{
    width:85px;
    border-radius: 20%;
    margin-top: 8px;
    margin-bottom: 5px;
}
.horses-page .horse-content .horse-infos p{
	margin:0;
    padding:0;
}
.horses-page .horse-content .horse-infos .horse-name {
    border-bottom: 1px solid #e4e3e3;
    padding-bottom: 5px;
}
.horses-page .horse-content .horse-infos .horse-name a{
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    margin:0;
    padding:0;
    display: inline-block;
    color: #000;
}
.horses-page .horse-content.racehorse .horse-infos .horse-name a{
    width: 100%;
}
.horses-page .horse-content .horse-infos .horse-name a .horse-country{
    color: #262626;
}
.horses-page .horse-content .horse-infos .horse-info-details .details-2 {
    margin-bottom: 5px;
}
.horses-page .horse-content .horse-infos .horse-name .timeform-rating{
    float: right;
}
.horses-page .horse-content .horse-infos .horse-name .timeform-rating.desktop{
    display: none;
}
.horses-page .horse-content .horse-pic .timeform-rating.mobile{
    display: inline-block;
}
.details-1 .mare-label {
    white-space: nowrap;
    display: inline-block;
    color: #aaa;
}
.nobroodmare .mobile-hide {
    display: none;
}
.details-1 .sm-width {
    width: 110px;
}
.details-1 .md-width {
    width: 110px;
}
.details-1 .lg-width {
    width: 110px;
}
.nobroodmare .details-1 .md-width {
    width: 60px;
}
.location-special-mobile {
    display: block;
}
.location-special-desktop {
    display: none;
}
.location-label {
    margin-left: -3px;
}
@media screen and (min-width: 35.5em) {
    .location-label {
        margin-left: 0px;
    }
}
@media screen and (min-width: 64em) {
    .nobroodmare .mobile-hide {
        display: inline-block;
    }
    .horses-page .horse-content.racehorse .horse-infos .horse-name a{
        width: calc(100% - 55px);
    }
    .horses-page .horse-content .horse-infos .horse-name .timeform-rating.desktop{
        display: inline-block;
    }
    .horses-page .horse-content .horse-pic .timeform-rating.mobile{
        display: none;
    }
}
.horses-page .horse-content .horse-infos .horse-info-details{
    margin-top: 2px;
}
.horses-page .horse-content .horse-infos .horse-info-details .damsire{
    color: #aaa;
    display: none;
}
.horses-page .horse-content .horse-infos .horse-info-details .trainer{
    color: #aaa;
}
@media screen and (min-width: 48em) {
    .details-1 .mare-label {
        white-space: nowrap;
        width: inherit;
        display: inline-block;
    }
    .desktop-grey-box p,
    .mobile-grey-box p {
        padding-left: 5px!important;
        font-size: 12px;
        line-height: 23px;
    }
    .desktop-grey-box span,
    .mobile-grey-box span {
        font-size: 12px;
        line-height: 23px;
    }
    .details-1 .sm-width {
        width: 30px;
    }
    .details-1 .md-width {
        width: 80px;
    }
    .details-1 .desktop-grey-box .md-width,
    .details-1.mobile-grey-box .md-width {
        width: 60px;
    }
    .details-1 .lg-width {
        width: 80px;
    }
    .nobroodmare .details-1 .md-width {
        width: 80px;
    }
    .location-special-mobile {
        display: none;
    }
    .location-special-desktop {
        display: block;
    }
    .horses-page .horse-content .horse-infos .horse-info-details .damsire{
        display: inline-block;
    }
}
.horses-page .horse-content .horse-infos .horse-info-details .details-1 .info-1{
    color: #666;
}
.horses-page .horse-content .horse-infos .horse-info-details .details-1 .info-3 a{
    text-transform: uppercase;
}
.horses-page .horse-content .horse-infos .m-info a{
    font-size:15px;
    line-height: 1;
    text-decoration: none;
    margin:0;
    padding:0;
    color: #262626;
}
@media screen and (min-width: 35.5em) {
    .horses-page .horse-content .horse-infos .horse-name a{
        font-size: 25px;
    }
}

.page-id-2 main,
.post-type-archive-horse main,
.single-horse main{
    max-width: 800px;
}

/*--------------------------------------------------------------
# Horse Page
--------------------------------------------------------------*/
.single-horse .horse-card,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card {
    margin-top: 30px;
    background-color: #fff;
    border-bottom: 2px solid #d8d7d7;
    padding-left: 10px;
    clear: left;
    overflow: auto;
}
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card {
    margin-top: 10px;
}
.single-horse .horse-card .horse-pic,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-pic{
    padding:10px;
    text-align: right;
}
.single-horse .horse-card .horse-infos,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos{
    float: left;
    width: calc(100% - 105px);
    padding:17px 0px 0px 0px;
}
.single-horse .horse-card .horse-pic img,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-pic img{
    width:85px;
    border-radius: 20%;
    margin-top: 8px;
    margin-bottom: 5px;
}
.single-horse .horse-card .horse-infos p,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos p{
    margin:0;
    padding:0;
}
.single-horse .horse-card .horse-infos .horse-name,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name {
    border-bottom: 1px solid #e4e3e3;
    padding-bottom: 5px;
}
.single-horse .horse-card .horse-infos .horse-name a,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name a{
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    margin:0;
    padding:0;
    display: inline-block;
    color: #000;
}
.single-horse .horse-card.racehorse .horse-infos .horse-name a,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card.racehorse .horse-infos .horse-name a{
    width: 100%;
}
.single-horse .horse-card .horse-infos .horse-name a .horse-country,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name a .horse-country{
    color: #262626;
}
.single-horse .horse-card .horse-infos .horse-name .timeform-rating,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name .timeform-rating{
    float: right;
}
.single-horse .horse-card .horse-infos .horse-name .timeform-rating.desktop,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name .timeform-rating.desktop{
    display: none;
}
.single-horse .horse-card .horse-pic .timeform-rating.mobile,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-pic .timeform-rating.mobile{
    display: inline-block;
}
@media screen and (min-width: 64em) {
    .single-horse .horse-card.racehorse .horse-infos .horse-name a,
    .single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card.racehorse .horse-infos .horse-name a{
        width: calc(100% - 55px);
    }
    .single-horse .horse-card .horse-infos .horse-name .timeform-rating.desktop,
    .single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name .timeform-rating.desktop{
        display: inline-block;
    }
    .single-horse .horse-card .horse-pic .timeform-rating.mobile,
    .single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-pic .timeform-rating.mobile{
        display: none;
    }
}
.single-horse .horse-card .horse-infos .horse-info-details,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-infor-details{
    margin-top: 2px;
}
.single-horse .horse-card .horse-infos .horse-info-details .details-2 {
    margin-bottom: 5px;
}
.single-horse .horse-card .horse-infos .horse-info-details .damsire,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-info-details .damsire{
    color: #aaa;
    display: none;
}
.single-horse .horse-card .horse-infos .horse-info-details .trainer,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-info-details .trainer{
    color: #aaa;
}
@media screen and (min-width: 48em) {
    .single-horse .horse-card .horse-infos .horse-info-details .damsire,
    .single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-info-details .damsire{
        display: inline-block;
    }
}
.single-horse .horse-card .horse-infos .horse-info-details .details-1 .info-1,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-info-details .details-1.info-1{
    color: #666;
}
.single-horse .horse-card .horse-infos .horse-info-details .details-1 .info-3 a,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-info-details .details-1 .info-3 a{
    text-transform: uppercase;
}
.single-horse .horse-card .horse-infos .m-info a,
.single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .m-info a{
    font-size:15px;
    line-height: 1;
    text-decoration: none;
    margin:0;
    padding:0;
    color: #262626;
}
@media screen and (min-width: 35.5em) {
    .single-horse .horse-card .horse-infos .horse-name a,
    .single-horse .horse-content .accordion-content.accordion-associated-horse .horse-card .horse-infos .horse-name a{
        font-size: 25px;
    }
}
.single-horse .broodmare-details h4 {
    padding:10px;
    margin:0;
    cursor: pointer;
}
.single-horse .broodmare-details .details-content {
    padding: 0 10px 0 10px;
}
.single-horse .broodmare-details .details-content p {
    margin: 0;
    margin-bottom: 5px;
}
.single-horse .broodmare-details .title {
    display: inline-block;
    width: 90px;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}
@media screen and (min-width: 64em) {
    .single-horse .broodmare-details .title {
        width: auto;
        padding-right: 15px;
        color: #aaa;
        font-weight: normal;
    }
}

.single-horse .content-area{
    width:100%;
}
.single-horse .horse-content{
    margin-top: 10px;
    margin-bottom: 10px;
}
.single-horse .horse-content .accordion{
    margin-bottom: 10px;
}
.single-horse .horse-content .accordion h4{
    padding:10px;
    margin:0;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 2px solid #d8d7d7;
}
.single-horse .horse-content .accordion h4.open{
    background-color: #d8d7d7;
}
.single-horse .horse-content .accordion h4 img{
    float: right;
    margin-top: 2px;
}
.single-horse .horse-content .accordion-content{
    margin:0px 0px 10px 0px;
    padding:0;
}
.single-horse .horse-content .accordion-content.pedigree > p{
    margin-bottom:0;
}
.single-horse .horse-content .accordion-content .horse-news{
    padding:25px;
    margin-bottom: 10px;
    background-color: #fff;
}
.single-horse .horse-content .accordion-content .horse-news .title{
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1;
    font-family: 'OpenSansLight';
    font-weight: normal!important;
}
.single-horse .horse-content .accordion-content .horse-news p.datetime{
    padding:0;
    margin:0;
}
.single-horse .horse-content .accordion-content .horse-news p.border{
    border-top: 1px solid #aaa;
    width: 80%;
}
.single-horse .horse-content .accordion-content .horse-news p{
    padding: 0;
}
.single-horse .horse-content .accordion-content div{
    padding:0;
}
.single-horse .horse-content .accordion-content div h4{
    padding:0;
    margin:5px 0px;
}
.single-horse .horse-content .accordion-content div p.img-caption{
    padding:5px 0px 10px 0px;
    text-align: center;
}
.single-horse .horse-content .accordion-content .horse-news h1{
    margin:0;
    padding:0;
}
.single-horse .horse-content .accordion-content.accordion-images .image{
    margin-bottom: 10px;
}
.single-horse .horse-content .accordion-content.accordion-images .image img{
    display: block;
}
.single-horse .horse-content .accordion-content.accordion-images .image p.image-caption{
    margin:0;
    padding:0;
}
/* pedigree table styles */
.single-horse .horse-content .accordion-content.pedigree .pedigree-table{
    overflow-x: auto;
}
.single-horse .horse-content .accordion-content.pedigree .pedigree-table table{
    min-width: 550px;
    height: 368px!important;
}
.single-horse .horse-content .accordion-content.pedigree .pedigree-table table .lvl1{
    background: url('../images/ped-box-1-join.png') no-repeat scroll right center transparent;
    background-repeat: no-repeat;
    padding-left: 5px;
}
.single-horse .horse-content .accordion-content.pedigree .pedigree-table table .lvl2{
    background: url('../images/ped-box-2-join.png') no-repeat scroll right center transparent;
    background-repeat: no-repeat;
    padding-left: 5px;
}
.single-horse .horse-content .accordion-content.pedigree .pedigree-table table .lvl3{
    background: url('../images/ped-box-3-join.png') no-repeat scroll right center transparent;
    background-repeat: no-repeat;
    padding-left: 5px;
}
.single-horse .horse-content .accordion-content.pedigree .pedigree-table table .lvl4{
    padding-left: 5px;
}
.single-horse .horse-content .accordion-content.race-record .race-record-block{
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 10px;
}
.single-horse .horse-content .accordion-content.race-record .title{
    background-color: #fff;
    padding: 10px;
    color: #262626;
    margin: 0;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.single-horse .horse-content .accordion-content.race-record .race-heading {
    background-color: #e4e3e3;
}
.single-horse .horse-content .accordion-content.race-record .race-heading p {
    margin:0;
    padding: 0 5px 0 5px;
    height: 25px;
    text-align: center;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    font-size: 12px;
}
.single-horse .horse-content .accordion-content.race-record .race-body .race-result-text {
    margin:0;
    padding: 0 5px 0 5px;
    text-align: center;
    font-size: 10px;
}
@media screen and (min-width: 35.5em) {
    .single-horse .horse-content .accordion-content.race-record .race-heading p {
        font-size: 14px;
    }
    .single-horse .horse-content .accordion-content.race-record .race-body .race-result-text {
        font-size: 12px;
    }
}
.single-horse .horse-content .accordion-content.race-record .race-heading div:first-child p,
.single-horse .horse-content .accordion-content.race-record .race-body div:first-child .race-result-text {
    text-align: left;
}
.single-horse .horse-content .accordion-content.race-record .results-block .race-body div:first-child .race-result-text {
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}
.single-horse .horse-content .accordion-content.race-record .race-heading div:last-child p,
.single-horse .horse-content .accordion-content.race-record .race-result-body div:nth-child(11) .race-result-text,
.single-horse .horse-content .accordion-content.race-record .race-entry-body div:nth-child(5) .race-result-text,
.single-horse .horse-content .accordion-content.race-record .race-stats-body div:nth-child(6) .race-result-text {
    text-align: right;
}
@media screen and (min-width: 48em) {
    .single-horse .horse-content .accordion-content.race-record .race-heading p,
    .single-horse .horse-content .accordion-content.race-record .race-body .race-result-text {
        font-size: 15px;
    }
}
.single-horse .horse-content .accordion-content.race-record .race-body{
    border-top: 1px solid #ddd;
}
.single-horse .horse-content .accordion-content.race-record .race-body:nth-of-type(2){
    border-top: none;
}

.single-horse .horse-content .accordion-content.race-record .results-block tbody td{
    border: none;
}
.single-horse .horse-content .accordion-content.race-record .results-block .btn-lg,
.single-horse .horse-content .accordion-content.race-record .results-block .btn-lg span{
    font-size: 9px!important;
}
@media screen and (min-width: 35.5em) {
    .single-horse .horse-content .accordion-content.race-record .results-block .btn-lg,
    .single-horse .horse-content .accordion-content.race-record .results-block .btn-lg span{
        font-size: 12px!important;
    }
    .single-horse .horse-content .accordion-content.race-record .results-block .toggle_tf_comments{
        margin-right: 5px;
    }
}
.single-horse .horse-content .accordion-content.race-record .results-block .replay-row td,
.single-horse .horse-content .accordion-content.race-record .results-block .comment-row td{
    padding: 10px 0px;
}
.single-horse .horse-content .accordion-content.race-record .results-block .details-row{
    border-top: 1px solid #ddd;
}
.single-horse .horse-content .accordion-content.race-record .results-block .details-row:first-of-type{
    border-top: none;
}
.single-horse .horse-content .accordion-content.race-record .no-mobile{
    display:none;
}
@media screen and (min-width: 48em) {
    .single-horse .horse-content .accordion-content.race-record .no-mobile{
        display:table-cell;
    }
}
.single-horse .horse-content .accordion-content.race-record .hide-button{
    background-color: #262626;
    padding: 8px;
    margin-right: 5px;
    font-size: 10px!important;
    cursor: pointer;
}
.single-horse .horse-content .accordion-content.race-record .replay-row a{
    text-decoration: none;
    padding: 0px 5px;
}
.single-horse .horse-content .accordion-content.race-record .replay-row .link{
        font-size: 12px;
}
.single-horse .horse-content .accordion-content.race-record .replay-row img{
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-color: #5EFDE9;
    border-radius: 50%;
    padding: 5px;
    margin-right: 4px;
    margin-left: 4px;
}
.single-horse .horse-content .accordion-content.race-record .comments-block .comment {
    padding: 0 10px 0 10px;
}
/* end pedigree table styles */
@media screen and (min-width: 64em) {
    .single-horse .horse-header{
        margin-top: 0px;
    }
}

/*--------------------------------------------------------------
# Runners and results
--------------------------------------------------------------*/
/* tabs */
.page-runners-and-results .tabs .tabs-list{
    text-align: center;
    position: relative;
}
.page-runners-and-results .tabs .tabs-list .tab{
    padding: 5px 0px;
    text-align: center;
    width: 49.9%;
    display: inline-block;
    cursor:pointer;
    font-size: 20px!important;
    border-bottom: 5px solid;
}
@media screen and (min-width: 64em) {
    .page-runners-and-results .tabs .tabs-list .tab{
        padding: 20px 0px;
    }
}
.page-runners-and-results .tabs .tabs-list .tab-results{
    float:right;
}
.page-runners-and-results .tabs .tabs-list .tab-entries{
    float:left;
}
.page-runners-and-results .tabs .sub-tabs{
    height:10px;
    width: 100%;
    clear:both;
}

/* end tabs */
.page-runners-and-results .hidden-result {
    display: none;
}
.page-runners-and-results a{
    text-decoration: none;
}
.page-runners-and-results .runners_desktop{
    display: none;
}
.page-runners-and-results .runners_desktop .table-field-time{
    min-width: 100px;
}
.page-runners-and-results .runners_desktop .table-field-race{
    min-width: 150px;
}
.page-runners-and-results .runners-and-results .pagination{
    margin-bottom: 20px;
}
.pagination-desktop {
    display: none;
}
.pagination-mobile {
    display: block;
}
.page-runners-and-results .runners-and-results .pagination span{
    cursor:pointer;
}
.page-runners-and-results .runners-and-results .pagination .pagination-item{
    padding: 10px;
}
.page-runners-and-results .runners-and-results .pagination .page_number {
    box-shadow: inset 0px -2px 0px 0px #aaa;
    color: #aaa;
    -webkit-transition: all .10s ease-in-out;
    transition: all .10s ease-in-out;
}
.page-runners-and-results .runners-and-results .pagination .page_number:hover {
    box-shadow: inset 0px -4px 0px 0px #aaa;
    color: #aaa;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
    -webkit-transition: all .10s ease-in-out;
    transition: all .10s ease-in-out;
}
.page-runners-and-results .runners-and-results .pagination .current_page,
.page-runners-and-results .runners-and-results .pagination .current_page:hover {
    box-shadow: inset 0px -4px 0px 0px #cd161a;
    color: #cd161a;
}
.page-runners-and-results .runners-and-results .pagination .page_dots {
    box-shadow: inset 0px -2px 0px 0px #ccc;
    color: #ccc;
    padding: 10px;
    cursor: default;
}
.page-runners-and-results .runners-and-results .pagination .pagination-select {
    position: relative;
    display: inline-block;
}
.page-runners-and-results .runners-and-results .pagination .pagination-select img {
    width: 25px;
    padding: 5px 5px 2px 5px;
}
.page-runners-and-results .runners-and-results .pagination .pagination-select .select-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
.page-runners-and-results .runners-and-results .pagination .pagination-select .bold {
    color: #cd161a;
}

@media screen and (min-width: 35.5em) {
    .pagination-desktop {
        display: block;
    }
    .pagination-mobile {
        display: none;
    }
}

.page-runners-and-results .runners-and-results{
    margin-bottom: 10px;
    margin-top: 10px;
}
.date-wrapper {
    margin-bottom: -18px;
}
.page-runners-and-results .race-date {
    font-size: 14px;
    margin: 0 0 0 10px;
    letter-spacing: -0.5px;
    font-family: 'OpenSansRegular';
    font-weight: normal!important;
}
.page-runners-and-results .race-date img {
    vertical-align: sub;
    margin-right: 5px;
}
.page-runners-and-results .race {
    margin: 10px 0 20px 0;
    padding: 5px 5px;
    border-bottom: 1px solid #D7D7D7;
}
.page-runners-and-results .horse-wrapper {
    margin: 0 0 0 0;
}
.page-runners-and-results .runners-and-results .external-link-wrapper {
    float: right;
    margin-top: -3px;
}
.page-runners-and-results .runners-and-results .link,
.page-runners-and-results .racecourse,
.page-runners-and-results .racetime,
.page-runners-and-results .course-info,
.page-runners-and-results .course-info span,
.page-runners-and-results .replay span,
.page-runners-and-results .horse a {
    font-size: 12px;
}
.page-runners-and-results .racetime .icon {
    margin-left: 0;
}
.page-runners-and-results .horse a:visited,
.page-runners-and-results .horse a:active,
.page-runners-and-results .horse a:focus,
.page-runners-and-results .horse a {
    font-family: 'OpenSansBold';
    color: #cd161a;
    text-decoration: none;
    vertical-align: top;
}
.page-runners-and-results .horse span {
    vertical-align: top;
    font-size: 12px;
}
.page-runners-and-results .icon {
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: text-top;
}
.page-runners-and-results .replay img:hover,
.page-runners-and-results .horse a:hover {
    text-decoration: underline;
}
.page-runners-and-results .race-table,
.page-runners-and-results .race-table tr,
.page-runners-and-results .race-table td
{
    border:none;
    vertical-align: top;
    padding:10px;
}
.page-runners-and-results .race-table td p{
    margin:0;
}
.page-runners-and-results .runners_mobile .race-date{
    margin: 0 5px;
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}
.page-runners-and-results .replay {
    text-align: left;
    margin-top: -3px;
}
.page-runners-and-results .replay img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-color: #5EFDE9;
    border-radius: 50%;
    padding: 5px;
}
.page-runners-and-results .runners_mobile .mob-row,
.page-runners-and-results .runners_mobile .mob-row p{
    margin:3px 0px;
}
.page-runners-and-results .runners_mobile span.mobile-label{
    width: 90px;
    display: inline-block;
    vertical-align: top;
}
.page-runners-and-results .runners_mobile .mob-right-cont p{
    margin-top: 0;
}
.page-runners-and-results .runners-and-results .desktop-link a,
.page-runners-and-results .runners-and-results .links-content a{
    margin-bottom:5px;
    display: block;
    padding:3px 5px;
    min-width:115px;
    max-width: 100%;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}
.page-runners-and-results .pagination{
    padding: 0px 5px;
    text-align: center;
}
.page-runners-and-results .pagination .bold{
    font-family: 'OpenSansBold';
    font-weight: normal!important;
}

.additional-info .race-header {
    margin-bottom: 10px;
    margin-top: 20px;
}

.additional-info .timeform-analysis-container {
    padding: 10px 0 15px 0;
}
.additional-info .timeform-analysis-container strong {
    font-size: 13px;
}

.additional-info .tf-analysis {
    margin-left: 20px;
}

.additional-info .tf-comment strong,
.additional-info .tf-comment,
.additional-info .tf-analysis p {
    font-size: 12px;
}

.additional-info .tf-comment {
    padding: 10px;
}

.additional-info .race-header p,
.additional-info .race-header center,
.additional-info .race-header center span {
    margin: 5px;
    font-size: 0.9em;
}

.additional-info .race-body {
    margin: 5px 0;
    border-bottom: 2px solid #D7D7D7;
}

.additional-info .results-timing-row {
    padding: 5px 0;
    margin-top: -5px;
    margin-bottom: 10px;
    background-color: #D7D7D7;
}

.additional-info .race-body p,
.additional-info .race-body span,
.additional-info .race-body center,
.additional-info .race-body center span {
    margin: 5px;
    font-size: 0.7em;
}
.page-runners-and-results .runners-and-results .link {
    font-size: 11px;
}

.additional-info .performance-table .race-performance-body p,
.additional-info .performance-table .race-performance-body span,
.additional-info .performance-table .race-performance-body center,
.additional-info .performance-table .race-performance-body center span {
    margin: 2px;
    font-size: 0.6em;
}

.additional-info .race-body span {
    font-size: 1.4em;
}

.owner-horse-border {
    border: 2px solid;
}

.race-performance-heading {
    background-color: #e4e3e3;
}

.race-performance-body {
    border-bottom: 1px solid #f2f2f2;
}
.additional-info .race-body .modified-line-height {
    line-height: 28px;
}

@media screen and (min-width: 35.5em) {
    .page-runners-and-results .tabs .tabs-list .tab{
        width: 49.9%;
    }
    .additional-info .race-body p,
    .additional-info .race-body span,
    .additional-info .race-body center,
    .additional-info .race-body center span {
        margin: 5px;
        font-size: 0.8em;
    }
    .page-runners-and-results .runners-and-results .link {
        font-size: 12px;
    }

    .additional-info .performance-table .race-performance-body p,
    .additional-info .performance-table .race-performance-body span,
    .additional-info .performance-table .race-performance-body center,
    .additional-info .performance-table .race-performance-body center span {
        margin: 2px;
        font-size: 0.8em;
    }
    .additional-info .race-body .modified-line-height {
        line-height: inherit;
    }
    .additional-info .timeform-analysis-container strong {
        font-size: 15px;
    }
}

@media screen and (min-width: 48em) {
    .page-runners-and-results .race {
        padding: 5px 10px;
    }
}

@media screen and (min-width: 64em) {
    .additional-info .race-body p,
    .additional-info .race-body span,
    .additional-info .race-body center,
    .additional-info .race-body center span {
        margin: 5px;
        font-size: 1em;
    }

    .additional-info .race-body .link {
        font-size: 1em;
    }

    .additional-info .performance-table .race-performance-body p,
    .additional-info .performance-table .race-performance-body span,
    .additional-info .performance-table .race-performance-body center,
    .additional-info .performance-table .race-performance-body center span {
        margin: 2px;
        font-size: 0.8em;
    }

    .page-runners-and-results .runners_desktop {
        display: block;
    }
    .page-runners-and-results .runners_mobile{
        display: none;
    }
}
.additional-info .performance-table .race-performance-heading div:first-child center,
.additional-info .performance-table .race-performance-body div:first-child center {
    text-align: left;
    margin-left: 2px;
}
.additional-info .performance-table .race-performance-heading div:last-child center,
.additional-info .performance-table .race-performance-body div:last-child center {
    text-align: right;
    margin-right: 2px;
}

/*--------------------------------------------------------------
# Search Results page
--------------------------------------------------------------*/
.search-results .page-title{
    padding:0px 10px;
    margin:0;
}
.search-results .page-title span{
    font-size: 30px;
}
.search-results article{
    margin-bottom:10px;
    padding:10px;
}
.search-results article h2{
    margin:5px 0px 0px 0px;
}
.search-results article .posted-on{
    margin-top:0;
    margin-bottom: 0;
    font-size:14px;
}
.search-results article  p{
    margin-top: 0px;
}
.search-results article a{
    text-decoration: none;
}
.search-results article .entry-header img{
    border-radius: 50%;
    margin-top: 15px;
}
.search-results article .entry-summary{
    margin:0;
}
.search-results .posts-navigation h2{
    display: none;
}
.search-results .posts-navigation a{
    text-decoration: underline;
}

/*--------------------------------------------------------------
# Login page
--------------------------------------------------------------*/
.page-id-194 #search,
.page-id-194 #search-mobile,
.page-id-194 #site-navigation{
    display: none!important;
}

/*--------------------------------------------------------------
# Single post
--------------------------------------------------------------*/
.single-post .news{
    padding:5px 0 10px 0;
    margin-bottom: 12px;
}
.single-post .news h2.title{
    margin:0;
    padding:0;
    line-height: 1;
}
.single-post .news p.datetime{
    padding:0;
    margin:0;
}
.single-post .news .content{
    padding:0;
    margin:0;
}
.single-post .news a{
    text-decoration: underline;
}

/*--------------------------------------------------------------
# jQuery related CSS
--------------------------------------------------------------*/
.search-submit,
.additional-info,
.tf-comment,
.performance-table {
    display: none;
}