/*
 * Theme Name: Customhue.co.uk 1.0
 * Theme URI: http://customhue.co.uk
 * Description: This is a starter theme for customhue.co.uk - WordPress v2.9.1
 * Author: Robert Karaszi & Peter Suba
 * Author URI: http://customhue.co.uk
  * Version: 1.0

 * @package WordPresswesse
 * @subpackage customhue.co.uk
 * @since RKey 1.0
*/

.fb_iframe_widget {display:block !important;} /* fix for Edge browser */
#wpadminbar {z-index:1000009 !important;} /* fix for sticky menu overlapping */

/* Typography - start */
html, body, div, p, table, li, ul, h1, h2, h3, h4, h5 {font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 14px; color: #222222; margin: 0px; padding: 0px; line-height: 22px;}
body {margin: 0px;}

#frame_index #meta {display: none;}
#frame_index #meta img {display: none;}

#frame_content #meta, #frame_member #meta {padding: 0px; margin: 0px 0px 0px 0px; font-style: italic;}
#frame_member #meta {margin: 10px 0px 0px 0px;}
#frame_content #meta img {width: 25px; height: 25px; float: none; margin: 0px;border-radius: 50%;vertical-align:middle;}
#frame_member #meta img {display: none;}
#frame_content .post img.alignleft {float: left; clear: left;}

.entry a {color: #fe0d13;}
#frame_event #meta {display: none;}
#frame_event #meta img {display: none;}

a {color: #444444; text-decoration: none;}
a:hover {color: #FE0D13; text-decoration: none;}

.theChampStravaSvg {
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMy4xLDAgNC4zLDE3LjIgOS42LDE3LjIgMTMsMTAuMyAxNi42LDE3LjIgMjEuOCwxNy4yIAoJCTEzLjEsMCAJIi8+Cgk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGQTU4QiIgcG9pbnRzPSIxOS4xLDMwIDI1LjcsMTcuMiAyMS44LDE3LjIgMTkuMiwyMi4zIDE2LjYsMTcuMiAKCQkxMi43LDE3LjIgMTkuMSwzMCAJIi8+CjwvZz4KPC9zdmc+") no-repeat center center;}

.theWessexPhoneSvg {
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTQ2Mi40OSw0NjguMjA2bC0zMy45MzcsMzMuOTM3Yy02LjA2Myw2LjAzMS0yMy44MTIsOS44NDMtMjQuMzQzLDkuODQzYy0xMDcuNDM1LDAuOTA2LTIxMC44NjktNDEuMjc5LTI4Ni44ODMtMTE3LjMwOQoJQzQxLjA5NiwzMTguNDYtMS4xMzcsMjE0LjYxOSwwLjAzNSwxMDYuODcyYzAtMC4wNjMsMy44OTEtMTcuMzEyLDkuOTM4LTIzLjMxMmwzMy45MzctMzMuOTY4CgljMTIuNDUzLTEyLjQzNywzNi4yOTUtMTguMDYyLDUyLjk5OC0xMi41bDcuMTU2LDIuNDA2YzE2LjcwMyw1LjU2MiwzNC4xNTUsMjMuOTk5LDM4Ljc4LDQwLjk2N2wxNy4wOTMsNjIuNzE3CgljNC42NCwxNy0xLjU5NCw0MS4xODYtMTQuMDMxLDUzLjYyM2wtMjIuNjg3LDIyLjY4N2MyMi4yNSw4Mi40NjcsODYuOTE5LDE0Ny4xMjIsMTY5LjMzOSwxNjkuNDAybDIyLjY4Ny0yMi42ODcKCWMxMi40MzgtMTIuNDM4LDM2LjY4Ny0xOC42NTYsNTMuNjg3LTE0LjAzMWw2Mi43MTcsMTcuMTI1YzE2LjkzNyw0LjU5NCwzNS4zNzQsMjIuMDMsNDAuOTY4LDM4Ljc0OGwyLjM3NSw3LjE1NgoJQzQ4MC41NTIsNDMxLjkyNiw0NzQuOTI4LDQ1NS43NjksNDYyLjQ5LDQ2OC4yMDZ6IE0yODcuOTk1LDI1NS45OTNoMzEuOTk5YzAtMzUuMzQzLTI4LjY1NS02My45OTgtNjMuOTk4LTYzLjk5OHYzMS45OTkKCUMyNzMuNjM2LDIyMy45OTQsMjg3Ljk5NSwyMzguMzY4LDI4Ny45OTUsMjU1Ljk5M3ogTTQxNS45OTEsMjU1Ljk5M2MwLTg4LjM3My03MS42MjMtMTU5Ljk5Ni0xNTkuOTk1LTE1OS45OTZ2MzIKCWM3MC41OTIsMCwxMjcuOTk2LDU3LjQzNiwxMjcuOTk2LDEyNy45OTZINDE1Ljk5MXogTTI1NS45OTYsMHYzMS45OTljMTIzLjQ5NiwwLDIyMy45OTMsMTAwLjQ5NywyMjMuOTkzLDIyMy45OTRoMzEuOTk5CglDNTExLjk4OCwxMTQuNjIyLDM5Ny4zNjcsMCwyNTUuOTk2LDB6IiBzdHlsZT0iZmlsbDojZmYwMDAwIi8+Cjwvc3ZnPg==") no-repeat center center;}

.theWessexMailSvg {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9ImYwMCIgZD0iTTE2NjQgMTUwNHYtNzY4cS0zMiAzNi02OSA2Ni0yNjggMjA2LTQyNiAzMzgtNTEgNDMtODMgNjd0LTg2LjUgNDguNS0xMDIuNSAyNC41aC0ycS00OCAwLTEwMi41LTI0LjV0LTg2LjUtNDguNS04My02N3EtMTU4LTEzMi00MjYtMzM4LTM3LTMwLTY5LTY2djc2OHEwIDEzIDkuNSAyMi41dDIyLjUgOS41aDE0NzJxMTMgMCAyMi41LTkuNXQ5LjUtMjIuNXptMC0xMDUxdi0yNC41bC0uNS0xMy0zLTEyLjUtNS41LTktOS03LjUtMTQtMi41aC0xNDcycS0xMyAwLTIyLjUgOS41dC05LjUgMjIuNXEwIDE2OCAxNDcgMjg0IDE5MyAxNTIgNDAxIDMxNyA2IDUgMzUgMjkuNXQ0NiAzNy41IDQ0LjUgMzEuNSA1MC41IDI3LjUgNDMgOWgycTIwIDAgNDMtOXQ1MC41LTI3LjUgNDQuNS0zMS41IDQ2LTM3LjUgMzUtMjkuNXEyMDgtMTY1IDQwMS0zMTcgNTQtNDMgMTAwLjUtMTE1LjV0NDYuNS0xMzEuNXptMTI4LTM3djEwODhxMCA2Ni00NyAxMTN0LTExMyA0N2gtMTQ3MnEtNjYgMC0xMTMtNDd0LTQ3LTExM3YtMTA4OHEwLTY2IDQ3LTExM3QxMTMtNDdoMTQ3MnE2NiAwIDExMyA0N3Q0NyAxMTN6IiBzdHlsZT0iZmlsbDojZmYwMDAwIiAvPjwvc3ZnPg==") no-repeat center center;}

.theChampAttackpointImg {background:url(/wp-content/uploads/attackpoint_120x120.png) no-repeat center center;}

.theWsxKiteSvg {background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGw9IiNGRTBEMTMiIGQ9IiBNIDAuMDAgMC4wMCBMIDE2LjAwIDAuMDAgTCAxNi4wMCAxNi4wMCBMIDAuMDAgMTYuMDAgTCAwLjAwIDAuMDAgWiIgLz4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9IiBNIDAuOTcgMC45NiBDIDUuMzkgMS4wMSA5LjgwIDEuMDUgMTQuMjIgMS4xMCBDIDkuOTEgNS41NCA1LjU4IDkuOTcgMS4xNCAxNC4yOSBDIDEuMDggOS44NSAxLjA0IDUuNDAgMC45NyAwLjk2IFoiIC8+DQo8L3N2Zz4=") no-repeat 0 center; background-size: auto 80%; padding: 0 0 0 16;}

.ride-stats {display: none;}

/* Typography - stop */

.wsx_postdivider {border:0; height:50px; width:75%;background:url("/wp-content/uploads/post_separator.png");background-position:center;}
.post-edit-link {font-size: x-large; font-weight: bold; margin: 20px 0 0 0; display: inline-block;}
.post-edit-link:before {content: "\f464 "; font-family: dashicons;}
.posttags:before {content: "\f323\00a0"; font-family: dashicons;color:#FE0D13;}
.website:before {content: "\f0ac\00a0\00a0"; font-family: FontAwesome;color:#FE0D13;}

.wsx_contact .dashicons:before {position: relative; left: -2px; top: -2px;}

#frame_content a .r_logo img {float: left; vertical-align:middle; width: auto; height: 40px; margin: 0px 10px 0 0; !important}
#frame_content .r_logo {vertical-align: middle;}
#frame_content a .e_logo img {float: none; vertical-align:middle; width: auto; height: 40px; margin: 0px 10px 0 0; !important}
#frame_content .e_logo {display: inline;}
#frame_content #event-location-info .eo-event-venue-map {width:100%;}
#r_list a p {display: inline-block; vertical-align: middle;}
#eventpost {list-style-image: url(/wp-content/uploads/o-kite16.png); list-style-position: inside;}

#frame_event li.eo-event-future, #frame_event li.eo-event-past, #sidebar_pc li.pis-li, #frame_index li.eo-event-future, .eo-event-meta li, li#r_list {list-style:none;}

#frame_member a {color: #FE0D13;}
#frame_member a:hover {color: #777777;}


/* Personal Computer - more than 1000px - start */
@media (min-width: 1000px) {

body {background: url(images/back.jpg) repeat-y;}
#page-wrap {max-width: 1600px; margin: 0; min-width: 1000px;}
#header {height: 200px; background: #000000 url(images/header.jpg) top left no-repeat; position: relative;}
.description {width: 310px; font-size: 22px; font-weight: bold; color: white; padding: 160px 0 0 30px;}
.textwidget {color: #333333;}

#frame_content .taxonomy-header img {float:left;margin:0px 20px 0px 0px;}

#frame_content {margin: 0 60px 50px 280px; width: auto;overflow: hidden;}
#frame_content h1 {padding: 10px 0 5px; margin: 0px; font-size: 24px; color: #333; font-weight: bold; line-height: 30px;}
#frame_content h2 {padding: 40px 0 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: normal; text-transform: uppercase; line-height: 30px;clear:left;}
#frame_content h2 a {color: #777777;}
#frame_content h2 a:hover {color: black;}
#frame_content h3 {padding: 20px 0; font-size: 22px; color: #333333;clear:left;}
#frame_content p {padding: 10px 0;}
#frame_content ul {padding: 0 0 5px 20px; width: auto; float: inherit;}
#frame_content .entry {margin: 20px 0 0 0;}

#frame_content img {max-width: 300px; height: auto; margin: 20px 10px;}
#frame_content .wp-caption-text {font-style: italic; color: #555555; font-size: 90%;}

#frame_content .backtothelist {padding: 40px 0 0;}
#frame_content .backtothelist a {font-weight: bold;}
#frame_content .intheline img {float: none; padding: 0 0 0 3px; margin: 0px; height: 18px; width: auto;}

#frame_content a, #frame_content a p {color: #FE0D13;}
#frame_content a:hover, #frame_content a p:hover {color: #777777;}


#sidebar_mob {display: none;}


#sidebar_pc {float: left; width: 160px; height:auto; padding: 0 30px; color: white;}
#sidebar_pc .widget {color: white;}
#sidebar_pc a {color: white;}
#sidebar_pc a:hover {color: #FE0D13;}
#sidebar_pc ul, li {margin: 0 0 10px;}
#sidebar_pc h2 {padding: 10px 0 5px 0; font-size: 16px; color: #888888; text-transform: uppercase; font-weight: normal; font-size: 18px;}
#sidebar_pc img {margin: 1px 1px 0 0; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#sidebar_pc ul {padding: 0 0 5px 0; font-size: 16px; color: white;}
#sidebar_pc li {color: white;}
#sidebar_pc p {padding: 0 0 5px 0; font-size: 16px; color: white;}

#sidebar_pc .event {height: auto; margin: 0 0 10px; padding: 0 0 15px;}
#sidebar_pc .event-date {float: left; width: auto;}
#sidebar_pc .start-date {float: left; width: auto;}
#sidebar_pc .event-weekday {float: left; width: auto; padding: 0 2px 0 0; color: white;}
#sidebar_pc .event-day {float: left; width: auto; padding: 0 2px; color: white;}
#sidebar_pc .event-month {float: left; width: auto; padding: 0 2px; color: white;}
#sidebar_pc .event-year {display: inline; float: left; width: auto; padding: 0 2px; color: white;}
#sidebar_pc .event-info {clear: both; padding: 0px; color: white;}
#sidebar_pc .event-title {float: none; padding: 0px; color: white;}
#sidebar_pc h3 {font-size: 14; padding: 0px; margin: 0px; color: white;}
#sidebar_pc .event-time {display: none;}
#sidebar_pc .event-location div {clear: both; width: auto; margin: 0 0 10px; padding: 0 0 10px 0;}

#sidebar_posts {float: left; width: 220px; padding: 0 30px; color: white;min-height: 100vh;margin-top: -300px;padding-top: 300px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#sidebar_posts .widget, #sidebar_posts div, #sidebar_posts td {color: white;}
#sidebar_posts a {color: #FE0D13;}
#sidebar_posts a:hover {color: #777;}
#sidebar_posts c ul, li {margin: 0 0 10px;}
#sidebar_posts h2 {padding: 10px 0 5px 0; font-size: 16px; color: #888888; text-transform: uppercase; font-weight: normal; font-size: 18px;}
#sidebar_posts img {margin: 1px 1px 0 0; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#sidebar_posts ul {padding: 0 0 5px 0; font-size: 16px; color: white;}
#sidebar_posts li {color: white;}
#sidebar_posts p {padding: 0 0 5px 0; font-size: 16px; color: white;}

#wp-calendar {width:100%;font-size:12px;font-weight:300;border-collapse:separate;border-spacing:2px;margin-left:-2px;}
#wp-calendar caption {color:#ccc;}
#wp-calendar tbody td {margin-bottom:10px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #f4f4f4;padding:3px;}
#wp-calendar tbody td:hover {border-color:#e2e2e2;}
#wp-calendar tbody td.pad {border:0;}
#wp-calendar tbody td#today {color:#f77;border-color:#f77;}
#wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a {color:#FE0D13;font-size:12px;font-weight:400;position:relative;text-transform:uppercase;bottom:-9px;margin-bottom:1px;}
#wp-calendar tfoot td#prev {text-align:left;}
#wp-calendar tfoot td#next {text-align:right;}
#wp-calendar thead th {font-size:13px;font-weight:400;color:#888;text-align:center;padding-bottom:5px;}
#wp-calendar tbody tda, #wp-calendar tfoot td#prev a:hover, #wp-calendar tfoot td#next a:hover {color:#777;}

#sidebar_events #wp-calendar thead th {color:#000;}
#sidebar_events #wp-calendar tbody td {border:1px solid #d4d4d4;}
#sidebar_events #wp-calendar tbody td.pad {border:0;}
#sidebar_events #wp-calendar caption {color: white;}


.textwidget div {color: white;}
.textwidget div a:hover {color: white;}


.menu {display: none;}

#frame_event .post {display:table; table-layout: fixed;}
#frame_event .eo-fullcalendar {margin: 0px 5px 5px 0px;}

#frame_event {margin: 0 0 20px 270px; width: auto; display: block;overflow: hidden;}
#frame_event h2 {padding: 40px 0px 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: normal; text-transform: uppercase;}
#frame_event h2 a {color: #777777;}
#frame_event h2 a:hover {color: black;}
#frame_event h3 {padding: 20px 0; font-size: 22px; color: #333333;}
#frame_event p {padding: 0px;}

#frame_event .event-list-view .event {width: auto; padding: 0px; max-height: 20px;}
#frame_event .single-event-view .event {width: auto; padding: 0px; height: auto;}
#frame_event .event {clear: both; border-top: solid 1px #dedede;}
#frame_event .event-date {float: left; width: 100px; padding: 5px 0;}
#frame_event .start-date {float: left;}
#frame_event .end-date {clear: both;}
#frame_event .event-weekday {float: left; width: auto; padding: 0 4px 0 0; font-size: 10px;}
#frame_event .event-day {float: left; width: auto; padding: 0 2px 0 0; font-size: 14px;}
#frame_event .event-month {float: left; width: auto; padding: 0 4px 0 0; font-size: 14px;}
#frame_event .event-year {float: left; width: auto; padding: 0 2px 0 0; font-size: 10px;}
#frame_event .event-info {float: left; padding: 0px; border-left: solid 1px #dedede;}
#frame_event .event-title {float: left; width: 230px; padding: 0 10px;}
#frame_event h3 {font-size: 14; padding: 5px 0 0; margin: 0px;}
#frame_event .event-time {display: none;}
#frame_event .event-location {float: left; width: 100px; padding: 5px 0 0; text-align: right;}
#frame_event .event-details {clear: both; width: 340px; padding: 0 0 0 10px; text-align: justify;}
#frame_event .single-event-view .event-details p {padding: 5px 0 10px 0; text-align: justify;}
#frame_event .single-event-view .event-details img {padding: 0 0 10px 0; width: 340px; height: auto;}
#frame_event .single-event-view, .event-details {clear: both;}


.hlist li {float: left; padding: 0 5px;}


#sidebar_events {float: right; width: 200px; background: #FE0D13; padding: 20px 20px 50px 20px; margin: 0 0 30px 30px; -moz-border-radius:0px 0px 0px 50px; -webkit-border-radius:0px 0px 0px 50px; border-radius:0px 0px 0px 50px;}
#sidebar_events h2 {padding: 20px 0 0; margin: 0px; font-size: 18px; color: #777777; font-weight: normal; text-transform: uppercase; line-height: 20px; color: white;}
#sidebar_events p {padding: 10px 0; color: white;}
#sidebar_events a {color: white; font-weight: bold;}
#sidebar_events a:hover {color: #222222;}
#sidebar_events #wp-calendar {width:100%; text-align: center; z-index: -1;}


.filterbar {display: compact; width: auto;}


#frame_index {margin: 0 0 20 220px; display: block; width: auto;overflow: hidden;}

#frame_index h2 {padding: 40px 80px 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: normal; text-transform: uppercase; line-height: 30px;}
#frame_index h2 a {color: #777777;}
#frame_index h2 a:hover {color: black;}
#frame_index h3 {padding: 20px 80px; font-size: 22px; color: #333333;}
#frame_index p {padding: 10px 80px 0;}
#frame_index ul {padding: 0 0 5px 0;}
#frame_index img {width: 100%; height: auto; margin: 20px 0;}
#frame_index .slideshow_index {padding: 0 340px 0 80px;}

#sidebar_index {float: right; width: 200px; background: #FE0D13; padding: 20px 20px 50px 20px; margin: 0 0 30px 80px; -moz-border-radius:0px 0px 0px 50px; -webkit-border-radius:0px 0px 0px 50px; border-radius:0px 0px 0px 50px;}

#sidebar_index h2 {padding: 20px 0 5px; margin: 0px; font-size: 18px; font-weight: normal; color: white; text-transform: uppercase; line-height: 30px;}
#sidebar_index p {padding: 10px 0; color: white;}
#sidebar_index a {color: white; font-weight: bold;}
#sidebar_index a:hover {color: #222222;}

#sidebar_index .event {height: auto; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #FE7283;}
#sidebar_index .event-date {float: left; width: auto;}
#sidebar_index .start-date {float: left; width: auto;}
#sidebar_index .event-weekday {float: left; width: auto; padding: 0 2px 0 0; color: white;}
#sidebar_index .event-day {float: left; width: auto; padding: 0 2px; color: white;}
#sidebar_index .event-month {float: left; width: auto; padding: 0 2px; color: white;}
#sidebar_index .event-year {display: inline; float: left; width: auto; padding: 0 2px; color: white;}
#sidebar_index .event-info {clear: both; padding: 0px; color: white;}
#sidebar_index .event-title {float: none; padding: 0px; color: white;}
#sidebar_index h3 {font-size: 14; padding: 0px; margin: 0px; color: white;}
#sidebar_index .event-time {display: none;}
#sidebar_index .event-location div {clear: both; width: auto; margin: 0 0 10px; padding: 0 0 10px 0;}


#footer {height: 55px; padding: 35px 0 0 200px;}
#footer .left {float: left; max-width: 500px; color: white;}
#footer .right {float: right; width: 250px; text-align: right; color: white; padding-right: 30px;}

#event-location-info {float:right;width:40%;border:solid 1px grey; padding:5px}
#event-location-info ul {float:none;}
#map-canvas {margin-bottom: 10px;}

.header-wrap {text-align: left; padding: 100px 50px 10px 10px; margin: 10px 0 0 0;}
#frame_content .header-wrap h1.entry-title {font-weight: 400; color: #FFF; text-shadow: 1px 1px 2px black;}

#eo_fullcalendar_1 h2 {padding:0;}

#frame_content .event-entry-meta img {float: right; width: 150px; margin: 0px 10px;}

/* Strava activities map below, for future use*/

#frame_content #wsc #map {height: 400px; min-height:400px; !important}  
#wsc #map img[src*="athletes"] {height: 30px; width: 30px; !important} /* hack to display profile images at same size on Strava activities map*/
#wsc #map img[src*="graph.facebook"] {height: 30px; width: 30px; !important}

/* Strava activities map - stop*/


#frame_member {margin: 0 0px 50px 270px; width: auto;overflow: hidden;}
#frame_member h1 {padding: 10px 0 5px; margin: 0px; font-size: 24px; color: #333; font-weight: bold; line-height: 30px;}
#frame_member h2 {padding: 40px 0 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: bold; text-transform: uppercase; line-height: 30px;}
#frame_member h2 a {color: #777777;}
#frame_member h2 a:hover {color: black;}
#frame_member .wsx_teamrole {display:inline-block; font-size: 20px; color: #aaa;margin: 0px 0px 20px 0px;}
#frame_member h3 {display:inline-block; font-size: 20px; color: #aaa;margin: 20px 0px 20px 0px; font-weight:normal;}
#frame_member .wsx_contact span {margin: 0 0 0 5;}
#frame_member p {padding: 10px 0;}
#frame_member ul {padding: 0 0 5px 0; width: auto; float: inherit;}
#frame_member .wsx_profile_image img {float:left; max-width: 300px; height: auto; margin: 40px 20px 0px 0px; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 3px #777777; -moz-box-shadow: 5px 5px 5px 3px #777777; box-shadow: 5px 5px 5px 3px #777777;}
#frame_member .backtothelist {padding: 40px 0 0;}
#frame_member .backtothelist a {font-weight: bold;}
#frame_member .intheline img {float: none; padding: 0 0 0 3px; margin: 0px; height: 18px; width: auto;}


#sidebar_member {float: left; width: 160px; height:auto; padding: 0 30px; color: white;}
#sidebar_member .widget {color: white;}
#sidebar_member a {color: #ff7777;}
#sidebar_member a:hover {color: #FE0D13;}
#sidebar_member h2 {padding: 10px 0 5px 0; font-size: 16px; color: #999999; text-transform: uppercase; font-weight: normal; font-size: 18px;}
#sidebar_member img {margin: 1px 1px 0 0; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#sidebar_member p {padding: 0 0 5px 0; font-size: 12px; color: white;}
#sidebar_member h3 {font-size: 14; padding: 0px; margin: 0px; color: white;}

#sidebar_member #ctf .ctf-tweet-actions a.ctf-reply, #sidebar_member #ctf .ctf-tweet-actions a.ctf-retweet, #sidebar_member #ctf .ctf-tweet-actions a.ctf-like {color:#bbb;}
#sidebar_member #ctf .ctf-tweet-meta {font-style: italic;}
#sidebar_member #ctf .ctf-tweet-meta:before {content: "\f099  "; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#bbb;}
#sidebar_member #ctf .ctf-quoted-tweet, #sidebar_member #ctf .ctf-retweet-text {display: none;}



#wsx_member_sidebar {min-height: 100vh;margin-top: -354px;padding-top: 354px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

#frame_member #wsx_member_mobilecontacts {display: none;}

#wsx-trainingactivity {float: right; width: 300px; background: #FE0D13; padding: 20px 20px 50px 20px; margin: 0 0 30px 30px; -moz-border-radius:0px 0px 0px 50px; -webkit-border-radius:0px 0px 0px 50px; border-radius:0px 0px 0px 50px;}
#wsx-trainingactivity h3 {padding: 20px 0 0; margin: 0px; font-size: 16px; color: #ddd; font-weight: normal; text-transform: uppercase; line-height: 20px;}
#wsx-trainingactivity p {padding: 10px 0; color: white;}
#wsx-trainingactivity a {color: white; font-weight: bold;}
#wsx-trainingactivity a:hover {color: #222222;}
#frame_member #wsx-trainingactivity img {margin: 10px 0px;}

#frame_member #wsx-member-header {display:table;table-layout:fixed;}
#frame_member .wsx_profile_image {display:table-cell;max-width:300px;}
#frame_member .wsx_profile_image img {width:100%;}
#frame_member #wsx-member-meta {display:table-cell;vertical-align: top;min-width:300px;padding:0 0 0 20px;}
#frame_member #wsx-member-editlink, #frame_member .table-row {display:table-row;width:100%;}
#frame_member #wsx-member-useractions {width:100%;font-size: x-large;font-weight: bold;margin: 20px 0 0 0;}

.postcategories:before {content: "\00a0\00a0\f142\00a0\00a0\00a0\f07c"; font-family: FontAwesome;color:#FE0D13;}
.postevents:before {content: "\00a0\00a0\00a0\f142\00a0\00a0"; font-family: FontAwesome;color:#FE0D13;}


table {border-collapse: collapse;}

}/* Personal Computer - more than 1000px - stop */



/* Mobile device - less than 999px - start */
@media (max-width: 999px) {

body {}
#page-wrap {max-width: 999px; min-width: 320px;}
#header {background: black url(images/header_m.jpg) top left no-repeat; height: 23px; padding: 75px 0 0 15px; }
.description {width: auto; font-size: 18px; font-weight: bold; color: white;}
.textwidget {color: #333333;}
#access {display: none;}
#sidebar_pc {display: none;}
#sidebar_member {display: none;}
#wsx-trainingactivity {display: none;}

.postcategories:before {content: "\a\f07c"; font-family: FontAwesome;color:#FE0D13;white-space:pre;}
.postevents:before {content: "\a"; font-family: FontAwesome;color:#FE0D13;white-space:pre;}
#r_list strong:after {content: "\a"; white-space:pre;}

#frame_event .textwidget a {color: #fe0d13;}

#frame_index {margin: 0 10px 20px 10px;}
#frame_index h2 {padding: 40px 0 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: normal; text-transform: uppercase; line-height: 30px;}
#frame_index h2 a {color: #777777;}
#frame_index h2 a:hover {color: black;}
#frame_index h3 {padding: 20px 0; font-size: 22px; color: #333333;}
#frame_index p {padding: 10px 0;}
#frame_index ul {padding: 0 0 5px 0;}
#frame_index img {max-width:100%; height: auto; margin: 10px 0 0;}
#frame_index .slideshow_index {padding: 0px;}


#sidebar_index {display: none;}
#sidebar_posts {display: none;}

#frame_content {margin: 0 10px 20px;}
#frame_content h1 {padding: 10px 0 5px; margin: 0px; font-size: 22px; color: #333; font-weight: bold; line-height: 30px;}
#frame_content h2 {padding: 40px 10 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: normal; text-transform: uppercase; line-height: 30px;}
#frame_content h2 a {color: #777777;}
#frame_content h2 a:hover {color: black;}
#frame_content h3 {padding: 20px 0; font-size: 22px; color: #333333;}
#frame_content p {padding: 10px 0;}
#frame_content ul {padding: 0 0 5px 0;}
#frame_content img {max-width:100%; height: auto; margin: 10px 0 0;}
#frame_content ul {width: auto;}
#frame_content .backtothelist {padding: 40px 0 0;}
#frame_content .backtothelist a {font-weight: bold;}
#frame_content .intheline img {float: none; padding: 0 0 0 3px; margin: 0px; height: 18px; width: auto;}
#frame_content a, #frame_content a p {color: #FE0D13;}
#frame_content .taxonomy-header img {display:block; clear:right;}



#sidebar_mob {}


.textwidget div {color: white;}
.textwidget div a:hover {color: white;}


.menu {display: none;}


#frame_event {margin: 0 10px 20px;}
#frame_event h2 {padding: 40px 0 5px; margin: 0px; font-size: 27px; color: #777777; font-weight: normal; text-transform: uppercase; line-height: 30px;}
#frame_event h2 a {color: #777777;}
#frame_event h2 a:hover {color: black;}
#frame_event h3 {padding: 20px 0; font-size: 22px; color: #333333;}
#frame_event p {padding: 0px;}

#frame_event .event-list-view .event {width: auto; padding: 0px; max-height: 20px;}
#frame_event .single-event-view .event {width: auto; padding: 0px; height: auto;}
#frame_event .event {clear: both; border-top: solid 1px #dedede;}
#frame_event .event-date {float: left; width: 100px; padding: 5px 0;}
#frame_event .start-date {float: left;}
#frame_event .end-date {clear: both;}
#frame_event .event-weekday {float: left; width: auto; padding: 0 4px 0 0; font-size: 10px;}
#frame_event .event-day {float: left; width: auto; padding: 0 2px 0 0; font-size: 14px;}
#frame_event .event-month {float: left; width: auto; padding: 0 4px 0 0; font-size: 14px;}
#frame_event .event-year {float: left; width: auto; padding: 0 2px 0 0; font-size: 10px;}
#frame_event .event-info {float: left; padding: 0px; border-left: none;}
#frame_event .event-title {width: auto; padding: 0px;}
#frame_event h3 {font-size: 14; padding: 5px 0 0; margin: 0px;}
#frame_event .event-time {display: none;}
#frame_event .event-location {padding: 5px 0 0; text-align: right;}
#frame_event .event-details {width: auto; padding: 0 10px 0 0; text-align: justify;}
#frame_event .single-event-view .event-details p {padding: 5px 0 10px 0; text-align: justify;}
#frame_event .single-event-view .event-details img {padding: 0 0 10px 0; width: 280px; height: auto;}
#frame_event .single-event-view, .event-details {clear: both; text-align: justify;}

#frame_content .header-wrap {background-image:none !important;}
#frame_content .header-wrap h1.entry-title {font-weight: 400; color: #333; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 30px;}


.hlist li {float: left; padding: 0 5px;}

.filterbar {display: compact; width: auto;}


#footer {height: auto;}
#footer .left {width: auto; color: white; padding: 70px 0 0 30px;}
#footer .right {width: auto; text-align: right; color: white; padding: 20px 10px;}


.mobile_sidebar {height: auto; background: #DEDEDE; text-align: center; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;}

a #r_logo img {clear: left; float: left; width: auto; height: 40px; margin: 10px 10px 0; !important}
#r_list {line-height: 40px;}
#r_logo {vertical-align: middle;}



.login_mobile_menu a {color: blue; text-decoration: none; padding: 10px 10px;}
.login_mobile_menu a:hover {color: #FE0D13; text-decoration: none;}

#frame_member {margin: 0 10 0 10;}
#frame_member #wsx_member_mobilecontacts {display: inherit;}
#frame_member #wsx-member-useractions {width:100%;font-size: x-large;font-weight: bold;margin: 20px 0 0 0;}
#frame_member #wsx-member-useractions a:before {content: "\a\a"; white-space:pre;}
#frame_member h2 {padding: 10px 0 5px; margin: 0px; font-size: 28px; color: #777777; font-weight: bold; text-transform: uppercase; line-height: 30px;}
#frame_member .wsx_teamrole {display:inline-block; font-size: 20px; color: #aaa;margin: 0px 0px 20px 0px;}
#frame_member h3 {display:inline-block; font-size: 20px; color: #aaa;margin: 20px 0px 20px 0px; font-weight:normal;}
#frame_member .wsx_contact span {margin: 0 0 0 5;}
#frame_member .wsx_contact span a {overflow: hidden; text-overflow: ellipsis;display: block;}
#frame_member .wsx_profile_image img {float:left; height:auto; width:calc(100% - 20px); margin: 10px 20px 20px 0px; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 3px #777777; -moz-box-shadow: 5px 5px 5px 3px #777777; box-shadow: 5px 5px 5px 3px #777777;}

#sidebar_events .widget_calendar {display: none;}
#sidebar_events #text-3 {display: none;}
#sidebar_events #text-4 {display: none;}
#sidebar_events #text-2 a {color: #fe0d13;}


}/* Mobile device - less than 999px - stop */



/*Menu start*/
#access {padding: 0 0 0 40px; float: right; width: auto; background: black; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; -moz-border-radius:0px 0px 0px 40px; -webkit-border-radius:0px 0px 0px 40px; border-radius:0px 0px 0px 40px;}

#access ul {text-align: left; list-style: none; padding: 0px; margin: 0px;}
#access li {width: auto; margin: 0px; float: left; position: relative; text-transform: uppercase; font-weight: normal;}
#access li:first-child {border-top: none;}
#access a {font-size: 12px; color: white; display: block; line-height: 20px; text-decoration: none; font-weight: bold; padding: 10px;}

#access ul ul {display: none; width: auto; float: left; margin: 0px; position: absolute; top: 40px; right: 0px; z-index: 99999; text-align: center; background: #dedede; padding-left: 10px; padding-right: 10px;}
#access ul ul:last-child {border: none;}
#access ul ul ul {right: 100%; top: 0;}
#access ul ul a {background: #dedede; color: #444; height: auto; line-height: 20px; width: 200px; padding: 10px 0;}

#access li li {border-top: 1px solid #cccccc; filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; }
#access li li li {}
#access li:hover > a,

#access ul ul :hover > a,
#access a:focus {}
#access li:hover > a,
#access a:focus {color: #333333; background: #dedede;}
#access ul li:hover > ul {display: block;}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {color: #FF0E11;}
#access .current-menu-item > a:hover,
#access .current-menu-ancestor > a:hover,
#access .current_page_item > a:hover,
#access .current_page_ancestor > a:hover {color: #FF0E11;}
/*Menu stop*/


/* Team masonry display - start */

#frame_content .col-one-fourth { padding: 0 10px; min-height: 175px; font-size: 14px; background: #eee; border-radius: 5px; display: inline-block; overflow: hidden; line-height: 1em; position: relative; vertical-align: middle; box-sizing: border-box; float: left; margin: 0 20px 20px 0; width: 470px; box-sizing: border-box;}
.mtps_image_centering { width: 40%; display: inline-block; margin-bottom: 0; position: absolute !important; top: 0px; left: 0px; max-height: 100%; overflow: hidden; margin: 0; padding: 0; }
#frame_content .mtps_image_centering img { margin: 0; display: block; color: grey; width:100%; box-shadow:none;}
.mtps_text_container { width: 59.5%; display: inline-block; margin: -5px 0 0.5em 40%; padding: 10px; }
.mtps_attributes { width: 100%; display: inline-block; margin: 5px 0; }
#frame_content h3.cmt-name { font-weight: bold; margin: 0; padding: .2em 0;}
.mtps_links { margin: 0px 0;}
#frame_content .mtps_element span { margin: 0 5 0 0;}

/* Team masonry display - stop*/

/* Event lists - start */

#event-list-table th {text-align: center; color: #fff; background-color: #FE0D13; font-weight: bold;vertical-align: center; border: 1px solid grey; padding:0.3em;}
#event-list-table td {text-align: center; vertical-align: center; border: 1px solid grey; padding:0.3em;}
#event-list-table tr:nth-child(even) {background-color: #eee;}
#event-list-table tr:nth-child(odd) {background-color: #fff;}
#event-list-table {width: calc(100% - 10px); border-collapse: collapse;}

/* Event lists - stop */

/* Common elements - start */
html {background: white;}
#page-wrap {position: relative;}
#header {}
.bloginfo {display: none;}
#content {}
#content p {line-height: 20px;}

.fix {clear: both;}

#frame_index .the_champ_sharing_container {margin: 20px 0 0 80px;}
.the_champ_sharing_container {margin: 20px 0 0 0px;}

#footer {background: black url(/wp-content/uploads/2015/08/footer_s1.png) 30px 20px no-repeat; color: white;}
#footer a {font-weight: bold; color: white; text-decoration: none;}
#footer a:hover {color: #FE0D13; text-decoration: none;}


.searchform_div {height: 30px; margin: 20px 0 0 0;}
input.search_input {width: 110px; height: 30px; float: left; background: white; padding: 5px; -moz-border-radius:15px 0px 0px 15px; -webkit-border-radius:15px 0px 0px 15px; border-radius:15px 0px 0px 15px; border: none;}
input[type="submit"]#searchsubmit {width: 40px; height: 30px; float: left; background: white url(images/search.png) no-repeat center; padding: 0px; -moz-border-radius:0px 15px 15px 0px; -webkit-border-radius:0px 15px 15px 0px; border-radius:0px 15px 15px 0px; border: none;}
/* Common elements - stop */



/* Plugin CSS elements - start */
#sidebar_pc .pis-title {padding: 0 0 5px 0; font-weight: bold; font-size: 20px;}
#sidebar_pc .pis-li {padding: 10px 0 10px 0; border-bottom: 1px solid #333333;}

.nice-team {margin: 20px 0 0;}
.nice-team-member {width:100%; margin:0 0 5px; background: #dedede; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px;}
.team-member-889 {background: #dedede;}

#container {margin: 5px 0 0 300px;}
#container .nice-team-member {background: white; padding: 0px;}
#container .team-member-889 {background: white;}
#container h1 {padding: 40px 0 30px;margin: 0px;font-size: 28px;color: #777777;font-weight: normal;text-transform: uppercase;}
#container .nice-team-member-featured-image, .featured-image {display: none;}
#nice-team-member-navigation {display: none;}

#frame_event h3.azc_tsh_toggle, #frame_content h3.azc_tsh_toggle, #frame_content h3.azc_tsh_toggle_open_active, #frame_event h3.azc_tsh_toggle_open_active {padding: 7 0 5 40;}

.member-name {font-weight: bold; font-size: 16px;}
.member-position {font-style: italic;}
.member-email, .member-url, .member-twitter, .member-facebook, .member-linkedin {background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 5px 0 0; padding: 5px; border: 1px solid #dedede;}
.nice-team-member-content {margin: 0 0 20px 0;}
/* Plugin CSS elements - stop */