.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}} /*
Theme Name: Coach Cox Theme
Theme URI: https://www.coachcox.co.uk/
Description: Current theme for Coach Cox site. 
Author: Russell Cox
Author URI: https://www.coachcox.co.uk/
Tags: single column, custom page templates

HTML styling */

/* Basic HTML element styling */
html {
/* Colour definitions */	
--cc-main-red: #f04040;
--cc-dark-red: #d41e1a;
--cc-main-blue: #6993de;
--cc-dark-blue: #4b7cd5;
--cc-main-green: #28cc5e;
--cc-dark-green: #23b553;

--cc-background-red: #fef7f6;
--cc-trim-red: #eecfcf;
--cc-background-blue: #f7fafe;	
--cc-trim-blue: #dcdfe3;

--cc-box-black: #222020;
--cc-box-light: #7588a4;

/* Standard font sizes */
--cc-text-base: 18px;
--cc-text-article: 18px;
--cc-text-minor: 16px;
--cc-text-data: 14px;
--cc-text-data-label: 14px;
--cc-text-data-title: 18px;

--cc-main-title: 42px;
--cc-subtitle-a: 26px;
--cc-subtitle-b: 22px;

--cc-description: 20px;
}

body { font: var(--cc-text-base) Helvetica, Verdana, sans-serif; line-height: 1.6; margin: 0; padding: 0; background: black; }

@media screen and (max-width: 600px) {
	html { --cc-text-base: 16px; --cc-description: 16px; }
	body { --cc-text-base: 18px; --cc-description: 16px; }
}

p { padding: 0 0 15px; }

a { color: #960906; text-decoration: none; border: 0; border-width: 0; outline: none; }

a:visited { color: #960906; text-decoration: none; }

a:hover { color: #fc1814; text-decoration: none; }

ul { margin: 0 0 15px 15px; padding: 0; }

ul li { border: none; list-style: circle; margin-left: 15px; padding: 2px 0; }

h1 { color: #c9eefe; font: lighter 36px Tahoma, Helvetica, sans-serif; height: 60px; margin: 0; }

h1 a, h1 a:visited { color: #c9eefe; text-decoration: none; }

h1 a:hover { color: #ffffff; text-decoration: none; }

h2 { color: white; font: var(--cc-main-title) Tahoma, Helvetica, sans-serif; font-weight: 600; text-align: center; margin: 0 0 10px 0; padding: 6px 0; background-color: var(--cc-dark-red); text-shadow: 1px 1px 3px #ab0000, -1px 1px 3px #ab0000, 1px -1px 3px #ab0000, -1px -1px 3px #ab0000; }

h2 a, h2 a:visited { color: white; text-decoration: none; }

h2 a:hover { color: white; text-decoration: none; }

h3 { color: black; font: normal var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; font-weight: 600; margin: 10px 0 5px; padding-bottom: 1px; }

h4 { color: black; font: normal var(--cc-subtitle-b) Tahoma, Helvetica, sans-serif; font-weight: 600; margin: 10px 0 5px; padding-bottom: 1px; }

hr.clear { clear: both; margin: 0; padding: 0; visibility: hidden; }

img { border-radius: 2px; height: auto; }

img a { border: 0; border-width: 0; outline: none; }

img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0; }

img.alignright, img[align="right"] { float: right; margin: 2px 0 5px 10px; }

img.aligncenter, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

/* Flexible width for images (overrides WP hardcoding) */

.content img { max-width: 95%; }

.wp-caption { max-width: 100%; }

/* End of Felxible width for images */

form { margin: 0; padding: 0; }

/* End of Basic HTML element Styling */

/* Main Page Containers */

/*.page-wrapper { display: flex; min-height: 100vh; flex-direction: column; justify-content: flex-start; padding: 0; margin: 0; background: white;} */
.page-wrapper { display: grid; grid-template: fit-content(100%) auto fit-content(100%) / minmax(320px,100%); min-height: 100vh; padding: 0; margin: 0; background: white;}

#page { background: #fcfcfc; padding: 0; margin: 0 auto; min-width: 290px; width: 100%; }

.content { width: 100%; padding: 0;}

.content p { padding: 0 10px 15px; }
.content h3 { padding: 0 10px 1px; }
.content h4 { padding: 0 10px 1px; }

.content-wide { width: 100%; }

#comments, #respond, #relatedposts-title { clear: both; padding: 10px 0 1px 0; }

/* Top Navigation */

#topnavcontainer { width: 100%; height: 125px; --topnav-font-size: 16px; --dropdown-title-size: 20px; --dropdown-link-size: 20px; --dropdown-sublink-size: 16px; --subheader-tag-size: 20px; --dropdown-vert-padding: 12px; --subheader-tag-min: 170px; --subheader-tag-max: 500px; --subheader-social-min: 240px; --subheader-social-max: 260px; }

#topnav { box-sizing: border-box; background-color: black; width: 100%; height: 62px; min-width: 320px; position: fixed; z-index:7000; border-bottom: 2px #fc1814 solid; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2); }

#topnav .content { box-sizing: border-box; background-color: black; margin: 0 auto; height: 60px; min-width: 320px; max-width: 1200px; font-weight: 600; font-size: var(--topnav-font-size); display: flex; justify-content: Space-between; flex-direction: row;  }

/* Navigation Menus */

#topnav .hmenu { box-sizing: border-box; margin: 0 10px; padding: 0; overflow: hidden; background-color: black; height: 60px; display: flex; justify-content: flex-end; flex-direction: row; }

#topnav .hmenu .option { box-sizing: border-box; width: 115px; padding: 0; margin: 0; height: 60px; align-content: center; justify-content: center; display: flex;}

#topnav .hmenu .option > a { box-sizing: border-box; color: white; text-align: center; width: 90px; height: 60px; align-content: center; justify-content: center; }
#topnav .hmenu .option > div { box-sizing: border-box; color: white; text-align: center; width: 90px; height: 60px; align-content: center; justify-content: center; }

#topnav .option:hover { background-color: #fc1814; }

#topnav .dropdown-content { display: none; background-color: #fc1814; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.4); border-bottom: 1px #fc1814 solid; min-width: 160px; width: 100%; margin: 0; position: absolute; right: 0; top: 60px; float: right; }

#topnav .dropdown-content li { display: block; color: white; padding: 0; text-decoration: none; text-align: left; width: 100%; }
#topnav .dropdown-content li.title { font-size: var(--dropdown-title-size); padding: var(--dropdown-vert-padding) 16px; font-size: 20px; text-align: left; background: black; border: 4px #fc1814 solid; }
#topnav .dropdown-content li.link { font-size: var(--dropdown-link-size); }
#topnav .dropdown-content li.sublink { font-size: var(--dropdown-sublink-size); }

#topnav .dropdown-content a { display: block; color: white; padding: var(--dropdown-vert-padding) 16px; text-decoration: none; text-align: left; min-width: 160px; width: 100%;}
#topnav .dropdown-content .sublink a { padding: var(--dropdown-vert-padding) 16px var(--dropdown-vert-padding) 36px; }
#topnav .dropdown-content li:has(a):hover{ background-color: black; }

#topnav .dropdown:hover > .dropdown-content { display: block; }

#topnav .hmenu .option.vmenu { width: 60px; height: 60px; list-style: none; padding: 0; margin: 0; display: none; }

#topnav .hmenu .option.vmenu .menuicon { font-size: 35px; line-height: 40px; padding: 10px 0; }

.hm { }

/* Site Logo */

#topnavlogo { height: 60px; width: 195px; float: left; margin: 0 10px 0 10px;} 
#topnavlogo a { float: left; display : block; height: 60px; width: 195px; }

#topnavsubheader { box-sizing: border-box; background-color: #ededed; border-bottom: 1px #c7c7c7 solid; min-width: 320px; width: 100%; height: 120px; padding: 60px 0 0 0;  }
#topnavsubheader .content { box-sizing: border-box; margin: 0 auto; height: 60px; min-width: 320px; max-width: 1200px; display: flex; justify-content: space-between; align-items: center; }

#topnavsubheader .tag { color: #222; font: normal var(--subheader-tag-size) Helvetica, sans-serif; margin: 0 10px; overflow: hidden; min-width: var(--subheader-tag-min); width: calc(50vw); max-width: var(--subheader-tag-max);}
#topnavsubheader .social { display: flex; justify-content: space-around; align-content: center; flex-direction: row; margin: 0 10px; min-width: var(--subheader-social-min); width: calc(50vw); max-width: var(--subheader-social-min); }
#topnavsubheader .social .icon { border: none; overflow: hidden; vertical-align: middle; }

@media screen and (max-width: 750px) {
	#topnavcontainer { --topnav-font-size: 16px; --dropdown-title-size: 18px; --dropdown-link-size: 18px; --dropdown-sublink-size: 14px; --subheader-tag-size: 18px; --dropdown-vert-padding: 8px; }	
}


@media screen and (max-width: 600px) {
	#topnav .hmenu .option.vmenu { display: flex; }
    #topnav .option.hm { display: none; }
	#topnavcontainer { --topnav-font-size: 16px; --dropdown-title-size: 18px; --dropdown-link-size: 18px; --dropdown-sublink-size: 14px; --subheader-tag-size: 18px; --dropdown-vert-padding: 8px; }
}

@media screen and (max-width: 450px) {
	#topnavcontainer { --subheader-tag-size: 16px;  --subheader-tag-min: 150px; --subheader-social-min: 170px; }
	#topnavsubheader .social .icon { width: 30px; height:30px; }
}

/* End of Top Navigation

/* Banner Bar for index pages */

.bannerbar { width: 100%; text-align: center; margin: 20px 0; display: -webkit-flex; display: flex; }

.bannerbar .segment { flex: 1; margin: 0 20px; }

/* Breadcrumb Styling */

.breadcrumb { padding: 8px 15px 8px 10px; margin: 10px auto; min-width: 320px; width: 100%; color: #666; font: 14px Tahoma, Helvetica, sans-serif; box-sizing: border-box; background-color: var(--cc-background-blue); border-top: 1px solid var(--cc-main-blue); border-bottom: 1px solid var(--cc-main-blue); min-height: 68px; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; position: sticky; top: 60px; z-index: 50; }


/* in page navigation bar styling */

.cc-top-navigator { position: sticky; top: 60px; z-index: 50; box-sizing: border-box; width: 100%; overflow: hidden; padding: 8px 0 8px 20px; margin: 10px 0; border-top: 1px var(--cc-main-blue) solid; border-bottom: 1px var(--cc-main-blue) solid; background-color: var(--cc-background-blue); font: 16px Helvetica, Verdana, sans-serif; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

.cc-top-tabs { box-sizing: border-box; min-width: 220px; width: 100%; max-width: 100%; overflow: hidden; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.cc-navigator-tab, span.cc-navigator-tab, a.cc-navigator-tab, a.cc-navigator-tab:visited { flex: 1; box-sizing: border-box; min-width: 80px; width: 100%; max-width: 120px; height: 42px; overflow: hidden; margin: 0 3px; padding: 5px 10px; align-content: center; justify-content: center; text-align: center; border-radius: 4px; background: var(--cc-main-red); color: white; border: 1px var(--cc-dark-red) solid; text-shadow: 1px 1px 3px var(--cc-dark-red), -1px 1px 3px var(--cc-dark-red), 1px -1px 3px var(--cc-dark-red), -1px -1px 3px var(--cc-dark-red); }
.cc-navigator-tab.selected, span.cc-navigator-tab.selected { background: black; color: white; border: 1px black solid; text-shadow: none; }

.cc-navigator-tab:hover, span.cc-navigator-tab:hover, a.cc-navigator-tab:hover, a.cc-navigator-tab:visited:hover { background: var(--cc-dark-red); color: white; appearance: none; cursor: pointer; }
.cc-navigator-tab.selected:hover, span.cc-navigator-tab.selected:hover { background: black; border: 1px black solid; color: white; text-shadow: none; box-shadow: none; cursor: auto; }

@media screen and (max-width: 880px) {
	.cc-top-navigator { padding: 6px 0; font: 14px Helvetica, Verdana, sans-serif; }
}

@media screen and (max-width: 480px) {
	.cc-top-navigator { padding: 6px 0; font: 12px Helvetica, Verdana, sans-serif; }
	.cc-navigator-tab, span.cc-navigator-tab, a.cc-navigator-tab, a.cc-navigator-tab:visited { min-width: 60px; width: 100%; max-width: 80px; height: 32px; margin: 0 3px; padding: 5px 5px; }
}


/* Page Footer */

.footerspacer { visibility: hidden; clear: both; height: 0; }

#footerrow { background-color: black; width: 100%; box-shadow: 0 -4px 4px 0 rgba(0,0,0,0.4); border-top: 1px #fc1814 solid; margin-top: auto; --cc-main-title: 16px; --cc-text-base: 12px; }

#footercontainer { box-sizing: border-box; background-color: black; margin: 0 auto; min-width: 320px; max-width: 1200px; }

#footercontent { box-sizing: border-box; display: grid; grid: 1fr / 1.5fr 1fr 1fr 1fr; margin: 5px 10px 20px 20px; align-items: start; padding: 0 20px; width: 100%; font-size: var(--cc-text-base); overflow: hidden; }

.footerbox { flex: 0 0 auto; min-width: 140px; margin: 20px 15px 0; padding: 0 0 5px; font-size: var(--cc-text-base); }
.footerbox.logo { width: 230px; min-width: 230px; align-self: center; display: flex; flex-direction: column; justify-content: center; align-content: center; }

.footerbox h2 { font-size: var(--cc-main-title); font-weight: 600; background-color: transparent; color: white; border: 0; text-align: left; text-shadow: none; }

.footerbox ul { margin: 5px 5px 10px 0; }

.footerbox ul li { list-style: none; margin: 5px 0; padding: 2px 0; border: none; line-height: 1.6; }

.footerbox a { color: #dddddd; }

.footerbox a:hover { color: #fc1814; }

#copyright { font-size: var(--cc-text-base); color: white; text-align: center; clear:both; padding: 5px; height: 15px; line-height: 15px; }

/* Social Media Icon box */
.footerbox .social { margin: 0 10px 0 5px; display: flex; justify-content: space-around; align-content: center; flex-direction: row;  }
.footerbox .social .icon { border: none; overflow: hidden; vertical-align: middle; }

/* End of Social Media Icon Box */

@media screen and (max-width: 850px) {
	#footercontent { grid: 1fr 1fr / 1.5fr 1fr; }
}

@media screen and (max-width: 500px) {
	#footercontent { grid: 1fr auto / 1fr; }
	#footercontent .wide { display: none; }
	.footerbox.logo { justify-self: center; }
}


/* End of Footer */

/* Pagination */

.paginationwrap { display: flex; align-items: center; width: 100%; margin: 25px 0; padding: 10px 0; text-align: center; background-color: #fafcff;}

.pagination { display: inline-block; margin: 0 auto; padding: 0; font-size: 16px; line-height: 20px; font-weight: bold; }

.pagination span { display: block; float:left; margin: 2px 2px 2px 0; padding: 10px 15px; text-decoration:none; width: auto; color: white; background: var(--cc-main-red);  } 
.pagination a { display: block; float:left; margin: 2px 2px 2px 0; padding: 10px 15px; text-decoration:none; width: auto; color: white; background: var(--cc-main-red); }
 
.pagination a.hide2 { }
.pagination a.show2 { display: none; }

.pagination a:hover { color: white; background: var(--cc-dark-red); }

/* End of Pagination */

/* Post titles */

.post { clear: both; padding: 0px; }


/* Archive Posts */

.archivepost { clear: both; padding: 0; margin: 20px 0; display: inline-block; width: 100% }

.archivethumbnail { margin: 10px 15px; padding: 0; float: left; }

.archivethumbnail img { margin: 0; padding: 0; background:#F7F7F7;  }

.archivepost h3 { color: black; font: var(--cc-subtitle-a) Helvetica, Verdana, sans-serif; margin: 0 0 5px; }

.archivepost h3 a, h3 a:visited { color: black; text-decoration: none; }

.archivepost h3 a:hover { color: #fc1814; text-decoration: none; }

.archivepostdetails { margin: 5px 5px 5px 200px; }

.archivepostdetails p { padding-bottom: 10px; }

/* End of Archive Posts */

/* Sharing overrides */

.content div.sharedaddy { clear: none; text-align: center; padding: 10px 0; height: 28px; overflow: hidden;} /* Don't need to clear space round share links in this design */

.archivepost div.sharedaddy { text-align: left; clear: none;}

.content div.sharedaddy .sd-content ul li .sd-button { margin: 0 2px 15px; }

/* Related Posts ----- deprecated ----- */

.relatedhighlightbox { margin: 0; padding: 0; }
.relatedhighlightbox h3 { font-weight: 600; font: var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; padding: 6px 0 6px 15px; margin: 5px 0 0; background-color: var(--cc-box-light); color: white; }
.relatedbox { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-shrink: 0; flex-shrink: 0; height: 330px; margin: 0; padding: 10px; border-bottom: 1px var(--cc-box-light) solid; background-color: #fafcff; overflow: hidden;}
.relateditem { flex: 0 0 auto; width: 170px; max-height: 320px; overflow: hidden; margin: 10px 10px 60px; padding: 10px 5px; text-align: center; }
.relateditem img { display: block; margin: 5px auto; }

@media screen and (max-width: 620px) {
	.relatedbox{ -webkit-justify-content: flex-start; justify-content: flex-start; padding: 0; }	
	.relateditem { flex: 0 0 auto; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; min-width: 290px; width: 100%; margin: 0; padding: 5px 10px; text-align: left; border-bottom: 1px #c2d8ff solid; }	
	.relateditem.odd { background-color: #ddebfb; }
	.relateditem a { flex: 0 1 auto; margin: 0 10px; }
	.relateditem a:first-child { flex: 0 0 auto; width: 80px; margin: 0 10px; }
	.relateditem:last-child { border-bottom: none;}
	.relateditem img { flex: 0 0 auto; height: 60px; width: 60px; padding: 0 10px; }
}

/* End of Related Posts */

/* Link to other content using image boxes */

.cc-article-wrap { box-sizing: border-box; width: 96%; padding: 0; margin: 25px auto; border: 1px var(--cc-box-light) solid; border-radius: 4px;}

.cc-article-head { box-sizing: border-box; margin: 0; padding: 10px 15px; color: white; background-color: var(--cc-box-light); font: var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; font-weight: 600; }

.cc-article-box { box-sizing: border-box; display: grid; grid-template-columns: repeat( auto-fill, minmax(170px, 1fr) ); overflow: hidden; margin: 0; padding: 10px; background-color: var(--cc-background-blue); }
.cc-article-item { width: 170px; margin: 10px; padding: 10px 5px; text-align: center; }
.cc-article-item img { display: block; margin: 5px auto; }

@media screen and (max-width: 620px) {
	.cc-article-box { display: block; padding: 0; }	
	.cc-article-item { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; min-width: 290px; width: 100%; margin: 0; padding: 5px 10px; text-align: left; border-bottom: 1px #c2d8ff solid; }	
	.cc-article-item.odd { background-color: #f0f6ff; }
	.cc-article-item a { flex: 0 1 auto; margin: 0 10px; }
	.cc-article-item a:first-child { flex: 0 0 auto; width: 80px; margin: 0 10px; }
	.cc-article-item:last-child { border-bottom: none;}
	.cc-article-item img { flex: 0 0 auto; height: 60px; width: 60px; padding: 0 10px; }
}

/* End of content link boxes */

/* Collapsible boxes with headers */
.cc-collapsible-wrap { box-sizing: border-box; width: 95%; border: 1px solid var(--cc-main-blue); border-radius: 4px; padding: 0; margin: 15px auto;  }

.cc-collapsible-head { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; overflow: hidden; width: 100%; margin: 0; padding: 10px 10px 10px 15px; color: white; background-color: var(--cc-main-blue); font: var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; font-weight: 600; cursor: pointer; }
.cc-collapsible-head:hover { background-color: var(--cc-dark-blue); cursor: pointer; color: white;}
.cc-collapsible-head:hover>.cc-collapsible-symbol { color: white; cursor: pointer;}
.cc-collapsible-head.active { color: white; }

.cc-collapsible-symbol { font-size: var(--cc-subtitle-a); box-sizing: border-box; width: 20px; color: white; float: right; margin: 0 10px; text-align: center; }
.cc-collapsible-symbol:hover { color: white; cursor: pointer;}
	
.cc-collapsible-body { box-sizing: border-box; display: none; overflow: hidden; margin: 0; padding: 10px; background-color: var(--cc-background-blue); }


/* End of collapsible boxes */

/* Text boxout wrap */
.cc-boxout-wrap { box-sizing: border-box; width: 96%; padding: 0; margin: 20px auto; font-size: var(--cc-text-minor); background-color: var(--cc-background-blue); color: #2d2d2d; border: 1px solid var(--cc-trim-blue); border-radius: 4px; }
.cc-boxout-wrap:has(.head) { border: 1px solid var(--cc-box-light); }
.cc-boxout-wrap .head { box-sizing: border-box; margin: 0; padding: 10px 10px; align-items: center; justify-content: center; text-align: center; background-color: var(--cc-box-light); color: white; font: 28px Helvetica, sans-serif; font-weight: 600; }
.cc-boxout-wrap .body { box-sizing: border-box; width: 100%; padding: 5px 15px; margin: 10px 5px; }

.cc-boxout-wrap .body p { padding: 0 0 5px; }
.cc-boxout-wrap .body p:last-child { padding: 0; }
.cc-boxout-wrap .body ul:last-child { margin: 0 0 0 15px; }
.cc-boxout-wrap .body img { border: 1px #ccc solid; }

/* Flex Layout for tables (data or otherwise) */

.flextable {  border-collapse: collapse; border: 0; border-bottom: 3px var(--cc-trim-red) solid; padding: 10px 0 0; margin: 5px auto 35px auto; width: 96%; font: 15px Helvetica, Verdana, sans-serif; }

.flexcaption { display: -webkit-flex; display: flex; font: bold 18px Helvetica, Verdana, sans-serif; padding: 0; }

.flexheader { display: -webkit-flex; display: flex; padding: 10px 0 0; text-align: center; vertical-align: middle; font: bold 16px Helvetica, Verdana, sans-serif; border-top: 3px var(--cc-trim-red) solid; border-bottom: 1px black solid;} 

.flexrow { display: -webkit-flex; display: flex; border-bottom: 1px #ccc solid; }

.flexrow:last-of-type { border-bottom: none; }

.flexfooter { display: -webkit-flex; display: flex; border-bottom: 1px black solid; }

.flexcell { flex: 1; padding: 10px; text-align: center; vertical-align: middle; }

.flexcaption .flexcell { padding: 5px; }

.flexrow.odd { background: #f9f9f9; }

.flexrow.red { background: #fff1f1; }

.flexrow.odd.red { background: #fff9f9; }

.flexrow.blue { background: #f1f1ff; }

.flexrow.odd.blue { background: #f9f9ff; }

.flexrow .rowlabel { font: bold 15px Helvetica, Verdana, sans-serif; }

.flextable .flexrow:hover, .flextable.flexrow.odd:hover, .flextable.flexrow.odd.red:hover, .flextable.flexrow.odd.blue:hover { background: #fdfaad; }
.flextable .flexrow.red:hover, .flextable.flexrow.blue:hover { background: #fdfaad; }

/* End of Flex Layout */

/* Swimset Table ID */

#swimset { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-spacing: 0; border-collapse: collapse; font:14px Helvetica, Verdana, sans-serif; padding: 0; margin: 5px auto 15px auto; width: 90%;}

#swimset caption { caption-side: top; font: bold 16px Helvetica, Verdana, sans-serif; padding: 5px; }

#swimset th { border-top: 1px #ddd solid ; border-width: 25%; font: bold 16px Helvetica, Verdana, sans-serif; padding: 10px; text-align:center; vertical-align:middle; }

#swimset td { padding:5px; text-align:left; vertical-align: middle; }

#swimset .rowlabel { font: bold 14px Helvetica, Verdana, sans-serif; text-align: center; padding-right: 10px; }

#swimset .texttop { vertical-align: top; }

#swimset .total { font: bold 14px Helvetica, Verdana, sans-serif; background: #fff; }

#swimset .note { font: italic 13px Helvetica, Verdana, sans-serif; }

/* End of Swimset Table ID */

/* Basic Box (flexible layout box) */

.basicbox { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0; padding: 0; }

.basicitem { flex: 1; min-width: 150px; max-width: 160px; margin: 5px; text-align: center;}

.basicitem img { display: block; margin: 5px auto; }

/* End of Basic Box */

/* More Content box (need to check usage) */

.morecontentbox, .statsbox { box-sizing: border-box; width: 96%; margin: 10px auto; padding: 0; border: 1px var(--cc-box-light) solid; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(106, 106, 106, 0.3); clear: both; overflow: hidden; display: grid; grid-template-columns: minmax(100px, 1fr) 5fr; }

.morecontentbox:hover { cursor: pointer; background: #feefef; }

.morecontentbox img { height: 100%; margin: 0; }

.morecontentbox .text { box-sizing: border-box; }

.morecontentbox h4 { margin: 0; font-size: var(--cc-subtitle-a); padding: 0 10px 15px; }

.morecontentbox p { margin: 0; font-size: 20px; }

@media screen and (max-width: 1050px) {
	.morecontentbox, .statsbox { grid-template-columns: minmax(100px, 1fr) 3fr; }
}

@media screen and (max-width: 900px) {
	.morecontentbox h4 { margin: 0; font-size: 22px; padding: 0 10px 10px; }
	.morecontentbox p { margin: 0; font-size: 16px; }
}

/* End of More Content Box */

/* Accordian Menu structure */

ul.accordian { list-style: none; padding: 0; margin: 0; }

ul li { padding: 0; margin: 5px 0; list-style: none;}

.show { }

a.switch, a.vswitch { display: block; padding: 10px 10px; border: 3px black solid; border-radius: 4px; font-weight: 600; }

.nonswitch { display: block; padding: 10px 10px; border-radius: 4px; }
	
.toplevel { background: #666; color: white; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); }
	
.sublevel  { background: #fcfcfc; border-color: black; color: black; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); }

a.switch.toplevel:hover, a.vswitch.toplevel:hover { background: #fc1814; color: white; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5); }	

a.switch.sublevel:hover, a.vswitch.sublevel:hover { background: #fc1814; color: black; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5); }

.acontent { margin: 0; padding: 10px 2px; overflow: hidden; display: none; }

/* End of Accordian Menu */

/* Additional Classes and IDs */

h3.cc-comment-head { padding: 10px 15px; background-color: var(--cc-box-black); color: white; }

#disqus_thread { width: 96%; margin: 0 auto; }

.page-title { border: none; }

.alignleft { float: left; }

.alignright { float: right; }

.center { text-align: center; }

.clear { clear: both; }

.noborder { border: 0; }

.spacer { visibility: hidden; clear: both; height: 25px; }

.entry { clear: both; padding: 5px 0 0; }
.entry > p { margin: 0 auto; width: 96%; }
.entry > h3 { margin: 10px auto; width: 96%; }
.entry.imstats > h3 { background: black; color: white; width: 96%; padding: 8px 10px 8px 15px; margin: 30px auto 10px; border-radius: 4px 4px 0 0; }

.navigation { clear: both; height: 15px; padding: 10px 0; }

.archivebreak, .commentbreak, .linebreak { background-color: #ddd; color: #ddd; border: 0; padding: 0; margin: 0 auto 0; text-align: center; height: 1px; width: 25%; }

.wp-smiley {border: none}

#boxout { border: 1px solid #ddd; border-radius: 4px; background: #f9f9f9; padding: 5px; margin: 5px; }

/* Latest banner for article pages" */

.latest-banner { box-sizing: border-box; margin: 0 0 15px; padding: 10px 0; }
.latest-banner .head { box-sizing: border-box; margin: 0; padding: 1px; align-items: center; justify-content: center; text-align: center; color: #777; font-weight: 400; font: 13px Tahoma, Helvetica, sans-serif; }
.latest-banner .item { box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0; padding: 5px 0; border-top: 1px #aaa solid; border-bottom: 1px #aaa solid; }	
.latest-banner .thumbnail { box-sizing: border-box; width: 90px; padding: 8px 10px; margin: 0 10px; }
.latest-banner .details { flex: 1; max-width: 800px; margin: 0 10px; color: #777; font-size: smaller; }	

img#wpstats{position:absolute;top:0;width:0;height:0;overflow:hidden}

.sd-content ul li { display: inline !important; overflow: hidden; height: 26px; } /* Fix Sharing bar issue in IE */

.noborders { border:none; }

/* End of Additional Classes */

/* CSS for Coaching Pages */

.contentrow { margin: 20px 0; width: 100%;}
.contentrow > p { margin: 1em auto; width: 95%; }

/* Coaching Service Summary box */

.coach-service-wrap { box-sizing: border-box; width: 100%; margin: 0 auto 35px; padding: 0; display: block; position: relative; z-index: 1; overflow: hidden; background-color: var(--cc-box-black); border-bottom: 2px solid var(--cc-trim-red); }
.coach-service-content { box-sizing: border-box; width: 100%; margin: 30px 0; padding: 0; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap; z-index: 2; }
.coach-service-box { box-sizing: border-box; overflow: hidden; border: 4px var(--cc-main-blue) solid; border-radius: 4px; padding: 0; margin: 0 10px; flex: 0 1 auto; width: 100%; min-width: 320px; max-width: 650px; background: var(--cc-background-blue); display: none; flex-direction: column; justify-content: space-between; box-shadow: 0 0 0 2px rgba(199, 199, 199, 0.7); }
.coach-service-box.show, .coach-service-box:only-child { display: flex; }

.coach-service-controls-wrap { box-sizing: border-box; margin: 30px 0; padding: 0; min-width: 320px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-content: center; flex-wrap: nowrap; z-index: 2; }
.coach-service-controls { box-sizing: border-box; margin: 0 10px; padding: 0; min-width: 320px; width: fit-content; max-width: 600px; display: flex; flex-direction: row; justify-content: center; align-content: center; flex-wrap: nowrap; overflow: hidden; font: bold 20px Helvetica, sans-serif; text-transform: uppercase; border-radius: 4px; box-shadow: 0 0 0 2px rgba(199, 199, 199, 0.7); }
.coach-service-select { box-sizing: border-box; margin: 0; min-width: 80px; min-height: 55px; width: calc(25vw); border: 1px var(--cc-dark-red) solid; background: var(--cc-main-red); color: white; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.coach-service-select:first-child { border-radius: 4px 0 0 4px; }
.coach-service-select:last-child { border-radius: 0 4px 4px 0; }
.coach-service-select:hover { border: 1px var(--cc-dark-red) solid; background: var(--cc-dark-red); cursor: pointer;}
.coach-service-select.blue { border: 1px var(--cc-dark-blue) solid; background: var(--cc-main-blue); }
.coach-service-select.blue:hover { border: 1px var(--cc-dark-blue) solid ; background: var(--cc-dark-blue); cursor: pointer; }
.coach-service-select.selected { border: 1px black solid; background: black; }
.coach-service-select.selected:hover { border: 1px black solid ; background: black; cursor: inherit; }
	
.coach-service-box.solo { width: 650px; margin: 20px 10px; }
.coach-service-box.trio { width: calc(30vw); }
.coach-service-box.red { border: 4px var(--cc-main-red) solid; }
.coach-service-box:hover { border: 4px var(--cc-dark-blue) solid; }
.coach-service-box.red:hover { border: 4px var(--cc-dark-red) solid; }

.coach-service-head { box-sizing: border-box; width: 100%; background: var(--cc-main-blue); color: white; font: bold 22px Tahoma, Helvetica, sans-serif; text-transform: uppercase; padding: 15px; text-align: center; vertical-align: middle; text-shadow: 1px 1px 3px var(--cc-dark-blue), -1px 1px 3px var(--cc-dark-blue), 1px -1px 3px var(--cc-dark-blue), -1px -1px 3px var(--cc-dark-blue); }
.coach-service-box.red .coach-service-head { background: var(--cc-main-red); text-shadow: 1px 1px 3px var(--cc-dark-red), -1px 1px 3px var(--cc-dark-red), 1px -1px 3px var(--cc-dark-red), -1px -1px 3px var(--cc-dark-red); }
.coach-service-box:hover .coach-service-head { background: var(--cc-dark-blue); }
.coach-service-box.red:hover .coach-service-head { background: var(--cc-dark-red); }

.coach-service-tag { box-sizing: border-box; margin: 0; padding: 5px; width: 100%; background: var(--cc-box-black); color: white; font: bold 18px Tahoma, Helvetica, sans-serif; text-align: left; vertical-align: middle; }

.coach-service-body { box-sizing: border-box; padding: 5px 0; flex: fit-content; flex-basis: fit-content; }

.coach-service-item { box-sizing: border-box; background: white; min-width: 110px; width: 98%; padding: 0; font-size: 16px; border: 1px var(--cc-box-black) solid; border-radius: 2px; margin: 15px auto; text-align: left; vertical-align: middle; display: flex; flex-direction: column; align-items: left; justify-content: center; }
.coach-service-item.price { border: 1px var(--cc-main-blue) solid; }
.coach-service-box.red .coach-service-item.price { border: 1px var(--cc-main-red) solid; }
.coach-service-box:hover .coach-service-item.price { border: 1px var(--cc-dark-blue) solid; }
.coach-service-box.red:hover .coach-service-item.price { border: 1px var(--cc-dark-red) solid; }

.coach-service-item .title { font: bold 20px Helvetica, Verdana, sans-serif; padding: 10px; text-align: center; background: var(--cc-box-black); color: white; }
.coach-service-item.price .title { background: var(--cc-main-blue);  color: white; }
.coach-service-box.red .coach-service-item.price .title { background: var(--cc-main-red); color: white; }
.coach-service-box:hover .coach-service-item.price .title { background: var(--cc-dark-blue);  color: white; }
.coach-service-box.red:hover .coach-service-item.price .title { background: var(--cc-dark-red); color: white; }

.coach-service-item ul { list-style-position: outside; text-align: left; margin: 0; padding: 10px 10px 10px 5px; }
.coach-service-item ul li { list-style: "\2609  "; padding: 0; margin: 5px 10px 5px 20px; }

.coach-service-button { box-sizing: border-box; display: block; min-width: 110px; width: 90%; padding: 10px 20px; font-size: 20px;  margin: 15px auto; font-weight: 600; text-transform: uppercase; text-align: center; vertical-align: middle; align-items: center; justify-content: center; }
.coach-service-box:hover .coach-service-button { background: var(--cc-dark-blue); color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; cursor: pointer; }
.coach-service-box.red:hover .coach-service-button { background: var(--cc-dark-red); color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; cursor: pointer; }

.coach-service-item p { text-align: left; }
.coach-service-item p:first-child { padding: 15px 10px; }

@media screen and (max-width: 920px) {
	/* .coach-service-box{ margin: 20px 5px; } */
	.coach-service-box.solo { margin: 20px 5px; }
	.coach-service-head { font-size: 20px; }
	.coach-service-item { font-size: 14px; }
	.coach-service-item .title, .coach-service-item .price { font-size: 16px; }
	.coach-service-button { font-size: 18px; }
}

@media screen and (max-width: 850px) {
	.coach-service-box.trio { width: calc(94vw); margin: 15px auto; }
}

@media screen and (max-width: 800px) {
	.coach-service-cell { box-sizing: border-box; overflow: hidden; padding: 0 35px; margin: 0; width: 100%; min-width: 320px; display: flex; flex-direction: row; justify-content: center; align-content: center; }	
	.flickity-page-dots .dot { width: 20px; height: 20px; }
	.flickity-prev-next-button { top: 50%; width: 34px; height: 30%; border-radius: 4%; transform: translateY(-50%); }
}

@media screen and (max-width: 660px) {
	/* .coach-service-content { flex-direction: column;  }
	.coach-service-box { width: calc(94vw); margin: 15px auto; flex: 0 0 max-content; } */
	.coach-service-box.solo { width: calc(94vw); margin: 15px auto; }
	.coach-service-box.trio { width: calc(94vw); margin: 15px auto; }
	.coach-service-head { font-size: 22px; }
	.coach-service-item { font-size: 16px; }
	.coach-service-item .title, .coach-service-item .price { font-size: 18px; }
	.coach-service-button { font-size: 20px; }
}

/* Backgrounds for coaching page service box Usiong before syntax to place before*/

.bg-service-camp::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
.bg-service-coach::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
.bg-service-swim::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
.bg-service-consult::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }

/* End Coaching Service Summary Box */

/* Coaching Services Details box */

.cc-section-wrap, .coach-section-wrap { box-sizing: border-box; width: 100%; padding: 0; margin: 0 auto 35px; display: block; position: relative; z-index: 1; overflow: hidden; background-color: var(--cc-background-red); border-bottom: 2px var(--cc-trim-red) solid; }

.cc-details-wrap, .coach-details-wrap { box-sizing: border-box; width: 96%; margin: 50px auto; padding: 0; border: 1px var(--cc-box-light) solid; border-radius: 4px; }

.cc-details-wrap .head, .coach-details-wrap .head { box-sizing: border-box; margin: 0; padding: 12px 20px; font: var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-light); }
.cc-details-wrap .bgimage, .coach-details-wrap .bgimage { box-sizing: border-box; margin: 0; padding: 0; background-color: #fafcff; min-width: 280px; width: 100%; max-height: 600px; min-height: 350px; aspect-ratio: 16/9; overflow: hidden; box-shadow: 0 -3px 3px 0 inset rgba(246, 250, 255, 0.7);}
.cc-details-wrap .body, .coach-details-wrap .body  { box-sizing: border-box; margin: 0; padding: 5px; background-color: var(--cc-background-blue);  }
.cc-details-wrap .bgimage .body .coach-details-wrap .bgimage .body  { box-sizing: border-box; width: 100%; margin: 0; padding: 5px; background-color: var(--cc-background-blue); border-top: 1px #f0f6ff solid; border-bottom: 1px #f0f6ff solid; }

.cc-details-wrap ul, .coach-details-wrap ul { list-style-position: outside; }
.cc-details-wrap ul li, .coach-details-wrap ul li { list-style: "\2609  "; padding: 0; margin: 5px 10px 15px 30px; }

.cc-details-wrap .buttons, .coach-details-wrap .buttons { box-sizing: border-box; margin: 0; padding: 5px 15px 15px; width: 100%; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; } }

.smallprint { font: italic 13px Helvetica, Verdana, sans-serif; color: #444; padding: 5px 15px;}


/* End Coaching Services Details box */

.cc-disp-hide { display: none; }

/* Cross Site Page layout */

.cc-page-head { box-sizing: border-box; display: block; margin: 0 0 30px 0; padding: 0; border-radius: 1px; overflow: hidden; }
.cc-page-head.tight { margin: 0; }

.cc-home-head-wrap { background-color: black; color: white; width: 100%; margin: 0; padding: 10px 0; border-top: 2px var(--cc-dark-red) solid; border-bottom: 2px var(--cc-dark-red) solid; }
.cc-home-head { box-sizing: border-box; width: 90%; margin: 0 auto; padding: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
img.cc-home-logo { min-width: 200px; max-width: 300px; width: calc(40vw); aspect-ratio: 1; }
.cc-home-description { font-size: var(--cc-description); margin: 0 0 0 20px; padding: 5px; }
.cc-home-description .tag { margin-bottom: 15px; }
.cc-home-description .tag:last-child { margin-bottom: 0; }

/* Highlight box layout */
.borderedhighlightbox { box-sizing: border-box; width: 96%; margin: 0 auto 20px; padding: 0; background-color: var(--cc-background-blue); border: 1px solid var(--cc-box-light); border-radius: 4px; }
.borderedhighlightbox .head { color: white; font: normal var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; font-weight: 600; margin: 0; padding: 12px 15px; background-color: var(--cc-box-light); }
.borderedhighlightbox.contactcc { border: 1px solid var(--cc-box-black); }
.borderedhighlightbox.contactcc .head { background-color: var(--cc-box-black); }
.borderedhighlightbox .body { color: black; margin: 0; padding: 5px; }

.borderedhighlightbox ul.contact { margin: 0 0 15px; padding: 0; text-align: center; }
.borderedhighlightbox ul.contact li { display: inline; border: none; list-style: none; padding: 15px; }

.testimonial { margin: 5px; padding: 5px; color: #595959; font: italic 14px Helvetica, Verdana, sans-serif; text-align: justify; }

/* End cross Site Page layout */

/* Home page content layout */
.cc-home-section-wrap, .cc-coach-section-wrap { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 15px 0; background-color: var(--cc-background-blue); border-top: 2px solid var(--cc-trim-blue); border-bottom: 2px solid var(--cc-trim-blue); }
.cc-coach-section-wrap { margin: 0 auto 20px; }
.cc-home-item { box-sizing: border-box; display: block; position: relative; width: 90%; margin: 0 auto 50px; padding: 0; border: 2px var(--cc-dark-red) solid; border-radius: 4px; overflow: hidden; }
.cc-home-item:first-child { margin: 20px auto 50px; }
.cc-home-item:last-child { margin: 0 auto 20px; }

.cc-home-background { box-sizing: border-box; position: relative; flex: 0 1 auto; margin: 0; padding: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: end; align-items: center; flex-shrink: 0; overflow: hidden; }
.cc-home-background.main { min-width: 280px; width: 100%; aspect-ratio: 4/3; max-height: 450px; min-height: 250px; }
.cc-home-background.sub { min-width: 280px; width: 100%; aspect-ratio: 4/3; max-height: 350px; min-height: 200px; }
.cc-home-background.title { min-width: 280px; width: 100%; aspect-ratio: 16/9; max-height: 350px; min-height: 200px; border-top: 2px solid var(--cc-dark-red); }
.cc-home-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cc-home-image img { object-fit: cover; max-width: 100%; width: 100%; height: 100%; object-position: center; }

.cc-home-actions { z-index: 2; position: relative; }

.cc-home-header-bar { width: 100%; overflow: hidden; }
.cc-title { box-sizing: border-box; background-color: var(--cc-dark-red); width: 100%; margin: 0; padding: 0; text-transform: uppercase; font-weight: 600; text-align: center; color: white; text-shadow: 1px 1px 3px #ab0000, -1px 1px 3px #ab0000, 1px -1px 3px #ab0000, -1px -1px 3px #ab0000; }
h2.cc-title { padding: 10px 5px ; }
.cc-title.light { background-color: var(--cc-main-red); }
.cc-description { box-sizing: border-box; background-color: var(--cc-box-black); width: 100%; margin: 0; padding: 10px; text-align: left; color: white; font-size: var(--cc-description); }

.cc-bg-sticker { position: absolute; top: 15px; right: 60px; box-sizing: border-box; background: var(--cc-main-green); margin: 0; padding: 15px 20px; text-transform: uppercase; font: 26px Helvetica, sans-serif; font-weight: 600; border-radius: 5px; border: 2px var(--cc-dark-green) solid; text-align: center; align-content: center; color: white; text-shadow: 1px 1px 3px var(--cc-dark-green), -1px 1px 3px var(--cc-dark-green), 1px -1px 3px var(--cc-dark-green), -1px -1px 3px var(--cc-dark-green); box-shadow: 0 1px 3px 1px #888; }

.cc-bg-sticker.left { top: 15px; left: 60px; right: initial; }
.cc-bg-sticker.tilt { transform: rotate(4deg); }
.cc-bg-sticker.left.tilt { transform: rotate(-4deg); }

.cc-bg-sticker.wobble { animation: sticker-wobble 4s linear 0.5s 3; }
.cc-bg-sticker.left.wobble { animation: sticker-wobble-left 4s linear 0.5s 3; }


@keyframes sticker-wobble {
  0%, 2%, 4%, 6%, 8%, 10%, 100% { transform: rotate(4deg); }
  1%, 5%, 9% { transform: rotate(-1deg); }
  3%, 7% { transform: rotate(9deg); }
}

@keyframes sticker-wobble-left {
  0%, 2%, 4%, 6%, 8%, 10%, 100% { transform: rotate(-4deg); }
  1%, 5%, 9% { transform: rotate(1deg); }
  3%, 7% { transform: rotate(-9deg); }
}

@media screen and (max-width: 620px) {
	.cc-home-item { width: 95%; }
	
	.cc-bg-sticker { font-size: 20px; top: 10px; right: 30px; }
	.cc-bg-sticker.left { top: 10px; left: 30px; right: initial; }
	h2.cc-title { font-size: 26px; }
	h3.cc-title { font-size: 17px; }
	
	.cc-home-head { flex-direction: column;}
	.cc-home-description { margin: 10px 0 0 0; text-align: center; }	
}

/* End homepage content layout */

/* Testimonial layout */

.cc-coach-testimonial-box { width: 96%; margin: 0 auto 50px; padding: 0; background-color: var(--cc-background-blue); border: 1px solid var(--cc-box-light); border-radius: 4px; }
.cc-coach-testimonial-box:first-child, .cc-coach-testimonial-box.solo { margin: 50px auto 50px; }

.cc-coach-testimonial-foot { color: white; font: normal var(--cc-subtitle-a) Tahoma, Helvetica, sans-serif; font-weight: 600; margin: 0; padding: 12px 15px; background-color: var(--cc-box-light); text-align: right; }

.cc-coach-testimonial-content { margin: 0; padding: 0; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: top; flex-direction: row-reverse;}
.cc-coach-testimonial-content img { margin: 0; padding: 0; min-width: 33%; flex: 1 1 auto; object-fit: cover; aspect-ratio: 1; }

.cc-coach-testimonial-words, .cc-coach-testimonial-content p { margin: auto 15px; padding: 15px 0; flex: 3 1 auto;  }
.cc-coach-testimonial-words.noimg, .cc-coach-testimonial-content p.noimg { flex: 1 1 auto; }

@media screen and (max-width: 800px) {
	.cc-coach-testimonial-content { flex-wrap: wrap; };
}
/* End Testimonial Layout */

/* About page specific image layout */

.cc-picture-wrap { box-sizing: border-box; width: 100%; margin: 35px auto; padding: 15px 0; display: flex; flex-direction: row; justify-content: space-around; overflow: hidden; background-color: var(--cc-background-blue); border-top: 1px solid var(--cc-trim-blue); border-bottom: 1px solid var(--cc-trim-blue); }

.cc-picture-item { max-width: 300px; max-height: 300px; margin: 5px; padding: 0; border: 1px #ecf0f6 solid; border-radius: 3px; overflow: hidden; }

.cc-picture-item.wide1, .cc-picture-item.wide2 { }
.cc-picture-item.narrow1, .cc-picture-wrap.narrow1 { display: none; }

@media screen and (max-width: 650px) {
	.cc-picture-item.wide1 { display: none; }
}

@media screen and (max-width: 400px) {
	.cc-picture-item.wide2 { display: none; }
	.cc-picture-item.narrow1, .cc-picture-wrap.narrow1 { display: flex; }
}

/* End About page layout */

/* Action bar layout */

.cc-action-bar { box-sizing: border-box; margin: 15px auto; padding: 0; background-color: var(--cc-background-blue); border-top: 1px solid var(--cc-trim-blue); border-bottom: 1px solid var(--cc-trim-blue); }
.cc-action-bar.red { background-color: var(--cc-background-red); border-top: 1px solid var(--cc-trim-red); border-bottom: 1px solid var(--cc-trim-red); }
.cc-action-bar .head { box-sizing: border-box; margin: 0; padding: 2px; align-items: center; justify-content: center; text-align: center; color: #6a727a; font: 18px Tahoma, Helvetica, sans-serif; font-weight: 500; }
.cc-action-bar .body { box-sizing: border-box; width: 100%; overflow: hidden; margin: 0; padding: 10px 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}

.cc-action-button { display: block; box-sizing: border-box; min-width: 180px; width: calc(100vw*0.2); height: 42px; margin: 5px auto; padding: 0 10px; align-items: center; justify-content: center; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; background: var(--cc-main-red); color: white; border-radius: 14px; border: 1px var(--cc-dark-red) solid; text-shadow: 1px 1px 3px var(--cc-dark-red), -1px 1px 3px var(--cc-dark-red), 1px -1px 3px var(--cc-dark-red), -1px -1px 3px var(--cc-dark-red); }	
.cc-action-button.blue { background: var(--cc-main-blue); color: white; border: 1px var(--cc-dark-blue) solid; text-shadow: 1px 1px 3px var(--cc-dark-blue), -1px 1px 3px var(--cc-dark-blue), 1px -1px 3px var(--cc-dark-blue), -1px -1px 3px var(--cc-dark-blue); }	
.cc-action-button.green { background: var(--cc-main-green); color: white; border: 1px var(--cc-dark-green) solid; text-shadow: 1px 1px 3px var(--cc-dark-green), -1px 1px 3px var(--cc-dark-green), 1px -1px 3px var(--cc-dark-green), -1px -1px 3px var(--cc-dark-green); }	

.cc-home-action-button { margin: 10px auto 25px; font-size: 24px; font-weight: 600; text-transform: uppercase; min-width: 300px; width: calc(100vw*0.4); height: 60px; line-height: 60px; overflow: hidden; }

.cc-action-button.inactive { background: #797979; border: 1px #797979 solid; color: #ece7e7; text-shadow: none; box-shadow: none; cursor: auto; }	
.cc-action-button:visited { color: white; }

.cc-action-button:hover { background: var(--cc-dark-red); color: white; appearance: none; cursor: pointer; }
.cc-home-action-button:hover { background: var(--cc-dark-red); color: white; appearance: none; cursor: pointer; }
.cc-action-button.blue:hover { background: var(--cc-dark-blue); color: white; }	
.cc-action-button.green:hover { background: var(--cc-dark-green); color: white; }	
.cc-action-button.inactive:hover { background: #797979; border: 1px #797979 solid; color: #ece7e7; text-shadow: none; box-shadow: none; cursor: auto; }



@media screen and (max-width: 800px) {
	.cc-action-bar .body { grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr;}
	.cc-action-button { width: calc(100vw*0.4); }
}

@media screen and (max-width: 400px) {
	.cc-action-button { min-width: 130px; font-size: 14px; }
	.cc-home-action-button { font-size: 20px; min-width: 250px; width: calc(100vw*0.5); }
}

@media screen and (max-width: 300px) {
	.cc-action-button { min-width: 100px; } 
	.cc-home-action-button { font-size: 18px; min-width: 200px; width: calc(100vw*0.8); }
}

/* End action bar layout */

/* Wrap for banner linking through to other elements of the site: */

.cc-banner-wrap { box-sizing: border-box; width: 100%; margin: 35px auto; padding: 15px 0; display: flex; flex-direction: row; justify-content: space-around; overflow: hidden; background-color: var(--cc-background-red); border-top: 1px solid var(--cc-trim-red); border-bottom: 1px solid var(--cc-trim-red); }

.cc-banner-item { display: flex; width: 350px; height: 300px; margin: 0; padding: 0; border: 1px var(--cc-dark-green) solid; border-radius: 6px; flex: 0 1 auto; flex-direction: column; justify-content: space-around; overflow: hidden; cursor: pointer; }

.cc-banner-background { position: relative; box-sizing: border-box; width: 100%; height: 200px; flex: 0 1 auto; margin: 0; padding: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: end; align-items: center; flex-shrink: 0; overflow: hidden; }

.cc-banner-title { box-sizing: border-box; background: var(--cc-main-green); width: 100%; height: 50px; margin: 0; padding: 0; text-transform: uppercase; font: 24px Helvetica, sans-serif; font-weight: 600; line-height: 50px; border: none; text-align: center; color: white; text-shadow: 1px 1px 3px var(--cc-dark-green), -1px 1px 3px var(--cc-dark-green), 1px -1px 3px var(--cc-dark-green), -1px -1px 3px var(--cc-dark-green); }
.cc-banner-item:hover .cc-banner-title { background: var(--cc-dark-green); }
.cc-banner-description { box-sizing: border-box; background-color: var(--cc-main-green); width: 100%; height: 50px; margin: 0; padding: 10px; text-align: center; color: white; font: 15px Helvetica, sans-serif; display: flex; align-items: center; justify-content: center; text-shadow: 1px 1px 3px var(--cc-dark-green), -1px 1px 3px var(--cc-dark-green), 1px -1px 3px var(--cc-dark-green), -1px -1px 3px var(--cc-dark-green); }
.cc-banner-item:hover .cc-banner-description { background: var(--cc-dark-green); }

.cc-banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cc-banner-image img { object-fit: cover; max-width: 100%; width: 100%; height: 100%; object-position: center; }

.cc-banner-action-button { z-index: 2; position: relative; display: block; box-sizing: border-box; width: 160px; height: 42px; margin: 10px auto 30px; padding: 0 10px; align-items: center; justify-content: center; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; background: var(--cc-main-green); color: white; border-radius: 14px; border: 1px var(--cc-dark-green) solid; text-shadow: 1px 1px 3px var(--cc-dark-green), -1px 1px 3px var(--cc-dark-green), 1px -1px 3px var(--cc-dark-green), -1px -1px 3px var(--cc-dark-green); }	
.cc-banner-action-button:visited { color: white; }
.cc-banner-action-button:hover { background: var(--cc-dark-green); color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; cursor: pointer; }
.cc-banner-item:hover .cc-banner-title, .cc-banner-item:hover .cc-banner-action-button { background: var(--cc-dark-green); }

.cc-user-action-bar { display: flex; margin: 30px auto; padding: 0; width: 100%; justify-content: center; align-items: center; align-content: center; overflow: hidden; background-color: var(--cc-background-red); border-top: 1px solid var(--cc-trim-red); border-bottom: 1px solid var(--cc-trim-red);}
.cc-share-button, .cc-download-button, .cc-support-button, .cc-popup-button { display: flex; margin: 15px 10px; max-width: 200px; min-width: 140px; width: 100%; }
.cc-share-button svg, .cc-download-button svg, .cc-support-button svg, .cc-popup-button svg  { flex: 0 0 auto; margin-right: 15px; }

@media screen and (max-width: 620px) {
	.cc-share-button, .cc-download-button, .cc-support-button, .cc-popup-button { display: flex; margin: 10px 5px; max-width: 140px; min-width: 110px; width: 100%; font-size: 14px;}
	.cc-share-button svg, .cc-download-button svg, .cc-support-button svg, .cc-popup-button svg  { margin-right: 10px; }
}

@media screen and (max-width: 480px) {
	.cc-share-button, .cc-download-button, .cc-support-button, .cc-popup-button { display: flex; margin: 5px 4px; max-width: 120px; min-width: 100px; width: 100%; font-size: 14px;}
}

@media screen and (max-width: 400px) {
	.cc-share-button, .cc-download-button, .cc-support-button, .cc-popup-button { display: flex; margin: 5px 3px; max-width: 100px; min-width: 80px; width: 100%; font-size: 12px;}
}

.cc-popup-wrap { display: none; position: fixed; inset: 0; z-index: 8000; width: 100%; height: 100%; backdrop-filter: blur(4px); align-content: center; justify-content: center; }
.cc-popup-box { box-sizing: border-box; min-width: 250px; width: 95%; max-width: 350px; margin: auto; padding: 0; background: white; color: black; border: 3px var(--cc-dark-green) solid; border-radius: 4px; box-shadow: 1px 1px 5px 3px white; }
.cc-popup-box .head { font-size: var(--cc-subtitle-a); color: white; background-color: var(--cc-dark-green); padding: 8px; text-align: center; position: relative;}
.cc-popup-box .body { box-sizing: border-box; background-color: var(--cc-background-blue); color: black; width: 100%; height: 100%; padding: 8px; display: flex; align-content: flex-start; justify-content: space-evenly; flex-wrap: wrap; }

.cc-popup-box p { padding: 0 10px; text-align: center; }

.cc-popup-box .cc-share-action { box-sizing: border-box; overflow: hidden; min-width: 40%; max-width: 50%; margin: 5px; padding: 10px; color: #555; background: white; border: 1px #555 solid; border-radius: 4px; display: flex; align-content: center; align-items: center; justify-content: space-evenly; }
.cc-popup-box .cc-share-action img { border: none; padding-right: 10px; width: 24px; height: 24px; }
.cc-popup-box .cc-share-action:hover { cursor: pointer; }

.cc-popup-box .cc-popup-close { position: absolute; top: -15px; right: -15px; background-color: var(--cc-dark-green); border-radius: 100%; width: 50px; height: 50px; margin: 0; display: flex; align-items: center; justify-content: center; }
.cc-popup-box .cc-popup-close svg { width: 45px; aspect-ratio: 1; }
.cc-popup-box .cc-popup-close:hover { cursor: pointer; color: var(--cc-main-red);}

.cc-popup-box .cc-support-button { margin: 15px; }

/* Background images for specific banners: */
.cc-banner-content.ims-qual-analysis { background-image: url('https://www.coachcox.co.uk/wp-content/themes/cc-theme/images/home/konaqualsmall.jpg'); background-repeat: no-repeat; background-position: right; background-size: contain; }

@media screen and (max-width: 1100px) {
	.cc-banner-item-three { display: none; }	
}

@media screen and (max-width: 750px) {
	.cc-banner-item-two { display: none; }	
}

/* End banner wrap */

/* Clickable functionality for other banners */

.cc-clickable-item:hover { cursor: pointer; }
.cc-clickable-item:hover .cc-action-button { background: var(--cc-dark-red); color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; cursor: pointer; }
.cc-clickable-item:hover .cc-home-action-button { background: var(--cc-dark-red); color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; cursor: pointer; }
.cc-clickable-item:hover .cc-bg-sticker { background: var(--cc-dark-green); }
.cc-clickable-item:hover .cc-title { background: var(--cc-dark-red); }

/* Legacy data ID for older tables (do NOT delete, still in use in content) */

#data { border-spacing: 0; border-collapse: collapse; font:15px Helvetica, Verdana, sans-serif; padding: 0; margin: 5px auto 35px auto; width: 90%;}

#data caption { caption-side: top; font: bold 16px Helvetica, Verdana, sans-serif; padding: 5px; }

#data th { border-bottom: 1px solid #ddd; font: bold 15px Helvetica, Verdana, sans-serif; padding: 0 10px 5px 10px; text-align:center; vertical-align:middle; }

#data tr:hover td { background:#ddd; }

#data td { padding:5px; text-align:center; vertical-align:middle; }

#data .rowlabel { font: bold 15px Helvetica, Verdana, sans-serif; text-align: right; padding-right: 10px; }

#data .total { font: bold 15px Helvetica, Verdana, sans-serif; border-top: 1px solid #ddd; }

#data .odd { background:#fefefe; }

#data .kona { color: #fc1814; }

/* End of Legacy data ID for older tables */

/* Media Adaptations */

.hide1, .hide2, .hide3 { }
.show1, .show2, .show3 { display: none; }

@media screen and (max-width: 820px) {
	.hide3 {display: none;}
    .latestthumbnail { display: none; }
}

@media screen and (max-width: 720px) {
	h2 { font-size: 32px; }
}

@media screen and (max-width: 600px) {
	.archivethumbnail { display: none; }
	.archivepostdetails { margin: 5px 5px 5px 5px ; }
	.hide2 { display: none; }
	.pagination span.hide2 { display: none; }
	.pagination a.hide2 { display: none; }
	.pagination a.show2 { display: block; } 	
	h2 { font-size: 30px; }
}

@media screen and (max-width: 520px) {
	h2 { font-size: 28px; }
}

@media screen and (max-width: 380px) {
  .pagination span.hide1 { display: none; } 
  .hide1 { display: none; }
}

/* End of Media Adaptations */

.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important; }
.cmplz-cookiebanner { transition:none!important; }
.cmplz-cookiebanner .cmplz-message {(max-width: 400px) margin-right: 5px; height: 60px; font-size: 12px; /* overflow: scroll; */}/* Styling for the Ironman Statistics plugin pages */

.ims-title { background-color: var(--cc-dark-red); padding: 15px 0; margin: 0; text-shadow: 1px 1px 3px #ab0000, -1px 1px 3px #ab0000, 1px -1px 3px #ab0000, -1px -1px 3px #ab0000; }

.ims-hassub { padding: 15px 0 10px; }

.ims-subtitle-wrap { box-sizing: border-box; width: 96%; padding: 0; margin: 25px auto; border: 2px black solid; border-radius: 4px; }
.ims-subtitle { font: 34px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: black; border-top: 1px black solid; border-bottom: 1px black solid; box-sizing: border-box; margin: 0; padding: 10px 5px; align-items: center; justify-content: center; text-align: center; }


@media screen and (max-width: 600px) {
	.ims-subtitle { font-size: 26px; }
}

.ims-breadcrumb { padding: 5px 0; margin: 0 0 0 5px; color: #666; font: 14px Tahoma, Helvetica, sans-serif;}

.ims-sharing { margin: 10px 0; }

.ims-spacer { display: block; clear: both; width: 100%; height: 20px; }

.ims-list { list-style: none; list-style-position: outside; }

.ims-gen-icon { display: inline-block; width: 24px; height: 24px; padding: 0; margin: 0;}
.ims-male-icon { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23777' d='M83.417,18.329c0-0.002,0.001-0.003,0.001-0.005c0-0.853-0.69-1.544-1.542-1.545v-0.016H61.078v0.017 c-0.846,0.008-1.53,0.695-1.53,1.543v6.871h0l0,0c0,0.847,0.684,1.534,1.53,1.542v0.001h5.151l-8.713,8.713 c-4.202-2.875-9.284-4.56-14.761-4.56c-14.455,0-26.173,11.718-26.173,26.173s11.718,26.174,26.173,26.174 c14.455,0,26.173-11.719,26.173-26.174c0-5.373-1.621-10.366-4.398-14.521l8.911-8.911v5.473c0,0.853,0.691,1.544,1.544,1.544 h6.887c0.852,0,1.544-0.691,1.544-1.544c0-0.002-0.001-0.003-0.001-0.005V18.329z M42.755,73.262 c-8.946,0-16.198-7.252-16.198-16.199c0-8.946,7.252-16.199,16.198-16.199s16.199,7.253,16.199,16.199 C58.954,66.01,51.701,73.262,42.755,73.262z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.ims-female-icon { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23777' d='M68.507,55.658c10.221-10.221,10.221-26.793,0-37.016c-10.222-10.221-26.793-10.221-37.015,0 c-10.222,10.223-10.222,26.795,0,37.016c3.807,3.807,8.495,6.193,13.408,7.165v8.09h-5.299v0c-0.395,0-0.791,0.151-1.092,0.453 c-0.301,0.302-0.452,0.697-0.452,1.092h0v6.886h0c0,0.852,0.692,1.543,1.544,1.544c0.002,0,0.003,0,0.005,0h5.294v6.592h0 c0,0.753,0.54,1.379,1.254,1.515v0.029h0.289c0,0,0,0,0.001,0s0,0,0.001,0h6.884c0.001,0,0.001,0,0.002,0 c0.852,0,1.544-0.691,1.544-1.544h0.001v-6.592h5.52c0.001,0,0.002,0,0.003,0c0.853,0,1.544-0.691,1.544-1.544v-6.886 c0-0.395-0.151-0.791-0.452-1.092c-0.302-0.302-0.697-0.453-1.092-0.453v0h-5.522v-8.048 C59.87,61.923,64.643,59.522,68.507,55.658z M50,53.349c-8.946,0-16.199-7.252-16.198-16.198c0-8.946,7.252-16.199,16.199-16.199 c8.946,0,16.199,7.252,16.198,16.198C66.198,46.096,58.946,53.349,50,53.349z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }

.ims-list li::before { content: "\2609"; color: #666d79; font-weight: 900; display: inline-block; width: 40px; }

/* Style for top nav with active search box in place */
.ims-top-navigator { position: sticky; top: 60px; z-index: 50; box-sizing: border-box; min-width: 320px; width: 100%; overflow: hidden; padding: 8px 0 8px 20px; margin: 10px 0; border-top: 1px var(--cc-main-blue) solid; border-bottom: 1px var(--cc-main-blue) solid; background-color: var(--cc-background-blue); font: 16px Helvetica, Verdana, sans-serif; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

.ims-top-tab { box-sizing: border-box; min-width: 220px; width: 100%; max-width: 60%; overflow: hidden; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }

.ims-top-search { box-sizing: border-box; min-width: 110px; width: 35%; overflow: hidden; padding: 0; margin: 0 10px; }

.ims-top-search form { box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; }
.ims-top-sea-text { flex: 0 0 auto; box-sizing: border-box; width: 100%; max-width: 250px; height: 40px; margin: 5px 10px; padding: 5px 5px 5px 25px; border: 1px var(--cc-main-red) solid; appearance: none;  border-radius: 4px; background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3891 13.3891L19 19M9.5 15C12.5376 15 15 12.5376 15 9.5C15 6.46243 12.5376 4 9.5 4C6.46243 4 4 6.46243 4 9.5C4 12.5376 6.46243 15 9.5 15Z' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 5px; }
.ims-top-sea-text:focus, .ims-top-sea-text:hover { outline-style: none; border: 2px var(--cc-dark-red) solid; appearance: none; }

@media screen and (max-width: 760px) {
	.ims-top-navigator { padding: 6px 0; font: 14px Helvetica, Verdana, sans-serif; }
	.ims-top-search { margin: 0 5px; }
	.ims-top-sea-text { max-width: 150px; margin: 5px 5px; }
}

@media screen and (max-width: 460px) {
	.ims-top-sea-text { max-width: 110px; margin: 3px 3px; padding: 3px 3px 3px 25px; }
}

@media screen and (max-width: 400px) {
	.ims-top-navigator { padding: 6px 0; font: 12px Helvetica, Verdana, sans-serif; }
	.ims-top-tab { min-width: 190px; }
	.ims-top-search  { min-width: 100px; }
}

@media screen and (max-width: 340px) {
	.ims-top-search  { min-width: 100px; }
	.ims-top-sea-text { max-width: 100px; }
}

/* the statistics bar for the head of a page */
.ims-top-stats { box-sizing: border-box; height: 80px; margin: 15px auto 30px; clear: both; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-shrink: 0; overflow: hidden;}

.stats6 { }

/* Adjust the height at set widths to show overflow more elegantly: */

@media screen and (max-width: 520px) {
	.ims-top-stats.stats6 { height: 160px; }
}

@media screen and (max-width: 410px) {
	.ims-top-stats.stats6 { height: 240px; }
}

.ims-top-stats .stat { box-sizing: border-box; width: 120px; height: 70px; padding: 0; margin: 5px; text-align: center; }
.ims-top-stats .stat:hover { }

.stathead { box-sizing: border-box; width: 100%; height: 34px; background: var(--cc-box-light); color: white; padding: 0; margin: 0; font: 15px Tahoma, Helvetica, sans-serif; line-height: 34px; font-weight: 500;}
.ims-top-stats .stat:hover > .stathead {  }
.statbody { box-sizing: border-box; width: 100%; height: 33px; border-bottom: 1px var(--cc-box-light) solid; background-color: #f1f1f1; padding: 0; margin: 0; font: 14px Tahoma, Helvetica, sans-serif; line-height: 34px; font-weight: 300; }

/* Other general page layout elements */
.ims-social-wrap {box-sizing: border-box; padding: 10px; margin: 0;}
.ims-boxout-wrap { box-sizing: border-box; width: 96%; padding: 0; margin: 20px auto; font-size: var(--cc-text-minor); background-color: var(--cc-background-blue); color: #2d2d2d; border: 1px solid var(--cc-trim-blue); border-radius: 4px; }
.ims-boxout-wrap:has(.head) { border: 1px solid var(--cc-box-light); }
.ims-boxout-wrap .head { box-sizing: border-box; margin: 0; padding: 10px 10px; align-items: center; justify-content: center; text-align: center; background-color: var(--cc-box-light); color: white; font: 28px Helvetica, sans-serif; font-weight: 600; }
.ims-boxout-wrap .body { box-sizing: border-box; width: 100%; padding: 5px 15px; margin: 10px 5px; }

.ims-boxout-wrap .body p { padding: 0 0 5px; }
.ims-boxout-wrap .body p:last-child { padding: 0; }
.ims-boxout-wrap .body ul:last-child { margin: 0 0 0 15px; }
.ims-boxout-wrap .body img { border: 1px #ccc solid; }

.ims-title-bar { box-sizing: border-box; width: 100%; padding: 5px; margin: 5px; }

.ims-links-pane { box-sizing: border-box; margin: 15px 0; padding: 10px 0; overflow: hidden; flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; background-color: var(--cc-background-blue); border-top: 1px solid #ecf0f6; border-bottom: 1px solid #ecf0f6; }
.ims-links-pane .head { width: 100%; }
.ims-links-pane .link { box-sizing: border-box; min-width: 180px; width: calc(100vw*0.2); height: 42px; margin: 5px auto; padding: 0 10px; align-items: center; justify-content: center; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; }

@media screen and (max-width: 800px) {
	.ims-links-pane { grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr;}
	.ims-links-pane .link { width: calc(100vw*0.4); };
}

@media screen and (max-width: 400px) {
	.ims-links-pane .link { min-width: 130px; font-size: 14px; };
}

@media screen and (max-width: 300px) {
	.ims-links-pane .link { min-width: 100px; };
}

.ims-subtitle-wrap .ims-subtitle { border: none; margin: 0; }
.ims-subtitle-wrap .ims-tab-bar { border: none; margin: 0; }
.ims-subtitle-wrap .ims-intro-wrap { border: none; margin: 0; }


.ims-tbl-building { width: 100%; text-align: center; color: #9a9797; font: 20px  Helvetica, Verdana, sans-serif; font-weight: 400; font-style: italic; padding: 10px; }

.ims-green { background-color: #ecffef; padding: 5px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;}

.ims-red { background-color: #ffd6d6; padding: 5px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;}

.ims-ad-banner { display: block; width: 468px; height: 60px; margin: 10px auto 15px; padding: 0; background-color: #00ff00; display:none;}

/* Styling for Support section */

.ims-support-wrap { box-sizing: border-box; max-width: 420px; width: 100%; margin 10px auto; padding: 10px; background-color: #fbfdff; }

.ims-support-wrap .head { box-sizing: border-box; margin: 5px 0; padding: 5px; align-items: center; justify-content: center; text-align: center; color: var(--cc-box-black); font: 32px Tahoma, Helvetica, sans-serif; font-weight: 600; }

.ims-support-wrap .text { box-sizing: border-box; margin: 0; padding: 5px 10px;}
.ims-support-wrap .text-emph { box-sizing: border-box; margin: 0; padding: 15px 10px 5px; font: 20px Helvetica, Verdana, sans-serif; font-weight: 600; }

.ims-support-wrap .options { box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 15px 0; padding: 5px 0; }

.ims-support-item { display: flex; flex: 0 0 auto; box-sizing: border-box; width: 70px; height: 35px; margin: 5px; }
.ims-support-button { display: block; width: 100%; height: 100%; background: #9a9797; align-items: center; justify-content: center; text-align: center; color: white; font: 16px Tahoma, Helvetica, sans-serif; line-height: 35px; }

.ims-support-item input { position: absolute; opacity: 0; cursor: pointer; }
.ims-support-item:hover input ~ .ims-support-button { background: #fc1814; cursor: pointer; }
.ims-support-item input:checked ~ .ims-support-button { background: #fc1814; }

.ims-support-wrap .payment { box-sizing: border-box; display: flex; flex: 0 0 auto; width: 100%; align-items: center; justify-content: center; text-align: center; margin: 0;}

.ims-support-paypal { width: 280px; }

@media screen and (max-width: 360px) {
	.ims-support-item { margin: 5px 15px; }
}

/* CSS for a race summary box at the top of the page */
.ims-topstats-wrap { width: fit-content; max-width: 96%; margin: 30px auto; border: 1px var(--cc-box-light) solid; border-radius: 4px; color: #2d2d2d; background-color: var(--cc-background-blue); }

.ims-topstats-title { box-sizing: border-box; margin: 0; padding: 12px 15px; text-align: left; font: var(--cc-subtitle-b) Tahoma, Helvetica, sans-serif; font-weight: 600; color: white; background-color: var(--cc-box-light); }

.ims-topstats-body { box-sizing: border-box; padding: 10px 20px; clear: both; display: grid; grid: 1fr / 1fr 1fr 1fr 1fr 1fr 1fr; overflow: hidden;}
.ims-topstats-body.four { grid: 1fr / 1fr 1fr 1fr 1fr;}
.ims-topstats-body.two { grid: 1fr / 1fr 1fr; }

.ims-topstats-body .topstat { box-sizing: border-box; width: 100%; padding: 5px 10px; margin: 0; text-align: center; vertical-align: middle; border-left: 1px solid #bbb; overflow: hidden; }
.ims-topstats-body .topstat:first-child { border: none; }
	
.topstat .stathead { box-sizing: border-box; background: none; width: 100%; text-align: center; height: 34px; color: #2b2b2b; padding: 0; margin: 0; font: 16px Tahoma, Helvetica, sans-serif; line-height: 34px; font-weight: 700;}
.topstat .statbody { box-sizing: border-box; background: none; border: none; width: 100%; padding: 0; margin: 0; font: 15px Tahoma, Helvetica, sans-serif; line-height: 34px; font-weight: 300; display: flex; justify-content: space-evenly; align-items: center; }
	
@media screen and (max-width: 820px) {
.ims-topstats-body { grid: 1fr 1fr/ 1fr 1fr 1fr; }
.ims-topstats-body.four { grid: 1fr 1fr / 1fr 1fr; }
.topstat .statbody { height: 40px; }
.ims-topstats-body .topstat:nth-child(4) { border: none; }
.ims-topstats-body .topstat:nth-child(4), .topstat:nth-child(5), .topstat:nth-child(6) { border-top: 1px solid #bbb; }
.ims-topstats-body.two .topstat, .ims-topstats-body.four .topstat { border: none; }
.ims-topstats-body.two .topstat:nth-child(2) { border-left: 1px solid #bbb; }
.ims-topstats-body.four .topstat:nth-child(2), .ims-topstats-body.four .topstat:nth-child(4) { border-left: 1px solid #bbb; }
.ims-topstats-body.four .topstat:nth-child(3), .ims-topstats-body.four .topstat:nth-child(4) { border-top: 1px solid #bbb; }
}

@media screen and (max-width: 420px) {
.ims-topstats-body { grid: 1fr 1fr 1fr/ 1fr 1fr; }
.ims-topstats-body .topstat:nth-child(4) { border-left: 1px solid #bbb; }
.ims-topstats-body .topstat:nth-child(3), .topstat:nth-child(5) { border-left: none; border-top: 1px solid #bbb;  }
}


/* A tab bar for pages: */
.ims-nav-bar { box-sizing: border-box; width: 100%; overflow: hidden; padding: 8px 0 8px 20px; margin: 0; background-color: #ededed; border-bottom: 1px #c7c7c7 solid; font: 16px Helvetica, Verdana, sans-serif; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }

.ims-tab-bar, .ims-select-bar { box-sizing: border-box; width: 100%; overflow: hidden; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
.ims-select-bar { display: none; } 
.ims-select-bar.show { display: flex; }

.ims-page-type-box { box-sizing: border-box; min-width: 120px; width: 35%; max-width: 170px; overflow: hidden; padding: 0; margin: 0 10px; display: flex; justify-content: flex-end; }
.ims-page-view-select, .ims-page-type-select { display: block; box-sizing: border-box; min-width: 100px; width: fit-content; max-width: 200px; height: 42px; margin: 0 3px; padding: 5px 25px 5px 10px; text-align: center; line-height: 22px; font: 16px Helvetica, Verdana, sans-serif; color: white; appearance: none; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat; background-size: 10px; background-position: calc(100% - 10px) calc(50% + 4px); background-repeat: no-repeat; background-color: var(--cc-main-blue); border: 1px solid var(--cc-dark-blue); border-radius: 4px; }
.ims-page-type-select { max-width: 200px; }
.ims-page-view-select.multi { width: fit-content; }

.ims-tab, span.ims-tab, a.ims-tab, a.ims-tab:visited { flex: 1; box-sizing: border-box; min-width: 80px; width: 100%; max-width: 120px; height: 42px; overflow: hidden; margin: 0 3px; padding: 5px 10px; align-items: center; justify-content: center; text-align: center; border-radius: 4px; display: flex; }
.ims-tab.bgicon, span.ims-tab.bgicon, a.ims-tab.bgicon, a.ims-tab.bgicon:visited { padding: 5px 10px 5px 30px; background-repeat: no-repeat; background-position: 8px center; }
.ims-tab.icon, span.ims-tab.icon, a.ims-tab.icon, a.ims-tab.icon:visited { display: flex; width: 42px; min-width: 42px; flex: 0; margin: 0 3px; }
.ims-tab.icon.main, span.ims-tab.icon.main, a.ims-tab.icon.main, a.ims-tab.icon.main:visited { margin: 0 20px 0 3px; }
.ims-tab.icon.right, span.ims-tab.icon.right, a.ims-tab.icon.right, a.ims-tab.icon.right:visited { margin: 0 3px 0 20px; }
.ims-tab.icon.search, a.ims-tab.icon.search, a.ims-tab.icon.search:visited { margin: 0 5px 0 3px; }

.ims-tab.wide { min-width: 100px; max-width: 150px; }

.ims-tab-content { margin: 0 0 20px; padding: 0; }

.ims-tab-none { margin: 0; padding: 0; border: none;}

@media screen and (max-width: 760px) {
	.ims-nav-bar { padding: 6px 0; font: 14px Helvetica, Verdana, sans-serif; }
	.ims-tab, span.ims-tab, a.ims-tab, a.ims-tab:visited { height: 42px; padding: 5px; }
	.ims-tab.bgicon, span.ims-tab.bgicon, a.ims-tab.bgicon, a.ims-tab.bgicon:visited { padding: 5px 5px 5px 26px; background-position: 6px center; }
	.ims-tab.icon.main, span.ims-tab.icon.main, a.ims-tab.icon.main, a.ims-tab.icon.main:visited { margin: 0 3px 0 3px; }	
	.ims-tab.icon.right, span.ims-tab.icon.right, a.ims-tab.icon.right, a.ims-tab.icon.right:visited { margin: 0 3px 0 3px; }
	.ims-tab.icon.search, a.ims-tab.icon.search, a.ims-tab.icon.search:visited { margin: 0 3px 0 3px; }
	.ims-page-view-select, .ims-page-type-select {  height: 42px; font: 14px Helvetica, Verdana, sans-serif; }
}

@media screen and (max-width: 660px) {
	.ims-tab-bar { display: none; }
	.ims-tab-bar.permanent { display: flex; }
	.ims-select-bar { display: flex; width: 60%; }	
	.ims-tab.wide { margin: 0 3px; max-width: 120px; }
	.ims-page-view-select, .ims-page-type-select {  margin: 0 3px; }
}

@media screen and (max-width: 480px) {
	.ims-nav-bar  { padding: 6px 0; font: 12px Helvetica, Verdana, sans-serif; }
}

@media screen and (max-width: 400px) {
	.ims-tab, span.ims-tab, a.ims-tab, a.ims-tab:visited { min-width: 60px; height: 42px; padding: 4px; }
	.ims-tab.bgicon, span.ims-tab.bgicon, a.ims-tab.bgicon, a.ims-tab.bgicon:visited {  width: 42px; min-width: 42px; max-width:42px; padding: 4px; background-position: center center; }
	.ims-tab.icon, span.ims-tab.icon, a.ims-tab.icon, a.ims-tab.icon:visited { margin: 0 3px 0 3px; }	
	.ims-tab.icon.right, span.ims-tab.icon.right, a.ims-tab.icon.right, a.ims-tab.icon.right:visited { margin: 0 3px 0 3px; }
	.ims-tab.icon.search, a.ims-tab.icon.search, a.ims-tab.icon.search:visited { margin: 0 3px 0 3px; }
}

/* Link to associated content */

.ims-article-wrap { box-sizing: border-box; width: 96%; padding: 0; margin: 25px auto; border: 1px var(--cc-box-light) solid; border-radius: 4px; }

.ims-article-head { box-sizing: border-box; margin: 0; padding: 12px 15px; text-align: left; color: white; background-color: var(--cc-box-light); font: var(--cc-subtitle-b) Tahoma, Helvetica, sans-serif; font-weight: 600; }

.ims-article-box { box-sizing: border-box; display: grid; grid-template-columns: repeat( auto-fill, minmax(170px, 1fr) ); max-height: 960px; overflow: hidden; margin: 0; padding: 10px; background-color: var(--cc-background-blue); }
.ims-article-box.short { max-height: 310px; }
.ims-article-box.long {  }

.ims-article-item { box-sizing: border-box; width: 170px; height: 300px; margin: 10px; padding: 10px 5px; text-align: center; overflow: hidden;}
.ims-article-item  img { display: block; margin: 5px auto; }

@media screen and (max-width: 620px) {
	.ims-article-box, .ims-article-box.long, .ims-article-box.short { display: block; padding: 0; max-height: none; }
	.ims-article-item { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; min-width: 290px; width: 100%; height: 100%; max-height: 150px; margin: 0; padding: 5px 10px; text-align: left; border-bottom: 1px #c2d8ff solid; }
	.ims-article-item.odd { background-color: #f0f6ff; }
	.ims-article-item a { flex: 0 1 auto; margin: 0 10px; }
	.ims-article-item a:first-child { flex: 0 0 auto; width: 80px; margin: 0 10px; }
	.ims-article-item:last-child { border-bottom: none;}
	.ims-article-item img { flex: 0 0 auto; height: 60px; width: 60px; padding: 0 10px; }
}

/* Index page Layout styles */

.ims-idx-top-wrap { box-sizing: border-box; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; flex-shrink: 0; }

.ims-idx-section-wrap { flex: 1 1 auto; width: 96%; margin: 0 auto 50px; border: 1px var(--cc-box-black) solid; border-radius: 4px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; flex-shrink: 0; background-color: var(--cc-background-blue); color: #2d2d2d; }
.ims-idx-top { flex: 0 1 49%; }

.ims-idx-section-title { flex: 0; box-sizing: border-box; margin: 0; padding: 12px 15px; text-align: center; font: 30px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black); }

.ims-idx-section-body { box-sizing: border-box; padding: 0; margin: 0; background-color: var(--cc-background-blue); display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; }
.ims-idx-top .ims-idx-section-body { -webkit-flex-direction: column; flex-direction: column; }

.ims-idx-section-text { box-sizing: border-box; margin: 10px 5px 0px; padding: 5px 15px 0px; width:100%; flex: 1 1 auto; }
.ims-idx-top .ims-idx-section-body .ims-idx-section-text { max-width: none; margin: 15px 5px 5px; }

.ims-idx-section-links { box-sizing: border-box; margin: 0; padding: 5px 15px 15px; width: 80%; overflow: hidden; flex: 0 0 auto; display: grid; grid: auto / 1fr 1fr; }
.ims-idx-top .ims-idx-section-body .ims-idx-section-links { max-width: none; margin: 0; }

.ims-idx-section-links .link { display: block; box-sizing: border-box; min-width: 200px; width: calc(25vw); max-width: 300px; height: 42px; margin: 10px auto; padding: 0 10px; flex: 0 0 auto; align-items: center; justify-content: center; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; }

@media screen and (max-width: 850px) {
	.ims-idx-top { flex: 0 1 auto; width: 100%; }
	.ims-idx-section-body .ims-idx-section-text { max-width: none; margin: 5px 10px; flex: 0 0 auto;}
}

@media screen and (max-width: 600px) {
	.ims-idx-section-body .ims-idx-section-links { max-width: none; margin: 0; }
	.ims-idx-section-links { grid: auto / 1fr; }
	.ims-idx-section-links .link { width: 100%; max-width: 250px; }
}

.ims-idx-racelist, .ims-idx-divisionlist { box-sizing: border-box; width: 96%; margin: 30px auto; padding: 0; border: 1px var(--cc-box-black) solid; border-radius: 4px;}
.ims-idx-racelist.ims-collapse, .ims-idx-divisionlist.ims-collapse { border: 2px var(--cc-dark-blue) solid; border-radius: 4px; } 

.ims-idx-racelist .head, .ims-idx-divisionlist .head { box-sizing: border-box; margin: 0; padding: 12px 15px; font: 26px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black); }
.ims-idx-racelist .head.wc { font: 30px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black); text-align: center; }
.ims-idx-racelist .head.upcoming { font: 30px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black);}
.ims-idx-divisionlist .head.division { font: 30px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black);}

.ims-idx-racelist .body, .ims-idx-divisionlist .body  { display:none; box-sizing: border-box; padding: 0; margin: 0; background-color: var(--cc-background-blue); }
.ims-idx-racelist .body.upcoming, .body.show { display: block; padding: 0; }
.ims-idx-divisionlist .body.division, .body.show { display: block; padding: 0; }
.ims-idx-racelist .body.wc { display: block; padding: 15px 0 15px; }

.ims-idx-region { display: block; padding: 0; }
.ims-idx-region.wc { display: block; padding: 0; }
.ims-idx-region.show { display: block;}

.ims-idx-upcoming, .ims-idx-division, .ims-idx-recent { padding: 0; }

.ims-idx-row { box-sizing: border-box; margin: 0; padding: 5px 0; border-bottom: 1px #bbb solid; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-shrink: 0; background-color: var(--cc-background-blue); overflow: hidden; }

.ims-idx-row:first-child { padding: 5px 0; }
.ims-idx-row:last-child { border-bottom: none; }

.ims-idx-row.odd { background-color: #f0f6ff; }

.ims-idx-row:hover { background-color: #fffee3; }

.ims-idx-row.wc { background-color: transparent; border: none; padding: 0;}
.ims-idx-row.wc:hover { background-color: transparent; }

.ims-idx-row-title { flex: 1 1 200px; box-sizing: border-box; min-width: 150px; width: 100%; margin: 10px 10px 10px 25px; padding: 0; font: 20px Helvetica, Verdana, sans-serif; font-weight: 600; text-align: left; display: flex; flex-direction: column; justify-content: space-around; align-items: left; flex-shrink: 0; }
.ims-idx-division .ims-idx-row-title { width: 120px; }
.ims-idx-row-title .racename { padding-bottom: 5px; }
.ims-idx-row-title .racedate { font: 16px Helvetica, Verdana, sans-serif; font-style: italic; font-weight: 400; }

.ims-idx-row-info { flex: 1 1 fit-content; box-sizing: border-box; width: 100%; min-width: 150px; overflow: hidden; margin: 10px 5px; padding: 0; font-size: 18px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; flex-shrink: 0;}
.ims-idx-info-cancel { flex: 0 0 auto; box-sizing: border-box; width: 200px; margin: 5px; padding: 0 10px; color: var(--cc-dark-red); font: 18px Helvetica, Verdana, sans-serif; font-weight: 600; line-height: 42px; justify-content: center; text-align: center; }
.ims-idx-info-date { flex: 0 0 auto; box-sizing: border-box; width: 120px; margin: 5px; padding: 0 10px; font: 16px Helvetica, Verdana, sans-serif; font-weight: 500; line-height: 42px; justify-content: left; text-align: left; }
.ims-idx-info-slots { display: flex; flex: 0 0 auto; overflow: hidden; box-sizing: border-box; width: 200px; margin: 5px; padding: 0; font: 18px Helvetica, Verdana, sans-serif; font-weight: 500; justify-content: center; text-align: center; }
.ims-idx-info-slot-box { box-sizing: border-box; width: 90px; line-height: 25px; margin: 0 5px; padding: 0; }
.ims-idx-info-slot-box.im {  }
.ims-idx-info-slot-box.him {  }
.cancelled { opacity: 0.45; }

.ims-idx-info-item { flex: 0 0 auto; box-sizing: border-box; width: 120px; margin: 5px; padding: 0 10px; font: 18px Helvetica, Verdana, sans-serif; font-weight: 500; line-height: 42px; justify-content: left; text-align: left; }

.ims-slot-box-head { font-weight: 600; }
.ims-slot-box-count { font-size: 18px; }

.ims-idx-row-actions { flex: 3 1 fit-content; box-sizing: border-box; width: 100%; min-width: 280px; height: 80px; overflow: hidden; margin: 5px 5px; padding: 0; display: flex; flex-direction: row;  flex-wrap: wrap; justify-content: space-evenly; align-items: center; flex-shrink: 0;}
.ims-idx-row-actions.wc { -webkit-justify-content: center; justify-content: center; }

.ims-idx-action { display: block; box-sizing: border-box; width: 150px; height: 42px; overflow: hidden; margin: 5px; padding: 0 10px; align-items: center; justify-content: center; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; border-radius: 4px; }
.ims-idx-action.wc, .ims-idx-action.flexible { margin: 5px 15px; min-width: 120px; max-width: 250px; width: 25%; }
.ims-idx-action.inactive { opacity: 0.4; }
.ims-idx-action.wide { width: 200px; margin: 5px 10px; }

.ims-idx-action-wrap { padding: 0; margin: 0; }
.ims-idx-action-wrap.wc { margin: 5px 15px; }
.ims-idx-action-wrap.flexible { margin: 5px 15px; min-width: 120px; max-width: 250px; width: 25%; }
.ims-idx-action-wrap .ims-idx-action { width: 100%; margin: 0;}
	
	
/* Adjust the alignment to show overflow more elegantly: */
@media screen and (max-width: 770px) {
	.ims-idx-row-actions.wc { -webkit-justify-content: space-evenly; justify-content: space-evenly; }
	.ims-idx-action-wrap.wc { margin: 5px; }
	.ims-idx-row-title, .ims-idx-division .ims-idx-row-title  { flex: 1 1 auto; justify-content: center; text-align: center; font-size: 24px; }
	.ims-idx-action.wc, .ims-idx-action.flexible, .ims-idx-action.inactive { margin: 5px; font-size: 14px; width: 29%; }
	.ims-idx-action-wrap.flexible { margin: 5px; font-size: 14px; width: 29%; }
	.ims-idx-action-wrap .ims-idx-action { width: 100%; margin: 0; font-size: 14px; }
	
}

@media screen and (max-width: 620px) {
	.ims-idx-row { flex-direction: column; flex-wrap: nowrap; }
	.ims-idx-row-title.wc { display: none; }
}

@media screen and (max-width: 430px) {
	.ims-idx-row-actions { flex-direction: column;  flex-wrap: nowrap; }
	.ims-idx-action.wc, .ims-idx-action.flexible, .ims-idx-action.inactive { margin: 5px; font-size: 16px; width: 90%; max-width: 250px; min-width: 120px; }
}


/* could probably put everything into this and manage with much less code! */

.ims-content-wrap { box-sizing: border-box; width: 96%; margin: 0 auto 20px; padding: 0; border: 1px var(--cc-box-black) solid; border-radius: 4px;  }


/* Style for managing results tables */

.ims-tbl-head { box-sizing: border-box; width: 100%; margin: 0; padding: 10px 20px; font: 26px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black); }
.ims-tbl-head.section { font: 28px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black); }

.ims-tbl-wrap { box-sizing: border-box; width: 100%; margin: 0; padding: 0; overflow: hidden; scroll-margin-top: 65px; }

.ims-tbl-options-wrap { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-shrink: 0; margin: 0; padding: 0;}

.ims-fil-toggle { display: block; box-sizing: border-box; width: 260px; height: 42px; margin: 5px 10px; padding: 10px 10px; text-align: center; font: 16px Helvetica, sans-serif; background: var(--cc-main-blue); border: 1px solid var(--cc-dark-blue); color: white; line-height: 22px border-radius: 4px; }

.ims-tbl-option { display: block; box-sizing: border-box; width: 200px; height: 42px; margin: 5px 10px; padding: 10px 10px; text-align: center; font: 16px Helvetica, sans-serif; background: var(--cc-main-blue); border: 1px solid var(--cc-dark-blue); color: white; line-height: 22px; border-radius: 4px; }
a.ims-tbl-option:hover { background: var(--cc-dark-blue); color: white; }

.ims-tbl-select { appearance: none; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat; background-size: 10px; background-position: calc(100% - 10px) calc(50% + 4px); background-repeat: no-repeat; background-color: var(--cc-main-blue); border: 1px solid var(--cc-dark-blue); border-radius: 4px; }
.ims-tbl-select:focus, .ims-tbl-select:hover { appearance: none; background-color: var(--cc-dark-blue); border: 1px solid var(--cc-dark-blue); }

.ims-tbl-multiple { appearance: none; color: #2d2d2d; background: white; border: 1px solid var(--cc-main-blue); border-radius: 4px; height: 105px; text-align: left; }
.ims-tbl-multiple:focus, .ims-tbl-multiple:hover { appearance: none; background-color: white; border: 2px solid var(--cc-dark-blue); }

.ims-tbl-select-wide { min-width: 80%; width: 100%; max-width: 100%; overflow: hidden; }

.ims-tbl-fil-wrap { box-sizing: border-box; width: 100%; padding: 0; margin: 5px 5px 15px 5px; border: 1px solid var(--cc-main-blue); border-radius: 4px; display: none;}
.ims-tbl-fil-wrap.show { display: block;}

.ims-tbl-fil-head { box-sizing: border-box; margin: 0; padding: 8px 5px; align-items: center; justify-content: center; text-align: center; background-color: var(--cc-main-blue); color: white; font: 20px Helvetica, sans-serif; font-weight: 400;  }
.ims-tbl-fil-head::after { content: "Filters"; }

.ims-tbl-filters { padding: 20px 5px; margin: 0; background-color: var(--cc-background-blue); overflow: hidden; }

.ims-tbl-main { margin: 10px 0 0; }

.ims-tbl-row-title { font-size: var(--cc-text-data-title); box-sizing: border-box; width: 220px; margin: 0; padding: 0; justify-content: left; text-align: left; white-space: normal; }

.ims-res-button, .ims-sum-button { display: block; box-sizing: border-box; width: 100px; height: 42px; margin: 5px; padding: 0 10px; align-items: center; justify-content: center; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; border-radius: 14px; }
.ims-sum-button { width: 120px; }

.ims-row-label { font: var(--cc-text-data-label) Helvetica, Verdana, sans-serif; font-weight: 600; align-items: center; justify-content: center; text-align: center; }
.ims-row-title { font: var(--cc-text-data-title) Helvetica, Verdana, sans-serif; font-weight: 600; align-items: center; justify-content: center; text-align: center; }

/* Search Page Styling */

.ims-sea-quick-wrap, .ims-comp-wrap { box-sizing: border-box; width: 96%; margin: 20px auto; padding: 0; background-color: var(--cc-background-blue); border: 1px var(--cc-box-black) solid; border-radius: 4px;  }
.ims-sea-quick-head { box-sizing: border-box; width: 100%; margin: 0; padding: 10px 20px; font: 26px Tahoma, Helvetica, sans-serif; font-weight: 800; color: white; background-color: var(--cc-box-black); }
.ims-sea-quick-form, .ims-comp-form { box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0; padding: 20px; }
.ims-sea-quick-label, .ims-comp-label { flex: 0 0 auto; box-sizing: border-box; width: 100%; height: 42px; margin: 0; padding: 0 0 10px; font: bold 30px Helvetica, Verdana, sans-serif; color: #333030; text-align: center; }

.ims-comp-form-race { box-sizing: border-box; width: 50%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0 0 20px; padding: 20px;}
.ims-comp-select { width: 240px; }
.ims-comp-year-select { display: none; }

.ims-form-text, .ims-sea-quick-text { flex: 0 0 auto; box-sizing: border-box; width: 100%; max-width: 260px; height: 42px; margin: 5px 10px; padding: 10px 10px; border: 1px #4c89f9 solid; font: 16px Tahoma, Helvetica, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none;  border-radius: 4px; }
.ims-form-text.small, .ims-sea-quick-text.small { max-width: 130px; }
.ims-form-text:focus, .ims-form-text:hover, .ims-sea-quick-text:focus, .ims-sea-quick-text:hover { outline-style: none; border: 2px #2169ec solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.ims-form-button, .ims-sea-quick-button, .ims-comp-button { flex: 0 0 auto; box-sizing: border-box; width: 260px; height: 42px; margin: 5px 10px; padding: 10px 10px; text-align: center; font: 16px Tahoma, Helvetica, sans-serif; line-height: 22px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 14px; }

.ims-sea-tbl-wrap, .ims-comp-tbl-wrap { box-sizing: border-box; width: 96%; margin: 0 auto 20px; padding: 0; overflow: hidden; border: 1px var(--cc-box-black) solid; border-radius: 4px; }

.ims-sea-notice, .ims-tbl-notice, .ims-comp-notice, .ims-idx-upcoming-notice { box-sizing: border-box; width: 100%; margin: 10px 25px 10px 0; padding: 30px 30px; overflow: hidden; font: italic 28px Tahoma, Helvetica, sans-serif; color: #9a9797; font-weight: 800; text-align: center; align-items: center; }

.ims-sea-searching, .ims-comp-searching { display: none; box-sizing: border-box; width: 100%; margin: 10px 25px 10px 0; padding: 30px 30px; overflow: hidden; font: italic 28px Tahoma, Helvetica, sans-serif; color: #9a9797; font-weight: 800; text-align: center; align-items: center; }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ims-sea-notfound, .ims-comp-notfound { display: none; box-sizing: border-box; width: 100%; margin: 10px 0; padding: 30px 30px; overflow: hidden; font: italic 28px Tahoma, Helvetica, sans-serif; color: #9a9797; font-weight: 800; text-align: center; }

.ims-sea-tbl, .ims-comp-tbl, .ims-lab-tbl { display: none; box-sizing: border-box; width: 100%; margin: 0 ; padding: 0; overflow: hidden; }


/* Fastest athletes CSS: */

.ims-top-building { box-sizing: border-box; width: 100%; margin: 10px 25px 10px 0; padding: 30px 30px; overflow: hidden; font: italic 28px Tahoma, Helvetica, sans-serif; color: #9a9797; font-weight: 800; text-align: center; align-items: center; }

.ims-top-tbl-wrap { display: none; scroll-margin-top: 65px; }

/* Ranke Me CSS */

.ims-rank-initial { box-sizing: border-box; width: 100%; margin: 10px 25px 10px 0; padding: 30px 30px; overflow: hidden; font: italic 28px Tahoma, Helvetica, sans-serif; color: #9a9797; font-weight: 800; text-align: center; align-items: center; }

.ims-rank-tbl-wrap { display: none; scroll-margin-top: 65px; }

/* Standardising page response CSS */

.ims-main-display { }
.ims-display-msg { box-sizing: border-box; width: 100%; margin: 10px 25px 10px 0; padding: 30px 30px; overflow: hidden; font: italic 28px Tahoma, Helvetica, sans-serif; color: #9a9797; font-weight: 800; text-align: center; align-items: center; }
.ims-display-msg.initial { }
.ims-display-msg.building, .ims-display-msg.empty, .ims-display-msg.error, .ims-display-msg.notice { display: none; }
.ims-display-element { }
.ims-display-element.content { display: none; }
.ims-display-element.show { display: block; }
	
.loader { border: 8px solid #f9f9f9; border-top: 8px solid var(--cc-main-blue); border-radius: 50%; width: 40px; height: 40px; margin: 10px auto; animation: spin 2s linear infinite; }


/* Display/Control Selector bar */

.ims-control-tabs, .ims-disp-select { box-sizing: border-box; width: 100%; overflow: hidden; padding: 8px 15px; margin: 0; font: 16px Helvetica, Verdana, sans-serif; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; background-color: #ededed; border-bottom: 1px #c7c7c7 solid; color: white; }
.ims-control-tabs .left-options, .ims-disp-select .left-options { flex: 1; box-sizing: border-box; width: 100%; overflow: hidden; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.ims-control-tabs .right-options, .ims-disp-select .right-options { flex: 1; box-sizing: border-box; width: 100%; overflow: hidden; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }

.ims-control-option, .ims-disp-option { display: block; box-sizing: border-box; width: 120px; height: 42px; margin: 5px; padding: 10px 10px; text-align: center; line-height: 32px; }

.ims-control-option:not(.icon) svg, .ims-disp-option:not(.icon) svg { margin-right: 15px; }

.ims-disp-hide { display: none; }

.ims-disp-selected { background: black; } 

@media screen and (max-width: 760px) {
	.ims-control-tabs, .ims-disp-select { padding: 6px 6px; font: 14px Helvetica, Verdana, sans-serif; }
}

@media screen and (max-width: 480px) {
	.ims-control-tabs, .ims-disp-select { padding: 6px 6px; font: 12px Helvetica, Verdana, sans-serif; }
}


.ims-display-target { display: none; }
.ims-display-target.show { display: block; }

.ims-controls-block { display: none; }
.ims-controls-block.show { display: block; }

.ims-control-option.tbl-expand, .ims-control-option.tbl-expand:hover { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='invisible_box' data-name='invisible box'%3E%3Crect width='48' height='48' fill='none'/%3E%3C/g%3E%3Cg id='Q3_icons' data-name='Q3 icons' fill='white'%3E%3Cg%3E%3Cpath d='M30.6,28.6a1.9,1.9,0,0,0,.2,3,2.1,2.1,0,0,0,2.7-.2l5.9-6a1.9,1.9,0,0,0,0-2.8l-5.9-6a2.1,2.1,0,0,0-2.7-.2,1.9,1.9,0,0,0-.2,3L33.2,22H14.8l2.6-2.6a1.9,1.9,0,0,0-.2-3,2.1,2.1,0,0,0-2.7.2l-5.9,6a1.9,1.9,0,0,0,0,2.8l5.9,6a2.1,2.1,0,0,0,2.7.2,1.9,1.9,0,0,0,.2-3L14.8,26H33.2Z'/%3E%3Cpath d='M42,6V42a2,2,0,0,0,4,0V6a2,2,0,0,0-4,0Z'/%3E%3Cpath d='M6,42V6A2,2,0,0,0,2,6V42a2,2,0,0,0,4,0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.ims-control-option.tbl-expand:before { content: "Full"; }
.ims-control-option.tbl-compact, .ims-control-option.tbl-compact:hover  { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='invisible_box' data-name='invisible box'%3E%3Crect width='48' height='48' fill='none'/%3E%3C/g%3E%3Cg id='Q3_icons' data-name='Q3 icons' fill='white'%3E%3Cg%3E%3Cpath d='M32.6,22.6a1.9,1.9,0,0,0,0,2.8l5.9,6a2.1,2.1,0,0,0,2.7.2,1.9,1.9,0,0,0,.2-3L38.8,26H44a2,2,0,0,0,0-4H38.8l2.6-2.6a1.9,1.9,0,0,0-.2-3,2.1,2.1,0,0,0-2.7.2Z'/%3E%3Cpath d='M15.4,25.4a1.9,1.9,0,0,0,0-2.8l-5.9-6a2.1,2.1,0,0,0-2.7-.2,1.9,1.9,0,0,0-.2,3L9.2,22H4a2,2,0,0,0,0,4H9.2L6.6,28.6a1.9,1.9,0,0,0,.2,3,2.1,2.1,0,0,0,2.7-.2Z'/%3E%3Cpath d='M26,6V42a2,2,0,0,0,4,0V6a2,2,0,0,0-4,0Z'/%3E%3Cpath d='M22,42V6a2,2,0,0,0-4,0V42a2,2,0,0,0,4,0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.ims-control-option.tbl-compact:before { content: "Compact"; }

.ims-control-option.ims-ctrl-qual-button, .ims-control-option.ims-ctrl-qual-button:hover, a.ims-control-option.ims-ctrl-qual-button, a.ims-control-option.ims-ctrl-qual-button:hover { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 3334 3334' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(0.756924,0,0,0.778254,71.5364,142.454)'%3E%3Ccircle cx='419' cy='498.75' r='255.25' fill='none' stroke='white' stroke-width='80px'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-11.3125,0.494948)'%3E%3Cpath d='M274.591,372.611L123.625,45.875L249.625,45.875L385.684,331.464L249.625,45.875' fill='none' fill-rule='nonzero' stroke='white' stroke-width='37.5px' stroke-linecap='butt'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,-11.3125,0.494948)'%3E%3Cpath d='M531.662,368.368L699,45.875L572.375,45.875L423.885,323.626' fill='none' fill-rule='nonzero' stroke='white' stroke-width='37.5px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.ims-control-option.ims-ctrl-qual-button:before { content: "Slots"; }
.ims-control-option.ims-ctrl-filt-button, .ims-control-option.ims-ctrl-filt-button:hover, a.ims-control-option.ims-ctrl-filt-button, a.ims-control-option.ims-ctrl-filt-button:hover { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='invisible_box' data-name='invisible box'%3E%3Crect width='48' height='48' fill='none'/%3E%3C/g%3E%3Cg id='icons_Q2' data-name='icons Q2' fill='white'%3E%3Cpath d='M41.8,8H21.7A6.2,6.2,0,0,0,16,4a6,6,0,0,0-5.6,4H6.2A2.1,2.1,0,0,0,4,10a2.1,2.1,0,0,0,2.2,2h4.2A6,6,0,0,0,16,16a6.2,6.2,0,0,0,5.7-4H41.8A2.1,2.1,0,0,0,44,10,2.1,2.1,0,0,0,41.8,8ZM16,12a2,2,0,1,1,2-2A2,2,0,0,1,16,12Z'/%3E%3Cpath d='M41.8,22H37.7A6.2,6.2,0,0,0,32,18a6,6,0,0,0-5.6,4H6.2a2,2,0,1,0,0,4H26.4A6,6,0,0,0,32,30a6.2,6.2,0,0,0,5.7-4h4.1a2,2,0,1,0,0-4ZM32,26a2,2,0,1,1,2-2A2,2,0,0,1,32,26Z'/%3E%3Cpath d='M41.8,36H24.7A6.2,6.2,0,0,0,19,32a6,6,0,0,0-5.6,4H6.2a2,2,0,1,0,0,4h7.2A6,6,0,0,0,19,44a6.2,6.2,0,0,0,5.7-4H41.8a2,2,0,1,0,0-4ZM19,40a2,2,0,1,1,2-2A2,2,0,0,1,19,40Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.ims-control-option.ims-ctrl-filt-button:before { content: "Filters"; }
.ims-control-option.ims-ctrl-settings-button, .ims-control-option.ims-ctrl-settings-button:hover, a.ims-control-option.ims-ctrl-settings-button, a.ims-control-option.ims-ctrl-settings-button:hover { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='invisible_box' data-name='invisible box'%3E%3Crect width='48' height='48' fill='none'/%3E%3C/g%3E%3Cg id='icons_Q2' data-name='icons Q2' fill='white'%3E%3Cpath d='M41.8,8H21.7A6.2,6.2,0,0,0,16,4a6,6,0,0,0-5.6,4H6.2A2.1,2.1,0,0,0,4,10a2.1,2.1,0,0,0,2.2,2h4.2A6,6,0,0,0,16,16a6.2,6.2,0,0,0,5.7-4H41.8A2.1,2.1,0,0,0,44,10,2.1,2.1,0,0,0,41.8,8ZM16,12a2,2,0,1,1,2-2A2,2,0,0,1,16,12Z'/%3E%3Cpath d='M41.8,22H37.7A6.2,6.2,0,0,0,32,18a6,6,0,0,0-5.6,4H6.2a2,2,0,1,0,0,4H26.4A6,6,0,0,0,32,30a6.2,6.2,0,0,0,5.7-4h4.1a2,2,0,1,0,0-4ZM32,26a2,2,0,1,1,2-2A2,2,0,0,1,32,26Z'/%3E%3Cpath d='M41.8,36H24.7A6.2,6.2,0,0,0,19,32a6,6,0,0,0-5.6,4H6.2a2,2,0,1,0,0,4h7.2A6,6,0,0,0,19,44a6.2,6.2,0,0,0,5.7-4H41.8a2,2,0,1,0,0-4ZM19,40a2,2,0,1,1,2-2A2,2,0,0,1,19,40Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.ims-control-option.ims-ctrl-settings-button:before { content: "Settings"; }

.ims-disp-option.ims-disp-chart, .ims-disp-option.ims-disp-chart:hover { background-image: url("data:image/svg+xml,%3Csvg fill='white' width='24px' height='24px' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M746.667 106.667V1493.33H1173.33V106.667H746.667ZM1056 224H864V1376H1056V224ZM106.667 533.333H533.333V1493.33H106.667V533.333ZM224 650.667H416V1376H224V650.667Z'/%3E%3Cpath d='M1920 1706.67H0V1824H1920V1706.67Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1386.67 746.667H1813.33V1493.33H1386.67V746.667ZM1504 864H1696V1376H1504V864Z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }
.ims-disp-option.ims-disp-chart:before { content: "Chart"; }
.ims-disp-option.ims-disp-table, .ims-disp-option.ims-disp-table:hover  { background-image: url("data:image/svg+xml,%3Csvg fill='white' width='22px' height='22px' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 1320v420c0 33-27 60-60 60h-420v-480h480Zm-600 0v480H720v-480h480Zm-600 0v480H180c-33 0-60-27-60-60v-420h480Zm1200-600v480h-480V720h480Zm-600 0v480H720V720h480Zm-600 0v480H120V720h480Zm1140-600c33 0 60 27 60 60v420h-480V120h420Zm-540 0v480H720V120h480Zm-600 0v480H120V180c0-33 27-60 60-60h420ZM1740 0H180C80.76 0 0 80.76 0 180v1560c0 99.24 80.76 180 180 180h1560c99.24 0 180-80.76 180-180V180c0-99.24-80.76-180-180-180Z' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; }
.ims-disp-option.ims-disp-table:before { content: "Table";}

@media screen and (max-width: 400px) {
	.ims-control-option.ims-ctrl-qual-button:before { content: ""; }
	.ims-control-option.ims-ctrl-filt-button:before { content: ""; }
	.ims-disp-option.ims-disp-chart:before { content: ""; }
	.ims-disp-option.ims-disp-table:before { content: "";}
	.ims-control-option.tbl-expand:before { content: ""; }
	.ims-control-option.tbl-compact:before { content: ""; }
}


/* Chart Stylings */

.ims-chart-wrap { box-sizing: border-box; width: 100%; min-height: 500px; margin: 0 0 20px 0; padding: 0; }
.ims-chart-wrap-opts { }
.ims-chart-hide { display: none; }

.ims-chart { box-sizing: border-box; display: block; width: 95%; aspect-ratio: 10/9; min-height: 500px; max-height: 1080px; padding: 0; margin: 10px auto; margin-bottom: 10px;}

.ims-chart-title { box-sizing: border-box; width: 100%; padding: 5px; font: 20px Tahoma, Helvetica, sans-serif; text-align: center; }

.ims-tooltip { position: absolute; margin: 0; padding: 0; background-color: white; }

.ims-tooltip .info { box-sizing: border-box; width: 100%;  padding: 0; margin: 0; text-align: center; }

.infohead { box-sizing: border-box; width: 100%; background: var(--cc-box-black); color: white; padding: 5px; margin: 0; font: 16px Tahoma, Helvetica, sans-serif; font-weight: 500; vertical-align: middle;}
.infobody { box-sizing: border-box; width: 100%; border: 1px var(--cc-box-black) solid; background-color: #f1f1f1; padding: 5px; margin: 0; font: 15px Tahoma, Helvetica, sans-serif; font-weight: 300; vertical-align: middle;}


/* Specific charts styling options: */
#imlabageupchart { aspect-ratio: 16/9; }



/* Styling for embedded Ironman Statistics plugin content */

.ims-action-bar { box-sizing: border-box; min-width: 60%; width: 96%; max-width: fit-content; margin: 25px auto; padding: 0; border: 1px solid var(--cc-box-light); background-color: var(--cc-background-blue); border-radius: 4px; }
.ims-action-bar:first-child { margin: 0 auto 25px; }
.ims-action-bar .head { box-sizing: border-box; margin: 0; padding: 8px 0 8px 10px; text-align: left; color: white; background: var(--cc-box-light); font: var(--cc-subtitle-b) Tahoma, Helvetica, sans-serif; font-weight: 600; }
.ims-action-bar .body { box-sizing: border-box;padding: 10px; clear: both; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: flex-start; flex-shrink: 0; overflow: hidden;  }

.ims-action-bar .ims-action-button { flex: 1; box-sizing: border-box; min-width: 120px; max-width: 200px; height: 42px; margin: 5px; padding: 0 10px; align-items: center; justify-content: center; text-align: center; font: 15px Tahoma, Helvetica, sans-serif; font-weight: 500; line-height: 42px; }


@media screen and (max-width: 660px) {
	.ims-action-bar .ims-action-button { font-size: 14px; };
}

@media screen and (max-width: 580px) {
	.ims-action-bar .ims-action-button { font-size: 14px; min-width: 180px; };
}

@media screen and (max-width: 420px) {
	.ims-action-bar .ims-action-button { min-width: 120px; };
}

/* Overriding DataTable styles */

div.dtsp-panesContainer { clear: both; text-align: center; padding: 0; margin: 0; border: none; font-family: Helvetica, Verdana, sans-serif;}
div.dtsp-searchPane { justify-content: space-evenly; }
div.dtsp-columns-1 { min-width: 30% ; max-width: 45%; }

table.dataTable { font-size: var(--cc-text-data); }
table.dataTable thead th { font: var(--cc-text-data) Helvetica, Verdana, sans-serif; font-weight: 600; align-items: center; justify-content: center; text-align: center; border-bottom: 1px #666 solid; }

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date { text-align: center; }

table.dataTable tbody { border-bottom: none; }
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: none; }
div.dt-container.dt-empty-footer .dt-scroll-body { border-bottom: none; }
.dataTables_wrapper .dataTables_info { padding: 0.7em; }
div.dt-container .dt-info { font-size: var(--cc-text-data); padding: 5px 10px; border-top: 1px rgba(0, 0, 0, 0.3) solid; }

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_scrollBody { border: 1px var(--cc-main-blue) solid;}

table.dataTable.stripe tbody tr:nth-child(odd), table.dataTable.display tbody tr:nth-child(odd) { background-color: #f0f6ff; }
table.dataTable.stripe tbody tr:nth-child(odd):hover, table.dataTable.display tbody tr:nth-child(odd):hover { background-color: #fffee3; }

table.dataTable.stripe tbody tr, table.dataTable.display tbody tr { background-color: var(--cc-background-blue); }
table.dataTable.stripe tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #fffee3; }

table.dataTable.stripe tbody tr:nth-child(odd).autoqual, table.dataTable.display tbody tr:nth-child(odd).autoqual { background-color: #ecffef; }
table.dataTable.stripe tbody tr:nth-child(odd).autoqual:hover, table.dataTable.display tbody tr:nth-child(odd).autoqual:hover { background-color: #fffee3; }

table.dataTable.stripe tbody tr.autoqual, table.dataTable.display tbody tr.autoqual { background-color: #ecffef; }
table.dataTable.stripe tbody tr.autoqual:hover, table.dataTable.display tbody tr.autoqual:hover { background-color: #fffee3; }

table.dataTable.stripe tbody tr:nth-child(odd).rexclude, table.dataTable.display tbody tr:nth-child(odd).rexclude, table.dataTable.stripe tbody tr:nth-child(odd).nodns, table.dataTable.display tbody tr:nth-child(odd).nodns, table.dataTable.stripe tbody tr:nth-child(odd).rolldown, table.dataTable.display tbody tr:nth-child(odd).rolldown { background-color: #ffd6d6; }
table.dataTable.stripe tbody tr:nth-child(odd).rexclude:hover, table.dataTable.display tbody tr:nth-child(odd).rexclude:hover, table.dataTable.stripe tbody tr:nth-child(odd).nodns:hover, table.dataTable.display tbody tr:nth-child(odd).nodns:hover, table.dataTable.stripe tbody tr:nth-child(odd).rolldown:hover, table.dataTable.display tbody tr:nth-child(odd).rolldown:hover { background-color: #fffee3; }

table.dataTable.stripe tbody tr.rexclude, table.dataTable.display tbody tr.rexclude, table.dataTable.stripe tbody tr.nodns, table.dataTable.display tbody tr.nodns, table.dataTable.stripe tbody tr.rolldown, table.dataTable.display tbody tr.rolldown { background-color: #fff1f1; }
table.dataTable.stripe tbody tr.rexclude:hover, table.dataTable.display tbody tr.rexclude:hover, table.dataTable.stripe tbody tr.nodns:hover, table.dataTable.display tbody tr.nodns:hover , table.dataTable.stripe tbody tr.rolldown:hover, table.dataTable.display tbody tr.rolldown:hover { background-color: #fffee3; }

table.dataTable.stripe tbody tr:hover, table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #fffee3; }

/*table.dataTable.cell-border thead th { border: 1px #666 solid;}
table.dataTable.cell-border tbody td { border: 1px #666 solid;} */

/* IMS options layout system */

.ims-options-block { box-sizing: border-box; width: 100%; padding: 0; margin: 5px 5px 15px 5px; border: 1px solid var(--cc-main-blue); border-radius: 4px; }
.ims-options-block.noborder { border: none; border-radius: 0; margin: 0; }

.ims-options-title { box-sizing: border-box; margin: 0; padding: 8px 5px; align-items: center; justify-content: center; text-align: center; background-color: var(--cc-main-blue); color: white; font: 20px Helvetica, sans-serif; font-weight: 400; }

.ims-options-content { padding: 20px 5px; margin: 0; background-color: var(--cc-background-blue); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: top; overflow: hidden;  }
.ims-options-group { padding: 0; margin: 0 0 30px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: top; overflow: hidden; } 
.ims-options-group:last-child { margin: 0; }
		
.ims-options-item { padding: 0; margin: 10px 5px 15px; flex: 0 1 auto; min-width: 260px; width: 33%; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.ims-options-item.info { color: #777; padding: 0 10px; font-size: 16px; }
.ims-options-item.solo { width: 70%; }
.ims-options-item.divider { width: 100%; margin: 20px 5px;  }
.ims-options-item.header { color: #777; font-size: 20px; font-weight: 600; }
.ims-options-item.label { margin: 10px 5px 5px; font: bold 18px Helvetica, Verdana, sans-serif; color: #333030; text-align: center; }

.ims-options-item .ims-opt-info { color: #777; padding: 0 10px; text-align: center; }

.ims-options-item label { padding: 5px; font: bold 18px Helvetica, Verdana, sans-serif; color: #333030; text-align: center; }

.ims-form-range { position: relative; width: 90%; height: 5px; margin: 25px 0; }
.ims-form-range-slider::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all; width: 24px; height: 24px; background-color: var(--cc-main-blue); border-radius: 50%; box-shadow: 0 0 0 1px var(--cc-dark-blue); cursor: pointer; }
.ims-form-range-slider::-moz-range-thumb { -webkit-appearance: none; pointer-events: all; width: 24px; height: 24px; background-color: var(--cc-main-blue); border-radius: 50%; box-shadow: 0 0 0 1px var(--cc-dark-blue);  cursor: pointer; }

.ims-form-range-slider::-webkit-slider-thumb:hover { background: var(--cc-dark-blue); }

.ims-form-range-slider::-webkit-slider-thumb:active { box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe; -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe; }
.ims-form-range-slider { appearance: none; position: absolute; width: 100%; height: 2px; pointer-events: none; background-color: #C6C6C6;}
.ims-form-range-minslider { height: 0; z-index: 1; }

.ims-form-range-values { font-size: 16px; }
.ims-form-slider-val { font-weight: 600; }

label.ims-form-switch { position: relative; display: inline-block; width: 80px; height: 38px; padding: 0; margin:; 5px 10px; }
.ims-form-switch input { opacity: 0; width: 0; height: 0; }

.ims-form-toggle { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #eee; -webkit-transition: .4s; transition: .4s; border-radius: 38px; border: 2px var(--cc-dark-blue) solid; }
.ims-form-toggle:before { position: absolute; content: ""; height: 28px; width: 28px; left: 4px; bottom: 3px; background-color: var(--cc-main-blue); -webkit-transition: .4s; transition: .4s; border-radius: 50%; }

input:checked + .ims-form-toggle { background-color: var(--cc-dark-blue); border: 2px var(--cc-dark-blue) solid; }
input:focus + .ims-form-toggle { border: 2px var(--cc-dark-blue) solid; box-shadow: 0 0 1px var(--cc-dark-blue); }
input:checked + .ims-form-toggle:before { background-color: #eee; -webkit-transform: translateX(41px); -ms-transform: translateX(41px); transform: translateX(41px); }
input:hover + .ims-form-toggle:before { background-color: var(--cc-dark-blue); }
input:checked:hover + .ims-form-toggle:before { background-color: #ccc; }	

.ims-form-time-group { box-sizing: border-box; width: 100%; align-items: center; justify-content: center; text-align: center; }
.ims-form-time { flex: 0 0 auto; box-sizing: border-box; width: 100%; max-width: 60px; height: 42px; margin: 5px 10px; padding: 10px 10px; border: 1px #4c89f9 solid; font: 16px Tahoma, Helvetica, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none;  border-radius: 4px; }

.ims-radio-toggle { width: 100%; max-width: 260px; display: flex; flex-direction: row; align-items: center; justify-content: center; }
label.ims-form-radio { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 10px 10px; border: 1px solid var(--cc-dark-blue); border-radius: 0; height: 42px; min-width: 100px; width:100%; max-width: 200px; font: 16px Helvetica, sans-serif; background-color: white; color: var(--cc-main-blue); transition: background-color 0.3s; }
label.ims-form-radio.left {border-radius: 4px 0 0 4px; }
label.ims-form-radio.right {border-radius: 0 4px 4px 0; }

label.ims-form-radio:not(:disabled) { cursor: pointer; }

.ims-form-radio input[type=radio] { display: none; appearance: none; width: 1.4rem; height: 1.4rem; flex: 0 0 auto; border: inherit; border-radius: inherit; }
.ims-form-radio input[type=radio]:not(:checked):hover  { background-color: var(--cc-dark-blue); }

label.ims-form-radio:has([type=radio]:checked) { border-color: var(--cc-dark-blue); background-color: var(--cc-main-blue); color: white; }
label.ims-form-radio:has([type=radio]:not(:checked):hover) { background-color: var(--cc-dark-blue); color: white; }

.ims-form-radio [type=radio]:checked { border-color: transparent; }

@media screen and (max-width: 620px) {
	.ims-options-item.info { font-size: 14px; width: 90%; };
}


/* IMS Table layout (outside of datatable) */

table.ims-tbl { margin: 20px auto; padding: 0; border-collapse: separate; border-spacing: 0px; border-bottom: 1px #666 solid; width: 100%; }
	
table.ims-tbl th { margin: 0; padding: 10px; font: 18px Helvetica, Verdana, sans-serif; font-weight: 600; align-items: center; justify-content: center; text-align: center; border-bottom: 1px #666 solid; }
table.ims-tbl td { margin: 0; padding: 10px; align-items: center; justify-content: center; text-align: center; border-top: 1px #ddd solid; }

table.ims-tbl td.label { font: 18px Helvetica, Verdana, sans-serif; font-weight: 600; }
	
table.ims-tbl tbody tr { background-color: #f0f6ff; }
table.ims-tbl tbody tr:nth-child(even){ background-color: var(--cc-background-blue); }
table.ims-tbl tbody tr:hover { background-color: #fffee3; }

/* specific for the slot allocation table */
table.ims-lab-slots-tbl .col1 { width: 30%; }
table.ims-lab-slots-tbl .col2 { width: 40%; }
table.ims-lab-slots-tbl .col3 { width: 30%; }


/* Styling for a floating tooltip box used on some pages: */
.ims-tbl-tooltip:hover { cursor: help; }

.ims-tooltip-container { display: none; position: absolute; max-width: 200px; margin: 0; padding: 0; background: #888; color: white; overflow: hidden; border: 1px black solid; border-radius: 4px; box-shadow: 1px 1px 3px 1px #aaa; }
.ims-tooltip-container .head { font-size: 20px; color: white; background-color: black; align-items: center; justify-content: center; text-align: center; }
.ims-tooltip-container .body { background-color: var(--cc-background-red); color: black; padding: 8px; }

.ims-tti { background-color: var(--cc-main-blue); color: white; border: 2px var(--cc-main-blue) solid; border-radius: 100%; width: 15px; height: 15px; padding-left: 4px; padding-right: 4px; margin: 0 15px; font-size: 14px; text-align: center; }
.ims-tti:hover { background-color: var(--cc-dark-blue); color: white; border: 2px var(--cc-dark-blue) solid; }

/* Overriding sharing style */
.ims-sharing div.sharedaddy { padding: 5px 0; }

/* Style that make head/body combo collapsible:
/* Collapsible boxes with headers */

.ims-collapse .head { box-sizing: border-box; padding-left: 40px; overflow: hidden; }
.ims-collapse .head:hover { background-color: var(--cc-dark-blue); cursor: pointer; color: white;}
.ims-collapse .head:hover>.ims-collapse-symbol { color: white; cursor: pointer;}
.ims-collapse .head.active { color: white; }

.ims-collapse-symbol { box-sizing: border-box; width: 20px; color: white; float: right; margin: 0 10px; text-align: center;}
.ims-collapse-symbol:hover { color: white; cursor: pointer;}

.ims-collapse .body { display: none; }

/* Styles for lab pages */

.ims-lab-item-wrap { width: 96%; margin: 0 auto 50px; padding: 0; background-color: var(--cc-background-blue); border: 1px solid var(--cc-box-black); border-radius: 4px; }
.ims-lab-item-wrap .head { color: white; font: normal 26px Tahoma, Helvetica, sans-serif; font-weight: 600; margin: 0; padding: 12px 15px; background-color: var(--cc-box-black); text-align: left; }
.ims-lab-item-wrap .body { margin: 0; padding: 0; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: top; }
.ims-lab-item-wrap .body img { margin: 0; padding: 0; min-width: 33%; max-height: 300px; flex: 1 1 auto; object-fit: cover; aspect-ratio: 1; }
.ims-lab-item-wrap .content { margin: 0 15px; padding: 15px 0; flex: 1 1 auto; min-width: 66%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: left; }
.ims-lab-item-wrap .buttons { margin: 0 15px; padding: 15px 0;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; }

@media screen and (max-width: 800px) {
	.ims-lab-item-wrap .body { flex-wrap: wrap; };
	.ims-lab-item-wrap .body img { max-height: 200px; }
}

table.ims-lab-slots-tbl {border-bottom: none; margin: 20px auto 0; }

/* Styles for buttons in the document */
.ims-blue-button { background: var(--cc-main-blue); color: white; border: 1px var(--cc-dark-blue) solid; border-radius: 14px; text-shadow: 1px 1px 3px var(--cc-dark-blue), -1px 1px 3px var(--cc-dark-blue), 1px -1px 3px var(--cc-dark-blue), -1px -1px 3px var(--cc-dark-blue); }
.ims-blue-button.inactive { background: #797979; border: 1px #797979 solid; color: #ece7e7; text-shadow: none; box-shadow: none; }
.ims-blue-button.selected, .ims-blue-button.ims-disp-selected { font-weight: 600; background: #262323; border: 1px #262323 solid; color: #ece7e7; text-shadow: none; box-shadow: none; }
.ims-blue-button.reset { font-weight: 600; background: #63799f; border: 1px #415c8b solid; color: white; text-shadow: 1px 1px 3px #415c8b, -1px 1px 3px #415c8b, 1px -1px 3px #415c8b, -1px -1px 3px #415c8b; }
.ims-blue-button:hover { background: var(--cc-dark-blue); color: white;  appearance: none; cursor: pointer;}
.ims-blue-button.inactive:hover { background: #797979; border: 1px #797979 solid; color: #ece7e7; text-shadow: none; box-shadow: none; cursor: auto;}
.ims-blue-button.selected:hover, .ims-blue-button.ims-disp-selected:hover { font-weight: 600; background: #262323; border: 1px #262323 solid; color: #ece7e7; text-shadow: none; box-shadow: none; cursor: auto;}
.ims-blue-button.reset:hover { font-weight: 600; background: #415c8b; border: 1px #415c8b solid; color: white; }
.ims-blue-button:visited { color: white; }

.ims-red-button { background: var(--cc-main-red); color: white; border: 1px var(--cc-dark-red) solid; border-radius: 14px; text-shadow: 1px 1px 3px var(--cc-dark-red), -1px 1px 3px var(--cc-dark-red), 1px -1px 3px var(--cc-dark-red), -1px -1px 3px var(--cc-dark-red); }
.ims-red-button.inactive { background: #797979; border: 1px #797979 solid; color: #ece7e7; text-shadow: none; box-shadow: none; }
.ims-red-button.selected { font-weight: 600; background: #262323; border: 1px #262323 solid; color: #ece7e7; text-shadow: none; box-shadow: none; }
.ims-red-button:hover { background: var(--cc-dark-red); color: white; appearance: none; cursor: pointer;}
.ims-red-button.inactive:hover { background: #797979; border: 1px #797979 solid; color: #ece7e7; text-shadow: none; box-shadow: none; cursor: auto;}
.ims-red-button.selected:hover { font-weight: 600; background: #262323; border: 1px #262323 solid; color: #ece7e7; text-shadow: none; text-shadow: none; box-shadow: none; cursor: auto;}
.ims-red-button:visited { color: white; }

/* Some specific colour gradient for the finisher tables: */
[class*="finishpercent"] { color: white; font-weight: 600; opacity: 0.9;}
.finishpercent0 { background: #ff1717; } 
.finishpercent5 { background: #f22019; } 
.finishpercent10 { background: #e52a1b; } 
.finishpercent15 { background: #d7331d; } 
.finishpercent20 { background: #ca3d1f; } 
.finishpercent25 { background: #bd4622; } 
.finishpercent30 { background: #b05024; } 
.finishpercent35 { background: #a35926; } 
.finishpercent40 { background: #956328; } 
.finishpercent45 { background: #886c2a; } 
.finishpercent50 { background: #7b762c; } 
.finishpercent55 { background: #6e7f2e; } 
.finishpercent60 { background: #608930; } 
.finishpercent65 { background: #539232; } 
.finishpercent70 { background: #469c34; } 
.finishpercent75 { background: #39a537; } 
.finishpercent80 { background: #2caf39; } 
.finishpercent85 { background: #1eb83b; } 
.finishpercent90 { background: #11c23d; } 
.finishpercent95 { background: #04cb3f; } 
.finishpercent100 { background: #04cb3f; } 

.ims-neg-val { color: var(--cc-main-red); }
.ims-pos-val { color: var(--cc-main-green); }