@import url(https://use.typekit.net/pkc3wpd.css);   #page-container {
padding-top: 80px !important;
}   .logo_container { height: 80px !important; }
#top-menu > li .icon {
max-width: 30px;
}
#top-menu > li .top {
font-size: 24px;
color: #ffffff;  font-family: copperplate, Arial, sans-serif;
display: inline-block;
line-height: 25px; 
border-bottom: 2px solid #c0c0c0;
}
#top-menu > li .top.gucr {
border-bottom: 2px solid #FBD53A;
}
#top-menu > li .top.llcr {
border-bottom: 2px solid #DC5B33;
}
#top-menu > li .top.kacr {
border-bottom: 2px solid #1E964B;
}
#top-menu > li .bottom { 
font-size: 14px;
font-weight: 600; font-family: copperplate, Arial, sans-serif;
float: left;
width: 100%;
color: #ffffff;
padding: 5px 0;
}
#top-menu a {
text-align: center;
}
#top-menu li {
padding-right: 0; 
min-width: 200px;
margin-top:-10px;
margin-bottom:10px;
}
.et_fixed_nav #main-header.et-fixed-header  {
position: fixed;
background: rgba(0,0,0); height: 80px;
}
.et-fixed-header .logo_container {
height: 80px;
}
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
} @media (min-width: 981px){
#left-area {
width: 100%;
}
}
@media only screen and ( max-width:980px ) {
.et_header_style_centered .mobile_menu_bar {
top: -18px;
position: relative;
height: 42px;
}
.et_pb_fullwidth_menu .et_pb_row {
min-height: 46px;
}
.et_pb_fullwidth_menu .et_mobile_menu {
top: 46px;
}
.mobile_menu_bar::before {
color: black !important; font-size: 30px; font-family: "Font Awesome 5 Free" !important; font-weight: 900; content: "\f0c9";  
}
.et_header_style_centered #logo {
max-height: 36px;
}
}
@media only screen and ( max-width:1024px ) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav
#top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed !important; }
.et_fixed_nav #main-header.et-fixed-header  {
position: fixed;
background: rgba(0,0,0); height: 80px;
padding: 0px;
}
.et-fixed-header .logo_container {
height: 80px;
}
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
}
.et_header_style_centered #main-header {
padding: 0px 0;
}
#logo {
max-width: 70% !important;
} body.custom-background { background-image: url(//canalrace.org.uk/wp-content/uploads/2019/02/background_mobile_grey.jpg) !important; 
} #main-content {
//        margin-top: -80px;
} html, body {
overflow-x: unset!important;
}
#main-header {
//        display: none;
//padding: 0px !important;
}
#et_mobile_nav_menu { 
display:block 
}
#top-menu-nav { 
display:none; 
} #footer_links {
position: relative !important;
right: 0px !important;
} .race_page_gallery {
align: center;
margin-left: 40px !important;
margin-right: 40px !important;
}
.race_page_gallery.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
width: 48% !important;
margin: 1% !important;
}
} .et_mobile_menu { border-top: 3px solid white !important; }
.et_mobile_menu li .bottom {
font-size: 14px;
font-weight: 400;
font-style: italic;
float: none !important;
width: 100%;
padding-bottom: 8px;
}
.et_mobile_menu li .bottom:before {
content: "  :  ";
}  span.mobile_menu_bar:before{
color:#ffffff;
}
@media all and (max-width: 767px) {
#main-content .container {
width: 95%;
padding-top: 10px !important;
}
.main_race_intro {
text-align: left !important;
}
.main_content {
text-align: left !important;
padding: 20px !important;
} #et_top_search { 
display:none; 
} .race_page_gallery {
margin-left: 20px !important;
margin-right: 20px !important;
}
.race_page_gallery.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
width: 48% !important;
margin: 1% !important;
}
}
#left-area .et_pb_row {width: 100%; padding-top: 0px;}
#sidebar {display:none;}
#left-area {
padding-left: 0px !important;
}
#left-area .post-meta a {
color: #fff;
text-decoration: underline;
}
h1 { font-family: copperplate, Arial, sans-serif;
line-height: 1.2em;
font-weight: 700;
}
h2 { font-family: copperplate, Arial, sans-serif;
line-height: 1.2em;
font-weight: 700;
}
h3 { font-family: copperplate, Arial, sans-serif;
line-height: 1.2em;
font-weight: 700;
}
h4 { font-family: copperplate, Arial, sans-serif;
line-height: 1.2em;
font-weight: 700;
}
.header_title {
background-color: rgba(0, 0, 0, 0.85);
padding: 24px;
font-size: 40px;
color: rgb(255, 255, 255); font-family: copperplate, Arial, sans-serif;
font-weight: 700;
}
.breadcrumbs {
text-align: right !important;
}
#main-content .container {
padding-top: 30px;
}
.main_content_row {
background-color: rgba(0, 0, 0, 0.85);
margin-bottom: 30px;
padding: 10px !important;
}
.main_content {
padding: 40px 40px 40px 40px;
text-align: justify;
    text-justify: inter-word;
color: rgb(255, 255, 255);
margin-bottom: 0px !important;
}
.main_content ol {
padding-bottom: 0px !important;
}
.main_content ul {
padding-bottom: 0px !important;
}
.main_content hr {
border: 0px;
height: 2px;
width: 90%;
margin-top: 40px;
margin-bottom: 40px;
}
.main_content.gucr hr {
background-color: #FBD53A;
}
.main_content.gucr blockquote {
border-color: #FBD53A;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.main_content.kacr hr {
background-color: #1E964B;
}
.main_content.kacr blockquote {
border-color: #1E964B;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.main_content.llcr hr {
background-color: #DC5B33;
}
.main_content.llcr blockquote {
border-color: #DC5B33;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.main_content.wrcr hr {
background-color: #00FFFF;
}
.main_content.wrcr blockquote {
border-color: #00FFFF;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.main_welcome_text {
background-color: transparent; font-family: copperplate, Arial, sans-serif;
}
.main_text_menu { font-family: copperplate, Arial, sans-serif;
}
.main_text_menu ul {
padding-top: 0px !important;
} .et_pb_fullwidth_menu .fullwidth-menu-nav>ul {
padding-top: 10px !important;
}
.fullwidth-menu li>a {
padding-bottom:15px;
} .fullwidth-menu li > a::after { color: black; content: ""; padding-left: 11px; } 
.fullwidth-menu li { padding-right: 11px; }
.fullwidth-menu li:last-child > a::after { content: ""; } .main_race_intro {
font-family: copperplate, Arial, sans-serif;
font-weight: 500;
text-align: justify;
    text-justify: inter-word;
text-transform: uppercase;
} .race_page_gallery {
margin-left: 40px;
margin-right: 40px;
margin-bottom: 0px !important;
}
.race_page_gallery.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
width: 23% ;
margin: 1% ;
}
.post_main_content {
background-color: transparent !important;
}
.post_container:before {
background-color:transparent !important;
}
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
.footer_copyright {
background-color: black;
}
.et_pb_widget {
background-color: rgba(0, 0, 0, 0.85);
padding: 20px;
margin-bottom: 30px !important; font-family: copperplate, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
}
.et_pb_widget a {
color: white; font-family: copperplate, Arial, sans-serif;
font-weight: 500;
}
#main-footer { width: 100%;  visibility : hidden;}
#footer_links {
position: absolute;
right: 140px;
top: 0px;
}
#footer_links a {
font-weight: normal;
}
#footer-bottom .et-social-icon a {
color: #ffffff;
}
.race_sidebar_menu {
margin-bottom: 0px !important;
padding-bottom: 5px;
}
.race_sidebar_menu {
font-family: Helvetica,Arial,Lucida,sans-serif;
}
.race_sidebar_menu a {
color: white; font-size: 14px !important;
}
.race_sidebar_menu .cat-post-date {
font-size: 12px !important;
}
.race_sidebar_menu h2 {
display: inline-block;
line-height: 5px;
}
.race_sidebar_menu h4 {
display: inline-block; margin-bottom: -10px;
}
.race_sidebar_menu.gucr_accents h2 {
border-bottom: 2px solid #FBD53A;
} 
.race_sidebar_menu.llcr_accents h2 {
border-bottom: 2px solid #DC5B33;
}
.race_sidebar_menu.kacr_accents h2 {
border-bottom: 2px solid #1E964B;
}
.front_race_block h1 {
padding-bottom: 4px;
}
.front_race_block h2 {
padding-bottom: 4px;
}
.front_race_block h3 {
padding-bottom: 16px;
} .entry-content tr th {
padding: 9px 24px;
color: #fff;
font-weight: bold;
} table.dataTable.no-footer {
border-bottom: 1px solid #fff !important;
}
table.dataTable thead th, table.dataTable thead td {
border-bottom: 1px solid #c0c0c0 !important;
} .foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner {
border: 2px solid #fff !important;
}
.foogallery-album-gallery-list .foogallery-pile::before, .foogallery-album-gallery-list .foogallery-pile::after {
border: 0px solid #c0c0c0 !important;
}